/* Refinement: real brand mark, service photo overlays, and clear gallery boundaries */
.header .wordmark{display:flex;align-items:center;flex:0 0 auto;background:#111;padding:5px 11px;border-radius:2px;width:157px;height:62px;overflow:hidden}
.header .wordmark img{width:100%;height:100%;object-fit:contain;display:block}
footer .footer-logo{width:185px;max-width:100%;background:#111;padding:9px;border-radius:2px}
footer .footer-logo img{display:block;width:100%;height:auto}
.services{align-items:start;grid-auto-rows:auto;row-gap:24px}
.services .service{display:block;position:relative;overflow:hidden;min-height:0;isolation:isolate;background:#ddd;aspect-ratio:1.28/1;color:#fff}
.services .service-media{position:absolute;inset:0;overflow:hidden;background:#303530}
.services .service-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.02) 35%,rgba(0,0,0,.82) 100%)}
.services .service-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.services .service:hover .service-media>img{transform:scale(1.035)}
.services .service-index{z-index:2;top:20px;left:22px;color:#202420;background:#fff;letter-spacing:.05em}
.services .service-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:25px 26px 26px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:6px 12px;color:#fff}
.services .service h3{font-size:clamp(22px,2.15vw,31px);line-height:1.15;font-weight:600;letter-spacing:-.025em;margin:0;grid-column:1}
.services .service p{grid-column:1;color:#f0f0ec;font-size:13px;line-height:1.5;margin:0;max-width:350px}
.services .round-arrow{grid-column:2;grid-row:1/3;align-self:end;border-color:rgba(255,255,255,.85);color:#fff;background:transparent}
.services .service:hover .round-arrow{background:#fff;color:#1d221e}
.services .service-art{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 60% 35%,#777c72,#414a43 60%,#242c26);display:flex;align-items:center;justify-content:center}
.services .service-art span{font-size:clamp(48px,5vw,85px);font-weight:600;color:#fff;opacity:.28;line-height:1.02;transform:none}
.work{display:flow-root;position:relative;clear:both}
.work-head{position:relative;display:flex;align-items:end;justify-content:space-between;margin:0 auto 36px;min-height:0}
.work-head>div{min-width:0;max-width:680px}
.work-head h2{position:static;display:block;font-size:clamp(35px,4vw,56px);line-height:1.16;margin:12px 0 0;letter-spacing:-.035em}
.work-grid{position:relative;clear:both;isolation:isolate;overflow:hidden;margin-top:0;min-height:300px}
.work-grid img{display:block;min-width:0;min-height:0}
@media(max-width:950px){.header .wordmark{width:142px;height:56px}}
@media(max-width:650px){.header .wordmark{width:128px;height:52px}.services .service{aspect-ratio:1.08/1}.services .service-copy{padding:20px 21px}.services .service h3{font-size:25px}.work-head{display:block;margin-bottom:26px}.work-head .underlink{display:inline-block;margin-top:20px}.work-grid{min-height:0}}
@media(prefers-reduced-motion:reduce){.services .service-media>img{transition:none}}

/* Targeted homepage polish: preserve layout and supplied assets. */
body{font-family:Inter,Arial,Helvetica,sans-serif}
h1,h2,h3{overflow-wrap:break-word}
.hero h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-.025em;line-height:1.15}
.hero-inner{padding-top:76px;padding-bottom:100px}
.statement h2,.work-head h2,.process h2,.story h2,.cta h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.02em;line-height:1.22}
.statement h2 span{color:#62685e}
.eyebrow,.section-kicker{color:#82613b}
.service-copy h3{letter-spacing:-.015em}
.services .service-media::after{background:linear-gradient(180deg,#0002 0%,#0000 30%,#000e 100%)}
.work-grid{height:auto;min-height:0;align-items:stretch;overflow:visible}
.work-grid img{height:340px;object-fit:contain;background:#e6e4de}
.pause,.menu{min-height:44px;min-width:44px}
.hero-bottom{padding-top:8px;padding-bottom:8px}
@media(max-width:650px){
.hero-inner{order:0;padding:44px 6vw 38px;width:100%}
.hero-video{order:1;height:280px}
.hero-bottom{order:2}
.hero h1{font-size:clamp(44px,10vw,58px);margin:20px 0}
.hero-desc{font-size:16px;line-height:1.7}
.eyebrow{font-size:10px;letter-spacing:.08em}
.statement,.process,.story{padding-top:56px;padding-bottom:56px}
.services{padding-bottom:56px;gap:20px}
.services .service{aspect-ratio:auto;min-height:330px}
.work{padding-top:56px;padding-bottom:56px}
.work-grid img{height:210px}.work-grid img:first-child{height:280px}
.cta{padding-top:60px;padding-bottom:64px}
}