:root{--paper:#0a0a0a;--ink:#d8d4cb;--muted:#96968e;--line:#2c2c28;--accent:#c1272d;--sans:'Be Vietnam Pro',Arial,sans-serif;--serif:'Be Vietnam Pro',Arial,sans-serif}
body,.portfolio-page{background:#0a0a0a;color:#d8d4cb;--paper:#0a0a0a;--ink:#d8d4cb;--muted:#96968e;--line:#2c2c28;--accent:#c1272d}
.demo-bar,.portfolio-page .demo-bar{background:#141412;color:#96968e;border-bottom:1px solid #252522;font:400 10px/1.7 var(--sans);letter-spacing:.05em;text-transform:none;padding:5px 4.5%}
.header,.portfolio-page .header{background:#0a0a0af5;border-color:#252522;padding-top:12px;padding-bottom:12px;gap:28px}
.brand-logo{display:block;background:#f8f8f5;padding:6px 9px;flex-shrink:0;width:226px;line-height:0;border-radius:0}
.brand-logo img{display:block;width:100%;height:auto;aspect-ratio:3772/1251;object-fit:contain;filter:none!important}
.header nav a,.header nav a[aria-current],.portfolio-page .header nav a[aria-current]{color:#d8d4cb}
.header nav a[aria-current]::after{content:'';position:absolute;left:0;bottom:-7px;width:16px;height:2px;background:#c1272d}
.header nav a:hover,.portfolio-page .header nav a:hover{color:#fff}
h1,h2,h3{font-family:var(--sans);font-weight:400;letter-spacing:.015em;line-height:1.35;text-wrap:balance}
.home-intro h1{font-family:var(--sans);font-weight:300;font-size:clamp(42px,5.7vw,78px);line-height:1.2;letter-spacing:.01em;margin:30px 0}
em{color:#d8d4cb;font-style:normal}
.home-intro .eyebrow,.page-intro .eyebrow,.project-intro .eyebrow{font-size:10px;letter-spacing:.13em}
.home-intro{padding-top:45px;padding-bottom:36px}
.intro-bottom p{font-size:15px;color:#aaa99f;max-width:500px}
.eyebrow{letter-spacing:.1em;color:#96968e}
.section{padding-top:68px;padding-bottom:68px}
.section-heading{margin-bottom:30px}
.section-heading h2,.studio-strip h2{font-family:var(--sans);font-weight:300;font-size:32px;line-height:1.4;letter-spacing:.01em}
.section-heading .eyebrow{margin-bottom:14px}
.page-intro h1,.project-intro h1{font-size:clamp(34px,4.1vw,56px);font-weight:300;letter-spacing:.015em;line-height:1.3;margin:18px 0 20px}
.page-intro{padding-top:40px;padding-bottom:38px}
.page-intro>p{font-size:15px;max-width:650px}
.project-intro{padding-top:28px;padding-bottom:30px}
.project-intro>p{font-size:13px;color:#96968e}
.project-cover{height:clamp(320px,49vw,650px)}
.project-layout{padding-top:50px;padding-bottom:25px}
.project-copy section{margin-bottom:32px}
.project-copy h2,.project-copy .original-story h2{font-size:21px;font-weight:400;letter-spacing:.025em;line-height:1.5;margin:0 0 16px}
.project-copy .original-story h2{margin-top:30px}
.project-copy .original-story h3{font-size:19px;font-weight:400;line-height:1.5}
.project-copy p{font-size:16px;line-height:1.9;color:#b9b7af}
.project-facts dt{font-size:11px;color:#96968e}.project-facts dd{font-size:13px;line-height:1.8;color:#d8d4cb}
.project-copy .review-note,.review-note{background:#11110f;border:1px solid #30302b;color:#96968e}
.review-note p,.project-copy .review-note p,.review-note li{font-size:12px;line-height:1.8;color:#96968e}
.proposal-notice{margin-bottom:32px}.proposal-notice p{margin:0}
.partner-credits{margin:40px 4.5% 0;padding:25px 0;border-top:1px solid #2c2c28;border-bottom:1px solid #2c2c28}
.partner-credits h2{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:.1em;margin:0 0 18px}
.partner-credits dl{display:flex;gap:70px;margin:0}.partner-credits dt{font-size:12px;line-height:1.8;color:#d8d4cb}.partner-credits dd{font-size:12px;line-height:1.8;color:#96968e;margin:5px 0 0}
.partner-credits details{font-size:11px;line-height:1.8;color:#96968e;margin-top:15px;max-width:650px}.partner-credits summary{cursor:pointer}.partner-credits p{font-size:12px;line-height:1.85;margin-bottom:0}.credit-context{font-size:12px;color:#96968e;margin:15px 0 0}
.gallery-section{border:0}.gallery-grid{gap:18px}.gallery-item>span{display:none}.gallery-item:focus-visible>span{display:block}.original-story figcaption{color:#96968e;font-size:11px}
.card-line h3,.portfolio-page .card-line h3{font-family:var(--sans);font-size:22px;line-height:1.4;font-weight:400;letter-spacing:.015em}
.portfolio-heading h1{font:300 48px/1.25 var(--sans);letter-spacing:.025em;margin-top:15px}
.portfolio-heading{padding-top:38px;padding-bottom:25px}.portfolio-heading-right{align-self:end}
.portfolio-page .project-photo>img:first-child{filter:brightness(.78) saturate(.9)}
.portfolio-page .project-card:hover .project-photo>img:first-child{filter:brightness(1) saturate(1)}
.portfolio-page .card-line .eyebrow{color:#d8d4cb;font-size:10px;letter-spacing:.07em}
.light-indicator{background:#c1272d;box-shadow:0 0 8px #c1272d55}.portfolio-page .filterbar button.selected{border-bottom-color:#c1272d;color:#d8d4cb}
.text-link{border-color:#57574f;color:#d8d4cb}.text-link:hover{color:#fff;border-color:#c1272d}
.button{background:#d8d4cb;color:#111}.button:hover{background:#fff;color:#111}
.studio-strip{display:flex;align-items:start;justify-content:space-between;gap:40px;padding:45px 0}.studio-strip h2{max-width:430px;margin:0}.studio-strip>div{max-width:450px}.studio-strip p{font-size:15px;color:#aaa99f}
.service-list h3{font-size:24px;font-weight:300;letter-spacing:.015em}.service-list>a>span{color:#96968e}.service-list>a:hover h3{color:#fff}.service-list p{color:#96968e}
.service-detail h2,.studio-story h2{font:300 30px/1.4 var(--sans);letter-spacing:.015em}.service-detail h3{font-size:13px;font-weight:500}.service-detail>div>p,.service-detail li,.studio-story p,.values p{font-size:15px;line-height:1.9;color:#b9b7af}
.process h3,.values h3{font:400 23px/1.5 var(--sans)}.process b{color:#96968e}
.journal-grid h3,.journal-card h2{font:400 23px/1.5 var(--sans);letter-spacing:.01em}.journal-grid>a{border-color:#44443c}.journal-grid>a:hover h3,.journal-grid>a:hover h2{color:#fff}
.article-title h1{font:300 clamp(30px,3.5vw,46px)/1.45 var(--sans);letter-spacing:.015em}
.reading h2{font:400 26px/1.5 var(--sans)}.reading h3{font:400 21px/1.5 var(--sans)}.reading{color:#b9b7af;font-size:16px}.reading blockquote{font:300 23px/1.7 var(--sans);border-left-color:#c1272d}
.contact-phone{font:300 30px/1.4 var(--sans)}form input,form select,form textarea{color:#d8d4cb;border-color:#4d4d44}form select option{background:#141412;color:#d8d4cb}#message-preview{background:#171715}
footer,.portfolio-page footer{background:#0a0a0a;color:#d8d4cb;border-top:1px solid #2c2c28;padding-top:32px}.footer-top{align-items:center;padding-bottom:30px}.footer-top .brand-logo{width:195px}.footer-bottom{color:#96968e;border-top-color:#2c2c28}.footer-top>a:last-child{border-color:#4d4d44;font-size:12px}
@media(max-width:1000px){.header nav{gap:19px}.brand-logo{width:195px}.partner-credits dl{gap:45px}.studio-strip{display:block}.studio-strip>div{margin-top:20px;max-width:600px}.portfolio-page .card-line h3{font-size:20px}}
@media(max-width:700px){
 .header,.portfolio-page .header{padding-top:11px;padding-bottom:11px}.header nav,.portfolio-page .header nav{background:#0a0a0a;border-color:#2c2c28}.brand-logo{width:172px;padding:5px 7px}.header .menu-toggle{font-size:12px;color:#d8d4cb}
 .home-intro{padding-top:30px;padding-bottom:28px}.home-intro h1{font-size:43px;line-height:1.25;margin:24px 0}.intro-bottom p{font-size:14px}
 .section{padding-top:45px;padding-bottom:45px}.section-heading h2,.studio-strip h2{font-size:27px;line-height:1.45}
 .page-intro h1,.project-intro h1{font-size:34px;line-height:1.4}.project-intro{padding-bottom:25px}.project-intro>p{font-size:13px}.project-cover{height:340px}
 .project-layout{padding-top:35px;gap:30px}.project-copy h2,.project-copy .original-story h2{font-size:21px;line-height:1.5}.project-copy p{font-size:15px;line-height:1.9}
 .partner-credits{margin:28px 5% 0;padding:20px 0}.partner-credits dl{gap:25px;display:grid;grid-template-columns:1fr 1fr}.partner-credits h2{font-size:12px}.partner-credits dd{font-size:11px}
 .portfolio-heading h1{font-size:38px}.portfolio-heading{padding-top:30px;padding-bottom:22px}.portfolio-page .card-line h3{font-size:17px}.portfolio-page .project-card:nth-child(6n+1) .card-line h3{font-size:20px}.portfolio-page .card-line .eyebrow{font-size:9px}
 .service-list h3{font-size:21px}.service-detail h2,.studio-story h2{font-size:28px}.process h3,.values h3{font-size:22px}
 .article-title h1{font-size:29px;line-height:1.45}.journal-card h2,.journal-grid h3{font-size:22px}.reading{font-size:15px}.reading h2{font-size:23px}.reading h3{font-size:20px}
 .footer-top{flex-direction:row;gap:25px;align-items:center}.footer-top .brand-logo{width:160px}.footer-top>a:last-child{font-size:11px;white-space:nowrap}
}

.home-intro h1 em{font-weight:inherit}