/* =====================================================================
   La Vella Sol — finish & composition layer (Oct 2026, v4, approved 9 Oct)
   MAIN: brushed copper bronze, tones sampled from the Cassini Renzo 2.0
   "Brushed Copper Bronze" tap Jess chose (deep brown body, soft copper
   highlight, dark edge). Used on buttons and selected panels only.
   SECONDARY: aged brass from the Toress downlight, for small accents.
   Matte walnut and cocoa carry the page.
   The fine grain (--grain) is drawn in code at low strength; it is not a
   photograph. A licensed texture can replace it by changing --grain.
   ===================================================================== */
:root{
  --bronze:#86593c;            /* Brushed Copper Bronze mid tone (matched to the Cassini finish Jess chose) */
  --bronze-deep:#5c3a26;       /* shadow tone, for buttons */
  --bronze-lift:#a8865c;       /* AGED BRASS (second colour, matched to the Toress aged-brass finish Jess chose): wordmark, kickers, small type */
  --brass:#a8865c;
  --brass-deep:#8d6945;
  --tap-edge:#2a180c;          /* dark edge of the tap */
  --tap-base:#4a301e;          /* deep brown body */
  --tap-mid:#5c3b25;
  --tap-hi:#8a6042;            /* soft copper highlight */
  --copper-light:#c49a7a;      /* light warm copper lettering */
  --brass-on-bronze:#c8a87c;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 2.4' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .86 0 0 0 0 .72 0 0 0 .08 -.025'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --brushed:var(--grain) 0 0/600px 240px,radial-gradient(120% 160% at 30% 0%,rgba(138,96,66,.42),rgba(138,96,66,0) 60%),var(--tap-base);
  --line:rgba(138,96,66,.26) !important;
  --ivory-soft:#ecdfd4;
}

/* ---------- Type: crisp, readable, the serif does the work ---------- */
h2,h3,.head h2,.fx h2,.at h2,.phil h2,.val h2,.gift h2,.about h2,.faq h2,.invite h2,.pro-band h2{color:var(--ivory-soft)}
.k,.kicker,.eyebrow,.label{color:var(--bronze-lift)}
.lead{color:#e7d9cd}
/* the wordmark keeps its original serif, in a calm solid bronze */
.logo,.hero h1,.brass,#valsia .vmark,footer .ft h2,.nav-brand h1,.brand-mark{
  background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;
  color:var(--copper-light) !important;-webkit-text-fill-color:var(--copper-light) !important;filter:none !important;text-shadow:none !important}

/* ---------- Buttons: flat bronze, fine edge, nothing simulated ---------- */
.btn.f,.ph-hero .btn.f,.pf-submit,.j-sign button,.valsia-waitlist-form button,.valsia-cta-band a,.closing-band a{
  background:var(--brushed) !important;color:#f1e6da !important;-webkit-text-fill-color:#f1e6da;
  border:1px solid var(--tap-edge) !important;box-shadow:inset 0 0 0 1px rgba(138,96,66,.35) !important;text-shadow:none !important;filter:none !important;
  letter-spacing:.2em;transition:background-color .35s ease,border-color .35s ease}
