:root{--lab-toolbar-height:0px}
html{scroll-padding-top:32px}
.site-nav{display:flex;justify-content:center;gap:28px;margin:22px auto 0;width:max-content;max-width:100%;font-size:12px;letter-spacing:.08em}
.site-nav a{position:relative;min-height:28px;color:#aaa9a3;transition:color .2s}
.site-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ff4f1f;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-nav a:is(:hover,:focus-visible,[aria-current=page]){color:#f2f2ef}
.site-nav a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}
.motion-preference{display:block;min-height:44px;padding:10px 0;margin:0 0 25px;border:0;background:transparent;font-size:12px;color:#bdbcb6}
.motion-preference:disabled{opacity:.6}.motion-preference[hidden]{display:none}
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--reading,0));transform-origin:left;z-index:19;pointer-events:none}
.site-heading{perspective:800px}
.related-links>a{padding:28px 28px 30px;border:0;isolation:isolate;overflow:hidden;transition:color .25s,background-color .25s,transform .3s}
.related-links>a:before{content:'';position:absolute;inset:0;z-index:-1;background:#ece9df;transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.related-links>a>span{right:20px}.related-links>a:is(:hover,:focus-visible){color:#171715;opacity:1}
.related-links>a:is(:hover,:focus-visible):before{transform:translateY(0)}
.related-links>a:is(:hover,:focus-visible) p{color:#56554f}
.text-link{position:relative}.text-link:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:left;transition:transform .3s,opacity .2s}
.text-link:is(:hover,:focus-visible):after{opacity:1;transform:scaleX(1)}
.lab-static,.lab-static *{scroll-behavior:auto!important}
.lab-static *,.lab-static *:before,.lab-static *:after{animation:none!important;transition:none!important}
.lab-static [data-reveal]{opacity:1!important;transform:none!important}.lab-static .scramble-source{opacity:1!important}
.lab-static::view-transition-old(root),.lab-static::view-transition-new(root){animation:none!important}
@media(max-width:700px){.site-nav{gap:25px;margin-top:18px;font-size:11px}.page-intro{padding-top:170px}.artwork-hero{padding-top:150px}.related-links>a{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}
@media print{.site-nav,.motion-preference,.reading-progress{display:none}}

/* The same ink, warm paper and orange punctuation across the inner pages. */
.site-editorial{--bg:#080808;--fg:#ffe5d5;--muted:#b2a79f;--accent:#fb4e2b;background:var(--bg)}
.site-editorial>header{top:32px;left:7.5%;width:85%;display:flex;justify-content:space-between;align-items:center;text-align:left}
.site-editorial>header .site-nav{margin:0;gap:28px}
.site-editorial>header .site-nav a{color:var(--muted);font-size:12px}
.site-editorial>header .site-nav a[aria-current=page]{color:var(--fg)}
.site-editorial .editorial-intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);column-gap:5%;row-gap:30px;align-items:end;text-align:left;min-height:0;padding:180px 7.5% 90px}
.site-editorial .editorial-intro>.eyebrow{grid-column:1/-1;display:flex;align-items:center;gap:22px;color:var(--muted);font-size:11px;letter-spacing:.16em;margin:0 0 18px;line-height:1.5}
.site-editorial .editorial-intro>.eyebrow:before{content:attr(data-folio);font-family:'Gibira Display',Impact,sans-serif;font-size:35px;color:var(--accent);letter-spacing:-.025em;line-height:1}
.site-editorial .editorial-intro h1{grid-column:1;grid-row:2/5;font-size:clamp(42px,5.5vw,88px);line-height:1.23;letter-spacing:-.055em;font-weight:600;max-width:100%;margin:0;text-wrap:balance}
.site-editorial .intro-emphasis{color:var(--accent)}
.site-editorial[data-page=about] .editorial-intro h1{font-size:clamp(40px,4.8vw,78px)}
.site-editorial .editorial-intro>p:not(.eyebrow){grid-column:2;grid-row:3;max-width:440px;margin:0;font-size:16px;line-height:1.95;color:var(--muted);text-wrap:balance}
.site-editorial .editorial-intro>.text-link{grid-column:2;grid-row:4;justify-self:start;margin:0;font-size:13px;gap:36px;padding-bottom:7px}
.site-editorial .artwork-hero{padding-top:0;background:var(--bg)}
.site-editorial .artwork-hero .hero-copy{margin:0;max-width:100%}
.site-editorial .artwork-hero .hero-copy h1{font-size:clamp(54px,7vw,116px)}
.site-editorial h2{font-weight:600;text-wrap:balance}
.site-editorial main>.split-section{padding-top:90px;padding-bottom:90px;gap:9%;align-items:start}
.site-editorial main>.split-section>h2{font-size:clamp(32px,3.5vw,54px);line-height:1.35}
.site-editorial main>.split-section p{font-size:16px;line-height:1.95}
.site-editorial main>.split-section .lead{font-size:21px;color:var(--fg)}
.site-editorial main>.statement{position:relative;padding:95px 12% 105px;background:var(--bg);color:var(--fg)}
.site-editorial main>.statement h2{font-size:clamp(34px,4vw,62px);line-height:1.35;margin-bottom:30px}
.site-editorial main>.statement p{font-size:16px;max-width:780px;line-height:1.95}
.site-editorial main>.statement .text-link{color:var(--fg);margin-top:32px}
.site-editorial .service-section>h2,.site-editorial .section-heading h2,.site-editorial .related-section>h2{font-size:clamp(30px,3.35vw,50px);line-height:1.35}
.site-editorial .service-section>details::after{display:none}
.site-editorial .eyebrow{color:var(--muted)}
.site-editorial .related-section{padding-block:65px 90px}
.site-editorial .related-section>h2{margin-bottom:32px}
.site-editorial .related-links{gap:6%}
.site-editorial .related-links>a{padding:22px 45px 24px 0;background:transparent;transition:color 180ms ease-out}
.site-editorial .related-links>a:before{display:none}
.site-editorial .related-links>a>span{right:0;top:21px;color:var(--accent);transition:transform 220ms cubic-bezier(.23,1,.32,1)}
.site-editorial .related-links h3{font-size:24px;color:inherit}
.site-editorial .related-links p,.site-editorial .related-links>a:is(:hover,:focus-visible) p{font-size:15px;color:var(--muted)}
.site-editorial .related-links>a:focus-visible{color:var(--accent);opacity:1}
.site-editorial footer{background:var(--bg);padding-top:60px}
.site-editorial .footer-contact,.site-editorial .footer-row p{color:var(--muted)}
.site-editorial .footer-logo-base{opacity:.92}
.site-editorial .case-records .case-read-index{gap:16px;padding-block:16px}
.site-editorial .case-records .case-read-index button{border:0;padding:5px 0;min-height:32px;color:var(--muted);background:none}
.site-editorial .case-records .case-read-index button[aria-pressed=true]{color:var(--accent)}
.site-editorial .case-records .case-read-block{border:0;padding-left:0}
.site-editorial .case-records .case-read-block:before{display:none}
.site-editorial .case-records .case-meta>span:first-child{color:var(--muted)}
.site-editorial #collaboration .milestone{padding-block:28px;gap:6%}
@media(hover:hover) and (pointer:fine){
 .site-editorial .related-links>a:hover{color:var(--accent);opacity:1}
 .site-editorial .related-links>a:hover>span{transform:translate(4px,-4px)}
 .site-editorial .site-nav a:hover{color:var(--fg)}
}
@media(max-width:1050px){
 .site-editorial .editorial-intro{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:24px 5%}
 .site-editorial .editorial-intro h1{font-size:clamp(40px,5.4vw,64px)}
 .site-editorial .editorial-intro>p:not(.eyebrow){font-size:15px}
}
@media(max-width:700px){
 .site-editorial>header{top:26px;left:7%;width:86%;display:block}
 .site-editorial>header .wordmark{display:block;text-align:left}
 .site-editorial>header .site-nav{justify-content:space-between;width:100%;gap:12px;margin-top:22px}
 .site-editorial>header .site-nav a{font-size:11px}
 .site-editorial .editorial-intro{display:block;padding:168px 7% 58px;min-height:0}
 .site-editorial .editorial-intro>.eyebrow{gap:14px;margin-bottom:28px;font-size:10px;letter-spacing:.1em}
 .site-editorial .editorial-intro>.eyebrow:before{font-size:29px}
 .site-editorial .editorial-intro h1{font-size:clamp(32px,9.3vw,52px);line-height:1.3;letter-spacing:-.05em;text-wrap:initial}
 .site-editorial[data-page=about] .editorial-intro h1{font-size:clamp(26px,8.2vw,44px)}
 .site-editorial .artwork-hero .hero-copy h1{font-size:clamp(48px,13vw,72px)}
 .site-editorial .editorial-intro>p:not(.eyebrow){margin-top:28px;font-size:15px}
 .site-editorial .editorial-intro>.text-link{margin-top:23px}
 .site-editorial main>.split-section{padding-block:58px;gap:26px}
 .site-editorial main>.split-section>h2{font-size:32px}
 .site-editorial main>.split-section p{font-size:15px}
 .site-editorial main>.statement{padding:64px 7% 74px}
 .site-editorial main>.statement h2{font-size:32px;margin-bottom:24px}
 .site-editorial main>.statement p{font-size:15px}
 .site-editorial .service-section>h2,.site-editorial .section-heading h2,.site-editorial .related-section>h2{font-size:30px}
 .site-editorial .related-section{padding-block:50px 60px}
 .site-editorial .related-links{gap:18px}
 .site-editorial .related-links h3{font-size:22px}
}
/* Long introductions read directly below the display title. Product taglines retain their compact pairing. */
.site-editorial .page-intro.editorial-intro{grid-template-columns:minmax(0,1fr);row-gap:0;align-items:start;padding-bottom:70px}
.site-editorial .page-intro.editorial-intro>.eyebrow{grid-column:1;grid-row:auto;margin-bottom:32px}
.site-editorial .page-intro.editorial-intro h1{grid-column:1;grid-row:auto;margin:0;max-width:100%}
.site-editorial .page-intro.editorial-intro>p:not(.eyebrow){grid-column:1;grid-row:auto;width:100%;max-width:42em;margin:28px 0 0;font-size:17px;line-height:1.8;text-align:left;text-wrap:pretty;line-break:strict}
.site-editorial .page-intro.editorial-intro>.text-link{grid-column:1;grid-row:auto;margin-top:22px}
.site-editorial .case-intro{grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;padding-bottom:70px}
.site-editorial .case-intro>div{min-width:0}
.site-editorial .case-intro p:not(.eyebrow){max-width:42em;font-size:17px;line-height:1.8;text-align:left;text-wrap:pretty;line-break:strict}
.site-editorial .case-intro .text-link{margin-top:22px}
.site-editorial[data-page^=service-] .page-intro.editorial-intro>p:not(.eyebrow),.site-editorial .case-intro p:not(.eyebrow){max-width:30em}
@media(max-width:700px){
 .site-editorial .page-intro.editorial-intro,.site-editorial .case-intro{padding-bottom:44px}
 .site-editorial .page-intro.editorial-intro>.eyebrow{margin-bottom:24px}
 .site-editorial .page-intro.editorial-intro>p:not(.eyebrow){margin-top:22px;font-size:15px}
 .site-editorial .case-intro{gap:22px}
 .site-editorial .case-intro p:not(.eyebrow){font-size:15px}
}
html:has(.site-editorial)::view-transition-old(root){animation:editorial-page-out 180ms ease-out both}
html:has(.site-editorial)::view-transition-new(root){animation:editorial-page-in 280ms cubic-bezier(.23,1,.32,1) both}
@keyframes editorial-page-out{to{opacity:0}}
@keyframes editorial-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html:has(.site-editorial)::view-transition-old(root),html:has(.site-editorial)::view-transition-new(root){animation:none}}