:root{--ink:#191a18;--paper:#f2efe7;--red:#ef3b2d;--amber:#e6aa17;--slate:#586176;--pad:clamp(1.25rem,3.4vw,4rem);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.header{height:92px;padding:17px var(--pad);display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(25,26,24,.45);position:relative;z-index:20;background:var(--paper)}.logo{display:flex;flex-direction:column;line-height:.82;letter-spacing:-.045em}.logo span{font-size:.7rem;letter-spacing:.1em}.logo b{font-size:1.55rem}.header nav{display:flex;gap:clamp(1.25rem,3.2vw,3.5rem);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.header nav a{position:relative;padding-bottom:.45rem}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .25s}.header nav a:hover:after,.header nav a.active:after{width:100%}.menu{display:none;background:transparent;border:0;color:inherit;text-transform:uppercase;letter-spacing:.1em}.section-tag{margin:0;font-size:.74rem;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.home-hero,.page-hero{position:relative;min-height:calc(100svh - 92px);padding:clamp(2rem,4vw,4.5rem) var(--pad);overflow:hidden;display:flex;flex-direction:column}.home-hero h1,.page-hero h1,.contact-page h1{position:relative;z-index:2;margin:auto 0;font-size:clamp(4.4rem,12.2vw,12.3rem);line-height:.76;letter-spacing:-.075em;font-weight:500}.home-hero h1 span{color:var(--red)}h1 i,.footer-call i{font-family:Georgia,serif;font-weight:400;text-transform:none}.hero-kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.hero-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}.hero-foot>p{margin:0;width:min(470px,60%);font-size:clamp(1.15rem,1.7vw,1.7rem);letter-spacing:-.025em;line-height:1.12}.round-link{width:150px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;transition:.25s}.round-link span{font-size:1.5rem;margin-top:.55rem}.round-link:hover{background:var(--ink);color:var(--paper);transform:rotate(-4deg)}.energy{position:absolute;filter:blur(12px);opacity:.94;pointer-events:none}.energy-a{width:28vw;height:75vh;right:12%;top:8%;background:radial-gradient(ellipse at 50% 70%,#ff6a21 0 8%,#ef2355 16%,#038799 36%,#082d2f 58%,transparent 72%);transform:skew(-9deg) rotate(5deg)}.energy-b{width:46vw;height:50vh;right:-8%;bottom:0;background:radial-gradient(ellipse at 30% 90%,#ff7c1c,#ef3b2d 18%,#123e47 48%,transparent 70%)}.energy-c{width:38vw;height:70vh;right:2%;top:12%;background:radial-gradient(ellipse at 50% 65%,#ffc21c,#f13b2d 17%,#09818e 43%,#102f31 60%,transparent 72%);transform:rotate(-8deg)}.energy-d{width:55vw;height:80vh;right:-10%;bottom:-12%;background:radial-gradient(ellipse,#f4bf28,#ec3c31 20%,#14818c 45%,#101c1c 68%,transparent 72%)}.scribble{position:absolute;font-family:Georgia,serif;font-style:italic;z-index:3}.scribble-a{right:4%;top:20%;font-size:8rem;transform:rotate(-25deg);color:var(--red)}.manifesto{min-height:84vh;padding:5rem var(--pad);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-content:center}.manifesto .statement{grid-column:2;margin:0 0 2rem}.manifesto .text-link{grid-column:2}.statement{font-size:clamp(2.6rem,6vw,6rem);line-height:.98;letter-spacing:-.055em}.statement-small{font-size:clamp(2rem,4.3vw,4.4rem)}.text-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:.6rem;width:max-content}.text-link span{padding-left:1rem}.home-services,.home-work{padding:5rem var(--pad) 7rem}.section-top{display:flex;justify-content:space-between;margin-bottom:4rem}.phase-row{display:grid;grid-template-columns:8% 38% 1fr;padding:1.2rem 0;border-top:1px solid}.phase-row:last-child{border-bottom:1px solid}.phase-row span{font-size:.75rem}.phase-row b{font-size:clamp(3rem,7vw,7rem);line-height:.8;letter-spacing:-.065em;text-transform:uppercase}.phase-row i{align-self:center;font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.8rem)}.home-work{background:#d9a81d}.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--pad);margin-top:3rem}.project-art{position:relative;overflow:hidden;min-height:420px}.project-art span{position:absolute;top:1rem;left:1rem;font-size:.72rem;z-index:2}.project h3,.portfolio-item h2{font-size:clamp(1.6rem,2.8vw,3rem);margin:1rem 0 .2rem;letter-spacing:-.04em}.project p,.portfolio-item p{margin:0}.gradient-one{background:radial-gradient(circle at 65% 55%,#f5bf22 0 5%,#ef3b2d 14%,#6b2546 28%,#172f35 48%,#0d1111 70%)}.gradient-two{background:repeating-radial-gradient(circle at 50% 110%,#ff5b2d 0 12px,#27363a 14px 35px,#83919c 37px 55px,#171b1a 57px 75px)}.gradient-three{background:radial-gradient(ellipse at 20% 90%,#ffb513,#ed3c30 16%,#70354e 28%,#18454a 48%,#101414 68%)}.gradient-four{background:linear-gradient(115deg,#191a18 10%,#5a6174 10% 30%,#f1eee7 30% 50%,#e4a918 50% 70%,#ef3b2d 70%)}footer{padding:clamp(3rem,7vw,7rem) var(--pad) 1.2rem;background:var(--ink);color:var(--paper)}.footer-call{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(2.6rem,7.6vw,8rem);line-height:.86;letter-spacing:-.06em;border-bottom:1px solid;padding-bottom:2.5rem}.footer-call span{font-size:.5em}footer>div{display:flex;justify-content:space-between;padding-top:1rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.09em}
.page-hero .section-tag{position:relative;z-index:3}.studio-hero h1,.services-hero h1,.work-hero h1{margin:auto 0}.editorial-copy{padding:7rem var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:3rem}.editorial-copy>div>p:last-child{font-size:1.15rem;line-height:1.5;width:min(650px,100%)}.people{padding:0 var(--pad) 8rem;display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}.people article:nth-child(2){margin-top:11rem}.portrait{height:62vh;min-height:450px;display:grid;place-items:center;position:relative;overflow:hidden}.portrait span{font-size:clamp(5rem,12vw,12rem);font-weight:900;letter-spacing:-.08em;mix-blend-mode:overlay}.portrait-one{background:linear-gradient(135deg,#161717,#536173)}.portrait-two{background:linear-gradient(145deg,#e8aa18,#ef3b2d)}.person-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid}.person-title h2{font-size:2.2rem;margin:1rem 0 .7rem}.person-title p{font-size:.75rem;text-transform:uppercase}.people article>p{max-width:500px;line-height:1.5}.hand-note{min-height:65vh;background:#536073;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center}.hand-note span{font-size:clamp(1.5rem,3vw,3rem);text-transform:uppercase}.hand-note strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(4rem,10vw,10rem);line-height:.9}.hand-note div{font-size:5rem;color:#f0b71d}.services-hero .hero-side{position:absolute;z-index:3;right:var(--pad);bottom:3rem;font-family:Georgia,serif;font-style:italic;font-size:1.5rem}.services-intro{padding:clamp(4rem,8vw,8rem) var(--pad);display:grid;grid-template-columns:3fr 1fr;gap:5rem;background:var(--ink);color:var(--paper)}.services-intro>p{margin:0;font-size:clamp(1.5rem,3vw,3.1rem);line-height:1.13;letter-spacing:-.035em}.services-intro strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:1.5rem;align-self:end}.service-phase{min-height:96vh;padding:3rem var(--pad);display:grid;grid-template-columns:40% 60%;align-content:center;position:relative;overflow:hidden}.phase-spark{background:#e5aa18}.phase-shape{background:#f0eee7}.phase-produce{background:#566075;color:#f3efe7}.phase-deliver{background:#ee3c2e;color:#171817}.phase-head span{font-size:.75rem}.phase-head h2{font-size:clamp(4.5rem,10vw,10rem);line-height:.8;letter-spacing:-.07em;text-transform:uppercase;margin:1rem 0}.phase-head p{font-family:Georgia,serif;font-style:italic;font-size:1.4rem}.service-phase ul{list-style:none;margin:0;padding:0;border-top:1px solid}.service-phase li{font-size:clamp(1.1rem,1.8vw,1.7rem);padding:.75rem 0;border-bottom:1px solid}.final-mark{position:absolute;right:-2rem;bottom:-2.5rem;font-family:Georgia,serif;font-style:italic;font-size:clamp(7rem,20vw,20rem);opacity:.16;transform:rotate(-9deg)}.work-hero{background:#191a18;color:#f2efe7}.scribble-b{right:8%;bottom:8%;font-size:16rem;color:#e9aa17;transform:rotate(13deg)}.portfolio{padding:var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:7rem var(--pad)}.portfolio-item.wide{grid-column:1/-1}.portfolio-item.wide .project-art{min-height:75vh}.portfolio-item .project-art b{position:absolute;bottom:1rem;right:1rem;color:#f3efe7;font-size:.72rem;letter-spacing:.12em}.contact-body{background:#171817;color:#f2efe7}.header-dark{background:#171817;color:#f2efe7;border-color:#777}.contact-page{min-height:calc(100svh - 92px);position:relative;overflow:hidden;padding:3rem var(--pad);display:flex;flex-direction:column}.contact-page h1{z-index:2;margin:auto 0}.contact-details{z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;align-items:end}.contact-details p{max-width:360px;line-height:1.45}.contact-details>a{font-size:clamp(1rem,1.8vw,1.6rem);border-bottom:1px solid;padding-bottom:.7rem}.contact-details>a span{float:right}.contact-details>div{display:flex;justify-content:flex-end;gap:2rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.footer-dark{padding-top:1rem;border-top:1px solid #777}
@media(max-width:760px){.header{height:74px;align-items:flex-start}.logo b{font-size:1.3rem}.menu{display:block}.header nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);color:var(--ink);padding:2rem var(--pad);flex-direction:column;border-bottom:1px solid;font-size:1rem}.header nav.open{display:flex}.header-dark nav{background:#171817;color:#f2efe7}.home-hero,.page-hero{min-height:calc(100svh - 74px)}.home-hero h1,.page-hero h1,.contact-page h1{font-size:clamp(4rem,18vw,7rem)}.energy-a,.energy-b,.energy-c,.energy-d{width:75vw;right:-25%;opacity:.7}.hero-foot{align-items:flex-end}.hero-foot>p{width:64%;font-size:1rem}.round-link{width:105px}.scribble-a{font-size:5rem}.manifesto{grid-template-columns:1fr;min-height:72vh}.manifesto .statement,.manifesto .text-link{grid-column:1}.statement{font-size:2.7rem}.section-top{align-items:flex-start;gap:2rem}.phase-row{grid-template-columns:12% 1fr}.phase-row i{grid-column:2}.work-grid{grid-template-columns:1fr}.project-art{min-height:330px}.footer-call{font-size:2.6rem;gap:1rem}.editorial-copy{grid-template-columns:1fr;padding-block:5rem}.people{grid-template-columns:1fr}.people article:nth-child(2){margin-top:2rem}.portrait{height:55vh}.person-title{display:block}.person-title p{margin-top:0}.hand-note strong{font-size:4rem}.services-intro{grid-template-columns:1fr;gap:3rem}.service-phase{grid-template-columns:1fr;min-height:90vh;gap:3rem}.phase-head h2{font-size:4.5rem}.portfolio{grid-template-columns:1fr;gap:4rem}.portfolio-item.wide{grid-column:auto}.portfolio-item.wide .project-art{min-height:420px}.contact-details{grid-template-columns:1fr;gap:1.5rem}.contact-details>div{justify-content:flex-start}footer>div{gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Direction study: charcoal arrival, monochrome imagery with deliberate color punctuation. */
.home-body .header{background:var(--ink);color:var(--paper);border-color:rgba(242,239,231,.45)}
.home-body .home-hero{background:var(--ink);color:var(--paper)}
.home-body .round-link{border-color:var(--paper)}
.home-body .round-link:hover{background:var(--paper);color:var(--ink)}
.home-work .gradient-one,.portfolio .gradient-one,.portfolio .gradient-three{background:linear-gradient(105deg,#171817 0 18%,#8b8c88 18% 33%,#deded9 33% 78%,#5b5d5a 78%)}
.home-work .gradient-two,.portfolio .gradient-two{background:repeating-linear-gradient(135deg,#20211f 0 24px,#777874 24px 48px,#d7d7d2 48px 72px)}
.portfolio .gradient-four{background:linear-gradient(90deg,#e5e5e0 0 55%,#2a2b29 55%)}
.home-work .project-art:after,.portfolio .project-art:after{position:absolute;z-index:2;color:var(--red);font-family:Georgia,serif;font-style:italic;font-size:clamp(7rem,15vw,15rem);line-height:1;right:3%;top:8%;transform:rotate(-12deg)}
.home-work .project:first-child .project-art:after,.portfolio .portfolio-item:nth-child(1) .project-art:after{content:'✳'}
.home-work .project:nth-child(2) .project-art:after,.portfolio .portfolio-item:nth-child(2) .project-art:after{content:'↝'}
.portfolio .portfolio-item:nth-child(3) .project-art:after{content:'×';color:var(--amber)}
.portfolio .portfolio-item:nth-child(4) .project-art:after{content:'⌁';color:var(--amber)}
.home-work .project-art:before{content:'IMAGE PLACEHOLDER';position:absolute;right:1rem;bottom:1rem;z-index:3;color:var(--paper);font-size:.72rem;letter-spacing:.12em}
.portfolio .project-art b{font-size:0}
.portfolio .project-art b:after{content:'IMAGE PLACEHOLDER';font-size:.72rem}
.service-phase{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,6vw,6rem) var(--pad)}
.phase-head{min-width:0}
.phase-head h2{font-size:clamp(4rem,8.2vw,8.5rem);line-height:.86;overflow-wrap:anywhere}
.service-phase ul{min-width:0;position:relative;z-index:2}
@media(max-width:760px){.home-body .header nav{background:var(--ink);color:var(--paper)}.service-phase{grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:5rem;gap:3rem}.phase-head h2{font-size:clamp(3.4rem,17vw,5rem);line-height:.9;overflow-wrap:normal}.service-phase ul{width:100%}}

/* Content revision: clarified authorship, simplified page openings, and tightened the CTA. */
.home-hero .home-title{font-size:clamp(5.2rem,14vw,14rem);line-height:.76}
.hero-tagline{position:absolute;z-index:3;left:var(--pad);bottom:clamp(3rem,7vw,7rem);margin:0;font-family:Georgia,serif;font-size:clamp(1.5rem,2.8vw,3rem);font-style:italic}
.home-hero .hero-foot{justify-content:flex-end}
.studio-opening{min-height:calc(100svh - 92px);align-content:center}
.people article>p+p{margin-top:1.25rem}
.services-hero h1{font-size:clamp(3.7rem,8.2vw,8.6rem);line-height:.83}
.services-hero h1 strong{font-weight:700}
.services-intro{display:block}
.services-intro>p{max-width:1500px}
.phase-produce .phase-head h2{font-size:clamp(3.8rem,7.1vw,7.2rem);white-space:nowrap;overflow-wrap:normal}
.portfolio-first{padding-top:clamp(3rem,7vw,7rem)}
.portfolio-label{grid-column:1/-1;margin-bottom:-3rem}
.footer-call .footer-phrase{font-size:1em;white-space:nowrap}
.footer-call .footer-phrase i{display:inline;font-size:1em;margin-left:.08em}
.footer-call .footer-arrow{font-size:.5em;margin-left:1rem}
.contact-details-simple{display:block;width:min(620px,55%);margin-left:auto}
@media(max-width:760px){
  .home-hero .home-title{font-size:clamp(4.2rem,20vw,7rem)}
  .hero-tagline{bottom:8rem}
  .footer-call .footer-phrase{white-space:normal}
  .studio-opening{min-height:calc(100svh - 74px)}
  .services-hero h1{font-size:clamp(3.2rem,14vw,5.4rem)}
  .phase-produce .phase-head h2{font-size:clamp(3.4rem,17vw,5rem);white-space:normal}
  .contact-details-simple{width:100%;margin-left:0}
}

/* Studio page: portrait-led team story with an editorial partners and press close. */
.studio-opening{min-height:auto;align-content:start;padding-block:clamp(4rem,7vw,6rem) clamp(3.25rem,5vw,4.75rem)}
.studio-opening .statement-small{max-width:1100px;margin-top:0;font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.02}
.studio-opening>div>p:last-child{width:min(760px,100%);margin:2rem 0 0;font-size:clamp(1.1rem,1.35vw,1.35rem)}
.people{padding-top:1rem}
.people article:nth-child(2){margin-top:7rem}
.portrait{margin:0;width:100%;background:var(--ink)}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.portrait-one img{object-position:50% 50%}
.portrait-two img{object-position:50% 38%}
.portrait-one{border-bottom:14px solid var(--amber)}
.portrait-two{border-bottom:14px solid var(--red)}
.partners-press{padding:clamp(5rem,8vw,8rem) var(--pad);background:var(--amber);color:var(--ink)}
.partners-heading{display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:start;margin-bottom:clamp(3rem,6vw,6rem)}
.partners-heading h2{margin:0;font-size:clamp(4rem,9.5vw,10rem);line-height:.8;letter-spacing:-.07em;font-weight:500}
.partners-heading h2 i{font-family:Georgia,serif;font-weight:400;color:var(--red)}
.partner-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid}
.partner-list span{min-height:6.5rem;padding:1rem .75rem 1rem 0;border-bottom:1px solid;font-size:clamp(1rem,1.65vw,1.55rem);letter-spacing:-.03em}
.partner-list span:not(:nth-child(4n)){border-right:1px solid;padding-left:1rem}
.partner-list span:nth-child(4n+1){padding-left:0}
.press-list{display:grid;grid-template-columns:1fr 3fr;gap:3rem;margin-top:clamp(4rem,7vw,7rem);padding-top:1.25rem;border-top:1px solid}
.press-list>div{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--pad)}
.press-list a{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid;font-size:clamp(1rem,1.4vw,1.3rem);transition:color .2s}
.press-list a:hover{color:var(--red)}
@media(max-width:760px){
  .studio-opening{min-height:auto;padding-block:4rem}
  .studio-opening .statement-small{font-size:clamp(2rem,9vw,3rem)}
  .people{padding-top:0}
  .people article:nth-child(2){margin-top:3rem}
  .portrait{height:58vh;min-height:390px}
  .partners-heading,.press-list{grid-template-columns:1fr;gap:2rem}
  .partners-heading h2{font-size:clamp(4rem,19vw,6.5rem)}
  .partner-list{grid-template-columns:1fr 1fr}
  .partner-list span{min-height:5.5rem}
  .partner-list span:not(:nth-child(4n)){border-right:0;padding-left:0}
  .partner-list span:nth-child(odd){border-right:1px solid;padding-right:1rem}
  .partner-list span:nth-child(even){padding-left:1rem}
  .press-list>div{grid-template-columns:1fr}
}

/* Studio roster: compact collaborators with biographies revealed on hover or focus. */
.collaborators{padding:clamp(5rem,8vw,8rem) var(--pad);background:var(--ink);color:var(--paper)}
.collaborators-heading{display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:start;margin-bottom:clamp(3rem,5vw,5rem)}
.collaborators-heading h2{margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.84;letter-spacing:-.065em;font-weight:500}
.collaborators-heading h2 i{font-family:Georgia,serif;font-weight:400;color:var(--amber)}
.collaborator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pad)}
.collaborator-card{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--slate);outline:0}
.collaborator-card img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .5s}
.collaborator-label{position:absolute;z-index:2;inset:auto 0 0;padding:5rem 1.25rem 1.25rem;background:linear-gradient(transparent,rgba(25,26,24,.92))}
.collaborator-label h3{margin:0;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em}
.collaborator-label p{margin:.35rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}
.collaborator-bio{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-end;padding:1.35rem;background:rgba(25,26,24,.94);opacity:0;transform:translateY(1rem);transition:opacity .3s,transform .3s}
.collaborator-bio p{margin:0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.45}
.collaborator-card:hover img,.collaborator-card:focus img{filter:grayscale(0);transform:scale(1.025)}
.collaborator-card:hover .collaborator-bio,.collaborator-card:focus .collaborator-bio{opacity:1;transform:none}
.partner-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,4.5rem);padding:1rem 0}
.partner-logos img{width:clamp(110px,11vw,175px);height:clamp(64px,7vw,100px);object-fit:contain;mix-blend-mode:multiply}

