:root{
  --paper:#faf7f2; --card:#ffffff; --ink:#211d18; --muted:#6f675c;
  --gold:#a8842c; --gold-dark:#8a6c22; --gold-soft:#f6efdd;
  --line:#e7ded2; --radius:14px; --serif:Georgia,'Times New Roman',serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --tap:44px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  line-height:1.6;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--gold-dark)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;
  padding:12px 18px;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* announcement + header */
.announce{background:var(--ink);color:#f4ecdd;text-align:center;
  font-size:.82rem;letter-spacing:.06em;padding:9px 12px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.brand{font-family:var(--serif);font-size:1.3rem;color:var(--ink);
  text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap)}
.brand b{font-weight:700;letter-spacing:.04em}
.brand span{font-style:italic;font-weight:400;margin:0 .35em}
.nav-desktop ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav-desktop a{display:inline-flex;align-items:center;min-height:var(--tap);
  padding:6px 12px;color:var(--ink);text-decoration:none;border-radius:8px}
.nav-desktop a:hover{background:var(--gold-soft)}
.header-cta{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--tap);padding:10px 22px;border-radius:999px;border:1px solid var(--gold-dark);
  background:var(--gold-dark);color:#fff;text-decoration:none;font-weight:600;
  font-size:1rem;cursor:pointer}
.btn:hover{background:#755d1d}
.btn-ghost{background:transparent;color:var(--gold-dark)}
.btn-ghost:hover{background:var(--gold-soft)}
.btn-lg{min-height:52px;padding:13px 30px;font-size:1.05rem}
/* JS-free mobile nav (Fable pattern) */
.nav-mobile{display:none}
.nav-mobile summary{list-style:none;cursor:pointer;min-width:var(--tap);
  min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center}
.nav-mobile summary::-webkit-details-marker{display:none}
.nav-mobile ul{list-style:none;margin:8px 0 0;padding:8px 0;border-top:1px solid var(--line)}
.nav-mobile li a{display:flex;align-items:center;min-height:var(--tap);
  padding:8px 4px;color:var(--ink);text-decoration:none;font-weight:600}

/* hero */
.hero{padding:44px 0 36px}
.hero .wrap{display:grid;gap:28px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;
  color:var(--gold-dark);font-weight:700;margin:0 0 10px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:2.5rem;
  line-height:1.12;margin:0 0 14px}
.hero h1 em{font-style:italic;color:var(--gold-dark)}
.hero .intro{font-size:1.1rem;color:var(--muted);margin:0 0 16px}
.price-tag{font-size:1.05rem;margin:0 0 20px}
.price-tag strong{font-family:var(--serif);font-size:1.4rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-foot{margin-top:16px;color:var(--muted);font-size:.95rem}
.hero-visual{position:relative}
.hero-visual img{border-radius:var(--radius);width:100%}
.hero-label{position:absolute;left:14px;bottom:14px;background:rgba(250,247,242,.94);
  border-radius:10px;padding:10px 14px;font-size:.9rem;display:flex;gap:14px;align-items:center}
.hero-label a{font-weight:600;white-space:nowrap;min-height:var(--tap);
  display:inline-flex;align-items:center}

/* proof band */
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--card)}
.proof .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;
  padding-top:14px;padding-bottom:14px;align-items:center}
.proof a,.proof span.item{display:inline-flex;align-items:center;gap:8px;
  min-height:var(--tap);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.stars{color:var(--gold);letter-spacing:.1em}

/* sections */
.section{padding:52px 0}
.section-head{max-width:640px;margin:0 auto 30px;text-align:center}
.section-head h2{font-family:var(--serif);font-weight:400;font-size:2rem;margin:0 0 10px}
.section-head p{color:var(--muted);margin:0}
.grid{display:grid;gap:22px;grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column}
.card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--gold-soft)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body h3{font-family:var(--serif);font-weight:600;font-size:1.15rem;margin:0}
.card-body h3 a{color:var(--ink);text-decoration:none}
.card-tag{color:var(--muted);font-size:.9rem;margin:0}
.price{font-family:var(--serif);font-size:1.25rem;margin:0}
.card-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}
.card-actions .btn{flex:1;min-width:130px}
.center{text-align:center;margin-top:28px}

