@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#090806;
  --surface:#0f0e0b;
  --card:#141210;
  --border:#252018;
  --muted:#5a5248;
  --dim:#8a8278;
  --paper:#f0ebe3;
  --warm:#d8d0c2;
  --gold:#9a7c50;
  --goldlt:#b89460;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--paper);font-family:'EB Garamond',Georgia,serif;overflow-x:hidden}
.pg{display:none}.pg.on{display:block}

/* NAV */
.nav{
  height:56px;background:var(--surface);border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;padding:0 48px;
  position:sticky;top:0;z-index:50;
}
.nav-name{
  font-family:'Cormorant Garamond',serif;font-size:15px;
  font-weight:300;letter-spacing:0.22em;color:var(--paper);cursor:pointer;
}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-a{
  font-size:13px;font-style:italic;color:var(--dim);
  cursor:pointer;transition:color 0.2s;
}
.nav-a:hover{color:var(--paper)}
.nav-a.on{color:var(--paper);border-bottom:1px solid var(--gold);padding-bottom:1px}

/* SHARED */
.eyebrow{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;
  letter-spacing:0.48em;color:var(--gold);display:block;text-transform:uppercase;
}
.gold-rule{width:32px;height:1px;background:var(--gold);margin:14px auto}
.bar{
  padding:18px 48px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.bar-l{font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;letter-spacing:0.38em;color:var(--gold);text-transform:uppercase}
.bar-r{font-size:13px;font-style:italic;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr}
.two-l{padding:56px 48px;border-right:1px solid var(--border)}
.two-r{padding:56px 48px}
.bt{border-top:1px solid var(--border)}
.bb{border-bottom:1px solid var(--border)}
.s-eye{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;
  letter-spacing:0.42em;color:var(--gold);display:block;margin-bottom:16px;text-transform:uppercase;
}
.s-h{
  font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;
  color:var(--paper);line-height:1.25;letter-spacing:0.02em;margin-bottom:16px;
}
.s-h em{font-style:italic;color:var(--goldlt)}
.s-body{font-size:18px;font-style:italic;color:#bdb5a8;line-height:2}
.s-body p+p{margin-top:12px}
.s-sig{
  margin-top:24px;font-family:'Cormorant Garamond',serif;font-size:13px;
  font-weight:300;letter-spacing:0.2em;color:var(--muted);display:block;
}
.s-sig::before{content:'';display:block;width:18px;height:1px;background:var(--border);margin-bottom:10px}
.about-section{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:64px 48px;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.about-section .s-h,
.about-section .s-sig{
  text-align:center;
}
.about-section .s-body{
  max-width:740px;
  margin:0 auto;
}
.s-cta{
  display:inline-block;margin-top:24px;font-family:'Cormorant Garamond',serif;
  font-size:12px;font-weight:300;letter-spacing:0.28em;
  color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:3px;cursor:pointer;
}
.dr{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:9px 0;border-bottom:1px solid var(--card);font-size:14px;
}
.dr:first-of-type{border-top:1px solid var(--card)}
.dk{color:var(--warm)}
.dv{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;letter-spacing:0.12em;color:var(--muted);text-align:right;line-height:1.7}
.d-rule{width:22px;height:1px;background:var(--border);margin-bottom:20px}

/* FORM */
.form{display:flex;flex-direction:column}
.flbl{
  font-family:'Cormorant Garamond',serif;font-size:10px;font-weight:300;
  letter-spacing:0.32em;color:var(--gold);display:block;
  padding:10px 14px 4px;border:1px solid var(--border);border-bottom:none;
  background:var(--surface);text-transform:uppercase;
  margin-top:10px;
}
.form > .flbl:first-child{margin-top:0}
.flbl-opt{
  font-family:'EB Garamond',serif;font-size:10px;font-style:italic;font-weight:400;
  letter-spacing:0.04em;color:var(--muted);text-transform:none;margin-left:8px;
}
.finp{
  display:block;width:100%;background:var(--surface);
  border:1px solid var(--border);border-top:none;
  padding:10px 14px 12px;font-size:16px;font-style:normal;color:var(--paper);
  font-family:'EB Garamond',serif;outline:none;transition:border-color 0.2s, box-shadow 0.2s;
  resize:none;-webkit-appearance:none;appearance:none;border-radius:0;min-height:44px;
}
.finp::placeholder{color:var(--muted);opacity:1;font-style:normal}
.finp:hover{border-color:var(--warm)}
.finp:focus,.finp:focus-visible{border-color:var(--gold);box-shadow:inset 0 -1px 0 var(--gold)}
.finp.ta{height:120px;line-height:1.55;padding:12px 14px 14px}
.finp[aria-invalid="true"]{border-color:#a85a4a}
.fsel{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23bdb5a8' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:34px;cursor:pointer;
}
.fhint{
  display:block;font-family:'EB Garamond',serif;font-size:12px;font-style:italic;
  color:var(--muted);padding:6px 14px 0;
}
.ferr{
  display:block;font-family:'EB Garamond',serif;font-size:13px;font-style:italic;
  color:#d68e7f;padding:4px 14px 0;min-height:0;line-height:1.4;
}
.ferr:empty{display:none}
.fhp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fprivacy{
  font-family:'EB Garamond',serif;font-size:14px;font-style:italic;color:var(--goldlt);
  line-height:1.6;text-align:center;margin:16px auto 0;max-width:460px;
}
.fbtn{
  display:block;width:100%;background:var(--paper);color:var(--bg);
  font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;
  letter-spacing:0.3em;border:none;padding:16px;margin-top:14px;min-height:48px;
  text-align:center;cursor:pointer;transition:background 0.2s, opacity 0.2s;
  text-transform:uppercase;
}
.fbtn:hover{background:var(--warm)}
.fbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.fbtn[disabled],.fbtn.is-loading{opacity:0.6;cursor:wait}
.fbtn.is-loading::after{
  content:"";display:inline-block;width:10px;height:10px;margin-left:10px;
  border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;
  vertical-align:middle;animation:fbtnspin 0.7s linear infinite;
}
@keyframes fbtnspin{to{transform:rotate(360deg)}}

/* PORTRAIT GRID */
.pgrid{display:grid;gap:0}
.pgrid.r3{grid-template-columns:repeat(3,1fr)}
.pgrid.r4{grid-template-columns:repeat(4,1fr)}
.pi{position:relative;overflow:hidden;background:var(--card);cursor:pointer;aspect-ratio:4/5}
.pi img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center top;
  filter:brightness(0.78) contrast(1.06);transition:filter 0.55s;
}
.pi:hover img{filter:brightness(1) contrast(1.06)}

/* PRINT GALLERY */
.printgal{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}
.g1{background:linear-gradient(155deg,#2a1e0c 0%,#16100a 100%)}
.g2{background:linear-gradient(155deg,#1a1c22 0%,#0e1014 100%)}
.g3{background:linear-gradient(155deg,#241800 0%,#160e04 100%)}
.g4{background:linear-gradient(155deg,#1e2018 0%,#121410 100%)}
.g5{background:linear-gradient(155deg,#201808 0%,#140e06 100%)}
.g6{background:linear-gradient(155deg,#1c1e22 0%,#0e1214 100%)}
.g7{background:linear-gradient(155deg,#261806 0%,#180e04 100%)}
.g8{background:linear-gradient(155deg,#181c20 0%,#101216 100%)}
.g9{background:linear-gradient(155deg,#201c0a 0%,#140e06 100%)}
.g10{background:linear-gradient(155deg,#1e1c12 0%,#12100e 100%)}
.g11{background:linear-gradient(155deg,#241c0c 0%,#16100a 100%)}
.g12{background:linear-gradient(155deg,#1c1c22 0%,#101014 100%)}

/* SIZE ROWS */
.szrows{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:16px}
.szr{background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background 0.2s}
.szr:hover{background:var(--card)}
.szr-l{display:flex;align-items:baseline;gap:12px}
.szr-n{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:300;color:var(--paper);letter-spacing:0.04em}
.szr-cm{font-size:13px;font-style:italic;color:var(--muted)}
.szr-p{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:300;letter-spacing:0.06em;color:var(--gold)}

/* ORDER */
.ordwrap{padding:52px 48px;border-top:1px solid var(--border)}
.ordinner{max-width:580px;margin:0 auto}
.ord-hd{text-align:center;margin-bottom:30px}
.ord-h{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;color:var(--paper);letter-spacing:0.04em;margin-bottom:10px}
.ord-sub{font-size:14px;font-style:italic;color:var(--dim);line-height:1.9;max-width:400px;margin:0 auto}
.sel-row{background:var(--surface);border:1px solid var(--border);padding:13px 18px;margin-bottom:1px;display:flex;align-items:center;justify-content:space-between}
.sel-lbl{font-family:'Cormorant Garamond',serif;font-size:10px;font-weight:300;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase}
.sel-v{font-size:14px;font-style:italic;color:var(--warm)}
.szlist{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);margin:1px 0 16px}
.sz{background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;transition:background 0.18s}
.sz:hover:not(.on){background:var(--card)}
.sz.on{background:rgba(154,124,80,0.1);border-left:2px solid var(--gold)}
.sz-l{display:flex;align-items:center;gap:12px}
.sz-dot{width:13px;height:13px;border:1px solid var(--muted);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.sz.on .sz-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sz-n{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:300;color:var(--paper);letter-spacing:0.04em}
.sz-d{font-size:13px;font-style:italic;color:var(--muted);margin-top:3px}
.sz-r{text-align:right}
.sz-p{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:300;color:var(--gold);letter-spacing:0.04em}
.sz-e{font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;letter-spacing:0.18em;color:var(--muted);margin-top:4px}
.ord-row{display:flex;gap:1px;margin-bottom:12px}
.ord-tot{background:var(--card);border:1px solid var(--border);border-right:none;padding:0 20px;min-width:120px;display:flex;flex-direction:column;justify-content:center}
.ot-l{font-family:'Cormorant Garamond',serif;font-size:10px;font-weight:300;letter-spacing:0.28em;color:var(--muted);display:block;margin-bottom:3px;text-transform:uppercase}
.ot-a{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--paper)}
.ord-go{flex:1;font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;letter-spacing:0.28em;color:var(--bg);background:var(--paper);border:none;min-height:58px;cursor:pointer;transition:background 0.2s}
.ord-go:hover{background:var(--warm)}
.ord-note{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;letter-spacing:0.16em;color:var(--muted);text-align:center;margin-bottom:28px}
.spec-tbl{border:1px solid var(--border)}
.srow{display:flex;justify-content:space-between;align-items:baseline;padding:11px 18px;border-bottom:1px solid var(--card);font-size:14px}
.srow:last-child{border-bottom:none}
.sk{color:var(--warm)}
.sv{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;letter-spacing:0.12em;color:var(--muted);text-align:right}

/* FOOTER */
.foot{padding:16px 48px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.foot-n{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;letter-spacing:0.22em;color:var(--muted)}
.foot-r{display:flex;gap:20px;font-style:italic;font-size:13px;color:var(--muted)}
.foot-r span{cursor:pointer;transition:color 0.2s}
.foot-r span:hover{color:var(--paper)}

/* EMAIL LINK */
.email-link{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:300;letter-spacing:0.2em;color:var(--goldlt);border-bottom:1px solid var(--gold);padding-bottom:3px;display:inline-block;margin-top:20px}

/* INQSTRIP */
.inqstrip{background:var(--surface);border-top:1px solid var(--border);padding:32px 48px;text-align:center}
.inqstrip p{font-size:14px;font-style:italic;color:var(--dim);line-height:1.9;max-width:460px;margin:0 auto 14px}
.inqstrip span{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:300;letter-spacing:0.2em;color:var(--goldlt);border-bottom:1px solid var(--gold);padding-bottom:2px;cursor:pointer}

#lbox{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(9,8,6,0.92);
  justify-content:center;
  align-items:center;
  z-index:300;
  padding:24px;
}
#lbox.open{display:flex}
.lbox-panel{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lbox-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  box-shadow:0 28px 80px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
}
.lbox-caption{
  display:none;
}
.lbox-btn,
.lbox-close{
  position:absolute;
  border:none;
  background:rgba(16,14,11,.65);
  color:var(--paper);
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  cursor:pointer;
  padding:14px;
  transition:background 0.2s, transform 0.2s;
}
.lbox-btn:hover,
.lbox-close:hover{background:rgba(154,124,80,.95);transform:scale(1.04)}
.lbox-prev{left:10px;top:50%;transform:translateY(-50%)}
.lbox-next{right:10px;top:50%;transform:translateY(-50%)}
.lbox-close{top:18px;right:18px;font-size:28px;line-height:1;}
.lbox-close:focus,
.lbox-btn:focus{outline:1px solid var(--gold);outline-offset:4px}
.lbox-purchase {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(154, 124, 80, 0.9);
  color: var(--bg);
  padding: 8px 16px;
  font-size: 14px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.2s;
}
.lbox-purchase:hover {
  background: var(--gold);
}

.pw{position:relative;overflow:hidden;background:var(--card);cursor:pointer;aspect-ratio:3/2}
.pw img{width:100%;height:100%;object-fit:contain}
.pw:hover img{filter:brightness(1) contrast(1.08)}
.purchase-overlay {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  background: rgba(154, 124, 80, 0.9);
  color: var(--bg);
  padding: 5px 10px;
  font-size: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
  border-radius: 2px;
}
.pw:hover .purchase-overlay {
  opacity: 1;
}

/* ============================================================
   GRIDS (so media queries can retarget them on mobile)
   ============================================================ */
.print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-bottom:1px solid var(--border)}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:48px;min-height:400px}

/* ============================================================
   TOAST NOTIFICATIONS
   ============================================================ */
#toast-host{
  position:fixed;top:78px;right:24px;z-index:400;
  display:flex;flex-direction:column;gap:10px;pointer-events:none;
}
.toast{
  pointer-events:auto;min-width:260px;max-width:360px;
  background:var(--card);color:var(--paper);
  border:1px solid var(--border);border-left:3px solid var(--gold);
  padding:14px 18px;font-size:14px;font-family:'EB Garamond',serif;
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
  opacity:0;transform:translateX(24px);
  transition:opacity 0.3s, transform 0.3s;cursor:pointer;border-radius:3px;
}
.toast.is-in{opacity:1;transform:translateX(0)}
.toast.is-out{opacity:0;transform:translateX(24px)}
.toast--error{border-left-color:#c53030}
.toast--info{border-left-color:var(--dim)}

/* ============================================================
   CART DRAWER
   ============================================================ */
#cart-drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,0.5);
  opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:200;
}
#cart-drawer-overlay.is-open{opacity:1;pointer-events:auto}
#cart-drawer{
  position:fixed;top:0;right:0;height:100vh;width:min(420px,100vw);
  background:var(--surface);border-left:1px solid var(--border);
  z-index:201;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.25,0.1,0.25,1);
  display:flex;flex-direction:column;
}
#cart-drawer.is-open{transform:translateX(0)}
.cd-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--border);
}
.cd-title{
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:300;
  letter-spacing:0.04em;color:var(--paper);
}
.cd-close{
  background:none;border:none;color:var(--warm);font-size:28px;cursor:pointer;
  line-height:1;padding:0 4px;transition:color 0.2s;
}
.cd-close:hover{color:var(--paper)}
.cd-body{
  flex:1;overflow-y:auto;padding:20px 24px;
  display:flex;flex-direction:column;gap:18px;
}
.cd-item{
  display:grid;grid-template-columns:70px 1fr;gap:14px;
  padding-bottom:18px;border-bottom:1px solid var(--border);
}
.cd-item img{width:70px;height:70px;object-fit:cover;border-radius:3px}
.cd-item-info{display:flex;flex-direction:column;justify-content:space-between;gap:6px}
.cd-item-title{font-weight:500;color:var(--paper);font-size:15px;line-height:1.3;letter-spacing:0.01em}
.cd-item-meta{font-size:13px;color:var(--warm);font-style:italic;letter-spacing:0.02em}
.cd-item-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.cd-item-price{font-family:'Cormorant Garamond',serif;font-weight:400;color:var(--goldlt);font-size:15px;letter-spacing:0.04em}
.cd-item-remove{
  background:none;border:1px solid var(--dim);color:var(--warm);
  padding:5px 11px;font-size:11px;border-radius:3px;cursor:pointer;
  letter-spacing:0.14em;text-transform:uppercase;font-family:'Cormorant Garamond',serif;
  transition:color 0.2s, border-color 0.2s, background 0.2s;
}
.cd-item-remove:hover{color:var(--bg);border-color:var(--paper);background:var(--paper)}
.cd-ft{padding:20px 24px;border-top:1px solid var(--border);background:var(--card)}
.cd-total{
  display:flex;justify-content:space-between;align-items:baseline;
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:300;
  color:var(--paper);margin-bottom:16px;letter-spacing:0.06em;
}
.cd-total > span:last-child{color:var(--goldlt)}
.cd-actions{display:flex;gap:10px}
.cd-cta{
  flex:1;font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:300;
  letter-spacing:0.24em;padding:13px;cursor:pointer;
  transition:background 0.2s, color 0.2s, border-color 0.2s;text-transform:uppercase;border-radius:3px;
}
.cd-cta--primary{background:var(--goldlt);color:var(--bg);border:1px solid var(--goldlt)}
.cd-cta--primary:hover{background:var(--gold);border-color:var(--gold)}
.cd-cta--ghost{background:none;color:var(--warm);border:1px solid var(--dim)}
.cd-cta--ghost:hover{color:var(--bg);border-color:var(--paper);background:var(--paper)}

/* ============================================================
   SHIPPING FORM (on checkout)
   ============================================================ */
.ship-form{
  background:var(--surface);padding:24px;border:1px solid var(--border);
  border-radius:4px;margin-bottom:24px;
}
.ship-form h3{
  font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;
  color:var(--paper);margin-bottom:16px;letter-spacing:0.04em;
}
.ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ship-field{display:flex;flex-direction:column;gap:4px}
.ship-field.full{grid-column:1 / -1}
.ship-field label{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;
  letter-spacing:0.24em;color:var(--gold);text-transform:uppercase;
}
.ship-field input, .ship-field select{
  background:var(--card);border:1px solid var(--border);border-radius:3px;
  padding:11px 13px;font-size:15px;font-family:'EB Garamond',serif;color:var(--paper);
  outline:none;transition:border-color 0.2s;
}
.ship-field input::placeholder{color:var(--dim)}
.ship-field input:focus, .ship-field select:focus{border-color:var(--gold)}
.ship-field input.invalid{border-color:#c53030}

/* ============================================================
   CONFIRMATION PAGE
   ============================================================ */
.conf-wrap{max-width:720px;margin:0 auto;padding:52px 48px}
.conf-badge{
  display:inline-block;padding:6px 14px;background:rgba(154,124,80,0.15);
  border:1px solid var(--gold);color:var(--goldlt);
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;
  letter-spacing:0.28em;text-transform:uppercase;border-radius:3px;margin-bottom:20px;
}
.conf-h{
  font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;
  color:var(--paper);line-height:1.2;margin-bottom:12px;
}
.conf-sub{font-size:16px;font-style:italic;color:var(--dim);line-height:1.8;margin-bottom:28px}
.conf-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:4px;padding:24px;margin-bottom:20px;
}
.conf-card h4{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:300;
  letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:12px;
}
.conf-line{display:flex;justify-content:space-between;padding:7px 0;font-size:15px;color:var(--warm);letter-spacing:0.01em}
.conf-line strong{color:var(--paper);font-weight:500}
.conf-item{
  display:grid;grid-template-columns:72px 1fr auto;gap:16px;
  padding:12px 0;border-bottom:1px solid var(--border);align-items:center;
}
.conf-item:last-child{border-bottom:none}
.conf-item img{width:72px;height:72px;object-fit:cover;border-radius:3px}
.conf-item-title{color:var(--paper);font-weight:500;font-size:15px;letter-spacing:0.01em}
.conf-item-meta{color:var(--warm);font-style:italic;font-size:13px;margin-top:3px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:768px){
  /* INLINE PADDING — portrait page sections */
  [style*="padding:32px 48px"]{padding:24px 20px !important}
  [style*="padding:64px 48px"]{padding:36px 20px !important}
  /* FONT SIZES */
  [style*="font-size:54px"]{font-size:32px !important;line-height:1.2 !important}
  [style*="font-size:36px"]{font-size:24px !important}
  /* SESSION INFO GRID — 2 cols stops overflow */
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
  /* NAV */
  .nav{padding:0 20px;height:52px}
  .nav-links{gap:18px}
  .nav-name{font-size:13px}
  .nav-a{font-size:12px}
  /* FOOTER */
  .foot{padding:16px 20px;flex-direction:column;gap:10px;text-align:center}
  .foot-r{flex-wrap:wrap;justify-content:center;gap:12px}
  /* GRIDS */
  .print-grid{grid-template-columns:repeat(2,1fr) !important}
  .checkout-grid{grid-template-columns:1fr !important;padding:24px;gap:24px}
  .pgrid.r3{grid-template-columns:repeat(3,1fr)}
  .pgrid.r4{grid-template-columns:repeat(4,1fr)}
  .two{grid-template-columns:1fr}
  .two-l, .two-r{padding:32px 20px;border-right:none;border-bottom:1px solid var(--border)}
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  /* SPACING */
  .ordwrap{padding:36px 20px}
  .bar{padding:16px 20px;flex-wrap:wrap;gap:8px}
  .about-section{padding:40px 20px}
  /* FORMS */
  #inquiry-form{padding:48px 20px !important}
  .finp{font-size:16px}
  .fbtn{letter-spacing:0.24em}
  .ship-grid{grid-template-columns:1fr}
  /* CONFIRMATION */
  .conf-wrap{padding:32px 20px}
  .conf-h{font-size:32px}
  /* TOAST */
  #toast-host{top:70px;right:12px;left:12px}
  .toast{max-width:none;width:100%}
  /* LIGHTBOX */
  .lbox-btn{padding:10px;font-size:20px}
  .lbox-close{font-size:24px;top:14px;right:14px}
}
@media (max-width:480px){
  [style*="font-size:54px"]{font-size:26px !important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important}
  .print-grid{grid-template-columns:1fr !important}
  .pgrid.r3{grid-template-columns:repeat(3,1fr)}
  .pgrid.r4{grid-template-columns:repeat(4,1fr)}
  .nav{padding:0 14px}
  .nav-links{gap:14px}
}