/* Services: lead with the studio statement and keep each phase concise. */
.services-opening{min-height:72svh;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-content:center;padding:clamp(4rem,8vw,8rem) var(--pad)}
.services-opening>.section-tag{position:relative;z-index:2;margin-top:.6rem;font-size:.74rem;line-height:1.2;letter-spacing:.12em}
.services-opening>.services-lead{position:relative;z-index:2;max-width:1250px;margin:0;font-size:clamp(2rem,4vw,4.15rem);line-height:1.03;letter-spacing:-.045em}
.services-opening .energy-c{right:-10%;top:10%;opacity:.58}
.service-phase{min-height:0;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,6rem);padding:clamp(3.5rem,5vw,5.5rem) var(--pad);align-content:center}
.phase-head h2,.phase-produce .phase-head h2{font-size:clamp(3.8rem,7vw,7.2rem);line-height:.82;white-space:normal}
.phase-head p{margin:.8rem 0 0}
.phase-note{padding-top:clamp(2rem,4vw,4rem);font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;font-size:clamp(1rem,1.35vw,1.25rem)!important;line-height:1.15;text-transform:uppercase;letter-spacing:.05em}
.phase-note strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:1.35em}
.service-phase ul{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}
.service-phase li{display:flex;align-items:center;min-height:3.75rem;padding:.65rem 1rem .65rem 0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.15}
.service-phase li:nth-child(odd){border-right:1px solid}
.service-phase li:nth-child(even){padding-left:1rem}
.final-mark{font-size:clamp(6rem,14vw,13rem)}

