@import url('./theme.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.052em}h1{font-size:clamp(54px,5.8vw,86px);line-height:1.055}h2{font-size:clamp(38px,4vw,58px);line-height:1.1}h3{font-size:36px;line-height:1.16}em{font-style:normal;color:var(--accent)}p{line-height:1.75;color:var(--secondary)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:5px}button{border:0;background:none}::selection{background:var(--accent);color:var(--on-accent)}.section{max-width:1440px;margin:auto;padding:100px 64px}.eyebrow{display:block;font:600 12px/1.5 var(--body);letter-spacing:.13em;color:var(--muted)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 22px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:500;white-space:nowrap;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 28px #251e1b19}.button span{font-size:18px}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.text-link{padding:8px 0;border-bottom:1px solid var(--accent);display:inline-flex;gap:28px;align-items:center;color:var(--accent);font-weight:500;font-size:15px;min-height:44px}.text-link span{font-size:24px}.glass{background:var(--glass);border:1px solid #ffffff69;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.review-bar{height:34px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.05em;background:var(--surface);border-bottom:1px solid var(--line)}.review-bar a{text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;top:-100px;padding:16px;z-index:50;background:var(--surface)}.skip-link:focus{top:40px}.nav{height:88px;padding:0 64px;display:flex;align-items:center;gap:45px;position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.wordmark{font:650 23px/1 var(--heading);letter-spacing:-.065em;white-space:nowrap}.wordmark span{font:12px/1 var(--body);position:relative;top:-10px;margin-left:3px}.nav-links{display:flex;gap:32px;margin-left:auto;font-size:14px}.nav-links a:hover{color:var(--accent)}.nav-end{display:flex;gap:24px;align-items:center}.theme-toggle{font-size:23px;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:var(--surface)}.nav-contact{font-size:14px;padding-bottom:5px;border-bottom:0}.nav-contact span{padding-left:18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:78px;padding-bottom:90px;position:relative;min-height:700px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:29px}.hero-copy>p{font-size:17px;max-width:500px;margin-top:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.location{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:30px}.location i,.availability i{height:6px;width:6px;display:inline-block;background:#687d65;border-radius:50%}.hero-art{height:530px;position:relative;perspective:1500px;isolation:isolate}.art-landscape{position:absolute;width:88%;height:92%;left:8%;top:0;object-fit:cover;border-radius:180px 180px 16px 16px;opacity:.9}.art-halo{position:absolute;inset:3% 3% 8%;border-radius:50%;border:1px solid var(--line);transform:rotate(-25deg)}.monitor{padding:7px;background:#242733;border:1px solid #abaeb669;border-radius:13px;box-shadow:0 26px 65px #11172855;overflow:hidden}.monitor-bar{height:20px;display:flex;align-items:center;gap:4px;padding:0 8px;color:#dedee5}.monitor-bar i{width:4px;height:4px;border-radius:50%;background:#777c8b}.monitor-bar span{font-size:5px;letter-spacing:.12em;margin-left:auto}.monitor img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:4px}.hero-art>.monitor{position:absolute;left:1%;top:18%;width:91%;height:285px;transform:rotateY(-13deg) rotateZ(-5deg)}.hero-art .monitor img{height:calc(100% - 20px)}.floating-note{position:absolute;left:-7%;bottom:4%;width:250px;padding:22px 25px;border-radius:22px;z-index:2;transform:rotate(-3deg)}.floating-note .eyebrow{font-size:8px;letter-spacing:.09em}.floating-note strong{font:500 25px/1.14 var(--heading);letter-spacing:-.04em;display:block;margin:10px 0 16px}.floating-note>span:last-child{font-size:8px;color:var(--muted)}.tiny-phone{position:absolute;right:0;bottom:5%;height:247px;width:138px;overflow:hidden;border:6px solid #23232b;background:#23232b;border-radius:23px;transform:rotate(8deg);box-shadow:0 24px 44px #090e244d}.tiny-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.art-caption{position:absolute;left:39%;bottom:-15px;font-size:10px;color:var(--muted)}.scroll-cue{position:absolute;bottom:24px;left:64px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.scroll-cue span{font-size:20px}.proof{width:calc(100% - 128px);max-width:1312px;margin:0 auto;padding:40px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:32px}.proof strong{font:500 46px/1 var(--heading);letter-spacing:-.055em}.proof strong span{font-size:.65em}.proof div p{font-size:12px;margin-top:13px;line-height:1.4}.proof .proof-note{font-size:15px;align-self:center;border-left:0;padding-left:0;line-height:1.55}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.section-heading h2{margin-top:15px}.section-heading>p{font-size:14px;line-height:1.65}.projects{display:flex;flex-direction:column;gap:60px}.project{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.project:nth-child(even){grid-template-columns:1fr 1.12fr}.project:nth-child(even) .project-visual{order:2}.project-visual{position:relative;min-height:405px;border-radius:24px;overflow:hidden;background:var(--surface)}.project-visual>img{width:100%;height:405px;object-fit:cover;transition:transform .7s}.project-visual:hover>img{transform:scale(1.025)}.image-credit{position:absolute;bottom:14px;left:20px;font-size:10px;background:#171b256b;color:#fff9ef;padding:5px 8px;border-radius:4px}.project-index{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.13em;padding:8px 11px;background:#fff9efc9;color:#251e1b;border-radius:99px;backdrop-filter:blur(8px)}.project-copy h3{margin:18px 0 20px}.project-copy>p{font-size:15px;max-width:510px}.project-copy>.eyebrow{font-size:10px}.project-copy dl{margin:25px 0 19px;padding-top:21px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}dt{font-size:11px;color:var(--muted);margin-bottom:7px}dd{font-size:12px;line-height:1.65;margin:0;color:var(--secondary)}.approach{background:var(--surface);max-width:none;padding-left:max(64px,calc((100vw - 1312px)/2));padding-right:max(64px,calc((100vw - 1312px)/2))}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step-num{font-size:12px;color:var(--accent);display:block;padding-top:22px;border-top:1px solid var(--border);margin-bottom:26px}.steps h3{font-size:23px;line-height:1.25;letter-spacing:-.035em}.steps p{font-size:14px;margin:18px 0 22px}.steps small{font-size:11px;line-height:1.8;color:var(--muted);display:block}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:120px;padding-bottom:120px}.about-mark{position:relative;min-height:415px;border-radius:180px 180px 12px 12px;background:radial-gradient(ellipse at 25% 0%,#cfb29b50,transparent 60%),var(--surface);border:1px solid var(--line);font:350 225px/.8 var(--heading);letter-spacing:-.16em;padding:80px 30px;color:var(--accent)}.about-mark>span:first-child{font-size:.67em;position:relative;left:10px}.about-mark .coordinates{font:10px/1.6 var(--body);letter-spacing:.08em;position:absolute;bottom:30px;left:40px;color:var(--muted)}.about-copy h2{margin:18px 0 28px}.about-copy p{font-size:15px;margin:15px 0}.experience-line{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:20px;margin:24px 0;font-size:11px;line-height:1.8;color:var(--muted)}.experience-line b{font-weight:400;color:var(--text)}.contact{position:relative;min-height:800px;isolation:isolate;overflow:hidden}.contact-media,.contact-poster,.orb-video,.contact-shade{position:absolute;inset:0;width:100%;height:100%}.contact-poster,.orb-video{object-fit:cover;object-position:65% center}.contact-media{z-index:-2}.contact-shade{z-index:-1;background:linear-gradient(90deg,#f6f2eaf0 0%,#f6f2eab8 34%,#f6f2ea13 68%,transparent)}[data-theme=dark] .contact-shade{background:linear-gradient(90deg,#161b2de8 0%,#161b2da1 35%,#161b2d16 72%,transparent)}.contact-body{padding:120px max(64px,calc((100vw - 1312px)/2)) 145px;position:relative}.contact-body h2{font-size:clamp(60px,6.5vw,94px);margin:25px 0;letter-spacing:-.06em;line-height:1.03}.contact-body>p{font-size:16px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 26px}.copy-email{display:flex;gap:22px;align-items:center;padding:7px 0;font-size:15px}.copy-email span{font-size:10px;color:var(--muted)}.contact-body .availability{font-size:12px;margin-top:18px;display:flex;align-items:center;gap:8px}.motion-toggle{position:absolute;right:32px;bottom:100px;padding:11px 14px;border:1px solid #ffffff61;border-radius:99px;display:flex;align-items:center;gap:7px;color:#fff9f1;background:#161b2d75;font-size:13px;backdrop-filter:blur(10px)}.motion-toggle span{font-size:10px}.contact footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:24px;padding:28px 64px;border-top:1px solid var(--line);font-size:10px;background:var(--glass);backdrop-filter:blur(16px)}.case-dialog{background:var(--canvas);color:var(--text);max-width:1000px;width:calc(100% - 48px);max-height:92vh;border:1px solid var(--line);border-radius:24px;padding:0}.case-dialog::backdrop{background:#0d12269e;backdrop-filter:blur(10px)}.dialog-close{position:sticky;top:18px;float:right;margin:18px 18px 0 0;width:42px;height:42px;background:var(--surface);border-radius:50%;font-size:28px;z-index:3}.dialog-inner{padding:65px 72px}.dialog-inner h2{margin:20px 0}.dialog-lede{font-size:18px;max-width:670px}.dialog-meta{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:25px 0;border-block:1px solid var(--line);margin:30px 0}.case-sections>section{display:grid;grid-template-columns:48px 1fr;gap:20px;margin:35px 0}.case-sections>section>span{font-size:12px;color:var(--accent);padding-top:7px}.case-sections h3{font-size:27px;margin-bottom:12px}.case-sections p{font-size:15px}.evidence{margin:40px 0;background:var(--surface);padding:22px;border-radius:12px}.evidence img{max-height:620px;width:100%;object-fit:contain}.evidence figcaption{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.5}.evidence-note{font-size:12px;margin-bottom:25px}.dialog-dismiss{display:block;margin-top:20px}.atlas{display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:start}.atlas aside{position:sticky;top:130px}.atlas aside h2{margin:20px 0 30px;font-size:44px}.atlas aside nav{display:flex;flex-direction:column;margin-bottom:30px}.atlas aside nav a{border-top:1px solid var(--line);padding:15px 0;display:flex;gap:20px;font-size:14px}.atlas aside nav a span{font-size:11px;color:var(--accent)}.atlas-chapters{display:flex;flex-direction:column;gap:80px}.atlas-chapter{scroll-margin-top:125px}.atlas-chapter h3{font-size:40px;margin:20px 0}.atlas-chapter>p{font-size:16px;margin-bottom:26px}.chapter-visual{height:380px;overflow:hidden;border-radius:20px;background:var(--surface)}.chapter-visual img{width:100%;height:100%;object-fit:cover;object-position:top}.atlas-chapter:nth-child(even) .chapter-visual img{object-fit:contain;padding:25px}.chapter-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.chapter-foot>span{font-size:10px;color:var(--muted)}
/* 02 — Product Premiere: cinematic, centered, with full-width project chapters. */
.direction-premiere .hero{display:flex;flex-direction:column;text-align:center;padding-top:70px;padding-bottom:65px;gap:42px}.direction-premiere .hero-copy{max-width:1040px}.direction-premiere h1{font-size:clamp(64px,7.7vw,112px);letter-spacing:-.065em}.direction-premiere .hero-copy>p{max-width:630px;margin:26px auto 0;font-size:18px}.direction-premiere .hero-actions,.direction-premiere .location{justify-content:center}.direction-premiere .hero-art{width:100%;height:410px;max-width:1190px}.direction-premiere .art-landscape{width:100%;height:100%;inset:0;border-radius:24px;opacity:1}.direction-premiere .art-halo{display:none}.direction-premiere .hero-art>.monitor{width:54%;height:325px;left:24%;top:33px;transform:rotateY(-8deg) rotateZ(-2deg)}.direction-premiere .floating-note{bottom:38px;left:9%;text-align:left;transform:none;width:245px}.direction-premiere .tiny-phone{right:10%;bottom:30px;height:245px}.direction-premiere .art-caption{bottom:12px;left:40%;color:#e4d5c8}.direction-premiere .scroll-cue{display:none}.direction-premiere .proof{margin-top:0}.direction-premiere .section-heading{display:block;text-align:center}.direction-premiere .section-heading>p{margin-top:22px}.direction-premiere .section-heading h2{font-size:64px}.direction-premiere .projects{gap:80px}.direction-premiere .project,.direction-premiere .project:nth-child(even){display:flex;flex-direction:column;gap:0;background:var(--surface);border-radius:28px;overflow:hidden}.direction-premiere .project-copy{padding:50px 60px;order:0;width:100%;display:grid;grid-template-columns:1.05fr 1fr;column-gap:80px}.direction-premiere .project-copy>.eyebrow{grid-column:1/-1}.direction-premiere .project-copy h3{font-size:48px;grid-row:2/4}.direction-premiere .project-copy>p{grid-column:2;margin-top:22px}.direction-premiere .project-copy dl{grid-column:2;margin:18px 0 0;padding-top:16px}.direction-premiere .project-copy>.text-link{grid-column:1;justify-self:start;margin-top:20px}.direction-premiere .project-visual,.direction-premiere .project:nth-child(even) .project-visual{order:2;width:100%;border-radius:0;min-height:500px}.direction-premiere .project-visual>img{height:500px;object-position:center 45%}.direction-premiere .contact-body h2{font-size:90px}.direction-premiere .about-mark{border-radius:50% 50% 20px 20px}
/* 03 — Ownership Atlas: direct introduction and a persistent chapter rail. */
.direction-atlas .hero{grid-template-columns:1.2fr 1fr;min-height:640px;padding-top:62px;padding-bottom:62px}.direction-atlas h1{font-size:76px}.direction-atlas .hero-art{height:435px}.direction-atlas .art-landscape{border-radius:24px;opacity:.75}.direction-atlas .hero-art>.monitor{top:16%;height:270px;transform:rotate(3deg);left:0}.direction-atlas .tiny-phone{display:none}.direction-atlas .floating-note{left:8%;bottom:0;transform:rotate(-5deg);width:260px}.direction-atlas .art-caption{right:0;left:auto;bottom:-18px}.direction-atlas .proof{grid-template-columns:1fr 1fr 1fr}.direction-atlas .proof-note{display:none}.direction-atlas .proof strong{font-size:40px}.direction-atlas .approach .section-heading h2{font-size:48px}.direction-atlas .about-mark{border-radius:24px}
/* 04 — Curated Studio: oversized type, a compact art stage and mixed-size work gallery. */
.direction-studio .nav{margin:20px 40px 0;top:14px;height:70px;border:1px solid var(--line);border-radius:999px;padding:0 28px}.direction-studio .hero{grid-template-columns:1.2fr 1fr;min-height:650px;gap:5px;padding-top:70px}.direction-studio h1{font-size:clamp(62px,6.8vw,98px);letter-spacing:-.065em}.direction-studio .hero-copy>p{font-size:16px}.direction-studio .hero-art{height:445px}.direction-studio .art-landscape{border-radius:50% 50% 25px 25px;opacity:.65}.direction-studio .hero-art>.monitor{transform:rotate(7deg);height:275px;left:6%;width:95%}.direction-studio .floating-note{transform:rotate(-7deg);left:-12%;bottom:-3%}.direction-studio .tiny-phone{right:-3%;bottom:1%;transform:rotate(15deg);height:215px;width:125px}.direction-studio .proof{padding:28px 0}.direction-studio .proof strong{font-size:34px}.direction-studio .proof div p{font-size:11px}.direction-studio .section-heading h2{font-size:62px}.direction-studio .projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.direction-studio .project{display:flex;flex-direction:column;gap:0;align-items:stretch;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface)}.direction-studio .project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.direction-studio .project-visual,.direction-studio .project:nth-child(even) .project-visual{order:0;border-radius:0;min-height:330px}.direction-studio .project-visual>img{height:330px}.direction-studio .project:first-child .project-visual,.direction-studio .project:first-child .project-visual>img{height:100%;min-height:480px}.direction-studio .project-copy{padding:38px}.direction-studio .project-copy h3{font-size:34px}.direction-studio .project-copy>p{font-size:14px}.direction-studio .project-copy dl{gap:12px}.direction-studio .project-copy dd{font-size:11px}.direction-studio .about-mark{border-radius:24px;transform:rotate(-3deg)}.direction-studio .steps{gap:25px}.direction-studio .steps article{background:var(--canvas);padding:26px;border-radius:20px}.direction-studio .step-num{border:0;padding:0}.direction-studio .steps h3{font-size:22px}
/* Design comparison surface, separate from the portfolio designs. */
.review-hub>header{max-width:1440px;margin:auto;padding:40px 64px;display:flex;justify-content:space-between;align-items:center}.review-hub>header>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.review-hub>main{max-width:1440px;margin:auto;padding:55px 64px 80px}.review-hub h1{font-size:70px;margin:23px 0}.hub-intro{max-width:760px;font-size:16px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px;margin:55px 0 80px}.option-card{display:block;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.option-mini{height:340px;position:relative;padding:30px;background:#efe5d7;overflow:hidden}.option-mini>span{font-size:8px;letter-spacing:.1em}.option-mini h2{position:relative;z-index:2;font-size:33px;margin-top:38px;max-width:70%;line-height:1.1}.option-mini>img{position:absolute;right:-15px;bottom:-55px;width:52%;height:230px;object-fit:cover;border:6px solid var(--surface);border-radius:16px;transform:rotate(8deg);box-shadow:0 18px 45px #251e1b2e}.option-mini>i{position:absolute;left:30px;bottom:30px;font:25px var(--body);border:1px solid var(--border);height:40px;width:40px;border-radius:50%;text-align:center}.premiere .option-mini{background:#161b2d;color:#f3edf5;text-align:center}.premiere .option-mini em{color:#ebc6ab}.premiere .option-mini h2{max-width:100%;margin-top:18px}.premiere .option-mini>img{width:87%;height:155px;right:7%;bottom:-20px;border:0;transform:none}.premiere .option-mini>i{z-index:3;background:#161b2d}.atlas .option-mini{background:#f2eee4}.atlas .option-mini h2{font-size:38px}.atlas .option-mini>img{transform:rotate(-5deg);height:230px;width:40%;bottom:20px}.studio .option-mini{background:#dfd6c9}.studio .option-mini h2{font-size:37px;max-width:90%}.studio .option-mini>img{border-radius:120px 120px 20px 20px;transform:rotate(9deg);height:210px;bottom:-45px}.option-label{padding:25px 28px}.option-label h3{font:500 22px var(--heading);letter-spacing:-.04em;display:flex;align-items:center;gap:12px}.option-label h3 b{font:500 9px var(--body);letter-spacing:0;background:#e6ddcf;color:#6e3b21;border-radius:99px;padding:6px 9px}.option-label p{font-size:13px;margin-top:10px}.option-card:hover .option-mini>img{transform:translateY(-5px) rotate(3deg);transition:transform .4s}.comparison h2{font-size:36px;margin-bottom:30px}.comparison table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65}.comparison th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500}.comparison td,.comparison th{padding:17px 18px 17px 0;border-bottom:1px solid var(--line)}.hub-source{font-size:12px;max-width:920px;margin-top:45px}.hub-source a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.nav{padding-left:calc((100vw - 1312px)/2);padding-right:calc((100vw - 1312px)/2)}.direction-studio .nav{max-width:1360px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}}
@media(max-width:1100px){.proof{width:auto;}.nav{padding:0 32px;gap:28px}.nav-links{gap:20px}.section{padding:75px 32px}.hero{gap:25px}.hero h1,.direction-atlas h1{font-size:60px}.hero-art{height:470px}.hero-art>.monitor{height:250px}.floating-note{width:210px;left:-4%;padding:20px}.tiny-phone{height:200px;width:112px}.proof{margin-left:32px;margin-right:32px;gap:22px}.proof strong{font-size:38px}.proof .proof-note{padding-left:25px;font-size:12px}.project{gap:40px}.project-copy h3{font-size:32px}.project-visual,.project-visual>img{min-height:350px;height:350px}.steps{gap:24px}.steps h3{font-size:22px}.about{gap:55px}.about-mark{font-size:170px;min-height:365px}.contact-body{padding-left:40px}.contact-body h2{font-size:76px}.contact footer{padding-inline:32px}.atlas{grid-template-columns:260px 1fr;gap:40px}.atlas aside h2{font-size:38px}.chapter-visual{height:330px}.direction-studio .project-copy{padding:28px}.direction-premiere .project-copy{padding:40px;column-gap:45px}.direction-premiere .project-copy h3{font-size:42px}.direction-studio .hero h1{font-size:65px}.direction-studio .nav{margin-inline:24px}.direction-studio .nav-links{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:88px}.review-bar{padding:0 16px;font-size:9px}.review-bar>span:last-child{display:none}.nav{height:72px;padding:0 20px;gap:16px}.wordmark{font-size:21px}.nav-links{display:none}.nav-end{margin-left:auto;gap:16px}.nav-contact{font-size:12px}.nav-contact span{padding-left:8px}.theme-toggle{width:40px;height:40px}.section{padding:64px 22px}.hero,.direction-atlas .hero,.direction-studio .hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:48px;padding-bottom:50px}.hero h1,.direction-atlas h1,.direction-studio .hero h1{font-size:54px;line-height:1.05;letter-spacing:-.055em}.hero-copy>.eyebrow{font-size:10px;margin-bottom:22px}.hero-copy>p,.direction-studio .hero-copy>p{font-size:15px;margin-top:24px}.hero-actions{gap:10px;margin-top:26px}.button{padding:13px 17px;font-size:12px;gap:16px;min-height:48px}.location{font-size:11px;margin-top:22px}.hero-art,.direction-atlas .hero-art,.direction-studio .hero-art{height:365px;max-width:450px;width:100%;align-self:center;margin-top:10px}.hero-art>.monitor,.direction-atlas .hero-art>.monitor,.direction-studio .hero-art>.monitor{height:218px;left:3%;top:15%;width:91%}.floating-note,.direction-atlas .floating-note,.direction-studio .floating-note{width:185px;left:0;bottom:0;padding:16px 20px}.floating-note strong{font-size:22px}.floating-note .eyebrow{font-size:7px}.floating-note>span:last-child{font-size:7px}.tiny-phone,.direction-studio .tiny-phone{width:99px;height:183px;right:1%;bottom:1%}.art-caption,.direction-atlas .art-caption{font-size:8px;left:auto;right:0;bottom:-22px}.scroll-cue{display:none}.proof,.direction-atlas .proof{margin:20px 22px 0;padding:27px 0;gap:15px;grid-template-columns:repeat(3,1fr)}.proof strong,.direction-studio .proof strong,.direction-atlas .proof strong{font-size:30px}.proof strong span{font-size:.52em}.proof div p,.direction-studio .proof div p{font-size:10px;margin-top:10px;max-width:100px;line-height:1.5}.proof .proof-note{display:none}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.direction-studio .section-heading h2,.direction-atlas .approach .section-heading h2{font-size:39px}.section-heading>p{font-size:13px;margin-top:20px}.eyebrow{font-size:10px}.projects{gap:50px}.project,.project:nth-child(even){display:flex;flex-direction:column;gap:25px;align-items:stretch}.project-visual,.project:nth-child(even) .project-visual{order:0;min-height:280px;height:280px;border-radius:19px}.project-visual>img{height:280px;min-height:280px}.project-copy h3{font-size:33px;margin:14px 0 18px}.project-copy>p{font-size:14px}.project-copy>.eyebrow{font-size:9px}.project-copy dl{margin:22px 0 13px;gap:15px}.text-link{font-size:13px;gap:22px}.image-credit{font-size:8px;left:14px}.project-index{top:14px;left:14px;font-size:8px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.steps h3{font-size:22px}.steps p{font-size:13px}.steps small{font-size:10px}.step-num{margin-bottom:18px}.about{display:flex;flex-direction:column;gap:38px;align-items:stretch}.about-mark{max-width:380px;width:100%;align-self:center;min-height:280px;height:280px;padding:55px 25px;font-size:175px}.about-copy h2{font-size:41px}.about-copy p{font-size:14px}.experience-line{gap:20px;font-size:11px}.contact{min-height:800px}.contact-body{padding:75px 22px 180px}.contact-body h2,.direction-premiere .contact-body h2{font-size:60px;line-height:1.05;margin-top:22px}.contact-body>p{font-size:14px}.contact-poster,.orb-video{object-position:70% center}.contact-shade{background:linear-gradient(90deg,#f6f2eae8,#f6f2ea80 80%,#f6f2ea32)}[data-theme=dark] .contact-shade{background:linear-gradient(90deg,#161b2de8,#161b2d80 80%,#161b2d30)}.contact-actions{margin-top:27px;gap:10px;flex-direction:column;align-items:flex-start}.copy-email{font-size:14px;gap:15px}.contact-body .availability{font-size:10px}.motion-toggle{bottom:125px;right:22px}.contact footer{padding:22px;display:grid;grid-template-columns:1fr auto;font-size:9px;gap:15px}.contact footer>span:last-child{grid-column:1/-1}.case-dialog{width:calc(100% - 24px);max-height:94dvh;border-radius:18px}.dialog-inner{padding:55px 24px 35px}.dialog-inner h2{font-size:38px}.dialog-lede{font-size:15px}.dialog-meta{gap:16px}.case-sections>section{grid-template-columns:24px 1fr;gap:14px}.case-sections h3{font-size:25px}.case-sections p{font-size:14px}.evidence{padding:10px}.evidence figcaption{font-size:9px}.atlas{display:block}.atlas aside{position:relative;top:0;margin-bottom:45px}.atlas aside h2{font-size:42px}.atlas aside h2 br:nth-of-type(2){display:none}.atlas aside nav{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.atlas-chapters{gap:65px}.atlas-chapter h3{font-size:36px}.atlas-chapter>p{font-size:14px}.chapter-visual{height:300px}.chapter-foot{align-items:flex-start}.chapter-foot>span{max-width:110px;font-size:9px}.direction-premiere .hero{padding:48px 22px 32px;gap:30px}.direction-premiere h1{font-size:58px}.direction-premiere .hero-copy>p{font-size:15px}.direction-premiere .hero-art{height:295px}.direction-premiere .hero-art>.monitor{width:80%;left:10%;height:180px;top:42px}.direction-premiere .tiny-phone{width:80px;height:142px;right:2%;bottom:20px}.direction-premiere .floating-note{left:2%;bottom:8px;width:155px;padding:12px}.direction-premiere .floating-note strong{font-size:18px}.direction-premiere .floating-note>span:last-child{display:none}.direction-premiere .art-caption{left:33%;bottom:10px;font-size:7px}.direction-premiere .section-heading h2{font-size:43px}.direction-premiere .project-copy{display:block;padding:28px}.direction-premiere .project-copy h3{font-size:34px}.direction-premiere .project-copy>p{font-size:14px}.direction-premiere .project-copy dl{margin-top:22px}.direction-premiere .project-copy>.text-link{margin-top:16px}.direction-premiere .project-visual,.direction-premiere .project-visual>img,.direction-premiere .project:nth-child(even) .project-visual{height:280px;min-height:280px}.direction-premiere .projects{gap:28px}.direction-studio .nav{margin:12px 12px 0;padding:0 17px;height:65px;top:8px}.direction-studio .hero{padding-top:42px}.direction-studio .projects{display:flex;gap:28px}.direction-studio .project:first-child{display:flex}.direction-studio .project:first-child .project-visual,.direction-studio .project:first-child .project-visual>img{height:300px;min-height:300px}.direction-studio .project-copy{padding:25px}.direction-studio .project-copy h3{font-size:32px}.direction-studio .steps{grid-template-columns:1fr}.direction-studio .steps article{padding:28px}.direction-studio .steps h3{font-size:25px}.review-hub>header{padding:25px 22px}.review-hub>header>span{font-size:8px;max-width:140px;text-align:right}.review-hub>main{padding:40px 22px}.review-hub h1{font-size:48px}.hub-intro{font-size:14px}.hub-intro br{display:none}.option-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.option-mini{height:315px}.option-label{padding:22px}.option-label h3{font-size:20px}.option-label p{font-size:12px}.comparison{overflow:auto}.comparison h2{font-size:29px;min-width:280px}.comparison table{min-width:670px;font-size:12px}.hub-source{font-size:11px}.option-mini h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.orb-video{display:none}}
.capture .review-bar{display:none}.capture .nav{position:relative;top:0}.capture .atlas aside{position:relative;top:0}.capture .orb-video{display:none}.capture .motion-toggle{display:none}

[hidden]{display:none!important}

.figma-review{margin-bottom:35px}
/* Silver device mockups, drawn from the supplied Figma hardware references. */
.device{position:relative;isolation:isolate;filter:drop-shadow(0 20px 20px #11192b38);flex-shrink:0}.device-screen{position:absolute;overflow:hidden;background:#fafaf7}.device-screen>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.device-hardware{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:2}.device-macbook{aspect-ratio:600/380}.device-macbook .device-screen{left:6.84%;top:3.42%;width:86.33%;height:85.26%;border-radius:1.6% 1.6% 0 0}.device-ipad{aspect-ratio:300/408}.device-ipad .device-screen{left:5.66%;top:4.41%;width:88.68%;height:91.18%;border-radius:3.4%}.device-iphone{aspect-ratio:180/368}.device-iphone .device-screen{left:5%;top:2.44%;width:90%;height:95.11%;border-radius:15.4%/7.15%;padding-top:15.5%}.device-iphone .device-screen>img{height:100%;object-fit:cover;object-position:top}.hero-art>.device{position:absolute}.hero-art>.device-macbook{width:90%;left:5%;top:16%;transform:rotate(-4deg);z-index:1}.hero-art>.device-ipad-landscape{width:47%;left:1%;top:57%;transform:rotate(-8deg);z-index:2}.hero-art>.device-iphone{width:21%;right:0;top:54%;transform:rotate(8deg);z-index:3}.hero-art .art-caption{left:auto;right:0;bottom:-25px}.direction-premiere .hero-art{height:450px}.direction-premiere .hero-art>.device-macbook{width:55%;left:22%;top:4%;transform:rotate(-2deg)}.direction-premiere .hero-art>.device-ipad-landscape{width:31%;left:1%;top:34%;transform:rotate(-8deg)}.direction-premiere .hero-art>.device-iphone{width:12%;right:4%;top:35%;transform:rotate(7deg)}.direction-premiere .art-caption{bottom:-23px;color:var(--muted)}.direction-atlas .hero-art>.device-ipad-landscape,.direction-studio .hero-art>.device-ipad-landscape{width:45%;top:57%}.direction-atlas .hero-art>.device-iphone,.direction-studio .hero-art>.device-iphone{top:49%}.direction-studio .hero-art>.device-macbook{transform:rotate(4deg)}.evidence-devices{position:relative;min-height:420px;display:flex;justify-content:center;align-items:center;padding:30px}.evidence-devices>.device-macbook{width:90%;margin-right:8%;transform:rotate(-2deg)}.evidence-devices>.device-iphone{width:20%;position:absolute;right:0;bottom:25px;transform:rotate(6deg)}.evidence-devices>.device-ipad{width:min(70%,380px)}.evidence .device-hardware{max-height:none;object-fit:fill}.evidence .device-screen img{max-height:none;object-fit:cover}.chapter-device{display:flex;align-items:center;justify-content:center;padding:30px}.chapter-device>.device-macbook{height:100%;width:auto;max-width:100%}.chapter-device>.device-ipad{height:100%;width:auto}.chapter-device .device-hardware,.atlas-chapter:nth-child(even) .chapter-device .device-hardware{padding:0;object-fit:fill}.chapter-device .device-screen img,.atlas-chapter:nth-child(even) .chapter-device .device-screen img{padding:0;object-fit:cover}.chapter-device>.device-ipad .device-screen>img,.evidence-devices>.device-ipad .device-screen>img{object-fit:contain;background:#f3f1e9}
@media(max-width:760px){.hero-art>.device-ipad-landscape{width:45%;top:57%}.hero-art>.device-iphone{width:21%;top:50%}.direction-premiere .hero-art{height:320px}.direction-premiere .hero-art>.device-macbook{width:82%;left:12%;top:22%}.direction-premiere .hero-art>.device-ipad-landscape{width:43%;left:0;top:63%}.direction-premiere .hero-art>.device-iphone{width:18%;right:0;top:53%}.direction-premiere .art-caption{bottom:-15px;font-size:8px}.evidence-devices{min-height:230px;padding:15px 0}.evidence-devices>.device-ipad{width:70%}.chapter-device{padding:18px}.chapter-device>.device-ipad{height:95%;width:auto}}

.device-ipad-landscape{aspect-ratio:408/300}.device-ipad-landscape .device-screen{left:4.41%;top:5.66%;width:91.18%;height:88.68%;border-radius:3.4%}

.option-mini>.option-device{position:absolute;width:72%;right:-12%;bottom:18px;transform:rotate(-5deg)}

/* Borderless surface system: use tone, radius and elevation to separate cards. */
.nav{border-bottom:0}
.direction-studio .nav{border:0;box-shadow:0 12px 34px #251e1b0b}
.direction-studio .project,
.option-card,
.about-mark,
.case-dialog,
.evidence{border:0;box-shadow:0 18px 50px #251e1b0d}

/* Shaded borderless controls and compact circular direction cues. */
.theme-toggle{border:0;background:color-mix(in srgb,var(--text) 8%,var(--surface));box-shadow:0 7px 18px #251e1b12}
.button.secondary{border:0;background:color-mix(in srgb,var(--text) 7%,var(--surface));box-shadow:0 9px 24px #251e1b0d}
.button.secondary:hover{background:color-mix(in srgb,var(--text) 11%,var(--surface))}
.text-link>span,.nav-contact>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex:0 0 34px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:0 7px 18px #251e1b0c;font-size:17px;line-height:1}
.nav-contact{display:inline-flex;align-items:center;gap:12px;padding-bottom:0}
.text-link{gap:14px}
.project .case-open{border-bottom:0}

/* Shared password prompt for every résumé entry point. */
.resume-gate{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px #17120f55}
.resume-gate::backdrop{background:#17120f8f;backdrop-filter:blur(9px)}
.resume-gate-panel{position:relative;padding:38px 40px 34px}
.resume-gate-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--text) 7%,var(--surface));font-size:24px;line-height:1}
.resume-gate h2{font-size:38px;margin:14px 0 12px}
.resume-gate p{font-size:14px;line-height:1.6}
.resume-gate label{display:block;margin:26px 0 9px;font-size:13px;font-weight:600}
.resume-gate input{width:100%;height:52px;border:0;border-radius:12px;padding:0 15px;background:color-mix(in srgb,var(--text) 7%,var(--surface));color:var(--text);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 10%,transparent)}
.resume-gate input:focus{outline:3px solid var(--accent);outline-offset:2px}
.resume-gate-error{min-height:24px;margin-top:8px;color:#a22d37!important}
.resume-gate-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}
.resume-gate-actions>[data-resume-cancel]{min-height:48px;padding:12px 18px}
@media(max-width:560px){.resume-gate-panel{padding:34px 24px 26px}.resume-gate h2{font-size:32px}.resume-gate-actions{align-items:stretch;flex-direction:column-reverse}.resume-gate-actions>*{width:100%}}

/* The shared motion controller uses hidden for data-saving and reduced-motion fallbacks. */
.motion-toggle[hidden],.orb-video[hidden]{display:none!important}