body{margin:0;background:#F0DEC4}
.intonaco{background-color:#F1DFC5;background-image:url(/img/intonaco-tile2.jpg);background-size:512px 512px}
a{color:#6B1D22}
a:hover{color:#3E2A22}
.cg{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
@media (max-width:720px){
 .logo-testa img{height:48px!important}
}
section:not(#oasi-attimo),footer,.banda{transition:opacity 3.2s cubic-bezier(.4,0,.2,1)}
html,body{margin:0;background:#F0DEC4;color-scheme:light}
a:focus-visible,.btn:focus-visible{outline:2px solid #6B1D22;outline-offset:3px}
:root{--f-sans:'Instrument Sans',system-ui,sans-serif}
.cs-griglia{position:relative;margin:0;padding:30px 24px 90px 0;display:grid;grid-template-columns:min(46vw,620px) minmax(0,1fr);gap:40px;align-items:center}
.cs-foto{position:relative;aspect-ratio:1122/1402;max-height:80vh;overflow:hidden;-webkit-mask-image:linear-gradient(270deg, transparent 0%, rgba(0,0,0,0.5) 8%, rgba(0,0,0,0.82) 20%, #000 38%),linear-gradient(180deg, transparent 0%, #000 12%, #000 74%, rgba(0,0,0,0.4) 90%, transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(270deg, transparent 0%, rgba(0,0,0,0.5) 8%, rgba(0,0,0,0.82) 20%, #000 38%),linear-gradient(180deg, transparent 0%, #000 12%, #000 74%, rgba(0,0,0,0.4) 90%, transparent 100%);mask-composite:intersect}
.cs-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 95% 55%,rgba(246,214,170,.35),transparent 75%);pointer-events:none}
.cs-nascosto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cs-foto img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}
.cs-testo{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;justify-self:start;margin-left:clamp(10px,4vw,80px);box-sizing:border-box}
.cs-testo p{margin:0;font-size:23px;line-height:1.6;color:#3E2A22;font-style:italic}
.cs-firma{width:80px;height:auto;align-self:flex-end;margin:6px 30px 0 0}
.cs-mano{width:100%;height:auto;display:block;opacity:.92}
@media (max-width:720px){
 .cs-griglia{grid-template-columns:1fr!important;gap:28px;padding:24px 0 60px!important}
 .cs-foto img{object-fit:cover!important;object-position:50% 0%!important}
 .cs-foto::after{display:none}
 .cs-foto{max-height:none;aspect-ratio:auto;height:340px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
 .cs-testo{padding:0 24px;gap:18px}
 .cs-testo p{font-size:20px}
 .cs-firma{width:66px;margin:4px 12px 0 0}
 .cs-testo{max-width:none!important;margin-left:0!important;box-sizing:border-box}
 .cs-mano{max-width:none}
}
@media (max-width:720px){
 header nav[style]{flex-wrap:nowrap!important;gap:0 13px!important;font-size:13px!important;white-space:nowrap}
 header[style]{gap:10px!important;padding-left:20px!important;padding-right:20px!important}
 .logo-testa img{height:34px!important}
}
@media (max-width:400px){
 header nav[style]{gap:0 10px!important;font-size:12.5px!important}
 header[style]{gap:8px!important;padding-left:16px!important;padding-right:16px!important}
 .logo-testa img{height:30px!important}
}
.cs-lettera>header{width:100%;max-width:1228px!important;box-sizing:border-box}
.cs-griglia{width:100%;box-sizing:border-box}
.cs-lettera{flex:1 0 auto;display:flex;flex-direction:column}
.cs-griglia{margin-block:auto!important;padding-top:64px!important;padding-bottom:56px!important}
@media (max-width:720px){
 .cs-griglia{padding-top:40px!important;padding-bottom:56px!important}
}
html,body{background:#F1DFC5 url(/img/intonaco-tile2.jpg)!important;background-size:512px 512px!important}
.intonaco{min-height:100vh;display:flex;flex-direction:column}
.intonaco>footer{margin-top:auto}
@media (min-width:721px){
 .cs-testo{max-width:340px!important;align-self:center!important}
}
:where(.intonaco, .intonaco *, .intonaco *::before, .intonaco *::after){box-sizing:content-box;border-width:0;border-style:none}
:where(.intonaco) :where(img, svg, video, canvas, picture){display:inline;vertical-align:baseline;max-width:none;height:revert}
:where(.intonaco) :where(img){height:revert}
:where(.intonaco) :where(h1,h2,h3,p){font-size:revert;font-weight:revert;margin:revert}
:where(.intonaco) :where(input,button){font:revert;color:revert;background-color:revert;border:revert;padding:revert;border-radius:revert}
:where(.intonaco) :where(a){color:revert-layer;text-decoration:revert}

:where(.intonaco) :where(button,input,select,textarea){box-sizing:revert}

.cs-griglia{opacity:0;transition:opacity .5s ease}
.cs-griglia.pronta{opacity:1}
@media (prefers-reduced-motion:reduce){.cs-griglia{transition:none}}

@media (max-width:720px){.cs-nascosto p.cg{font-weight:600!important;color:var(--rallento-mobile-editorial-ink)!important}}