/* Contact: direct, named routes to both studio leads. */
.contact-page{min-height:calc(100svh - 92px);display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr auto auto;gap:2rem 3rem;align-items:start;padding-block:clamp(2.5rem,5vw,5rem)}
.contact-page>.section-tag{grid-column:1;grid-row:1;position:relative;z-index:2}
.contact-page h1{grid-column:2;grid-row:2;align-self:center;margin:0;font-size:clamp(4rem,9.2vw,9.5rem);line-height:.78}
.contact-page h1 i{display:inline-block;font-size:.62em;line-height:.95;color:var(--amber)}
.contact-intro{grid-column:1/2;grid-row:3;position:relative;z-index:2;max-width:310px;font-size:1.05rem;line-height:1.4}
.contact-people{grid-column:2;grid-row:3/5;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}
.contact-people a{display:flex;flex-direction:column;gap:1.15rem;padding:1.25rem 0;border-top:1px solid;border-bottom:1px solid;transition:color .2s}
.contact-people a:hover{color:var(--amber)}
.contact-people span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.contact-people strong{font-size:clamp(1.1rem,1.7vw,1.55rem);font-weight:400}
.footer-dark>div{padding-top:0}

@media(max-width:760px){
  .collaborators-heading{grid-template-columns:1fr;gap:2rem}
  .collaborator-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .collaborator-card{aspect-ratio:3/4}
  .collaborator-bio{padding:1rem}
  .collaborator-bio p{font-size:.92rem;line-height:1.35}
  .partner-logos{justify-content:space-between;gap:1.5rem 1rem}
  .partner-logos img{width:calc(33.333% - 1rem);height:70px}
  .services-opening{min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding-block:5rem}
  .services-opening>.services-lead{font-size:clamp(2rem,9vw,3rem)}
  .service-phase{grid-template-columns:1fr;gap:2.5rem;padding-block:4rem}
  .service-phase ul{grid-template-columns:1fr}
  .service-phase li:nth-child(odd){border-right:0}
  .service-phase li:nth-child(even){padding-left:0}
  .phase-note{padding-top:2rem}
  .contact-page{min-height:calc(100svh - 74px);grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:2rem;padding-block:3rem}
  .contact-page>.section-tag,.contact-page h1,.contact-intro,.contact-people{grid-column:1;grid-row:auto}
  .contact-page h1{font-size:clamp(3.7rem,16vw,6rem);align-self:start;margin:2rem 0}
  .contact-people{grid-template-columns:1fr}
}
@media(max-width:480px){.collaborator-grid{grid-template-columns:1fr}.partner-logos img{width:calc(50% - .75rem)}}

