/* ===== الروزنة للأثاث الراقي — design tokens ===== */
:root{
  --espresso:#150D08;
  --espresso-2:#20140E;
  --espresso-3:#2C1D14;
  --sand:#F8F2E9;
  --sand-2:#EFE4D4;
  --gold:#C8A96A;
  --gold-lt:#E9D5A4;
  --gold-dk:#8A6A32;
  --burgundy:#6E1F2A;
  --ink:#2A211B;
  --muted:#7C6A5C;
  --line:rgba(200,169,106,.24);
  --line-soft:rgba(255,255,255,.08);
  --max:1200px;
  --r:18px;
  --ff:'Tajawal',system-ui,-apple-system,sans-serif;
  --ff-d:'Amiri',Georgia,serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--sand);color:var(--ink);
  font-family:var(--ff);font-weight:400;line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:700}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:22px}
section{scroll-margin-top:88px}
.gold{color:var(--gold-dk)}
.h2{font-family:var(--ff-d);font-size:clamp(1.75rem,3.4vw,2.9rem);letter-spacing:-.01em}
.lead{color:var(--muted);font-size:clamp(.98rem,1.15vw,1.08rem);max-width:56ch}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;letter-spacing:.02em;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--gold-dk);text-transform:uppercase}
.eyebrow__line{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:999px;border:1px solid transparent;
  font-weight:700;font-size:.95rem;letter-spacing:.01em;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s;
}
.btn svg{width:17px;height:17px}
.btn--sm{padding:10px 18px;font-size:.86rem}
.btn--full{width:100%}
.btn--gold{background:linear-gradient(135deg,var(--gold-lt),var(--gold) 55%,var(--gold-dk));color:#241708;box-shadow:0 10px 26px -12px rgba(200,169,106,.85)}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(200,169,106,.95)}
.btn--outline{border-color:var(--line);color:var(--gold-lt);background:rgba(255,255,255,.03)}
.btn--outline:hover{background:rgba(200,169,106,.12);transform:translateY(-2px)}
.btn--ghost{border-color:rgba(200,169,106,.3);color:inherit;background:transparent}
.btn--ghost:hover{background:rgba(200,169,106,.1)}
.btn--link{color:var(--gold-dk);padding:10px 4px;font-size:.92rem}
.btn--link:hover{color:var(--ink)}

/* ===== top bar ===== */
.topbar{background:var(--espresso);color:rgba(240,230,214,.72);font-size:.8rem;border-bottom:1px solid rgba(200,169,106,.14)}
.topbar__in{display:flex;align-items:center;gap:12px;justify-content:center;min-height:38px;flex-wrap:wrap}
.topbar__item{display:inline-flex;align-items:center;gap:7px}
.topbar__sep{opacity:.35}
.topbar__link{transition:color .2s}
.topbar__link:hover{color:var(--gold-lt)}
.dot{width:7px;height:7px;border-radius:50%;background:#3fbf7f;box-shadow:0 0 0 3px rgba(63,191,127,.18);display:inline-block}
.dot--gold{background:var(--gold);box-shadow:0 0 0 3px rgba(200,169,106,.2)}
.is-closed .dot{background:#c9503f;box-shadow:0 0 0 3px rgba(201,80,63,.2)}

/* ===== navbar ===== */
.nav{position:sticky;top:0;z-index:60;background:rgba(21,13,8,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,169,106,.16);color:var(--sand);transition:box-shadow .3s,background .3s}
.nav.is-stuck{background:rgba(21,13,8,.95);box-shadow:0 18px 40px -28px rgba(0,0,0,.9)}
.nav__in{display:flex;align-items:center;gap:20px;min-height:70px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--gold-lt);flex:0 0 auto}
.brand__mark{width:38px;height:38px;display:grid;place-items:center;color:var(--gold)}
.brand__mark svg{width:100%;height:100%}
.brand__txt{display:flex;flex-direction:column;line-height:1.05}
.brand__txt strong{font-family:var(--ff-d);font-size:1.32rem;font-weight:700;color:#fff;letter-spacing:.01em}
.brand__txt small{font-size:.68rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.brand--lg .brand__txt strong{font-size:1.6rem}
.nav__links{display:flex;align-items:center;gap:26px;margin-inline-start:auto;font-size:.92rem;font-weight:500}
.nav__links a{position:relative;padding:6px 0;color:rgba(248,242,233,.78);transition:color .2s}
.nav__links a::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .3s var(--ease)}
.nav__links a:hover{color:#fff}
.nav__links a:hover::after{width:100%}
.nav__cta{display:flex;align-items:center;gap:10px;margin-inline-start:8px}
.nav__phone{color:var(--gold-lt)}
.nav__burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:transparent;padding:11px}
.nav__burger span{display:block;height:1.6px;background:var(--gold-lt);margin:4px 0;transition:transform .3s,opacity .3s}
.nav.is-open .nav__burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.nav.is-open .nav__burger span:nth-child(2){opacity:0}
.nav.is-open .nav__burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}

/* ===== hero ===== */
.hero{position:relative;background:
  radial-gradient(1100px 620px at 78% -10%,rgba(200,169,106,.20),transparent 60%),
  radial-gradient(800px 500px at 8% 110%,rgba(110,31,42,.35),transparent 62%),
  linear-gradient(160deg,#1B110A 0%,#150D08 55%,#1E1410 100%);
  color:var(--sand);overflow:hidden;isolation:isolate}
.hero__pattern{position:absolute;inset:0;color:var(--gold);opacity:.07;z-index:0;pointer-events:none}
.hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;padding-block:clamp(56px,7vw,96px) clamp(70px,8vw,118px)}
.hero .eyebrow{color:var(--gold)}
.hero .eyebrow__line{background:linear-gradient(90deg,transparent,var(--gold))}
.hero__title{font-family:var(--ff-d);font-size:clamp(2.1rem,4.6vw,4rem);line-height:1.14;margin:18px 0 20px;letter-spacing:-.01em;color:#fff}
.hero__title em{font-style:normal;background:linear-gradient(100deg,var(--gold-lt),var(--gold) 60%,var(--gold-dk));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lead{color:rgba(248,242,233,.74);font-size:clamp(1rem,1.2vw,1.1rem);max-width:52ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__stats{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:38px;padding-top:26px;border-top:1px solid rgba(200,169,106,.18)}
.hero__stats li{display:flex;flex-direction:column;gap:2px}
.hero__stats strong{font-family:var(--ff-d);font-size:1.22rem;color:var(--gold-lt)}
.hero__stats span{font-size:.8rem;color:rgba(248,242,233,.55)}
.hero__art{position:relative;display:grid;place-items:center;min-height:380px}
.medallion{width:min(430px,100%);color:var(--gold);filter:drop-shadow(0 26px 50px rgba(0,0,0,.45));animation:spin 90s linear infinite}
.hero__badge{
  position:absolute;bottom:6px;inset-inline-start:-6px;
  display:flex;flex-direction:column;gap:3px;padding:16px 22px;border-radius:14px;
  background:rgba(255,255,255,.06);border:1px solid rgba(200,169,106,.3);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 24px 50px -26px rgba(0,0,0,.8);
}
.hero__badge-k{font-size:.66rem;letter-spacing:.24em;color:var(--gold);font-weight:700}
.hero__badge strong{font-size:.98rem;color:#fff}
.hero__badge span{font-size:.76rem;color:rgba(248,242,233,.6)}
.hero__fade{position:absolute;inset-inline:0;bottom:0;height:120px;background:linear-gradient(to top,var(--sand),transparent);z-index:2;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== trust strip ===== */
.strip{background:var(--sand);border-bottom:1px solid rgba(42,33,27,.08)}
.strip__in{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:space-between;padding-block:20px}
.strip__item{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:500;color:#5C4A3D;letter-spacing:.01em}
.strip__item svg{width:19px;height:19px;color:var(--gold-dk)}

/* ===== heritage ===== */
.heritage{padding-block:clamp(64px,8vw,110px);background:linear-gradient(180deg,var(--sand),#FDF9F3)}
.heritage__in{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,64px);align-items:center}
.frame{position:relative;padding:16px;border:1px solid rgba(200,169,106,.5);border-radius:6px;background:rgba(255,255,255,.4)}
.frame__inner{position:relative;background:
  radial-gradient(520px 320px at 50% 0%,rgba(200,169,106,.16),transparent 65%),
  linear-gradient(165deg,#241811,#150D08);
  border-radius:4px;padding:26px 24px 20px;color:var(--gold);overflow:hidden;box-shadow:0 40px 70px -46px rgba(21,13,8,.9)}
.frame__inner::before{content:"";position:absolute;inset:0;opacity:.10;background-image:
  repeating-linear-gradient(45deg,transparent 0 13px,rgba(200,169,106,.5) 13px 14px);pointer-events:none}
.frame__label{position:relative;font-size:.64rem;letter-spacing:.26em;font-weight:700;color:var(--gold)}
.frame__art{position:relative;padding:18px 0 6px;color:var(--gold-lt)}
.frame__art svg{width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}
.frame__meta{position:relative;display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid rgba(200,169,106,.22);font-size:.74rem;color:rgba(248,242,233,.6)}
.frame__corner{position:absolute;width:14px;height:14px;border:1px solid var(--gold);opacity:.85}
.frame__corner--tl{top:8px;inset-inline-start:8px;border-inline-end:0;border-bottom:0}
.frame__corner--tr{top:8px;inset-inline-end:8px;border-inline-start:0;border-bottom:0}
.frame__corner--bl{bottom:8px;inset-inline-start:8px;border-inline-end:0;border-top:0}
.frame__corner--br{bottom:8px;inset-inline-end:8px;border-inline-start:0;border-top:0}
.heritage__copy .h2{margin:14px 0 16px}
.pieces{margin:24px 0 20px;display:grid;gap:0}
.pieces li{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(42,33,27,.14)}
.pieces__n{font-family:var(--ff-d);font-size:.9rem;color:var(--gold-dk);min-width:24px;padding-top:2px}
.pieces strong{display:block;font-size:.98rem;font-weight:700}
.pieces small{font-size:.8rem;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chip{font-size:.76rem;padding:6px 13px;border-radius:999px;border:1px solid rgba(200,169,106,.45);color:#6B543A;background:rgba(255,255,255,.55)}
.heritage__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}

/* ===== collections ===== */
.collections{padding-block:clamp(56px,7vw,100px);background:#fff;border-block:1px solid rgba(42,33,27,.07)}
.section-head{max-width:640px;margin-bottom:34px}
.section-head .h2{margin:14px 0 12px}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.filter{
  padding:9px 18px;border-radius:999px;border:1px solid rgba(42,33,27,.14);
  background:transparent;color:#5C4A3D;font-size:.86rem;font-weight:500;
  transition:all .25s var(--ease);
}
.filter:hover{border-color:var(--gold);color:var(--ink);transform:translateY(-1px)}
.filter.is-active{background:var(--espresso);color:var(--gold-lt);border-color:var(--espresso);box-shadow:0 12px 24px -16px rgba(21,13,8,.9)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px}
.card{
  background:#FCF8F2;border:1px solid rgba(42,33,27,.1);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
}
.card:hover{transform:translateY(-5px);box-shadow:0 32px 60px -38px rgba(42,33,27,.55);border-color:rgba(200,169,106,.6)}
.card.is-hidden{display:none}
.card__art{
  position:relative;aspect-ratio:16/10;display:grid;place-items:center;color:var(--gold);
  background:
    radial-gradient(420px 200px at 50% 0%,rgba(200,169,106,.18),transparent 70%),
    linear-gradient(160deg,#241811,#150D08);
  padding:18px;
}
.card__art::after{content:"";position:absolute;inset:0;opacity:.09;background-image:
  repeating-linear-gradient(45deg,transparent 0 12px,rgba(200,169,106,.6) 12px 13px);pointer-events:none}
.card__art svg{width:100%;height:auto;max-height:100%;position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));transition:transform .45s var(--ease)}
.card:hover .card__art svg{transform:scale(1.05)}
.card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.card__tag{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:var(--gold-dk);text-transform:uppercase}
.card__body h3{font-size:1.08rem;font-family:var(--ff-d);font-weight:700}
.card__body p{font-size:.87rem;color:var(--muted);line-height:1.6}
.card__link{margin-top:auto;padding-top:10px;font-size:.85rem;font-weight:700;color:var(--gold-dk);transition:color .2s,gap .2s}
.card__link:hover{color:var(--ink)}

/* ===== craft ===== */
.craft{position:relative;background:
  radial-gradient(900px 400px at 85% 0%,rgba(110,31,42,.35),transparent 60%),
  linear-gradient(170deg,#1B110A,#150D08);
  color:var(--sand);padding-block:clamp(60px,7.5vw,104px);overflow:hidden}
.craft .eyebrow{color:var(--gold)}
.craft .h2{color:#fff}
.craft .gold{color:var(--gold-lt)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-top:12px}
.step{position:relative;padding:26px 22px 22px;border-radius:16px;border:1px solid rgba(200,169,106,.2);background:rgba(255,255,255,.035);transition:transform .35s var(--ease),border-color .35s,background .35s}
.step:hover{transform:translateY(-4px);border-color:rgba(200,169,106,.55);background:rgba(200,169,106,.07)}
.step__n{font-family:var(--ff-d);font-size:1.9rem;color:var(--gold);opacity:.85;display:block;line-height:1}
.step h3{font-size:1.05rem;margin:12px 0 8px;color:#fff}
.step p{font-size:.86rem;color:rgba(248,242,233,.66);line-height:1.65}

/* ===== materials ===== */
.materials{padding-block:clamp(60px,7.5vw,108px);background:linear-gradient(180deg,#FDF9F3,var(--sand))}
.materials__in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}
.materials__copy .h2{margin:14px 0 16px}
.ticks{margin:20px 0 26px;display:grid;gap:11px}
.ticks li{position:relative;padding-inline-start:26px;font-size:.9rem;color:#5C4A3D}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:14px;height:8px;
  border-inline-start:1.7px solid var(--gold-dk);border-bottom:1.7px solid var(--gold-dk);transform:rotate(-45deg)}
.ticks--sm li{font-size:.86rem}
.materials__board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.swatch{
  position:relative;aspect-ratio:1/1.15;border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;gap:1px;padding:12px;
  color:#F8F2E9;border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 0 60px rgba(0,0,0,.35),0 18px 34px -26px rgba(0,0,0,.8);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.swatch:hover{transform:translateY(-4px) scale(1.015);box-shadow:inset 0 0 60px rgba(0,0,0,.3),0 26px 44px -26px rgba(0,0,0,.75)}
.swatch span{font-size:.84rem;font-weight:700;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.swatch small{font-size:.62rem;letter-spacing:.1em;opacity:.75;position:relative;z-index:2}
.swatch::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%);z-index:1}
.swatch--velvet{background:radial-gradient(circle at 30% 20%,#8C2A38,#5A1822 65%,#3A0F16)}
.swatch--gold{background:linear-gradient(135deg,#F3E3BC,#C8A96A 45%,#8A6A32)}
.swatch--wood{background:repeating-linear-gradient(100deg,#6B4526 0 9px,#7A5030 9px 18px,#5E3C21 18px 27px)}
.swatch--beige{background:linear-gradient(135deg,#F2E6D2,#DCC9AC 60%,#C2AB8A)}
.swatch--brass{background:linear-gradient(120deg,#B08A46,#E4C989 35%,#8A6A32 70%,#D8BE84)}
.swatch--mandoos{background:repeating-linear-gradient(45deg,#3B2415 0 12px,#4A2D1A 12px 24px)}
.swatch--velvet span,.swatch--wood span,.swatch--mandoos span{color:#fff}
.swatch--gold span,.swatch--beige span,.swatch--brass span{color:#241708;text-shadow:0 1px 6px rgba(255,255,255,.4)}
.swatch--gold small,.swatch--beige small,.swatch--brass small{color:#3A2A12;opacity:.85}

/* ===== visit ===== */
.visit{padding-block:clamp(58px,7vw,104px);background:#fff;border-top:1px solid rgba(42,33,27,.07)}
.visit__in{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(28px,5vw,60px);align-items:center}
.visit__copy .h2{margin:14px 0 14px}
.visit__rows{display:grid;gap:18px;margin:26px 0 28px}
.vrow{display:flex;gap:14px;align-items:flex-start}
.vrow__ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:rgba(200,169,106,.14);color:var(--gold-dk);border:1px solid rgba(200,169,106,.32)}
.vrow__ic svg{width:19px;height:19px}
.vrow strong{display:block;font-size:.92rem;margin-bottom:2px}
.vrow p{font-size:.88rem;color:var(--muted);line-height:1.7}
.vrow a:hover{color:var(--gold-dk)}
.hours{margin-top:8px;border-collapse:collapse;font-size:.85rem;color:var(--muted)}
.hours th{text-align:start;font-weight:600;color:var(--ink);padding:5px 0;padding-inline-end:16px;white-space:nowrap}
.hours td{padding:5px 0;direction:rtl}
.hours tr.is-today th,.hours tr.is-today td{color:var(--gold-dk);font-weight:700}
.hours tr.is-today th::before{content:"• ";color:var(--gold)}
.visit__actions{display:flex;flex-wrap:wrap;gap:12px}
.visit__actions .btn--outline{color:var(--ink);border-color:rgba(42,33,27,.2)}
.visit__actions .btn--outline:hover{background:rgba(42,33,27,.05)}
.mapcard{border-radius:20px;overflow:hidden;border:1px solid rgba(200,169,106,.3);box-shadow:0 40px 70px -46px rgba(21,13,8,.8);background:#241710}
.mapcard svg{width:100%;height:auto;display:block}
.mapcard__foot{display:flex;align-items:center;gap:9px;padding:14px 18px;background:#1B110A;color:rgba(248,242,233,.8);font-size:.82rem;border-top:1px solid rgba(200,169,106,.2)}

/* ===== quote ===== */
.quote{position:relative;padding-block:clamp(60px,7.5vw,104px);color:var(--sand);
  background:
    radial-gradient(900px 460px at 12% 0%,rgba(200,169,106,.2),transparent 62%),
    linear-gradient(160deg,#20140E,#150D08 70%,#221610);
  overflow:hidden}
.quote__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:center;position:relative;z-index:2}
.quote .eyebrow{color:var(--gold)}
.quote .h2{color:#fff;margin:14px 0 16px}
.quote .gold{color:var(--gold-lt)}
.quote .lead{color:rgba(248,242,233,.68)}
.quote .ticks li{color:rgba(248,242,233,.72)}
.quote .ticks li::before{border-color:var(--gold)}
.qform{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:26px;border-radius:20px;
  background:rgba(255,255,255,.055);border:1px solid rgba(200,169,106,.28);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 40px 80px -50px rgba(0,0,0,.9);
}
.field{display:flex;flex-direction:column;gap:6px}
.field--full{grid-column:1/-1}
.field label{font-size:.78rem;font-weight:600;color:rgba(248,242,233,.75);letter-spacing:.02em}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border-radius:11px;font-family:inherit;font-size:.92rem;
  background:rgba(255,255,255,.06);border:1px solid rgba(200,169,106,.26);color:#fff;
  transition:border-color .22s,background .22s,box-shadow .22s;resize:vertical;
}
.field input::placeholder,.field textarea::placeholder{color:rgba(248,242,233,.38)}
.field select option{color:#2A211B;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--gold);background:rgba(255,255,255,.11);
  box-shadow:0 0 0 3px rgba(200,169,106,.18)
}
.field.is-error input,.field.is-error select{border-color:#D4776A;box-shadow:0 0 0 3px rgba(212,119,106,.16)}
.qform .btn{grid-column:1/-1;margin-top:4px}
.qform__note{grid-column:1/-1;font-size:.74rem;color:rgba(248,242,233,.5);text-align:center;line-height:1.6;margin:0}

/* ===== footer ===== */
.footer{background:#0F0906;color:rgba(248,242,233,.6);padding-top:clamp(44px,5vw,64px)}
.footer__in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding-bottom:34px}
.footer__brand p{margin-top:14px;font-size:.86rem;max-width:34ch;line-height:1.7}
.footer__col{display:flex;flex-direction:column;gap:9px;font-size:.88rem}
.footer__col h4{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-weight:700}
.footer__col a,.footer__col span{transition:color .2s}
.footer__col a:hover{color:var(--gold-lt)}
.footer__bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px;border-top:1px solid rgba(200,169,106,.16);font-size:.78rem}
/* ===== fab + toast ===== */
.fab{position:fixed;bottom:22px;inset-inline-start:22px;z-index:70;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;color:#0F2B1C;
  background:linear-gradient(140deg,#4FD48A,#25A662);box-shadow:0 18px 34px -14px rgba(37,166,98,.8);
  transition:transform .3s var(--ease),box-shadow .3s}
.fab svg{width:26px;height:26px}
.fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 24px 40px -14px rgba(37,166,98,.9)}
.toast{position:fixed;bottom:26px;inset-inline-end:26px;z-index:90;max-width:320px;
  padding:14px 18px;border-radius:12px;background:#1B110A;color:var(--gold-lt);
  border:1px solid rgba(200,169,106,.4);font-size:.86rem;line-height:1.6;
  box-shadow:0 24px 50px -26px rgba(0,0,0,.9);
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s}
.toast.is-on{opacity:1;transform:translateY(0)}
/* ===== reveal ===== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ===== responsive ===== */
@media (max-width:1024px){
  .hero__in{grid-template-columns:1fr;gap:26px}
  .hero__art{order:-1;min-height:auto;padding-top:8px}
  .medallion{width:min(320px,68%)}
  .hero__badge{position:relative;inset:auto;margin-top:-24px;align-self:center}
  .heritage__in,.materials__in,.visit__in,.quote__in{grid-template-columns:1fr}
  .materials__board{order:2}
  .footer__in{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav__links{
    position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;
    gap:0;padding:10px 22px 18px;background:rgba(21,13,8,.98);
    border-bottom:1px solid rgba(200,169,106,.2);
    max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--ease),opacity .3s,padding .3s;
  }
  .nav.is-open .nav__links{max-height:340px;opacity:1}
  .nav__links a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem}
  .nav__links a::after{display:none}
  .nav__burger{display:block}
  .nav__phone{display:none}
  .hero__stats{gap:12px 26px}
}
@media (max-width:680px){
  .wrap{padding-inline:18px}
  .topbar{font-size:.74rem}
  .topbar__item:nth-child(4),.topbar__sep:nth-of-type(2){display:none}
  .brand__txt strong{font-size:1.15rem}
  .nav__in{min-height:62px;gap:10px}
  .nav__cta .btn--sm:not(.btn--gold){display:none}
  .hero__title{font-size:clamp(1.85rem,8vw,2.6rem)}
  .hero__actions .btn{flex:1 1 auto}
  .grid{grid-template-columns:1fr}
  .materials__board{grid-template-columns:repeat(2,1fr)}
  .qform{grid-template-columns:1fr;padding:20px}
  .footer__in{grid-template-columns:1fr;gap:24px}
  .footer__bar{font-size:.72rem}
  .visit__actions .btn,.heritage__actions .btn{width:100%}
  .fab{width:50px;height:50px;bottom:16px;inset-inline-start:16px}
  .toast{inset-inline:16px;inset-inline-end:16px;bottom:78px;max-width:none}
}
@media (max-width:420px){
  .swatch span{font-size:.76rem}
  .pieces li{gap:10px}
}