.btn.f:hover,.ph-hero .btn.f:hover,.pf-submit:hover,.j-sign button:hover,.valsia-waitlist-form button:hover,.valsia-cta-band a:hover,.closing-band a:hover{
  background:var(--grain) 0 0/600px 240px,radial-gradient(120% 160% at 30% 0%,rgba(138,96,66,.5),rgba(138,96,66,0) 60%),var(--tap-mid) !important;border-color:var(--tap-edge) !important;color:#fff8f2 !important}
.btn:not(.f){border:1px solid rgba(138,96,66,.6);background:transparent}
.btn:not(.f):hover{border-color:var(--bronze-lift);background:rgba(134,89,60,.12)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* ---------- Prices: typographic, not plaques ---------- */
.rc .pr,.gift .pr{background:none !important;border:0 !important;box-shadow:none !important;padding:0 0 3px !important;
  color:#efe2d8 !important;-webkit-text-fill-color:#efe2d8;border-bottom:1px solid var(--brass) !important;text-shadow:none !important}

/* ---------- Seasonal badge: matte, two hairlines ---------- */

/* ---------- Rules ---------- */
.rule::after,.ph-hero h1::after{background:var(--brass) !important;height:1px !important;box-shadow:none !important}

/* ---------- Frames used selectively: portraits and the voucher only ---------- */
.ph-frame{background:#22140f !important;padding:12px !important;border:1px solid var(--bronze) !important;box-shadow:0 30px 70px rgba(0,0,0,.45) !important}
.gift .gt{background:var(--grain) 0 0/600px 240px,radial-gradient(90% 70% at 25% 10%,rgba(138,96,66,.30),rgba(138,96,66,0) 65%),#3b2516 !important;border:1px solid var(--tap-edge);box-shadow:inset 0 0 0 1px rgba(168,134,92,.30),0 30px 70px rgba(0,0,0,.35);align-self:center;height:auto;margin:clamp(20px,4vw,64px);padding:clamp(30px,4.4vw,64px) !important}
.gift .gt .k{color:var(--brass-on-bronze) !important}
.gift .gt h2{color:#f1e6da}
.pro-band .pb{background:none !important;border:0;box-shadow:none}

/* ---------- WhatsApp: matte cocoa with a bronze hairline ---------- */
.wa,.lvs-wa{background:#2a1a14 !important;color:#e6d6cb !important;border:1px solid var(--bronze) !important;box-shadow:0 8px 22px rgba(0,0,0,.4) !important}
.rprog i{background:var(--bronze)}

/* ---------- Composition: more air, larger photographs ---------- */
@media (min-width:900px){
  .wrap{padding-top:clamp(84px,9vw,148px);padding-bottom:clamp(84px,9vw,148px)}
  .head{margin-bottom:clamp(40px,5vw,72px)}
  #rituals .rc{flex-basis:clamp(280px,27vw,390px)}
  .founder .fp{min-height:720px}
  .gift{min-height:min(88vh,860px)}
}
p{text-wrap:pretty}
h2{text-wrap:balance}

/* ---------- Gentle image reveals (pages without their own) ---------- */
html.m-js .m-rv{opacity:0;transform:translateY(12px);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.2,.7,.2,1)}
html.m-js .m-rv.m-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.m-js .m-rv{opacity:1 !important;transform:none !important;transition:none !important}}

/* ---------- navigation groups (all pages) ---------- */
.drawer .dg{padding:22px 22px 8px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze-lift);border:0}
.open .drawer{max-height:86vh!important;overflow-y:auto}
.nav-in .bk{white-space:nowrap}
@media(max-width:520px){.nav-in{gap:10px!important}.bagbtn{font-size:10px}}
@media(max-width:860px){.nav-in .logo{margin-left:6px}}

/* =====================================================================
   v5 (10 Oct 2026): no generated grain, no gradients on controls.
   Flat matte bronze sampled from the Cassini tap; light copper-gold
   from the Toress light for small accents. A licensed or Jess-supplied
   photograph of brushed bronze can be added later via --bronze-photo.
   ===================================================================== */
:root{--grain:none;--brushed:#4a2f1e;--bronze-photo:none;--gold-lt:#d6b285}
.btn.f,.ph-hero .btn.f,.pf-submit,.j-sign button,.valsia-waitlist-form button,.valsia-cta-band a,.closing-band a{
  background:var(--bronze-photo) center/cover,#4a2f1e!important;border:1px solid #6b4a33!important;box-shadow:none!important;color:#f3e8dc!important;-webkit-text-fill-color:#f3e8dc}
.btn.f:hover,.ph-hero .btn.f:hover,.pf-submit:hover,.j-sign button:hover,.valsia-waitlist-form button:hover,.valsia-cta-band a:hover,.closing-band a:hover{
  background:#5c3b25!important;border-color:var(--gold-lt)!important}
.btn:not(.f){border-color:rgba(214,178,133,.5)}
.btn:not(.f):hover{background:rgba(214,178,133,.08);border-color:var(--gold-lt)}
.gift .gt{background:none!important;border:0!important;box-shadow:none!important}

/* readable small text everywhere: larger, less tracking */
.k,.kicker,.eyebrow{font-size:12px!important;letter-spacing:.18em!important}
.go{font-size:12px!important;letter-spacing:.12em!important}
.btn{font-size:12px!important;letter-spacing:.14em!important}
.nav-in{font-size:12px;letter-spacing:.1em}
footer li a,footer li,.sf li a{font-size:14px;line-height:1.9}
footer h4,.sf h4{letter-spacing:.14em}
.small,small,.pf-note,.legal,.legal span{font-size:13px!important}
@media(max-width:760px){
  body{font-size:16px}
  .k,.kicker,.eyebrow{font-size:12px!important;letter-spacing:.14em!important}
  p{line-height:1.7}
  .btn{min-height:48px}
  .drawer a{font-size:14px!important;letter-spacing:.1em!important;padding:15px 22px!important}
}
/* v6 — matte only: no decorative brown gradients (photo scrims for legibility are kept) */
.warm,.atelier.warm,.founder{background-image:none!important;background-color:#4b372e!important}
.paper{background-image:none!important;background-color:#efe6da!important}
.deep{background-image:none!important;background-color:#1f140f!important}
.im,main.pdp,.pdp .im{background-image:none!important;background-color:#3a2a22!important}
.ph-hero{background-image:none!important;background-color:#24170f!important}
.sn .now,span.now{background:#74493a!important;color:#f3e6da!important}
.pdp .main{background-image:none!important;background-color:#3a2a22!important}
.warm .k,.founder .k{color:#d0aa7c!important}
.warm .when,.warm .go,.warm .dur,.warm .sig,.founder .sig,.warm a.mail,.warm p a,.warm .faq a{color:#dfc6b3!important}
.warm .paper .k{color:#8a4f36!important}.warm .paper a,.warm .paper .go{color:#7a4430!important}
/* descriptions readable without hover, touch or JavaScript */
.seasons .sn p,.svc a p{opacity:1!important;transform:none!important;max-height:none!important}
.seasons .sn{opacity:1!important}
.seasons .sn:not(.current) .when{opacity:.85}