:root{--accent:#8495b5;--paper:#f4f1ea;--ink:#191b1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.atlas{min-height:100vh;overflow:hidden}.masthead{position:absolute;z-index:20;top:0;left:0;right:0;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#f6f2e9;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:18px;letter-spacing:.2em}.brand i{width:36px;height:1px;background:currentColor}.masthead p{margin:0;font:10px Arial,sans-serif;letter-spacing:.24em}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;padding:120px 9vw 70px;background:#171b1c;color:#f5f0e7}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:4px 4px}.hero-copy{position:relative;z-index:3}.eyebrow{margin:0 0 32px;color:var(--accent);font:600 11px Arial,sans-serif;letter-spacing:.26em;transition:color .5s}.hero h1{margin:0;font-size:clamp(55px,7vw,104px);font-weight:400;line-height:1.07;letter-spacing:-.05em}.hero-intro{max-width:410px;margin:34px 0 0;color:#b8bbb5;font-size:15px;line-height:2;letter-spacing:.08em}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:38px}.draw-button,.ghost-button{height:48px;padding:0 20px;border:1px solid #565b59;background:transparent;color:#f5f0e7;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:.3s;font-size:13px;letter-spacing:.08em}.draw-button{background:var(--accent);border-color:var(--accent);color:#fff}.draw-button:hover{transform:translateY(-3px)}.ghost-button:hover{border-color:#f5f0e7}.featured-card{position:relative;z-index:2;justify-self:center;width:min(38vw,510px);aspect-ratio:.72;padding:0;border:0;background:#303536;cursor:pointer;overflow:hidden;box-shadow:28px 32px 80px #0008}.featured-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}.featured-card:hover>img{transform:scale(1.035)}.featured-wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#273247ee 100%)}.featured-index{position:absolute;top:22px;left:24px;color:#fff;font:600 10px Arial,sans-serif;letter-spacing:.22em}.featured-info{position:absolute;left:30px;right:30px;bottom:32px;color:#fff;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.featured-info small{margin-bottom:8px;font-size:12px;letter-spacing:.35em}.featured-info strong{font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:.14em}.featured-info em{margin-top:12px;font-size:13px;line-height:1.7;font-style:normal;opacity:.82}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}.orbit-one{width:44vw;height:44vw;right:-8vw;top:-10vw}.orbit-two{width:24vw;height:24vw;left:38vw;bottom:-13vw}.gallery-section{padding:120px 6vw 140px}.section-heading{max-width:1320px;margin:0 auto 58px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #bbb5aa;padding-bottom:24px}.section-heading p{margin:0 0 10px;color:#77776f;font:11px Arial,sans-serif;letter-spacing:.22em}.section-heading>p{margin-bottom:6px;letter-spacing:.08em}.section-heading h2{margin:0;font-size:clamp(40px,5vw,68px);font-weight:400;letter-spacing:.08em}.role-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:52px 24px}.role-card{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.image-frame{position:relative;display:block;aspect-ratio:.76;overflow:hidden;background:var(--role-soft)}.image-frame:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#0007);opacity:0;transition:.4s}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.role-card:hover .image-frame img{transform:scale(1.035)}.role-card:hover .image-frame:after{opacity:1}.card-number{position:absolute;top:15px;left:15px;width:38px;height:38px;background:#f4f1eae8;display:grid;place-items:center;font:11px Arial,sans-serif}.card-label{position:absolute;right:16px;top:16px;padding:8px 10px;background:var(--role-color);color:#fff;writing-mode:vertical-rl;letter-spacing:.22em;font-size:11px}.card-caption{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;padding:19px 4px 0}.card-caption strong{font-size:24px;font-weight:400;letter-spacing:.12em;white-space:nowrap}.card-caption em{align-self:center;justify-self:end;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#686861;font-size:12px;font-style:normal}.card-caption span{grid-column:1/-1;color:var(--role-color);font:10px Arial,sans-serif;letter-spacing:.14em;opacity:0;transform:translateY(5px);transition:.35s}.role-card:hover .card-caption span{opacity:1;transform:none}.role-card:nth-child(3n+2){transform:translateY(62px)}footer{padding:86px 6vw 45px;background:#171b1c;color:#eee9df;text-align:center}footer p{margin:0;font-size:clamp(34px,5vw,58px);letter-spacing:.16em}footer span{display:block;margin-top:24px;color:#a9aca7;font-size:14px;letter-spacing:.15em}footer small{display:block;margin-top:62px;color:#666b69;font:10px Arial,sans-serif;letter-spacing:.1em}.overlay{position:fixed;inset:0;z-index:50;background:#0009;opacity:0;transition:opacity .35s}.overlay.visible{opacity:1}.role-panel{position:fixed;z-index:51;top:0;right:0;width:min(560px,100vw);height:100%;background:var(--panel-soft,#edf1f8);transform:translateX(101%);transition:transform .45s cubic-bezier(.22,.7,.2,1);overflow:hidden;box-shadow:-20px 0 70px #0004}.role-panel.open{transform:none}.panel-close{position:absolute;z-index:2;top:18px;right:18px;width:40px;height:40px;border:0;border-radius:50%;background:#f8f5efdf;color:#222;font-size:25px;line-height:1;cursor:pointer}.panel-scroll{height:100%;overflow:auto}.panel-image{height:min(58vh,550px);background:#ddd}.panel-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.panel-heading{padding:34px 38px 10px}.panel-heading>p{margin:0;color:var(--panel-color);font:700 10px Arial,sans-serif;letter-spacing:.24em}.panel-heading h2{margin:12px 0 0;color:var(--panel-ink);font-size:52px;font-weight:400;letter-spacing:.13em}.panel-heading blockquote{margin:16px 0 0;color:var(--panel-ink);font-size:17px;line-height:1.9}.panel-body{padding:18px 38px 50px}.keywords{display:flex;flex-wrap:wrap;gap:8px}.keywords span{border:1px solid var(--panel-color);padding:7px 11px;color:var(--panel-ink);font-size:11px;letter-spacing:.12em}.role-note{margin:27px 0 30px;color:var(--panel-ink);font-size:14px;line-height:2;letter-spacing:.08em}.panel-secondary{aspect-ratio:.8;margin-top:24px;overflow:hidden}.panel-secondary img{width:100%;height:100%;object-fit:cover}.panel-mark{margin:36px 0 0;color:var(--panel-color);font:9px Arial,sans-serif;letter-spacing:.22em}body.panel-open{overflow:hidden}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:5vw;padding-left:6vw;padding-right:6vw}.featured-card{width:43vw}.role-grid{grid-template-columns:repeat(2,1fr)}.role-card:nth-child(3n+2){transform:none}.role-card:nth-child(even){transform:translateY(42px)}}@media(max-width:640px){.masthead{height:68px;padding:0 20px}.masthead p{font-size:8px;letter-spacing:.12em}.brand{font-size:14px}.brand i{width:24px}.hero{min-height:auto;grid-template-columns:1fr;gap:42px;padding:112px 20px 72px}.hero h1{font-size:58px}.hero-intro{margin-top:22px;font-size:13px;line-height:1.8}.hero-actions{margin-top:28px;gap:9px}.draw-button,.ghost-button{height:44px;padding:0 13px;font-size:11px}.featured-card{width:88vw}.gallery-section{padding:78px 18px 100px}.section-heading{align-items:start;margin-bottom:34px}.section-heading>p{display:none}.role-grid{grid-template-columns:1fr;gap:48px}.role-card:nth-child(even){transform:none}.image-frame{aspect-ratio:.8}.card-caption strong{font-size:25px}.card-caption em{max-width:190px}footer{padding-top:70px}footer small{line-height:1.8}.panel-heading{padding:28px 24px 8px}.panel-heading h2{font-size:42px}.panel-body{padding:14px 24px 42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}