/* Nuovo posizionamento (Randy, 26/10/2026): frase firma che entra parola per parola, lettura del corpo su una silhouette in linea,
   pagina Hotel e spa. Su tutte le pagine; il movimento lo dà kr.js. Con prefers-reduced-motion tutto resta acceso e fermo. */
:root{--kr-ink:#0E1016;--kr-ivory:#F4EEE6;--kr-gold:#BFA36A;--kr-gold2:#E2C88E;--kr-warm:#FFC27A;--kr-mute:#A9A39A;--kr-e:cubic-bezier(.16,1,.3,1)}
.kr-k{font:500 11px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--kr-gold);margin:0 0 20px}

/* frase firma */
.kr-sig{margin:0;font:italic 400 clamp(36px,6.6vw,104px)/1.02 "Bodoni Moda",Georgia,serif;letter-spacing:-.01em;color:var(--kr-ivory);text-wrap:balance}
.kr-sig>span{display:block}.kr-sig>span:last-child{color:var(--kr-gold2)}
.kr-sig .kr-w{display:inline-block;opacity:.12;transform:translateY(.25em);filter:blur(6px);transition:opacity 1s var(--kr-e),transform 1.2s var(--kr-e),filter 1s var(--kr-e);transition-delay:calc(var(--i) * 90ms)}
.kr-sig.in .kr-w{opacity:1;transform:none;filter:none}
.kr-home{background:#0E0B09;color:var(--kr-ivory);padding:clamp(80px,14vh,150px) 0 clamp(70px,12vh,130px);position:relative;overflow:hidden}
.kr-home::before{content:"";position:absolute;inset:auto -10% -40% 30%;height:80%;background:radial-gradient(closest-side,rgba(255,194,122,.12),rgba(255,194,122,0));pointer-events:none}
.kr-small{font-size:14px;opacity:.7;margin-top:10px}
.kr-foot{margin:22px 0 0;font:italic 400 17px/1.35 "Bodoni Moda",Georgia,serif;color:var(--kr-gold2);max-width:300px}
.kr-foot span{display:block}

/* lettura del corpo: sezione fissata, la silhouette si disegna e si accende */
.kr-read{position:relative;height:260vh;background:#0E1016;color:var(--kr-ivory)}
.kr-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,80px);
  max-width:1240px;margin:0 auto;padding:calc(var(--hdr,76px) + 20px) clamp(20px,5vw,72px) 30px;overflow:hidden}
.kr-h{font:400 clamp(38px,5vw,76px)/1 "Bodoni Moda",Georgia,serif;margin:0}
.kr-h em{color:var(--kr-gold2)}
.kr-p{font:300 17px/1.6 "Jost",sans-serif;color:#C9C3BB;max-width:46ch;margin:18px 0 0}
.kr-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;counter-reset:k}
.kr-list li{counter-increment:k;display:grid;grid-template-columns:34px 1fr;gap:2px 10px;opacity:.28;transition:opacity .6s var(--kr-e),transform .6s var(--kr-e);transform:translateX(-6px)}
.kr-list li::before{content:"0" counter(k);grid-row:span 2;font:500 11px/1.9 "IBM Plex Mono",monospace;color:var(--kr-gold)}
.kr-list li.on{opacity:1;transform:none}
.kr-list b{font:500 19px/1.3 "Jost",sans-serif;color:var(--kr-ivory)}
.kr-list span{font:300 15px/1.45 "Jost",sans-serif;color:#BDB6AC}
.kr-b{font:300 16px/1.6 "Jost",sans-serif;color:#E2DCD3;max-width:52ch;margin:26px 0 0;padding-left:16px;border-left:1px solid var(--kr-gold);opacity:0;transform:translateY(12px);transition:all 1s var(--kr-e)}
.kr-read.done .kr-b{opacity:1;transform:none}
.kr-fig{height:100%;max-height:78svh;display:grid;place-items:center}
.kr-svg{height:100%;width:auto;max-width:100%;overflow:visible}
.kr-out,.kr-det{fill:none;stroke:var(--kr-ivory);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0));opacity:.9}
.kr-det{stroke-width:1.1;opacity:.5}
.kr-lym{fill:none;stroke:var(--kr-gold2);stroke-width:1.2;stroke-dasharray:3 9;opacity:var(--lym,0);animation:kr-flow 2.4s linear infinite;filter:drop-shadow(0 0 3px rgba(255,194,122,.8))}
@keyframes kr-flow{to{stroke-dashoffset:-48}}
.kr-scan{stroke:rgba(190,215,255,.85);stroke-width:1;transform:translateY(calc(var(--scan,0) * 600px));opacity:var(--scanO,0);filter:drop-shadow(0 0 6px rgba(160,200,255,.9))}
.kr-pt .kr-dot{fill:var(--kr-warm);opacity:.25;transition:opacity .6s}
.kr-pt .kr-halo{fill:none;stroke:var(--kr-warm);stroke-width:1;opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;transition:all .9s var(--kr-e)}
.kr-pt.on .kr-dot{opacity:1;filter:drop-shadow(0 0 6px rgba(255,194,122,1))}
.kr-pt.on .kr-halo{opacity:.7;transform:scale(1);animation:kr-pulse 2.2s var(--kr-e) infinite}
@keyframes kr-pulse{0%{opacity:.7;transform:scale(.7)}100%{opacity:0;transform:scale(1.6)}}
@media (max-width:860px){
  .kr-read{height:240vh}
  .kr-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:10px;padding-top:calc(var(--hdr,64px) + 14px)}
  .kr-fig{order:-1;max-height:34svh}
  .kr-h{font-size:34px}.kr-p{display:none}
  .kr-list{margin-top:16px;gap:9px}.kr-list b{font-size:16px}.kr-list span{font-size:13px}
  .kr-b{font-size:14px;margin-top:14px}
}

