/* Phase 1 — premium visual design layer, intentionally separate from generated base styles. */
:root{--bg:#070808;--gold:#e7b957;--line:rgba(231,185,87,.24)}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 85% 5%,#242017 0,transparent 34%),var(--bg)}
header{min-height:86px;background:rgba(6,7,8,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{font-size:clamp(25px,2.3vw,34px);letter-spacing:2px}
.brand::first-letter{color:#fff}
nav a{font-size:11px;letter-spacing:1.5px;transition:color .18s}
nav a:hover,nav a:focus-visible{color:#f4c86d}
.hero{min-height:min(85svh,850px);background-image:linear-gradient(90deg,#050505 6%,rgba(6,6,6,.91) 30%,rgba(6,6,6,.38) 72%),url('/assets/studio.jpg');background-position:center,70% 32%;position:relative}
.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;pointer-events:none;background:linear-gradient(transparent,#070808)}
.hero>div{position:relative;z-index:1}
.eyebrow{letter-spacing:4px}
h1{letter-spacing:-.035em;text-shadow:0 15px 45px rgba(0,0,0,.7)}
.hero p{font-size:clamp(15px,1.5vw,19px);color:#e6e1d8}
.btn{border-radius:2px;min-height:49px;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:#f3c96f}
.btn.outline:hover{background:rgba(231,185,87,.1)}
main section:not(.hero){max-width:1600px;margin:auto}
.tile{position:relative;background:linear-gradient(145deg,#1a1b1b,#111213);border:1px solid var(--line);border-radius:3px;transition:transform .2s,border-color .2s}
.tile:hover{transform:translateY(-5px);border-color:var(--gold)}
.tile h3{letter-spacing:.5px}
.portrait{border:1px solid var(--line);box-shadow:22px 22px 0 rgba(231,185,87,.08)}
.split{padding-top:95px;padding-bottom:110px}
footer{background:#080808;border-color:var(--line)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:950px){header{align-items:flex-start}nav{gap:12px}.hero{background-position:center,66% 30%}}
@media(max-width:700px){header{padding:18px 20px}nav{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:10px}.hero{min-height:630px;padding:95px 22px;background-image:linear-gradient(90deg,rgba(0,0,0,.89),rgba(0,0,0,.60)),url('/assets/studio.jpg');background-position:center,65% center}h1{font-size:clamp(68px,17vw,96px)}.eyebrow{letter-spacing:2px}.buttons .btn{width:100%}.split{padding-top:55px;padding-bottom:70px}.portrait{max-height:470px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand-logo{display:block;width:auto;max-width:190px;height:60px;object-fit:contain}@media(max-width:700px){.brand-logo{max-width:150px;height:50px}}

.photo-gallery{padding-top:60px;padding-bottom:90px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.photo-grid figure{margin:0;background:#131313;border:1px solid var(--line);overflow:hidden}.photo-grid img{width:100%;height:330px;object-fit:cover;display:block}.photo-grid figcaption{padding:14px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px}@media(max-width:950px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:430px}}

/* One fixed official logo across light/dark themes and site pages */
.brand-logo{display:block;width:190px;max-width:100%;height:60px;object-fit:contain;object-position:left center;filter:none!important;animation:none!important;transform:none!important;transition:none!important}
@media(max-width:700px){.brand-logo{width:150px;height:50px}}