@font-face{font-family:Inter;src:url("fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-SemiBold.ttf") format("truetype");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("fonts/InterDisplay-SemiBold.ttf") format("truetype");font-weight:500 800;font-style:normal;font-display:swap}
:root{--ink:#1a1a1a;--ivory:#fafaf7;--teal:#2dbfb8;--muted:#77766f;--line:rgba(26,26,26,.14);--lined:rgba(250,250,247,.17);--page:min(calc(100% - 64px),1360px);--gap:24px;--section:clamp(88px,9vw,154px);--display:clamp(4rem,7.2vw,7.3rem);--h1:clamp(3.4rem,7vw,7.1rem);--h2:clamp(2.55rem,5.4vw,5.5rem);--h3:clamp(1.55rem,2.5vw,2.45rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ivory)}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;width:100%;height:auto}figure{margin:0}::selection{background:var(--teal);color:var(--ink)}
.container{width:var(--page);margin-inline:auto}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.ink{background:var(--ink);color:var(--ivory)}.section{padding-block:var(--section)}.eyebrow{margin:0 0 24px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.display{margin:0;max-width:11.3ch;font-family:"Inter Display",Inter,sans-serif;font-size:var(--display);font-weight:600;line-height:.91;letter-spacing:-.06em}.page-title{margin:0;max-width:12ch;font-family:"Inter Display",Inter,sans-serif;font-size:var(--h1);font-weight:600;line-height:.92;letter-spacing:-.058em}.h2{margin:0;max-width:14ch;font-family:"Inter Display",Inter,sans-serif;font-size:var(--h2);font-weight:600;line-height:.96;letter-spacing:-.05em}.h3{margin:0;font-family:"Inter Display",Inter,sans-serif;font-size:var(--h3);font-weight:600;line-height:1.02;letter-spacing:-.035em}.lead{margin:0;font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.5}.small{font-size:.82rem}.muted{color:rgba(26,26,26,.62)}.ink .muted{color:rgba(250,250,247,.62)}.teal-dot{width:11px;height:11px;background:var(--teal);display:inline-block;flex:0 0 auto}.link{display:inline-flex;gap:.65rem;align-items:center;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:.79rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.link:after{content:'→';transition:transform .16s ease}.link:hover:after{transform:translateX(5px)}.rule{border-top:1px solid var(--line)}.ink .rule{border-color:var(--lined)}
header{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,26,26,.06)}.nav{height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.brand{display:flex;align-items:center}.brand img{width:142px;height:auto}.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.navlinks{justify-self:center;display:flex;gap:30px;font-size:.8rem}.navlinks a[aria-current="page"]{font-weight:700}.navactions{display:flex;gap:22px;align-items:center;font-size:.78rem}.lang{letter-spacing:.08em}.menu-toggle{display:none;border:0;background:none;padding:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:inherit}.mobile-panel{position:fixed;inset:0;background:var(--ink);color:var(--ivory);z-index:100;display:none;padding:24px}.mobile-panel.open{display:flex;flex-direction:column}.mobile-panel .brand img{filter:brightness(0) invert(1)}.mobile-top{display:flex;justify-content:space-between;align-items:center}.mobile-close{border:0;background:none;color:inherit;font-size:1.8rem}.mobile-links{margin:auto 0;display:flex;flex-direction:column}.mobile-links a{padding:20px 0;border-bottom:1px solid var(--lined);font-size:clamp(2.2rem,11vw,4.5rem);letter-spacing:-.04em}.mobile-foot{display:flex;justify-content:space-between;font-size:.8rem;color:rgba(250,250,247,.65)}
.hero{min-height:calc(100svh - 74px);padding:clamp(60px,7vw,104px) 0 44px;display:flex}.hero .grid{width:100%;align-content:space-between}.hero-title{grid-column:1/span 10}.hero-copy{grid-column:1/span 5;margin-top:48px}.hero-copy p{max-width:48ch}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:26px}.hero-mark{grid-column:11/span 2;grid-row:1/span 2;align-self:end;justify-self:end;transform:translateY(10px)}.hero-mark img{width:clamp(70px,6.5vw,96px)}.hero-loc{grid-column:8/span 3;align-self:end;display:flex;justify-content:flex-end;gap:10px;align-items:center;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.proof-lead{padding:38px 0 clamp(108px,10vw,168px)}.proof-label{grid-column:1/span 2;padding-top:4px}.proof-image{grid-column:3/-1}.proof-caption{grid-column:3/-1;display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.proof-caption span:last-child{color:var(--muted)}
.tension{padding-block:clamp(90px,8vw,132px)}.tension-title{grid-column:1/span 7}.tension-side{grid-column:8/span 5;align-self:end}.moments{grid-column:1/-1;margin-top:64px;border-top:1px solid var(--line)}.moment{display:grid;grid-template-columns:1fr 3fr 5fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.moment .num{font-size:.72rem;color:rgba(26,26,26,.46)}.moment h3{margin:0;font-size:clamp(1.25rem,1.7vw,1.55rem);font-weight:600}.moment p{margin:0;max-width:50ch;font-size:1.05rem}.moment strong{font-weight:580}
.approach{padding-block:clamp(100px,9vw,152px)}.approach-title{grid-column:2/span 9}.approach-note{grid-column:9/span 4;margin-top:42px}.principles{grid-column:1/-1;margin-top:78px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.principle{border-top:1px solid var(--lined);padding-top:18px;min-height:230px;display:flex;flex-direction:column}.principle .num{color:var(--teal);font-size:.72rem}.principle h3{margin:auto 0 0;max-width:11ch;font-size:var(--h3);font-weight:520;line-height:1.03;letter-spacing:-.035em}.approach-close{grid-column:2/span 10;margin-top:76px;padding-top:28px;border-top:1px solid var(--lined);font-size:clamp(1.55rem,2.6vw,2.55rem);letter-spacing:-.035em}.approach-close .shift{display:inline-block;color:var(--teal);transform:translateX(clamp(12px,2vw,28px))}
.work{padding-block:var(--section)}.work-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end}.work-title{grid-column:1/span 6;margin-top:30px}.work-title h3{margin:0 0 10px;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.055em;font-weight:560}.work-meta{grid-column:9/span 4;margin-top:42px;align-self:end}.work-meta p{margin:0 0 24px}.identity-logo{grid-column:1/span 6;margin-top:76px}.identity-poster{grid-column:9/span 3;margin-top:142px}.identity-caption{grid-column:1/span 5;margin-top:16px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.story-copy{grid-column:2/span 4;margin-top:130px}.story-copy .statement{margin:0;font-size:clamp(2.25rem,4.1vw,4.5rem);line-height:.98;letter-spacing:-.048em}.story-copy .statement span{color:var(--teal)}.story-copy .lead{margin-top:30px;max-width:42ch}.cards-image{grid-column:7/-1;margin-top:104px}.cards-caption{grid-column:7/-1;margin-top:12px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.apps-image{grid-column:2/span 10;margin-top:126px}.apps-caption{grid-column:2/span 10;margin-top:12px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.poster-sequence{grid-column:1/-1;margin-top:126px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start}.poster-a{grid-column:2/span 4}.poster-b{grid-column:8/span 4;margin-top:80px}.poster-note{grid-column:2/span 4;margin-top:18px}.poster-note p{margin:0}.poster-note strong{display:block;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.07;letter-spacing:-.03em;font-weight:560;margin-bottom:12px}.future-grid{grid-column:1/-1;margin-top:144px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.future-note{grid-column:1/span 4}.future-slots{grid-column:6/span 7;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.slot{border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px}.slot:nth-child(2){margin-top:58px;min-height:300px}.slot small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.slot strong{font-size:1.35rem;font-weight:560}
.services{padding-block:clamp(96px,9vw,146px)}.services-title{grid-column:1/span 8}.services-intro{grid-column:9/span 4;align-self:end}.service-list{grid-column:1/-1;margin-top:72px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:1fr 4fr 5fr 1fr;gap:24px;padding:31px 0;border-bottom:1px solid var(--line);align-items:start}.service .num{font-size:.72rem;color:rgba(26,26,26,.45)}.service h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.45rem);font-weight:560;line-height:1.05;letter-spacing:-.035em}.service p{margin:3px 0 0;max-width:52ch;color:var(--muted)}.service .arrow{justify-self:end}.services-link{grid-column:9/span 4;margin-top:38px;justify-self:start}
.process{padding-block:clamp(104px,9vw,156px)}.process-title{grid-column:1/span 8}.process-line{grid-column:1/-1;margin-top:74px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--lined)}.step{min-height:190px;padding:18px 14px 0 0;border-right:1px solid var(--lined);display:flex;flex-direction:column}.step:last-child{border-right:0}.step small{color:var(--teal);margin-bottom:auto}.step strong{font-size:clamp(1.25rem,1.8vw,1.7rem);font-weight:520}.process-close{grid-column:8/span 5;margin-top:54px;font-size:1.1rem;color:rgba(250,250,247,.66)}
.studio{padding-block:clamp(100px,9vw,160px)}.studio-eye{grid-column:1/span 3}.studio-title{grid-column:1/span 8}.studio-copy{grid-column:9/span 4;align-self:end}.studio-mark{grid-column:8/span 2;margin-top:74px;transform:translateX(24px)}.studio-mark img{width:110px}.studio-link{grid-column:9/span 4;margin-top:74px;justify-self:start}
.final{min-height:78svh;padding-block:clamp(110px,10vw,170px);display:flex;align-items:center}.final-label{display:flex;align-items:center;gap:12px}.final-label .eyebrow{margin:0}.final .display{margin-top:38px}.final-bottom{margin-top:72px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.final-bottom p{grid-column:1/span 5;max-width:47ch}.final-bottom a{grid-column:9/span 4;justify-self:start;align-self:end}
footer{background:var(--ink);color:var(--ivory);padding:34px 0 24px;border-top:1px solid var(--lined)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.fcol{display:flex;flex-direction:column;gap:8px;font-size:.82rem}.fcol strong{text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.fcol p{margin:0;color:rgba(250,250,247,.58)}.fend{border-top:1px solid var(--lined);margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;font-size:.72rem;color:rgba(250,250,247,.45)}
/* Internal pages */
.page-hero{padding:clamp(100px,10vw,176px) 0 clamp(86px,9vw,148px)}.page-hero .page-title{grid-column:1/span 9}.page-hero .intro{grid-column:8/span 5;margin-top:62px}.page-hero .kicker{grid-column:1/span 3}.page-hero .mark{grid-column:11/span 2;grid-row:1/span 2;align-self:end;justify-self:end}.page-hero .mark img{width:88px}.page-hero.ink{padding-top:clamp(110px,10vw,180px)}
.editorial-row{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr 5fr 1fr;gap:24px;align-items:start}.editorial-row:last-child{border-bottom:1px solid var(--line)}.editorial-row .num{font-size:.72rem;color:rgba(26,26,26,.45)}.editorial-row h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:560;letter-spacing:-.035em;line-height:1.02}.editorial-row p{margin:0;color:var(--muted);max-width:60ch}.editorial-row .arrow{justify-self:end}.service-detail{padding-block:clamp(88px,8vw,140px)}.service-detail .title{grid-column:1/span 5}.service-detail .body{grid-column:7/span 5}.service-detail .body p{margin:0 0 30px}.service-detail .list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.service-detail .list li{padding:13px 0;border-bottom:1px solid var(--line)}.service-detail.ink .list{border-color:var(--lined)}.service-detail.ink .list li{border-color:var(--lined)}
.statement-band{padding-block:clamp(105px,10vw,180px)}.statement-band .h2{grid-column:2/span 9}.statement-band .aside{grid-column:9/span 4;margin-top:44px}.refusals{grid-column:1/-1;margin-top:90px}.refusal{padding:24px 0;border-top:1px solid var(--lined);font-size:clamp(2rem,4.2vw,4.8rem);line-height:.98;letter-spacing:-.045em}.refusal:last-child{border-bottom:1px solid var(--lined)}.refusal em{font-style:normal;color:var(--teal)}
.process-compact{padding-block:var(--section)}.process-compact .label{grid-column:1/span 3}.process-compact .items{grid-column:5/-1}.compact-step{display:grid;grid-template-columns:1fr 3fr 5fr;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.compact-step:last-child{border-bottom:1px solid var(--line)}.compact-step small{color:var(--muted)}.compact-step strong{font-size:1.2rem}.compact-step p{margin:0;color:var(--muted)}
.work-index{padding-bottom:var(--section)}.project-feature{padding:34px 0 110px;border-top:1px solid var(--line)}.project-feature .meta{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px}.project-feature h2{margin:0;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.92;letter-spacing:-.055em;font-weight:560}.project-feature p{margin:10px 0 0;color:var(--muted)}.project-feature figure{margin-top:36px}.project-feature .bottom{display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:18px}.project-placeholder-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;padding-top:20px}.project-placeholder{min-height:360px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.project-placeholder:nth-child(2){margin-top:100px;min-height:460px}.project-placeholder small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.project-placeholder strong{font-size:clamp(1.8rem,3vw,3rem);font-weight:560;letter-spacing:-.035em}
.case-hero{padding:clamp(88px,9vw,140px) 0}.case-hero .title{grid-column:1/span 8}.case-hero .meta{grid-column:9/span 4;align-self:end}.case-hero .meta p{margin:0;color:var(--muted)}.case-hero figure{grid-column:1/-1;margin-top:70px}.case-section{padding-block:clamp(90px,8vw,145px)}.case-section .num{grid-column:1/span 1;color:var(--muted)}.case-section .copy{grid-column:2/span 5}.case-section .copy p{max-width:52ch}.case-section .visual{grid-column:8/-1}.case-section.full .copy{grid-column:2/span 4}.case-section.full .visual{grid-column:1/-1;margin-top:70px}.case-statement{padding-block:clamp(96px,9vw,160px)}.case-statement .h2{grid-column:2/span 9}.case-gallery{padding-block:clamp(70px,7vw,120px)}.gallery-pair{display:grid;grid-template-columns:5fr 4fr;gap:80px;align-items:start}.gallery-pair figure:nth-child(2){margin-top:110px}.gallery-wide{margin-top:110px}.gallery-triptych{margin-top:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.gallery-triptych figure:nth-child(2){margin-top:65px}.gallery-triptych figure:nth-child(3){margin-top:18px}.deliverables{padding-block:var(--section)}.deliverables .title{grid-column:1/span 4}.deliverables .items{grid-column:6/-1;border-top:1px solid var(--line)}.deliverable{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.deliverable span{color:var(--muted)}
.contact-page{padding:clamp(90px,9vw,150px) 0}.contact-intro{grid-column:1/span 5;position:sticky;top:120px;align-self:start}.contact-form{grid-column:7/-1}.field{margin-bottom:40px}.field label,.legend{display:block;margin-bottom:10px;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid rgba(26,26,26,.28);background:transparent;padding:12px 0 14px;color:var(--ink);outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label.choice{min-height:56px;margin:0;border:1px solid var(--line);padding:15px 17px;display:flex;gap:14px;align-items:center;font-size:.86rem;font-weight:560;line-height:1.3;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color .2s ease,background .2s ease}.choice input[type="radio"]{appearance:none;width:18px;height:18px;min-width:18px;margin:0;padding:0;border:1.5px solid rgba(26,26,26,.58);border-radius:50%;background:transparent}.choice input[type="radio"]:checked{border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--paper);background:var(--teal)}.choice:has(input:checked){border-color:var(--teal);background:rgba(45,191,184,.08)}.choice:focus-within{outline:2px solid var(--teal);outline-offset:2px}.submit{border:0;background:var(--ink);color:var(--ivory);padding:18px 22px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.form-note{margin-top:16px;font-size:.82rem;color:var(--muted)}
.thanks{min-height:70svh;display:flex;align-items:center;padding-block:var(--section)}.thanks .box{grid-column:2/span 8}.thanks .box p{max-width:48ch;margin:32px 0}.notfound{min-height:70svh;display:flex;align-items:center}.notfound .page-title{max-width:9ch}
@media(max-width:900px){:root{--page:min(calc(100% - 40px),1360px);--gap:18px;--display:clamp(3.5rem,12vw,6rem)}.nav{grid-template-columns:auto 1fr auto}.navlinks,.navactions{display:none}.menu-toggle{display:block;justify-self:end}.hero-title{grid-column:1/-1}.hero-copy{grid-column:1/span 7}.hero-mark{grid-column:10/-1}.hero-loc{grid-column:7/-1}.proof-label{grid-column:1/span 3}.proof-image,.proof-caption{grid-column:4/-1}.tension-title{grid-column:1/span 8}.tension-side{grid-column:9/-1}.approach-title{grid-column:1/span 10}.approach-note{grid-column:8/-1}.identity-logo{grid-column:1/span 7}.identity-poster{grid-column:9/-1}.story-copy{grid-column:1/span 5}.cards-image{grid-column:6/-1}.apps-image,.apps-caption{grid-column:1/-1}.poster-a{grid-column:1/span 5}.poster-b{grid-column:8/-1}.future-note{grid-column:1/span 5}.future-slots{grid-column:6/-1}.services-title{grid-column:1/span 9}.services-intro{grid-column:9/-1}.studio-title{grid-column:1/span 9}.studio-copy{grid-column:9/-1}.page-hero .page-title{grid-column:1/span 10}.page-hero .intro{grid-column:7/-1}.service-detail .title{grid-column:1/span 5}.service-detail .body{grid-column:6/-1}.contact-intro{grid-column:1/span 5}.contact-form{grid-column:6/-1}}
@media(max-width:680px){:root{--page:calc(100% - 40px);--gap:0;--section:84px;--display:clamp(3.25rem,15.5vw,5.4rem);--h1:clamp(3rem,14vw,5.2rem);--h2:clamp(2.55rem,12vw,4.7rem)}.grid{grid-template-columns:1fr}.hero{min-height:auto;padding:62px 0 78px}.hero-title,.hero-copy,.hero-mark,.hero-loc{grid-column:1}.hero-copy{margin-top:36px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-mark{grid-row:auto;margin-top:58px;justify-self:end}.hero-loc{margin-top:48px;justify-content:flex-start}.proof-lead{padding-top:0}.proof-label,.proof-image,.proof-caption{grid-column:1}.proof-label{margin-bottom:20px}.proof-caption{grid-template-columns:1fr;gap:7px}.tension-title,.tension-side,.moments{grid-column:1}.tension-side{margin-top:28px}.moments{margin-top:48px}.moment{grid-template-columns:40px 1fr;padding:22px 0}.moment p{grid-column:2}.approach-title,.approach-note,.principles,.approach-close{grid-column:1}.approach-note{margin-top:30px}.principles{grid-template-columns:1fr;margin-top:52px}.principle{min-height:145px}.approach-close{margin-top:52px}.approach-close .shift{display:block;transform:translateX(16px)}.work-title,.work-meta,.identity-logo,.identity-poster,.identity-caption,.story-copy,.cards-image,.cards-caption,.apps-image,.apps-caption,.future-grid{grid-column:1}.work-title{margin-top:22px}.work-meta{margin-top:26px}.identity-logo{margin-top:54px}.identity-poster{margin-top:54px;width:74%;justify-self:end}.story-copy{margin-top:82px}.cards-image{margin-top:46px}.apps-image{margin-top:82px}.apps-caption{flex-direction:column;gap:5px}.poster-sequence{display:grid;grid-template-columns:1fr;gap:0;margin-top:84px}.poster-a,.poster-b,.poster-note{grid-column:1}.poster-a{width:82%}.poster-b{width:82%;justify-self:end;margin-top:48px}.poster-note{margin-top:40px}.future-grid{display:block;margin-top:90px}.future-slots{display:block;margin-top:42px}.slot,.slot:nth-child(2){min-height:210px;margin-top:18px}.services-title,.services-intro,.service-list,.services-link{grid-column:1}.services-intro{margin-top:30px}.service-list{margin-top:50px}.service{grid-template-columns:38px 1fr auto}.service p{grid-column:2}.services-link{margin-top:34px}.process-title,.process-line,.process-close{grid-column:1}.process-line{grid-template-columns:1fr;margin-top:52px}.step{min-height:auto;border-right:0;border-bottom:1px solid var(--lined);padding:22px 0 28px}.step small{margin-bottom:40px}.process-close{margin-top:48px}.studio-eye,.studio-title,.studio-copy,.studio-mark,.studio-link{grid-column:1}.studio-copy{margin-top:28px}.studio-mark{margin-top:50px;transform:translateX(16px)}.studio-link{margin-top:38px}.final{min-height:72svh}.final-bottom{grid-template-columns:1fr}.final-bottom p,.final-bottom a{grid-column:1;justify-self:start}.final-bottom a{margin-top:14px}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1;margin-bottom:20px}.foot>div:last-child{grid-column:1/-1;margin-top:10px}.fend{flex-direction:column;gap:8px}.page-hero .page-title,.page-hero .intro,.page-hero .kicker,.page-hero .mark{grid-column:1}.page-hero .intro{margin-top:38px}.page-hero .mark{margin-top:48px;justify-self:end}.editorial-row{grid-template-columns:38px 1fr auto}.editorial-row p{grid-column:2}.service-detail .title,.service-detail .body{grid-column:1}.service-detail .body{margin-top:42px}.statement-band .h2,.statement-band .aside,.refusals{grid-column:1}.statement-band .aside{margin-top:30px}.refusals{margin-top:60px}.process-compact .label,.process-compact .items{grid-column:1}.process-compact .items{margin-top:38px}.compact-step{grid-template-columns:38px 1fr}.compact-step p{grid-column:2}.project-feature .meta{grid-template-columns:1fr}.project-feature .bottom{grid-template-columns:1fr}.project-placeholder-grid{grid-template-columns:1fr}.project-placeholder,.project-placeholder:nth-child(2){min-height:260px;margin-top:20px}.case-hero .title,.case-hero .meta,.case-hero figure,.case-section .num,.case-section .copy,.case-section .visual,.case-section.full .copy,.case-section.full .visual,.case-statement .h2,.deliverables .title,.deliverables .items{grid-column:1}.case-hero .meta{margin-top:32px}.case-hero figure{margin-top:48px}.case-section .copy{margin-top:20px}.case-section .visual{margin-top:48px}.case-section.full .visual{margin-top:50px}.gallery-pair{grid-template-columns:1fr;gap:44px}.gallery-pair figure:nth-child(2){margin-top:0;width:80%;justify-self:end}.gallery-triptych{grid-template-columns:1fr;gap:40px}.gallery-triptych figure:nth-child(n){margin-top:0}.gallery-triptych figure:nth-child(2){width:82%;justify-self:end}.contact-page .grid{display:block}.contact-intro{position:static;margin-bottom:70px}.choices{grid-template-columns:1fr}.thanks .box{grid-column:1}.notfound .page-title{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V5 bilingual / production-prep additions */
.lang a{opacity:.52}.lang a[aria-current="true"]{opacity:1;font-weight:700}.lang a:hover{opacity:1}
.motion-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.7,.2,1)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.skip-link{position:fixed;left:12px;top:12px;z-index:200;background:var(--teal);color:var(--ink);padding:10px 14px;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:none}
.root-choice{min-height:100svh;display:grid;place-items:center;padding:40px}.root-choice-inner{width:min(860px,100%);display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.root-choice h1{margin:0;font-size:clamp(3.8rem,9vw,8rem);line-height:.9;letter-spacing:-.06em;font-weight:560}.root-choice p{margin:22px 0 0;max-width:48ch}.root-choice nav{display:flex;flex-direction:column;gap:12px;min-width:160px}.root-choice nav a{border-top:1px solid var(--line);padding:14px 0;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.root-mark{width:82px;margin-bottom:34px}
.form-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.status-note{font-size:.76rem;color:var(--muted);margin-top:18px}.legal-shell{padding-block:var(--section)}.legal-shell .copy{max-width:760px}.legal-shell h1{margin-bottom:42px}.legal-shell h2{font-size:1.4rem;margin-top:42px}.legal-shell p,.legal-shell li{color:#4e4d48}
@media(max-width:680px){.root-choice-inner{grid-template-columns:1fr;gap:50px}.root-choice nav{min-width:0}}

/* Public launch refinements */
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.lang span,.mobile-foot span[aria-current="true"]{font-weight:700;color:inherit}
.portfolio-note{margin-top:44px;padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px}
.portfolio-note .lead{max-width:58ch}
.form-note{max-width:62ch;line-height:1.55}
.form-note strong{color:var(--ink)}
.form-note a{text-decoration:underline;text-underline-offset:3px}
.field label span,.legend span{color:#087f7a}
@media(min-width:901px){
  .hero-title{grid-column:1/span 8}
  .hero-copy{grid-column:9/-1;grid-row:1;margin-top:0;align-self:end}
  .hero-mark{grid-column:11/-1;grid-row:2;align-self:end}
  .hero-loc{grid-column:7/span 4;grid-row:2}
}
@media(max-width:680px){
  :root{--page:calc(100% - 52px);--display:clamp(2.55rem,10.7vw,4rem);--h1:clamp(2.55rem,10.8vw,4rem)}
  .display,.page-title{max-width:100%;overflow-wrap:normal;line-height:.96;letter-spacing:-.05em}
  .hero{padding-top:76px;padding-bottom:88px}
  .hero-copy{margin-top:44px}
  .hero-actions{margin-top:30px;gap:30px}
  .hero-mark{margin-top:68px}
  .hero-loc{margin-top:54px;line-height:1.55}
  .approach-close{line-height:1.18}
  .approach-close .shift{display:block;transform:none;margin-top:10px}
  .brand span{font-size:.78rem}
  .eyebrow,.field label,.legend{font-size:.78rem}
  .portfolio-note{grid-template-columns:1fr;gap:8px}
  .mobile-close,.menu-toggle{min-width:44px;min-height:44px}
}

/* Guide « Dix signes » */
.guide-callout{border-top:1px solid #303030;border-bottom:1px solid #303030;background:var(--ink);color:var(--ivory)}
.guide-callout>a{padding-block:clamp(58px,7vw,104px);align-items:start}
.guide-callout-label{grid-column:1/span 2;align-self:start}.guide-callout-label .teal-dot{margin-top:14px}
.guide-callout h2{grid-column:3/span 5;margin:0;font-size:clamp(2.3rem,4.15vw,4.35rem);line-height:.96;letter-spacing:-.052em;font-weight:560}
.guide-callout-media{grid-column:8/-1;grid-row:1/span 2;align-self:center;overflow:hidden;background:#fff;display:grid;place-items:center;position:relative;isolation:isolate;padding:0;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.guide-callout-media::after{display:none}
.guide-callout-media img{width:min(500px,100%);height:auto;min-height:0;object-fit:contain;display:block}
.guide-callout-copy{grid-column:3/span 5;margin-top:38px}.guide-callout-copy p{margin:0 0 30px;max-width:40ch;line-height:1.6}
.guide-callout .eyebrow,.guide-callout .link{color:var(--teal)}
.guide-callout .book-cutout{mix-blend-mode:normal}
.guide-callout:hover{background:#111}
.resource-hero{padding:clamp(82px,9vw,148px) 0 clamp(72px,8vw,122px);overflow:hidden;background:var(--ink);color:var(--ivory)}
.resource-hero .eyebrow{color:var(--teal)}
.resource-heading{grid-column:1/span 7}
.resource-title{margin:0;max-width:12ch;font-size:clamp(3.15rem,6.5vw,6.8rem);font-weight:560;line-height:.92;letter-spacing:-.058em}
.resource-subtitle{margin:34px 0 0;max-width:34ch;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.3;letter-spacing:-.025em}
.resource-visual{grid-column:10/-1;align-self:end;position:relative;height:270px}
.resource-frame{position:absolute;right:28px;bottom:20px;width:210px;height:210px;border:24px solid var(--ink);border-right-color:transparent}
.resource-shift{position:absolute;right:-34px;bottom:20px;width:84px;height:210px;background:var(--teal)}
.resource-dot{position:absolute;right:18px;bottom:93px;width:42px;height:42px;background:var(--ink)}
.resource-book{grid-column:8/-1;align-self:center;justify-self:end;width:min(540px,115%);position:relative;isolation:isolate;padding:0;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.resource-book::after{content:"";position:absolute;z-index:-1;left:12%;right:4%;bottom:5%;height:8%;border-radius:50%;background:rgba(26,26,26,.16);filter:blur(18px);transform:skewX(-8deg)}
.resource-book img{display:block;width:100%;height:auto}
.book-cutout{mix-blend-mode:normal;filter:none}
.resource-hero .book-cutout{mix-blend-mode:multiply;clip-path:polygon(19% 5%,81% 3%,81% 93%,19% 97%)}
.resource-hero .resource-book::after{display:none}
.resource-hero .resource-book::before{content:"";position:absolute;z-index:2;top:50%;right:clamp(6px,.65vw,10px);width:clamp(34px,3.2vw,50px);aspect-ratio:1;background:var(--teal);transform:translateY(-50%)}

/* Resource hero: the white visual plane is the complete right half, edge to edge. */
@media(min-width:681px){
  .resource-hero{background:linear-gradient(90deg,var(--ink) 0 50%,var(--ivory) 50% 100%)}
  .resource-hero .grid{align-items:center}
  .resource-hero .resource-heading{grid-column:1/span 6;padding-right:clamp(18px,3vw,54px)}
  .resource-hero .resource-book{grid-column:7/-1;align-self:stretch;justify-self:stretch;width:auto;min-height:100%;border:0;box-shadow:none;background:var(--ivory);display:grid;place-items:center;overflow:visible}
  .resource-hero .resource-book img{width:min(110%,670px);height:110%;max-height:680px;object-fit:contain}
}
.resource-preview{padding:clamp(86px,9vw,138px) 0;background:var(--ivory);color:var(--ink)}
.resource-preview-head .eyebrow{grid-column:1/span 3;color:var(--teal)}
.resource-preview-head .h2{grid-column:4/span 8;max-width:12ch}
.preview-signs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(58px,7vw,92px);border-top:1px solid var(--line)}
.preview-sign{min-height:360px;padding:22px 22px 24px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}
.preview-sign:last-child{border-right:0}
.preview-sign>span{font-size:.72rem;color:var(--teal);letter-spacing:.12em}
.preview-sign h3{margin:auto 0 28px;max-width:14ch;font-family:"Inter Display",Inter,sans-serif;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:600;line-height:1.04;letter-spacing:-.035em}
.preview-sign p{margin:0;max-width:37ch;color:#4e4d48;line-height:1.58}
.preview-sign p strong{display:block;margin-bottom:7px;color:var(--ink);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}
.preview-cta{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:48px;align-items:end;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.preview-cta p{margin:0;max-width:56ch;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.42;letter-spacing:-.02em}
.preview-download{justify-self:start}
.resource-form-section{padding:clamp(86px,9vw,145px) 0;background:#fff}
.resource-explainer{grid-column:1/span 5}
.resource-explainer .h2{font-size:clamp(2.4rem,4.8vw,4.8rem)}
.resource-explainer .lead{margin-top:36px}
.resource-explainer>p:not(.eyebrow):not(.lead){margin:24px 0 0;max-width:52ch;font-size:1rem;line-height:1.65;color:#4e4d48}
.resource-form{grid-column:7/-1;align-self:start;padding:clamp(28px,4vw,54px);border:1px solid var(--line);background:var(--ivory)}
.brevo-form{display:block;width:100%;max-width:540px;margin:0 auto;border:0;background:transparent}
.resource-promise{padding:clamp(78px,8vw,124px) 0}
.resource-promise .eyebrow{grid-column:1/span 3}
.resource-promise-text{grid-column:4/span 8;margin:0;font-size:clamp(2rem,4.4vw,4.5rem);line-height:1;letter-spacing:-.048em}
.resource-thanks .status-note{max-width:58ch;margin:0 0 34px}
@media(max-width:900px){
  .guide-callout-label{grid-column:1/span 2}.guide-callout h2{grid-column:3/span 5}.guide-callout-copy{grid-column:3/span 5}.guide-callout-media{grid-column:8/-1}
  .resource-heading{grid-column:1/span 8}.resource-visual,.resource-book{grid-column:9/-1}
  .resource-explainer{grid-column:1/span 5}.resource-form{grid-column:6/-1}
}
@media(max-width:680px){
  .guide-callout>a{padding-block:64px}.guide-callout-label,.guide-callout h2,.guide-callout-copy,.guide-callout-media{grid-column:1;grid-row:auto}.guide-callout h2{margin-top:38px;font-size:clamp(2.35rem,10.5vw,3.65rem)}.guide-callout-media{margin-top:38px}.guide-callout-media img{min-height:0;height:auto}.guide-callout-copy{margin-top:30px}
  .resource-heading,.resource-visual,.resource-book,.resource-explainer,.resource-form,.resource-promise .eyebrow,.resource-promise-text{grid-column:1}
  .resource-title{font-size:clamp(2.75rem,12vw,4.25rem);max-width:100%}
  .resource-subtitle{font-size:1.28rem;margin-top:28px}
  .resource-visual{height:180px;margin-top:54px}
  .resource-book{width:min(320px,82%);margin-top:54px;justify-self:center}
  .resource-hero .resource-book::before{right:-12px;width:38px}
  .resource-frame{right:24px;width:145px;height:145px;border-width:17px}
  .resource-shift{right:-26px;width:58px;height:145px}
  .resource-dot{right:10px;bottom:70px;width:30px;height:30px}
  .resource-form{margin-top:58px;padding:28px 24px}
  .resource-preview-head .eyebrow,.resource-preview-head .h2{grid-column:1}.resource-preview-head .h2{margin-top:24px}
  .preview-signs{grid-template-columns:1fr;margin-top:54px}
  .preview-sign{min-height:0;padding:24px 0 32px;border-right:0;border-bottom:1px solid var(--line)}
  .preview-sign h3{margin:46px 0 22px;max-width:16ch}
  .preview-cta{grid-template-columns:1fr;gap:28px;margin-top:38px}
  .resource-promise-text{margin-top:24px;font-size:clamp(2.15rem,10vw,3.35rem)}
}

/* Renewed opening statement */
.hero .container.grid{width:var(--page)}
.hero-renewed{position:relative;overflow:hidden}
.hero-renewed:before{content:'';position:absolute;left:0;top:clamp(126px,16vw,210px);width:clamp(9px,1.3vw,18px);height:clamp(86px,12vw,160px);background:var(--teal)}
.hero-renewed .hero-title{position:relative}
.hero-renewed .display{max-width:10.8ch}
.hero-renewed .display span,.hero-renewed .display strong{display:block}
.hero-renewed .display strong{margin-top:.16em;color:var(--teal);font:inherit}
.hero-renewed .hero-sentence{max-width:none;font-size:clamp(3.4rem,6.25vw,6.25rem);line-height:.95;white-space:nowrap}
.hero-renewed .hero-sentence strong{display:inline;margin:0}
.hero-renewed .hero-idea{width:max-content;max-width:100%;padding-left:.12rem;letter-spacing:.14em}
.hero-renewed .eyebrow-cut{text-decoration-line:line-through;text-decoration-color:var(--teal);text-decoration-thickness:2px;text-decoration-skip-ink:none}
.hero-renewed .hero-cut{position:relative;width:max-content}
.hero-renewed .hero-cut:after{content:'';position:absolute;left:0;right:-.08em;top:54%;height:clamp(3px,.42vw,7px);background:var(--ink);transform:rotate(-1.5deg);transform-origin:left center}
.hero-renewed .hero-copy{padding-top:28px;border-top:1px solid var(--line)}
.hero-welcome{color:#087f7a}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-strip p{margin:0;min-height:152px;padding:28px 28px 28px 0;display:flex;flex-direction:column;justify-content:space-between;gap:24px;border-right:1px solid var(--line)}
.trust-strip p+ p{padding-left:28px}
.trust-strip p:last-child{border-right:0}
.trust-strip strong{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#087f7a}
.trust-strip span{max-width:30ch;font-size:1rem;line-height:1.5}
.sunny-line{padding:38px 0 82px;background:var(--paper);color:var(--ink)}
.sunny-line p{position:relative;width:min(calc(100% - 64px),760px);margin:0 auto;padding:22px 34px;background:var(--teal);text-align:center;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.35;letter-spacing:-.015em}
.sunny-line p span{display:block}
.sunny-line p::after{content:"";position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;background:var(--ink)}

@media(max-width:680px){
  .hero-renewed:before{top:120px;width:7px;height:74px}
  .hero-renewed .hero-title{padding-left:16px}
  .hero-renewed .display{max-width:100%;font-size:clamp(2.75rem,11vw,4rem);line-height:.93}
  .hero-renewed .display strong{margin-top:.22em}
  .hero-renewed .hero-copy{padding-top:24px}
}

@media(min-width:901px){
  .hero-renewed .hero-title{grid-column:1/-1}
  .hero-renewed .hero-copy{grid-column:8/span 3;grid-row:2;align-self:start;margin-top:42px}
  .hero-renewed .hero-loc{grid-column:7/span 4;grid-row:3}
  .hero-renewed .hero-mark{grid-column:11/-1;grid-row:3}
}
@media(max-width:900px){
  .hero-renewed .hero-sentence{white-space:normal;max-width:15ch}
}
@media(max-width:680px){
  .hero-renewed .hero-sentence{font-size:clamp(2.75rem,11vw,4rem);line-height:.96}
  .guide-callout-media img{width:min(390px,94%)}
}

.personality-note{margin-top:34px;padding:18px 20px;border-left:5px solid var(--teal);background:rgba(45,191,184,.09);font-size:.95rem;max-width:48ch}
.ink .personality-note{background:rgba(45,191,184,.12)}
.page-hero>.container>.personality-note{grid-column:8/span 5;margin-top:18px}

@media(max-width:680px){
  .page-hero>.container>.personality-note{grid-column:1;margin-top:18px}
  .page-hero{padding-top:76px;padding-bottom:88px}
  .page-hero .page-title{font-size:clamp(2.35rem,10vw,3.6rem);line-height:.96;overflow-wrap:anywhere}
  .trust-strip .container{grid-template-columns:1fr}
  .trust-strip p,.trust-strip p+ p{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--line);gap:10px}
  .trust-strip p:last-child{border-bottom:0}
}

@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}


/* Human-first homepage rhythm */
.hero-title .eyebrow{margin-bottom:30px}
.tension-title{grid-column:1/span 8}
.tension-side{grid-column:1/span 6;margin-top:34px}
.approach-title{grid-column:1/span 8}
.approach-note{grid-column:1/span 6;margin-top:34px}
.approach-close{grid-column:1/span 10}
.approach-close .shift{transform:none}
.services-title{grid-column:1/span 8}
.services-intro{grid-column:1/span 6;margin-top:34px}
.services-link{grid-column:1/span 4}
.process-close{grid-column:1/span 6}
.studio-title{grid-column:1/span 8}
.studio-copy{grid-column:1/span 6;margin-top:34px}
.studio-mark{grid-column:11/span 2;grid-row:2/span 2;align-self:end;justify-self:end}
.studio-link{grid-column:1/span 4;margin-top:42px}
.final .display{max-width:14ch}

@media(max-width:680px){
  .hero-title .eyebrow{margin-bottom:24px;line-height:1.55}
  .sunny-line{padding:34px 0 72px}
  .sunny-line p{width:calc(100% - 56px);padding:21px 24px;font-size:1.03rem}
  .sunny-line p::after{right:-6px;bottom:-6px;width:12px;height:12px}
  .tension-side,.approach-note,.services-intro,.studio-copy{margin-top:28px}
  .approach-close{font-size:clamp(1.45rem,7vw,2rem)}
  .approach-close .shift{margin-top:12px}
  .studio-mark{grid-row:auto;margin-top:54px}
  .studio-link{margin-top:34px}
  .final .display{font-size:clamp(2.5rem,10.4vw,3.8rem);max-width:100%}
}

/* Identité officielle et hiérarchie de présentation */
.proof-image.logo-showcase{min-height:clamp(320px,44vw,600px);display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:clamp(48px,8vw,124px)}
.proof-image.logo-showcase img{width:min(760px,84%)}
.project-feature figure.logo-showcase,.case-hero figure.logo-showcase{min-height:clamp(320px,44vw,600px);display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:clamp(48px,8vw,124px)}
.project-feature figure.logo-showcase img,.case-hero figure.logo-showcase img{width:min(760px,84%)}
.work-title h3,.project-feature h2,.guide-callout h2,.resource-title{font-family:"Inter Display",Inter,sans-serif;font-weight:600}
.studio-mark img{width:min(250px,100%)}
.brand img{transition:none}
.brand:hover img{transform:none}
@media(max-width:680px){.proof-image.logo-showcase,.project-feature figure.logo-showcase,.case-hero figure.logo-showcase{min-height:270px;padding:44px 26px}.proof-image.logo-showcase img,.project-feature figure.logo-showcase img,.case-hero figure.logo-showcase img{width:100%}.brand img{width:126px}}

@media(max-width:680px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .resource-heading,.resource-title,.resource-subtitle,.resource-book{min-width:0;max-width:100%}
  .resource-title{font-size:clamp(2.35rem,10.5vw,3.2rem);line-height:.96;overflow-wrap:break-word}
  .resource-subtitle{overflow-wrap:break-word}
  .resource-book{width:min(320px,100%)}
}

/* Portfolio case-study system — one hierarchy across every project. */
.project-cover{position:relative;overflow:hidden;aspect-ratio:16/9;background:#efefea;border:1px solid var(--line)}
.project-cover img{width:100%;height:100%;object-fit:cover}
.project-cover--light{aspect-ratio:3/2;background:#f4f1eb}
.project-cover--light img{object-fit:contain}
.case-gallery--editorial .copy{max-width:760px;margin-bottom:clamp(46px,6vw,82px)}
.case-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.case-showcase{min-width:0}
.case-showcase img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eeeee9}
.case-showcase--wide{grid-column:span 2}
.case-showcase--wide img{aspect-ratio:16/9}
.case-showcase--symbol img{object-fit:contain;padding:clamp(54px,8vw,130px);background:#fff}
.case-showcase figcaption{padding-top:12px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);margin-top:12px}
.ink .case-showcase figcaption{color:rgba(250,250,247,.64);border-color:var(--lined)}
.metanoia-showcase img{width:min(720px,78%)!important}
.light-threads-logo-stage{min-height:clamp(340px,42vw,560px);display:grid;place-items:center;padding:clamp(42px,6vw,90px);background:#f4f1eb}
.light-threads-logo-stage img{width:min(760px,94%)}
.light-threads-hero{position:relative;overflow:hidden;background:#ded8cc}
.light-threads-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.light-threads-hero figcaption{position:absolute;left:clamp(18px,2.5vw,38px);bottom:clamp(18px,2.5vw,34px);max-width:34ch;margin:0;padding:12px 15px;background:rgba(20,20,19,.88);color:#fff;font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.light-threads-product{overflow:hidden;background:#ece4d7}
.light-threads-product img{display:block;width:100%;height:100%;min-height:clamp(360px,44vw,650px);object-fit:cover}
.light-threads-statement .h2{max-width:15ch}
.light-threads-experience{background:#f1eee7}
.light-threads-ecosystem{overflow:hidden;background:#e8e0d4}
.light-threads-ecosystem img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.light-threads-ecosystem figcaption,.light-threads-items figcaption{margin-top:12px;padding-top:12px;border-top:1px solid rgba(20,20,19,.16);font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.light-threads-items{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5vw,72px) clamp(18px,2.5vw,34px);margin-top:clamp(58px,7vw,96px)}
.light-threads-items figure{min-width:0}
.light-threads-items img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8e0d4}
.light-threads-system{background:#f1eee7}
.light-threads-system .light-threads-proof{overflow:hidden;border:1px solid rgba(20,20,19,.1);background:#fff}
.light-threads-system .light-threads-proof img{display:block;width:100%;height:auto}
.light-threads-public{padding-block:clamp(84px,8vw,132px);background:#151515;color:#f4f1eb}
.light-threads-public-copy{display:grid;grid-template-columns:2fr 5fr 4fr;gap:var(--gap);align-items:end;margin-bottom:clamp(42px,5vw,72px)}
.light-threads-public-copy .eyebrow{grid-column:1;color:var(--aqua)}
.light-threads-public-copy h2{grid-column:2;margin:0;max-width:15ch}
.light-threads-public-copy>p:last-child{grid-column:3;margin:0;max-width:44ch;color:rgba(244,241,235,.7)}
.light-threads-public figure{margin:0}
.light-threads-public img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.light-threads-public figcaption{margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,241,235,.22);font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,241,235,.65)}
.metanoia-obnl-hero{background:#242653;color:#fff}
.metanoia-obnl-hero .eyebrow,.metanoia-obnl-hero .meta p{color:rgba(255,255,255,.72)}
.metanoia-obnl-hero figure{overflow:hidden;background:#1c1d3f}
.metanoia-obnl-hero figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.metanoia-obnl-hero figcaption,.metanoia-obnl-gallery figcaption,.metanoia-obnl-system figcaption{margin-top:12px;padding-top:12px;border-top:1px solid currentColor;font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;opacity:.66}
.metanoia-obnl-logo-stage{min-height:460px;display:grid;place-items:center;background:#f6f2e9;overflow:hidden;padding:clamp(48px,7vw,100px)}
.metanoia-obnl-logo-stage img{display:block;width:min(760px,92%);height:auto;object-fit:contain}
.metanoia-obnl-statement{background:#009e89;color:#fff}
.metanoia-obnl-statement .h2{max-width:12ch}
.metanoia-obnl-system{grid-column:1/-1;display:grid;grid-template-columns:4fr 7fr;gap:var(--gap);align-items:stretch;margin-top:clamp(56px,7vw,92px)}
.metanoia-obnl-system figure{margin:0;display:flex;flex-direction:column}
.metanoia-obnl-system img{display:block;width:100%;flex:1;object-fit:cover}
.metanoia-obnl-symbol{background:#242653;color:#fff}
.metanoia-obnl-symbol img{aspect-ratio:1/1}
.metanoia-obnl-card img{aspect-ratio:3/2}
.metanoia-obnl-gallery{background:#f4f0e7}
.metanoia-obnl-gallery .copy{max-width:920px}
.metanoia-obnl-gallery .copy .lead{max-width:62ch}
.metanoia-obnl-gallery .gallery-wide{overflow:hidden}
.metanoia-obnl-gallery .gallery-wide img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
.metanoia-obnl-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-top:clamp(48px,7vw,92px)}
.metanoia-obnl-applications figure{margin:0}
.metanoia-obnl-applications figure:first-child{grid-column:1/-1}
.metanoia-obnl-applications img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.metanoia-obnl-applications figcaption{margin-top:12px;padding-top:12px;border-top:1px solid currentColor;font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;opacity:.66}
.metanoia-obnl-digital{background:#242653;color:#fff}
.metanoia-obnl-applications--digital{grid-column:1/-1}
.metanoia-obnl-applications--digital figure:first-child{grid-column:auto}
.metanoia-obnl-applications--digital img{aspect-ratio:auto;object-fit:contain;background:#fff}
.metanoia-obnl-applications--community{display:block}
.metanoia-obnl-applications--community figure:first-child{grid-column:auto}
.metanoia-obnl-applications--community figure:first-child img,.metanoia-obnl-applications--community figure:not(:first-child) img{height:auto;aspect-ratio:auto;object-fit:contain}
.metanoia-obnl-applications--community figure+figure{width:min(58%,620px);margin:clamp(52px,7vw,92px) auto 0}
.metanoia-obnl-extensions{background:#fff}
.metanoia-obnl-object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5vw,72px) var(--gap);margin-top:clamp(48px,7vw,92px)}
.metanoia-obnl-object-grid figure{margin:0;min-width:0}
.metanoia-obnl-object-grid img{display:block;width:100%;height:auto;object-fit:contain}
.metanoia-obnl-object-grid figcaption{margin-top:12px;padding-top:12px;border-top:1px solid currentColor;font-size:.72rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;opacity:.66}
.metanoia-obnl-disclosure{max-width:72ch;margin:clamp(44px,6vw,78px) 0 0;padding-top:18px;border-top:1px solid rgba(20,20,19,.2);font-size:.9rem;line-height:1.6;color:var(--muted)}
.metanoia-obnl-page .cta{padding-block:clamp(88px,8vw,140px);background:#111;color:#fff}
.metanoia-obnl-page .cta .h2{grid-column:1/span 7;max-width:12ch;margin:0}
.metanoia-obnl-page .cta .grid>div{grid-column:9/-1;align-self:end}
.metanoia-obnl-page .cta p{margin:0 0 28px;max-width:34ch;color:rgba(255,255,255,.72)}
.light-threads-case~.case-section{padding-block:clamp(72px,6vw,104px)}
.light-threads-case~.case-statement{padding-block:clamp(86px,7vw,118px)}
.light-threads-case~.case-section .light-threads-logo-stage{min-height:340px}
.light-threads-case~.service-detail{padding-block:clamp(82px,7vw,118px)}
.clean-logo-stage,.clean-symbol-stage{min-height:clamp(320px,42vw,560px);display:grid;place-items:center;background:#f4f1eb;padding:clamp(48px,7vw,110px)}
.clean-logo-stage img{width:min(720px,88%);height:auto;object-fit:contain}
.clean-symbol-stage img{width:min(390px,58%);height:auto;object-fit:contain}

/* The guide image is a visual plane, not a white card floating in a dark box. */
.guide-callout-media{align-self:stretch;background:var(--ivory);border:0;box-shadow:none}
.guide-callout .book-cutout{mix-blend-mode:multiply}
@media(min-width:681px){
  .guide-callout,.guide-callout:hover{background:linear-gradient(90deg,var(--ink) 0 57%,var(--ivory) 57% 100%)}
}
@media(max-width:680px){
  .project-cover,.project-cover--light{aspect-ratio:4/3}
  .case-showcase-grid{grid-template-columns:1fr}
  .case-showcase--wide{grid-column:auto}
  .case-showcase--wide img{aspect-ratio:4/3}
  .case-showcase--symbol img{padding:54px}
  .clean-logo-stage,.clean-symbol-stage{min-height:280px;padding:46px 28px}
  .clean-symbol-stage img{width:min(250px,62%)}
  .light-threads-hero img{aspect-ratio:4/5;object-position:62% center}
  .light-threads-hero figcaption{position:static;max-width:none;background:var(--ink)}
  .light-threads-product img{min-height:0;aspect-ratio:4/3;object-position:center}
  .light-threads-ecosystem img{aspect-ratio:4/3;object-position:center}
  .light-threads-items{grid-template-columns:1fr;gap:46px;margin-top:54px}
  .light-threads-public-copy{grid-template-columns:1fr;gap:18px}
  .light-threads-public-copy .eyebrow,.light-threads-public-copy h2,.light-threads-public-copy>p:last-child{grid-column:1}
  .light-threads-public img{aspect-ratio:4/3;object-position:center}
  .metanoia-obnl-gallery .gallery-wide img{aspect-ratio:4/3}
  .metanoia-obnl-logo-stage{min-height:270px}
  .metanoia-obnl-system{grid-template-columns:1fr;gap:42px}
  .metanoia-obnl-symbol{width:78%}
  .metanoia-obnl-applications{grid-template-columns:1fr}
  .metanoia-obnl-applications figure:first-child{grid-column:auto}
  .metanoia-obnl-applications--community figure+figure{width:100%;margin-top:46px}
  .metanoia-obnl-object-grid{grid-template-columns:1fr;gap:46px}
  .metanoia-obnl-page .cta .h2,.metanoia-obnl-page .cta .grid>div{grid-column:1}
  .metanoia-obnl-page .cta .grid>div{margin-top:34px}
  .light-threads-case~.case-section{padding-block:72px}
  .light-threads-case~.case-statement{padding-block:84px}
  .light-threads-case~.case-section .light-threads-logo-stage{min-height:270px}
  .guide-callout-media{margin-top:34px;min-height:360px}
}