/* brides band (baseline) */
.band{background:var(--ink);color:#f4ecdd;text-align:center}
.band .section-head h2{color:#f4ecdd}
.band .lead{color:#d9cfbc;font-size:1.15rem}
.band .stars{font-size:1.3rem}
.band .btn-ghost{color:#f4ecdd;border-color:#f4ecdd}

/* craft */
.craft .wrap{display:grid;gap:28px;align-items:center}
.craft img{border-radius:var(--radius)}
.craft h2{font-family:var(--serif);font-weight:400;font-size:2rem;margin:0 0 12px}
.text-link{font-weight:600;display:inline-flex;align-items:center;min-height:var(--tap)}

/* closing */
.closing{text-align:center}
.closing h2{font-family:var(--serif);font-weight:400;font-size:2.1rem;margin:0 0 18px}

/* product page */
.crumb{font-size:.9rem;color:var(--muted);padding:18px 0 0}
.crumb a{color:var(--muted)}
.product{padding:10px 0 8px}
.product .wrap{display:grid;gap:30px}
.p-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;
  color:var(--gold-dark);font-weight:700;margin:0 0 8px}
.product h1{font-family:var(--serif);font-weight:400;font-size:2rem;margin:0 0 8px;line-height:1.2}
.p-price{font-family:var(--serif);font-size:1.6rem;margin:0 0 16px}
.p-angle{color:var(--muted);font-style:italic;margin:0 0 18px}
.buy-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.details{border-top:1px solid var(--line);margin-top:6px}
.details details{border-bottom:1px solid var(--line)}
.details summary{cursor:pointer;font-weight:600;min-height:var(--tap);
  display:flex;align-items:center;padding:10px 0;list-style:none}
.details summary::-webkit-details-marker{display:none}
.details summary::after{content:"+";margin-left:auto;color:var(--gold-dark);font-size:1.3rem}
.details details[open] summary::after{content:"–"}
.details .d-body{padding:0 0 16px;color:var(--muted)}
/* gallery */
.gallery-main{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;position:relative}
.g-item{height:100%}
.g-item[hidden]{display:none}
.gallery-main img,.gallery-main video{width:100%;height:100%;object-fit:cover}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
.gthumb{border:2px solid transparent;border-radius:10px;overflow:hidden;
  padding:0;background:var(--card);cursor:pointer;aspect-ratio:1;min-height:var(--tap)}
.gthumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.gthumb[aria-pressed="true"]{border-color:var(--gold-dark)}
.gthumb:focus-visible{outline:3px solid var(--gold-dark);outline-offset:2px}
.video-desc{background:var(--gold-soft);border-left:4px solid var(--gold);
  padding:12px 16px;border-radius:0 10px 10px 0;margin:14px 0 0;font-size:.95rem}
/* sticky buy bar (Fable) */
.buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);
  border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  box-shadow:0 -6px 20px rgba(43,38,34,.08)}
.buy-bar .price small{display:block;font-family:var(--sans);font-size:.75rem;color:var(--muted)}
.buy-bar .btn{flex:1;max-width:280px}
body.has-buy-bar{padding-bottom:92px}
/* related */
.related{padding:40px 0 56px;border-top:1px solid var(--line)}
.related h2{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:0 0 20px}
/* shop filter */
.filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 30px}
.filter button{min-height:var(--tap);padding:8px 20px;border-radius:999px;
  border:1px solid var(--gold-dark);background:transparent;color:var(--gold-dark);
  font-weight:600;cursor:pointer;font-size:.95rem}
.filter button[aria-pressed="true"]{background:var(--gold-dark);color:#fff}
.badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold-dark);background:var(--gold-soft);
  border-radius:999px;padding:4px 12px;margin-bottom:8px}
/* content pages */
.page{padding:36px 0 64px}
.page .wrap{max-width:760px}
.page h1{font-family:var(--serif);font-weight:400;font-size:2.2rem;margin:0 0 16px}
.page h2{font-family:var(--serif);font-size:1.5rem;margin-top:2em}
.page .lead{font-size:1.12rem;color:var(--muted)}
.contact-list{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:14px}
.contact-list li{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px 20px}
.contact-list a{font-weight:600;display:inline-flex;align-items:center;min-height:var(--tap)}
/* footer */
.site-footer{border-top:1px solid var(--line);background:var(--card);
  padding:44px 0 30px;color:var(--muted);font-size:.95rem}
.footer-grid{display:grid;gap:28px}
.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink);margin:0 0 10px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a{display:inline-flex;align-items:center;min-height:36px;
  color:var(--muted);text-decoration:none}
.site-footer li a:hover{color:var(--gold-dark)}
.footer-brand{font-family:var(--serif);font-size:1.3rem;color:var(--ink);text-decoration:none}
.footer-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;
  margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem}

/* ---- device matrix ---- */
@media (min-width:600px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:2.9rem}
}
@media (min-width:768px){            /* iPad portrait */
  .hero .wrap{grid-template-columns:1fr 1fr}
  .craft .wrap{grid-template-columns:1fr 1fr}
  .product .wrap{grid-template-columns:1.05fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .gallery-thumbs{grid-template-columns:repeat(5,1fr)}
}
@media (min-width:1024px){           /* iPad landscape */
  .grid{grid-template-columns:repeat(3,1fr)}
  .nav-mobile{display:none}
}
@media (min-width:1280px){           /* laptop */
  .hero h1{font-size:3.2rem}
  .wrap{padding:0 28px}
}
@media (min-width:1440px){          /* desktop */
  .wrap{max-width:1280px}
}
@media (max-width:1023px){
  .nav-desktop{display:none}
  .nav-mobile{display:block}
  .header-cta{display:none}
}