@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{
  --bg:#080807;
  --bg-soft:#0d0d0b;
  --panel:#12120f;
  --panel-hover:#171711;
  --gold:#c6a45a;
  --gold-bright:#e5c77f;
  --gold-soft:#a98a49;
  --text:#f5f2eb;
  --muted:#b5afa3;
  --muted-2:#898378;
  --line:rgba(198,164,90,.24);
  --line-soft:rgba(255,255,255,.09);
  --radius:16px;
  --content:1160px;
  --shadow:0 18px 50px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
img{max-width:100%}
.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,8,7,.94);position:relative;z-index:2}
.wordmark{font-weight:800;letter-spacing:.22em;font-size:14px}
.wordmark span{font-size:9px;color:var(--gold);vertical-align:top;margin-left:4px}
.top-contact{font-size:12px;color:var(--gold-bright);font-weight:600;letter-spacing:.035em;padding:10px 0}
.top-contact span{margin-left:7px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 72px);padding:58px 20px 56px;display:flex;align-items:center;flex-direction:column;text-align:center}
.glow{position:absolute;z-index:-1;width:340px;height:340px;border-radius:50%;filter:blur(110px);opacity:.09;background:#b78325;pointer-events:none}
.glow-one{top:2%;left:-230px}.glow-two{right:-240px;bottom:2%}
.brand-logo{width:min(190px,48vw);aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid rgba(198,164,90,.48);box-shadow:0 0 44px rgba(198,164,90,.07);margin-bottom:28px}
.eyebrow{font-size:10px;line-height:1.4;letter-spacing:.22em;color:var(--gold-bright);font-weight:700;margin:0 0 17px}
.hero h1,.section-head h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,7vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0}
.hero h1 em,.section-head h2 em{color:var(--gold-bright);font-weight:500}
.intro{max-width:440px;color:var(--muted);font-size:14px;line-height:1.8;margin:20px auto 30px}
.actions{width:min(100%,440px);display:grid;gap:10px}
.action{min-height:68px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:flex;align-items:center;text-align:left;padding:13px 17px;gap:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.action:hover{transform:translateY(-2px);border-color:rgba(229,199,127,.65);background:rgba(198,164,90,.065)}
.action.primary{background:linear-gradient(110deg,#d9b96d,#b58b3c);color:#171108;border-color:#e5c77f;box-shadow:0 8px 26px rgba(198,164,90,.10)}
.action-icon{font-size:22px;color:var(--gold-bright);width:25px;flex:0 0 25px;text-align:center}
.primary .action-icon{color:#171108}
.action b{display:block;font-size:13px;font-weight:700;line-height:1.35}
.action small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}
.primary small{color:#35260c}
.arrow{margin-left:auto;font-size:18px;color:var(--gold-bright);padding-left:8px}
.primary .arrow{color:#171108}
.location-line{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:11px;margin-top:25px}
.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:0 0 5px}

.catalog{padding:86px 24px 88px;background:var(--bg-soft);border-top:1px solid var(--line)}
.section-head{max-width:var(--content);margin:0 auto 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.section-head .eyebrow{margin-bottom:14px}
.section-head h2{font-size:clamp(32px,5vw,50px)}
.demo-tag{border:1px solid rgba(198,164,90,.42);color:var(--gold-bright);font-size:9px;font-weight:700;letter-spacing:.14em;padding:10px 12px;border-radius:3px;white-space:nowrap}
.catalog-note{max-width:var(--content);margin:0 auto 32px;color:var(--muted);font-size:13px;line-height:1.75}
.product-grid{max-width:var(--content);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card{overflow:hidden;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);box-shadow:0 10px 32px rgba(0,0,0,.10);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.product-card:hover{transform:translateY(-4px);border-color:rgba(198,164,90,.34);box-shadow:var(--shadow)}
.product-art{position:relative;aspect-ratio:1.12/1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#f1f1ef;border-bottom:1px solid rgba(255,255,255,.06)}
.product-art img{width:100%;height:100%;object-fit:contain;display:block;background:#f1f1ef;transition:transform .35s ease}
.product-card:hover .product-art img{transform:scale(1.025)}
.product-info{padding:22px;display:flex;flex:1;flex-direction:column;align-items:stretch}
.product-kicker{font-size:9px;line-height:1.4;letter-spacing:.17em;color:var(--gold-bright);font-weight:700;margin:0 0 10px}
.product-info h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.015em;margin:0 0 10px;color:var(--text);min-height:0}
.product-info p:not(.product-kicker){font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px;min-height:0}
.product-price{font-size:24px;line-height:1.2;font-weight:800;color:var(--gold-bright);margin:0 0 20px;letter-spacing:-.025em}
.buy-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin-top:auto;padding:13px 14px;border:1px solid var(--gold);border-radius:8px;color:var(--gold-bright);font-family:inherit;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.045em;text-align:center;text-transform:uppercase;background:rgba(198,164,90,.045);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.buy-button:hover{background:var(--gold);border-color:var(--gold);color:#151108}
.buy-button span{font-size:16px;line-height:1;flex:0 0 auto}
.catalog-footer{max-width:var(--content);margin:30px auto 0;padding:22px 24px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted);font-size:13px;line-height:1.6;background:rgba(198,164,90,.025)}
.catalog-footer a{color:var(--gold-bright);font-weight:700}
.catalog-footer a:hover{text-decoration:underline;text-underline-offset:4px}
footer{padding:38px 20px 32px;text-align:center;border-top:1px solid rgba(255,255,255,.07);color:var(--muted-2);font-size:10px;line-height:1.7;letter-spacing:.04em}
footer img{width:160px;height:auto;max-height:95px;object-fit:contain;margin-bottom:12px;mix-blend-mode:screen}
footer p{margin:8px 0}
footer a{display:inline-block;color:var(--gold-bright);margin-top:8px;font-weight:600}
@media(min-width:1200px){.hero{padding-top:64px}.brand-logo{width:200px}.product-grid{gap:24px}}
@media(max-width:900px){.catalog{padding:70px 22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-art{aspect-ratio:1.12/1}.product-info{padding:20px}}
@media(max-width:600px){
  .topbar{height:62px;padding:0 20px}
  .wordmark{font-size:13px;letter-spacing:.19em}
  .top-contact{font-size:11px}
  .hero{min-height:auto;padding:42px 20px 48px}
  .brand-logo{width:158px;margin-bottom:24px}
  .eyebrow{font-size:9px;letter-spacing:.19em}
  .hero h1{font-size:clamp(38px,10vw,52px)}
  .intro{font-size:13px;line-height:1.75;margin:18px auto 25px}
  .actions{gap:9px}
  .action{min-height:64px;padding:12px 14px;gap:12px;border-radius:11px}
  .action b{font-size:13px}
  .action small{font-size:10.5px}
  .location-line{font-size:10px;margin-top:22px}
  .catalog{padding:58px 16px 62px}
  .section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:18px}
  .section-head .eyebrow{margin-bottom:12px}
  .section-head h2{font-size:clamp(32px,8.5vw,42px);line-height:1.12}
  .demo-tag{order:2;font-size:8px;padding:8px 10px}
  .catalog-note{font-size:12px;line-height:1.7;margin-bottom:24px}
  .product-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .product-card{border-radius:14px}
  .product-art{aspect-ratio:1.35/1;max-height:340px}
  .product-info{padding:20px}
  .product-kicker{font-size:9px;margin-bottom:9px}
  .product-info h3{font-size:18px;line-height:1.4;margin-bottom:9px}
  .product-info p:not(.product-kicker){font-size:13px;line-height:1.7;margin-bottom:20px}
  .product-price{font-size:25px;margin-bottom:18px}
  .buy-button{min-height:54px;font-size:11px;letter-spacing:.035em;padding:14px 12px}
  .catalog-footer{align-items:flex-start;flex-direction:column;padding:20px;margin-top:24px;font-size:12px}
  .catalog-footer a{line-height:1.6}
  footer{padding:32px 20px 28px}
}
@media(max-width:360px){
  .hero{padding-left:16px;padding-right:16px}
  .catalog{padding-left:12px;padding-right:12px}
  .product-art{aspect-ratio:1.2/1}
  .product-info{padding:17px}
  .buy-button{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}