@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap');

:root{--bg:#0b0b0a;--panel:#171614;--line:rgba(203,174,127,.42);--soft:rgba(255,255,255,.14);--text:#f2eee6;--muted:#c8c0b2;--gold:#c5a36e;--gold2:#e1bf80}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(197,163,110,.08),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.045),transparent 26%),linear-gradient(120deg,#090908,#151513 45%,#0b0b0a);color:var(--text);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,black,transparent 80%)}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:50;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 3.4rem;background:rgba(7,7,6,.9);border-bottom:1px solid var(--soft);backdrop-filter:blur(18px)}
.brand{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;font-family:Cinzel,serif;letter-spacing:.34rem;text-transform:uppercase}
.brand span{font-size:1.45rem}.brand em{position:relative;font-style:normal;font-size:.92rem;letter-spacing:.55rem}
.brand em:before,.brand em:after{content:"";position:absolute;top:50%;width:48px;height:1px;background:var(--gold)}.brand em:before{right:calc(100% + 12px)}.brand em:after{left:calc(100% + 8px)}
.main-nav{display:flex;align-items:center;gap:2.3rem;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.07rem;text-transform:uppercase}
.main-nav a{color:#ddd4c6;padding:.6rem 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:white;border-bottom-color:var(--gold)}
.quote-link{padding:1rem 1.25rem!important;background:linear-gradient(180deg,#d4b579,#b18d59);color:#111!important;border:0!important}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.6rem;padding:.35rem .7rem}
.hero{min-height:calc(100vh - 92px);padding:5rem 3.7rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.eyebrow{margin:0 0 1rem;color:var(--gold2);font-family:Cinzel,serif;letter-spacing:.16rem;text-transform:uppercase;font-size:.82rem}
h1,h2,h3{font-family:Cinzel,serif;font-weight:500;margin:0;line-height:1.05}
h1{max-width:850px;font-size:clamp(3.5rem,7vw,7.8rem);letter-spacing:.16rem}.lead{max-width:640px;margin:1.5rem 0 0;color:var(--muted);line-height:1.75;font-size:1.08rem}
.hero-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.btn{border:1px solid var(--line);padding:1rem 1.25rem;font-family:Cinzel,serif;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer}
.btn-primary{background:linear-gradient(180deg,#d4b579,#aa8753);color:#15110a}.btn-secondary{background:rgba(255,255,255,.04);color:var(--text)}
.hero-card,.gallery-card,.service-card{border:1px solid var(--soft);background:rgba(255,255,255,.035);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hero-card{overflow:hidden}.hero-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.hero-card div{padding:1.35rem;display:flex;flex-direction:column;gap:.35rem;border-top:1px solid var(--soft)}.hero-card strong{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.08rem}.hero-card span{color:var(--gold2);font-style:italic}
.gallery-section,.services-section,.quote-section{padding:4.5rem 3.7rem}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.2rem}
.section-head h2,.section-title-centered h2,.quote-copy h2,.about-section h2{font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:.18rem}
.gold-line{display:block;width:52px;height:1px;background:var(--gold);margin:.9rem 0}.section-head p{max-width:430px;color:var(--muted);line-height:1.65}
.filters{display:flex;gap:1.3rem;flex-wrap:wrap;justify-content:flex-end}.filter-btn{border:1px solid transparent;background:transparent;color:var(--text);font-family:Cinzel,serif;letter-spacing:.08rem;text-transform:uppercase;padding:.75rem 1.15rem;cursor:pointer}
.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:var(--gold2)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.gallery-card{overflow:hidden;transition:.25s}.gallery-card:hover{transform:translateY(-4px);border-color:var(--line)}.gallery-card img{width:100%;aspect-ratio:4/4.05;object-fit:cover;display:block}.card-caption{min-height:82px;padding:1rem 1.15rem;border-top:1px solid var(--soft);background:linear-gradient(180deg,rgba(17,17,15,.76),rgba(8,8,7,.95))}
.card-caption h3{text-transform:uppercase;letter-spacing:.08rem;font-size:1.05rem}.card-caption p{margin:.55rem 0 0;color:var(--gold2);font-style:italic}.gallery-card.is-hidden{display:none}
.services-section{padding-top:5rem}.section-title-centered{max-width:760px;margin:0 auto 2rem;text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1180px;margin:0 auto}.service-card{padding:2rem}.service-card h3{text-transform:uppercase;letter-spacing:.08rem;font-size:1.1rem}.service-card p{color:var(--muted);line-height:1.7}
.about-section{padding:5rem 3.7rem;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem}.about-section p:last-child{color:var(--muted);line-height:1.8;font-size:1.08rem}
.quote-section{padding-bottom:7rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem}.quote-copy p{color:var(--muted);line-height:1.7}.quote-copy a{color:var(--gold2);border-bottom:1px solid var(--gold)}
.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.studio-form label{color:var(--muted);display:grid;gap:.45rem}.studio-form .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--soft);background:rgba(0,0,0,.45);color:var(--text);padding:.95rem 1rem;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}.hidden-field{position:absolute;left:-9999px;opacity:0}.form-message{grid-column:1/-1;margin:0;color:var(--gold2);min-height:1.2rem}
.site-footer{min-height:145px;padding:2rem 3.7rem;border-top:1px solid var(--line);background:rgba(7,7,6,.9);display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center}.site-footer h2{font-size:1.55rem;letter-spacing:.18rem;text-transform:uppercase}.site-footer p{color:var(--muted);line-height:1.55}.subscribe-form{display:grid;grid-template-columns:1fr 200px;gap:.75rem}.subscribe-form button{border:0;background:linear-gradient(180deg,#d4b579,#aa8753);color:#15110a;font-family:Cinzel,serif;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer}.subscribe-form .form-message{grid-column:1/-1}
@media(max-width:1100px){.site-header{padding:0 1.25rem}.main-nav{gap:1rem}.hero,.quote-section,.about-section{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.site-header{height:auto;min-height:82px}.brand span{font-size:1rem;letter-spacing:.22rem}.brand em{font-size:.72rem}.brand em:before,.brand em:after{width:22px}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,7,6,.98);border-bottom:1px solid var(--soft);padding:1rem}.main-nav.open{display:flex}.main-nav a{padding:1rem}.hero,.gallery-section,.services-section,.about-section,.quote-section,.site-footer{padding-left:1.2rem;padding-right:1.2rem}.hero{padding-top:3rem}h1{font-size:3.1rem}.section-head{align-items:start;flex-direction:column}.filters{justify-content:flex-start;gap:.5rem}.gallery-grid,.service-grid,.studio-form,.site-footer,.subscribe-form{grid-template-columns:1fr}.quote-link{text-align:center}}
