@font-face{font-family:Roboto;src:url('../fonts/font-roboto-500.woff2') format('woff2');font-weight:500}
@font-face{font-family:Work Sans;src:url('../fonts/font-work-sans-400.ttf')}@font-face{font-family:Work Sans;src:url('../fonts/font-work-sans-500.ttf');font-weight:500}@font-face{font-family:Work Sans;src:url('../fonts/font-work-sans-700.ttf');font-weight:700}@font-face{font-family:Instrument Serif;src:url('../fonts/font-instrument-serif.ttf')}@font-face{font-family:Instrument Serif;src:url('../fonts/font-instrument-serif-italic.ttf');font-style:italic}
:root{--ink:#300b16;--wine:#59051f;--crimson:#970033;--raspberry:#db1759;--pink:#fc8090;--blush:#dfbdc5;--paper:#edd9dc;--light:#fff7f8;--pad:clamp(22px,4.2vw,72px);--line:rgba(36,7,15,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress{position:fixed;z-index:100;left:0;top:0;height:3px;width:0;background:var(--pink);transition:width .08s linear}.site-header{position:fixed;z-index:90;left:0;right:0;top:0;height:80px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(36,7,15,.14);background:rgba(250,237,241,.86);backdrop-filter:blur(16px);transition:color .35s,background .35s,border-color .35s}.site-header.hero-header{color:var(--light);background:linear-gradient(to bottom,rgba(20,0,7,.72),transparent);border-color:rgba(250,237,241,.16);backdrop-filter:none}.brand{display:inline-flex;align-items:center;gap:8px;width:max-content}.brand-mark{font-family:'Instrument Serif','Times New Roman',serif;font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:32px}.brand-word{font-family:Roboto,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:2.5px;line-height:15px}.site-header nav{display:flex;gap:clamp(18px,2.6vw,42px);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.site-header nav a{position:relative}.site-header nav a:not(.nav-contact)::after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .3s}.site-header nav a:hover::after{right:0}.nav-contact{display:none}.header-cta{justify-self:end;border:1px solid currentColor;border-radius:999px;padding:11px 17px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:background .25s,color .25s}.header-cta:hover{background:var(--ink);color:var(--light)}.hero-header .header-cta:hover{background:var(--light);color:var(--ink)}.header-cta span{margin-left:12px}.menu-button{display:none;background:none;border:0;color:currentColor;padding:10px}.menu-button span{display:block;width:25px;height:1px;background:currentColor;margin:6px}
.hero{position:relative;height:100svh;min-height:630px;background:#130006;color:var(--light);overflow:hidden}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.08)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,0,8,.05) 0%,rgba(36,0,12,.28) 42%,rgba(28,0,9,.76) 100%),linear-gradient(0deg,rgba(19,0,6,.65) 0%,transparent 42%);mix-blend-mode:multiply}.hero-scenes{position:absolute;inset:0}.hero-scene{position:absolute;inset:0;padding:120px var(--pad) 105px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;opacity:0;filter:blur(14px);transform:translateY(18px);pointer-events:none}.hero-scene small{font-size:clamp(18px,2.2vw,34px);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-scene strong{font-size:clamp(84px,13vw,210px);font-weight:500;line-height:.78;letter-spacing:-.075em;text-transform:uppercase}.scene-one{animation:sceneOne 8.6s both}.scene-two{align-items:flex-start;text-align:left;animation:sceneTwo 8.6s both}.scene-two strong{color:var(--pink)}.scene-three{align-items:center;text-align:center;animation:sceneThree 8.6s both}.scene-three strong{font-family:'Instrument Serif',serif;font-style:italic;text-transform:none;font-weight:400;letter-spacing:-.045em}.scene-four{animation:sceneFour 8.6s both}.scene-four strong{color:var(--pink)}@keyframes sceneOne{0%,3%{opacity:0;filter:blur(14px);transform:translateY(18px)}7%,20%{opacity:1;filter:blur(0);transform:none}26%,100%{opacity:0;filter:blur(10px);transform:translateY(-12px)}}@keyframes sceneTwo{0%,26%{opacity:0;filter:blur(14px);transform:translateY(18px)}31%,44%{opacity:1;filter:blur(0);transform:none}50%,100%{opacity:0;filter:blur(10px);transform:translateY(-12px)}}@keyframes sceneThree{0%,50%{opacity:0;filter:blur(14px);transform:scale(.96)}55%,64%{opacity:1;filter:blur(0);transform:scale(1)}69%,100%{opacity:0;filter:blur(10px);transform:scale(1.02)}}@keyframes sceneFour{0%,68%{opacity:0;filter:blur(14px);transform:translateY(18px)}74%,100%{opacity:1;filter:blur(0);transform:none}}.hero-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;opacity:.75}.hero-scroll{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.hero-scroll span{width:28px;height:28px;border:1px solid rgba(250,237,241,.4);border-radius:50%;position:relative}.hero-scroll span::after{content:'';position:absolute;width:4px;height:4px;border-right:1px solid var(--light);border-bottom:1px solid var(--light);transform:rotate(45deg);left:11px;top:9px;animation:nudge 1.5s infinite}@keyframes nudge{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(5px) rotate(45deg)}}
section{position:relative}.section-index{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.section-index i{height:1px;background:currentColor;opacity:.3}.intro{padding:clamp(92px,12vw,180px) var(--pad);background:var(--blush)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);gap:8vw;align-items:end;margin-top:clamp(65px,9vw,130px)}.intro h1{font-size:clamp(52px,7.2vw,116px);font-weight:500;line-height:.91;letter-spacing:-.065em;margin:0}.intro h1 em,.work-heading h2 em,.stories h2 em,.contact h2 em{font-family:'Instrument Serif',serif;font-weight:400}.intro-aside{border-top:1px solid var(--ink);padding-top:20px}.intro-aside p{font-size:clamp(17px,1.35vw,22px);line-height:1.5;margin:0 0 42px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.text-link span{font-size:18px}
.proof{background:var(--wine);color:var(--light);overflow:hidden;padding:clamp(90px,10vw,150px) var(--pad) 0}.proof-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8vw}.proof-count{font-size:clamp(180px,31vw,520px);font-weight:700;line-height:.68;letter-spacing:-.11em;color:var(--pink)}.proof-count sup{font-size:.22em;vertical-align:top;margin-left:.08em}.proof-copy .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--pink)}.proof-copy h2{font-size:clamp(48px,6vw,95px);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:26px 0}.proof-copy h2 em{font-family:'Instrument Serif';font-weight:400}.proof-copy>p:last-child{max-width:430px;font-size:18px;line-height:1.55;color:rgba(250,237,241,.7)}.proof-ribbon{margin:clamp(70px,9vw,130px) calc(var(--pad)*-1) 0;background:var(--raspberry);overflow:hidden;transform:rotate(-1.1deg);width:calc(100% + var(--pad)*2);padding:15px 0}.proof-ribbon div{width:max-content;font-weight:700;font-size:clamp(18px,2vw,32px);letter-spacing:.06em;white-space:nowrap;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.value{padding:clamp(100px,13vw,190px) var(--pad);background:var(--paper)}.value-grid{display:grid;grid-template-columns:1.55fr .62fr;gap:10vw;margin-top:clamp(70px,10vw,150px);align-items:end}.value-lead{font-size:clamp(22px,2.4vw,38px);margin:0 0 22px;color:var(--crimson)}.value h2{font-size:clamp(50px,6.8vw,108px);font-weight:500;line-height:.94;letter-spacing:-.06em;margin:0}.value h2 em{font-family:'Instrument Serif';font-weight:400;color:var(--crimson)}.value-side{padding-bottom:8px}.value-marker{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;text-align:center;font-size:10px;letter-spacing:.12em}.value-marker b{font:400 38px 'Instrument Serif';color:var(--raspberry)}.value-side>p{font-size:18px;line-height:1.55;margin:34px 0}.button{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-radius:3px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.button-dark{background:var(--ink);color:var(--light)}.button span{font-size:18px}
.attention{min-height:92vh;padding:clamp(100px,12vw,180px) var(--pad);background:var(--ink);color:var(--light);display:grid;place-items:center;overflow:hidden}.attention-copy{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:5vw}.attention-copy>p:first-child{font-size:12px;line-height:1.7;text-transform:uppercase;letter-spacing:.1em;color:rgba(250,237,241,.58)}.attention h2{display:flex;align-items:flex-end;justify-content:center;margin:0;color:var(--pink)}.attention h2 span{font-size:clamp(250px,42vw,690px);font-weight:700;letter-spacing:-.12em;line-height:.58}.attention h2 small{font-size:clamp(12px,1.3vw,20px);letter-spacing:.18em;writing-mode:vertical-rl;margin-left:20px}.attention-line{font-size:clamp(20px,2.1vw,34px);line-height:1.15}.attention-line em{font:400 italic 1.25em 'Instrument Serif';color:var(--pink)}.attention-pulse{position:absolute;inset:0;display:grid;place-items:center;opacity:.15}.attention-pulse i{position:absolute;width:32vw;aspect-ratio:1;border:1px solid var(--pink);border-radius:50%;animation:pulse 4s ease-out infinite}.attention-pulse i:nth-child(2){animation-delay:1s}.attention-pulse i:nth-child(3){animation-delay:2s}.attention-pulse i:nth-child(4){animation-delay:3s}@keyframes pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.5);opacity:0}}
.work{padding:clamp(100px,13vw,190px) var(--pad);background:var(--blush)}.work-heading{display:grid;grid-template-columns:1.65fr .55fr;gap:8vw;align-items:end;margin:clamp(70px,9vw,130px) 0 clamp(55px,7vw,100px)}.work-heading h2{font-size:clamp(52px,7vw,110px);line-height:.91;letter-spacing:-.06em;font-weight:500;margin:0}.work-heading>p{font-size:18px;line-height:1.55;margin:0 0 7px}.projects{display:grid;gap:clamp(28px,4vw,64px)}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.7vw,44px)}.project{display:block}.project-media{overflow:hidden;background:var(--wine);aspect-ratio:16/9}.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s}.project:hover .project-media img{transform:scale(1.025)}.project-label{position:relative;display:grid;grid-template-columns:60px 1fr auto;grid-template-areas:'num title link' 'num type link';align-items:center;padding:22px 0;border-bottom:1px solid var(--ink)}.project-label span{grid-area:num;font-size:10px;letter-spacing:.15em}.project-label h3{grid-area:title;font-size:clamp(22px,2.1vw,34px);font-weight:500;letter-spacing:-.03em;margin:0}.project-label p{grid-area:type;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:4px 0 0;color:rgba(36,7,15,.58)}.project-label b{grid-area:link;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.project:not(.project-featured) .project-label{grid-template-columns:45px 1fr}.project:not(.project-featured) .project-label b{display:none}
.stories{background:var(--crimson);color:var(--light);padding:clamp(100px,12vw,170px) 0}.stories>.section-index,.stories-heading{margin-left:var(--pad);margin-right:var(--pad)}.stories .section-index i{background:var(--light)}.stories-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-top:clamp(60px,8vw,120px);margin-bottom:55px}.stories h2{font-size:clamp(48px,6.2vw,98px);font-weight:500;line-height:.92;letter-spacing:-.055em;margin:0}.stories h2 em{color:var(--wine)}.slider-nav{display:flex;gap:8px}.slider-nav button{width:54px;height:54px;border:1px solid rgba(250,237,241,.48);border-radius:50%;background:transparent;color:var(--light);font-size:20px;cursor:pointer;transition:.25s}.slider-nav button:hover{background:var(--light);color:var(--crimson)}.story-viewport{overflow:auto;scrollbar-width:none;padding:0 var(--pad);scroll-snap-type:x mandatory}.story-viewport::-webkit-scrollbar{display:none}.story-track{display:flex;gap:20px;width:max-content}.story-card{position:relative;width:min(30vw,420px);height:min(49vw,620px);min-width:290px;min-height:450px;overflow:hidden;background:#1b0209;scroll-snap-align:start;cursor:pointer}.story-card video{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.05);transform:scale(1.01);transition:filter .4s,transform 1s}.story-card:hover video,.story-card.playing video{filter:saturate(.9) contrast(1);transform:scale(1.035)}.story-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,0,7,.14),transparent 45%,rgba(20,0,7,.88))}.story-caption{position:absolute;left:25px;right:25px;bottom:24px}.story-caption span{display:block;font-size:22px}.story-caption small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(250,237,241,.72)}.sound-toggle{position:absolute;z-index:3;top:18px;right:18px;border:1px solid rgba(250,237,241,.7);border-radius:99px;background:rgba(20,0,7,.35);color:var(--light);padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:0;transform:translateY(-5px);transition:.25s;cursor:pointer}.story-card:hover .sound-toggle,.story-card.playing .sound-toggle{opacity:1;transform:none}.sound-toggle span{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(250,237,241,.5);margin-right:4px}.story-card.sound-on .sound-toggle span{background:var(--pink);box-shadow:0 0 0 4px rgba(242,126,148,.2)}
.contact{padding:clamp(100px,12vw,180px) var(--pad);background:var(--pink);color:var(--ink);overflow:hidden}.contact::before{content:'';position:absolute;width:42vw;aspect-ratio:1;border:1px solid rgba(36,7,15,.18);border-radius:50%;right:-12vw;top:-24vw;box-shadow:0 0 0 8vw rgba(36,7,15,.035),0 0 0 16vw rgba(36,7,15,.025)}.contact-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:clamp(55px,8vw,110px)}.contact h2{position:relative;font-size:clamp(64px,9.7vw,158px);font-weight:500;line-height:.8;letter-spacing:-.07em;margin:0;max-width:1200px}.contact h2 em{color:var(--wine)}.contact-grid{position:relative;display:grid;grid-template-columns:.75fr 1.3fr;gap:12vw;margin-top:clamp(80px,10vw,150px);align-items:start}.contact-intro p{font-size:20px;line-height:1.5;max-width:380px;margin:0 0 38px}.contact-intro a{display:block;width:max-content;margin:12px 0;border-bottom:1px solid var(--ink);padding-bottom:3px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}.contact label{display:block;border-bottom:1px solid rgba(36,7,15,.55);padding-bottom:10px}.contact label:nth-child(3){grid-column:1/-1}.contact label span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:13px}.contact input,.contact textarea{width:100%;border:0;background:transparent;outline:0;color:var(--ink);resize:none;font-size:17px}.contact form button{grid-column:1/-1;margin-top:16px;border:0;background:var(--ink);color:var(--light);padding:18px 20px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:11px;cursor:pointer}.contact form button b{font-size:18px}.contact #form-status{grid-column:1/-1;font-size:10px;margin:0;opacity:.65}
footer{background:var(--ink);color:var(--light);padding:55px var(--pad) 30px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.footer-brand{font-size:30px}footer>p{justify-self:end;margin:0;max-width:300px;text-align:right;color:rgba(250,237,241,.6);line-height:1.5}footer>div{grid-column:1/-1;border-top:1px solid rgba(250,237,241,.18);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:68px;grid-template-columns:1fr auto}.site-header nav{position:absolute;left:0;right:0;top:68px;background:var(--blush);color:var(--ink);padding:28px var(--pad);display:flex;flex-direction:column;gap:25px;transform:translateY(-130%);transition:.4s;z-index:-1;border-bottom:1px solid var(--line)}.site-header.open nav{transform:none}.nav-contact{display:block!important}.header-cta{display:none}.menu-button{display:block}.site-header.open{background:var(--blush);color:var(--ink)}.hero-scene{padding-left:24px;padding-right:24px;align-items:flex-start;text-align:left;justify-content:flex-end;padding-bottom:18vh}.hero-scene strong{font-size:clamp(65px,20vw,125px)}.hero-scene small{font-size:18px}.scene-two,.scene-four{align-items:flex-start;text-align:left}.scene-three{align-items:center;text-align:center;justify-content:center}.hero-film{object-position:32% center}.hero-wash{background:linear-gradient(0deg,rgba(24,0,8,.88),rgba(36,0,12,.08) 80%),rgba(36,0,12,.15)}.hero-meta span:last-child,.hero-scroll{display:none}.intro-grid,.proof-grid,.value-grid,.work-heading,.attention-copy,.contact-grid{grid-template-columns:1fr}.intro-aside{max-width:460px;margin-top:40px}.proof{padding-bottom:0}.proof-count{font-size:55vw}.proof-copy{padding-bottom:20px}.value-side{max-width:480px;margin-top:45px}.attention{min-height:auto}.attention-copy{gap:55px}.attention h2{justify-content:flex-start}.attention h2 span{font-size:72vw}.attention-line{max-width:460px}.project-row{grid-template-columns:1fr}.stories-heading{grid-template-columns:1fr}.slider-nav{justify-self:start}.story-card{width:70vw}.contact h2{font-size:clamp(58px,15vw,115px)}.contact-grid{gap:60px}}
@media(max-width:560px){:root{--pad:20px}.hero{min-height:600px}.hero-scene{padding-bottom:22vh}.hero-scene strong{font-size:18vw}.hero-scene small{font-size:14px}.hero-meta{font-size:9px}.intro,.value,.work{padding-top:90px;padding-bottom:90px}.intro-grid,.value-grid,.work-heading{margin-top:60px}.intro h1,.value h2,.work-heading h2,.stories h2{font-size:13.2vw}.proof{padding-top:90px}.proof-copy h2{font-size:13vw}.proof-ribbon{margin-top:70px}.attention{padding-top:100px;padding-bottom:100px}.attention-copy{gap:42px}.project-label{grid-template-columns:38px 1fr;grid-template-areas:'num title' 'num type'}.project-label b{display:none}.stories{padding-top:90px;padding-bottom:90px}.stories-heading{margin-top:60px}.story-card{width:82vw;min-width:275px;height:128vw;max-height:570px}.sound-toggle{opacity:1;transform:none}.contact{padding-top:90px;padding-bottom:90px}.contact h2{font-size:14vw}.contact-grid{margin-top:70px}.contact form{grid-template-columns:1fr}.contact label:nth-child(3),.contact form button,.contact #form-status{grid-column:1}.contact label:nth-child(2){grid-column:1}footer{grid-template-columns:1fr;gap:35px}footer>p{justify-self:start;text-align:left}footer>div{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{animation:none}.scene-four{opacity:1;filter:none;transform:none}.hero-film{display:none}.reveal{opacity:1;transform:none}.proof-ribbon div,.attention-pulse i,.hero-scroll span::after{animation:none}}


/* Original GBL wordmark treatment from gbltechnologies.com */
.brand-mark{font-family:'Instrument Serif','Times New Roman',serif;font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:32px}.brand-word{font-family:Roboto,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:2.5px;line-height:15px;text-transform:none}



/* Text is rendered into the reviewed motion film. */
.hero-scenes,.hero-wash{display:none}

.hero-intro{z-index:2}

/* Quiet section openings retain the original breathing room without labels. */
.section-breath{height:14px}
.stories>.section-breath{margin-left:var(--pad);margin-right:var(--pad)}
@media(min-width:901px){.site-header{grid-template-columns:1fr auto 1fr}.site-header nav{grid-column:2}}
/* Red Fern palette: deep plum and burgundy surfaces with soft rose accents. */
body{background:#240910;color:var(--light)}
.site-header:not(.hero-header){background:rgba(36,9,16,.96);color:var(--light);border-color:rgba(255,247,248,.16)}
.intro{background:#edd9dc;color:var(--ink)}
.intro h1 em{color:var(--wine)}
.work-heading h2 em{color:var(--pink)}
.intro-aside,.intro .text-link{border-color:rgba(48,11,22,.4)}
.proof{background:#290b15;color:var(--light)}
.proof-count,.proof-copy .label{color:var(--pink)}
.proof-copy>p:last-child{color:rgba(255,247,248,.76)}
.proof-ribbon{background:var(--crimson);color:var(--light)}
.value{background:#dfbdc5;color:var(--ink)}
.value-lead,.value h2 em,.value-marker b{color:var(--wine)}
.value-marker{border-color:rgba(48,11,22,.24)}
.value-side>p{color:rgba(48,11,22,.8)}
.button-dark{background:var(--pink);color:var(--ink);transition:background .25s}
.button-dark:hover{background:#ffa4b0}
.attention{background:#200810;color:var(--light)}
.attention h2,.attention-line em{color:var(--pink)}
.attention-copy>p:first-child{color:rgba(255,247,248,.68)}
.attention-pulse i{border-color:var(--pink)}
.work{background:#35101d;color:var(--light)}
.project-media{background:#240910}
.project-label{border-color:rgba(255,247,248,.32)}
.project-label p{color:rgba(255,247,248,.68)}
.stories{background:#59051f;color:var(--light)}
.stories h2 em{color:var(--pink)}
.contact{background:#dfbdc5;color:var(--ink)}
.contact h2 em{color:var(--wine)}
.contact::before{border-color:rgba(89,5,31,.14);box-shadow:0 0 0 8vw rgba(89,5,31,.035),0 0 0 16vw rgba(89,5,31,.02)}
.contact-intro a,.contact label{border-color:rgba(48,11,22,.42)}
.contact input,.contact textarea{color:var(--ink);caret-color:var(--wine)}
.contact label:focus-within{border-color:var(--wine)}
.contact form button{background:var(--wine);color:var(--light);transition:background .25s}
.contact form button:hover{background:var(--crimson)}
footer{background:#1b070d;color:var(--light)}
footer>p{color:rgba(255,247,248,.68)}
footer>div{border-color:rgba(255,247,248,.18)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
::selection{background:var(--pink);color:var(--ink)}
@media(max-width:900px){.site-header.open,.site-header.open.hero-header,.site-header nav{background:#240910;color:var(--light);border-color:rgba(255,247,248,.16)}}

.intro a:focus-visible,.contact a:focus-visible,.contact button:focus-visible,.contact input:focus-visible,.contact textarea:focus-visible{outline-color:var(--wine)}


.value .button-dark{background:var(--wine);color:var(--light)}
.value .button-dark:hover{background:var(--crimson)}
.value a:focus-visible{outline-color:var(--wine)}


/* Hero-to-intro overlay transition */
.hero{position:sticky;top:0;z-index:0}
.intro{
  z-index:2;
  isolation:isolate;
  background:transparent;
  color:var(--intro-fg,var(--ink));
}
.intro::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--pink);
  opacity:var(--intro-bg-opacity,1);
  pointer-events:none;
}
.intro>*{position:relative;z-index:1}
.proof,.value,.attention,.work,.stories,.contact{z-index:2}

/* The transition colour fades across the viewport; it does not slide upward. */
.intro::before{position:fixed;inset:0}

/* Stacked page transition replaces the opacity fade */
.intro{
  position:relative;
  z-index:3;
  isolation:auto;
  background:var(--pink);
  color:var(--ink);
  border-radius:22px 22px 0 0;
  box-shadow:0 -20px 55px rgba(0,0,0,.26);
}
.intro::before{display:none}
.intro>*{position:relative;z-index:auto}

/* Countdown label and closing-layer corrections */
.attention h2{
  position:relative;
  flex-direction:column;
  align-items:center;
  align-self:center;
  gap:clamp(18px,2vw,28px);
}
.attention h2 small{
  writing-mode:horizontal-tb;
  margin:0;
  color:var(--light);
  font-size:clamp(15px,1.45vw,22px);
  font-weight:500;
  line-height:1;
  letter-spacing:.28em;
  text-indent:.28em;
  white-space:nowrap;
}
footer{
  position:relative;
  z-index:4;
  min-height:280px;
  padding-top:clamp(64px,7vw,96px);
  background:#130006;
  border-top:1px solid rgba(252,128,144,.32);
}
footer .footer-brand{align-self:start}
footer>p{font-size:clamp(16px,1.35vw,21px)}
@media(max-width:900px){.attention h2{justify-content:center}}

/* Muted opening statement panel */
.intro{background:#dfbdc5}


/* Editorial project gallery */
.work{overflow:hidden}
.projects{
  gap:clamp(80px,10vw,150px);
}
.project{
  position:relative;
  isolation:isolate;
}
.project-featured{
  width:94%;
  margin-left:auto;
}
.project-media{
  position:relative;
  border-radius:clamp(14px,1.5vw,24px);
  box-shadow:0 28px 70px rgba(15,0,6,.28);
  transform:translateZ(0);
}
.project-media::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(19,0,6,.16) 72%,rgba(19,0,6,.74) 100%);
  opacity:.82;
  transition:opacity .5s ease;
}
.project-media img{
  transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .55s ease;
}
.project:hover .project-media img{
  transform:scale(1.045);
  filter:saturate(1.05) contrast(1.02);
}
.project:hover .project-media::after{opacity:.58}
.project-label,
.project:not(.project-featured) .project-label{
  position:absolute;
  z-index:3;
  left:clamp(16px,2vw,30px);
  right:clamp(16px,2vw,30px);
  bottom:clamp(16px,2vw,30px);
  display:grid;
  grid-template-columns:44px 1fr auto;
  grid-template-areas:'num title link' 'num type link';
  gap:0 16px;
  align-items:center;
  padding:clamp(14px,1.5vw,20px);
  border:1px solid rgba(255,247,248,.22);
  border-radius:12px;
  background:rgba(25,2,10,.72);
  color:var(--light);
  box-shadow:0 14px 42px rgba(12,0,4,.2);
  backdrop-filter:blur(12px);
  transform:translateY(0);
  transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease;
}
.project:hover .project-label{
  transform:translateY(-5px);
  background:rgba(25,2,10,.84);
}
.project-label span{
  grid-area:num;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--pink);
  color:var(--ink);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.project-label h3{
  grid-area:title;
  color:var(--light);
  font-size:clamp(20px,2vw,31px);
}
.project-label p,
.project:not(.project-featured) .project-label p{
  grid-area:type;
  color:rgba(255,247,248,.7);
  margin-top:3px;
}
.project-label b,
.project:not(.project-featured) .project-label b{
  grid-area:link;
  display:block;
  color:var(--light);
  font-size:10px;
  white-space:nowrap;
}
.project-row{
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:clamp(28px,5vw,82px);
  align-items:start;
}
.project-row .project:nth-child(2){
  margin-top:clamp(70px,9vw,140px);
}
.project-row .project:first-child .project-media{aspect-ratio:1.32/1}
.project-row .project:nth-child(2) .project-media{aspect-ratio:1/1}
.project-row .project-media img{object-position:center}
@media(max-width:900px){
  .project-featured{width:100%}
  .project-row{grid-template-columns:1fr;gap:34px}
  .project-row .project:nth-child(2){margin-top:0}
  .project-row .project:first-child .project-media,
  .project-row .project:nth-child(2) .project-media{aspect-ratio:16/10}
}
@media(max-width:560px){
  .projects{gap:34px}
  .project-label,
  .project:not(.project-featured) .project-label{
    left:10px;right:10px;bottom:10px;
    grid-template-columns:36px 1fr auto;
    gap:0 10px;
    padding:11px;
    border-radius:9px;
  }
  .project-label span{width:36px;height:36px}
  .project-label h3{font-size:18px}
  .project-label p{font-size:8px}
  .project-label b,
  .project:not(.project-featured) .project-label b{font-size:0}
  .project-label b::after{content:'↗';font-size:18px}
}

.proof-count span{display:inline-block;min-width:1.08em;text-align:right;font-variant-numeric:tabular-nums}


/* Written client proof carried forward from V1 */
.written-proof{
  margin:clamp(90px,10vw,150px) var(--pad) 0;
  padding-top:clamp(26px,3vw,42px);
  border-top:1px solid rgba(255,247,248,.3);
  overflow:hidden;
}
.written-proof-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:clamp(30px,4vw,56px);
}
.written-proof-head h3{
  max-width:760px;
  margin:0;
  font-size:clamp(34px,4.2vw,68px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.055em;
}
.written-proof-head p{
  flex:0 0 auto;
  margin:0;
  color:rgba(255,247,248,.64);
  font-size:10px;
  line-height:1.55;
  letter-spacing:.14em;
  text-align:right;
  text-transform:uppercase;
}
.review-rail{
  overflow:hidden;
  padding:0 0 8px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.review-track{
  display:flex;
  width:max-content;
  gap:18px;
  animation:review-slide 38s linear infinite;
  will-change:transform;
}
.review-set{display:flex;gap:18px}
.written-review{
  position:relative;
  flex:0 0 clamp(340px,35vw,540px);
  width:clamp(340px,35vw,540px);
  min-height:290px;
  padding:clamp(26px,2.5vw,38px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(48,11,22,.18);
  border-radius:16px;
  background:var(--blush);
  color:var(--ink);
  box-shadow:0 22px 48px rgba(24,0,8,.18);
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s ease;
}
.written-review::before{
  content:'“';
  position:absolute;
  right:22px;
  top:-22px;
  color:rgba(151,0,51,.11);
  font:400 150px/1 'Instrument Serif',serif;
}
.written-review:hover{
  transform:translateY(-7px);
  background:var(--pink);
}
.written-review blockquote{
  position:relative;
  z-index:1;
  margin:0;
  font:400 clamp(24px,2.05vw,34px)/1.17 'Instrument Serif',Georgia,serif;
  letter-spacing:-.025em;
}
.review-author{padding-top:34px;font-size:11px;line-height:1.5}
.review-author strong{display:block;font-size:13px;font-weight:700}
.review-author span{color:rgba(48,11,22,.62)}
.review-rail:hover .review-track,
.review-rail:focus .review-track,
.review-rail:focus-within .review-track{animation-play-state:paused}
@keyframes review-slide{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:800px){
  .written-proof-head{align-items:flex-start;flex-direction:column}
  .written-proof-head p{text-align:left}
  .written-review{flex-basis:82vw;width:82vw;min-height:255px}
  .review-track{animation-duration:34s}
}
@media(prefers-reduced-motion:reduce){
  .review-rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .review-track{animation:none}
  .review-set[aria-hidden="true"]{display:none}
}

/* Softer, darker written-testimonial cards */
.written-review{background:#c9a9b2}
.written-review:hover{background:#d4b5bd}

/* Make the opening value statement clearly readable */
.value-lead{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:clamp(30px,3vw,46px);
  color:var(--light);
  font-size:clamp(28px,3vw,48px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.035em;
}
.value-lead::before{
  content:'';
  flex:0 0 clamp(38px,4vw,66px);
  height:3px;
  background:var(--pink);
}
@media(max-width:560px){
  .value-lead{font-size:clamp(24px,7vw,32px);gap:12px}
  .value-lead::before{height:2px}
}

.value-lead{color:var(--ink)}
.value-lead::before{background:var(--wine)}


.value-lead{font-size:clamp(38px,4.4vw,70px)}
@media(max-width:560px){.value-lead{font-size:clamp(31px,8.5vw,43px)}}


.value-statement h2.reveal{transition-delay:.28s}
@media(prefers-reduced-motion:reduce){.value-statement h2.reveal{transition-delay:0s}}


.value-statement h2.reveal{transition-delay:.5s}


/* Scroll-stacked project showcase */
.work{overflow:clip}
.projects{
  display:block;
  padding-bottom:clamp(40px,7vw,100px);
}
.project-row{display:contents}
.projects .project{
  --stack-top:92px;
  position:sticky;
  top:var(--stack-top);
  width:100%;
  min-height:min(76vh,780px);
  margin:0 0 14vh;
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,247,248,.16);
  border-radius:clamp(16px,1.8vw,28px);
  background:#19050c;
  box-shadow:0 34px 80px rgba(10,0,4,.42);
  isolation:isolate;
}
.projects .project-featured{z-index:1;margin-left:0}
.project-row .project:first-child{--stack-top:108px;z-index:2}
.project-row .project:nth-child(2){--stack-top:124px;z-index:3;margin-top:0;margin-bottom:0}
.projects .project-media,
.project-row .project:first-child .project-media,
.project-row .project:nth-child(2) .project-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  border-radius:inherit;
  box-shadow:none;
}
.projects .project-media::after{
  background:linear-gradient(180deg,rgba(19,0,6,.06) 38%,rgba(19,0,6,.18) 60%,rgba(19,0,6,.88) 100%);
  opacity:1;
}
.projects .project-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
}
.projects .project:hover .project-media img{transform:scale(1.035)}
.project-label,
.project:not(.project-featured) .project-label{
  position:absolute;
  z-index:3;
  left:clamp(24px,3vw,48px);
  right:clamp(24px,3vw,48px);
  bottom:clamp(24px,3vw,46px);
  display:grid;
  grid-template-columns:46px 1fr auto;
  grid-template-areas:'num title link' 'num type link';
  align-items:center;
  gap:1px 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--light);
  box-shadow:none;
  backdrop-filter:none;
  transform:none;
  transition:none;
  text-shadow:0 2px 18px rgba(12,0,4,.58);
}
.project:hover .project-label{transform:none;background:transparent}
.project-label span{
  width:46px;
  height:46px;
  background:var(--pink);
  box-shadow:0 8px 24px rgba(19,0,6,.22);
}
.project-label h3{
  font-size:clamp(27px,3vw,48px);
  line-height:1;
}
.project-label p,
.project:not(.project-featured) .project-label p{
  color:rgba(255,247,248,.78);
  font-size:10px;
}
.project-label b,
.project:not(.project-featured) .project-label b{
  align-self:center;
  padding-bottom:5px;
  border-bottom:1px solid rgba(255,247,248,.75);
  font-size:10px;
}
@media(max-width:900px){
  .projects .project{
    --stack-top:78px;
    min-height:min(68svh,650px);
    margin-bottom:11vh;
  }
  .project-row .project:first-child{--stack-top:88px}
  .project-row .project:nth-child(2){--stack-top:98px;margin-bottom:0}
}
@media(max-width:560px){
  .projects{padding-bottom:15px}
  .projects .project{min-height:62svh;border-radius:16px}
  .project-label,
  .project:not(.project-featured) .project-label{
    left:18px;right:18px;bottom:20px;
    grid-template-columns:38px 1fr auto;
    gap:1px 11px;
    padding:0;
  }
  .project-label span{width:38px;height:38px}
  .project-label h3{font-size:clamp(23px,7vw,31px)}
  .project-label p{font-size:8px}
}

.projects{padding-bottom:28vh}
@media(max-width:900px){.projects{padding-bottom:20vh}}
@media(max-width:560px){.projects{padding-bottom:18vh}}


.projects>.project:nth-child(1){--stack-top:92px;z-index:1}
.projects>.project:nth-child(2){--stack-top:108px;z-index:2}
.projects>.project:nth-child(3){--stack-top:124px;z-index:3;margin-bottom:0}
@media(max-width:900px){.projects>.project:nth-child(1){--stack-top:78px}.projects>.project:nth-child(2){--stack-top:88px}.projects>.project:nth-child(3){--stack-top:98px}}


.project-label,.project:not(.project-featured) .project-label{grid-template-columns:1fr;grid-template-areas:'title' 'type';gap:5px}


/* Vertically composed attention statement */
.attention{min-height:115vh}
.attention-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  text-align:center;
}
.attention-line{
  max-width:900px;
  margin:clamp(42px,5vw,72px) auto 0;
  font-size:clamp(24px,2.8vw,46px);
  line-height:1.12;
}
.attention-before,
.attention-copy>p.attention-before{
  margin:clamp(38px,4vw,62px) 0 0;
  color:rgba(255,247,248,.62);
  font-size:12px;
  line-height:1.8;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .attention{min-height:auto}
  .attention-copy{gap:0;align-items:center}
  .attention h2{justify-content:center}
  .attention-line{max-width:620px}
}
@media(max-width:560px){
  .attention-line{font-size:clamp(23px,7vw,34px);margin-top:42px}
  .attention-before{margin-top:36px;font-size:10px}
}

/* The cost of a missed first impression */
.consequence{
  position:relative;
  z-index:2;
  min-height:78svh;
  padding:clamp(110px,13vw,190px) var(--pad);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#17050b;
  color:var(--light);
}
.consequence::after{
  content:'';
  position:absolute;
  right:-16vw;
  bottom:-38vw;
  width:70vw;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(219,23,89,.18) 0,rgba(219,23,89,.06) 38%,transparent 68%);
  pointer-events:none;
}
.consequence-inner{
  position:relative;
  z-index:1;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  gap:clamp(60px,10vw,170px);
  align-items:end;
}
.consequence h2{
  max-width:1020px;
  margin:0;
  font-size:clamp(54px,7.8vw,126px);
  font-weight:500;
  line-height:.88;
  letter-spacing:-.062em;
}
.consequence h2 em{
  color:var(--pink);
  font-family:'Instrument Serif',serif;
  font-weight:400;
}
.consequence-list{border-top:1px solid rgba(255,247,248,.22)}
.consequence-list p{
  position:relative;
  margin:0;
  padding:22px 0 22px 21px;
  border-bottom:1px solid rgba(255,247,248,.22);
  color:rgba(255,247,248,.72);
  font-size:clamp(15px,1.25vw,20px);
  line-height:1.35;
}
.consequence-list p::before{
  content:'';
  position:absolute;
  left:0;
  top:30px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--pink);
}
.consequence-list p:nth-child(2){transition-delay:.16s}
.consequence-list p:nth-child(3){transition-delay:.32s;color:var(--light)}
@media(max-width:800px){
  .consequence{min-height:auto}
  .consequence-inner{grid-template-columns:1fr;align-items:start}
  .consequence h2{font-size:clamp(52px,12.5vw,90px)}
}
@media(max-width:560px){
  .consequence{padding-top:105px;padding-bottom:105px}
  .consequence-inner{gap:58px}
  .consequence h2{font-size:13vw;line-height:.92}
  .consequence-list p{padding-top:18px;padding-bottom:18px}
  .consequence-list p::before{top:25px}
}

/* Leeroy-inspired editorial direction */
.editorial{
  --ink:#0a0a0a;
  --wine:#171717;
  --crimson:#0a0a0a;
  --raspberry:#aaa9a5;
  --pink:#f5f4ef;
  --blush:#e8e7e2;
  --paper:#f5f4ef;
  --light:#fff;
  --line:rgba(10,10,10,.18);
  position:relative;
  background:#d7d7d3;
  color:#0a0a0a;
  font-family:'Inter',Arial,sans-serif;
}
.editorial::before{
  content:'';
  position:fixed;
  z-index:-2;
  inset:-18vh -12vw;
  background:
    radial-gradient(ellipse at 18% 18%,#fff 0,rgba(255,255,255,.9) 15%,transparent 43%),
    radial-gradient(ellipse at 83% 38%,#a9aaad 0,rgba(190,191,193,.72) 17%,transparent 45%),
    radial-gradient(ellipse at 38% 88%,#f4f3ee 0,rgba(244,243,238,.68) 20%,transparent 50%),
    #d4d4d0;
  filter:blur(18px);
  transform:scale(1.06);
  pointer-events:none;
}
.editorial::after{
  content:'';
  position:fixed;
  z-index:1;
  inset:0;
  background:
    radial-gradient(ellipse at 20% 12%,rgba(255,255,255,.96),transparent 40%),
    radial-gradient(ellipse at 82% 46%,rgba(153,154,157,.8),transparent 46%),
    radial-gradient(ellipse at 38% 92%,rgba(243,242,237,.96),transparent 48%),
    #cececa;
  opacity:0;
  transition:opacity .5s ease;
  pointer-events:none;
}
.editorial.past-hero::after{opacity:1}
.editorial h1,.editorial h2,.editorial h3,
.editorial blockquote{
  font-family:'Newsreader',Georgia,serif;
  font-weight:400;
}
.editorial h1 em,.editorial h2 em,.editorial h3 em{
  font-family:inherit;
  font-style:italic;
  font-weight:300;
}
.editorial .progress{height:2px;background:#111}
.editorial .site-header{
  height:74px;
  color:#0a0a0a;
  background:rgba(245,244,239,.78);
  border-color:rgba(10,10,10,.12);
  backdrop-filter:blur(18px);
}
.editorial .site-header.hero-header,
.editorial .site-header.header-on-dark{
  color:#fff;
  background:linear-gradient(to bottom,rgba(5,5,5,.78),rgba(5,5,5,.18));
  border-color:rgba(255,255,255,.14);
  backdrop-filter:none;
}
.editorial .site-header.header-on-light{
  color:#0a0a0a;
  background:rgba(245,244,239,.82);
  border-color:rgba(10,10,10,.12);
  backdrop-filter:blur(18px);
}
.editorial .site-header nav,
.editorial .header-cta,
.editorial .hero-meta,
.editorial .hero-scroll,
.editorial .label,
.editorial .project-label p,
.editorial .story-caption small,
.editorial .contact-kicker,
.editorial label span,
.editorial button{
  font-family:'Inter',Arial,sans-serif;
}
.editorial .site-header nav{font-size:10px;letter-spacing:.04em}
.editorial .brand-mark{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.055em}
.editorial .brand-word{font-family:'Inter',Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:.2em}

.editorial .hero{height:100svh;background:#050505}
.editorial .hero-film{filter:none}
.editorial .hero-wash{background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 44%),linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.4));mix-blend-mode:multiply}
.editorial .hero-scene{align-items:center;text-align:center}
.editorial .hero-scene strong{font-family:'Newsreader',Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.06em}
.editorial .hero-scene small{font-size:clamp(12px,1.2vw,18px);font-weight:400;letter-spacing:.12em}
.editorial .scene-two strong,.editorial .scene-four strong{color:#fff}

.editorial section.pz-panel:not(.hero){
  --panel-inset:0px;
  --panel-radius:0px;
  width:calc(100% - 24px);
  margin-left:auto;
  margin-right:auto;
  clip-path:inset(0 var(--panel-inset) round var(--panel-radius));
  position:relative;
  z-index:2;
}
.editorial .intro{
  min-height:100svh;
  padding:clamp(120px,14vw,200px) var(--pad) clamp(75px,8vw,120px);
  display:flex;
  align-items:center;
  background:rgba(245,244,239,.96);
  color:#0a0a0a;
  border-radius:22px 22px 0 0;
  box-shadow:0 -24px 70px rgba(0,0,0,.25);
}
.editorial .intro-grid{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(66px,9vh,110px);
  margin:0;
  text-align:center;
}
.editorial .intro h1{
  max-width:1120px;
  margin:0 auto;
  font-size:clamp(66px,8.5vw,138px);
  line-height:.82;
  letter-spacing:-.064em;
}
.editorial .intro h1 em{color:#0a0a0a}
.editorial .intro-aside{
  width:min(430px,100%);
  margin:0 auto;
  padding:0;
  border:0;
  text-align:center;
}
.editorial .intro-aside p{font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.04em}
.editorial .intro .text-link,.editorial .page-cta .page-button{
  width:max-content;
  margin:25px auto 0;
  padding:9px 12px;
  border:1px solid #0a0a0a;
  border-radius:2px;
  font-size:9px;
}

.editorial .proof{
  width:min(1180px,calc(100% - 48px));
  margin-top:26px;
  margin-bottom:26px;
  padding:clamp(100px,10vw,150px) clamp(28px,5vw,76px) 0;
  border-radius:18px;
  background:#090909;
  color:#fff;
}
.editorial .proof-count{color:#fff;font-family:'Newsreader',Georgia,serif;font-weight:300}
.editorial .proof-copy .label{color:rgba(255,255,255,.5);font-size:9px}
.editorial .proof-copy h2{font-size:clamp(58px,7vw,108px);font-weight:400}
.editorial .proof-copy h2 em{font-weight:300}
.editorial .proof-ribbon{background:#f5f4ef;color:#0a0a0a;padding:11px 0}

.editorial .value{
  min-height:96svh;
  background:rgba(245,244,239,.97);
  color:#0a0a0a;
}
.editorial .value-grid{align-items:center}
.editorial .value-lead,.editorial .value h2 em,.editorial .value-marker b{color:#0a0a0a}
.editorial .value-lead{font-family:'Inter',Arial,sans-serif;font-size:clamp(18px,1.8vw,28px);font-weight:400}
.editorial .value h2{font-size:clamp(62px,7.7vw,120px);font-weight:400;line-height:.86}
.editorial .value .button-dark{background:#0a0a0a;color:#fff;border:1px solid #0a0a0a}
.editorial .value .button-dark:hover{background:transparent;color:#0a0a0a}

.editorial .attention{
  width:min(1180px,calc(100% - 48px));
  min-height:100svh;
  margin-top:26px;
  margin-bottom:26px;
  border-radius:18px;
  background:#090909;
  color:#fff;
}
.editorial .attention h2,.editorial .attention-line em{color:#fff}
.editorial .attention h2 span{font-family:'Newsreader',Georgia,serif;font-weight:300}
.editorial .attention-line{font-family:'Newsreader',Georgia,serif;font-size:clamp(30px,3.6vw,56px)}
.editorial .attention-pulse{opacity:.1}
.editorial .attention-pulse i{border-color:#fff}

.editorial .work{
  padding-top:clamp(120px,14vw,210px);
  background:rgba(232,231,226,.97);
  color:#0a0a0a;
}
.editorial .work-heading{display:block;text-align:center;margin:0 auto clamp(80px,10vw,150px)}
.editorial .work-heading h2{font-size:clamp(68px,9vw,140px);font-weight:400;line-height:.82}
.editorial .work-heading h2 em{color:#0a0a0a}
.editorial .projects{max-width:1180px;margin:0 auto}
.editorial .projects .project{border-radius:14px;background:#0a0a0a;box-shadow:0 28px 70px rgba(0,0,0,.2)}
.editorial .projects .project-media img{filter:grayscale(1) contrast(1.02);transition:filter .65s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.editorial .projects .project:hover .project-media img{filter:grayscale(.05) contrast(1)}
.editorial .project-label h3{font-family:'Newsreader',Georgia,serif;font-weight:400}

.editorial .stories{
  width:min(1180px,calc(100% - 48px));
  margin-top:26px;
  margin-bottom:26px;
  border-radius:18px;
  background:#090909;
  color:#fff;
}
.editorial .stories h2{font-size:clamp(58px,7.2vw,112px);font-weight:400}
.editorial .stories h2 em{color:#fff}
.editorial .story-card{border-radius:10px;background:#151515;border:1px solid rgba(255,255,255,.16)}
.editorial .story-card video{filter:grayscale(1) contrast(1.04)}
.editorial .story-card:hover video,.editorial .story-card.playing video{filter:grayscale(.08) contrast(1)}
.editorial .written-review{background:#1a1a1a;color:#fff;border-color:rgba(255,255,255,.16);box-shadow:none}
.editorial .written-review:hover{background:#282828}
.editorial .written-review::before{color:rgba(255,255,255,.07)}
.editorial .review-author span{color:rgba(255,255,255,.58)}

.editorial .consequence{
  min-height:96svh;
  background:rgba(245,244,239,.97);
  color:#0a0a0a;
}
.editorial .consequence::after{background:radial-gradient(circle,rgba(0,0,0,.08),transparent 68%)}
.editorial .consequence h2{font-size:clamp(62px,8.3vw,132px);font-weight:400}
.editorial .consequence h2 em{color:#0a0a0a}
.editorial .consequence-list,.editorial .consequence-list p{border-color:rgba(10,10,10,.22)}
.editorial .consequence-list p{color:rgba(10,10,10,.62)}
.editorial .consequence-list p::before{background:#0a0a0a}
.editorial .consequence-list p:nth-child(3){color:#0a0a0a}

.editorial .contact{
  min-height:100svh;
  background:#fff;
  color:#0a0a0a;
}
.editorial .contact h2{font-size:clamp(72px,10.5vw,168px);font-weight:400;line-height:.78}
.editorial .contact h2 em{color:#0a0a0a}
.editorial .contact::before{border-color:rgba(10,10,10,.12);box-shadow:0 0 0 8vw rgba(10,10,10,.025),0 0 0 16vw rgba(10,10,10,.014)}
.editorial .contact form button{background:#0a0a0a;color:#fff}
.editorial footer{width:calc(100% - 24px);margin:0 auto 12px;border-radius:0 0 18px 18px;background:#090909;color:#fff}
.editorial footer{position:relative;z-index:2}

@media(max-width:900px){
  .editorial section.pz-panel:not(.hero){width:calc(100% - 12px)}
  .editorial .proof,.editorial .attention,.editorial .stories{width:calc(100% - 20px)}
  .editorial .intro h1{font-size:clamp(58px,12vw,96px)}
  .editorial .site-header.open,.editorial .site-header.open.hero-header,.editorial .site-header nav{background:#090909;color:#fff}
}
@media(max-width:560px){
  .editorial .site-header{height:68px}
  .editorial .hero-scene{padding-left:20px;padding-right:20px}
  .editorial .hero-scene strong{max-width:100%;font-size:15vw;line-height:.84;letter-spacing:-.055em;white-space:nowrap}
  .editorial .intro{padding-top:120px}
  .editorial .intro-grid{gap:70px}
  .editorial .intro h1{font-size:15.2vw;line-height:.88}
  .editorial .intro-aside p{font-size:10px}
  .editorial .proof,.editorial .attention,.editorial .stories{width:calc(100% - 12px);border-radius:12px}
  .editorial .value h2,.editorial .work-heading h2,.editorial .stories h2,.editorial .consequence h2{font-size:14vw;line-height:.9}
  .editorial .contact h2{font-size:15vw}
  .editorial footer{width:calc(100% - 12px);margin-bottom:6px;border-radius:0 0 12px 12px}
}
@media(prefers-reduced-motion:reduce){
  .editorial section.pz-panel:not(.hero){clip-path:none!important}
}

/* Precisely centred countdown composition */
.editorial .attention{padding-top:clamp(92px,10vw,145px);padding-bottom:clamp(92px,10vw,145px)}
.editorial .attention-copy{
  width:min(100%,1040px);
  min-height:72svh;
  margin:0 auto;
  padding:clamp(35px,5vw,70px) clamp(18px,4vw,58px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.editorial .attention h2{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,1.5vw,20px);
}
.editorial .attention h2 span{
  display:block;
  width:1em;
  padding:0;
  font-size:clamp(240px,31vw,465px);
  line-height:.58;
  letter-spacing:0;
  text-align:center;
}
.editorial .attention h2 small{
  margin:0;
  padding-left:.24em;
  font-size:clamp(12px,1.15vw,17px);
  font-weight:500;
  line-height:1;
  letter-spacing:.24em;
  text-indent:0;
}
.editorial .attention-line{
  width:100%;
  max-width:820px;
  margin:clamp(52px,5vw,74px) auto 0;
  font-size:clamp(34px,3.5vw,55px);
  line-height:1.02;
  text-wrap:balance;
}
.editorial .attention-before,
.editorial .attention-copy>p.attention-before{
  width:100%;
  max-width:760px;
  margin:clamp(48px,4.5vw,68px) auto 0;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.56);
  font-size:9px;
  line-height:1.35;
  letter-spacing:.11em;
}
.editorial .attention-before span{padding:0 clamp(14px,2vw,28px)}
.editorial .attention-before span+span{border-left:1px solid rgba(255,255,255,.2)}
@media(max-width:700px){
  .editorial .attention{padding-left:20px;padding-right:20px}
  .editorial .attention-copy{min-height:78svh;padding-left:0;padding-right:0}
  .editorial .attention h2 span{font-size:clamp(190px,61vw,260px);line-height:.62}
  .editorial .attention-line{max-width:340px;margin-top:52px;font-size:clamp(30px,8.6vw,40px)}
  .editorial .attention-before,
  .editorial .attention-copy>p.attention-before{
    max-width:310px;
    padding-top:16px;
    flex-direction:column;
    gap:0;
  }
  .editorial .attention-before span{width:100%;padding:10px 0}
  .editorial .attention-before span+span{border:0}
}

/* Powder-blue ambient gradients sampled from the supplied palette */
.editorial{
  --ice:#c9d9f3;
  --snow:#f8fafd;
  --mist:#e7eef8;
  background:#dce5f2;
}
.editorial::before{
  background:
    radial-gradient(ellipse at 12% 10%,#fff 0,rgba(255,255,255,.96) 16%,transparent 46%),
    radial-gradient(ellipse at 88% 28%,#c9d9f3 0,rgba(201,217,243,.72) 22%,transparent 51%),
    radial-gradient(ellipse at 25% 88%,#f8fafd 0,rgba(248,250,253,.82) 22%,transparent 53%),
    linear-gradient(145deg,#eef3fa 0,#cbd9ed 100%);
}
.editorial::after{
  background:
    radial-gradient(ellipse at 14% 14%,rgba(255,255,255,.98) 0,rgba(248,250,253,.82) 24%,transparent 48%),
    radial-gradient(ellipse at 88% 42%,rgba(201,217,243,.96) 0,rgba(201,217,243,.62) 22%,transparent 51%),
    radial-gradient(ellipse at 30% 94%,rgba(248,250,253,.94) 0,rgba(231,238,248,.7) 24%,transparent 54%),
    linear-gradient(145deg,#eef3fa,#cbd9ed);
}
.editorial .intro{
  background:
    radial-gradient(ellipse at 82% 78%,rgba(201,217,243,.62),transparent 44%),
    radial-gradient(ellipse at 8% 4%,#fff,transparent 45%),
    linear-gradient(145deg,#f8fafd 0,#edf3fb 56%,#d8e4f5 100%);
}
.editorial .value{
  background:
    radial-gradient(ellipse at 88% 20%,rgba(201,217,243,.7),transparent 42%),
    linear-gradient(135deg,#f8fafd 0,#f1f5fa 62%,#dce7f6 100%);
}
.editorial .work{
  background:
    radial-gradient(ellipse at 15% 12%,rgba(255,255,255,.95),transparent 40%),
    radial-gradient(ellipse at 90% 48%,rgba(201,217,243,.78),transparent 46%),
    linear-gradient(155deg,#eef3fa 0,#d6e2f3 100%);
}
.editorial .consequence{
  background:
    radial-gradient(ellipse at 84% 25%,rgba(201,217,243,.72),transparent 43%),
    radial-gradient(ellipse at 12% 88%,#fff,transparent 48%),
    linear-gradient(140deg,#f8fafd 0,#e5edf8 100%);
}
.editorial .contact{
  background:
    radial-gradient(ellipse at 92% 5%,rgba(201,217,243,.74),transparent 38%),
    linear-gradient(145deg,#fff 0,#f8fafd 58%,#e5edf8 100%);
}
.editorial .proof{
  background:radial-gradient(ellipse at 82% 22%,rgba(201,217,243,.14),transparent 42%),#090909;
}
.editorial .attention{
  background:radial-gradient(circle at 50% 48%,rgba(201,217,243,.105),transparent 39%),#090909;
}
.editorial .attention-pulse i{border-color:rgba(201,217,243,.78)}
.editorial .stories{
  background:radial-gradient(ellipse at 15% 4%,rgba(201,217,243,.11),transparent 38%),#090909;
}

/* Smaller, quieter gradient objects */
.editorial::before{
  background:
    radial-gradient(circle at 88% 20%,rgba(201,217,243,.72) 0,rgba(201,217,243,.28) 7%,transparent 19%),
    radial-gradient(circle at 14% 84%,rgba(255,255,255,.92) 0,rgba(255,255,255,.38) 8%,transparent 20%),
    #e4e9f0;
}
.editorial::after{
  background:
    radial-gradient(circle at 90% 28%,rgba(201,217,243,.7) 0,rgba(201,217,243,.24) 7%,transparent 19%),
    radial-gradient(circle at 12% 84%,rgba(255,255,255,.9) 0,rgba(255,255,255,.34) 8%,transparent 19%),
    #e4e9f0;
}
.editorial .intro{
  background:radial-gradient(circle at 88% 78%,rgba(201,217,243,.7) 0,rgba(201,217,243,.25) 7%,transparent 20%),#f8fafd;
}
.editorial .value{
  background:radial-gradient(circle at 91% 17%,rgba(201,217,243,.66) 0,rgba(201,217,243,.22) 7%,transparent 18%),#f8fafd;
}
.editorial .work{
  background:radial-gradient(circle at 93% 34%,rgba(201,217,243,.66) 0,rgba(201,217,243,.22) 7%,transparent 19%),#eef3fa;
}
.editorial .consequence{
  background:radial-gradient(circle at 86% 22%,rgba(201,217,243,.66) 0,rgba(201,217,243,.22) 7%,transparent 19%),#f8fafd;
}
.editorial .contact{
  background:radial-gradient(circle at 94% 6%,rgba(201,217,243,.68) 0,rgba(201,217,243,.23) 7%,transparent 18%),#fff;
}
.editorial .proof{background:radial-gradient(circle at 86% 18%,rgba(201,217,243,.11) 0,transparent 18%),#090909}
.editorial .attention{background:radial-gradient(circle at 50% 47%,rgba(201,217,243,.07) 0,transparent 22%),#090909}
.editorial .stories{background:radial-gradient(circle at 10% 4%,rgba(201,217,243,.09) 0,transparent 17%),#090909}

/* A richer field of compact light objects */
.editorial::before{
  background:
    radial-gradient(circle at 88% 16%,rgba(201,217,243,.7) 0,rgba(201,217,243,.24) 7%,transparent 18%),
    radial-gradient(circle at 18% 37%,rgba(193,211,240,.5) 0,rgba(201,217,243,.16) 6%,transparent 15%),
    radial-gradient(circle at 76% 72%,rgba(201,217,243,.56) 0,rgba(201,217,243,.17) 6%,transparent 16%),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.92) 0,rgba(255,255,255,.36) 8%,transparent 19%),
    #e4e9f0;
}
.editorial::after{
  background:
    radial-gradient(circle at 91% 24%,rgba(201,217,243,.68) 0,rgba(201,217,243,.22) 7%,transparent 18%),
    radial-gradient(circle at 16% 46%,rgba(193,211,240,.46) 0,rgba(201,217,243,.14) 6%,transparent 15%),
    radial-gradient(circle at 73% 82%,rgba(201,217,243,.52) 0,rgba(201,217,243,.16) 6%,transparent 16%),
    radial-gradient(circle at 9% 88%,rgba(255,255,255,.9) 0,rgba(255,255,255,.32) 8%,transparent 18%),
    #e4e9f0;
}
.editorial .intro{
  background:
    radial-gradient(circle at 88% 78%,rgba(201,217,243,.68) 0,rgba(201,217,243,.23) 7%,transparent 19%),
    radial-gradient(circle at 12% 18%,rgba(201,217,243,.42) 0,rgba(201,217,243,.12) 5%,transparent 13%),
    radial-gradient(circle at 54% 104%,rgba(201,217,243,.4) 0,rgba(201,217,243,.1) 5%,transparent 14%),
    #f8fafd;
}
.editorial .value{
  background:
    radial-gradient(circle at 91% 17%,rgba(201,217,243,.64) 0,rgba(201,217,243,.21) 7%,transparent 18%),
    radial-gradient(circle at 15% 82%,rgba(201,217,243,.44) 0,rgba(201,217,243,.12) 5%,transparent 14%),
    radial-gradient(circle at 48% -4%,rgba(201,217,243,.34) 0,transparent 13%),
    #f8fafd;
}
.editorial .work{
  background:
    radial-gradient(circle at 93% 28%,rgba(201,217,243,.64) 0,rgba(201,217,243,.21) 7%,transparent 18%),
    radial-gradient(circle at 8% 54%,rgba(201,217,243,.42) 0,rgba(201,217,243,.11) 5%,transparent 13%),
    radial-gradient(circle at 62% 96%,rgba(201,217,243,.46) 0,rgba(201,217,243,.12) 5%,transparent 14%),
    #eef3fa;
}
.editorial .consequence{
  background:
    radial-gradient(circle at 86% 22%,rgba(201,217,243,.64) 0,rgba(201,217,243,.21) 7%,transparent 18%),
    radial-gradient(circle at 9% 76%,rgba(201,217,243,.44) 0,rgba(201,217,243,.12) 5%,transparent 14%),
    radial-gradient(circle at 54% 104%,rgba(201,217,243,.36) 0,transparent 13%),
    #f8fafd;
}
.editorial .contact{
  background:
    radial-gradient(circle at 94% 6%,rgba(201,217,243,.66) 0,rgba(201,217,243,.22) 7%,transparent 18%),
    radial-gradient(circle at 14% 76%,rgba(201,217,243,.4) 0,rgba(201,217,243,.1) 5%,transparent 13%),
    radial-gradient(circle at 66% 102%,rgba(201,217,243,.38) 0,transparent 13%),
    #fff;
}
.editorial .proof{
  background:
    radial-gradient(circle at 86% 18%,rgba(201,217,243,.11) 0,transparent 17%),
    radial-gradient(circle at 12% 84%,rgba(201,217,243,.075) 0,transparent 14%),
    #090909;
}

/* Breathing space between editorial pages */
.editorial::before,
.editorial::after{background-color:#f8fafd}
.editorial section.pz-panel:not(.hero):not(.intro){
  margin-top:clamp(14px,1.5vw,24px);
  margin-bottom:clamp(14px,1.5vw,24px);
  border-radius:clamp(12px,1.2vw,18px);
}
.editorial .intro{margin-bottom:clamp(14px,1.5vw,24px)}
.editorial .contact{margin-bottom:clamp(14px,1.5vw,24px)}
.editorial footer{margin-top:0}
@media(max-width:560px){
  .editorial section.pz-panel:not(.hero):not(.intro){margin-top:8px;margin-bottom:8px;border-radius:11px}
  .editorial .intro{margin-bottom:8px}
  .editorial .contact{margin-bottom:8px}
}

.editorial .slider-nav button{border-radius:3px}
.editorial .proof{padding-top:calc(clamp(100px,10vw,150px) + 100px)}
.editorial .intro .text-link,.editorial .page-cta .page-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  line-height:1;
}
.editorial .intro .text-link span,.editorial .page-cta .page-button b{
  display:block;
  font-size:14px;
  line-height:1;
  transform:translateY(-1px);
}

.editorial .attention h2{
  position:relative;
  width:max-content;
  display:block;
}
.editorial .attention h2 small{
  position:absolute;
  top:0;
  left:calc(81% + 6px);
  padding:0;
  white-space:nowrap;
  transform:translateX(-2.2em);
}
@media(max-width:700px){
  .editorial .attention h2 small{left:calc(80% + 4px);font-size:10px;transform:translateX(-1.8em)}
}
.editorial .contact form button{border-radius:3px}

/* Give the editorial serif enough vertical room */
.editorial .intro h1{line-height:.89}
.editorial .proof-copy h2{line-height:.96}
.editorial .value h2{line-height:.94}
.editorial .attention-line{line-height:1.1}
.editorial .work-heading h2{line-height:.9}
.editorial .project-label h3{line-height:1.06}
.editorial .stories h2{line-height:.96}
.editorial .written-review blockquote{line-height:1.25}
.editorial .consequence h2{line-height:.94}
.editorial .contact h2{line-height:.86}
@media(max-width:560px){
  .editorial .intro h1{line-height:.93}
  .editorial .value h2,
  .editorial .work-heading h2,
  .editorial .stories h2,
  .editorial .consequence h2{line-height:.96}
  .editorial .contact h2{line-height:.9}
}

/* Sharper work cards and a stronger conversion surface */
.editorial .projects .project{border-radius:7px}
.editorial .projects .project-media{border-radius:inherit}
.editorial .contact form{
  position:relative;
  padding:clamp(26px,3.2vw,46px);
  border:1px solid rgba(10,10,10,.78);
  border-radius:8px;
  background:rgba(255,255,255,.76);
  box-shadow:0 22px 60px rgba(43,63,91,.12);
  backdrop-filter:blur(12px);
}
.editorial .contact form::before{
  display:none;
}
.editorial .contact-kicker{text-align:center}
.editorial .contact h2{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.editorial .intro .text-link,.editorial .page-cta .page-button{
  transition:background .25s,color .25s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;
}
.editorial .intro .text-link span,.editorial .page-cta .page-button b{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.editorial .intro .text-link:hover,.editorial .page-cta .page-button:hover{
  background:#0a0a0a;
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(30,47,70,.15);
}
.editorial .intro .text-link:hover span,.editorial .page-cta .page-button:hover b{transform:translate(2px,1px)}
.editorial .intro .text-link:active,.editorial .page-cta .page-button:active{transform:translateY(-1px)}
.editorial .proof-ribbon{background:#c9d9f3;color:#0a0a0a}
.editorial .story-shade{
  background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent 43%,rgba(12,25,45,.92));
}
.editorial .story-card{background:#080b10}
.editorial .sound-toggle{background:rgba(5,10,18,.52)}
.editorial .consequence-inner{align-items:center}
.editorial .written-review{border-radius:7px}
@media(max-width:560px){.editorial .written-review{border-radius:6px}}

/* Exact live GBL wordmark treatment from gbltechnologies.com */
.editorial .brand{align-items:center;gap:8px}
.editorial .brand-mark{
  font-family:'Instrument Serif','Times New Roman',serif;
  font-size:24px;
  font-weight:500;
  line-height:32px;
  letter-spacing:-.6px;
}
.editorial .brand-word{
  font-family:Roboto,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:15px;
  letter-spacing:2.5px;
  text-transform:none;
}.editorial .projects{
  width:calc(100% + (var(--pad) * 2));
  max-width:none;
  margin-left:calc(var(--pad) * -1);
  margin-right:calc(var(--pad) * -1);
}
.editorial .projects .project{
  --project-inset:0px;
  --project-radius:0px;
  clip-path:inset(0 var(--project-inset) round var(--project-radius));
  will-change:clip-path;
}
.editorial .contact label{transition:border-color .25s,background .25s}
.editorial .contact label:focus-within{
  border-color:#0a0a0a;
  background:rgba(201,217,243,.16);
}
.editorial .contact form button{
  transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s,color .25s,box-shadow .3s;
}
.editorial .contact form button b{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.editorial .contact form button:hover{
  background:#c9d9f3;
  color:#0a0a0a;
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(25,43,68,.18);
}
.editorial .contact form button:hover b{transform:translate(3px,-3px)}
.editorial .contact form button:active{transform:translateY(-1px)}
@media(max-width:560px){
  .editorial .projects .project{border-radius:6px}
  .editorial .contact form{padding:28px 20px 22px;border-radius:7px}
}
.editorial .attention{
  background:
    radial-gradient(circle at 50% 47%,rgba(201,217,243,.07) 0,transparent 21%),
    radial-gradient(circle at 88% 82%,rgba(201,217,243,.055) 0,transparent 13%),
    radial-gradient(circle at 10% 16%,rgba(201,217,243,.045) 0,transparent 12%),
    #090909;
}
.editorial .stories{
  background:
    radial-gradient(circle at 10% 4%,rgba(201,217,243,.09) 0,transparent 16%),
    radial-gradient(circle at 88% 46%,rgba(201,217,243,.065) 0,transparent 14%),
    radial-gradient(circle at 34% 96%,rgba(201,217,243,.05) 0,transparent 12%),
    #090909;
}
/* Point Zero navigation: header and menus share a single surface palette. */
.editorial .site-header{--nav-bg:rgba(245,244,239,.78);--nav-fg:#0a0a0a;--nav-line:rgba(10,10,10,.12);--nav-blur:blur(18px);--nav-hover-fg:#fff;height:84px;grid-template-columns:auto 1fr auto;gap:28px;background:var(--nav-bg);color:var(--nav-fg);border-color:var(--nav-line);backdrop-filter:blur(18px)}
.editorial .site-header.hero-header,.editorial .site-header.header-on-dark{--nav-bg:linear-gradient(to bottom,rgba(5,5,5,.78),rgba(5,5,5,.18));--nav-fg:#fff;--nav-line:rgba(255,255,255,.14);--nav-blur:none;--nav-hover-fg:#0a0a0a;background:var(--nav-bg);color:var(--nav-fg);border-color:var(--nav-line);backdrop-filter:none}
.editorial .site-header.header-on-light{--nav-bg:rgba(245,244,239,.82);--nav-fg:#0a0a0a;--nav-line:rgba(10,10,10,.12);--nav-blur:blur(18px);--nav-hover-fg:#fff;background:var(--nav-bg);color:var(--nav-fg);border-color:var(--nav-line);backdrop-filter:blur(18px)}
.brand .logo{display:block;width:76px;height:54px;object-fit:contain}.brand .logo-light{display:none}.hero-header .brand .logo-dark,.header-on-dark .brand .logo-dark,footer .brand .logo-dark{display:none}.hero-header .brand .logo-light,.header-on-dark .brand .logo-light,footer .brand .logo-light{display:block}.header-on-light .brand .logo-light{display:none}.header-on-light .brand .logo-dark{display:block}footer .brand .logo{width:140px;height:auto}
.editorial .site-header nav{position:static;display:flex;flex-direction:row;justify-self:center;align-items:center;gap:clamp(12px,1.7vw,28px);background:transparent;color:inherit;transform:none;z-index:auto}
.editorial .header-cta{display:block;white-space:nowrap;font-size:10px;border-radius:3px;padding:13px 15px}.editorial .header-cta:hover{background:var(--nav-fg);color:var(--nav-hover-fg)}
.dropdown-toggle{border:0;background:none;color:inherit;padding:16px 0;font-size:inherit;text-transform:uppercase;letter-spacing:inherit;cursor:pointer;display:flex;gap:7px;align-items:center}.dropdown-toggle span{transition:transform .2s}.dropdown-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:100%;left:0;right:0;padding:26px var(--pad) 34px;background:var(--nav-bg);color:var(--nav-fg);border-bottom:1px solid var(--nav-line);backdrop-filter:var(--nav-blur);box-shadow:0 24px 36px rgba(0,0,0,.12);max-height:calc(100svh - 84px);overflow-y:auto;overscroll-behavior:contain}.dropdown-panel[hidden]{display:none!important}
.dropdown-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--nav-line);padding-bottom:19px;margin-bottom:25px}.dropdown-heading>span{font-family:'Newsreader',Georgia,serif;font-size:28px;font-style:italic;text-transform:none;letter-spacing:-.03em}.dropdown-heading>a{font-size:10px}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.service-group h3{font-size:9px;font-weight:500;letter-spacing:.12em;opacity:.55;margin:0 0 15px}.service-group a{display:block;font-size:12px;line-height:1.45;text-transform:none;letter-spacing:0;padding:7px 0}.editorial .dropdown-panel a::after{display:none}.dropdown-panel a:hover{opacity:.65}.case-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.case-menu-grid img{width:100%;height:155px;object-fit:cover;border-radius:4px;display:block;margin-bottom:16px}.case-menu-grid small{display:block;font-size:9px;opacity:.6;margin-bottom:7px}.case-menu-grid strong{font-family:'Newsreader',Georgia,serif;font-size:26px;font-weight:400;text-transform:none;letter-spacing:-.03em}
.site-header :focus-visible{outline:2px solid currentColor;outline-offset:5px}html{scroll-padding-top:96px}
@media(max-width:900px){
.editorial .site-header{height:76px;grid-template-columns:1fr auto;gap:12px}.editorial .site-header .header-cta{display:none}.editorial .site-header .menu-button{display:block;justify-self:end}.editorial .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px var(--pad) 28px;max-height:calc(100svh - 76px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--nav-line);background:var(--nav-bg);color:var(--nav-fg);flex-direction:column;align-items:stretch;gap:0;z-index:1}.editorial .site-header.open nav{display:flex;transform:none}.editorial .site-header nav>a{padding:16px 0;border-bottom:1px solid var(--nav-line)}.dropdown-toggle{width:100%;justify-content:space-between;border-bottom:1px solid var(--nav-line)}.dropdown-panel{position:static;padding:22px 0;max-height:none;overflow:visible;box-shadow:none;background:transparent}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dropdown-heading>span{font-size:23px}.case-menu-grid{gap:15px}.case-menu-grid img{height:100px}.case-menu-grid strong{font-size:20px}
}
@media(max-width:560px){.services-grid,.case-menu-grid{grid-template-columns:1fr}.case-menu-grid>a{display:grid;grid-template-columns:92px 1fr;column-gap:16px;align-items:center}.case-menu-grid img{grid-row:1/3;height:74px;margin:0}.case-menu-grid small{align-self:end}.case-menu-grid strong{align-self:start}.dropdown-heading{align-items:start}.dropdown-heading>a{max-width:110px;text-align:right;line-height:1.6}.brand .logo{width:65px;height:47px}}

@media(min-width:901px){.editorial .site-header nav{align-self:stretch}.nav-dropdown{display:flex;align-items:center}}

/* Balance the supplied artwork's uneven transparent top/bottom margins. */
.site-header .brand .logo{transform:translateY(4px)}
@media(max-width:560px){.site-header .brand .logo{transform:translateY(3px)}}

/* Blur the page beneath each translucent dropdown surface. */
.editorial .dropdown-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:900px){.editorial .site-header nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.editorial .dropdown-panel{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Keep header blur on its own layer so it does not trap dropdown backdrops. */
.editorial .site-header,.editorial .site-header.hero-header,.editorial .site-header.header-on-dark,.editorial .site-header.header-on-light{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.editorial .site-header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur)}
.editorial .dropdown-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:900px){.editorial .dropdown-panel{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Dark navigation gains blur only while a dropdown is expanded. */
.editorial .site-header:is(.hero-header,.header-on-dark):has(.dropdown-toggle[aria-expanded='true'])::before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:900px){.editorial .site-header:is(.hero-header,.header-on-dark):has(.dropdown-toggle[aria-expanded='true']) nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}

/* A single backdrop eliminates the gradient and blur seam at the menu edge. */
@media(min-width:901px){
.editorial .site-header:has(.dropdown-toggle[aria-expanded='true'])::before{bottom:auto;height:calc(100% + var(--dropdown-height,0px));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.editorial .site-header .dropdown-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.editorial .site-header:has(.dropdown-toggle[aria-expanded='true']){border-bottom-color:transparent}
}

/* Keep each attention phrase on its own line at every screen size. */
.editorial .attention-copy>p.attention-before{flex-direction:column;gap:0}
.editorial .attention-before span{display:block;width:100%;padding:10px 0}
.editorial .attention-before span+span{border:0}