:root{--ink:#0a120d;--forest:#102319;--cream:#f2eee2;--gold:#d9ae5f;--muted:#b7bbaa;--line:rgba(242,238,226,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif;font-size:16px}a{color:inherit}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;text-transform:uppercase;font-size:15px;letter-spacing:.15em;font-weight:600}.brand svg{width:30px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.5}.brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:.45em;color:#ddd5be}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{font-size:14px;text-decoration:none}.nav-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.35);border-radius:99px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,8,5,.88) 0%,rgba(3,8,5,.48) 42%,rgba(3,8,5,.08) 68%),linear-gradient(0deg,rgba(3,8,5,.55),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:850px;padding:180px 6vw 11vh}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.23em;font-size:12px;color:var(--gold)}h1,h2{font-family:"Italiana",serif;font-weight:400;line-height:.95;margin:22px 0}h1{font-size:clamp(4.3rem,9.3vw,9rem);letter-spacing:-.04em}h1 em{color:var(--gold);font-style:italic}.hero-copy{max-width:500px;color:#d2d4ca;font-size:18px;line-height:1.65}.text-link{display:inline-flex;gap:60px;margin-top:20px;padding-bottom:8px;text-decoration:none;border-bottom:1px solid var(--gold);color:var(--gold)}.scroll-note{position:absolute;right:4vw;bottom:5vh;z-index:2;writing-mode:vertical-rl;text-transform:uppercase;font-size:10px;letter-spacing:.2em;color:#bbb}.scroll-note span{height:46px;display:inline-block;border-left:1px solid var(--gold);margin-bottom:10px}.statement{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:150px 7vw;background:var(--cream);color:var(--ink)}.statement h2,.approach h2,.contact h2{font-size:clamp(3.2rem,7vw,7rem)}.statement>div{max-width:850px}.statement p:last-child{max-width:650px;margin-left:auto;font-size:20px;line-height:1.7;color:#465148}.image-break{height:78vh;position:relative;overflow:hidden}.image-break img{width:100%;height:100%;object-fit:cover}.image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,5,.7),transparent 60%)}blockquote{position:absolute;z-index:2;left:7vw;bottom:8vh;max-width:650px;margin:0;font-family:"Italiana";font-size:clamp(2rem,4vw,4rem);line-height:1.15}.approach{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;padding:140px 7vw;background:var(--forest)}.approach-intro{position:sticky;top:100px;align-self:start}.principles article{padding:30px 0 50px;border-top:1px solid var(--line)}.principles span{color:var(--gold);font-size:12px}.principles h3{font-family:"Italiana";font-size:38px;font-weight:400;margin:16px 0 10px}.principles p{max-width:480px;color:var(--muted);line-height:1.7}.contact{text-align:center;padding:160px 5vw 180px;background:var(--gold);color:var(--ink)}.contact .eyebrow{color:#253022}.contact-link{display:inline-flex;gap:60px;padding:17px 0;border-bottom:1px solid var(--ink);text-decoration:none;font-size:18px}footer{display:flex;align-items:center;justify-content:space-between;padding:34px 5vw;color:#aeb3aa;font-size:12px}footer a{text-decoration:none}.brand-wordmark{font-family:"Italiana";font-size:26px;color:var(--gold);letter-spacing:.08em}
@media(max-width:760px){.site-header{padding:20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:75px;left:14px;right:14px;flex-direction:column;align-items:stretch;padding:24px;background:#102319;border:1px solid var(--line)}.site-header nav.open{display:flex}.hero-content{padding:150px 22px 80px}.hero-copy{font-size:16px}.scroll-note{display:none}.statement,.approach{grid-template-columns:1fr;padding:90px 22px;gap:35px}.statement p:last-child{margin-left:0}.image-break{height:68vh}.image-break img{object-position:58% center}blockquote{left:22px;right:22px}.approach-intro{position:static}.contact{padding:100px 22px}.contact-link{font-size:14px;gap:20px}footer{gap:20px;flex-wrap:wrap}}
/* Golden Deer / midnight and gold */
:root{--ink:#080909;--forest:#101211;--cream:#f4f0e8;--gold:#e6bd74;--muted:#a4a49d}
body{background:var(--ink)}.site-header{padding:24px 5vw;background:linear-gradient(#080909bb,transparent);border-color:#ffffff12}.brand small{font-size:9px;letter-spacing:.28em}.hero{min-height:800px;height:100svh;max-height:1200px;align-items:center}.hero-media{object-position:center}.hero-shade{background:linear-gradient(90deg,#080909eb 0%,#080909a8 37%,#08090918 80%),linear-gradient(0deg,#080909,transparent 35%)}.hero-content{max-width:1100px;padding:160px 5vw 110px}h1{font-size:clamp(4rem,7.7vw,8.5rem);line-height:1.03;letter-spacing:-.045em}h1 em{font-style:normal}.hero-copy{max-width:430px;font-size:17px;color:#c4c5c0;margin:30px 0}.text-link{font-size:14px;gap:40px;padding:17px 23px;border:1px solid #e6bd7455;border-radius:50px;background:#08090945}.text-link:hover,.nav-cta:hover{background:#e6bd7420;border-color:var(--gold)}.motion-toggle{position:absolute;right:5vw;bottom:45px;z-index:3;padding:12px 18px;border:1px solid #ffffff55;background:#08090988;color:var(--cream);border-radius:30px;font:inherit;font-size:13px;cursor:pointer}.scroll-note{left:5vw;right:auto;bottom:45px;writing-mode:initial;font-size:11px}.scroll-note span{height:0;width:35px;border-left:0;border-top:1px solid var(--gold);margin:0 12px 3px 0}.statement{padding:120px 7vw;background:var(--ink);color:var(--cream);border-top:1px solid var(--line)}.statement h2,.approach h2,.contact h2{font-size:clamp(3.4rem,6.6vw,6.5rem);line-height:1.04;letter-spacing:-.035em}.statement p:last-child{font-size:18px;color:var(--muted);max-width:590px;margin-top:40px}.image-break{height:auto;max-width:1400px;margin:0 auto;padding:0 5vw;overflow:visible}.image-break video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #e6bd7425;border-radius:8px;background:#000}.image-break:after{display:none}.film-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:8px 0}.film-label span{color:var(--gold)}.approach{background:var(--ink);padding:120px 7vw}.principles article{padding:26px 0 35px}.principles h3{font-size:36px}.contact{position:relative;background:#050505;color:var(--cream);padding:90px 5vw 100px;border-top:1px solid var(--line)}.brand-art{display:block;width:240px;max-width:55vw;margin:0 auto 25px}.contact .eyebrow{color:var(--gold)}.contact-link{color:var(--gold);border-color:#e6bd7470;font-size:16px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);font-size:13px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}section[id]{scroll-margin-top:30px}
@media(max-width:760px){.hero{min-height:760px;max-height:none;height:100svh}.hero-content{padding:170px 24px 120px}.hero-media{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#080909d9,#08090950),linear-gradient(0deg,#080909,transparent 75%)}h1{font-size:clamp(3.3rem,11.7vw,5.6rem)}.hero-copy{font-size:16px;max-width:330px}.statement,.approach{padding:75px 24px}.image-break{padding:0 16px}.film-label{font-size:12px;gap:15px}.film-label span{max-width:115px;text-align:right}.contact{padding:65px 24px}.contact-link{font-size:14px;gap:12px}.site-header{padding:20px}.motion-toggle{right:24px;bottom:30px}.brand small{font-size:8px}.contact h2{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-mark{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #e6bd7470;box-shadow:0 0 18px #e6bd7438}.hero-emblem{position:absolute;z-index:1;right:4vw;top:21%;width:min(31vw,390px);height:auto;opacity:.66;mix-blend-mode:screen;filter:drop-shadow(0 0 30px #e6bd7430);pointer-events:none}.contact .brand-art{width:min(420px,75vw);margin-bottom:32px}.brand:hover .brand-mark{box-shadow:0 0 28px #e6bd7480}
@media(max-width:760px){.brand-mark{width:40px;height:40px}.hero-emblem{right:-7vw;top:20%;width:53vw;opacity:.28}.contact .brand-art{width:min(330px,78vw)}}