:root{--bg:#f6f3ed;--ink:#1b1b1a;--muted:#6a665f;--bronze:#b69a69;--line:#e3ddd3}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%}
.hero{position:relative;height:92vh;min-height:620px;overflow:hidden;background:#222}
.hero-video,.closing video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.28))}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;padding:26px 4.5%;display:flex;justify-content:space-between;align-items:flex-start;color:#fff}
.brand-small img{width:118px;display:block}.nav{display:flex;gap:28px;font-size:10px;letter-spacing:.16em}.nav a:hover{opacity:.7}
.hero-center{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-logo{width:min(430px,56vw)}.hero-tag{margin-top:24px;color:#fff;font-size:12px;letter-spacing:.28em}
.services{max-width:1180px;margin:0 auto;padding:54px 4.5% 68px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.service-card img{width:100%;display:block;aspect-ratio:2/1;object-fit:cover}.service-num{margin-top:20px;font-size:10px;font-weight:600}
.service-num:after,.eyebrow:after{content:"";display:inline-block;width:36px;border-top:1px solid var(--bronze);margin-left:14px;vertical-align:middle}
.service-card h2{margin:16px 0 8px;font-size:17px;font-weight:400;letter-spacing:.23em}
.service-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.24;font-weight:400}
.keywords{margin-top:16px;color:#4e4b46;font-size:12.5px;line-height:1.65}
.service-card p{margin:14px 0 0;color:var(--muted);font-size:12.5px;line-height:1.55;max-width:34ch}
.experience{border-top:1px solid var(--line);padding:58px 4.5%}.experience-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:54px;align-items:stretch}
.portrait-wrap{width:220px}.portrait-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 32%;filter:saturate(.92)}
.eyebrow{font-size:9px;letter-spacing:.20em;margin-bottom:25px}
.experience-copy h2,.approach h2,.closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.01em}
.experience-copy h2{font-size:38px;line-height:1.08;margin:0 0 20px}
.capline{margin:0 0 16px;color:var(--bronze);font-size:9px;letter-spacing:.18em}
.experience-copy{color:var(--muted);font-size:13px;line-height:1.62;max-width:720px}.experience-copy p{margin:0 0 13px}
.experience-copy .lead{font-size:14.5px;line-height:1.58;color:#4d4943}.experience-copy strong{color:var(--ink);font-weight:600}
.approach{border-top:1px solid var(--line);padding:58px 4.5% 68px}.approach-inner{max-width:1180px;margin:0 auto}
.approach h2{font-size:38px;line-height:1.08;margin:0 0 16px}.approach p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;max-width:700px}
.closing{position:relative;height:360px;overflow:hidden;background:#111}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.12))}
.closing-copy{position:absolute;z-index:3;left:4.5%;top:50%;transform:translateY(-50%);color:#fff}.eyebrow.light:after{border-color:rgba(255,255,255,.5)}
.closing h2{margin:0;font-size:44px;line-height:1.03}.closing p{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.88)}
footer{border-top:1px solid var(--line)}.footer-inner{max-width:1180px;margin:0 auto;padding:34px 4.5% 40px;display:grid;grid-template-columns:1fr 1.15fr 1.15fr .8fr;gap:36px;align-items:end}
.footer-logo{width:132px}.footer-block{font-size:14px;line-height:1.65;color:#4f4b45;letter-spacing:.01em}.footer-block strong{color:var(--ink);font-weight:500;font-size:15px}.footer-meta{font-size:11px;color:var(--muted);text-align:right}
@media(max-width:760px){
.hero{height:72vh;min-height:520px}.topbar{padding:20px}.brand-small img{width:94px}.nav{display:none}.hero-logo{width:72vw}.hero-tag{font-size:9px;line-height:1.6;padding:0 24px;margin-top:20px}
.services{grid-template-columns:1fr;padding:38px 20px 48px;gap:44px}.service-card img{aspect-ratio:1.8/1}
.experience{padding:48px 20px}.experience-inner{grid-template-columns:1fr;gap:28px}.portrait-wrap{width:155px}.portrait-wrap img{height:auto;aspect-ratio:4/5}
.experience-copy h2,.approach h2{font-size:32px}.approach{padding:48px 20px 54px}.closing{height:320px}.closing-copy{left:20px;right:20px}.closing h2{font-size:35px}
.footer-inner{padding:28px 20px 36px;grid-template-columns:1fr;gap:18px}.footer-meta{text-align:left}
}