/* ===== pagina Hotel e spa ===== */
.mcta.kr-off{opacity:0;pointer-events:none;transform:translateY(20px)}
.hs{background:#0E1016;color:var(--kr-ivory)}
.hs main{padding-top:0}
.hs-hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:calc(var(--hdr,76px) + 40px) clamp(20px,5vw,72px) clamp(48px,9vh,96px);isolation:isolate;overflow:hidden}
.hs-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04)}
.hs-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,16,22,.96) 0,rgba(14,16,22,.55) 45%,rgba(14,16,22,.25) 100%),linear-gradient(90deg,rgba(14,16,22,.7),rgba(14,16,22,0) 70%)}
.hs-hero-in{max-width:980px}
.hs-h1{font:400 clamp(44px,7vw,112px)/.98 "Bodoni Moda",Georgia,serif;margin:0 0 28px;letter-spacing:-.01em;text-wrap:balance}
.hs-h1 em{color:var(--kr-gold2)}
.hs-hero .kr-sig{font-size:clamp(22px,2.4vw,34px)}
.hs-hero .kr-sig>span{display:inline}
.hs-ctas{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:34px}
.hs-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(180deg,#E9D29F,#BFA36A);color:#141008;
  font:600 13px/1 "Jost",sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:box-shadow .5s var(--kr-e),transform .5s var(--kr-e)}
