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

:root{
  --bg:#0c0d0e; --panel:#131516; --panel2:#181a1b; --text:#eee9df;
  --muted:#9d9a93; --gold:#c6a15b; --gold2:#e2c37f; --line:#2b2d2d;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(circle at 20% 0%,rgba(198,161,91,.10),transparent 28%),
 radial-gradient(circle at 90% 30%,rgba(255,255,255,.03),transparent 30%);z-index:-2}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.site-header{height:84px;display:flex;align-items:center;gap:36px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,13,14,.88);backdrop-filter:blur(14px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.09em}
.brand img{width:42px;height:42px;object-fit:contain}
.brand small{display:block;font-size:9px;letter-spacing:.25em;color:var(--gold)}
nav{display:flex;gap:25px;font-size:13px;color:#c8c5bd}
nav a:hover,.footer-links a:hover,.socials a:hover{color:var(--gold2)}
.nav-cta,.button{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.nav-cta{padding:12px 16px;border:1px solid #5d4b2f}
.hero{max-width:var(--max);min-height:700px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:80px 28px;position:relative}
.hero-copy{max-width:700px}
.eyebrow{font:700 12px/1 "Barlow Condensed";letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.92;margin:0}
h1{font-size:clamp(72px,10vw,140px);letter-spacing:-.025em;margin:22px 0}
h2{font-size:clamp(48px,6vw,82px);letter-spacing:-.02em}
h3{font-size:36px}
em{font-style:normal;color:var(--gold2)}
.lead{font-size:18px;color:#c5c1b8;max-width:620px}
.hero-actions{display:flex;gap:12px;margin:34px 0}
.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid var(--gold);cursor:pointer}
.button.primary{background:var(--gold);color:#15110a}
.button.primary:hover{background:var(--gold2)}
.button.ghost{border-color:#454746;color:#ddd8ce}
.button.ghost:hover{border-color:var(--gold);color:var(--gold2)}
.hero-meta{display:flex;align-items:center;gap:14px;color:#8e8c87;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.hero-meta i{height:4px;width:4px;background:var(--gold);display:block;transform:rotate(45deg)}
.hero-mark{position:relative;display:grid;place-items:center;min-height:500px}
.hero-mark img{width:min(430px,85%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.stamp{position:absolute;right:3%;bottom:8%;font:700 12px/1.15 "Barlow Condensed";letter-spacing:.18em;color:#15120d;background:var(--gold);padding:12px;transform:rotate(-8deg)}
.section{max-width:var(--max);margin:auto;padding:110px 28px}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;border-top:1px solid var(--line)}
.intro p:last-child{color:var(--muted);font-size:18px;align-self:end;max-width:520px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}
.section-number{font:500 12px "Barlow Condensed";color:#666;letter-spacing:.15em}
.gallery{display:grid;grid-template-columns:1.05fr .95fr 1fr;grid-template-rows:320px 320px;gap:14px}
.gallery-card{margin:0;overflow:hidden;background:#080909;border:1px solid var(--line)}
.gallery-card.tall{grid-row:span 2}
.gallery-card.wide{grid-column:span 2}
.gallery-card img{width:100%;height:100%;object-fit:contain;display:block;background:#080909;transition:transform .5s ease}
.gallery-card:hover img{transform:scale(1.025)}
.pricing-section{border-top:1px solid var(--line)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.price-card{position:relative;background:linear-gradient(145deg,#151717,#101111);border:1px solid var(--line);padding:34px;min-height:500px}
.price-card.featured{border-color:#725d38;box-shadow:inset 0 2px 0 var(--gold)}
.badge{position:absolute;top:0;right:0;background:var(--gold);color:#17130b;padding:7px 12px;font:700 10px "Barlow Condensed";letter-spacing:.14em}
.tier{color:var(--gold);font:700 12px "Barlow Condensed";letter-spacing:.2em}
.price{margin:28px 0;color:#aaa;font-size:15px}.price strong{color:var(--text);font:700 48px "Barlow Condensed"}
.price-card>p:not(.tier){color:var(--muted);min-height:80px}
ul{padding:0;margin:25px 0 0;list-style:none;color:#c9c5bc;font-size:14px}
li{padding:10px 0;border-top:1px solid #292b2b}li:before{content:"✦";color:var(--gold);margin-right:9px}
.addons{margin-top:16px;padding:28px;background:#111313;border:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
.addon-list{display:grid;grid-template-columns:1fr 1fr}.addon-list span{padding:12px;border-bottom:1px solid #292b2b;color:#bdb9b0;font-size:13px}.addon-list b{float:right;color:var(--gold2);font-weight:600}
.fineprint{color:#676761;font-size:11px}
.process-section{border-top:1px solid var(--line)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.process-grid article{background:var(--bg);padding:28px;min-height:250px}
.process-grid span{font:700 12px "Barlow Condensed";color:var(--gold);letter-spacing:.15em}
.process-grid h3{margin:30px 0 15px;font-size:30px}.process-grid p{color:var(--muted);font-size:14px}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:
linear-gradient(90deg,rgba(198,161,91,.08),transparent 45%,rgba(255,255,255,.02)),
repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.015) 18px 19px)}
.manifesto-inner{max-width:var(--max);margin:auto;padding:120px 28px}.manifesto h2{font-size:clamp(64px,10vw,130px);margin-top:18px}
.contact-section{border-top:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.contact-copy>p{font-size:20px;color:#b5b1aa;max-width:500px}.email{display:block;font:600 25px "Barlow Condensed";color:var(--gold2);margin:34px 0}
.socials{display:grid;gap:10px;color:#aaa;font-size:14px}.contact-form{display:grid;gap:16px;background:#121414;border:1px solid var(--line);padding:30px}
label{font:600 11px "Barlow Condensed";letter-spacing:.15em;text-transform:uppercase;color:#a9a69f}
input,textarea,select{display:block;width:100%;margin-top:8px;background:#0c0e0e;border:1px solid #303232;color:var(--text);padding:13px;font:14px Inter;outline:none}
input:focus,textarea:focus,select:focus{border-color:#76623c}
.contact-form small{color:#666;font-size:10px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:30px 28px;display:flex;align-items:center;gap:30px;color:#777;font-size:11px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.footer-brand img{width:38px;height:38px;object-fit:contain}.footer-brand strong{display:block;color:#c9c5bc;font:700 15px "Barlow Condensed";letter-spacing:.08em}.footer-brand span{font-size:10px}
.footer-links{display:flex;gap:20px}
@media(max-width:900px){
  .site-header{gap:15px}.site-header nav{display:none}
  .hero,.intro,.contact-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-mark{min-height:350px;order:-1}.hero-copy{padding-bottom:20px}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.addons{grid-template-columns:1fr}.addon-list{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}.gallery-card.tall{grid-row:auto}.gallery-card.wide{grid-column:span 2}
  footer{flex-wrap:wrap}.footer-links{order:3;width:100%}
}
@media(max-width:560px){
  .site-header{height:72px;padding:0 18px}.brand span{font-size:13px}.nav-cta{display:none}
  .section,.hero{padding-left:18px;padding-right:18px}.hero{min-height:auto;padding-top:45px}.hero-mark{min-height:260px}
  h1{font-size:68px}.section-head{align-items:start;gap:15px;flex-direction:column}.gallery{display:flex;flex-direction:column}.gallery-card{height:360px}.process-grid{grid-template-columns:1fr}
  .contact-grid{gap:35px}.manifesto-inner{padding:85px 18px}
}