@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=DM+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--ink:#191918;--paper:#f3f0e9;--soft:#dfdbd1;--orange:#ed6f24;--white:#fff;--max:1320px;--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600;margin:0 0 1.5rem}.section{padding:clamp(5rem,10vw,9rem) var(--pad)}
.site-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff}.brand{width:min(260px,42vw)}.brand img{width:100%}.site-nav{display:flex;align-items:center;gap:clamp(1.4rem,3vw,3.3rem);font-size:.88rem;font-weight:500}.nav-cta{border:1px solid rgba(255,255,255,.65);border-radius:99px;padding:.7rem 1.2rem}.site-nav a:hover{color:var(--orange)}.menu-button{display:none;border:0;background:none;color:inherit;padding:.5rem}.menu-button span:not(.sr-only){display:block;width:25px;height:2px;background:currentColor;margin:5px}
.hero{min-height:760px;height:min(100svh,1100px);position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:clamp(8.5rem,14vw,12rem) var(--pad) 7rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center}.hero-copy{position:relative;z-index:3;max-width:970px}.hero h1{font:600 clamp(3.5rem,7.2vw,7.8rem)/.94 "Bricolage Grotesque",sans-serif;letter-spacing:-.055em;margin:0}.hero h1 em,.contact h2 em{font-weight:500;color:var(--orange);font-style:normal}.hero-lede{max-width:720px;font-size:clamp(1.05rem,1.6vw,1.35rem);color:#c9c7c1;margin:2.3rem 0}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:0;border-radius:999px;padding:.95rem 1.5rem;font-weight:600;cursor:pointer}.primary{background:var(--orange);color:#171717}.primary:hover{background:#ff8540}.text-link{border-bottom:1px solid #777;padding:.7rem 0}.text-link:hover{border-color:var(--orange)}.hero-art{height:min(50vw,620px);position:relative;display:grid;place-items:center}.orange-disc{position:absolute;width:clamp(260px,32vw,520px);aspect-ratio:1;border-radius:50%;background:var(--orange);filter:saturate(.9)}.hero-v{position:absolute;width:clamp(115px,14vw,215px);filter:brightness(0) invert(1);z-index:2}.hero-art p{position:absolute;right:0;bottom:6%;font:600 clamp(2rem,4vw,4rem)/1 "Bricolage Grotesque";z-index:4}.hero-art p span{display:block;font:500 .72rem/1.35 "DM Sans";letter-spacing:.14em;text-transform:uppercase;margin-top:.6rem}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;z-index:1}.orbit-one{width:118%;aspect-ratio:1}.orbit-two{width:84%;aspect-ratio:1}.scroll-cue{position:absolute;left:var(--pad);bottom:2.2rem;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;display:flex;gap:1rem}.scroll-cue span{color:var(--orange)}
.section-intro{display:grid;grid-template-columns:.45fr 1fr .65fr;gap:2rem;align-items:start;max-width:var(--max);margin:0 auto 4rem}.section-intro h2,.services h2,.about h2{font:500 clamp(2.5rem,5vw,5rem)/1.02 "Bricolage Grotesque";letter-spacing:-.045em;margin:0}.section-intro>p:last-child{color:#666;margin:0}.project-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem) clamp(1.2rem,3vw,3rem)}.project{align-self:start}.project-feature{grid-row:span 2}.project-wide{grid-column:2}.project-image{overflow:hidden;background:#d9d5cc}.project-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-feature .project-image img{aspect-ratio:3/4}.project-wide .project-image img{aspect-ratio:16/9}.project:hover img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #c7c3b9}.project-meta p{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#6c6963;margin:0 0 .4rem}.project-meta h3{font:600 clamp(1.25rem,2.1vw,2rem) "Bricolage Grotesque";margin:0}.arrow{font-size:1.6rem;transition:transform .2s}.project:hover .arrow{transform:translate(4px,-4px)}
.services{background:var(--ink);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem)}.services-heading{position:sticky;top:4rem;align-self:start}.services-heading h2{max-width:600px}.service{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:2rem 0;border-top:1px solid #454541}.service:last-child{border-bottom:1px solid #454541}.service>span{color:var(--orange);font-size:.72rem}.service h3{font:500 clamp(1.4rem,2.2vw,2rem) "Bricolage Grotesque";margin:-.3rem 0 .6rem}.service p{color:#aeadab;max-width:650px;margin:0}
.manifesto{background:var(--orange);min-height:620px;padding:var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;overflow:hidden}.manifesto-mark{display:grid;place-items:center}.manifesto-mark img{width:min(70%,420px);filter:brightness(0)}.manifesto-copy{max-width:830px}.manifesto blockquote{font:500 clamp(2.4rem,5.2vw,5.7rem)/1.02 "Bricolage Grotesque";letter-spacing:-.045em;margin:0 0 2rem}.manifesto-copy>p:last-child{max-width:650px;font-size:1.1rem}
.about{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:center}.about-visual{position:relative}.about-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8)}.about-visual p{position:absolute;bottom:0;right:-1px;margin:0;background:var(--orange);padding:1rem 1.4rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.about-copy>p:not(.eyebrow){color:#5e5b55;font-size:1.08rem;max-width:700px}.about-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem;padding:1.5rem 0 0;margin:1.5rem 0 0;border-top:1px solid #cac6bc;list-style:none;font-size:.85rem}.about-copy li:before{content:"+";color:var(--orange);margin-right:.6rem}
.process{border-top:1px solid #ccc7bd}.process .section-intro{grid-template-columns:.4fr 1.6fr}.process-grid{list-style:none;padding:0;max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdb9b0}.process-grid li{padding:1.5rem 1.5rem 2rem 0;border-right:1px solid #bdb9b0;min-height:230px}.process-grid li+li{padding-left:1.5rem}.process-grid li:last-child{border:0}.process-grid span{font-size:.72rem;color:#777}.process-grid h3{font:600 1.5rem "Bricolage Grotesque";margin:3rem 0 .7rem}.process-grid p{font-size:.9rem;color:#666;margin:0}
.contact{min-height:720px;background:#0f0f0e;color:#fff;padding:clamp(5rem,10vw,9rem) var(--pad);display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;position:relative;overflow:hidden}.contact-mark{width:min(80%,440px);filter:brightness(0) invert(1);opacity:.08}.contact-copy{position:relative;z-index:2}.contact h2{font:600 clamp(3rem,6.5vw,7rem)/.98 "Bricolage Grotesque";letter-spacing:-.05em;margin:0 0 2rem}.contact-copy>p:not(.eyebrow,.contact-note){color:#aaa;max-width:600px;font-size:1.1rem}.light{background:#fff;color:#111;margin-top:1.5rem}.light:hover{background:var(--orange)}.contact-note{color:var(--orange);font-size:.85rem;margin-top:1rem}
footer{background:#0f0f0e;color:#777;border-top:1px solid #333;padding:2rem var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:3rem;align-items:center;font-size:.75rem}.footer-brand{width:180px;opacity:.75}
.inner-header{position:relative;background:var(--ink)}.page-hero{background:var(--ink);color:#fff;padding:clamp(7rem,10vw,9rem) var(--pad) clamp(4rem,6vw,6rem)}.page-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.45fr .55fr;gap:4rem;align-items:end}.page-hero h1{font:600 clamp(3.4rem,6.5vw,7rem)/.92 "Bricolage Grotesque";letter-spacing:-.06em;margin:0;max-width:1000px}.page-hero h1 em{color:var(--orange);font-style:normal;font-weight:500}.page-hero .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.page-hero-lede{color:#bcbab5;font-size:clamp(1rem,1.35vw,1.18rem);max-width:480px;margin:0 0 .45rem}.portfolio-list{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,6rem) clamp(1.5rem,3vw,3rem)}.portfolio-item{display:block;padding:0;border:0;scroll-margin-top:2rem}.portfolio-item:first-child{padding:0}.portfolio-item:nth-child(even) .portfolio-media{order:0}.portfolio-media{overflow:hidden;background:#d9d5cc}.portfolio-media img{width:100%;aspect-ratio:16/11;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.portfolio-item:hover .portfolio-media img{transform:scale(1.025)}.portfolio-copy{padding:1.5rem 0 0;border-top:3px solid var(--ink)}.portfolio-number{color:var(--orange);font-size:.72rem;letter-spacing:.15em}.portfolio-copy h2{font:600 clamp(1.8rem,3vw,3.25rem)/1 "Bricolage Grotesque";letter-spacing:-.045em;margin:.7rem 0 1rem}.portfolio-copy>p:not(.portfolio-services){color:#65625d;max-width:570px;min-height:5.2em}.portfolio-services{text-transform:uppercase;letter-spacing:.11em;font-size:.67rem!important;color:#777!important;margin:1.35rem 0 .65rem}.portfolio-link{display:inline-block;border-bottom:1px solid #888;padding:.45rem 0;font-weight:600}.portfolio-link:hover{border-color:var(--orange);color:var(--orange)}.originals{background:var(--soft)}.originals-inner{max-width:var(--max);margin:auto}.originals-heading{display:grid;grid-template-columns:.45fr 1.55fr;gap:2rem;margin-bottom:3rem}.originals-heading h2{font:500 clamp(2.5rem,5vw,5rem)/1.02 "Bricolage Grotesque";letter-spacing:-.045em;margin:0}.original-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9b4aa}.original-card{padding:2rem 2rem 2rem 0;min-height:260px;border-right:1px solid #b9b4aa}.original-card+.original-card{padding-left:2rem}.original-card:last-child{border-right:0}.original-card span{color:var(--orange);font-size:.72rem}.original-card h3{font:600 clamp(1.5rem,2.3vw,2.2rem) "Bricolage Grotesque";margin:2.2rem 0 1rem}.original-card p{color:#65625d;margin:0}.page-contact{min-height:560px}
.reveal{opacity:1;transform:none}.project-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img,.portfolio-media img{transition:none}}
@media(max-width:900px){.site-header{height:76px}.menu-button{display:block;z-index:22}.site-nav{display:none;position:fixed;inset:0;background:#151514;padding:8rem var(--pad) 3rem;flex-direction:column;align-items:flex-start;font:500 2rem "Bricolage Grotesque"}.site-nav.open{display:flex}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:9rem}.hero-art{position:absolute;width:55vw;right:-8vw;bottom:3rem;opacity:.65}.hero-copy{align-self:start}.section-intro{grid-template-columns:1fr}.section-intro>p:last-child{max-width:600px}.services{grid-template-columns:1fr}.services-heading{position:static}.manifesto{grid-template-columns:.5fr 1.5fr}.about{grid-template-columns:1fr}.about-visual{max-width:650px}.process-grid{grid-template-columns:1fr 1fr}.process-grid li:nth-child(2){border-right:0}.contact{grid-template-columns:.4fr 1.6fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:900px){.page-hero-inner{grid-template-columns:1fr;gap:1.5rem}.page-hero .eyebrow{margin-bottom:0}.portfolio-list{grid-template-columns:1fr}.portfolio-copy>p:not(.portfolio-services){min-height:0}.original-grid{grid-template-columns:1fr}.original-card,.original-card+.original-card{padding:2rem 0;border-right:0;border-bottom:1px solid #b9b4aa;min-height:220px}.original-card:last-child{border-bottom:0}}
@media(max-width:620px){.hero{min-height:780px}.hero h1{font-size:clamp(2.65rem,11vw,4rem)}.page-hero{padding-top:7rem}.page-hero h1{font-size:clamp(2.55rem,12vw,3.35rem);line-height:.98}.page-hero h1 em{display:block}.hero-lede{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:.55rem}.hero-art{width:70vw;right:-25vw}.project-grid{grid-template-columns:1fr}.project-feature,.project-wide{grid-column:auto;grid-row:auto}.project-feature .project-image img{aspect-ratio:4/3}.manifesto{grid-template-columns:1fr}.manifesto-mark{display:none}.manifesto{min-height:650px}.about-copy ul{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid li,.process-grid li+li{border-right:0;border-bottom:1px solid #bdb9b0;padding:1.5rem 0;min-height:180px}.contact{grid-template-columns:1fr;min-height:650px}.contact-mark{position:absolute;right:-25%;width:70%;opacity:.05}footer{grid-template-columns:1fr;gap:.5rem}}
.portfolio-item:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,5rem);align-items:start}
@media(max-width:900px){.portfolio-item:last-child:nth-child(odd){grid-column:auto;display:block}}
.original-card img{width:100%;aspect-ratio:1;object-fit:cover;margin:0 0 1.5rem}.original-card img+span{display:block}.original-card:has(img){min-height:0}.original-card:has(img) h3{margin:1.35rem 0 .8rem}
.contact-page{background:var(--ink);color:#fff;padding:clamp(7rem,11vw,10rem) var(--pad) clamp(5rem,9vw,8rem)}.contact-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,9rem);align-items:start}.contact-intro{position:sticky;top:3rem}.contact-intro h1{font:600 clamp(3.2rem,6vw,6.5rem)/.94 "Bricolage Grotesque";letter-spacing:-.055em;margin:0 0 2rem}.contact-intro h1 em{display:block;color:var(--orange);font-style:normal;font-weight:500}.contact-intro>p:not(.eyebrow){color:#aaa;max-width:520px;font-size:1.08rem}.contact-direct{display:inline-block;color:#fff;border-bottom:1px solid #666;margin-top:1rem;padding-bottom:.3rem}.contact-form{background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem}.form-field{display:flex;flex-direction:column;gap:.45rem}.form-field.full{grid-column:1/-1}.form-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #bbb6ab;background:#fff;color:var(--ink);border-radius:0;padding:.9rem 1rem;font:inherit}.form-field textarea{min-height:190px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--orange);outline-offset:2px;border-color:var(--orange)}.form-actions{display:flex;gap:1.25rem;align-items:center;justify-content:space-between;margin-top:1.5rem}.form-note{font-size:.75rem;color:#716e68;max-width:420px;margin:0}.form-status{display:none;padding:1rem 1.2rem;margin:0 0 1.5rem;border-left:4px solid}.form-status.success,.form-status.error{display:block}.form-status.success{background:#e2eddf;border-color:#4c7a45;color:#254221}.form-status.error{background:#f7dfd7;border-color:#b94c2c;color:#702510}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form .primary{border:0;white-space:nowrap}.contact-trust{list-style:none;padding:0;margin:2.5rem 0 0;border-top:1px solid #3d3d39}.contact-trust li{padding:.85rem 0;border-bottom:1px solid #3d3d39;color:#aaa;font-size:.86rem}.contact-trust li:before{content:"+";color:var(--orange);margin-right:.65rem}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-intro{position:static}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}@media(max-width:620px){.contact-page{padding-top:7rem}.contact-intro h1{font-size:clamp(2.7rem,14vw,4rem)}.form-actions{align-items:flex-start;flex-direction:column}.contact-form .primary{width:100%}}
.studio-hero{background:var(--ink);color:#fff;padding:clamp(8rem,13vw,12rem) var(--pad) clamp(4rem,8vw,7rem);overflow:hidden}.studio-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(2rem,7vw,8rem);align-items:end}.studio-hero h1{font:600 clamp(3.5rem,7.5vw,8rem)/.9 "Bricolage Grotesque";letter-spacing:-.065em;margin:0}.studio-hero h1 em{display:block;color:var(--orange);font-style:normal;font-weight:500}.studio-hero-copy{color:#b5b4b0;font-size:clamp(1rem,1.5vw,1.25rem);max-width:560px}.studio-hero-copy p{margin:0 0 1.5rem}.studio-index{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#bdb8ad;border:1px solid #bdb8ad}.studio-card{background:var(--paper);min-height:420px;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;position:relative;overflow:hidden}.studio-card:hover{background:#fff}.studio-card-number{font-size:.7rem;letter-spacing:.15em;color:var(--orange)}.studio-card h2{font:600 clamp(2.3rem,4.5vw,5rem)/.95 "Bricolage Grotesque";letter-spacing:-.05em;margin:auto 0 1rem}.studio-card p{color:#666;max-width:520px;margin:0}.studio-card .arrow{position:absolute;right:2rem;top:2rem}.archive-intro{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(2rem,6vw,7rem);align-items:start}.archive-intro h2{font:500 clamp(2.5rem,5vw,5.2rem)/1 "Bricolage Grotesque";letter-spacing:-.05em;margin:0}.archive-intro-copy{max-width:720px;color:#62605b;font-size:1.08rem}.archive-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #c8c3b9;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.gallery-section{padding-top:0}.art-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.8rem,2vw,1.6rem)}.art-card{margin:0;grid-column:span 4}.art-card.wide{grid-column:span 8}.art-card.tall{grid-column:span 4;grid-row:span 2}.art-card img{width:100%;height:100%;max-height:720px;min-height:280px;object-fit:cover;background:#d8d4ca}.art-card.tall img{aspect-ratio:3/4}.art-card.wide img{aspect-ratio:16/9}.art-card:not(.wide,.tall) img{aspect-ratio:1}.art-card figcaption{padding:.75rem 0 1.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#68655f}.book-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:start}.book-card:nth-child(even){margin-top:clamp(2rem,7vw,7rem)}.book-card img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#dfdbd1;padding:clamp(.7rem,2vw,1.5rem)}.book-card p{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#68655f}.work-note{max-width:var(--max);margin:auto;background:var(--orange);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.work-note h2{font:600 clamp(2rem,4vw,4rem)/1 "Bricolage Grotesque";margin:0;letter-spacing:-.045em}.work-note p{max-width:650px;margin:0}.about-page{background:var(--paper)}.about-hero{min-height:760px;background:var(--ink);color:#fff;padding:clamp(8rem,12vw,11rem) var(--pad) 5rem;display:grid;align-items:end}.about-hero-inner{max-width:var(--max);margin:auto;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,8rem);align-items:end}.about-hero h1{font:600 clamp(3.5rem,7vw,7.5rem)/.92 "Bricolage Grotesque";letter-spacing:-.06em;margin:0}.about-hero h1 em{display:block;color:var(--orange);font-style:normal;font-weight:500}.about-summary{color:#b9b7b2;font-size:1.15rem;max-width:520px}.timeline{max-width:var(--max);margin:auto}.timeline-row{display:grid;grid-template-columns:.25fr .75fr 1fr;gap:2rem;border-top:1px solid #c5c0b6;padding:2rem 0}.timeline-row span{color:var(--orange);font-size:.75rem;letter-spacing:.12em}.timeline-row h3{font:600 clamp(1.35rem,2vw,2rem) "Bricolage Grotesque";margin:0}.timeline-row p{color:#666;margin:0;max-width:620px}.page-nav{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:2rem;border-top:1px solid #c5c0b6;padding-top:2rem}.page-nav a{font-weight:600}.page-nav a:hover{color:var(--orange)}
@media(max-width:900px){.studio-hero-inner,.archive-intro,.about-hero-inner{grid-template-columns:1fr}.studio-index{grid-template-columns:1fr}.studio-card{min-height:320px}.art-card,.art-card.wide,.art-card.tall{grid-column:span 6;grid-row:auto}.book-grid{grid-template-columns:repeat(2,1fr)}.work-note{grid-template-columns:1fr}.timeline-row{grid-template-columns:.25fr .75fr}.timeline-row p{grid-column:2}.about-hero{min-height:680px}}
@media(max-width:620px){.studio-hero{padding-top:7rem}.studio-hero h1,.about-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.art-card,.art-card.wide,.art-card.tall{grid-column:1/-1}.art-card img,.art-card.wide img,.art-card.tall img{aspect-ratio:auto;min-height:0;max-height:none}.book-grid{grid-template-columns:1fr 1fr;gap:1rem}.book-card:nth-child(even){margin-top:2rem}.timeline-row{grid-template-columns:1fr}.timeline-row p{grid-column:auto}.page-nav{flex-direction:column}}
.site-nav [aria-current="page"]{color:var(--orange)}.error-page{min-height:calc(100svh - 92px);background:var(--ink);color:#fff;display:grid;place-items:center;padding:8rem var(--pad)}.error-inner{max-width:900px}.error-code{color:var(--orange);font-size:.75rem;letter-spacing:.18em}.error-page h1{font:600 clamp(3.5rem,8vw,8rem)/.92 "Bricolage Grotesque";letter-spacing:-.06em;margin:1rem 0 2rem}.error-page p{color:#aaa;max-width:580px;font-size:1.1rem}
/* Art-led editorial layout */
.home-page .hero{height:min(100svh,920px);min-height:760px;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:clamp(2rem,5vw,6rem);background:linear-gradient(125deg,#151514 0%,#191918 62%,#24211e 100%)}.home-page .hero h1{font-size:clamp(3.6rem,6.25vw,7rem)}.hero-collage{height:min(65vw,680px);position:relative;z-index:2}.hero-piece{position:absolute;margin:0;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;background:#2a2926}.hero-piece img{width:100%;height:100%;object-fit:cover}.hero-piece-one{width:47%;height:66%;left:4%;top:4%;transform:rotate(-5deg);z-index:2}.hero-piece-two{width:39%;height:57%;right:5%;top:13%;transform:rotate(5deg);z-index:3}.hero-piece-three{width:57%;height:34%;left:21%;bottom:3%;transform:rotate(-1.5deg);z-index:4}.hero-stamp{position:absolute;right:-1%;bottom:4%;width:160px;aspect-ratio:1;border-radius:50%;background:var(--orange);color:#171717;z-index:5;display:grid;place-content:center;text-align:center;transform:rotate(6deg);box-shadow:0 15px 45px rgba(0,0,0,.3)}.hero-stamp strong{font:700 3.2rem/.8 "Bricolage Grotesque"}.hero-stamp span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.6rem}.home-page .section-intro{grid-template-columns:.34fr 1.16fr .5fr}.home-page .project-grid{grid-template-columns:repeat(12,1fr);gap:clamp(2rem,5vw,5.5rem) clamp(1rem,2.5vw,2.5rem)}.home-page .project{grid-column:span 5}.home-page .project:nth-child(1){grid-column:span 7}.home-page .project:nth-child(2){margin-top:7rem}.home-page .project:nth-child(3){grid-column:2/span 5}.home-page .project:nth-child(4){grid-column:7/span 6;margin-top:-4rem}.home-page .project-feature,.home-page .project-wide{grid-row:auto}.home-page .project-feature .project-image img{aspect-ratio:16/11}.home-page .project-wide .project-image img{aspect-ratio:4/3}.practice-ribbon{background:var(--orange);color:#171717;padding:1.15rem var(--pad);display:flex;gap:clamp(1rem,3vw,3rem);align-items:center;white-space:nowrap;overflow:hidden;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:600}.practice-ribbon span:before{content:"•";margin-right:clamp(1rem,3vw,3rem)}.practice-ribbon a{margin-left:auto;border-bottom:1px solid #171717}.projects-page .portfolio-list{grid-template-columns:repeat(12,1fr);align-items:start}.projects-page .portfolio-item{grid-column:span 5}.projects-page .portfolio-item:nth-child(1),.projects-page .portfolio-item:nth-child(4),.projects-page .portfolio-item:nth-child(5){grid-column:span 7}.projects-page .portfolio-item:nth-child(2),.projects-page .portfolio-item:nth-child(6){margin-top:7rem}.projects-page .portfolio-item:last-child:nth-child(odd){display:block}.projects-page .portfolio-item:nth-child(3){margin-left:8%}.projects-page .portfolio-item:nth-child(4){margin-top:-2rem}.projects-page .portfolio-item:nth-child(odd) .portfolio-media img{aspect-ratio:16/10}.projects-page .portfolio-item:nth-child(even) .portfolio-media img{aspect-ratio:4/3}.studio-showcase{background:#171716}.studio-showcase .studio-index{background:#171716;border:0;gap:clamp(1rem,2vw,2rem)}.studio-showcase .studio-card{min-height:620px;color:#fff;background:#222;justify-content:flex-end;isolation:isolate}.studio-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.75);transition:transform .7s ease,filter .4s ease}.studio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.9) 92%);z-index:-1}.studio-showcase .studio-card:hover{background:#222}.studio-card:hover .studio-card-art{transform:scale(1.035);filter:saturate(1)}.studio-showcase .studio-card-number{position:absolute;left:2rem;top:2rem;background:var(--orange);color:#171717;padding:.45rem .65rem}.studio-showcase .studio-card h2{margin:auto 0 1rem;text-shadow:0 3px 18px rgba(0,0,0,.4)}.studio-showcase .studio-card p{color:#d0cfcb}.studio-showcase .studio-card .arrow{color:#fff}
@media(max-width:900px){.home-page .hero{grid-template-columns:1fr;min-height:920px;height:auto}.hero-collage{position:absolute;width:55vw;height:55vw;right:-5vw;bottom:3rem;opacity:.72}.hero-stamp{width:120px}.home-page .project-grid,.projects-page .portfolio-list{grid-template-columns:1fr 1fr}.home-page .project,.home-page .project:nth-child(n),.projects-page .portfolio-item,.projects-page .portfolio-item:nth-child(n){grid-column:auto;margin:0}.home-page .section-intro{grid-template-columns:1fr}.studio-showcase .studio-card{min-height:500px}}
@media(max-width:620px){.home-page .hero{min-height:830px;padding-bottom:11rem}.home-page .hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}.hero-collage{width:78vw;height:60vw;right:-18vw;bottom:1.5rem}.hero-piece-three{display:none}.hero-stamp{width:95px;right:12%;bottom:0}.hero-stamp strong{font-size:2.2rem}.hero-stamp span{font-size:.5rem}.home-page .project-grid,.projects-page .portfolio-list{grid-template-columns:1fr}.practice-ribbon span:nth-child(n+4){display:none}.practice-ribbon a{margin-left:0}.studio-showcase .studio-index{grid-template-columns:1fr}.studio-showcase .studio-card{min-height:440px}}

/* Hero identity: keep the original circular V mark as the focal seal. */
.hero-stamp{width:172px;padding:30px;background:var(--orange);place-content:center}
.hero-stamp img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.hero-experience{position:absolute;left:0;bottom:0;z-index:6;display:flex;align-items:flex-end;gap:.7rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero-experience strong{font:700 3.2rem/.8 "Bricolage Grotesque",sans-serif;color:var(--orange)}
.hero-experience span{font-size:.62rem;line-height:1.45;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.hero-stamp{width:126px;padding:22px}.hero-experience{left:8%;bottom:2%}}
@media(max-width:620px){.hero-stamp{width:100px;padding:18px}.hero-experience{left:4%;bottom:-5%}.hero-experience strong{font-size:2.2rem}.hero-experience span{font-size:.5rem}}

/* V seal with concentric outer rings. */
.hero-stamp{width:clamp(190px,17vw,270px);padding:0;background:transparent;place-content:center;overflow:visible;box-shadow:none}
.hero-mark-disc{position:absolute;inset:22%;border-radius:50%;display:grid;place-items:center;background:var(--orange);z-index:2;box-shadow:0 14px 38px rgba(0,0,0,.3)}
.hero-mark-disc img{display:block;width:48%;height:62%;object-fit:contain;filter:brightness(0) invert(1)}
.hero-orbit{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(255,255,255,.5);border-radius:50%;z-index:1}
.hero-orbit-inner{width:76%;aspect-ratio:1}.hero-orbit-outer{width:100%;aspect-ratio:1;border-color:rgba(255,255,255,.24)}

/* Site-wide typography: sturdy editorial headings and a quiet readable body. */
body{font-family:"Source Sans 3",Arial,sans-serif}
.hero h1,.section-intro h2,.services h2,.about h2,.project-meta h3,.service h3,
.manifesto blockquote,.contact h2,.page-hero h1,.portfolio-copy h2,.originals-heading h2,
.original-card h3,.contact-intro h1,.studio-hero h1,.studio-card h2,.archive-intro h2,
.work-note h2,.about-hero h1,.timeline-row h3,.error-page h1,.process-grid h3,
.hero-art p,.hero-experience strong{font-family:"Archivo",Arial,sans-serif!important}
.hero h1,.page-hero h1,.studio-hero h1,.about-hero h1,.contact-intro h1,.error-page h1{letter-spacing:-.038em}
.about-hero h1{font-size:clamp(3rem,5.7vw,6.25rem);line-height:.96}
.page-hero h1{font-size:clamp(3rem,5.7vw,6.2rem);line-height:.96}
@media(max-width:900px){.hero-stamp{width:170px;padding:0}}
@media(max-width:620px){.hero-stamp{width:135px;padding:0}.about-hero h1,.page-hero h1{font-size:clamp(2.5rem,11vw,3.5rem)}}

/* Restored original homepage hero: clean V mark, orange disc, and orbital rings. */
.home-page .hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0}
.home-page .hero-art{height:min(50vw,620px);position:relative;display:grid;place-items:center}
@media(max-width:900px){.home-page .hero{grid-template-columns:1fr;min-height:900px}.home-page .hero-art{position:absolute;width:55vw;height:min(50vw,620px);right:-8vw;bottom:3rem;opacity:.65}}
@media(max-width:620px){.home-page .hero{min-height:780px;padding-bottom:7rem}.home-page .hero-art{width:70vw;right:-25vw;bottom:3rem}}

/* Curated homepage feature section. */
.featured-work{padding:clamp(5rem,9vw,9rem) var(--pad);background:#f2efe8;color:#171716}
.featured-heading{max-width:var(--max);margin:0 auto clamp(3rem,6vw,5.5rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,8vw,9rem);align-items:end}
.featured-heading h2{font:600 clamp(2.8rem,5.5vw,5.8rem)/.98 "Archivo",Arial,sans-serif;letter-spacing:-.045em;margin:.8rem 0 0;max-width:900px}
.featured-heading>div:last-child{max-width:430px;padding-bottom:.35rem;color:#615f5a}.featured-heading>div:last-child p{margin:0 0 1.5rem}
.featured-lead{max-width:var(--max);margin:0 auto clamp(2rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(390px,.72fr);background:#191918;color:#fff;min-height:560px;overflow:hidden}
.featured-lead-image{min-width:0;overflow:hidden}.featured-lead-image img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.featured-lead-copy{min-width:0;padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;position:relative}.project-number,.project-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.project-number{color:var(--orange);margin:0}.featured-lead-copy>div{min-width:0;margin:auto 0}.featured-lead h3,.featured-card h3{font:600 clamp(2rem,3.8vw,4rem)/1 "Archivo",Arial,sans-serif;letter-spacing:-.035em;margin:.65rem 0 1rem}.featured-lead h3{font-size:clamp(2.25rem,3.1vw,3.6rem);line-height:.98;letter-spacing:-.04em;overflow-wrap:anywhere}.featured-lead-copy>div>p:last-child{color:#c9c7c1;max-width:33ch}.featured-arrow{font-size:2rem;align-self:flex-end;transition:transform .2s}.featured-lead:hover img,.featured-card:hover img{transform:scale(1.025)}.featured-lead:hover .featured-arrow,.featured-card:hover .featured-arrow{transform:translate(4px,-4px)}
.featured-pair{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,3rem)}.featured-card{display:block}.featured-card-image{overflow:hidden;background:#d8d3c9}.featured-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.featured-card-copy{display:flex;justify-content:space-between;gap:1rem;padding:1.35rem 0 1.75rem;border-bottom:1px solid #bdb8ae}.featured-card-copy .project-kicker{color:#706d66;margin:0}.featured-card h3{font-size:clamp(1.7rem,2.7vw,3rem);margin:.5rem 0 0}
@media(max-width:900px){.featured-heading{grid-template-columns:1fr;gap:1.5rem}.featured-lead{grid-template-columns:1fr;min-height:0}.featured-lead-image img{min-height:0;aspect-ratio:16/10}.featured-lead-copy{min-height:330px}.featured-pair{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.featured-work{padding-top:4.5rem}.featured-heading{margin-bottom:2.5rem}.featured-heading h2{font-size:clamp(2.4rem,11vw,3.5rem)}.featured-lead-copy{min-height:300px}.featured-pair{grid-template-columns:1fr;gap:2.5rem}.featured-card h3{font-size:1.8rem}}

/* Keep the shared header layered consistently on every nested page. */
.inner-header{position:absolute;top:0;left:0;right:0;width:100%;background:transparent}
.studio-hero h1{font-size:clamp(3rem,5.8vw,6.3rem);line-height:.94}
.page-hero-inner,.studio-hero-inner,.about-hero-inner,.archive-intro>*,.contact-layout>*{min-width:0}
@media(max-width:620px){
  .page-hero h1,.studio-hero h1,.about-hero h1,.contact-intro h1{font-size:clamp(2.35rem,11vw,3.15rem);line-height:1}
  .page-hero h1,.studio-hero h1,.about-hero h1{overflow-wrap:break-word}
  .page-hero-inner,.studio-hero-inner,.about-hero-inner{display:block;width:100%}
  .page-hero-lede,.studio-hero-copy,.about-summary{width:100%;max-width:calc(100vw - (2 * var(--pad)));overflow-wrap:anywhere;margin-top:1.5rem}
  .portfolio-list,.project-grid,.studio-index,.art-grid{min-width:0;width:100%}
}

/* Preserve complete portfolio compositions.
   Artwork, covers, packaging, and website captures should be presented as work,
   not cropped like decorative photography. */
.featured-lead-image,
.featured-card-image,
.portfolio-media,
.original-card,
.art-card{
  background:#ded9cf;
}
.featured-lead-image{
  display:grid;
  place-items:center;
  padding:clamp(.65rem,1.5vw,1.35rem);
}
.featured-lead-image img{
  width:100%;
  height:auto;
  min-height:0;
  max-height:680px;
  object-fit:contain;
  object-position:center;
}
.featured-card-image{
  display:grid;
  place-items:center;
  padding:clamp(.45rem,1vw,.85rem);
}
.featured-card-image img,
.portfolio-media img,
.projects-page .portfolio-item:nth-child(odd) .portfolio-media img,
.projects-page .portfolio-item:nth-child(even) .portfolio-media img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
.portfolio-media{
  display:grid;
  place-items:center;
  padding:clamp(.5rem,1.2vw,1rem);
}
.portfolio-media img{max-height:720px}
.original-card img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  max-height:760px;
  object-fit:contain;
  object-position:center;
}
.art-card img,
.art-card.wide img,
.art-card.tall img,
.art-card:not(.wide,.tall) img{
  width:100%;
  height:auto;
  min-height:0;
  max-height:760px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
.book-card img{object-fit:contain;object-position:center}
.featured-lead:hover img,
.featured-card:hover img,
.portfolio-item:hover .portfolio-media img,
.project:hover img{transform:none}
@media(max-width:900px){
  .featured-lead-image img{aspect-ratio:auto;max-height:none}
}

/* Projects catalog: a steady, expandable system without editorial staggering. */
.projects-page .page-hero-inner{
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:clamp(2rem,6vw,7rem);
}
.projects-catalog{padding-top:clamp(4rem,7vw,7rem)}
.catalog-feature{
  max-width:var(--max);
  margin:0 auto clamp(4rem,7vw,7rem);
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr);
  min-height:600px;
  overflow:hidden;
  background:#191918;
  color:#fff;
}
.catalog-feature-media{
  min-width:0;
  display:grid;
  place-items:center;
  padding:clamp(1rem,2.5vw,2.5rem);
  background:#e7e3da;
}
.catalog-feature-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:contain;
}
.catalog-feature-copy{
  min-width:0;
  padding:clamp(2rem,4vw,4.25rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.catalog-feature-copy .portfolio-number{color:var(--orange)}
.catalog-feature-copy h2{
  margin:1rem 0 1.5rem;
  font:600 clamp(2.4rem,3.1vw,3.6rem)/.96 "Archivo",Arial,sans-serif;
  letter-spacing:-.045em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.catalog-feature-copy>p:not(.portfolio-services){max-width:36ch;color:#d1cec7;font-size:clamp(1rem,1.3vw,1.18rem)}
.catalog-feature-copy .portfolio-services{margin-top:1.5rem;color:#aaa69f}
.catalog-feature-copy .portfolio-link{align-self:flex-start;color:#fff;border-color:#67645e}
.catalog-feature-copy .portfolio-link:hover{border-color:var(--orange)}
.catalog-heading{
  max-width:var(--max);
  margin:0 auto clamp(2.5rem,5vw,4.5rem);
  padding-bottom:clamp(1.5rem,3vw,2.5rem);
  border-bottom:1px solid #bdb8ad;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:clamp(2rem,6vw,7rem);
  align-items:end;
}
.catalog-heading h2{
  margin:.55rem 0 0;
  font:600 clamp(2.25rem,4.3vw,4.75rem)/.98 "Archivo",Arial,sans-serif;
  letter-spacing:-.038em;
}
.catalog-heading>p{
  max-width:540px;
  margin:0;
  color:#65625d;
  font-size:clamp(1rem,1.3vw,1.15rem);
}
.projects-page .portfolio-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(2.5rem,4vw,4rem) clamp(1.25rem,2.4vw,2.25rem);
  align-items:stretch;
}
.projects-page .portfolio-item,
.projects-page .portfolio-item:nth-child(n),
.projects-page .portfolio-item:last-child:nth-child(odd){
  grid-column:auto;
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  padding:0;
}
.projects-page .portfolio-media{
  width:100%;
  aspect-ratio:4/3;
  padding:clamp(.6rem,1vw,.9rem);
  background:#ded9cf;
  overflow:hidden;
}
.projects-page .portfolio-media img,
.projects-page .portfolio-item:nth-child(odd) .portfolio-media img,
.projects-page .portfolio-item:nth-child(even) .portfolio-media img{
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
}
.projects-page .portfolio-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.35rem 0 0;
  border-top:3px solid var(--ink);
}
.projects-page .portfolio-copy h2{
  min-height:2em;
  margin:.65rem 0 .8rem;
  font-size:clamp(1.55rem,2.35vw,2.45rem);
  line-height:1;
}
.projects-page .portfolio-copy>p:not(.portfolio-services){
  min-height:0;
  margin-top:0;
}
.projects-page .portfolio-services{margin-top:auto;padding-top:1rem}
.projects-page .portfolio-link{align-self:flex-start}
.projects-page .originals{color:#f4f0e8;background:#171716;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.projects-page .originals-heading{
  grid-template-columns:minmax(220px,.62fr) minmax(460px,1.38fr);
  align-items:end;
  gap:clamp(2rem,7vw,8rem);
  margin-bottom:clamp(2.5rem,5vw,5rem);
  padding-bottom:clamp(2rem,4vw,3.5rem);
  border-bottom:1px solid #46433e;
}
.projects-page .originals-heading .eyebrow{color:var(--orange)}
.projects-page .originals-index{margin:1.25rem 0 0;color:#8f8b83;font-size:.66rem;text-transform:uppercase;letter-spacing:.16em}
.projects-page .originals-heading h2{font-size:clamp(3.2rem,6vw,6.8rem);line-height:.88;letter-spacing:-.065em}
.projects-page .originals-heading h2 em{display:block;color:var(--orange);font-style:normal;font-weight:500}
.projects-page .original-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);gap:clamp(1.25rem,2.5vw,2.5rem);border-top:0}
.projects-page .original-card,.projects-page .original-card+.original-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);min-width:0;min-height:0;padding:0;border:0;color:#f4f0e8;background:#242321}
.projects-page .original-card-feature{grid-row:span 2;display:flex;flex-direction:column}
.projects-page .original-card-image{position:relative;min-height:280px;overflow:hidden;background:#1d1c1a}
.projects-page .original-card-feature .original-card-image{min-height:clamp(520px,57vw,780px)}
.projects-page .original-card img{width:100%;height:100%;aspect-ratio:auto;margin:0;padding:0;object-fit:contain;background:#1d1c1a;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.projects-page .original-card:not(.original-card-feature) img{object-position:center top}
.projects-page .original-card:hover img{transform:scale(1.025);filter:saturate(1.08)}
.projects-page .original-card-number{position:absolute;top:1rem;left:1rem;display:grid!important;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#171716!important;background:var(--orange);font-weight:700;font-size:.72rem!important;letter-spacing:.08em}
.projects-page .original-card-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.35rem,2.5vw,2.25rem)}
.projects-page .original-card-copy>span{color:var(--orange);font-size:.66rem;text-transform:uppercase;letter-spacing:.13em}
.projects-page .original-card h3{margin:.65rem 0 .8rem;font-size:clamp(1.75rem,3.2vw,3.5rem);line-height:.95;letter-spacing:-.045em}
.projects-page .original-card:not(.original-card-feature) h3{font-size:clamp(1.5rem,2.25vw,2.5rem)}
.projects-page .original-card p{color:#aaa69f;line-height:1.65}
@media(max-width:1050px){
  .catalog-feature{grid-template-columns:1fr;min-height:0}
  .catalog-feature-media{padding:clamp(1rem,4vw,2.5rem)}
  .catalog-feature-copy{min-height:390px}
  .projects-page .portfolio-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-page .original-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
  .projects-page .original-card:not(.original-card-feature){grid-template-columns:1fr}
  .projects-page .original-card:not(.original-card-feature) .original-card-image{min-height:220px}
}
@media(max-width:760px){
  .catalog-feature{margin-bottom:4rem}
  .catalog-feature-copy{min-height:0;padding:2rem 1.5rem 2.5rem}
  .catalog-feature-copy h2{font-size:clamp(2.35rem,12vw,3.5rem)}
  .projects-page .page-hero-inner,.catalog-heading,.projects-page .originals-heading{grid-template-columns:1fr;gap:1.25rem}
  .projects-page .portfolio-list,.projects-page .original-grid{grid-template-columns:1fr}
  .projects-page .portfolio-copy h2{min-height:0}
  .projects-page .originals-heading h2{font-size:clamp(2.9rem,15vw,4.8rem)}
  .projects-page .original-card,.projects-page .original-card+.original-card{display:flex;flex-direction:column;padding:0;border:0}
  .projects-page .original-card-feature .original-card-image{min-height:0;aspect-ratio:4/5}
  .projects-page .original-card:not(.original-card-feature) .original-card-image{min-height:0;aspect-ratio:4/3}
}

/* Publishing archive: consistent presentation, with the work—not staggered tiles—as the focus. */
.publishing-page .book-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(2.5rem,5vw,5rem) clamp(1.25rem,2.5vw,2.5rem);
  align-items:start;
}
.publishing-page .book-card,
.publishing-page .book-card:nth-child(even){
  min-width:0;
  margin:0;
}
.publishing-page .book-image{
  width:100%;
  aspect-ratio:4/5;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(.5rem,1vw,.85rem);
  background:#e5e1d8;
  border-bottom:3px solid var(--ink);
}
.publishing-page .book-image img{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  background:transparent;
  object-fit:contain;
  object-position:center;
}
.publishing-page .book-card-copy{padding-top:1rem}
.publishing-page .book-card-copy p{
  margin:0 0 .45rem;
  color:var(--orange);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.publishing-page .book-card h3{
  margin:0;
  font:600 clamp(1.25rem,1.8vw,1.75rem)/1.08 "Archivo",Arial,sans-serif;
  letter-spacing:-.025em;
}
@media(max-width:900px){.publishing-page .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .publishing-page .book-grid{grid-template-columns:1fr;gap:2.75rem}
  .publishing-page .book-image{aspect-ratio:auto;min-height:360px;max-height:620px}
}

/* Keep the LionBerry title on natural word boundaries. */
.featured-lead h3{
  font-size:clamp(2.1rem,2.75vw,3.25rem);
  letter-spacing:-.045em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* KRBC: show the illustrated identity system instead of reducing the work to one screenshot. */
.krbc-art-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(.35rem,.8vw,.7rem);
  padding:clamp(.45rem,.8vw,.7rem);
  background:#2a2926;
}
.projects-page .portfolio-media.krbc-art-grid img,
.krbc-digital-card .krbc-art-grid img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  aspect-ratio:1;
  padding:0;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.krbc-digital-card .krbc-art-grid{width:100%;aspect-ratio:4/3}
.krbc-digital-card>figcaption{margin-top:1rem}

/* Full-work image policy: portfolio art is shown intact unless it is purely decorative. */
.studio-showcase .studio-card{background:#222}
.studio-showcase .studio-card:first-child{background:#f2efe8}
.studio-showcase .studio-card:first-child .studio-card-art{
  content:url("../images/krbc/bear.jpg");
  object-fit:contain;
  background:#f2efe8;
  padding:clamp(1rem,3vw,2.5rem);
}
.studio-showcase .studio-card:first-child:after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 32%,rgba(0,0,0,.9) 96%);
}
.studio-showcase .studio-card-art{
  inset:clamp(1rem,2vw,1.75rem);
  width:calc(100% - clamp(2rem,4vw,3.5rem));
  height:calc(100% - clamp(2rem,4vw,3.5rem));
  object-fit:contain;
  object-position:center;
  transform:none;
  filter:saturate(.88);
}
.studio-showcase .studio-card:hover .studio-card-art{
  transform:none;
  filter:saturate(1);
}
.studio-showcase .studio-card:after{
  background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.94) 94%);
}
.publishing-collage{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1.08fr .82fr .72fr;gap:clamp(.35rem,.8vw,.7rem);padding:clamp(3.8rem,7vw,5.5rem) clamp(1rem,2.5vw,2.25rem) 10.5rem;background:#292927;overflow:hidden}
.publishing-collage img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center;box-shadow:0 12px 32px rgba(0,0,0,.32);transform:rotate(-2deg)}
.publishing-collage img:nth-child(2){transform:translateY(1.4rem) rotate(1.5deg)}
.publishing-collage img:nth-child(3){transform:translateY(.35rem) rotate(3deg)}
.publishing-card:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.94) 88%)!important}
.process-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.process-grid-five li{padding-right:1.15rem}
.process-grid-five li+li{padding-left:1.15rem}
@media(max-width:900px){.process-grid-five{grid-template-columns:repeat(2,1fr)}.process-grid-five li:nth-child(2),.process-grid-five li:nth-child(4){border-right:0}.process-grid-five li:last-child{grid-column:1/-1}.publishing-collage{padding-bottom:9.5rem}}
@media(max-width:620px){.process-grid-five{grid-template-columns:1fr}.process-grid-five li:last-child{grid-column:auto}.publishing-collage{grid-template-columns:1fr 1fr 1fr;padding:4.5rem .8rem 9.25rem}.publishing-collage img:nth-child(2){transform:translateY(.8rem) rotate(1.5deg)}}
.art-card{align-self:start;background:transparent}
.art-card img,
.art-card.wide img,
.art-card.tall img,
.art-card:not(.wide,.tall) img{
  display:block;
  background:#ded9cf;
}

/* Expanded client archive: sculpture, storyboards, civic identity, and concept work. */
.projects-page .portfolio-media-split{
  display:grid;
  grid-template-rows:minmax(0,1fr) minmax(92px,.28fr);
  gap:0;
  background:#242423;
}
.projects-page .portfolio-media-split img{
  width:100%;height:100%;max-height:none;object-fit:contain;padding:0;
}
.projects-page .portfolio-media-split img:last-child{
  background:#242423;padding:1.15rem clamp(1rem,4vw,2.5rem);
}
.projects-page .storyboard-media{background:#eeece6}
.projects-page .storyboard-media img{object-fit:contain;object-position:top center;padding:1rem}
.projects-page .civic-logo-media{background:#f7f6f2}
.projects-page .civic-logo-media img{object-fit:contain;padding:clamp(1rem,4vw,2.75rem)}
.projects-page .logo-project-media{background:#f1efe9}
.projects-page .logo-project-media img{object-fit:contain;padding:clamp(1.25rem,5vw,3.5rem)}
.projects-page .character-project-media{background:#fff}
.projects-page .character-project-media img{object-fit:contain;padding:clamp(.75rem,2.5vw,1.5rem)}
.projects-page .concept-art-media{background:#f4f2ed}
.projects-page .concept-art-media img{object-fit:contain;object-position:center top;padding:1rem}

/* Portfolio hub: disciplines first, then cross-disciplinary projects and original IP. */
.portfolio-directory{background:#efebe3;padding-top:clamp(4.5rem,8vw,8rem);padding-bottom:clamp(5rem,9vw,9rem)}
.directory-heading{max-width:var(--max);margin:0 auto clamp(2.5rem,5vw,4.5rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,7vw,8rem);align-items:end}
.directory-heading h2{max-width:800px;margin:.6rem 0 0;font:600 clamp(2.5rem,5.2vw,5.6rem)/.93 "Bricolage Grotesque";letter-spacing:-.055em}
.directory-heading>p{max-width:520px;margin:0;color:#625f59;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.7}
.discipline-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:#bdb7ac;border:1px solid #bdb7ac}
.discipline-card{grid-column:span 4;position:relative;min-height:370px;padding:clamp(1.5rem,2.7vw,2.75rem);display:flex;flex-direction:column;justify-content:space-between;background:#f9f6ef;overflow:hidden;transition:background .25s ease,color .25s ease}
.discipline-card:hover{background:#fff}
.discipline-card-web,.discipline-card-publishing{grid-column:span 6;min-height:440px}
.discipline-card-wide{grid-column:span 6;min-height:300px;background:var(--orange)}
.discipline-card-dark{color:#fff;background:#1b1b1a}
.discipline-card-dark:hover{background:#272624}
.discipline-number{font-size:.68rem;letter-spacing:.16em;color:#837e75}
.discipline-card>div p{margin:0 0 .8rem;color:var(--orange);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.discipline-card-wide>div p{color:#332b21}
.discipline-card-dark>div p{color:var(--orange)}
.discipline-card h3{margin:0 0 1rem;font:600 clamp(2rem,3.6vw,4.2rem)/.91 "Bricolage Grotesque";letter-spacing:-.055em}
.discipline-card>div>span{display:block;max-width:390px;color:#65615b;font-size:.92rem;line-height:1.55}
.discipline-card-wide>div>span{color:#3d3429}
.discipline-card-dark>div>span{color:#aaa69f}
.discipline-card>b{position:absolute;top:clamp(1.5rem,2.7vw,2.75rem);right:clamp(1.5rem,2.7vw,2.75rem);font-size:1.35rem;font-weight:400}
#integrated-projects{scroll-margin-top:1rem}
@media(max-width:900px){
  .directory-heading{grid-template-columns:1fr;gap:1.5rem}
  .discipline-card,.discipline-card-web,.discipline-card-publishing{grid-column:span 6;min-height:350px}
}
@media(max-width:620px){
  .discipline-grid{grid-template-columns:1fr}
  .discipline-card,.discipline-card-web,.discipline-card-publishing,.discipline-card-wide{grid-column:auto;min-height:300px}
}

/* Portfolio directory: art-led panels rather than a uniform category matrix. */
.projects-page .portfolio-directory{color:#f4f0e8;background:#171716}
.projects-page .directory-heading{padding-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid #45423d}
.projects-page .directory-heading h2{color:#fff}
.projects-page .directory-heading>p{color:#aaa69f}
.projects-page .discipline-grid{gap:clamp(.75rem,1.4vw,1.4rem);background:transparent;border:0}
.projects-page .discipline-card{isolation:isolate;justify-content:flex-end;min-height:clamp(370px,34vw,520px);color:#fff;background:#292825;border:0}
.projects-page .discipline-card:before,.projects-page .discipline-card:after{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.projects-page .discipline-card:after{z-index:-1;background:linear-gradient(180deg,rgba(12,12,11,.08) 18%,rgba(12,12,11,.94) 92%)}
.projects-page .discipline-card:hover:before{transform:scale(1.035);filter:saturate(1.12)}
.projects-page .discipline-card-web:before{background-image:url("../images/michael-seward-website.png")}
.projects-page .discipline-card-publishing:before{background-image:url("../images/archive/book-collection.jpg")}
.projects-page .discipline-card:nth-child(3):before{background-image:url("../images/archive/logo-collection.jpg")}
.projects-page .discipline-card:nth-child(4):before{background-image:url("../images/archive/illustration-hoptic.jpg")}
.projects-page .discipline-card:nth-child(5):before{background-image:url("../images/archive/illustration-technical.jpg")}
.projects-page .discipline-card:nth-child(6):before{background-image:url("../images/portfolio/mastercast-hand-sculpted-wounds.webp")}
.projects-page .discipline-card:nth-child(7):before{background-image:url("../images/lionberry-feature.png")}
.projects-page .discipline-card:nth-child(8):before{background-image:url("../images/oggys-army.webp");background-position:center 22%}
.projects-page .discipline-card-web,.projects-page .discipline-card-publishing{min-height:clamp(500px,45vw,680px)}
.projects-page .discipline-card-wide{min-height:clamp(380px,32vw,500px);background:#292825}
.projects-page .discipline-number{position:absolute;top:clamp(1.5rem,2.7vw,2.75rem);left:clamp(1.5rem,2.7vw,2.75rem);color:#fff}
.projects-page .discipline-card>div p,.projects-page .discipline-card-wide>div p{color:var(--orange)}
.projects-page .discipline-card h3{font-size:clamp(2.2rem,3.7vw,4.5rem);text-shadow:0 3px 24px rgba(0,0,0,.42)}
.projects-page .discipline-card>div>span,.projects-page .discipline-card-wide>div>span{color:#d0cec8}
.projects-page .discipline-card>b{color:#fff}

/* Studios / team */
.team-page{background:#171716}
.team-hero{padding:clamp(8rem,13vw,13rem) var(--pad) clamp(5rem,9vw,9rem);color:#fff;background:radial-gradient(circle at 78% 38%,rgba(241,104,28,.2),transparent 25%),#171716}
.team-hero-inner{max-width:var(--max);margin:auto}
.team-hero h1{max-width:1200px;margin:clamp(2rem,4vw,4rem) 0;font:600 clamp(3.8rem,8.4vw,9.5rem)/.84 "Bricolage Grotesque";letter-spacing:-.07em}
.team-hero h1 em{display:block;color:var(--orange);font-style:normal;font-weight:500}
.team-hero-foot{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:clamp(2rem,8vw,9rem);align-items:end;border-top:1px solid #46433e;padding-top:1.5rem}
.team-hero-foot p{max-width:560px;margin:0;color:#bab7b0;font-size:clamp(1rem,1.4vw,1.25rem)}
.team-hero-foot span{text-align:right;color:#77736c;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase}
.team-roster{padding:clamp(5rem,9vw,9rem) var(--pad);color:#191918;background:#eeeae1}
.team-roster-heading{max-width:var(--max);margin:0 auto clamp(3rem,6vw,6rem);display:grid;grid-template-columns:.45fr 1.55fr;gap:2rem;align-items:start}
.team-roster-heading h2{margin:0;font:600 clamp(3rem,6vw,6.5rem)/.9 "Bricolage Grotesque";letter-spacing:-.06em}
.team-list{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}
.team-member{position:relative;min-height:clamp(420px,36vw,520px);padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background:#252421}
.team-member-lead{background:var(--orange);color:#1a1917}
.team-member-sound{background:#111}
.team-member-admin{grid-column:1/-1;min-height:360px;background:#393631}
.team-monogram{position:absolute;right:-.04em;bottom:-.16em;color:rgba(255,255,255,.075);font:700 clamp(11rem,20vw,22rem)/.7 "Bricolage Grotesque";letter-spacing:-.12em;white-space:nowrap}
.team-member-lead .team-monogram{color:rgba(26,25,23,.09)}
.team-count{font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}
.team-member-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}
.team-member h3{max-width:100%;margin:0;font:600 clamp(2.8rem,4.4vw,5rem)/.86 "Bricolage Grotesque";letter-spacing:-.055em}
.team-member p{max-width:360px;margin:0;color:#b9b5ad;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65}
.team-member-lead p{color:#3d3027}
.team-member p em{color:var(--orange);font-style:normal}
.team-principle{color:#fff;background:#171716}
.team-principle-inner{max-width:var(--max);margin:auto}
.team-principle blockquote{max-width:1100px;margin:2rem 0 3rem;font:500 clamp(2.7rem,6vw,6.5rem)/.98 "Bricolage Grotesque";letter-spacing:-.055em}
@media(max-width:900px){
  .team-hero-foot,.team-roster-heading{grid-template-columns:1fr}
  .team-hero-foot span{text-align:left}
  .team-member-copy{gap:1.5rem}
}
@media(max-width:700px){
  .team-list{grid-template-columns:1fr}
  .team-member,.team-member-admin{grid-column:auto;min-height:420px}
  .team-hero h1{font-size:clamp(3.3rem,16vw,5.5rem)}
}

/* Original work: one cinematic lead, then two balanced supporting stories. */
.projects-page .originals-heading{grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);align-items:end}
.projects-page .originals-heading h2{max-width:900px;font-size:clamp(3rem,5.25vw,5.8rem);line-height:.92}
.projects-page .original-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}
.projects-page .original-card,.projects-page .original-card+.original-card{display:flex;flex-direction:column;min-height:0;background:#242321}
.projects-page .original-card-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}
.projects-page .original-card-feature .original-card-image{min-height:0;aspect-ratio:16/10}
.projects-page .original-card-feature .original-card-copy{justify-content:center;padding:clamp(2rem,4vw,4.5rem)}
.projects-page .original-card-feature .original-card-copy:after{content:"Character design · Illustration · World-building · 3D · Story";display:block;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #48453f;color:#77736d;font-size:.62rem;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}
.projects-page .original-card:not(.original-card-feature){display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);min-height:360px}
.projects-page .original-card:not(.original-card-feature) .original-card-image{min-height:360px;aspect-ratio:auto}
.projects-page .original-card:not(.original-card-feature) .original-card-copy{justify-content:center}
.projects-page .original-card img,.projects-page .original-card:not(.original-card-feature) img{object-position:center;object-fit:contain;padding:clamp(.75rem,1.5vw,1.25rem)}
.projects-page .original-card-feature img{padding:clamp(1rem,2vw,2rem)}
.projects-page .original-card h3{font-size:clamp(2rem,3.4vw,4rem)}
.projects-page .original-card:not(.original-card-feature) h3{font-size:clamp(1.8rem,2.7vw,3rem)}
@media(max-width:1050px){
  .projects-page .original-card-feature{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
  .projects-page .original-card:not(.original-card-feature){grid-template-columns:1fr}
  .projects-page .original-card:not(.original-card-feature) .original-card-image{min-height:0;aspect-ratio:4/3}
}
@media(max-width:760px){
  .projects-page .originals-heading,.projects-page .original-grid{grid-template-columns:1fr}
  .projects-page .original-card-feature{grid-column:auto;display:flex;flex-direction:column}
  .projects-page .original-card-feature .original-card-image{aspect-ratio:4/5}
  .projects-page .original-card:not(.original-card-feature){display:flex;flex-direction:column}
  .projects-page .original-card:not(.original-card-feature) .original-card-image{aspect-ratio:4/3}
}
.testimonials{background:var(--ink);color:#fff}
.testimonials-inner{max-width:var(--max);margin:auto}
.testimonials-heading{display:grid;grid-template-columns:.45fr 1.55fr;gap:2rem;align-items:start;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.testimonials-heading h2{font:500 clamp(2.5rem,5vw,5rem)/1.02 "Bricolage Grotesque";letter-spacing:-.045em;margin:0;max-width:900px}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #4d4a45}
.testimonial-card{margin:0;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,4vw,4rem) clamp(2rem,4vw,4rem) 0;border-right:1px solid #4d4a45;display:flex;flex-direction:column;gap:2rem}
.testimonial-card+.testimonial-card{padding-left:clamp(1.5rem,4vw,4rem);border-right:0}
.testimonial-card blockquote{font:400 clamp(1.15rem,1.8vw,1.6rem)/1.45 "Bricolage Grotesque";margin:0;color:#e5e2db}
.testimonial-card figcaption{display:flex;flex-direction:column;gap:.2rem;margin-top:auto}
.testimonial-card figcaption strong{color:var(--orange);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.testimonial-card figcaption span{color:#aaa69f;font-size:.82rem}
@media(max-width:700px){
  .testimonials-heading,.testimonial-grid{grid-template-columns:1fr}
  .testimonial-card,.testimonial-card+.testimonial-card{padding:2rem 0;border-right:0;border-bottom:1px solid #4d4a45}
  .testimonial-card:last-child{border-bottom:0}
}

/* Clean final typography: one neutral sans-serif family throughout. */
html,body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,p,a,span,strong,em,blockquote,figcaption,
.site-nav,.hero-art p,.hero-experience strong,.discipline-card h3,
.team-monogram,.team-member h3,.team-principle blockquote,
.testimonial-card blockquote{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.hero h1,.page-hero h1,.studio-hero h1,.about-hero h1,.contact-intro h1,
.team-hero h1,.team-roster-heading h2,.team-member h3,.directory-heading h2,
.discipline-card h3,.projects-page .originals-heading h2,.projects-page .original-card h3{
  letter-spacing:-.035em
}

/* About the studio: founder context without reducing Vigilante to one person. */
.about-studio-page .about-hero{min-height:760px}
.about-studio-page .about-hero h1{font-size:clamp(3.5rem,7.2vw,7.8rem);line-height:.9}
.about-statement{background:#efebe3}
.about-statement-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(2rem,7vw,8rem)}
.about-statement h2{max-width:950px;margin:0;font-size:clamp(3rem,6vw,6.5rem);line-height:.94;letter-spacing:-.045em}
.about-statement-copy{max-width:760px;margin:clamp(2rem,4vw,3.5rem) 0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);color:#5f5b55;font-size:1.06rem}
.about-statement-copy p{margin:0}
.about-values{padding:clamp(5rem,9vw,9rem) var(--pad);color:#fff;background:#171716}
.about-values-heading{max-width:var(--max);margin:0 auto clamp(3rem,6vw,5rem);display:grid;grid-template-columns:.42fr 1.58fr;gap:2rem}
.about-values-heading h2{margin:0;font-size:clamp(3rem,5.6vw,6rem);line-height:.92;letter-spacing:-.04em}
.about-values-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #47443f}
.about-values-grid article{min-height:330px;padding:2rem clamp(1.25rem,3vw,3rem) 2rem 0;border-right:1px solid #47443f;display:flex;flex-direction:column}
.about-values-grid article+article{padding-left:clamp(1.25rem,3vw,3rem)}
.about-values-grid article:last-child{border-right:0}
.about-values-grid span{color:var(--orange);font-size:.68rem;letter-spacing:.15em}
.about-values-grid h3{margin:auto 0 1rem;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1}
.about-values-grid p{max-width:350px;margin:0;color:#aaa69f}
.founder-section{color:#171716;background:var(--orange)}
.founder-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(3rem,8vw,9rem);align-items:center}
.founder-mark{font-size:clamp(11rem,22vw,23rem);font-weight:700;line-height:.7;letter-spacing:-.12em;color:rgba(23,23,22,.1)}
.founder-copy h2{max-width:850px;margin:0 0 2rem;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.96;letter-spacing:-.04em}
.founder-copy>p:not(.eyebrow){max-width:720px;font-size:1.08rem}
.about-team-band{padding:clamp(5rem,9vw,9rem) var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);color:#fff;background:#242321}
.about-team-intro{max-width:650px}
.about-team-intro h2{margin:0 0 2rem;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.94;letter-spacing:-.04em}
.about-team-names{border-top:1px solid #504d47}
.about-team-names span{display:block;padding:1.1rem 0;border-bottom:1px solid #504d47;font-size:clamp(1.35rem,2vw,2rem);font-weight:600}
@media(max-width:900px){
  .about-statement-inner,.about-values-heading,.founder-inner,.about-team-band{grid-template-columns:1fr}
  .about-statement-copy{margin-left:0}
  .founder-mark{display:none}
}
@media(max-width:700px){
  .about-studio-page .about-hero h1{font-size:clamp(3.1rem,15vw,5rem)}
  .about-statement-copy,.about-values-grid{grid-template-columns:1fr}
  .about-values-grid article,.about-values-grid article+article{min-height:260px;padding:1.75rem 0;border-right:0;border-bottom:1px solid #47443f}
}