@font-face{font-family:Poppins;src:url('assets/poppins.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}:root{--bg:#050505;--panel:#2e2e2e;--hero:#383838;--fg:#fff;--muted:#c8c8c8;--yellow:#fed501;--line:#454545}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}a:focus-visible,button:focus-visible,video:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(40px,5.2vw,76px)}h2{font-size:clamp(29px,3.3vw,44px);margin-bottom:25px}h3{font-size:25px;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:21px}header{background:var(--hero);padding:25px max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff22}.brand{font-weight:600;line-height:1.25;max-width:none;white-space:nowrap;flex-shrink:0}.brand span,.hello h1 span{color:var(--yellow)}nav{display:flex;gap:25px;font-size:12px;flex-wrap:wrap}nav a[aria-current]{color:var(--yellow)}.section,.story-row,.case-intro,.about-intro{max-width:1200px;margin:auto;padding:75px 0}.intro{background:var(--hero);display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:75px max(28px,calc((100vw - 1200px)/2)) 85px}.hello{position:relative;display:flex;align-items:center;gap:0}.hello img{width:45%;aspect-ratio:1;border-radius:50%;object-fit:cover}.hello>div{margin-left:-10px}.hello h1{font-size:clamp(65px,8.3vw,120px);letter-spacing:-.055em;line-height:1;margin:0}.hello p{color:white;text-align:right;font-size:clamp(21px,2.8vw,36px);line-height:1.15;font-weight:600;margin:10px 0 0}.hello p span{font-size:35px}.intro-copy h2{font-size:32px}.intro-copy p{font-size:16px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--yellow);margin-bottom:17px}.button{display:inline-block;background:var(--yellow);color:#111;padding:14px 20px;font-size:13px;font-weight:600;border:1px solid var(--yellow);margin-top:12px}.button:hover{background:transparent;color:var(--yellow)}.text-link{color:var(--yellow);border-bottom:1px solid;padding-bottom:3px;font-size:14px}.feature{display:grid;grid-template-columns:.85fr 1.3fr;gap:65px;align-items:center}.feature p{max-width:470px}.media{margin:0}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #333}figcaption{font-size:13px;color:var(--muted);line-height:1.7;margin-top:13px}figcaption strong{color:white}#selected-work{border-top:1px solid var(--line)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-title h2{margin-bottom:0}.section-title>p{font-size:14px}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 36px}.sample-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:14px}.sample-heading h3{margin:0;font-size:25px}.sample-heading span{font-size:10px;color:var(--muted);text-align:right}.credit{font-size:12px;color:#fff;border-top:1px solid #333;padding-top:13px;margin:16px 0 0}.perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.perspectives a{background:var(--panel);padding:20px 20px 25px}.perspectives img{aspect-ratio:1.5;object-fit:contain}.perspectives h3{font-size:23px;margin:15px 0 0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:35px}.case-card{display:block;background:#202020}.case-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#151515}.case-card>div{padding:28px}.case-card h3{margin-bottom:15px}.case-card h3 span{color:var(--yellow);float:right}.case-card p{font-size:14px;margin-bottom:0}.case-card .eyebrow{font-size:10px;margin-bottom:14px}.perspective-hero{background:var(--panel);text-align:center;padding:45px 25px 65px}.perspective-hero>img{height:180px;width:300px;object-fit:contain;margin:0 auto 22px}.perspective-hero h1{font-size:clamp(35px,4vw,56px);max-width:850px;margin:0 auto 24px}.perspective-hero>p:last-child{max-width:680px;margin:auto}.case-intro{padding-bottom:45px;max-width:1000px}.case-intro>.text-link{display:inline-block;margin-bottom:48px}.case-intro h1{max-width:950px;margin-bottom:30px}.lead{font-size:24px;line-height:1.5;max-width:850px}.role{font-size:13px;max-width:860px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.still{max-width:1200px;margin:0 auto;padding:0}.still img{width:100%;max-height:700px;object-fit:contain;background:#222}.still figcaption{max-width:850px;padding:0 5px}.still figcaption span{color:var(--yellow)}.story-row{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;border-bottom:1px solid #333}.story-row h2{font-size:32px}.story-row p{font-size:16px}.story-row .still{margin:30px 0}.lessons{padding-left:25px;margin-top:0}.lessons li{padding:8px 0}.earlier{max-width:800px;border-top:1px solid #333}.about-intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center}.about-intro>img{width:100%;border-radius:50%;aspect-ratio:1;object-fit:cover}footer{background:var(--panel);padding:45px max(28px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;font-size:13px}footer strong{font-size:17px}footer p{margin:10px 0 0}footer a{display:block;margin-bottom:10px;color:var(--yellow)}footer .local{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:11px}.skip{position:absolute;left:15px;top:-100px;z-index:99;background:var(--yellow);color:black;padding:10px}.skip:focus{top:10px}::selection{background:var(--yellow);color:#111}@media(max-width:1260px){.section,.story-row,.case-intro,.about-intro,.still{margin-left:30px;margin-right:30px}.story-row .still{margin-left:0;margin-right:0}.feature{gap:35px}.intro{gap:35px}}@media(max-width:850px){header{display:block}.brand{max-width:none;display:block;margin-bottom:20px}nav{gap:14px 24px}.intro{grid-template-columns:1fr;gap:45px;padding-top:45px}.hello{max-width:480px}.hello h1{font-size:100px}.intro-copy{max-width:600px}.feature{grid-template-columns:1fr}.feature>div>p{max-width:800px}.section-title{display:block}.section-title>p{margin-top:20px}.story-row{grid-template-columns:1fr;gap:15px}.perspectives{gap:15px}.perspectives h3{font-size:18px}.about-intro{gap:35px;grid-template-columns:1fr 2fr}.sample-heading{display:block}.sample-heading span{display:block;margin-top:8px;text-align:left}}@media(max-width:600px){body{font-size:15px}.section,.story-row,.case-intro,.about-intro{padding-top:48px;padding-bottom:48px;margin-left:20px;margin-right:20px}.still{margin-left:20px;margin-right:20px}.intro{padding:40px 20px 50px}.hello h1{font-size:clamp(65px,19vw,100px)}.hello p{font-size:27px}.intro-copy h2{font-size:29px}header{padding:20px}nav{font-size:11px;gap:12px 18px}.craft-grid,.case-grid{grid-template-columns:1fr;gap:40px}.perspectives{grid-template-columns:1fr;gap:18px}.perspectives a{display:flex;align-items:center;padding:15px}.perspectives img{width:36%;aspect-ratio:1.2}.perspectives h3{font-size:23px;margin:0 0 0 12px}.lead{font-size:21px}.case-intro>.text-link{margin-bottom:35px}.case-intro h1{overflow-wrap:anywhere}.about-intro{grid-template-columns:1fr;gap:30px}.about-intro>img{width:180px}.perspective-hero{padding:35px 20px 45px}.perspective-hero>img{height:150px}.section-title>p{font-size:13px}.story-row h2{font-size:29px}footer{padding:35px 20px}.case-card>div{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Original identity and local review interactions. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro{display:block;padding-top:65px;padding-bottom:45px}.hello{display:block;position:relative;width:min(100%,1000px);aspect-ratio:2.04;margin:auto}.hello img{position:absolute;left:4%;top:1%;width:43%;height:auto;aspect-ratio:1}.hello h1{position:absolute;left:44%;top:10%;font-size:clamp(80px,16.6vw,214px);line-height:1;letter-spacing:-.065em;margin:0}.hello>p{position:absolute;right:2%;top:59%;margin:0;font-size:clamp(26px,4.7vw,62px);line-height:1.15;text-align:right;font-weight:600;color:white;letter-spacing:-.025em}.hello .wave{position:absolute;left:30%;top:53%;font-size:clamp(70px,14vw,170px);line-height:1.1;z-index:2}.intro-copy{max-width:1000px;margin:30px auto 0;text-align:right}.intro-copy p{max-width:440px;margin-left:auto;font-size:20px;color:#fff}.intro-copy .text-link{font-size:13px}.practice-animation{padding-top:45px;padding-bottom:40px}.practice-animation #practice-lottie{width:100%;aspect-ratio:1200/350}.text-control{display:block;margin:20px 0 0 auto;background:none;border:0;border-bottom:1px solid #777;color:#bbb;font:inherit;font-size:12px;cursor:pointer;padding:6px}.experience{text-align:center;border-top:5px solid var(--yellow);padding-bottom:35px}.experience h2{font-size:clamp(25px,3vw,40px);line-height:1.5}.experience h2 span{color:var(--yellow)}.employer-logos{width:min(65%,630px);height:auto;margin:30px auto}.diorama-carousel{padding-top:10px;padding-bottom:45px}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid #222;touch-action:pan-x pan-y}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.carousel-slide img{width:100%;aspect-ratio:16/9;object-fit:contain}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:14px}.carousel-controls button{background:none;border:1px solid #555;border-radius:50%;color:white;width:44px;height:44px;font-size:24px;cursor:pointer}.carousel-controls button:hover{color:var(--yellow);border-color:var(--yellow)}.carousel-status{margin:0;min-width:40px;text-align:center;font-size:13px}.perspectives a{position:relative;padding:0;aspect-ratio:1.42;display:grid;place-items:center;overflow:hidden}.perspectives img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}.perspectives h3{position:relative;text-align:center;font-size:clamp(26px,3vw,40px);margin:0;padding:15px;color:white;transition:transform .24s ease}.perspectives a:hover h3,.perspectives a:focus-visible h3{transform:scale(1.12)}.full-talk{margin-top:24px;font-size:14px}.sample-heading{display:block;min-height:100px}.sample-heading h3{font-size:26px;margin-bottom:12px;max-width:95%}.sample-heading span,.full-video-link{font-size:13px}.full-video-link{background:none;border:0;border-bottom:1px solid var(--yellow);color:var(--yellow);font-family:inherit;padding:0 0 3px;cursor:pointer;text-align:left}.full-video-link:hover{color:white}.feature{align-items:center}.feature>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.85}.feature .eyebrow{font-size:12px}dialog{width:min(1100px,94vw);max-height:94dvh;padding:22px;border:1px solid #555;background:#151515;color:white;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.85)}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.modal-top h2{font-size:24px;margin:0}.modal-close{font:inherit;background:var(--yellow);color:#111;border:0;padding:10px 16px;cursor:pointer;flex-shrink:0}dialog video{width:100%;max-height:75dvh}body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){.intro{padding:45px 24px}.hello h1{font-size:17vw}.hello>p{font-size:5vw}.hello .wave{font-size:15vw}.intro-copy p{font-size:17px}.section{width:calc(100% - 48px)}.practice-animation{padding:30px 0}.sample-heading{min-height:112px}.perspectives h3{font-size:25px}}
@media(max-width:620px){.intro{padding:35px 18px 30px}.hello{width:100%;max-width:none;margin:0;aspect-ratio:2}.hello img{max-width:none;width:43%}.hello h1{font-size:17vw}.hello>p{font-size:5.6vw;top:59%}.hello .wave{font-size:16vw;top:53%;left:29%}.intro-copy{margin-top:25px;text-align:left}.intro-copy p{font-size:16px;max-width:none;margin:0 0 16px}.section{width:calc(100% - 36px)}.practice-animation{padding:25px 0 30px}.experience{padding-top:35px}.experience h2{font-size:24px;line-height:1.4}.experience h2 br{display:none}.employer-logos{width:85%;margin:22px auto}.diorama-carousel{padding-top:0}.perspectives{grid-template-columns:1fr;gap:24px}.perspectives a{aspect-ratio:1.5}.perspectives h3{font-size:36px;max-width:300px}.sample-heading{min-height:0;margin-bottom:18px}.sample-heading h3{font-size:24px}.feature>div:first-child>p:not(.eyebrow){font-size:15px}.modal-top h2{font-size:19px}dialog{padding:14px;width:96vw}.modal-close{padding:9px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.perspectives h3{transition:none}.carousel-track{scroll-behavior:auto}}
.hello{container-type:inline-size}.hello h1{left:auto;right:2%;font-size:26cqw}.hello .wave{font-size:22cqw;left:30%;top:52%}.hello>p{font-size:6.5cqw}
@media(max-width:620px){.practice-animation #practice-lottie{position:relative;aspect-ratio:2.05;overflow:hidden}.practice-animation #practice-lottie svg{position:absolute;width:145%!important;height:auto!important;left:-22.5%;top:50%;transform:translateY(-50%)}}
@media(max-width:620px){.practice-animation #practice-lottie svg{transform:translateY(-50%)!important}}
/* Revision 2: original-scale greeting and distinct perspective work. */
.hello{width:min(100%,450px);margin-left:max(0px,calc((100% - 800px)/2));aspect-ratio:2.04}
.intro-copy{max-width:800px;margin:24px auto 0}.intro-copy p{font-size:18px}.hello p{font-size:6.5cqw}.intro{padding-top:40px}
.film-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}.film-pair figure{margin:0}.film-pair img{width:100%;max-height:420px;object-fit:contain}.film-pair figcaption{font-size:14px;color:#aaa;margin-top:14px}
.twas{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center}.research-examples{display:grid;grid-template-columns:1fr 1fr;gap:48px}.research-examples img{width:100%;height:430px;object-fit:contain;background:#151515}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.bento-tile{position:relative;border:0;padding:0;overflow:hidden;background:#222;color:white;text-align:left;cursor:pointer;min-height:280px;border-radius:6px}.bento-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .25s}.bento-tile span{position:absolute;bottom:0;left:0;right:0;padding:48px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:600 22px Poppins,sans-serif}.bento-tile b{float:right}.bento-tile:hover img,.bento-tile:focus-visible img{transform:scale(1.04)}.bento-photo{grid-column:span 2;min-height:350px}.bento-icons img,.bento-loop img,.bento-twitter img{object-fit:contain}.bento-events{grid-column:span 2}.bento-loop{min-height:300px}
#work-dialog{width:min(1000px,94vw);max-height:90vh;background:#151515;color:white;border:1px solid #555;padding:28px;overflow:auto}#work-dialog::backdrop{background:#000c}.work-close{position:sticky;top:0;display:block;margin:0 0 20px auto;z-index:2}.work-content h2{font-size:clamp(28px,4vw,44px)}.work-content>img{display:block;max-width:100%;max-height:70vh;margin:24px auto;object-fit:contain}.work-content p{max-width:75ch}.work-content video{max-height:65vh}
@media(max-width:700px){.hello{width:min(100%,420px);margin:auto}.intro-copy{text-align:left}.intro-copy p{font-size:16px}.film-pair,.twas,.research-examples{grid-template-columns:1fr;gap:24px}.research-examples img{height:auto}.bento{grid-template-columns:1fr 1fr;gap:12px}.bento-tile{min-height:220px}.bento-tile span{font-size:17px;padding:40px 14px 14px}.bento-photo,.bento-events{grid-column:span 2}.bento-photo{min-height:260px}#work-dialog{padding:18px}.film-pair img{max-height:360px}}
@media(prefers-reduced-motion:reduce){.bento-tile img{transition:none}.bento-tile:hover img,.bento-tile:focus-visible img{transform:none}}
@media(min-width:701px){.bento-loop{grid-column:span 2}}
/* Revision 3: balanced opening, room for the animation, larger perspective art. */
.intro{display:grid;grid-template-columns:minmax(0,450px) minmax(0,320px);gap:60px;justify-content:center;align-items:center;padding:45px 30px 55px}
.hello{width:100%;margin:0}.intro-copy{max-width:none;margin:0;text-align:left}.intro-copy p{font-size:18px;font-weight:600;line-height:1.55;margin:0 0 24px}.intro-copy .text-link{font-size:13px}
.practice-animation{width:100%;max-width:1400px;padding:0 0 30px}.practice-animation #practice-lottie{height:clamp(360px,42vw,590px);aspect-ratio:auto;width:100%;overflow:visible;position:relative}.practice-animation #practice-lottie svg{position:static;width:100%!important;height:100%!important;transform:none!important}.practice-animation .text-control{margin-right:30px}
.experience{border-top:0;border-bottom:5px solid var(--yellow);padding-bottom:28px;margin-bottom:45px}.explore-heading{text-align:center;color:var(--yellow);font-size:clamp(26px,3vw,38px);font-weight:700;margin-bottom:35px}h2.explore-heading.section{padding-top:25px;padding-bottom:0}
.perspective-hero{display:grid;grid-template-columns:minmax(220px,400px) minmax(0,560px);justify-content:center;align-items:center;gap:50px;text-align:left;padding:50px 40px}
.perspective-hero>img{width:100%;height:320px;object-fit:contain;margin:0}.perspective-hero h1{font-size:clamp(32px,3.2vw,44px);line-height:1.2;margin:12px 0 20px;max-width:none}.perspective-copy>p:last-child{font-size:17px;max-width:50ch}.perspective-copy .eyebrow{margin:0}
.flip-wrap{position:relative;width:100%;background:#000}.page-flip{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}.flip-hint{position:absolute;bottom:10px;right:12px;font-size:12px;color:white;background:#111c;padding:5px 8px}.flip-toggle{margin:10px 8px 0 auto}.case-card .page-flip{height:260px;object-fit:contain}.retail-report-hero{max-width:950px;padding-top:0;padding-bottom:35px}.research-examples .page-flip{height:430px;object-fit:contain}
@media(max-width:800px){.intro{grid-template-columns:1fr;gap:30px;padding:35px 22px}.hello{max-width:450px;margin:auto}.intro-copy{max-width:450px;margin:auto;width:100%}.intro-copy p{font-size:17px}.perspective-hero{grid-template-columns:1fr;gap:15px;padding:30px 22px 40px}.perspective-hero>img{height:260px;max-width:380px;margin:auto}.perspective-copy{max-width:560px;margin:auto;width:100%}.perspective-hero h1{font-size:34px}.practice-animation #practice-lottie{height:340px}.research-examples .page-flip{height:auto}.case-card .page-flip{height:auto}}
.case-card-body{display:block;color:inherit;text-decoration:none}.case-card .flip-toggle{margin-right:15px;margin-bottom:8px}.case-card-body:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.practice-animation.section{margin-left:auto;margin-right:auto}
/* New process cases: copied originals on deliberate, legible surfaces. */
.process-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center}.process-feature>img{width:100%;max-height:440px;object-fit:contain;background:#262626;padding:24px;border-radius:8px}.process-feature h2{font-size:clamp(32px,4vw,48px)}.process-feature p{max-width:52ch}.process-lead{max-width:1000px;padding-top:0}.process-image{margin:28px 0;background:#242424;border-radius:8px;overflow:hidden}.process-image img{width:100%;max-height:620px;object-fit:contain;padding:28px}.process-image figcaption{font-size:14px;line-height:1.6;color:#ddd;padding:18px 24px;background:#191919}.process-image.light-inset{background:#eee}.process-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.process-pair .process-image{margin:20px 0}.bento{grid-template-columns:1fr 1fr}.bento-events{grid-column:auto}.bento-tile{min-height:330px}
@media(max-width:800px){.process-feature{grid-template-columns:1fr;gap:24px}.process-feature>img{max-height:340px}.process-image img{padding:15px}.process-pair{grid-template-columns:1fr}.bento-tile{min-height:240px}}
@media(max-width:480px){.bento{grid-template-columns:1fr}.bento-tile{min-height:280px}}
/* Revision 5: presentation craft and original identity on white. */
.experience{border-top:5px solid var(--yellow);padding-top:65px}
.process-feature>img[src$="loop-hero.png"]{background:#050505;padding:0;object-fit:contain;height:300px;max-height:300px;justify-self:center}
.process-lead .process-image.light-inset>img{background:#fff;max-height:650px;object-fit:contain;padding:45px}
main> .full-video-link{display:block;margin:0 auto 65px;padding:12px 24px}
#deck-dialog{width:min(1120px,96vw);max-height:96vh;background:#171717;color:#fff;border:1px solid #555;padding:20px}
#deck-slide{width:100%;height:min(60vh,620px);object-fit:contain;background:#000}
.deck-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.deck-controls button,.deck-close{background:#ffe04c;color:#111;padding:10px 15px;border:0;cursor:pointer}
#deck-caption{font-size:14px;color:#ccc;margin:8px 0}
@media(max-width:600px){#deck-dialog{padding:12px}.deck-controls{font-size:13px}.deck-controls button{padding:10px}.presentation-work .process-feature{display:block}.process-feature>img[src$="loop-hero.png"]{height:240px;max-height:240px;padding:0}}
#deck-motion{width:100%;height:min(60vh,620px);object-fit:contain;background:#000}#deck-motion[hidden],#deck-slide[hidden]{display:none}
@media(max-width:600px){#deck-slide,#deck-motion{height:auto;aspect-ratio:16/9;max-height:55vh}.deck-close{white-space:nowrap}.modal-top{gap:12px}}
.carousel-controls .carousel-toggle{width:82px;height:44px;border-radius:22px;font-size:14px;padding:0 12px;line-height:1}
/* Continuous diorama strip: hidden edge copies allow a leftward wrap. */
.carousel-track{display:block;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}
.carousel-rail{display:flex;width:100%;will-change:transform}
.carousel-rail .carousel-slide{flex:0 0 100%;scroll-snap-align:none}
.carousel-autoplay-state{text-align:center;font-size:12px;color:#aaa;margin:8px 0 0}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;margin:40px 0}
.lesson-grid h3{font-size:24px;line-height:1.25;min-height:60px}.lesson-grid h3 span{color:var(--yellow);font-size:16px;margin-right:8px}
.lesson-motion{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f5e8c9}
@media(max-width:700px){.lesson-grid{grid-template-columns:1fr;gap:28px}.lesson-grid h3{min-height:0;font-size:22px}}
.case-card>img[src$="ideation-framework.png"]{aspect-ratio:16/9;object-fit:contain;background:#222;padding:18px}
.research-case-grid .case-card{display:flex;flex-direction:column}
.research-case-grid .case-card>.flip-wrap{padding:0;aspect-ratio:16/9;position:relative;background:#222}
.research-case-grid .case-card>.flip-wrap video{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:16/9;object-fit:contain}
.research-case-grid .case-card>.flip-wrap .flip-toggle{position:absolute;bottom:6px;right:10px;background:#111;padding:5px 8px;font-size:12px}
.research-case-grid .case-card>.case-card-body{display:block;padding:28px}
.research-case-grid .case-card>.case-card-body>div{padding:0}
.research-case-grid .case-card>img{flex-shrink:0}

.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.vision-concepts .page-flip{aspect-ratio:16/9;height:auto}.vision-concepts .flip-wrap{margin-bottom:18px}.vision-concepts article>p{font-size:14px}.vision-concepts h3{font-size:25px}@media(max-width:600px){.concept-grid{grid-template-columns:1fr;gap:40px}}

.ideation-case{background:#050505}.ideation-back{padding-bottom:0}.ideation-step{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:85px 0;border-bottom:1px solid #444;min-height:470px}.ideation-step h1,.ideation-step h2{font-size:36px;margin-bottom:15px}.ideation-step p{font-size:18px;line-height:1.7;margin-bottom:0}.ideation-art>img{max-width:400px;width:100%;max-height:370px;object-fit:contain;margin:auto}.ideation-art .page-flip{aspect-ratio:1124/760;height:auto}.ideation-art .flip-wrap{border:1px solid #444}.ideation-art .flip-toggle{margin-bottom:10px}@media(max-width:1260px){.ideation-step{margin:0 30px;gap:65px}}@media(max-width:700px){.ideation-step{grid-template-columns:1fr;margin:0 20px;gap:30px;padding:48px 0;min-height:0}.ideation-step h1,.ideation-step h2{font-size:30px}.ideation-step p{font-size:16px}.ideation-art>img{max-height:290px;max-width:330px}}

.loop-case{background:#050505}.loop-back{padding-bottom:0}.loop-step{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:85px 0;border-bottom:1px solid #444;min-height:470px}.loop-step h1,.loop-step h2{font-size:36px;margin-bottom:15px}.loop-step p{font-size:18px;line-height:1.7;margin:0}.loop-art{width:100%;max-width:440px;margin:auto}.loop-art>img{width:100%;max-height:340px;object-fit:contain}.loop-art.white{background:#fff;padding:30px}.loop-art .page-flip{aspect-ratio:1534/1138;height:auto}.loop-art .flip-toggle{margin-bottom:10px}@media(max-width:1260px){.loop-step{margin:0 30px;gap:65px}}@media(max-width:700px){.loop-step{grid-template-columns:1fr;margin:0 20px;gap:30px;padding:48px 0;min-height:0}.loop-step h1,.loop-step h2{font-size:30px}.loop-step p{font-size:16px}.loop-art{max-width:350px}.loop-art>img{max-height:290px}}

.photo-case{background:#050505}.photo-back{padding-bottom:0}.photo-step{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:85px 0;border-bottom:1px solid #444;min-height:470px}.photo-step h1,.photo-step h2{font-size:36px;margin-bottom:15px}.photo-step p{font-size:18px;line-height:1.7;margin:0}.photo-art{width:100%;max-width:440px;margin:auto}.photo-art>img{width:100%;max-height:370px;object-fit:contain}@media(max-width:1260px){.photo-step{margin:0 30px;gap:65px}}@media(max-width:700px){.photo-step{grid-template-columns:1fr;margin:0 20px;gap:30px;padding:48px 0;min-height:0}.photo-step h1,.photo-step h2{font-size:30px}.photo-step p{font-size:16px}.photo-art{max-width:350px}.photo-art>img{max-height:320px}}

.excerpt-block{min-width:0}.excerpt-block>.full-video-link{display:inline-block;margin:10px 0 0;padding:0 0 3px;text-align:left}

.pitch-gallery{margin-top:40px}.pitch-page{margin:28px 0 40px}.pitch-page figcaption{font-weight:700;margin-bottom:10px}.pitch-zoom{margin-bottom:12px}.pitch-image{max-width:100%;overflow:auto;overscroll-behavior:contain}.pitch-image img{display:block;width:100%;height:auto;max-width:none}.pitch-image.is-enlarged img{width:1920px}.pitch-image:focus-visible{outline:3px solid #f8dc4a;outline-offset:3px}

.presentation-sets{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.presentation-sets button{font-size:14px}.presentation-sets [aria-pressed="true"]{outline:2px solid white;outline-offset:2px}#presentation-image img{max-height:none;width:100%;height:auto;object-fit:contain}#presentation-image.is-enlarged img{width:1920px}#presentation-zoom{margin-bottom:12px}#deck-description{font-size:15px;line-height:1.5}#deck-dialog [hidden]{display:none!important}

#deck-dialog.presentation-scroll{max-height:90vh;overflow:auto;overscroll-behavior:contain}.presentation-scroll>.modal-top{position:sticky;top:-20px;background:#151515;z-index:3;padding:14px 0;border-bottom:1px solid #444}.presentation-chapter{margin:30px 0 70px}.presentation-chapter h3{font-size:clamp(23px,3vw,32px)}.presentation-chapter figure{margin:28px 0 45px}.presentation-chapter img,.presentation-chapter video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.presentation-chapter figcaption{margin-top:12px;color:#ccc}.collection-zoom{margin-bottom:16px}.presentation-scroll .pitch-image.is-enlarged img{width:1920px;max-width:none}

.event-group{margin:48px 0 0;padding-top:28px;border-top:1px solid #444}.event-group h3{margin:0 0 20px}.event-group img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0 0 24px}

.editorial-gallery img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:32px 0}

.editorial-gallery img[src="assets/editorial-3.png"]{background:#fff}

/* Keep all presentation groups discoverable without changing the examples. */
.presentation-header{position:sticky;top:-20px;z-index:3;background:#151515;padding:14px 0 16px;border-bottom:1px solid #444}
.presentation-header .modal-top{margin-bottom:8px}.presentation-guide{font-size:14px;line-height:1.5;color:#ccc;margin:0 0 12px}
.presentation-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.presentation-nav button{background:#232323;border:1px solid #777;color:#fff;font:inherit;font-size:15px;line-height:1.35;padding:12px 10px;min-width:0;text-align:left;cursor:pointer;border-radius:0}
.presentation-nav button span{display:block;color:#bbb;font-size:12px;margin-top:5px}.presentation-nav button:hover,.presentation-nav button:focus-visible{border-color:var(--yellow);color:var(--yellow);outline:2px solid var(--yellow);outline-offset:2px}
.presentation-chapter:focus{outline:0}
@media(max-width:600px){.presentation-header{top:-12px;padding:12px 0}.presentation-guide{font-size:12px}.presentation-nav{gap:6px}.presentation-nav button{font-size:12px;padding:9px 7px}.presentation-nav button span{font-size:11px}}