/* Homepage brand artwork: supplied wordmark layered directly over supplied color. */
.home-hero{background:var(--ink);color:var(--paper)}
.home-hero .hero-kicker{position:relative;z-index:3}
.home-brand-art{position:absolute;z-index:1;inset:0;width:100%;height:100%}
.home-color-art{display:block;width:100%;height:100%;object-fit:cover}
.home-wordmark{position:absolute!important;z-index:2!important;inset:50% auto auto 50%;width:min(72vw,1050px);margin:0!important;transform:translate(-50%,-50%)}
.home-wordmark img{display:block;width:100%;height:auto}
.home-hero .hero-foot{margin-top:auto}
.home-hero .round-link{border-color:var(--paper);color:var(--paper)}
.home-hero .round-link:hover{background:var(--paper);color:var(--ink)}
@media(max-width:760px){
  .home-brand-art{inset:0;width:100%;height:100%}
  .home-color-art{height:100%;object-fit:cover}
  .home-wordmark{width:88%}
}

/* Final art direction pass. */
.home-light-logo{position:absolute!important;z-index:2!important;inset:50% auto auto 50%;width:min(62vw,900px);margin:0!important;transform:translate(-50%,-50%)}
.home-light-logo img{display:block;width:100%;height:auto}

.studio-opening{position:relative;isolation:isolate;overflow:hidden}
.studio-opening-art{position:absolute;z-index:-1;inset:50% auto auto 50%;width:min(1200px,88vw);height:auto;transform:translate(-50%,-50%) scale(1.2);opacity:.21;mix-blend-mode:multiply}
.studio-opening>.section-tag,.studio-opening>div{position:relative;z-index:1}
.partners-heading{display:block;margin-bottom:clamp(2rem,4vw,4rem)}