.hs-btn:hover{box-shadow:0 10px 40px -6px rgba(255,194,122,.45);transform:translateY(-2px)}
.hs-btn[disabled]{opacity:.6;cursor:progress}
.hs-link{color:var(--kr-ivory);font:500 13px/1 "Jost",sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:12px 2px;border-bottom:1px solid rgba(244,238,230,.35)}
.hs-sec{padding:clamp(90px,14vh,160px) 0;background:#0E1016}
.hs-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.hs-h2{font:400 clamp(38px,5vw,76px)/1 "Bodoni Moda",Georgia,serif;margin:0;text-wrap:balance}
.hs-h2 em{color:var(--kr-gold2)}
.hs-lead{font:300 clamp(17px,1.5vw,20px)/1.6 "Jost",sans-serif;color:#D2CBC1;margin:18px 0 0;max-width:54ch}
.hs-problem .hs-lead{font-size:clamp(20px,2vw,26px);color:var(--kr-ivory)}
.hs-res{background:#F3EEE6}
.hs-stat{display:flex;align-items:baseline;gap:14px;margin:22px 0 0}.hs-stat b{font:400 64px/1 "Bodoni Moda",serif}
.hs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.hs-card{position:relative;padding:34px 28px 38px;border-radius:22px;border:1px solid rgba(196,206,230,.16);background:linear-gradient(180deg,#151925,#0E1016);
  clip-path:inset(0 0 100% 0 round 22px);opacity:0;transition:clip-path 1.3s var(--kr-e),opacity .8s;transition-delay:calc(var(--i) * 140ms)}
.hs-cards.in .hs-card{clip-path:inset(0 0 0 0 round 22px);opacity:1}
.hs-n{font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;color:var(--kr-gold)}
.hs-card h3{font:400 clamp(26px,2.4vw,34px)/1.05 "Bodoni Moda",serif;margin:22px 0 14px;color:var(--kr-ivory)}
.hs-card p{font:300 16px/1.55 "Jost",sans-serif;color:#C9C3BB;margin:0}
.hs-note{font:500 11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--kr-mute);margin:26px 0 0}
.hs-por{position:relative;display:grid;place-items:end center;min-height:420px;border-radius:26px;overflow:hidden;background:radial-gradient(70% 60% at 50% 70%,rgba(255,194,122,.22),rgba(255,194,122,0)),#151925}
.hs-por img{width:min(80%,380px);height:auto;display:block;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.hs-direct{font:300 15px/1.6 "Jost",sans-serif;color:#C9C3BB;margin:26px 0 0}.hs-direct a{color:var(--kr-gold2)}
.hs-form{display:grid;gap:14px;padding:clamp(24px,3vw,40px);border-radius:24px;background:#151925;border:1px solid rgba(196,206,230,.14)}
.hs-form[hidden],.hs-done[hidden]{display:none}
.hs-f{display:grid;gap:7px;min-width:0}
.hs-f span{font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--kr-mute)}
.hs-f input,.hs-f textarea{width:100%;min-width:0;padding:14px;border-radius:12px;border:1px solid rgba(196,206,230,.2);background:#0E1016;color:var(--kr-ivory);font:400 16px/1.3 "Jost",sans-serif}
.hs-f input{height:50px;padding:0 14px}
.hs-f input:focus,.hs-f textarea:focus{outline:none;border-color:var(--kr-gold2);box-shadow:0 0 0 3px rgba(226,200,142,.18)}
.hs-f [aria-invalid=true]{border-color:#E8836B}
.hs-f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hs-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}   /* niente -9999px: in arabo allargava la pagina */
.hs-c{display:grid;grid-template-columns:22px 1fr;gap:12px;font:300 13px/1.5 "Jost",sans-serif;color:#BDB6AC}.hs-c input{width:20px;height:20px;accent-color:var(--kr-gold)}.hs-c a{color:var(--kr-ivory)}
.hs-form .hs-btn{justify-self:start}
.hs-err{margin:0;color:#F09A85;font:500 14px/1.4 "Jost",sans-serif}.hs-err:empty{display:none}
.hs-done{padding:clamp(24px,3vw,40px);border-radius:24px;background:#151925;border:1px solid rgba(226,200,142,.4);outline:none}
.hs-done-t{font:italic 400 clamp(30px,3vw,44px)/1.1 "Bodoni Moda",serif;color:var(--kr-gold2);margin:0}
@media (max-width:860px){
  .hs-two,.hs-cards{grid-template-columns:1fr}
  .hs-f2{grid-template-columns:1fr}
  .hs-por{min-height:340px}
}
@media (prefers-reduced-motion:reduce){
  .kr-sig .kr-w{opacity:1;transform:none;filter:none;transition:none}
  .kr-read{height:auto}.kr-stage{position:relative;height:auto;min-height:0}
  .kr-list li{opacity:1;transform:none}.kr-b{opacity:1;transform:none}
  .kr-out,.kr-det{stroke-dashoffset:0}.kr-lym{opacity:.6;animation:none}.kr-scan{display:none}
  .hs-card{clip-path:none;opacity:1;transition:none}
}

/* passaggio tra le pagine (Randy, 26/10/2026): lento, «lux», dissolvenza con sfocatura; l'intestazione resta ferma.
   View Transitions tra documenti dove il browser le supporta; altrove la pagina entra con una dissolvenza dall'inchiostro. */
@view-transition{navigation:auto}
.hdr{view-transition-name:kr-hdr}
::view-transition-old(root){animation:kr-vt-out .75s cubic-bezier(.65,0,.35,1) both}
::view-transition-new(root){animation:kr-vt-in 1.25s cubic-bezier(.16,1,.3,1) .1s both}
::view-transition-group(kr-hdr){animation-duration:.9s}
@keyframes kr-vt-out{to{opacity:0;filter:blur(10px);transform:scale(1.012)}}
@keyframes kr-vt-in{from{opacity:0;filter:blur(12px);transform:scale(.988)}}
@supports not (view-transition-name:a){main{animation:kr-page 1.1s cubic-bezier(.16,1,.3,1) both}}
@keyframes kr-page{from{opacity:0;filter:blur(8px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}main{animation:none}}

/* pagina hotel, versione per la conversione (27/10/2026): statua sul mare, prova in cifre, costo del «menu come tutti», perché si vende, il soggiorno */
.hs-hero{grid-template-rows:1fr auto;align-items:end}
.hs-bg,.hs-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hs-bg img{animation:hs-kb 22s ease-in-out infinite alternate}
@keyframes hs-kb{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1%,-1%)}}
.hs-vid{opacity:0;transition:opacity 2s cubic-bezier(.16,1,.3,1)}.hs-vid.on{opacity:1}
.hs-hero::after{background:linear-gradient(0deg,rgba(10,9,12,.92) 0,rgba(10,9,12,.35) 48%,rgba(10,9,12,.05) 100%),linear-gradient(90deg,rgba(10,9,12,.62),rgba(10,9,12,0) 62%)}
.hs-hero-in>*{animation:hs-in 1.6s cubic-bezier(.16,1,.3,1) both}
.hs-hero-in>*:nth-child(2){animation-delay:.25s}.hs-hero-in>*:nth-child(3){animation-delay:.55s}.hs-hero-in>*:nth-child(4){animation-delay:.8s}
@keyframes hs-in{from{opacity:0;transform:translateY(22px);filter:blur(8px)}}
.hs-sub{font:300 clamp(17px,1.5vw,21px)/1.55 "Jost",sans-serif;color:#E9E2D8;max-width:46ch;margin:0}
.hs-proof{list-style:none;margin:clamp(34px,6vh,60px) 0 0;padding:22px 0 0;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(18px,4vw,56px);border-top:1px solid rgba(244,238,230,.18)}
.hs-proof li{display:grid;gap:6px;animation:hs-in 1.6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1s + var(--i,0) * .1s)}
.hs-proof b{font:400 clamp(30px,3vw,44px)/1 "Bodoni Moda",Georgia,serif;color:var(--kr-gold2)}
.hs-proof span{font:500 10px/1.3 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#CFC8BE;max-width:16ch}
.hs-cost{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hs-cost li{position:relative;font:400 clamp(22px,2.2vw,30px)/1.2 "Bodoni Moda",Georgia,serif;color:#8E8A85;padding-left:34px}
.hs-cost li::before{content:"";position:absolute;left:0;top:.6em;width:20px;height:1px;background:#8E8A85}
.hs-cost li::after{content:"";position:absolute;left:34px;right:0;top:55%;height:1px;background:rgba(232,131,107,.75);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1) calc(.4s + var(--i,0) * .25s)}
.hs-cost.in li::after{transform:scaleX(1)}
.hs-cost li:nth-child(2){--i:1}.hs-cost li:nth-child(3){--i:2}
.hs-why{background:#F3EEE6;color:#16110F}
.hs-why .hs-h2 em{color:#7A6332}
.hs-why-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.hs-why-c{padding:30px 26px 34px;border-radius:22px;background:#FBF8F3;border:1px solid #E6DED2}
.hs-why-c h3{font:400 clamp(24px,2.2vw,30px)/1.1 "Bodoni Moda",serif;margin:18px 0 12px}
.hs-why-c p{margin:0;font:300 16px/1.55 "Jost",sans-serif;color:#5C5249}
.hs-why .hs-n{color:#7A6332}
.hs-stay-l{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.hs-stay-l::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,var(--kr-gold),var(--kr-warm),var(--kr-gold));opacity:.6}
.hs-stay-l li{position:relative;padding:36px 26px 0 0;display:grid;gap:10px}
.hs-stay-l li::before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;background:var(--kr-warm);box-shadow:0 0 0 6px rgba(255,194,122,.15),0 0 18px rgba(255,194,122,.8)}
.hs-stay-l b{font:400 clamp(24px,2.2vw,30px)/1.1 "Bodoni Moda",serif;color:var(--kr-ivory)}
.hs-stay-l span{font:300 16px/1.55 "Jost",sans-serif;color:#C9C3BB;max-width:30ch}
.hs-card.rec{border-color:rgba(226,200,142,.6);background:linear-gradient(180deg,#1C2233,#0E1016)}
.hs-rec{position:absolute;top:-12px;left:24px;padding:6px 12px;border-radius:999px;background:var(--kr-gold2);color:#141008;font:600 10px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.hs-get{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.hs-get li{position:relative;padding-left:30px;font:300 17px/1.45 "Jost",sans-serif;color:#E2DCD3}
.hs-get li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:1.5px solid var(--kr-gold2);border-bottom:1.5px solid var(--kr-gold2);transform:rotate(-45deg)}
.hs-rv{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1),filter 1.4s;transition-delay:calc(var(--i,0) * .14s)}
.hs-rv.in{opacity:1;transform:none;filter:none}
@media (max-width:860px){
  .hs-proof{grid-template-columns:repeat(2,1fr)}
  .hs-why-g{grid-template-columns:1fr}
  .hs-stay-l{grid-template-columns:1fr;gap:26px}.hs-stay-l::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,var(--kr-gold),var(--kr-warm))}
  .hs-stay-l li{padding:0 0 0 34px}.hs-stay-l li::before{top:6px}
}
@media (prefers-reduced-motion:reduce){.hs-bg img,.hs-hero-in>*,.hs-proof li{animation:none}.hs-rv{opacity:1;transform:none;filter:none;transition:none}.hs-cost li::after{transform:scaleX(1)}}
.hs-rec{position:static;display:inline-block;justify-self:start;margin:0 0 14px}
.hs-card.rec{display:grid;align-content:start}
@media (max-width:860px){
  .hs-bg img{object-position:50% 18%}
  .hs-vid{object-position:50% 18%}
  .hs-hero::after{background:linear-gradient(0deg,rgba(10,9,12,.97) 0,rgba(10,9,12,.9) 48%,rgba(10,9,12,.35) 72%,rgba(10,9,12,.1) 100%)}
  .hs-h1{font-size:clamp(40px,11vw,56px)}
}
@media (max-width:860px){   /* telefono: la statua sul mare sopra, il testo sotto, una sfumatura le unisce */
  .hs-hero{padding-top:calc(52svh + 10px);min-height:0}
  .hs-bg,.hs-bg img,.hs-vid{height:62svh;bottom:auto}
  .hs-bg img,.hs-vid{object-position:50% 30%}
  .hs-hero::after{background:linear-gradient(180deg,rgba(14,16,22,0) 0,rgba(14,16,22,0) 34svh,#0E1016 61svh,#0E1016 100%)}
}

/* pagina hotel · font e colori dalla ricerca (27/10/2026): serif editoriale ad alto contrasto + sans pulito,
   neutri caldi (avorio, pietra, inchiostro caldo) e un solo metallo, oro champagne. Niente blu notte su questa pagina. */
.hs{--hs-ink:#15120F;--hs-ink2:#1E1A16;--hs-ivory:#F5F0E8;--hs-stone:#E9E1D5;--hs-text:#1C1814;--hs-mute:#6B6259;--hs-gold:#B8975A;--hs-gold2:#D9BE86;
  --kr-gold:var(--hs-gold);--kr-gold2:var(--hs-gold2);--kr-warm:#E7C58F;background:var(--hs-ink)}
.hs .hs-h1,.hs .hs-h2,.hs .kr-h,.hs .hs-card h3,.hs .hs-why-c h3,.hs .hs-stay-l b,.hs .hs-proof b,.hs .hs-cost li,.hs .hs-done-t,.hs .hs-pain-c h3,.hs .hs-turn{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.005em}
.hs .hs-sub,.hs .hs-lead,.hs .hs-card p,.hs .hs-why-c p,.hs .hs-stay-l span,.hs .kr-p,.hs .kr-list b,.hs .kr-list span,.hs .kr-b,.hs .hs-get li,.hs .hs-direct,.hs .hs-f input,.hs .hs-f textarea,.hs .hs-c,.hs .hs-btn,.hs .hs-link,.hs .hs-pain-c p{font-family:"Instrument Sans",system-ui,sans-serif}
.hs .hs-h1{font-size:clamp(48px,7.4vw,118px);line-height:.95}
.hs .hs-h2{font-size:clamp(40px,5vw,80px);line-height:1}
.hs .hs-sec,.hs .kr-read{background:var(--hs-ink)}
.hs .hs-formats{background:var(--hs-ink2)}
.hs .hs-btn{background:linear-gradient(180deg,#E3CC9C,#B8975A)}
.hs .hs-problem{background:var(--hs-ivory);color:var(--hs-text)}
.hs .hs-problem .hs-h2 em,.hs .hs-why .hs-h2 em{color:#8A6E3A}
.hs .hs-problem .kr-k,.hs .hs-why .kr-k{color:#8A6E3A}
.hs-pain{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.hs-pain-c{padding:26px 22px 24px;border-top:1px solid rgba(28,24,20,.25);display:grid;align-content:start;gap:10px}
.hs-pain-c h3{margin:0;font-size:clamp(24px,2.1vw,30px);line-height:1.08;color:var(--hs-text)}
.hs-pain-c p{margin:0;font-size:15px;line-height:1.55;color:#4A423A}
.hs-pain-c small{font:500 9.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#8C8378;margin-top:4px}
.hs-turn{margin:44px 0 0;font-size:clamp(26px,2.6vw,38px);font-style:italic;color:#8A6E3A}
.hs .hs-why{background:var(--hs-stone)}
.hs-why-g{grid-template-columns:repeat(4,1fr)}
.hs .hs-why-c{background:var(--hs-ivory);border-color:#DDD3C4}
.hs-cards{grid-template-columns:repeat(4,1fr)}
.hs-int{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hs-int legend{font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--kr-mute);margin-bottom:8px;padding:0}
.hs-int label{cursor:pointer}.hs-int input{position:absolute;opacity:0;pointer-events:none}
.hs-int span{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid rgba(233,225,213,.25);font:400 14px/1 "Instrument Sans",sans-serif;color:var(--kr-ivory);transition:all .3s}
.hs-int input:checked + span{background:var(--hs-gold2);border-color:var(--hs-gold2);color:#15120F}
.hs-int input:focus-visible + span{outline:2px solid var(--hs-gold2);outline-offset:3px}
.hs .hs-form,.hs .hs-done{background:var(--hs-ink2);border-color:rgba(233,225,213,.14)}
.hs .hs-f input,.hs .hs-f textarea{background:var(--hs-ink)}
@media (max-width:1100px){.hs-pain,.hs-why-g,.hs-cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hs-pain,.hs-why-g,.hs-cards{grid-template-columns:1fr}}
.hs .hs-res .h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.005em}
.hs .hs-card{background:linear-gradient(180deg,#26211B,#1A1612);border-color:rgba(233,225,213,.14)}
.hs .hs-card.rec{background:linear-gradient(180deg,#2E271F,#1E1A16);border-color:rgba(217,190,134,.6)}

/* intestazione, menu e piè di pagina: Geist su tutte le pagine, in chiaro, senza maiuscolo spaziato (27/10/2026) */
.hdr .nav,.drawer{font-family:'Geist',-apple-system,system-ui,sans-serif}
.nav{font:500 14px/1 'Geist',-apple-system,system-ui,sans-serif;letter-spacing:-.005em;text-transform:none}
.hdr .acct{font:500 13px/1 'Geist',-apple-system,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.drawer a{font-family:'Geist',-apple-system,system-ui,sans-serif;letter-spacing:-.02em}
footer,footer h4{font-family:'Geist',-apple-system,system-ui,sans-serif}
footer h4{letter-spacing:.02em}
.mcta{font-family:'Geist',-apple-system,system-ui,sans-serif;text-transform:none;letter-spacing:-.01em;font-weight:600}
/* passaggio tra le pagine: lento ma non troppo */
::view-transition-old(root){animation-duration:.6s}
::view-transition-new(root){animation-duration:.95s;animation-delay:.05s}