.mobile-touch-cue{display:none}
@media(max-width:900px){
 :root{--gutter:24px}html{scroll-padding-top:90px}body{overscroll-behavior-y:none}main{overflow:clip}a,button,summary{-webkit-tap-highlight-color:transparent}
 .site-header{padding:20px var(--gutter);align-items:flex-start}.site-header .signature{--signature-scale:.4;margin:0}.menu-trigger{top:18px;right:20px;font-size:34px;gap:12px;padding:10px 0;align-items:center}.menu-close{font-size:34px;height:64px}.menu-close span{font-size:34px}.menu-trigger .menu-lines{transform:translateY(.04em)}
 .back-to-top{top:auto;bottom:max(20px,env(safe-area-inset-bottom));left:50%;right:auto;width:44px;height:44px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.mobile-scrolled .back-to-top{opacity:1;pointer-events:auto}
 .hero{height:100svh;min-height:880px;max-height:none}.hero-image{object-fit:cover;object-position:54% 50%}.hero-shade{background:linear-gradient(0deg,#100d16 0%,#100d16eb 8%,#100d1633 55%,#100d1622 100%)}.hero-grain{opacity:.025}.hero-content{padding:440px var(--gutter) 110px;width:100%;max-width:none}.hero-content .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.09em;max-width:290px}.hero h1{font-size:clamp(80px,21vw,112px);line-height:.88;margin:22px 0 0;letter-spacing:-.025em}.hero .hero-scribble{font-size:clamp(62px,16.8vw,88px);line-height:1;margin:-.16em 0 0;max-width:100%;transform:rotate(-7deg)}.hero-description{margin:36px 0 0;font-size:17px;line-height:1.6;max-width:100%;letter-spacing:-.03em}.hero-description>strong{font-size:inherit}.hero-description>em{font-size:17px;line-height:1.6}.hero .text-link{margin-top:13px;padding:10px 0;min-height:44px;font-size:15px;gap:25px}.hero .scratch-arrow{width:34px;height:29px}.hero-bottom{bottom:22px;left:var(--gutter);right:var(--gutter);font-size:8px;gap:12px;display:flex;flex-wrap:nowrap}.hero-bottom>span:first-child{font-size:9px;max-width:160px;line-height:1.6}.hero-bottom>a{font-size:8px}.hero-index{display:none}
 .hero-award{left:auto;right:24px;top:224px;bottom:auto;width:195px;translate:0 0;transform:rotate(5deg)}.hero-award .award-top,.hero-award .award-bottom{font-size:45px}.hero-award .award-terror{font-size:28px;line-height:1;margin:-.32em -13px -.2em;white-space:nowrap}.hero-award .award-top .award-crown{width:1.2em;left:calc(100% - .28em);top:-1.35em}
 .mobile-touch-cue{display:block;position:absolute;top:172px;left:24px;max-width:110px;color:#e4d9ed;font:8px/1.8 Montserrat,Arial,sans-serif;letter-spacing:.14em;border-left:1px solid var(--lime);padding-left:10px}
 .manifesto{padding:45px var(--gutter) 65px}.quote-scroll-frame.is-quote-scroll .quote-scene,.expertise-quote-scroll.is-quote-scroll .quote-scene{min-height:82svh}.struggle-quote blockquote{font-size:clamp(29px,7.8vw,46px);line-height:1.5;letter-spacing:-.025em}.struggle-quote>.mindset-title{font-size:clamp(48px,13vw,68px);margin-bottom:26px}.struggle-quote figcaption{font-size:10px;line-height:1.6;margin-top:30px}.expertise-quote{padding:30px 0;margin:0}.expertise-quote blockquote{font-size:clamp(27px,7.2vw,42px);line-height:1.55}.expertise-quote figcaption{font-size:10px}
 .horizontal-section .pin-frame{padding:55px 0 25px;height:auto;display:block;overflow:visible;position:relative!important}.horizontal-section{height:auto!important;overflow:hidden}.section-heading{padding:0 var(--gutter);margin-bottom:36px;display:block}.section-heading h2,.journey-section .section-heading h2{font-size:clamp(54px,14vw,78px);line-height:.98;margin-top:15px}.section-heading .scribble,.journey-section .section-heading .scribble{font-size:clamp(44px,12vw,64px);line-height:1.05;margin:-.12em 0 0;transform:rotate(-6deg)}.journey-section .section-heading>div{padding-right:90px}.journey-stat{position:absolute;right:24px;top:52px;min-width:0;padding-left:14px;margin:0;border-left:1px solid var(--lime)}.journey-stat strong{font-size:68px;line-height:.9}.journey-stat>span{font-size:17px;line-height:1.1;margin-top:10px}.horizontal-section .rail-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--gutter);touch-action:pan-x pan-y}.rail-window::-webkit-scrollbar{display:none}.horizontal-section .rail{display:flex;gap:16px;padding:0 var(--gutter);width:max-content;transform:none!important;will-change:auto}.horizontal-section .rail>*{scroll-snap-align:start;scroll-snap-stop:normal;flex-shrink:0}.journey-section .journey-card{width:calc(100vw - 2*var(--gutter));height:auto;min-height:600px;padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid #aa8fc52b;background:#1a1322;transform:scale(.96);transform-origin:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.journey-section.is-mobile-inview .journey-card{transform:scale(1)}.journey-section .chapter-number{top:18px;right:18px;font-size:45px}.journey-section .period{padding:0;min-height:20px;font-size:11px;margin:0;max-width:75%}.journey-section .journey-card h3{font-size:42px;line-height:1.04;min-height:0;margin:0}.journey-section .card-art{width:100%;height:220px;margin:0;grid-column:auto;grid-row:auto;flex-shrink:0}.journey-section .journey-card>p:not(.period){font-size:15px;line-height:1.75;max-width:100%;margin:0}.journey-section .journey-card .tag{font:500 12px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.03em;margin-top:auto;max-width:100%;padding:7px 9px}.journey-section .journey-card .card-art>small{font-size:11px;line-height:1.5;top:12px;left:12px;right:12px;max-width:calc(100% - 24px)}.rail-footer{padding:20px var(--gutter) 15px;gap:16px;flex-wrap:wrap;align-items:center}.rail-footer>span{flex-basis:100%;font-size:9px;line-height:1.6}.rail-controls{display:flex;gap:14px}.rail-controls button{width:44px;height:44px;font-size:26px}.rail-counter{font-size:11px}.progress-track{width:auto;flex:1;min-width:70px}.chapter-hint{display:none}.horizontal-section .section-heading>.mobile-rail-hint{font:9px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#c2b7d9;margin-top:24px}
 .brands-section .section-heading>div{padding-right:0}.brands-section .brand-card{width:calc(100vw - 2*var(--gutter));height:530px;padding:0}.flip-front,.flip-back{padding:23px}.brand-card .brand-top{font-size:10px;line-height:1.6;letter-spacing:.09em}.brand-card .flip-front .brand-logo-heading{height:170px;min-height:130px}.brand-card .brand-role{font-size:14px;line-height:1.6;margin-bottom:24px}.brand-role>span{font-size:9px;line-height:1.6;letter-spacing:.08em;margin-bottom:12px}.brand-role li{margin-top:6px}.flip-toggle,.flip-close{font-size:10px;line-height:1.6;letter-spacing:.04em;min-height:44px;padding-top:14px}.brand-card .flip-back h3{font-size:40px!important;line-height:1.1;margin:22px 0 18px;letter-spacing:0}.brand-details ul{font-size:14px;line-height:1.7}.brand-details li{padding:7px 0}.brand-details{touch-action:pan-y}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}
 .vertical-section{padding:75px var(--gutter)}.expertise .section-heading{padding:0}.services summary{padding:23px 0;gap:14px;min-height:74px}.services h3{font-size:36px;line-height:1.1}.service-number{font-size:10px;width:18px;flex-shrink:0}.detail-icon{font-size:30px}.service-body{display:block;padding:0 0 26px 32px}.service-body p{font-size:16px;line-height:1.8;max-width:100%}.service-body>span{font-size:10px;line-height:1.7;margin-top:18px;text-align:left;display:block}
 .projects>h2,.projects .spray-sequence-scene>h2{font-size:clamp(60px,16vw,84px);line-height:1.02;letter-spacing:-.015em}.projects-scribble{font-size:clamp(53px,14vw,74px);line-height:1.02;margin:-.15em 0 0;transform:rotate(-6deg)}.projects-position{display:block;margin-top:90px}.projects-position p{font-size:16px;line-height:1.85;color:#f2f0e9;margin-bottom:24px}.project-grid{grid-template-columns:1fr;gap:55px}.project-card h3{font-size:43px;line-height:1.12}.project-art{height:260px}.project-card>p{font-size:15px;line-height:1.8}.project-label{font-size:9px;line-height:1.8;gap:12px}.project-note summary{font-size:14px;min-height:48px}.project-note p{font-size:14px;line-height:1.8}.apparel-visual>span{font-size:80px}.evyro-visual>span{font-size:70px}
 .about{grid-template-columns:1fr;gap:55px;padding-top:65px}.about-portrait{margin:0;aspect-ratio:4/5;max-height:none}.about-copy{padding-bottom:100px}.about-copy h2{font-size:clamp(75px,20vw,108px);line-height:.97;margin-top:22px}.about-copy .scribble{font-size:clamp(65px,17vw,94px);line-height:1; margin:-.36em 0 65px;transform:rotate(-7deg)}.about-copy>p:not(.eyebrow):not(.scribble){font-size:16px;line-height:1.85;max-width:100%;margin-bottom:22px}.about-copy>.text-link{font-size:32px;min-height:44px}.personal-signature{left:24%;width:72%;bottom:55px;transform:rotate(-13deg)}.about-portrait .portrait-label{left:auto;right:18px;bottom:18px;max-width:calc(100% - 36px);font-size:10px;line-height:1.6;text-align:left}
 .contact.vertical-section{padding:0}.contact-scene{min-height:100svh;padding:105px var(--gutter) 100px;justify-content:center}.contact .contact-scene h2{font-size:clamp(76px,21vw,106px);line-height:.88;margin-top:26px;letter-spacing:-.025em}.contact .contact-scene>.scribble{font-size:clamp(55px,15.5vw,80px);line-height:1.02;margin:-.25em 0 0;max-width:100%;transform:rotate(-7deg)}.contact .contact-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:35px;padding-top:25px}.contact .contact-bottom>p{font-size:14px;line-height:1.7}.contact-actions{align-items:flex-start;width:100%;gap:20px}.project-launch{font-size:30px;min-height:52px;padding:13px 18px;gap:45px}.contact .contact-bottom .email-link{font-size:clamp(28px,7.8vw,40px);line-height:1.1;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}.contact .eyebrow{font-size:9px}.type-line{white-space:nowrap}
 footer{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px 18px;padding:45px var(--gutter) 90px}footer>.signature{grid-column:1/-1;--signature-scale:.43;margin-bottom:10px}footer>span{grid-column:1/-1}footer>a:not(.signature),footer>span{font-size:26px;line-height:1.2;min-height:35px}footer>.footer-email{grid-column:1/-1;font-size:29px;overflow-wrap:anywhere}
 .site-menu{padding:22px var(--gutter) 30px}.menu-top{min-height:62px;gap:12px}.menu-top>span{font-size:8px;max-width:160px;line-height:1.7}.overlay-nav{padding:30px 0;gap:0}.overlay-nav a{font-size:clamp(62px,17vw,86px);line-height:1;padding:13px 0 15px 32px}.overlay-nav a>span{font-size:9px;top:25px}.overlay-nav a:before,.overlay-nav a:after{left:32px;top:13px}.menu-bottom{font-size:10px;gap:20px;padding-top:22px;line-height:1.7}.menu-bottom>span{flex-basis:100%}
 .project-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);overscroll-behavior:contain}.inquiry-content{padding:20px 20px 26px}.inquiry-close{font-size:30px;min-height:44px}.inquiry-form input[type=text],.inquiry-form textarea{font-size:16px}.inquiry-send{max-width:100%}
}
@media(max-width:360px){:root{--gutter:20px}.site-header .signature{--signature-scale:.34}.menu-trigger{font-size:30px;right:20px}.hero{min-height:850px}.hero-content{padding-top:430px}.hero h1{font-size:77px}.hero-description,.hero-description>em{font-size:15px}.hero-award{width:170px;top:225px;right:22px}.hero-award .award-top,.hero-award .award-bottom{font-size:40px}.hero-award .award-terror{font-size:24px}.mobile-touch-cue{left:20px}.journey-section .section-heading>div{padding-right:75px}.journey-stat{right:20px;padding-left:10px}.journey-stat strong{font-size:58px}.journey-stat>span{font-size:14px}.section-heading h2,.journey-section .section-heading h2{font-size:50px}.journey-section .journey-card{padding:17px;gap:14px}.journey-section .journey-card h3{font-size:38px}.contact .contact-scene h2{font-size:72px}.contact .contact-scene>.scribble{font-size:51px}.services h3{font-size:32px}}
@media(max-width:900px) and (orientation:landscape){.hero{min-height:850px}.site-menu{height:100dvh}.overlay-nav{padding:15px 0}.overlay-nav a{font-size:54px}.quote-scroll-frame.is-quote-scroll .quote-scene,.expertise-quote-scroll.is-quote-scroll .quote-scene{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.journey-section .journey-card{transform:none;transition:none}.mobile-touch-cue{display:none}.back-to-top{transition:none}}
@media(max-width:900px){
 .site-header .signature .signature-stage .signature-lockup .signature-skull{top:-100px;left:calc(100% - 60px);width:128px}
 .hero-content{padding-top:420px}.hero-bottom{bottom:15px}
 .journey-section .section-heading{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:0 12px;align-items:start}
 .journey-section .section-heading>div:first-child{padding-right:0;min-width:0}.journey-section .section-heading h2{white-space:normal;font-size:60px}.journey-section .section-heading h2>span{display:block}.journey-section .section-heading .scribble{width:calc(100vw - 2*var(--gutter));font-size:45px;max-width:none;margin-top:0}
 .journey-stat{position:static;align-self:start;padding:0 0 0 12px;margin:56px 0 0;border-left:1px solid var(--lime);min-width:0}.journey-section .section-heading>.journey-stat{padding-right:0}.journey-stat strong{font-size:66px}.journey-stat>span{font-size:16px}.journey-section .section-heading>.mobile-rail-hint{grid-column:1/-1;margin-top:22px}
}
@media(max-width:360px){.hero-content{padding-top:415px}.journey-section .section-heading h2{font-size:52px}.journey-section .section-heading .scribble{font-size:39px}.journey-section .section-heading{grid-template-columns:minmax(0,1fr) 73px}.journey-stat strong{font-size:56px}.journey-stat>span{font-size:14px}}

@media(max-width:900px) and (prefers-reduced-motion:no-preference){.journey-section .pin-frame{transform:scale(var(--mobile-journey-zoom,1))!important;transform-origin:50% 160px}.brands-section .pin-frame{transform:scale(var(--mobile-brands-zoom,1))!important;transform-origin:50% 100%}}
/* Mobile review: tighter overlapping type, purple ESN and vertical-to-horizontal rails. */
@media(max-width:900px){
 .flip-card.esn{--card-bg:#aa8fc5;--card-ink:#17101d}
 .hero .hero-scribble{font-size:clamp(56px,14.8vw,78px)}.section-heading .scribble{font-size:clamp(36px,10vw,52px)}.projects-scribble{font-size:clamp(46px,12.5vw,66px)}.about-copy .scribble{font-size:clamp(57px,15vw,82px)}.contact .contact-scene>.scribble{font-size:clamp(50px,14vw,72px)}.struggle-quote>.mindset-title{font-size:clamp(43px,11.5vw,60px)}
 .journey-section .section-heading h2{font-size:56px;line-height:.86}.journey-section .section-heading h2>span+span{margin-top:-1px}.journey-section .section-heading .scribble{font-size:39px;line-height:1.04;margin-top:-.75em;position:relative;z-index:3;transform:rotate(-7deg)}.journey-stat{margin-top:43px}.journey-stat strong{font-size:60px}.journey-stat>span{font-size:14px}
 .expertise-quote{padding-top:58px}.expertise-quote:before{font-size:64px;left:50%;top:7px;transform:translateX(-50%);line-height:1}.expertise-quote blockquote{margin-top:0}
 .hero,.about-portrait,.contact-scene{touch-action:pan-y}
 .horizontal-section.is-pinned{height:var(--mobile-rail-height)!important;overflow:visible}
 .horizontal-section.is-pinned .pin-frame{position:sticky!important;top:0;height:100svh;min-height:0;padding:75px 0 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;gap:0}
 .journey-section.is-pinned .pin-frame{transform:scale(var(--journey-zoom,1))!important;transform-origin:50% 30%}.brands-section.is-pinned .pin-frame{transform:scale(var(--brands-zoom,1))!important;transform-origin:50% 70%}
 .horizontal-section.is-pinned .section-heading{margin-bottom:22px}.horizontal-section.is-pinned .mobile-rail-hint{display:none}.horizontal-section.is-pinned .rail-window{height:100%;min-height:0;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}
 .horizontal-section.is-pinned .rail{height:100%;align-items:stretch;transform:translate3d(var(--rail-x,0px),0,0)!important;will-change:transform}
 .journey-section.is-pinned .journey-card{height:100%;min-height:0;padding:16px;gap:12px;transform:none}.journey-section.is-pinned .journey-card h3{font-size:38px;line-height:1.02}.journey-section.is-pinned .period{font-size:10px;min-height:17px}.journey-section.is-pinned .card-art{height:clamp(110px,18svh,175px);max-height:175px;min-height:105px;flex:1}.journey-section.is-pinned .journey-card>p:not(.period){font-size:13.5px;line-height:1.6}.journey-section.is-pinned .journey-card .tag{font-size:11px;line-height:1.5;padding:6px 8px}.journey-section.is-pinned .chapter-number{font-size:38px}
 .horizontal-section.is-pinned .rail-footer{padding:12px var(--gutter) 0;flex-wrap:nowrap;gap:14px}.horizontal-section.is-pinned .rail-footer>span{display:none}.horizontal-section.is-pinned .rail-controls button{height:38px;width:38px;font-size:23px}.horizontal-section.is-pinned .progress-track{max-width:none}
 .brands-section.is-pinned .brand-card{height:100%;min-height:0}.brands-section.is-pinned .brand-logo-heading{height:clamp(110px,16svh,170px);min-height:100px}.brands-section.is-pinned .brand-role{font-size:13px;line-height:1.6;margin-bottom:18px}.brands-section.is-pinned .brand-role>span{font-size:9px}.brands-section.is-pinned .section-heading .scribble{margin-top:-.4em}
}
@media(max-width:900px) and (max-height:760px){.horizontal-section.is-pinned .pin-frame{padding-top:62px}.horizontal-section.is-pinned .section-heading{margin-bottom:15px}.journey-section.is-pinned .section-heading h2{font-size:48px}.journey-section.is-pinned .section-heading .scribble{font-size:34px}.journey-section.is-pinned .journey-stat{margin-top:35px}.journey-section.is-pinned .journey-stat strong{font-size:52px}.journey-section.is-pinned .journey-card{gap:9px;padding:14px}.journey-section.is-pinned .journey-card h3{font-size:32px}.journey-section.is-pinned .journey-card>p:not(.period){font-size:12px;line-height:1.5}.journey-section.is-pinned .card-art{min-height:85px;max-height:120px}.brands-section.is-pinned .section-heading h2{font-size:49px}.brands-section.is-pinned .section-heading .scribble{font-size:33px}}

@media(max-width:900px){.mobile-touch-cue{top:138px}.hero-award{top:274px}.hero{min-height:940px}.hero-content{padding-top:460px}}
@media(max-width:360px){.hero{min-height:920px}.hero-content{padding-top:455px}.hero-award{top:270px}}

@media(max-width:900px){.hero-award{top:315px}.hero-content .eyebrow{transform:translateY(15px)}}
@media(max-width:360px){.hero-award{top:310px}}

@media(max-width:900px){.hero-award{top:345px}}
@media(max-width:360px){.hero-award{top:340px}}

@media(max-width:900px){.hero-award{top:365px}.hero-award .award-top .award-crown{left:calc(100% - .65em);top:-1.05em}}
@media(max-width:360px){.hero-award{top:360px}}

/* Give the mobile portrait more breathing room without moving the typography. */
@media(max-width:900px){.hero{--hero-photo-height:.8}.hero .hero-image{height:80%}.hero .hero-image:not(.hero-face-light){mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}}

@media(max-width:900px){.mobile-touch-cue{left:auto;right:20px;text-align:right;width:110px;max-width:110px;padding-right:0}}