.services-opening{background:var(--paper);color:var(--ink);isolation:isolate;min-height:58svh}
.services-opening-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;filter:saturate(.75) contrast(.9)}
.services-opening>.services-lead{max-width:1080px;font-size:clamp(1.55rem,2.8vw,2.8rem);line-height:1.08}
.service-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper)}
.service-phase{display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;min-height:620px;padding:clamp(2.5rem,3.5vw,4rem) clamp(1.25rem,2vw,2.25rem)}
.phase-head h2,.phase-produce .phase-head h2{font-size:clamp(2.9rem,4.7vw,5.25rem);white-space:normal}
.phase-head p{font-size:1.05rem}
.phase-note{padding-top:1.5rem!important;font-size:.85rem!important}
.service-phase ul{display:block;border:0}
.service-phase li,.service-phase li:nth-child(odd),.service-phase li:nth-child(even){min-height:0;padding:.42rem 0;border:0;font-size:clamp(.94rem,1.1vw,1.08rem)}
.final-mark{font-size:clamp(5rem,10vw,10rem)}

.work-body,.work-body main{background:var(--ink);color:var(--paper)}
.work-body .portfolio{background:var(--ink)}
.work-body .project-art{outline:0}
.portfolio-item{display:block}
.portfolio-item .project-art{transition:transform .35s ease,filter .35s ease}
.portfolio-item:hover .project-art,.portfolio-item:focus-visible .project-art{transform:translateY(-5px);filter:brightness(1.06)}
.project-detail{padding:clamp(2rem,4vw,4rem) var(--pad) clamp(5rem,9vw,10rem)}
.project-back{display:inline-block;margin-bottom:clamp(4rem,9vw,9rem);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:.45rem}
.project-detail-head{display:grid;grid-template-columns:1fr 3fr;gap:var(--pad);align-items:start;margin-bottom:clamp(3rem,7vw,7rem)}
.project-detail-head h1{grid-column:2;margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.82;letter-spacing:-.07em;font-weight:500}
.project-category{margin:.5rem 0 0;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}
.project-description{grid-column:2;margin:0;max-width:1100px;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.4;white-space:pre-line}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem)}
.project-gallery figure{margin:0}
.project-gallery img{display:block;width:100%;height:100%;min-height:360px;max-height:82vh;object-fit:cover}
.project-gallery figcaption{padding-top:.7rem;font-size:.75rem;line-height:1.35;color:rgba(242,239,231,.72)}
.project-gallery.count-1{grid-template-columns:1fr}
.project-gallery.count-1 img{aspect-ratio:16/9}
.project-gallery.count-2 img,.project-gallery.count-4 img{aspect-ratio:4/5}
.project-gallery.count-3 figure:first-child{grid-row:span 2}
.project-gallery.count-3 figure:first-child img{height:100%;max-height:none}
.project-gallery.count-3 figure:not(:first-child) img{aspect-ratio:16/10;min-height:280px}
.project-gallery-placeholder{min-height:70vh;display:grid;place-items:center;outline:1px solid rgba(242,239,231,.18)}
.project-gallery-placeholder span{font-size:.72rem;letter-spacing:.12em}

/* Preserve approved artwork without cropping or forcing it into a fixed ratio. */
.project-gallery{align-items:start}
.project-gallery img,
.project-gallery.count-1 img,
.project-gallery.count-2 img,
.project-gallery.count-3 figure:first-child img,
.project-gallery.count-3 figure:not(:first-child) img,
.project-gallery.count-4 img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
.project-gallery.count-3 figure:first-child{grid-row:auto}

