:root { --ink:#302014; --paper:#fff5df; --army:#fff5df; --army-deep:#172e34; --army-light:#bd9356; --muted:#74634d; --line:#30201430; --sans:'Archivo',Arial,sans-serif; --display:'Archivo',Arial,sans-serif; --mono:'Archivo',Arial,sans-serif; }
body { background:#fff5df; }
a:focus-visible,button:focus-visible { outline:3px solid #d28220; outline-offset:5px; }
.site-header { display:flex; gap:12px; padding:32px 3vw; text-transform:none; letter-spacing:0; font-size:15px; }
.site-header .brand,.site-header nav,.mobile-page-links { border-radius:60px; background:#77542c99; backdrop-filter:blur(16px); }
.site-header .brand { padding:14px 29px; font:500 19px/1 var(--sans); letter-spacing:0; }
.site-header nav { gap:0; padding:4px 12px; }
.site-header nav a { padding:11px 18px; }
.site-header nav a::after { right:18px; left:18px; bottom:6px; }
.mini-cta { margin-left:auto; padding:12px 0; }
.gold-hero { position:relative; isolation:isolate; height:max(760px,100svh); max-height:1150px; overflow:hidden; color:#302014; background:#f8d491; }
.gold-image { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.gold-hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#ffe6a54d,transparent 46%),linear-gradient(0deg,#001d2920,transparent 25%); }
.gold-heading { position:absolute; top:16%; left:3vw; }
.gold-heading h1 { margin:0; font-size:clamp(112px,11.5vw,190px); line-height:.88; font-weight:300; letter-spacing:-.065em; }
.gold-heading>p { font-size:12px; text-transform:uppercase; letter-spacing:.28em; margin:24px 0 0 5px; }
.perspective { position:absolute; top:25%; right:3vw; color:#fff5df; font-size:10px; letter-spacing:.2em; }
.disciplines { position:absolute; bottom:16%; left:3vw; display:flex; margin:0; }
.disciplines div { border-left:1px solid #4f361885; padding:0 32px 0 17px; }
.disciplines dt { font-size:clamp(24px,2.6vw,42px); font-weight:300; letter-spacing:-.05em; }
.disciplines dd { margin:5px 0 0; font-size:13px; }
.gold-action { position:absolute; bottom:15%; right:3vw; color:#fff5df; }
.gold-action p { font-size:clamp(19px,1.7vw,28px); line-height:1.3; font-weight:300; margin:0 0 18px; text-shadow:0 1px 12px #002733; }
.reel-cta { display:inline-flex; gap:40px; align-items:center; padding:18px 26px; border-radius:50px; color:#302014; background:#fff1cd; font-size:16px; transition:transform .2s,background .2s; }
.reel-cta:hover { transform:translateY(-3px); background:#fffaf0; }
.gold-bottom { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-between; padding:25px 3vw; border-top:1px solid #fff5df80; color:#fff5df; font-size:12px; letter-spacing:.2em; backdrop-filter:blur(5px); }
.work { background:#fff5df; color:#302014; }
.section-heading h2,.project-info h3 { font-weight:300; letter-spacing:-.04em; }
.section-heading h2 { font-size:clamp(42px,6vw,90px); }
.project { border-color:#30201440; }
.project-info li { border-color:#30201440; }
.project-list { max-width:1100px; }
.project-video { border:0; }
.short-stage { background:#ecdfc5; }
.contact { background:#eed19a; color:#302014; }
.contact h2 { font-weight:300; }
.contact input,.contact textarea,.contact select { color:#302014; border-color:#30201460; background:#fff5df55; }
.contact textarea::placeholder,.contact .form-note { color:#665743; }
.button-primary { background:#302014; color:#fff5df; }
.about,.reel-page,.photo-journal { background:#142e35; }
.about-page-body,.reel-page-body,.photo-page { background:#142e35; }
.about-intro h1,.photo-journal-heading h1,.reel-heading h1 { font-weight:300; }
.progress span { background:#c38d42; }
@media(min-width:1700px) { .gold-hero { height:100svh; max-height:none; } }
@media(max-width:1000px) and (min-width:681px) {
 .gold-hero { height:850px; }
 .gold-image { object-position:57% center; }
 .gold-heading h1 { font-size:120px; }
 .gold-heading>p { font-size:10px; letter-spacing:.16em; }
 .disciplines div { padding-right:20px; }
 .gold-action p { font-size:19px; }
}
@media(max-width:820px) {
 .site-header { padding:22px 20px; gap:10px; }
 .site-header nav { display:flex; }
 .site-header nav a { padding:10px 12px; }
 .mobile-page-links { display:none; }
}
@media(max-width:680px) {
 .site-header { flex-wrap:wrap; padding:20px; }
 .site-header .brand { padding:12px 20px; }
 .site-header nav { margin-left:auto; padding:2px 6px; }
 .site-header nav a { padding:10px; font-size:12px; }
 .site-header .mini-cta { display:none; }
 .gold-hero { height:960px; max-height:none; min-height:100svh; }
 .gold-image { top:190px; height:550px; object-position:64% center; }
 .gold-hero::before { background:linear-gradient(180deg,#ffe3a1 0%,#ffe3a1 22%,transparent 44%,transparent 66%,#143541 77%,#143541 100%); }
 .gold-heading { top:112px; left:22px; }
 .gold-heading h1 { font-size:90px; line-height:.9; }
 .gold-heading>p { font-size:9px; letter-spacing:.2em; margin-top:17px; }
 .perspective { display:none; }
 .disciplines { bottom:213px; left:22px; right:22px; justify-content:space-between; color:#fff1cf; }
 .disciplines div { padding:0 16px 0 12px; border-color:#fff1cf80; }
 .disciplines dt { font-size:28px; }
 .disciplines dd { font-size:11px; }
 .gold-action { bottom:74px; left:22px; right:22px; }
 .gold-action p { font-size:21px; margin-bottom:14px; }
 .gold-action p br { display:none; }
 .reel-cta { padding:14px 22px; font-size:14px; }
 .gold-bottom { padding:20px 22px; font-size:10px; }
 .section-heading h2 { font-size:42px; }
 .work { padding-top:74px; }
 .photo-page .site-header { display:flex; }
 .contact-email { overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) { .reel-cta:hover { transform:none; } }

/* Separate scene planes share one object-fit coordinate space. */
.hero-depth { position:absolute; z-index:-2; inset:0; pointer-events:none; }
.hero-depth>img,.hero-depth>svg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.depth-background { transform:translate3d(0,var(--depth-back,0px),0); }
.depth-surfer,.depth-still { transform:none; }
.gold-hero.depth-active .depth-background { will-change:transform; }
/* Larger photographs, keeping the staggered journal layout and full images. */
.photo-page .gallery-grid { max-width:1680px; gap:clamp(16px,2vw,32px); }
@media(min-width:901px) {
 .photo-page .photo-a { grid-column:1 / span 4; }
 .photo-page .photo-b { grid-column:6 / span 5; }
 .photo-page .photo-c { grid-column:9 / span 4; }
 .photo-page .photo-d { grid-column:1 / span 6; }
 .photo-page .photo-e { grid-column:8 / span 4; }
 .photo-page .photo-f { grid-column:1 / span 5; }
 .photo-page .photo-g { grid-column:7 / span 4; }
 .photo-page .photo-h { grid-column:9 / span 4; }
 .photo-page .photo-i { grid-column:1 / span 4; }
 .photo-page .photo-j { grid-column:6 / span 6; }
 .photo-page .photo-k { grid-column:8 / span 5; }
}
@media(max-width:680px) {
 .photo-page .gallery-grid { grid-template-columns:1fr; gap:30px; }
 .photo-page .photo-card,.photo-page .photo-card:nth-child(n) { grid-column:1; width:100%; margin-top:0; }
}
@media(max-width:680px) { .hero-depth { top:190px; height:550px; bottom:auto; } }
@media(prefers-reduced-motion:reduce) {
 .depth-background { transform:none; }
 .depth-surfer { transform:none; }
 .gold-heading,.disciplines,.gold-action { transform:none; }
}