@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--ink:#202420;--paper:#faf9f6;--muted:#61675f;--gold:#997951;--line:#e2e2dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #997951;outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;z-index:20;background:white;color:black;padding:10px}.skip:focus{top:10px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,85px);background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark,.footer-logo{font-size:30px;line-height:.9;font-weight:700;letter-spacing:-.055em}.wordmark small,.footer-logo small{display:block;font-size:9px;letter-spacing:.22em;font-weight:600;margin-top:8px}.gold,.footer-logo span{color:var(--gold)}.header nav{display:flex;gap:32px}.header nav a{font-size:13px;font-weight:500}.header nav a:hover,.underlink:hover{color:var(--gold)}.header-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.01em}.header-cta span{margin-left:15px}.menu,.mobile-nav{display:none}
.hero{min-height:620px;display:grid;grid-template-columns:49% 51%;position:relative;background:#f1f0ea}.hero-inner{grid-column:1;grid-row:1;padding:clamp(75px,9vw,140px) 7vw 110px max(24px,7vw);z-index:2;align-self:center}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--gold);text-transform:uppercase}.dash{display:inline-block;width:22px;border-top:1px solid currentColor;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(55px,6.5vw,102px);font-weight:600;letter-spacing:-.045em;line-height:1.09;margin:24px 0}.hero h1 em{font-style:normal;color:var(--gold);font-weight:500}.hero-desc{font-size:16px;color:#51584f;line-height:1.8;max-width:410px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;border-radius:2px;padding:16px 23px;font-size:12px;font-weight:600;margin-top:25px}.pill:hover{background:#455047}.hero-video{grid-column:2;grid-row:1;width:100%;height:100%;min-height:620px;object-fit:cover;background:#393c36}.hero-shade{display:none}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:17px max(24px,5vw);border-top:1px solid var(--line);font-size:10px;letter-spacing:.08em;color:#5c625b}.pause{border:0;background:transparent;color:#303830;font-size:11px}.hero-bottom span:last-child{display:none}
.statement{max-width:1320px;margin:auto;padding:110px max(24px,5vw);display:grid;grid-template-columns:1fr 2fr;column-gap:8vw;row-gap:15px;align-items:start}.statement .section-kicker{grid-column:1;grid-row:1}.statement h2{grid-column:2;grid-row:1;font-size:clamp(34px,4.2vw,62px);line-height:1.22;font-weight:600;letter-spacing:-.035em;margin:0}.statement h2 span{color:#8b9187}.statement p{grid-column:2;max-width:650px;color:var(--muted);font-size:16px;line-height:1.8;margin:5px 0 0}
.services{max-width:1420px;margin:auto;padding:0 max(24px,5vw) 110px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 22px}.service{position:relative;display:flex;flex-direction:column;min-width:0;background:transparent;overflow:visible}.service>img,.service-art{width:100%;height:clamp(260px,32vw,410px);object-fit:cover;display:block;background:#e7e6e0}.service-art{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e8e7e1}.service-art span{font-size:clamp(38px,6vw,85px);font-weight:700;letter-spacing:-.055em;line-height:.97;color:#aaa9a1;transform:rotate(-6deg)}.service-index{position:absolute;top:18px;left:18px;background:#fff;padding:7px 10px;font-size:10px;letter-spacing:.07em;font-weight:600}.service-copy{display:grid;grid-template-columns:1fr 44px;gap:2px 20px;padding:23px 0 0;align-items:center}.service h3{font-size:clamp(23px,2.3vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:0}.service p{grid-column:1;color:var(--muted);font-size:14px;margin:5px 0 0}.round-arrow{grid-column:2;grid-row:1/3;display:grid;place-items:center;border:1px solid #b9bcb5;width:42px;height:42px;border-radius:50%;font-size:20px}.service:hover .round-arrow{background:var(--ink);color:white}
.work{padding:95px max(24px,5vw) 110px;background:#efeee9}.work-head{max-width:1280px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end;gap:30px}.work h2,.process h2,.story h2,.cta h2{font-size:clamp(38px,4.7vw,70px);font-weight:600;letter-spacing:-.045em;line-height:1.16;margin:15px 0 0}.work h2 i,.process h2 i,.story h2 i,.cta h2 i{font-style:normal;color:var(--gold);font-weight:500}.underlink{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px;white-space:nowrap}.work-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;height:350px}.work-grid img{width:100%;height:100%;object-fit:cover}.work-caption{max-width:1280px;margin:18px auto 0;color:var(--muted);font-size:13px}
.process{padding:100px max(24px,5vw) 110px;max-width:1380px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:65px}.steps>div{border-top:1px solid #c7c9c2;padding-top:18px}.steps span{font-size:12px;color:var(--gold);font-weight:600}.steps h3{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:22px 0 8px}.steps p{font-size:14px;color:var(--muted);line-height:1.75;max-width:320px}.story{background:#f0efe9;padding:110px max(24px,5vw);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.story-copy{padding-top:40px}.story-copy p{font-size:16px;color:var(--muted);line-height:1.9}.story-copy .underlink{display:inline-block;margin-top:20px}.cta{text-align:center;background:#e5e5dd;padding:100px 24px 115px}.cta p:not(.section-kicker){font-size:16px;color:var(--muted);margin:25px 0 0}.cta .pill{margin-top:30px;background:var(--ink);color:#fff}footer{padding:70px max(24px,5vw) 30px;background:#fff;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;color:#51574e}footer p,footer a{font-size:11px;letter-spacing:.05em;line-height:2}footer a{display:block}.footer-logo{color:var(--ink);font-size:36px}.fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;color:#777}
@media(max-width:950px){.header nav,.header-cta{display:none}.menu{display:block;background:transparent;color:var(--ink);border:1px solid #aaa;padding:8px 12px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:16px;position:absolute;top:84px;left:0;right:0;background:white;z-index:8;padding:25px 5vw;border-bottom:1px solid var(--line)}.hero{grid-template-columns:52% 48%}.hero-inner{padding:85px 5vw 110px}.hero h1{font-size:clamp(48px,6.3vw,76px)}.statement{grid-template-columns:1fr 2fr}.services{gap:30px 18px}}
@media(max-width:650px){.header{height:70px}.mobile-nav:not([hidden]){top:70px}.hero{display:flex;flex-direction:column;min-height:0}.hero-inner{padding:70px 6vw 60px}.hero h1{font-size:clamp(53px,12vw,76px)}.hero-video{width:100%;height:260px;min-height:0;flex:none}.hero-bottom{position:relative;padding:14px 6vw}.hero-bottom span:first-child{display:none}.statement{display:block;padding:75px 6vw}.statement h2{font-size:clamp(32px,8vw,48px);margin-top:18px}.statement p{margin-top:18px}.services{display:grid;grid-template-columns:1fr;padding:0 6vw 75px;gap:38px}.service>img,.service-art{height:310px}.service h3{font-size:25px}.work{padding:75px 6vw}.work-head{display:block}.work-head .underlink{display:inline-block;margin-top:25px}.work-grid{grid-template-columns:1fr 1fr;height:auto;gap:10px}.work-grid img{height:190px}.work-grid img:first-child{grid-column:1/-1;height:300px}.process{padding:75px 6vw}.steps{grid-template-columns:1fr;gap:28px;margin-top:45px}.steps h3{margin-top:12px}.story{grid-template-columns:1fr;padding:75px 6vw;gap:10px}.story-copy{padding-top:0}.cta{padding:85px 6vw}footer{grid-template-columns:1fr 1fr;padding:55px 6vw 25px}footer .footer-logo{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