/* Per-image CMS display controls. The frame trims only the rendered outer pixel,
   removing pale export halos without altering or cropping the source file. */
.project-image-frame{position:relative;overflow:hidden;background:var(--ink)}
.project-image-frame img{display:block;max-width:none;width:100%!important;margin:0}
.project-image-frame:after{content:"";position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 0 2px var(--ink);pointer-events:none}
.project-gallery .image-full .project-image-frame img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.project-gallery .image-landscape .project-image-frame{aspect-ratio:16/9}
.project-gallery .image-portrait .project-image-frame{aspect-ratio:4/5}
.project-gallery .image-square .project-image-frame{aspect-ratio:1}
.project-gallery .image-landscape img,.project-gallery .image-portrait img,.project-gallery .image-square img{height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:var(--image-focus,center)}

/* Justified project rows: preserve every complete image while aligning paired edges. */
.project-gallery{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,3rem)}
.project-gallery-row{display:flex;align-items:flex-start;gap:clamp(1.25rem,3vw,3rem)}
.project-gallery-row figure{flex:var(--image-ratio,1.5) 1 0;min-width:0}
.project-gallery-row.single figure{flex:1 1 100%}
.project-gallery-row .project-image-frame img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.work-body .portfolio-item .project-art[style*="background-image"],.home-work .project-art.has-image{background-size:cover!important;box-shadow:inset 0 0 0 2px var(--ink)}
@media(max-width:760px){.project-gallery-row{display:block}.project-gallery-row figure+figure{margin-top:1.25rem}}

/* CMS artwork used in the two homepage portfolio previews. */
.home-work .project-art.has-image{background-color:var(--ink);background-size:cover!important;background-repeat:no-repeat;background-position:center;outline:0!important;box-shadow:inset 0 0 0 2px var(--ink)}
.home-work .project-art.has-image:before,.home-work .project-art.has-image:after{content:none}
.work-body .portfolio-item .project-art[style*="background-image"]{background-color:var(--ink);background-size:cover!important;background-repeat:no-repeat;outline:0!important;box-shadow:inset 0 0 0 2px var(--ink)}
.work-body .portfolio-item .project-art[style*="background-image"]:after,.work-body .portfolio-item .project-art[style*="background-image"] b:after{content:none}

.contact-page{isolation:isolate}
.contact-background-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27}
.contact-page h1 i{color:var(--paper)}
.contact-form{grid-column:2;grid-row:3/5;position:relative;z-index:2;display:flex;flex-direction:column;gap:1.35rem;width:min(780px,100%)}
.contact-form label{display:flex;flex-direction:column;gap:.55rem}
.contact-form label>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(242,239,231,.75);border-radius:0;padding:.65rem 0;background:transparent;color:var(--paper);font:inherit;outline:none}
.contact-form textarea{resize:vertical;min-height:8rem}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--amber)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}
.contact-form button{align-self:flex-start;border:1px solid var(--paper);border-radius:999px;padding:1rem 1.3rem;background:transparent;color:var(--paper);font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}
.contact-form button:hover,.contact-form button:focus{background:var(--paper);color:var(--ink)}
.contact-form button span{margin-left:1.5rem}
.form-status{min-height:1.2em;margin:0;font-size:.8rem;color:var(--amber)}

@media(max-width:960px){
  .service-flow{grid-template-columns:1fr 1fr}
  .service-phase{min-height:520px}
}
@media(max-width:760px){
  .home-light-logo{width:88%}
  .studio-opening-art{width:150vw;opacity:.16}
  .services-opening>.services-lead{font-size:clamp(1.7rem,8vw,2.5rem)}
  .service-flow{grid-template-columns:1fr}
  .service-phase{min-height:0;padding-block:3.5rem}
  .contact-form{grid-column:1;grid-row:auto}
  .form-row{grid-template-columns:1fr}
  .project-detail-head{grid-template-columns:1fr}
  .project-detail-head h1,.project-description{grid-column:1}
  .project-gallery,.project-gallery.count-1{grid-template-columns:1fr}
  .project-gallery.count-3 figure:first-child{grid-row:auto}
  .project-gallery img,.project-gallery.count-1 img,.project-gallery.count-2 img,.project-gallery.count-3 figure:first-child img,.project-gallery.count-3 figure:not(:first-child) img,.project-gallery.count-4 img{aspect-ratio:auto;height:auto;min-height:0;max-height:none}
}

/* Final scale + 2x2 process composition. */
.home-light-logo{width:min(82vw,1280px)}
.service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-phase{aspect-ratio:1/1;min-height:0;padding:clamp(2.75rem,4.5vw,5.5rem);justify-content:space-between}
.phase-head h2,.phase-produce .phase-head h2{font-size:clamp(4rem,7.5vw,8.25rem)}
.service-phase li,.service-phase li:nth-child(odd),.service-phase li:nth-child(even){font-size:clamp(1rem,1.35vw,1.35rem);padding:.48rem 0}
@media(max-width:760px){
  .home-light-logo{width:96%}
  .service-flow{grid-template-columns:1fr}
  .service-phase{aspect-ratio:auto;min-height:72svh;padding:3.5rem var(--pad)}
}

/* Keep shorter service lists aligned with the longer phase lists. */
.phase-produce,.phase-deliver{justify-content:flex-start}
.phase-produce ul,.phase-deliver ul{margin-top:clamp(2rem,4vw,4.5rem)}
@media(max-width:760px){.phase-produce ul,.phase-deliver ul{margin-top:0}}

