@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Barcaiolo Titoli;src:url(/fonts/bodoni-barcaiolo-titoli-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Barcaiolo Titoli;src:url(/fonts/bodoni-barcaiolo-titoli-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Barcaiolo Sezioni;src:url(/fonts/bodoni-barcaiolo-sezioni-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Barcaiolo Sezioni;src:url(/fonts/bodoni-barcaiolo-sezioni-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Barcaiolo Testo;src:url(/fonts/bodoni-barcaiolo-testo-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Barcaiolo Testo;src:url(/fonts/bodoni-barcaiolo-testo-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ghiaccio:#f3f6f8;--ghiaccio-2:#e8eef2;--azzurro:#54759a;--maiolica:#1e3553;--inchiostro:#24313f;--grigio-mare:#4a5b6e;--sabbia:#d9cfc0;--linea:#1e355329;--serif:"Bodoni Barcaiolo Testo", "Bodoni 72", Didot, "Times New Roman", serif;--serif-sezioni:"Bodoni Barcaiolo Sezioni", "Bodoni 72", Didot, "Times New Roman", serif;--serif-titoli:"Bodoni Barcaiolo Titoli", "Bodoni 72", Didot, "Times New Roman", serif;--sans:"Jost Variable", Futura, "Avenir Next", system-ui, sans-serif;--gutter:clamp(20px, 5vw, 76px);--maxw:1380px;--gap:clamp(16px, 2.2vw, 36px);--horizon:40%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--ghiaccio);color:var(--inchiostro);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(17px,.25vw + 16px,19px);font-weight:380;line-height:1.72}img{max-width:100%;height:auto;display:block}a{color:inherit}p{margin:0 0 1.1em}:focus-visible{outline:2px solid var(--azzurro);outline-offset:4px}.skip{z-index:50;background:var(--maiolica);color:var(--ghiaccio);padding:10px 16px;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:16px}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.grid{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.bar{z-index:30;padding:20px var(--gutter);color:var(--maiolica);justify-content:space-between;align-items:center;gap:24px;transition:background-color .45s,box-shadow .45s,padding .45s;display:flex;position:fixed;inset:0 0 auto}.bar.is-solid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--linea);background:#f3f6f8eb;padding-block:12px}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.mark{flex:none;width:34px;height:34px}.brand-name{font-family:var(--serif);font-size:23px;line-height:1}.bar-nav{letter-spacing:.01em;gap:clamp(20px,2.6vw,40px);font-size:15px;display:flex}.bar-nav a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-block:6px;text-decoration:none;transition:background-size .35s}.bar-nav a:hover{background-size:100% 1px}.bar-end{align-items:center;gap:clamp(12px,1.6vw,24px);display:flex}.lang{letter-spacing:.08em;align-items:center;font-size:14px;display:flex}.lang a{opacity:.5;padding:6px 7px;text-decoration:none;transition:opacity .3s}.lang a:hover,.lang a[aria-current=page]{opacity:1}.lang span{opacity:.35}.bar-book{letter-spacing:.02em;border:1px solid;border-radius:999px;padding:10px 22px;font-size:15px;text-decoration:none;transition:background-color .3s,color .3s}.bar-book:hover{background:var(--maiolica);color:var(--ghiaccio);border-color:var(--maiolica)}.hero{height:100svh;min-height:560px;color:var(--maiolica);background:url(/img/mare-orizzontale.webp) center / cover no-repeat, linear-gradient(to bottom, #dbe3ea 0%, #eef2f5 calc(var(--horizon) - 6%), var(--ghiaccio) var(--horizon), #dfe6ec calc(var(--horizon) + 2%), #9fb3c6 calc(var(--horizon) + 14%), #6d88a6 calc(var(--horizon) + 30%), #54759a calc(var(--horizon) + 44%), #2e4664 100%);position:relative;overflow:hidden}.hero-sea{position:absolute;inset:0}@media (max-aspect-ratio:4/5){.hero{background-image:url(/img/mare-verticale.webp), linear-gradient(to bottom, #dbe3ea 0%, var(--ghiaccio) 40%, #9fb3c6 54%, #54759a 84%, #2e4664 100%)}}.hero-sea canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.sea-on .hero-sea canvas{opacity:1}.hero-title{left:var(--gutter);right:var(--gutter);bottom:calc(100% - var(--horizon));font-family:var(--serif);letter-spacing:-.012em;white-space:nowrap;margin:0;font-size:clamp(60px,12.6vw,208px);font-weight:400;line-height:.8;position:absolute;translate:0 .06em}.hero-sub{left:var(--gutter);max-width:32ch;color:var(--ghiaccio);font-family:var(--serif);margin:0;font-size:clamp(22px,2vw,32px);line-height:1.3;position:absolute;bottom:clamp(32px,8vh,84px)}.hero-scroll{right:var(--gutter);color:var(--ghiaccio);letter-spacing:.04em;flex-direction:column;align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex;position:absolute;bottom:clamp(32px,8vh,84px)}.hero-scroll:after{content:"";opacity:.7;background:currentColor;width:1px;height:52px}@media (prefers-reduced-motion:no-preference){.site-ready:not(.title-in-water) .hero-title,.site-ready .hero-sub,.site-ready .hero-scroll{animation:1.8s cubic-bezier(.2,.7,.2,1) both emerge}.site-ready .hero-sub{animation-delay:.5s}.site-ready .hero-scroll{animation-delay:.9s}}@keyframes emerge{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.block{padding-block:clamp(96px,12vw,184px)}.block+.block{padding-top:0}h2{font-family:var(--serif);letter-spacing:-.006em;color:var(--maiolica);text-wrap:balance;margin:0 0 .65em;font-size:clamp(38px,4.4vw,66px);font-weight:400;line-height:1.04}.lead{font-family:var(--serif);color:var(--maiolica);text-wrap:pretty;margin:0;font-size:clamp(28px,3vw,46px);line-height:1.24}.body-text p{max-width:60ch}figure{margin:0}figcaption{color:var(--grigio-mare);max-width:52ch;margin-top:14px;font-size:15px;line-height:1.55}figcaption strong{font-family:var(--serif);color:var(--maiolica);margin-bottom:2px;font-size:22px;font-weight:400;line-height:1.25;display:block}.intro{align-items:end;row-gap:56px}.intro .lead{grid-column:1/span 7}.intro .body-text{grid-column:2/span 5}.intro figure{grid-area:1/9/span 2/span 4}.maestro{background:var(--ghiaccio-2);padding-block:clamp(96px,12vw,184px)}.maestro .grid{align-items:center;row-gap:48px}.painting{grid-column:1/span 5}.painting .frame{box-shadow:0 1px 0 var(--linea), 0 28px 60px -34px #1e355373;background:#fbfcfd;padding:clamp(12px,1.6vw,22px)}.maestro .body-text{grid-column:7/span 6}.clima .grid{row-gap:32px}.clima h2{grid-column:1/span 5}.clima .body-text{columns:2 26ch;column-gap:var(--gap);grid-column:6/span 7}.bleed{margin-top:clamp(56px,8vw,112px)}.bleed img{object-fit:cover;object-position:50% 62%;width:100%;height:min(92vh,62vw)}.bleed figcaption{margin-inline:var(--gutter)}.storia .grid{row-gap:40px}.storia-head{grid-column:1/span 7}.storia-head p{color:var(--grigio-mare);max-width:46ch}.timeline{grid-column:1/span 7;margin:0;padding:0;list-style:none}.timeline li{gap:var(--gap);border-top:1px solid var(--linea);grid-template-columns:11ch minmax(0,1fr);padding-block:30px;display:grid}.timeline li:last-child{border-bottom:1px solid var(--linea)}.timeline p{max-width:56ch;margin:0}.year{font-family:var(--serif);color:var(--azzurro);font-variant-numeric:lining-nums;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.15}.storia-fig{grid-area:1/9/span 2/span 4;align-self:start;position:sticky;top:112px}.casa-head{grid-column:1/span 6}.facts{column-gap:var(--gap);grid-column:7/span 6;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;margin:0;display:grid}.facts div{border-top:1px solid var(--linea);padding-block:16px}.facts dt{color:var(--grigio-mare);font-size:14px}.facts dd{font-family:var(--serif);color:var(--maiolica);margin:2px 0 0;font-size:21px;line-height:1.3}.gallery{align-items:end;row-gap:clamp(64px,8vw,128px);margin-top:clamp(64px,8vw,120px)}.g1{grid-column:1/span 8}.g2{grid-column:10/span 3}.g3{grid-column:3/span 8}.g4{grid-column:1/span 6}.g5{grid-column:8/span 5}.g6{grid-column:1/span 4}.g7{grid-column:6/span 3}.g8{grid-column:10/span 3}.dove .grid{align-items:center;row-gap:48px}.dove .body-text{grid-column:1/span 5}.dove figure{grid-column:7/span 6}.address{font-style:normal;font-family:var(--serif);color:var(--maiolica);margin:28px 0 8px;font-size:clamp(24px,2vw,30px);line-height:1.3}.distances{margin:28px 0 32px}.distances div{border-top:1px solid var(--linea);justify-content:space-between;gap:16px;padding-block:12px;display:flex}.distances div:last-child{border-bottom:1px solid var(--linea)}.distances dt{color:var(--grigio-mare)}.distances dd{text-align:right;color:var(--maiolica);margin:0}.text-link{color:var(--maiolica);border-bottom:1px solid;padding-bottom:4px;text-decoration:none;transition:color .3s;display:inline-block}.text-link:hover{color:var(--azzurro)}.prenota{background:var(--azzurro);color:#fff;padding-block:clamp(96px,11vw,168px)}.prenota h2{color:#fff}.prenota .grid{align-items:end;row-gap:40px}.prenota .body-text{grid-column:1/span 6}.prenota .body-text p{color:#fff}.buttons{grid-column:8/span 5;gap:16px;display:grid}.btn{color:#fff;letter-spacing:.01em;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:16px;padding:12px 30px 12px 12px;font-size:17px;font-weight:450;text-decoration:none;transition:transform .35s,box-shadow .35s,background-color .35s;display:flex;box-shadow:0 14px 28px -18px #122134b3}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -18px #122134bf}.btn-mark{background:#fbfcfd;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.btn-mark svg{width:24px;height:24px}.btn-airbnb{background:#b05a5e}.btn-airbnb:hover{background:#a24f53}.btn-airbnb .btn-mark svg{fill:#c4676b}.btn-booking{background:#2f4f7f}.btn-booking:hover{background:#284570}.btn-booking .btn-mark svg{fill:#2f4f7f}.foot{background:var(--maiolica);color:#f3f6f8cc;font-size:15px;line-height:1.7}.foot .grid{row-gap:32px;padding-block:clamp(64px,8vw,104px) 36px}.foot .brand{color:var(--ghiaccio);grid-column:1/span 4;align-self:start}.foot address{grid-column:5/span 4;font-style:normal}.foot .legal{grid-column:9/span 4}.foot .legal p{margin:0}.foot-base{color:#f3f6f89e;border-top:1px solid #f3f6f824;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:24px;font-size:14px;display:flex}.foot-base a{text-decoration:none}.foot-base a:hover{color:var(--ghiaccio)}@media (max-width:1020px){.bar-nav{display:none}.intro .lead,.intro .body-text,.intro figure,.painting,.maestro .body-text,.clima h2,.clima .body-text,.storia-head,.timeline,.storia-fig,.casa-head,.facts,.dove .body-text,.dove figure,.prenota .body-text,.buttons,.foot .brand,.foot address,.foot .legal{grid-area:auto/1/auto/-1}.intro figure{max-width:520px}.painting{max-width:560px}.storia-fig{max-width:520px;position:static}.clima .body-text{columns:1}.g1,.g3,.g4,.g5{grid-column:1/-1}.g2,.g6,.g7,.g8{grid-column:span 6}}@media (max-width:640px){.bar{padding-block:14px}.brand-name{font-size:20px}.mark{width:30px;height:30px}.bar-book{padding:8px 14px;font-size:14px}.hero-scroll{display:none}.hero-title{font-size:clamp(44px,15vw,96px)}.timeline li{grid-template-columns:1fr;gap:8px}.facts{grid-template-columns:1fr}.g2,.g6,.g7,.g8{grid-column:1/-1}.foot-base{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hero-title,h2,.lead,.hero-sub,.brand-name,figcaption strong,.facts dd,.address,.year{font-synthesis:none;font-weight:440}.title-in-water .hero-title{color:#0000}.hero-title{font-family:var(--serif-titoli)}h2{font-family:var(--serif-sezioni)}@media (max-width:1020px){.hero-title{font-family:var(--serif-sezioni)}h2{font-family:var(--serif)}}