/* [Codex] Riposo: hero, materiali, contatti diretti. */
.night-preview{background:#101c27;color:#f0eadd}
.night-preview :focus-visible{outline:2px solid #eadbb9;outline-offset:4px}
.night-preview .site-header{position:relative;background:#f7f5ef;color:var(--green)}
.night-hero{position:relative;isolation:isolate;height:clamp(540px,85svh,880px);overflow:hidden;background:#111e2a;color:#f4eee2}
.night-image,.night-shade{position:absolute;inset:0;z-index:-2}
.night-image img{width:100%;height:100%;object-fit:cover;object-position:center 60%;max-width:none}
.night-shade{z-index:-1;background:linear-gradient(180deg,#09131d55,transparent 40%)}
.night-paths{display:flex;gap:32px;margin:0 5vw;padding:12px 0;align-items:center;border-bottom:1px solid #e8e3d52e;font-size:13px}
.night-paths a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent;color:#e7e4dd}
.night-paths a[aria-current]{border-color:#e7e4dd}
.night-hero h1{font:400 36px/1.25 var(--serif);letter-spacing:-.025em;color:#f4eee2;margin:34px 5vw 0;max-width:430px}

.night-hero-line{font:400 15px/1.65 var(--sans);color:#e1e6e5;margin:14px 5vw 0;max-width:380px}

/* Materie singole su alpha, disposte con ritmo e volumi differenti. */
.rest-materials{padding:70px 4vw 0;max-width:1440px;margin:auto;scroll-margin-top:24px}
.materials-board{position:relative}
.material-labels{position:relative;aspect-ratio:1/1.5;list-style:none;padding:0;margin:0}
.material-object{position:absolute;left:var(--x);top:var(--y);width:var(--w);text-align:center;color:#f0eadd;isolation:isolate}
.material-visual{position:relative;aspect-ratio:1;isolation:isolate}
.material-visual::before{content:"";position:absolute;z-index:-1;width:65%;height:26%;left:18%;bottom:12%;background:#010810;filter:blur(22px);opacity:.6;transform:rotate(-8deg)}
.material-visual img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(var(--turn));filter:drop-shadow(7px 17px 12px #02091166)}
.material-caption{position:relative;margin:-10px auto 0;padding:0 10px;max-width:260px}
.material-caption span{font:400 16px/1.4 var(--sans);display:block}
.material-benefit{font:400 13px/1.5 var(--sans);color:#bfcbd0;margin:7px auto 0;max-width:220px}
.rest-contact{text-align:center;padding:26px 22px 80px}
.rest-contact h2{font:400 24px/1.35 var(--serif);color:#f0eadd;margin:0 0 24px;letter-spacing:-.015em}
.rest-contact-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.rest-contact-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #a6b5be88;color:#f0eadd;font:400 14px/1.4 var(--sans)}
.rest-contact-actions a:hover{background:#f0eadd;color:#101c27}
.night-preview .site-footer{background:#eae7df}
@media(max-width:760px){
.night-hero{height:clamp(530px,78svh,720px)}
.night-image img{object-position:center 68%}
.night-paths{margin:0 22px;padding:8px 0;gap:26px;font-size:12px}
.night-hero h1{font-size:28px;max-width:270px;margin:28px 22px 0}
.night-hero-line{font-size:14px;max-width:280px;margin:12px 22px 0}
.rest-materials{padding:35px 18px 0;scroll-margin-top:16px}
.material-labels{aspect-ratio:auto;display:flex;flex-direction:column;gap:0}
.material-object{position:relative;left:auto;top:auto;width:80%;margin:-14px auto 0 0}
.material-object:nth-child(even){margin-left:auto;margin-right:0}
.material-object:nth-child(3n){width:86%}
.material-object:nth-child(5n){width:74%}
.material-object:first-child{margin-top:0}
.material-caption{margin:-8px auto 0;padding:0 4px;max-width:210px}
.material-caption span{font-size:15px}
.material-benefit{font-size:12px;line-height:1.5;margin-top:5px;max-width:185px}
.material-visual::before{filter:blur(16px)}
.rest-contact{padding:32px 22px 56px}
.rest-contact h2{font-size:22px}
.rest-contact-actions{gap:12px}
.rest-contact-actions a{width:100%;max-width:300px}
}
@media(prefers-reduced-motion:reduce){html:has(.night-preview){scroll-behavior:auto}.night-preview *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* [Codex] Una breve spiegazione delle imbottiture, leggibile sulla foto. */
.night-hero-description{font:400 14px/1.65 var(--sans);max-width:390px;margin:16px 5vw 0;color:#e1e6e5;text-wrap:pretty}
.night-shade{background:linear-gradient(180deg,#09131de6 0%,#09131d99 32%,transparent 66%)}
@media(max-width:760px){.night-hero-description{font-size:13px;line-height:1.6;max-width:300px;margin:14px 22px 0}.night-shade{background:linear-gradient(180deg,#09131df2,#09131d9c 45%,transparent 78%)}}

/* [Codex] Il footer chiaro non eredita i colori del contenuto notturno. */
.night-preview .site-footer{color:var(--green)}
.night-preview .site-footer :focus-visible{outline-color:var(--green)}