/* Services hierarchy: process first, detailed capabilities second. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-opening{min-height:auto;padding-block:clamp(4rem,7vw,7rem)}
.services-opening>.services-lead{max-width:1100px;font-size:clamp(1.4rem,2.25vw,2.35rem);line-height:1.12}
.process-overview{padding:0 0 clamp(4rem,7vw,7rem);background:var(--paper);overflow:hidden}
.process-overview-art{display:block;width:100%;height:auto;margin:0;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2.5%,#000 97.5%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 2%,#000 96%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 2.5%,#000 97.5%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 2%,#000 96%,transparent 100%);mask-composite:intersect}
.service-flow{width:min(calc(100% - 2 * var(--pad)),1280px);margin:0 auto clamp(5rem,8vw,8rem);gap:1px;background:rgba(23,24,23,.18)}
.service-phase{aspect-ratio:auto;min-height:430px;padding:clamp(2rem,3vw,3.25rem);gap:1.5rem}
.phase-head h2,.phase-produce .phase-head h2{font-size:clamp(3.2rem,5.2vw,5.8rem)}
.phase-head p{font-size:.92rem}
.phase-note{padding-top:1rem!important;font-size:.75rem!important}
.service-phase li,.service-phase li:nth-child(odd),.service-phase li:nth-child(even){font-size:clamp(.84rem,.95vw,.98rem);padding:.34rem 0}
.phase-produce ul,.phase-deliver ul{margin-top:1.25rem}
.phase-shape{background:#3f4445;color:var(--paper)}
@media(max-width:900px){
  .service-phase{min-height:390px}
}
@media(max-width:760px){
  .process-overview{overflow-x:auto;padding-bottom:3rem}
  .process-overview-art{width:980px;max-width:none}
  .service-flow{width:100%;margin-bottom:0}
  .service-phase{min-height:0;padding:3rem var(--pad)}
}

/* Site-drawn arrows avoid platform emoji rendering on iOS. */
.icon-arrow{display:inline-block!important;width:1em;height:1em;flex:0 0 auto;font-size:1em;line-height:1;vertical-align:-.08em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13 13 3M6 3h7v7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13 13 3M6 3h7v7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat}
.icon-arrow:before,.icon-arrow:after{content:none}
.icon-arrow-down{transform:rotate(90deg);margin-top:.65rem!important}
.round-link{text-align:center;line-height:1.15;flex-shrink:0}
.round-link .icon-arrow{font-size:1.25rem}
.press-list a .icon-arrow{float:right;margin-left:1rem}
.footer-call{position:relative;padding-right:.65em}
.footer-call .footer-arrow{position:absolute;right:.05em;top:50%;width:.42em;height:.42em;margin-left:0;font-size:1em;transform:translateY(-50%)}

@media(max-width:760px){
  .home-hero .hero-foot{width:100%;justify-content:flex-end;padding-right:.35rem}
  .home-hero .round-link{display:grid;place-content:center;justify-items:center}
}

/* Align the opening Spark and Shape service rows. */
.phase-spark,.phase-shape{justify-content:flex-start}
.phase-note{position:absolute;left:clamp(2.75rem,4.5vw,5.5rem);bottom:clamp(2.75rem,4.5vw,5.5rem);padding-top:0!important}
@media(max-width:760px){
  .phase-note{position:static;padding-top:2rem!important}
}

