html{scroll-snap-type:y proximity;scroll-padding-top:75px}.story-nav{position:fixed;top:0;left:0;right:0;height:72px;z-index:20;background:#f6f0e5ed;backdrop-filter:blur(14px);border-bottom:1px solid #cfc4b560;opacity:0;visibility:hidden;transform:translateY(-100%);transition:.4s}.past-intro .story-nav{opacity:1;visibility:visible;transform:none}.story-nav nav{gap:23px}.intro-scene{height:100svh;min-height:640px;position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:start;background:radial-gradient(ellipse at 75% 50%,#f9d9b650,transparent 65%),var(--paper)}.intro-heading{position:absolute;z-index:3;left:7%;top:43%;transform:translateY(-50%);transition:top 1s ease,left 1s ease,transform 1s ease;text-align:left}.intro-heading>p{font-size:13px;letter-spacing:7px;margin-bottom:22px}.intro-heading h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(54px,7.5vw,112px);font-weight:400;line-height:1.04;letter-spacing:-3px;margin:0}.intro-heading h1 span{color:var(--orange)}.studio-scene{position:absolute;right:-2%;bottom:0;width:65%;height:83%;opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1s;mask-image:linear-gradient(to right,transparent,#000 25%);mix-blend-mode:multiply}.studio-scene img{width:100%;height:100%;object-fit:cover;object-position:60% center}.intro-arrived .intro-heading{top:26%;}.intro-arrived .studio-scene{opacity:.8;transform:none}.lanyard-drop{position:absolute;top:0;left:58%;width:245px;z-index:5;opacity:0;transform:translateY(-115vh);pointer-events:none}.intro-arrived .lanyard-drop{opacity:1;animation:lanyardFall 1.1s cubic-bezier(.22,.7,.3,1) both}.lanyard-swing{transform-origin:50% 0;}.intro-arrived .lanyard-swing{animation:lanyardSwing 2.5s .55s ease-out both}.lanyard-strap{width:28px;height:25svh;min-height:155px;max-height:260px;background:repeating-linear-gradient(90deg,#a54622 0 1px,#c65c32 1px 3px,#bd5028 3px 4px);margin:auto;box-shadow:3px 0 7px #5d2a1b2b;position:relative;overflow:hidden}.lanyard-strap span{writing-mode:vertical-rl;color:#f8dabf;font-size:9px;letter-spacing:2px;white-space:nowrap;position:absolute;left:8px;top:20px}.lanyard-clip{width:22px;height:36px;margin:-2px auto -5px;border:5px solid #8f8a7f;border-top-width:8px;border-radius:4px 4px 8px 8px;background:#c9c4b8;position:relative;z-index:2;box-shadow:inset 1px 0 #eee}.identity-card{padding:22px 20px 15px;background:linear-gradient(120deg,#fffdf6,#e9decc);border:5px solid #eee7db;border-radius:15px;box-shadow:10px 18px 25px #37271835,0 2px 3px #fff inset;min-height:322px;color:var(--ink)}.card-hole{width:45px;height:7px;border-radius:5px;background:#93887b;margin:-12px auto 17px;box-shadow:0 2px 1px white}.card-label{font-size:8px;letter-spacing:1.5px;text-align:center;margin-bottom:12px}.blank-photo{height:160px;border:1px solid #d2c6b5;background:#e2d9cb;display:grid;place-items:center;border-radius:4px}.blank-photo span{font-size:10px;letter-spacing:3px;color:#8b8070}.identity-card h2{font-size:20px;letter-spacing:-.5px;margin:14px 0 4px}.identity-card>p:not(.card-label){font-size:11px;line-height:1.5;margin-bottom:12px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #cbbfac;padding-top:10px;font-size:8px;letter-spacing:1px}.scroll-prompt{position:absolute;z-index:6;left:7%;bottom:6%;font-size:13px;letter-spacing:.6px;display:flex;align-items:center;gap:18px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s,transform .6s}.intro-ready .scroll-prompt{opacity:1;visibility:visible;transform:none}.scroll-line{height:36px;width:1px;background:var(--orange);display:block;transform-origin:top;animation:scrollPulse 1.8s ease-in-out infinite}.story-slide{min-height:100svh;scroll-snap-align:start;scroll-margin-top:70px;padding-top:90px;padding-bottom:75px}.about.story-slide{grid-template-columns:1.2fr 1fr 1fr;align-content:center;margin:0 6%;border-top:0;gap:32px}.about.story-slide h2{font-size:clamp(40px,4.6vw,68px);line-height:1.05}.about.story-slide .about-copy p{font-size:17px;line-height:1.8}.about.story-slide .about-portrait{height:320px;align-self:center}.about.story-slide .about-portrait img{width:840px;top:-90px}.about.story-slide .approach{margin-top:35px}.journey,.achievements{padding-left:7%;padding-right:7%;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.chapter-heading h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(44px,5.3vw,76px);line-height:1.05;letter-spacing:-1.8px;font-weight:400;margin:15px 0 0}.chapter-heading>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative;border-top:1px solid var(--line);padding-top:30px}.timeline article{position:relative}.timeline-index{width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--orange);color:var(--orange);border-radius:50%;font-size:12px;margin:-51px 0 27px}.timeline .eyebrow{font-size:10px;letter-spacing:1.5px}.timeline h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin-bottom:13px}.timeline p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.timeline .timeline-meta{color:var(--orange)!important;font-size:12px!important}.work-section.story-slide{padding-top:90px;display:flex;flex-direction:column;justify-content:center;margin:0 6%}.work-section.story-slide .section-heading h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:65px;font-weight:400}.work-section.story-slide .project-media{max-height:47svh;aspect-ratio:1.4}.achievements{background:#ede5d8}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #bfb19e;padding-top:35px}.metric{font-family:'Libre Caslon Display',Georgia,serif;font-size:95px;color:var(--orange);display:block;line-height:1.1;margin-bottom:20px}.metric small{font-family:'DM Sans',sans-serif;font-size:23px;margin-left:9px}.achievement-grid h3{font-size:20px;font-weight:500;margin-bottom:12px}.achievement-grid p{font-size:14px;line-height:1.7;color:var(--muted);max-width:270px}.achievement-note{border-top:1px solid #bfb19e;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:25px}.achievement-note>span{font-size:11px;letter-spacing:2px}.achievement-note p{font-size:15px;line-height:1.7;margin:0}.achievement-note p span{font-size:13px;color:var(--muted)}.contact{scroll-snap-align:end;padding-top:45px}.chapter-seen{animation:chapterIn .7s both}@keyframes chapterIn{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes lanyardFall{0%{transform:translateY(-115vh)}65%{transform:translateY(17px)}83%{transform:translateY(-12px)}100%{transform:translateY(0)}}@keyframes lanyardSwing{0%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}55%{transform:rotate(-5deg)}78%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}@keyframes scrollPulse{50%{transform:scaleY(.55);opacity:.4}}@media(max-width:800px){.story-nav{padding:0 5%;height:64px}.story-nav .brand{font-size:11px;letter-spacing:1px}.story-nav nav{gap:12px;font-size:11px}.intro-scene{min-height:680px}.intro-heading{left:6%;right:6%;top:42%;}.intro-heading h1{font-size:clamp(48px,10.5vw,76px);letter-spacing:-2px}.intro-heading>p{font-size:11px;letter-spacing:5px}.intro-arrived .intro-heading{top:17%}.studio-scene{width:110%;right:-15%;height:65%;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.lanyard-drop{left:48%;width:190px}.lanyard-strap{height:31svh;min-height:210px;max-height:300px;width:24px}.identity-card{padding:20px 14px 12px;min-height:260px;border-width:4px}.blank-photo{height:117px}.identity-card h2{font-size:17px}.identity-card>p:not(.card-label){font-size:10px}.card-label{font-size:6px;letter-spacing:1px}.card-bottom{font-size:6px}.scroll-prompt{left:6%;bottom:4%;font-size:11px;background:#f6f0e5de;padding:12px 16px;border-radius:30px}.scroll-line{height:24px}.story-slide{padding-top:85px;padding-bottom:55px}.about.story-slide{grid-template-columns:1fr 1fr;gap:15px}.about.story-slide .about-head{grid-column:1/-1}.about.story-slide h2{font-size:47px}.about.story-slide .about-portrait{height:260px;grid-column:1}.about.story-slide .about-portrait img{width:670px;top:-75px}.about.story-slide .about-copy{grid-column:2}.about.story-slide .about-copy p{font-size:14px;line-height:1.7}.chapter-heading{display:block;margin-bottom:40px}.chapter-heading h2{font-size:48px;margin-bottom:20px}.chapter-heading>p{font-size:14px}.timeline{grid-template-columns:1fr;gap:28px;border-top:0;padding-top:0;padding-left:24px;border-left:1px solid var(--line)}.timeline article{display:flex;gap:20px}.timeline-index{position:absolute;left:-45px;top:0;margin:0;width:40px;height:40px}.timeline article>div{padding-left:14px}.timeline h3{font-size:23px}.timeline p:not(.eyebrow){margin-bottom:7px}.timeline .eyebrow{margin-top:5px}.work-section.story-slide .section-heading h2{font-size:48px}.work-section.story-slide .project-media{max-height:none;aspect-ratio:1.3}.achievement-grid{grid-template-columns:1fr;gap:20px;padding-top:20px}.achievement-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:20px;border-bottom:1px solid #c5b9a6;padding-bottom:20px}.metric{font-size:62px;grid-row:1/3;margin:0}.metric small{font-size:17px;margin-left:3px}.achievement-grid h3{font-size:18px;margin:8px 0}.achievement-grid p{font-size:13px;margin:0;max-width:none}.achievement-note{display:block;margin-top:25px}.achievement-note>span{display:block;margin-bottom:15px}}@media(max-width:390px){.story-nav nav{gap:8px;font-size:10px}.story-nav .brand{font-size:9px}.lanyard-drop{left:43%}.intro-heading h1{font-size:47px}.about.story-slide{grid-template-columns:1fr}.about.story-slide .about-portrait{display:none}.about.story-slide .about-copy{grid-column:1}.chapter-heading h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}.intro-heading,.studio-scene,.scroll-prompt{transition:none}.intro-arrived .lanyard-drop{transform:none;opacity:1}.lanyard-swing{transform:rotate(-3deg)}.scroll-line{animation:none}}

/* Persistent chapter navigation; native scrolling stays interruptible. */
html{scroll-snap-type:none;scroll-padding-top:90px;scroll-behavior:smooth}.story-slide{scroll-margin-top:0}.story-nav{padding-left:30px}.side-navigation{position:fixed;left:24px;top:50%;transform:translate(-20px,-50%);width:174px;z-index:25;display:flex;flex-direction:column;gap:9px;opacity:0;visibility:hidden;transition:opacity .45s,transform .45s,visibility .45s}.past-intro .side-navigation{opacity:1;visibility:visible;transform:translate(0,-50%)}.side-caption{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 13px 12px}.side-navigation>a{display:flex;align-items:center;gap:11px;padding:14px 12px;min-height:49px;border:1px solid #cfc4b5;background:#f6f0e5e8;backdrop-filter:blur(12px);border-radius:13px;font-size:13px;transition:background .3s,color .3s,border-color .3s,transform .3s;box-shadow:0 3px 12px #38271a04}.side-navigation>a:hover{transform:translateX(4px);border-color:var(--orange)}.side-navigation>a[aria-current="location"]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 7px 20px #38271a15}.nav-index{font-size:10px;letter-spacing:1px;color:var(--orange)}[aria-current="location"] .nav-index{color:#f9b286}.side-track{height:2px;background:#d8cabb;margin:17px 12px 0;overflow:hidden}.side-track>span{height:100%;width:100%;display:block;background:var(--orange);transform:scaleX(var(--reading-progress,0));transform-origin:left;transition:transform .12s linear}.about.story-slide,.work-section.story-slide{margin-left:235px;margin-right:5%}.journey,.achievements{padding-left:235px;padding-right:5%}.contact{margin-left:218px;padding-left:32px;padding-right:5%}.about.story-slide{padding-left:0;padding-right:0;grid-template-columns:1.2fr .85fr 1fr;gap:24px}.about.story-slide h2{font-size:clamp(36px,3.7vw,62px)}.about.story-slide h2 em{white-space:normal}.about.story-slide .about-copy p{font-size:16px}.chapter-seen{animation-duration:.85s}.contact{scroll-margin-top:85px}@media(max-width:1100px) and (min-width:761px){.side-navigation{width:151px;left:18px}.side-navigation>a{font-size:12px;gap:8px;padding:13px 10px}.about.story-slide,.work-section.story-slide{margin-left:196px}.journey,.achievements{padding-left:196px}.contact{margin-left:181px}.about.story-slide{grid-template-columns:1fr 1fr;gap:20px}.about.story-slide .about-head{grid-column:1/-1}.about.story-slide .about-portrait{grid-column:1}.about.story-slide .about-copy{grid-column:2}.timeline{gap:20px}.timeline h3{font-size:21px}.chapter-heading h2{font-size:49px}.chapter-heading{align-items:start}.chapter-heading>p{max-width:170px;font-size:13px}}@media(max-width:760px){html{scroll-padding-top:78px}.story-nav{height:60px;padding-left:6%}.side-navigation{left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;flex-direction:row;gap:5px;background:#f6f0e5ef;border:1px solid #d1c4b1;border-radius:18px;padding:7px;box-shadow:0 8px 35px #34281925;backdrop-filter:blur(16px);transform:translateY(18px)}.past-intro .side-navigation{transform:none}.side-caption,.side-track,.nav-index{display:none}.side-navigation>a{flex:1;justify-content:center;text-align:center;padding:11px 5px;min-height:47px;font-size:11px;border:0;background:transparent;border-radius:11px;box-shadow:none;backdrop-filter:none}.side-navigation>a:hover{transform:none}.about.story-slide,.work-section.story-slide{margin-left:6%;margin-right:6%}.journey,.achievements{padding-left:7%;padding-right:7%}.about.story-slide{grid-template-columns:1fr 1fr}.about.story-slide h2{font-size:47px}.about.story-slide .about-copy p{font-size:14px}.contact{margin-left:0;padding-left:6%;padding-bottom:90px}.story-slide{padding-bottom:100px}.scroll-prompt{bottom:5%}}@media(max-width:390px){.side-navigation>a{font-size:10px}.about.story-slide{grid-template-columns:1fr}.about.story-slide .about-copy{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.side-navigation,.side-navigation>a,.side-track>span{transition:none}}
/* Keep navigation on the left at every screen size. */
@media(max-width:760px){.side-navigation{left:8px;right:auto;top:50%;bottom:auto;width:104px;flex-direction:column;gap:7px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;transform:translate(-15px,-50%)}.past-intro .side-navigation{transform:translate(0,-50%)}.side-navigation>a{flex:none;justify-content:flex-start;text-align:left;min-height:52px;padding:12px 10px;font-size:12px;line-height:1.4;border:1px solid var(--line);border-radius:11px;background:#f6f0e5f2;backdrop-filter:blur(12px);overflow-wrap:anywhere}.side-navigation>a[aria-current="location"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.about.story-slide,.work-section.story-slide{margin-left:130px;margin-right:18px}.journey,.achievements{padding-left:130px;padding-right:18px}.contact{margin-left:122px;padding:30px 18px 15px 8px}.about.story-slide{grid-template-columns:minmax(0,1fr);gap:20px}.about.story-slide .about-head,.about.story-slide .about-copy,.about.story-slide .about-portrait{grid-column:1}.about.story-slide .about-portrait{display:none}.about.story-slide h2,.chapter-heading h2{font-size:clamp(30px,6.5vw,46px);letter-spacing:-1px}.about.story-slide .about-head>p:last-child,.about.story-slide .about-copy p{font-size:14px}.work-section.story-slide .section-heading{flex-wrap:wrap;gap:15px}.work-section.story-slide .section-heading h2{font-size:36px}.work-section.story-slide .project-meta{gap:8px}.project-meta h3{font-size:19px}.project-open{width:30px;height:30px;flex-shrink:0}.filters{gap:10px}.achievement-grid article{grid-template-columns:1fr;gap:5px}.metric{grid-row:auto;font-size:58px}.achievement-grid p{font-size:14px}.timeline h3{font-size:21px}.chapter-heading>p{font-size:14px}.contact h2{font-size:35px;overflow-wrap:normal}.contact footer{flex-direction:column;align-items:flex-start;gap:15px}.story-slide{padding-bottom:65px}.approach-grid,.services{grid-template-columns:1fr}.side-navigation .side-caption{display:block;font-size:9px;letter-spacing:1px;margin:0 0 5px 5px}}@media(max-width:360px){.side-navigation{width:91px;left:6px}.side-navigation>a{font-size:11px;padding:11px 8px}.about.story-slide,.work-section.story-slide{margin-left:111px;margin-right:12px}.journey,.achievements{padding-left:111px;padding-right:12px}.contact{margin-left:105px;padding-right:12px}.about.story-slide h2,.chapter-heading h2{font-size:30px}.work-section.story-slide .section-heading h2{font-size:32px}.contact h2{font-size:30px}}
/* Minimal left navigation with labels on hover and keyboard/touch focus. */
.side-navigation{left:18px;right:auto;top:50%;bottom:auto;width:44px;padding:0;gap:4px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transform:translate(-10px,-50%)}.past-intro .side-navigation{transform:translate(0,-50%)}.side-navigation .side-caption,.side-navigation .side-track,.side-navigation .nav-index{display:none}.side-navigation>a,.side-navigation>a[aria-current="location"]{position:relative;flex:none;width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none;transform:none;color:var(--ink)}.side-navigation>a:before{content:'';width:5px;height:5px;border-radius:8px;background:#8a7b697d;transition:height .3s,background .3s,transform .3s}.side-navigation>a[aria-current="location"]:before{height:22px;background:var(--orange)}.side-navigation>a:hover:before,.side-navigation>a:focus-visible:before{background:var(--orange);transform:scale(1.12)}.side-navigation>a>span:last-child{position:absolute;left:43px;top:50%;transform:translate(-5px,-50%);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;padding:8px 12px;color:var(--ink);background:#f6f0e5f5;border:1px solid #d1c4b170;border-radius:7px;box-shadow:0 3px 15px #34281909;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.side-navigation>a:hover>span:last-child,.side-navigation>a:focus>span:last-child{opacity:1;transform:translate(0,-50%)}.about.story-slide,.work-section.story-slide{margin-left:100px;margin-right:6%}.journey,.achievements{padding-left:100px;padding-right:6%}.contact{margin-left:82px;padding-left:18px;padding-right:6%}@media(max-width:1100px) and (min-width:761px){.about.story-slide,.work-section.story-slide{margin-left:85px}.journey,.achievements{padding-left:85px}.contact{margin-left:70px;padding-left:15px}}@media(max-width:760px){.side-navigation{left:4px;width:44px;gap:2px;flex-direction:column;transform:translate(-10px,-50%)}.past-intro .side-navigation{transform:translate(0,-50%)}.side-navigation>a,.side-navigation>a[aria-current="location"]{width:44px;min-height:44px;height:44px;padding:0;border:0;background:none}.side-navigation>a>span:last-child{left:41px;font-size:12px}.about.story-slide,.work-section.story-slide{margin-left:62px;margin-right:20px}.journey,.achievements{padding-left:62px;padding-right:20px}.contact{margin-left:52px;padding-left:10px;padding-right:20px}.about.story-slide h2,.chapter-heading h2{font-size:clamp(35px,7vw,47px)}.work-section.story-slide .section-heading h2{font-size:40px}.contact h2{font-size:40px}}@media(max-width:360px){.side-navigation{left:0}.about.story-slide,.work-section.story-slide{margin-left:54px;margin-right:15px}.journey,.achievements{padding-left:54px;padding-right:15px}.contact{margin-left:44px;padding-right:15px}.about.story-slide h2,.chapter-heading h2,.contact h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.side-navigation>a:before,.side-navigation>a>span:last-child{transition:none}}