/* ═══════════════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#060A0A;font-family:'Outfit',sans-serif;color:#F0EBE1;overflow-x:hidden}
button{font-family:inherit;cursor:pointer}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
input,textarea,select{font-family:inherit}
ul{list-style:none}

::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-track{background:#060A0A}
::-webkit-scrollbar-thumb{background:linear-gradient(#0F3D3E,#C9A84C)}

/* ═══════════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════════ */
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes marqueeX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floatA{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-22px) rotate(1deg)}}
@keyframes floatB{0%,100%{transform:translateY(-10px) rotate(4deg)}50%{transform:translateY(8px) rotate(-1deg)}}
@keyframes floatC{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes revealUp{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spinIn{from{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* ═══════════════════════════════════════════════════
   UTILITY CLASSES
═══════════════════════════════════════════════════ */
.gold{
  background:linear-gradient(90deg,#8A6020,#E8C97B,#D4AF37,#E8C97B,#8A6020);
  background-size:300% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:shimmer 7s linear infinite;
  display:inline-block;
}
.rv{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.rv.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}

/* ═══════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════ */
.btn-gd{
  background:linear-gradient(135deg,#B8842A,#E8C97B,#C9A84C);
  background-size:200% auto;
  color:#060A0A;border:none;
  padding:14px 34px;
  font-size:13px;font-weight:500;
  letter-spacing:2.8px;text-transform:uppercase;
  cursor:pointer;transition:all .35s ease;display:inline-block;
  font-family: 'Outfit';
}
.btn-gd:hover{background-position:right center;box-shadow:0 10px 35px rgba(201,168,76,.45);transform:translateY(-2px)}

.btn-em{
  background:linear-gradient(135deg,#0F3D3E,#1E7068);
  color:#E8C97B;border:1px solid rgba(201,168,76,.35);
  padding:14px 34px;
  font-size:10px;font-weight:500;
  letter-spacing:2.8px;text-transform:uppercase;
  cursor:pointer;transition:all .35s ease;display:inline-block;
}
.btn-em:hover{background:linear-gradient(135deg,#1E7068,#0F3D3E);border-color:rgba(201,168,76,.75);box-shadow:0 0 35px rgba(15,61,62,.55),0 10px 30px rgba(0,0,0,.35);transform:translateY(-2px)}

.btn-ol{
  background:transparent;color:rgba(240,235,225,.7);
  border:1px solid rgba(240,235,225,.22);
  padding:14px 34px;
  font-size:10px;font-weight:400;
  letter-spacing:2.8px;text-transform:uppercase;
  cursor:pointer;transition:all .35s ease;display:inline-block;
}
.btn-ol:hover{border-color:rgba(201,168,76,.55);color:#E8C97B;transform:translateY(-2px)}

/* ═══════════════════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════════════════ */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:72px;padding:0 44px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .4s ease,backdrop-filter .4s ease,border-bottom .4s ease;
}
#nav.scrolled{
  background:rgba(5,9,9,.93);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(201,168,76,.1);
}
@media(max-width:768px){
  #nav.scrolled{backdrop-filter:none;}
}
.nav-logo{background:none;border:none;cursor:pointer;text-align:left;padding:0}
.nav-logo-name{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:#F0EBE1;letter-spacing:3.5px;text-transform:uppercase;line-height:1}
.nav-logo-sub{display:flex;align-items:center;gap:6px;margin-top:3px}
.nav-logo-line{height:1px;width:36px;background:linear-gradient(90deg,#C9A84C,transparent)}
.nav-logo-tag{font-family:'Outfit',sans-serif;font-size:7px;letter-spacing:4.5px;text-transform:uppercase;color:#C9A84C}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-link{font-family:'Outfit',sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:rgba(240,235,225,.55);background:none;border:none;cursor:pointer;padding:0;transition:color .3s}
.nav-link:hover,.nav-link.active{color:#E8C97B}
.nav-cta-wrap{display:flex;gap:16px;align-items:center}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{height:1px;background:#C9A84C;transition:all .3s;display:block}
.hamburger span:nth-child(1){width:22px}
.hamburger span:nth-child(2){width:16px}
.hamburger span:nth-child(3){width:22px}

/* Mobile overlay */
#mob-menu{
  position:fixed;inset:0;z-index:999;
  background:rgba(5,9,9,.97);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
#mob-menu.open{opacity:1;pointer-events:all}
.mob-link{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;color:#F0EBE1;background:none;border:none;cursor:pointer;letter-spacing:3px;transition:color .3s}
.mob-link:hover,.mob-link.active{color:#E8C97B}

/* ═══════════════════════════════════════════════════
   PAGES — show/hide system
═══════════════════════════════════════════════════ */
.page{display:none;min-height:100vh;padding-top:72px;animation:spinIn .55s cubic-bezier(.22,1,.36,1)}
.page.active{display:block}

/* ═══════════════════════════════════════════════════
   SHARED ATOMS
═══════════════════════════════════════════════════ */
.gold-line{height:1px;background:linear-gradient(90deg,transparent,#C9A84C,transparent)}
.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.eyebrow.center{justify-content:center}
.eyebrow-text{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#C9A84C;font-weight:500}
.eyebrow-line{height:1px;width:28px;background:linear-gradient(90deg,transparent,#C9A84C,transparent)}

.section-pad{padding:110px 44px}
.inner{max-width:1280px;margin:0 auto}
.page-hero{background:linear-gradient(135deg,#060A0A,#0F3D3E,#060A0A);padding:90px 44px 70px;text-align:center;border-bottom:1px solid rgba(201,168,76,.12)}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,72px);font-weight:700;color:#F0EBE1;line-height:1.1}
.page-hero p{font-family:'Outfit',sans-serif;font-size:14px;color:rgba(240,235,225,.45);max-width:400px;margin:20px auto 0;line-height:1.85}

/* ═══════════════════════════════════════════════════
   CURSOR GLOW
═══════════════════════════════════════════════════ */
#cursor-glow{
  position:fixed;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(15,61,62,.16) 0%,transparent 68%);
  pointer-events:none;z-index:9000;
  transition:left .12s linear,top .12s linear;
  transform:translate(-250px,-250px);
  left:-500px;top:-500px;
}

/* ═══════════════════════════════════════════════════
   GRAIN OVERLAY
═══════════════════════════════════════════════════ */
#grain{
  position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;
  will-change:transform;
  transform:translateZ(0);
}
@media(max-width:768px){
  #grain{display:none;}
}

/* ═══════════════════════════════════════════════════
   FLYER ART MOCKUPS
═══════════════════════════════════════════════════ */
.flyer{position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 35px 80px rgba(0,0,0,.65),0 0 1px rgba(201,168,76,.2)}
.flyer-corner{position:absolute;top:0;right:0;width:48%;height:38%;border-left:1px solid rgba(201,168,76,.18);border-bottom:1px solid rgba(201,168,76,.18)}
.flyer-rule{position:absolute;left:18px;right:18px;height:1px}
.flyer-logo{position:absolute;top:22px;left:18px}
.flyer-logo-bar{height:3px;width:26px;margin-bottom:9px}
.flyer-body-line{height:5px;border-radius:1px;margin-bottom:7px;background:rgba(255,255,255,.07)}
.flyer-img-block{position:absolute;right:18px;background:rgba(255,255,255,.05)}
.flyer-footer{position:absolute;bottom:18px;left:18px;right:18px}
.flyer-cta-bar{height:24px;background:rgba(201,168,76,.18);display:flex;align-items:center;justify-content:center}
.flyer-cta-inner{height:5px;width:44%;background:rgba(201,168,76,.55);border-radius:1px}
.flyer-v-rule{position:absolute;top:40%;right:12px;width:1px;height:18%;background:linear-gradient(180deg,transparent,rgba(201,168,76,.4),transparent)}
/* Variants */
.flyer-v1{background:linear-gradient(150deg,#081C1C 0%,#0F3D3E 60%,#071414 100%)}
.flyer-v1 .flyer-corner{background:rgba(201,168,76,.12)}
.flyer-v1 .flyer-rule,.flyer-v1 .flyer-logo-bar,.flyer-v1 .flyer-footer>.flyer-rule-top{background:linear-gradient(90deg,#C9A84C,#E8C97B)}
.flyer-v2{background:linear-gradient(150deg,#09090F 0%,#131830 60%,#060610 100%)}
.flyer-v2 .flyer-corner{background:rgba(201,168,76,.1)}
.flyer-v2 .flyer-rule,.flyer-v2 .flyer-logo-bar,.flyer-v2 .flyer-footer>.flyer-rule-top{background:linear-gradient(90deg,#E8C97B,#C9A84C)}
.flyer-v3{background:linear-gradient(150deg,#0C0C0C 0%,#1A1A1A 60%,#080808 100%)}
.flyer-v3 .flyer-corner{background:rgba(201,168,76,.15)}
.flyer-v3 .flyer-rule,.flyer-v3 .flyer-logo-bar,.flyer-v3 .flyer-footer>.flyer-rule-top{background:linear-gradient(90deg,#C9A84C,#D4AF37)}

/* ═══════════════════════════════════════════════════
   HOME — HERO
═══════════════════════════════════════════════════ */
#home-hero{
  min-height:100vh;display:flex;align-items:center;
  position:relative;overflow:hidden;padding:0 44px;
}
.hero-glow-l{position:absolute;top:20%;left:-10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(15,61,62,.25) 0%,transparent 70%);pointer-events:none}
.hero-glow-r{position:absolute;bottom:10%;right:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none}
.hero-inner{max-width:1280px;margin:0 auto;width:100%;display:flex;align-items:center;gap:60px;padding-top:100px;padding-bottom:80px}
.hero-text{flex:1 1 520px}
.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:32px;animation:revealUp .8s ease both}
.hero-eyebrow-line{height:1px;width:32px;background:linear-gradient(90deg,transparent,#C9A84C,transparent)}
.hero-eyebrow-label{font-family:'Outfit',sans-serif;font-size:16px;letter-spacing:4px;text-transform:uppercase;color:#C9A84C;font-weight:500}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(56px,8vw,100px);font-weight:700;line-height:1.0;color:#F0EBE1;margin-bottom:12px;animation:revealUp .9s .1s ease both}
.hero-p{font-family:'Outfit',sans-serif;font-size:18px;font-weight:300;color:rgba(240,235,225,.55);line-height:1.85;max-width:440px;margin-top:28px;margin-bottom:44px;animation:revealUp .9s .2s ease both}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:revealUp .9s .3s ease both}
.hero-stats{display:flex;gap:44px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(240,235,225,.08);animation:revealUp .9s .4s ease both;flex-wrap:wrap}
.hero-stat-n{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;line-height:1}
.hero-stat-l{font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:1.5px;color:rgba(240,235,225,.4);text-transform:uppercase;margin-top:6px}
.hero-art{flex:0 0 480px;height:520px;position:relative}
.hero-art-glow{position:absolute;bottom:10%;left:20%;right:20%;height:60px;background:rgba(15,61,62,.4);filter:blur(30px);border-radius:50%}
.scroll-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:pulse 2.5s ease-in-out infinite}
.scroll-hint span{font-family:'Outfit',sans-serif;font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,.5)}
.scroll-hint-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(201,168,76,.5),transparent)}

/* ═══════════════════════════════════════════════════
   MARQUEE
═══════════════════════════════════════════════════ */
.marquee-wrap{overflow:hidden;border-top:1px solid rgba(201,168,76,.12);border-bottom:1px solid rgba(201,168,76,.12);padding:22px 0;background:rgba(15,61,62,.12)}
.marquee-track{display:flex;animation:marqueeX 28s linear infinite;width:max-content;will-change:transform;}
@media(max-width:768px){
  .marquee-track{animation-duration:45s;}
}
.marquee-item{display:flex;align-items:center;gap:28px;margin-right:28px}
.marquee-text{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:400;color:rgba(240,235,225,.35);letter-spacing:2px;white-space:nowrap;font-style:italic}
.marquee-dot{width:5px;height:5px;border-radius:50%;background:#C9A84C;opacity:.5;flex-shrink:0}

/* ═══════════════════════════════════════════════════
   PRODUCTS SECTION
═══════════════════════════════════════════════════ */
.products-grid{display:flex;gap:24px;align-items:stretch}
.pcard{flex:1;border:1px solid rgba(255,255,255,.07);padding:40px 32px;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;cursor:default;background:rgba(255,255,255,.025)}
.pcard:hover{transform:translateY(-12px);box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 1px rgba(201,168,76,.35)}
.pcard:hover .pcl{width:100%!important}
.pcard.featured{background:linear-gradient(160deg,#0F3D3E,#16534F,#0A2A2B);border-color:rgba(201,168,76,.35);box-shadow:0 0 60px rgba(15,61,62,.35)}
.pcard-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#B8842A,#E8C97B);padding:5px 20px;font-family:'Outfit',sans-serif;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#060A0A;font-weight:500;white-space:nowrap}
.pcard-tier{font-family:'Outfit',sans-serif;font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;margin-bottom:20px}
.pcard-h{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:#F0EBE1;line-height:1;margin-bottom:6px}
.pcard-sub{font-family:'Cormorant Garamond',serif;font-size:14px;font-style:italic;color:rgba(240,235,225,.5);margin-bottom:24px}
.pcard-price{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:600;margin-bottom:20px}
.pcard-desc{font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,235,225,.5);line-height:1.8;margin-bottom:28px}
.pcard-feat{margin-bottom:36px}
.pcard-feat li{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-family:'Outfit',sans-serif;font-size:12.5px;color:rgba(240,235,225,.7)}
.feat-dot-wrap{width:16px;height:16px;border:1px solid rgba(201,168,76,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-dot{width:6px;height:6px;background:#C9A84C;border-radius:50%}
.pcl-wrap{height:1px;background:rgba(201,168,76,.15);margin-bottom:24px;position:relative}
.pcl{height:100%;width:0;background:linear-gradient(90deg,#C9A84C,#E8C97B);position:absolute;top:0;left:0;transition:width .65s cubic-bezier(.22,1,.36,1)}
.pcard-btn{width:100%;text-align:center}

/* ═══════════════════════════════════════════════════
   PROCESS PREVIEW
═══════════════════════════════════════════════════ */
.process-bg{background:rgba(15,61,62,.08);border-top:1px solid rgba(201,168,76,.08);border-bottom:1px solid rgba(201,168,76,.08);padding:100px 44px}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.step-c{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:32px 24px;position:relative;transition:all .4s ease}
.step-c:hover{background:rgba(15,61,62,.35)!important;border-color:rgba(201,168,76,.3)!important}
.step-c:hover .snum{border-color:rgba(201,168,76,.7)!important;color:#E8C97B!important}
.snum{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;color:rgba(201,168,76,.25);line-height:1;margin-bottom:16px;border:1px solid rgba(201,168,76,.18);width:58px;height:58px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}
.step-h{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#F0EBE1;margin-bottom:10px}
.step-p{font-family:'Outfit',sans-serif;font-size:12.5px;color:rgba(240,235,225,.45);line-height:1.75}
.step-arrow{position:absolute;top:38%;right:-12px;width:24px;height:1px;background:rgba(201,168,76,.3);z-index:1}

/* ═══════════════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════════════ */
.t-grid{display:flex;gap:24px}
.tcard{flex:1;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);padding:40px 32px;transition:transform .4s ease}
.tcard:hover{transform:translateY(-6px)}
.tcard-stars{display:flex;gap:4px;margin-bottom:24px}
.tcard-star{font-family:'Cormorant Garamond',serif;font-size:14px;background:linear-gradient(90deg,#8A6020,#E8C97B,#D4AF37,#E8C97B,#8A6020);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.tcard-q{font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic;font-weight:400;color:rgba(240,235,225,.8);line-height:1.7;margin-bottom:32px}
.tcard-author{display:flex;align-items:center;gap:14px}
.tcard-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0F3D3E,#1E7068);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:14px;font-weight:600;color:#E8C97B;flex-shrink:0}
.tcard-name{font-family:'Outfit',sans-serif;font-size:12.5px;font-weight:500;color:#F0EBE1}
.tcard-role{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(240,235,225,.4);margin-top:2px}

/* ═══════════════════════════════════════════════════
   HOME CTA BAND
═══════════════════════════════════════════════════ */
.cta-band{background:linear-gradient(135deg,#081C1C 0%,#0F3D3E 50%,#081C1C 100%);border-top:1px solid rgba(201,168,76,.15);border-bottom:1px solid rgba(201,168,76,.15);padding:100px 44px;text-align:center;position:relative;overflow:hidden}
.cta-band-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5.5vw,68px);font-weight:700;color:#F0EBE1;line-height:1.1;margin-bottom:20px}
.cta-band p{font-family:'Outfit',sans-serif;font-size:14px;color:rgba(240,235,225,.45);max-width:400px;margin:0 auto 44px;line-height:1.85}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   SHOP PAGE
═══════════════════════════════════════════════════ */
.shop-grid{display:flex;gap:28px;margin-bottom:70px}
.spcard{flex:1;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);padding:36px 28px;cursor:pointer;transition:all .4s ease}
.spcard.selected{background:linear-gradient(160deg,#0F3D3E,#16534F,#0A2A2B);border-color:rgba(201,168,76,.55);box-shadow:0 0 50px rgba(15,61,62,.4)}
.spcard:hover:not(.selected){transform:translateY(-8px);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.spcard-tier{font-family:'Outfit',sans-serif;font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;margin-bottom:16px}
.spcard-h{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:#F0EBE1;margin-bottom:4px}
.spcard-sub{font-family:'Cormorant Garamond',serif;font-size:13px;font-style:italic;color:rgba(240,235,225,.45);margin-bottom:20px}
.spcard-price{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;margin-bottom:16px}
.spcard-desc{font-family:'Outfit',sans-serif;font-size:12.5px;color:rgba(240,235,225,.5);line-height:1.75;margin-bottom:24px}
.spcard-selected-badge{display:flex;align-items:center;gap:8px;color:#E8C97B;font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:1.5px}
.spcard-selected-dot{width:8px;height:8px;border-radius:50%;background:#C9A84C}

.order-form-wrap{max-width:720px;margin:0 auto}
.form-title{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;color:#F0EBE1}
.fi{width:100%;background:rgba(240,235,225,.04);border:1px solid rgba(240,235,225,.1);color:#F0EBE1;padding:13px 18px;font-family:'Outfit',sans-serif;font-size:13px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;border-radius:0}
.fi:focus{border-color:rgba(201,168,76,.5)}
.fi::placeholder{color:rgba(240,235,225,.28)}
select.fi option{background:#0D1E1E}
.form-row{display:flex;gap:16px}
.form-row .fi{flex:1}
.upload-zone{border:1px dashed rgba(201,168,76,.25);padding:28px;text-align:center;cursor:pointer;transition:all .3s;position:relative}
.upload-zone:hover{border-color:rgba(201,168,76,.5);background:rgba(201,168,76,.04)}
.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-label{font-family:'Outfit',sans-serif;font-size:12px;color:rgba(240,235,225,.4);letter-spacing:1px}
.upload-sub{font-family:'Outfit',sans-serif;font-size:10px;color:rgba(240,235,225,.25);margin-top:6px}
.form-note{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(240,235,225,.3);text-align:center;line-height:1.7}
.form-gap{display:flex;flex-direction:column;gap:16px}
.success-box{text-align:center;padding:60px 40px;background:rgba(15,61,62,.2);border:1px solid rgba(201,168,76,.25)}
.success-icon{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:300;margin-bottom:20px}
.success-h{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:#F0EBE1;margin-bottom:12px}
.success-p{font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,235,225,.5);line-height:1.8}


/* ═══════════════════════════════════════════════════
   GUIDE PAGE
═══════════════════════════════════════════════════ */
.guide-wrap{max-width:900px;margin:0 auto;padding:90px 44px}
.guide-step{margin-bottom:8px}
.guide-step-header{display:flex;gap:28px;padding:32px 28px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);cursor:pointer;transition:all .4s ease;align-items:flex-start}
.guide-step-header:hover,.guide-step-header.open{background:rgba(15,61,62,.25);border-color:rgba(201,168,76,.3)}
.guide-step-num{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:rgba(201,168,76,.22);line-height:1;min-width:58px;transition:color .4s}
.guide-step-header.open .guide-step-num{color:rgba(201,168,76,.6)}
.guide-step-meta{flex:1}
.guide-step-eyebrow{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;display:block;margin-bottom:8px}
.guide-step-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#F0EBE1}
.guide-toggle{color:#C9A84C;font-size:18px;transition:transform .4s;flex-shrink:0;align-self:center}
.guide-step-header.open .guide-toggle{transform:rotate(45deg)}
.guide-step-body{overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.22,1,.36,1);background:rgba(15,61,62,.12);border:1px solid rgba(201,168,76,.2);border-top:none;padding:0 28px 0 calc(28px + 58px + 28px)}
.guide-step-body.open{max-height:400px;padding-bottom:32px;padding-top:24px}
.guide-step-desc{font-family:'Outfit',sans-serif;font-size:13.5px;color:rgba(240,235,225,.6);line-height:1.85;margin-bottom:24px}
.guide-tip{display:flex;align-items:center;gap:12px;font-family:'Outfit',sans-serif;font-size:12.5px;color:rgba(240,235,225,.5);margin-bottom:10px}
.guide-tip-dot{width:4px;height:4px;background:#C9A84C;border-radius:50%;flex-shrink:0}
.step-divider{display:flex;justify-content:center;margin:0}
.step-divider-line{width:1px;height:8px;background:rgba(201,168,76,.25)}

.faq-item{border-bottom:1px solid rgba(255,255,255,.06);padding:24px 0}
.faq-q{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:#F0EBE1;margin-bottom:10px}
.faq-a{font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,235,225,.45);line-height:1.8}

/* ═══════════════════════════════════════════════════
   BLOG PAGE
═══════════════════════════════════════════════════ */
.blog-inner{max-width:1280px;margin:0 auto;padding:80px 44px 40px}
.blog-featured{display:flex;gap:0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);overflow:hidden;margin-bottom:40px;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease}
.blog-featured:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(0,0,0,.55)}
.blog-featured:hover .bthumb{transform:scale(1.05)}
.bthumb{transition:transform .7s ease;overflow:hidden;flex:0 0 420px;min-height:280px;display:flex;align-items:center;justify-content:center}
.blog-featured-text{flex:1;padding:40px 32px 40px;min-width:240px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.bcard{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:transform .4s ease,box-shadow .4s ease;overflow:hidden}
.bcard:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.55)}
.bcard:hover .bcard-thumb{transform:scale(1.07)}
.bcard-thumb{height:180px;display:flex;align-items:center;justify-content:center;transition:transform .7s ease;overflow:hidden}
.bcard-body{padding:28px 24px}
.blog-cat{font-family:'Outfit',sans-serif;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:#C9A84C;padding:4px 10px;border:1px solid rgba(201,168,76,.28)}
.blog-h{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:#F0EBE1;line-height:1.3;margin-bottom:12px}
.blog-excerpt{font-family:'Outfit',sans-serif;font-size:12px;color:rgba(240,235,225,.45);line-height:1.75;margin-bottom:20px}
.blog-meta{font-family:'Outfit',sans-serif;font-size:10px;color:rgba(240,235,225,.3)}

/* ═══════════════════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════════════════ */
.about-hero{padding:100px 44px 80px;max-width:1280px;margin:0 auto;display:flex;gap:60px;align-items:center}
.about-text{flex:1 1 440px}
.about-art{flex:0 0 360px;height:420px;position:relative}
.about-h{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,6vw,76px);font-weight:700;color:#F0EBE1;line-height:1.05;margin-bottom:28px}
.about-p{font-family:'Outfit',sans-serif;font-size:14px;color:rgba(240,235,225,.5);line-height:1.9;max-width:420px;margin-bottom:36px}
.values-bg{background:linear-gradient(135deg,#060A0A,#0F3D3E,#060A0A);border-top:1px solid rgba(201,168,76,.1);border-bottom:1px solid rgba(201,168,76,.1);padding:80px 44px}
.values-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.val-icon{font-family:'Cormorant Garamond',serif;font-size:32px;margin-bottom:20px;background:linear-gradient(90deg,#8A6020,#E8C97B,#D4AF37,#E8C97B,#8A6020);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.val-h{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#F0EBE1;margin-bottom:14px}
.val-p{font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,235,225,.5);line-height:1.85}
.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.spec-item{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);padding:24px 22px;display:flex;align-items:center;gap:14px;transition:all .4s ease}
.spec-item:hover{background:rgba(15,61,62,.2);border-color:rgba(201,168,76,.2)}
.spec-dot{width:4px;height:4px;background:#C9A84C;border-radius:50%;flex-shrink:0}
.spec-text{font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,235,225,.7)}
.contact-band{background:rgba(15,61,62,.1);border-top:1px solid rgba(201,168,76,.08);padding:80px 44px;text-align:center}
.contact-h{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,46px);font-weight:700;color:#F0EBE1;margin-bottom:16px}
.contact-p{font-family:'Outfit',sans-serif;font-size:14px;color:rgba(240,235,225,.4);max-width:360px;margin:0 auto 36px;line-height:1.8}
.contact-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */
footer{background:#040808;border-top:1px solid rgba(201,168,76,.1);padding:70px 44px 36px}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:#F0EBE1;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px}
.footer-brand-sub{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.footer-brand-tag{font-family:'Outfit',sans-serif;font-size:15px;letter-spacing:4px;text-transform:uppercase;color:#C9A84C}
.footer-brand-p{font-family:'Outfit',sans-serif;font-size:15px;color:rgba(240,235,225,.35);line-height:1.85;max-width:260px}
.footer-col-head{font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;margin-bottom:20px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{font-family:'Outfit',sans-serif;font-size:15px;color:rgba(240,235,225,.4);background:none;border:none;cursor:pointer;text-align:left;padding:0;transition:color .3s}
.footer-link:hover{color:#E8C97B}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-copy{font-family:'Outfit',sans-serif;font-size:18px;color:rgba(240,235,225,.25)}
.footer-legal{display:flex;gap:24px}
.footer-legal span{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(240,235,225,.25);cursor:pointer}

/* ═══════════════════════════════════════════════════
   SECTION HEADING SHARED
═══════════════════════════════════════════════════ */
.sec-head{text-align:center;margin-bottom:64px}
.sec-h{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4.5vw,52px);font-weight:700;color:#F0EBE1}
.sec-p{font-family:'Outfit',sans-serif;font-size:14px;color:rgba(240,235,225,.45);max-width:480px;margin:20px auto 0;line-height:1.8}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */
@media(max-width:900px){
  /* Nav */
  .nav-links,.nav-cta-wrap{display:none!important}
  .hamburger{display:flex!important}
  /* Hero */
  .hero-photo-wrap{display:none!important}
  #home-hero{padding:0 22px!important}
  #home-hero > div:first-child{padding:40px 22px 40px!important}
  /* Grids */
  .products-grid,.t-grid,.shop-grid{flex-direction:column!important}
  .form-row{flex-direction:column!important}
  .blog-featured{flex-direction:column}
  .about-hero{flex-direction:column}
  .bthumb{flex:0 0 240px!important}
  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  /* Padding reductions */
  .section-pad{padding:60px 22px!important}
  .process-bg{padding:60px 22px!important}
  .cta-band{padding:70px 22px!important}
  .values-bg{padding:60px 22px!important}
  .contact-band{padding:60px 22px!important}
  .blog-inner{padding:50px 22px 30px!important}
  .guide-wrap{padding:50px 22px!important}
  .about-hero{padding:50px 22px 40px!important}
  .page-hero{padding:70px 22px 50px!important}
  /* Shop cards stacked */
  .spcard{width:100%}
  /* Calc */
  .calc-grid{grid-template-columns:1fr!important}
  .calc-section{padding:60px 22px!important}
  .calc-result{position:static}
  /* Inner padding */
  .inner{padding:0 22px}
}

@media(max-width:600px){
  /* Hero title smaller */
  .hero-h1{font-size:clamp(42px,12vw,72px)!important;line-height:1.05!important}
  /* Nav padding */
  #nav{padding:0 18px!important}
  /* Footer single column */
  .footer-grid{grid-template-columns:1fr!important}
  /* Stats */
  .hero-stats{gap:24px!important;flex-wrap:wrap}
  /* Urgency band */
  .urgency-band{flex-direction:column;gap:12px;text-align:center;padding:16px 22px}
  /* Qty buttons wrap better */
  .qty-btn{min-width:50px!important;padding:10px 4px!important;font-size:10.5px!important}
  /* Gallery */
  .hgallery-item{width:260px!important;height:320px!important}
  .hgallery-track{padding:0 18px!important}
  /* Portfolio grid */
  .work-grid{grid-template-columns:1fr!important;height:auto!important}
  .wcard:nth-child(n){grid-column:1/2!important;grid-row:auto!important}
  .portfolio-section{padding:60px 22px!important}
  /* Form */
  .order-form-wrap{padding:0}
  /* Page titles */
  .page-hero h1{font-size:clamp(34px,9vw,56px)!important}
}
/* ═══════════════════════════════════════════════════
   PORTFOLIO / WORK GALLERY
═══════════════════════════════════════════════════ */
.portfolio-section{padding:110px 44px;background:#060A0A;position:relative;overflow:hidden}
.portfolio-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)}
.portfolio-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)}

/* Masonry-style grid */
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:18px;margin-top:64px}
.wcard{position:relative;overflow:hidden;cursor:pointer;background:#0D1A1A}
.wcard:nth-child(1){grid-column:1/6;grid-row:1/3}
.wcard:nth-child(2){grid-column:6/13;grid-row:1/2}
.wcard:nth-child(3){grid-column:6/10;grid-row:2/3}
.wcard:nth-child(4){grid-column:10/13;grid-row:2/3}

/* Photo */
.wcard-img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s ease;
  filter:saturate(.85) brightness(.92);}
.wcard:hover .wcard-img{transform:scale(1.07);filter:saturate(1.1) brightness(1)}

/* Overlay */
.wcard-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(5,9,9,.88) 100%);
  opacity:0;transition:opacity .5s ease;
  display:flex;flex-direction:column;justify-content:flex-end;padding:28px;
}
.wcard:hover .wcard-overlay{opacity:1}
.wcard-tag{font-family:'Outfit',sans-serif;font-size:8.5px;letter-spacing:2.5px;text-transform:uppercase;color:#C9A84C;border:1px solid rgba(201,168,76,.4);padding:4px 10px;display:inline-block;margin-bottom:10px;width:fit-content}
.wcard-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#F0EBE1;line-height:1.25;margin-bottom:8px}
.wcard-desc{font-family:'Outfit',sans-serif;font-size:11.5px;color:rgba(240,235,225,.65);line-height:1.7}

/* Subtle gold border on hover */
.wcard::after{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .5s ease;pointer-events:none}
.wcard:hover::after{border-color:rgba(201,168,76,.3)}

/* Tilt effect via JS — applies CSS vars */
.wcard{transform-style:preserve-3d;transition:transform .2s ease}

/* Fixed height for grid */
.work-grid{height:580px}
@media(max-width:1100px){.work-grid{height:auto;grid-template-columns:1fr 1fr}.wcard:nth-child(1){grid-column:1/2;grid-row:auto}.wcard:nth-child(2){grid-column:2/3;grid-row:auto}.wcard:nth-child(3){grid-column:1/2;grid-row:auto}.wcard:nth-child(4){grid-column:2/3;grid-row:auto}.wcard-img{height:300px;object-fit:cover}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr}.wcard:nth-child(n){grid-column:1/2;grid-row:auto}.portfolio-section{padding:70px 22px}}

/* ═══════════════════════════════════════════════════
   FORM ERROR STATES
═══════════════════════════════════════════════════ */
.fi.error{border-color:rgba(220,80,80,.6)!important}
.field-error{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(220,100,100,.9);margin-top:5px;display:none;padding-left:2px}
.field-error.show{display:block}
.form-global-error{background:rgba(180,40,40,.12);border:1px solid rgba(220,80,80,.3);padding:14px 18px;font-family:'Outfit',sans-serif;font-size:13px;color:rgba(240,160,160,.9);display:none;margin-bottom:16px;line-height:1.6}
.form-global-error.show{display:block}

/* ═══════════════════════════════════════════════════
   QUANTITY SELECTOR
═══════════════════════════════════════════════════ */
.qty-wrap{display:flex;gap:0;flex-wrap:wrap}
.qty-btn{
  flex:1;min-width:60px;
  background:rgba(240,235,225,.03);
  border:1px solid rgba(240,235,225,.08);
  border-left:none;
  color:rgba(240,235,225,.5);
  padding:11px 8px;
  font-family:'Outfit',sans-serif;font-size:11.5px;font-weight:400;
  letter-spacing:.5px;text-align:center;
  cursor:pointer;transition:all .25s ease;
}
.qty-btn:first-child{border-left:1px solid rgba(240,235,225,.08)}
.qty-btn:hover{background:rgba(15,61,62,.3);color:#E8C97B;border-color:rgba(201,168,76,.25)}
.qty-btn.active{background:rgba(15,61,62,.5);color:#E8C97B;border-color:rgba(201,168,76,.45);font-weight:500}
.qty-label{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(240,235,225,.35);margin-bottom:10px}

/* ═══════════════════════════════════════════════════
   CUSTOM CURSOR
═══════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════
   HERO — REAL PHOTO VERSION
═══════════════════════════════════════════════════ */
.hero-photo-wrap{flex:0 0 52%;position:relative;overflow:hidden;border-radius:0}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) brightness(.88);transition:transform .8s ease}
.hero-photo-wrap:hover img{transform:scale(1.04)}
.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#060A0A 0%,transparent 40%),linear-gradient(0deg,rgba(6,10,10,.4) 0%,transparent 60%)}
.hero-photo-tag{position:absolute;bottom:28px;right:28px;background:rgba(6,10,10,.75);backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.3);padding:10px 16px;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#C9A84C}

/* GSAP clip-path reveal for hero text */
.clip-reveal{clip-path:inset(0 100% 0 0);opacity:0}
.clip-reveal.on{clip-path:inset(0 0% 0 0);opacity:1;transition:clip-path 1s cubic-bezier(.77,0,.18,1),opacity .1s}

/* ═══════════════════════════════════════════════════
   URGENCY / CAPACITY BAND
═══════════════════════════════════════════════════ */
.urgency-band{background:rgba(15,61,62,.15);border-top:1px solid rgba(201,168,76,.12);border-bottom:1px solid rgba(201,168,76,.12);padding:14px 44px;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.urgency-item{display:flex;align-items:center;gap:10px;font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:1px;color:rgba(240,235,225,.6)}
.urgency-dot{width:7px;height:7px;border-radius:50%;background:#C9A84C;animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}
.urgency-num{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#C9A84C;line-height:1}

/* ═══════════════════════════════════════════════════
   PRICE CALCULATOR (interactive)
═══════════════════════════════════════════════════ */
.calc-section{background:linear-gradient(135deg,#060A0A,#0A1A1A);padding:90px 44px;border-top:1px solid rgba(201,168,76,.1)}
.calc-inner{max-width:900px;margin:0 auto}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.calc-label{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(240,235,225,.4);margin-bottom:14px}
.calc-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);font-family:'Outfit',sans-serif;font-size:12px;color:rgba(240,235,225,.55);cursor:pointer;transition:all .25s ease;letter-spacing:.5px}
.chip:hover{border-color:rgba(201,168,76,.3);color:#E8C97B;background:rgba(15,61,62,.2)}
.chip.active{background:rgba(15,61,62,.5);border-color:rgba(201,168,76,.55);color:#E8C97B;font-weight:500}
.calc-result{background:rgba(255,255,255,.025);border:1px solid rgba(201,168,76,.2);padding:36px;position:sticky;top:90px}
.calc-result-label{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(240,235,225,.35);margin-bottom:12px}
.calc-price{font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:600;line-height:1;margin-bottom:6px}
.calc-per{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(240,235,225,.4);margin-bottom:20px}
.calc-ustg{font-family:'Outfit',sans-serif;font-size:10px;color:rgba(201,168,76,.6);padding:8px 12px;border:1px solid rgba(201,168,76,.18);display:inline-block;margin-bottom:24px}
.calc-features{margin-bottom:28px}
.calc-feat{display:flex;align-items:center;gap:10px;font-family:'Outfit',sans-serif;font-size:12px;color:rgba(240,235,225,.6);margin-bottom:9px}
.calc-feat-dot{width:4px;height:4px;background:#C9A84C;border-radius:50%;flex-shrink:0}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr}.calc-section{padding:70px 22px}}

/* ═══════════════════════════════════════════════════
   §19 USTG NOTICE
═══════════════════════════════════════════════════ */
.ustg-note{font-family:'Outfit',sans-serif;font-size:9.5px;color:rgba(240,235,225,.35);letter-spacing:.5px;margin-top:6px}
.ustg-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.18);padding:5px 12px;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:1.5px;color:rgba(201,168,76,.7);text-transform:uppercase}

/* ═══════════════════════════════════════════════════
   HORIZONTAL GALLERY SCROLL
═══════════════════════════════════════════════════ */
.hgallery-wrap{overflow:hidden;position:relative;cursor:grab}
.hgallery-wrap:active{cursor:grabbing}
.hgallery-track{display:flex;gap:18px;width:max-content;transition:transform .05s linear;padding:0 44px}
.hgallery-item{width:340px;height:440px;flex-shrink:0;position:relative;overflow:hidden}
.hgallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease;filter:saturate(.8) brightness(.85)}
.hgallery-item:hover img{transform:scale(1.06);filter:saturate(1.1) brightness(.95)}
.hgallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,10,10,.88));opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.hgallery-item:hover .hgallery-overlay{opacity:1}
.hgallery-drag-hint{text-align:center;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(201,168,76,.45);margin-top:20px;padding-bottom:10px}

/* GSAP split text lines (added by JS) */
.gsap-line{overflow:hidden;display:block}
.gsap-word{display:inline-block;transform:translateY(110%)}

@media(max-width:600px){
  .hgallery-item{width:280px;height:360px}
  .hgallery-track{padding:0 22px}
  .urgency-band{padding:14px 22px;gap:18px}
}
@media(max-width:768px){
  .hide-sm{display:none !important;}
  #home-hero{
    gap:0 !important;
    padding:0 22px !important;
    justify-content:flex-start !important;
  }
  #home-hero > div:first-child{
    width:100%;
    padding:0 !important;
  }
  .hero-text{
    max-width:100% !important;
    text-align:center;
  }
  .hero-eyebrow{justify-content:center;}
  .hero-btns{justify-content:center;}
  .hero-stats{justify-content:center;gap:28px !important;}
}
/* ═══════════════════════════════════════════════════
   WIZARD
═══════════════════════════════════════════════════ */
.wiz-wrap { max-width: 720px; margin: 0 auto; }

/* Progress */
.wiz-progress { margin-bottom: 48px; }
.wiz-dots { display: flex; align-items: flex-start; justify-content: center; }
.wiz-dot { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.wiz-dot-circle {
  width: 32px; height: 32px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Outfit', sans-serif; font-size: 13px;
  border: 1px solid rgba(240,235,225,.15);
  color: rgba(240,235,225,.3);
  background: rgba(255,255,255,.02);
  transition: all .3s ease;
}
.wiz-dot.active .wiz-dot-circle {
  border-color: #C9A84C; color: #C9A84C;
  background: rgba(201,168,76,.1);
}
.wiz-dot.done .wiz-dot-circle {
  background: rgba(201,168,76,.15); border-color: #C9A84C; color: #C9A84C;
}
.wiz-dot-label {
  font-family: 'Outfit', sans-serif; font-size: 9px;
  letter-spacing: 2px; text-transform: uppercase;
  color: rgba(240,235,225,.25); transition: color .3s;
}
.wiz-dot.active .wiz-dot-label,
.wiz-dot.done  .wiz-dot-label { color: rgba(201,168,76,.7); }
.wiz-connector {
  flex: 1; height: 1px; max-width: 200px;
  background: rgba(240,235,225,.1);
  margin: 16px 14px 0;
  transition: background .3s;
}
.wiz-connector.done { background: rgba(201,168,76,.4); }
.wiz-mobile-step {
  display: none;
  font-family: 'Outfit', sans-serif; font-size: 10px;
  letter-spacing: 2px; text-transform: uppercase;
  color: rgba(201,168,76,.7); text-align: center;
}

/* Section labels */
.wiz-sec-label {
  font-family: 'Outfit', sans-serif; font-size: 9px;
  letter-spacing: 3px; text-transform: uppercase;
  color: rgba(201,168,76,.55); margin-bottom: 14px;
  display: flex; align-items: center; gap: 12px;
}
.wiz-sec-label::after { content: ''; flex: 1; height: 1px; background: rgba(201,168,76,.1); }
.wiz-optional {
  font-size: 10px; letter-spacing: .5px; text-transform: none;
  color: rgba(240,235,225,.25); font-weight: 400;
}

/* Plan rows */
.wiz-plans { display: flex; flex-direction: column; gap: 8px; }
.wiz-plan {
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.02);
  padding: 16px 18px; cursor: pointer; transition: all .22s ease;
}
.wiz-plan:hover:not(.sel) { border-color: rgba(201,168,76,.3); background: rgba(15,61,62,.15); }
.wiz-plan.sel { border-color: rgba(201,168,76,.65); background: rgba(15,61,62,.4); }
.wiz-plan-inner { display: flex; justify-content: space-between; align-items: center; }
.wiz-plan-tier {
  font-family: 'Outfit', sans-serif; font-size: 8px;
  letter-spacing: 2.5px; text-transform: uppercase; color: #C9A84C; margin-bottom: 3px;
}
.wiz-plan-name {
  font-family: 'Cormorant Garamond', serif; font-size: 20px;
  font-weight: 600; color: #F0EBE1; line-height: 1.1;
}
.wiz-plan-sub {
  font-family: 'Outfit', sans-serif; font-size: 11px;
  color: rgba(240,235,225,.3); margin-top: 3px;
}
.wiz-plan-right { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.wiz-plan-price { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: #C9A84C; }
.wiz-plan-check {
  width: 18px; height: 18px; border-radius: 50%;
  border: 1px solid rgba(201,168,76,.3); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s; font-size: 10px; color: transparent;
}
.wiz-plan.sel .wiz-plan-check { background: rgba(201,168,76,.2); border-color: #C9A84C; color: #C9A84C; }
.wiz-plan.sel .wiz-plan-check::after { content: '✓'; }

/* Quantity grid */
.wiz-qty-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; margin-bottom: 8px; }
.wiz-qty-btn {
  padding: 10px 4px;
  background: rgba(240,235,225,.03); border: 1px solid rgba(240,235,225,.08);
  color: rgba(240,235,225,.5); font-family: 'Outfit', sans-serif; font-size: 12px;
  text-align: center; cursor: pointer; transition: all .2s;
}
.wiz-qty-btn:hover { background: rgba(15,61,62,.25); color: #E8C97B; border-color: rgba(201,168,76,.3); }
.wiz-qty-btn.active { background: rgba(15,61,62,.55); color: #E8C97B; border-color: rgba(201,168,76,.55); font-weight: 500; }

/* Bulk note */
.wiz-bulk-note { font-family: 'Outfit', sans-serif; font-size: 10px; color: rgba(240,235,225,.28); margin: 6px 0 0; }
.wiz-bulk-link { color: rgba(201,168,76,.5); transition: color .2s; }
.wiz-bulk-link:hover { color: #C9A84C; }

/* Nav row */
.wiz-nav {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.06);
}

/* Recap strip (top of steps 2 & 3) */
.wiz-recap {
  display: flex; margin-bottom: 28px;
  border: 1px solid rgba(201,168,76,.18); background: rgba(201,168,76,.04);
}
.wiz-recap-item {
  flex: 1; padding: 12px 16px; border-right: 1px solid rgba(201,168,76,.1);
}
.wiz-recap-item:last-child { border-right: none; }
.wiz-recap-label {
  font-family: 'Outfit', sans-serif; font-size: 8px;
  letter-spacing: 2px; text-transform: uppercase; color: rgba(201,168,76,.5); margin-bottom: 4px;
}
.wiz-recap-val { font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #F0EBE1; }

/* Billing toggle */
.wiz-billing-toggle { display: flex; align-items: center; gap: 10px; }
.wiz-billing-toggle input { accent-color: #C9A84C; width: 14px; height: 14px; cursor: pointer; }
.wiz-billing-toggle label { font-family: 'Outfit', sans-serif; font-size: 11px; color: rgba(240,235,225,.45); cursor: pointer; }

/* Order summary box */
.wiz-order-summary { border: 1px solid rgba(201,168,76,.2); background: rgba(201,168,76,.04); padding: 24px; }
.wiz-summary-row {
  display: flex; justify-content: space-between; align-items: baseline;
  font-family: 'Outfit', sans-serif; font-size: 12px; color: rgba(240,235,225,.5);
  padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.04);
}
.wiz-summary-row:last-of-type { border-bottom: none; }
.wiz-summary-row span:last-child { color: rgba(240,235,225,.8); font-weight: 500; text-align: right; max-width: 65%; }
.wiz-summary-price-row span:last-child { font-family: 'Cormorant Garamond', serif; font-size: 22px; }
.wiz-summary-addr span:last-child { font-size: 11px; line-height: 1.7; }
.wiz-summary-divider { height: 1px; background: rgba(201,168,76,.15); margin: 12px 0; }
.wiz-ustg { font-family: 'Outfit', sans-serif; font-size: 9px; color: rgba(201,168,76,.4); letter-spacing: .5px; margin-top: 14px; }

/* Disable showcase card interactivity */
.spcard { cursor: default !important; }
.spcard:hover { transform: none !important; box-shadow: none !important; }

/* Responsive */
@media(max-width:768px) {
  .wiz-dots { display: none !important; }
  .wiz-mobile-step { display: block !important; }
  .wiz-qty-grid { grid-template-columns: repeat(3,1fr) !important; }
  .wiz-recap { flex-wrap: wrap; }
  .wiz-recap-item { flex: 0 0 50%; }
}
@media(max-width:600px) {
  .wiz-plan-name { font-size: 17px !important; }
  .wiz-recap-item:last-child { border-bottom: none; }
}

.studio-gallery-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #060A0A;
  position: relative;
}

.studio-gallery-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  padding: 0 5vw;
  width: max-content;
  will-change: transform;
  transform: translateX(0px);
}

.studio-img {
  height: 60vh;
  width: auto;
  min-width: 120px;
  flex-shrink: 0;
  display: block;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Mobile fix */
@media (max-width: 767px) {
  .studio-gallery-wrapper {
    height: auto !important;
    min-height: 200px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 20px 0;
    align-items: center;
    display: flex;
  }
  .studio-gallery-wrapper::-webkit-scrollbar {
    display: none;
  }
  .studio-gallery-track {
    transform: none !important; /* JS-ul de desktop nu afectează mobile */
    padding: 0 20px;
    gap: 16px;
  }
  .studio-img {
    height: 52vw;
    min-width: 72vw;
    width: 72vw;
  }
}