/* November 2026 responsive polish. */
.home-hero{
  min-height:calc(92svh - 92px);
  background:
    radial-gradient(ellipse at 48% 47%,rgba(75,78,71,.22) 0%,rgba(28,30,27,.1) 40%,transparent 68%),
    linear-gradient(118deg,#222421 0%,#171816 48%,#050605 100%);
}
.home-work .project-art:after{display:none!important;content:none!important}
.home-work .project h3{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:-.05em}
.home-hero .round-link{transform:translateY(clamp(1.5rem,3vw,3rem))}
.home-hero .round-link:hover{transform:translateY(clamp(1.5rem,3vw,3rem)) rotate(-4deg)}

.service-flow{width:100%;max-width:none;margin-inline:0}
.phase-deliver .phase-head h2{font-size:clamp(2.8rem,4.8vw,5.2rem);white-space:nowrap;letter-spacing:-.065em}
.process-copy{margin-top:1.25rem}
.services-body .footer-call{font-size:clamp(2.4rem,6.4vw,6.8rem);padding-right:1.2em}
.services-body .footer-call .footer-arrow{right:.08em}

.contact-page h1{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:-.055em}
.contact-page h1 i{letter-spacing:-.035em}

@media(max-width:760px){
  .home-hero{min-height:calc(92svh - 74px)}
  .home-hero .round-link{transform:translateY(1rem)}
  .home-hero .round-link:hover{transform:translateY(1rem) rotate(-4deg)}
  .phase-deliver .phase-head h2{font-size:clamp(3rem,15vw,4.5rem)}
  .services-body .footer-call{font-size:clamp(2rem,9vw,2.8rem);padding-right:1.35em}
  .contact-page h1{letter-spacing:-.045em}
}

/* Site-wide optical kerning audit. Keep display type editorial without crowding. */
html{font-kerning:normal;font-synthesis:none}
body,h1,h2,h3,p,a,button,label{font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}
.statement{letter-spacing:-.045em}
.phase-row b{letter-spacing:-.05em}
.footer-call{letter-spacing:-.045em}
.project h3,.home-work .project h3,.portfolio-item h2{letter-spacing:-.035em}
.services-opening>.services-lead{letter-spacing:-.035em}
.phase-head h2{letter-spacing:-.05em}
.phase-deliver .phase-head h2{letter-spacing:-.045em}
.partners-heading h2{letter-spacing:-.05em}
.collaborators-heading h2{letter-spacing:-.045em}
.collaborator-label h3{letter-spacing:-.025em}
.project-detail-head h1{letter-spacing:-.055em}
.contact-page h1{letter-spacing:-.045em}
.contact-page h1 i{letter-spacing:-.025em}

@media(max-width:760px){
  .project h3,.home-work .project h3,.portfolio-item h2{letter-spacing:-.025em}
  .phase-head h2,.phase-deliver .phase-head h2{letter-spacing:-.04em}
  .project-detail-head h1{letter-spacing:-.045em}
  .contact-page h1{letter-spacing:-.035em}
}

/* November 2026 brand refinement. */
.logo-official{display:block;width:clamp(118px,12vw,168px);line-height:1}
.logo-official img{display:block;width:100%;height:auto}
.header:not(.header-dark) .logo-official img{filter:invert(1)}
.home-body .header .logo-official img{filter:none}
.home-body .header,.header-dark{background:#111210;color:var(--paper)}

/* Homepage: darker gradient splash, high-resolution lockup, black work field and white gradient footer. */
.home-hero{background:linear-gradient(118deg,#222421 0%,#171816 48%,#050605 100%)}
.home-light-logo{width:min(88vw,1500px)}
.home-work{background:#050505;color:var(--paper)}
.home-work .project-art.has-image{box-shadow:none}
.home-body footer,.studio-body footer{background:#fff;color:var(--ink)}
.home-body .footer-phrase,.studio-body .footer-phrase{
  color:transparent;
  background:linear-gradient(90deg,#9c7b40 0%,#dc2c70 20%,#471619 39%,#e98b06 73%,#54b77f 100%);
  -webkit-background-clip:text;background-clip:text;
}

/* Studio: supplied soft-edged art, gradient team heading, compressed partner field and monochrome press. */
.studio-opening-art{z-index:0;inset:50% auto auto 43%;width:min(1150px,82vw);transform:translate(-50%,-50%);opacity:.24;mix-blend-mode:multiply}
.collaborators-heading h2 i{
  color:transparent;
  background:linear-gradient(90deg,#f36d7a 0%,#ea5a53 35%,#e89727 100%);
  -webkit-background-clip:text;background-clip:text;
}
.partners-press{padding:clamp(3rem,5vw,5rem) var(--pad) 0;background:var(--amber)}
.partners-heading{margin-bottom:clamp(1rem,2vw,2rem)}
.partner-logos{gap:clamp(.75rem,2.5vw,2.75rem);padding:.25rem 0 clamp(2rem,4vw,4rem)}
.partner-logos img{height:clamp(52px,5vw,76px)}
.press-list{margin:0 calc(-1 * var(--pad));padding:2rem var(--pad) clamp(3rem,5vw,5rem);background:var(--ink);color:#fff;border-top:0}
.press-list a:hover{color:#fff;opacity:.72}

/* Services overview: supplied phase art with live, site-native explanatory copy. */
.services-opening>.services-lead strong{font-family:inherit;font-size:inherit;font-style:normal;font-weight:700}
.process-overview{padding:clamp(1rem,2vw,2rem) var(--pad) clamp(4rem,7vw,7rem)}
.process-overview-art{width:min(100%,1500px);margin:0 auto;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.process-copy{width:min(100%,1500px);margin:clamp(-2rem,-2vw,-1rem) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,3rem)}
.process-copy h3{margin:0 0 .85rem;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.1}
.process-copy p{margin:0;font-size:clamp(.92rem,1.1vw,1.08rem);line-height:1.35}
.service-flow{gap:0;background:#050505}
.service-phase{position:relative;overflow:hidden;background:#f4f2ec;color:var(--ink);border:1px solid #050505;justify-content:flex-start;min-height:470px;padding:clamp(2rem,3vw,3.25rem)}
.phase-shape,.phase-produce{background:#242624;color:#fff}
.phase-spark,.phase-deliver{background:#f4f2ec;color:var(--ink)}
.service-phase .phase-head,.service-phase ul{position:relative;z-index:2;width:54%}
.service-phase ul{margin-top:clamp(1.4rem,2.8vw,3rem)}
.phase-produce ul,.phase-deliver ul{margin-top:clamp(1.4rem,2.8vw,3rem)}
.phase-art{position:absolute;z-index:1;right:3%;top:18%;width:42%;height:64%;object-fit:contain}
.service-phase li,.service-phase li:nth-child(odd),.service-phase li:nth-child(even){font-size:clamp(.82rem,.88vw,.96rem);padding:.3rem 0}
.phase-head h2,.phase-produce .phase-head h2{font-size:clamp(3rem,5vw,5.5rem)}
.final-mark{display:none}

@media(max-width:760px){
  .logo-official{width:126px}
  .home-light-logo{width:96%}
  .studio-opening-art{width:165vw;left:50%;opacity:.2}
  .partner-logos{gap:.75rem}
  .press-list{grid-template-columns:1fr;padding-top:2rem}
  .process-overview{overflow:visible;padding-inline:var(--pad)}
  .process-overview-art{width:100%;max-width:100%}
  .process-copy{grid-template-columns:1fr 1fr;margin-top:1.5rem}
  .service-phase{min-height:520px}
  .service-phase .phase-head,.service-phase ul{width:62%}
  .phase-art{right:-4%;width:45%;opacity:.88}
}

@media(max-width:520px){
  .process-copy{grid-template-columns:1fr}
  .service-phase{min-height:0;padding:2.5rem var(--pad)}
  .service-phase .phase-head,.service-phase ul{width:100%}
  .phase-art{position:relative;order:2;right:auto;top:auto;width:58%;height:auto;max-height:190px;align-self:flex-end;margin:-1.5rem 0 -1rem;opacity:.72}
  .service-phase .phase-head{order:1}
  .service-phase ul{order:3}
}

/* Final responsive spacing and typography adjustments. */
.home-hero{
  min-height:calc(92svh - 92px);
  background:
    radial-gradient(ellipse at 48% 47%,rgba(75,78,71,.24) 0%,rgba(28,30,27,.1) 42%,transparent 69%),
    linear-gradient(118deg,#222421 0%,#171816 48%,#050605 100%);
}
.home-work .project-art:after{display:none!important;content:none!important}
.home-work .project h3{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:-.05em}

.service-flow{width:100%;max-width:none;margin-left:0;margin-right:0}
.phase-deliver .phase-head h2{font-size:clamp(2.8rem,4.8vw,5.2rem);white-space:nowrap;letter-spacing:-.065em}
.process-copy{margin-top:1.25rem}
.services-body .footer-call{font-size:clamp(2.4rem,6.4vw,6.8rem);padding-right:1.2em}
.services-body .footer-call .footer-arrow{right:.08em}

.contact-page h1{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:-.055em}
.contact-page h1 i{letter-spacing:-.035em}

@media(max-width:760px){
  .home-hero{min-height:calc(92svh - 74px)}
  .phase-deliver .phase-head h2{font-size:clamp(3rem,15vw,4.5rem)}
  .services-body .footer-call{font-size:clamp(2rem,9vw,2.8rem);padding-right:1.35em}
  .contact-page h1{letter-spacing:-.045em}
}