:root{--ink:#27332e;--cream:#f4f0e8;--rust:#a64e35;--sand:#ded5c4;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:16px}.site-header{height:76px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:3;color:#fff}.brand{color:inherit;text-decoration:none;font-family:var(--serif);font-size:20px;letter-spacing:-.7px}.brand span{font-style:italic;font-weight:500}nav{display:flex;align-items:center;gap:30px}nav a{color:inherit;text-decoration:none;font-size:13px}.nav-cta{border:1px solid currentColor;padding:10px 16px;border-radius:50px}.menu-button{display:none}.hero{min-height:720px;height:100vh;max-height:900px;background:linear-gradient(90deg,rgba(20,30,25,.62),rgba(20,30,25,.13)),url('https://images.unsplash.com/photo-1544986581-efac024faf62?auto=format&fit=crop&w=1800&q=85') center/cover;position:relative;color:#fff;padding:150px 10vw 80px}.hero-content{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;margin:0 0 18px}.hero h1,h2{font-family:var(--serif);font-size:clamp(44px,6vw,84px);font-weight:500;letter-spacing:-3px;line-height:.98;margin:0}.hero h1 em,h2 em{font-weight:500}.hero-intro{max-width:390px;font-size:16px;line-height:1.6;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--rust);color:#fff;border:0;padding:16px 19px;font:600 12px var(--sans);text-decoration:none;cursor:pointer}.button.light{background:#fff;color:var(--ink)}.button span{font-size:18px;font-weight:400}.hero-note{position:absolute;right:6vw;bottom:45px;font-size:11px;letter-spacing:1px;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue{position:absolute;left:5.5vw;bottom:38px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}.scroll-cue span{font-size:18px;display:block;margin:6px}.section{padding:125px 10vw}.split-heading{display:grid;grid-template-columns:1.2fr .65fr;gap:9vw;margin-top:26px}.split-heading h2{font-size:clamp(38px,4vw,58px)}.split-heading p,.floorplan>div>p,.neighbourhood-copy>p,.booking>div>p{line-height:1.7;font-size:15px;margin:8px 0 22px}.text-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #929a94;padding-bottom:7px}.text-link span{margin-left:12px;font-size:18px}.facts{border-top:1px solid #bdbcb5;margin-top:80px;padding-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.facts strong{font-family:var(--serif);font-size:39px;font-weight:500;display:block}.facts span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.section-image{height:650px;padding:0;background:linear-gradient(0deg,rgba(25,35,30,.4),transparent 60%),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=85') center/cover;position:relative}.image-caption{position:absolute;bottom:46px;left:10vw;color:white;max-width:340px}.image-caption p:last-child{font:25px/1.2 var(--serif);margin:0}.services{background:#e6dfd2}.services h2{font-size:clamp(42px,5vw,67px);margin-top:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:75px}.service-grid article{border-top:1px solid #a9aaa1;padding-top:22px}.service-grid span{font:29px var(--serif)}.service-grid h3{font:500 21px var(--serif);margin:22px 0 10px}.service-grid p{font-size:13px;line-height:1.7;margin:0}.gallery{background:#f9f7f2}.gallery-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.gallery-top h2{font-size:clamp(40px,4.6vw,62px)}.gallery-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:260px 260px;gap:16px}.gallery figure{margin:0;background-size:cover;background-position:center;position:relative}.gallery figcaption{color:#fff;position:absolute;left:16px;bottom:14px;font:18px var(--serif)}.g1{grid-row:span 2;background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85')}.g2{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=800&q=85')}.g3{background-image:url('https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=800&q=85')}.g4{grid-column:span 2;background-image:url('https://images.unsplash.com/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=1000&q=85')}.floorplan{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.floorplan h2{font-size:clamp(39px,4vw,58px);margin:12px 0 22px}.plan{height:410px;border:8px solid var(--ink);position:relative;background:#eae4d8}.room{position:absolute;border:4px solid var(--ink);display:flex;align-items:center;justify-content:center;font:15px var(--serif)}.living{inset:0 42% 0 0}.bedroom{top:0;right:0;width:42%;height:48%}.bedroom.two{top:48%;height:52%}.bath{top:34%;right:42%;width:25%;height:36%;background:#d8c8b2}.door{position:absolute;bottom:12px;left:50%;font-size:11px;text-transform:uppercase;letter-spacing:1px}.neighbourhood{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.neighbourhood-image{min-height:650px;background:url('https://images.unsplash.com/photo-1552832230-c0197dd311b5?auto=format&fit=crop&w=1400&q=85') center/cover}.neighbourhood-copy{padding:10vw 9vw}.neighbourhood-copy h2{font-size:clamp(40px,4vw,62px);margin:12px 0 22px}.nearby{margin-top:40px;display:flex;gap:26px}.nearby span{font:25px var(--serif)}.nearby small{display:block;font:10px var(--sans);text-transform:uppercase;letter-spacing:1px;margin-top:7px}.reviews{text-align:center;padding-block:145px}.review-quote{max-width:900px;margin:35px auto 0}.quote-mark{font:76px/1 var(--serif);color:var(--rust)}blockquote{margin:0;font:clamp(28px,3.5vw,48px)/1.15 var(--serif);letter-spacing:-1.5px}blockquote+p{margin-top:28px;font-size:12px}.review-quote p span{color:var(--rust);letter-spacing:2px;margin-left:15px}.review-pager{margin:52px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px}.review-pager i{height:1px;width:68px;background:#9aa099}.review-pager b{color:var(--rust)}.booking{background:var(--sand);padding:95px 10vw;display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:center}.booking h2{font-size:clamp(40px,4vw,60px);margin:12px 0 22px}.booking form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.booking input,.booking select{display:block;width:100%;margin-top:8px;border:1px solid #b5afa3;background:transparent;padding:14px 12px;font:13px var(--sans);color:var(--ink);appearance:none}.booking .button{grid-column:span 2;margin-top:8px;width:100%}footer{background:#1c2622;color:#fff;padding:62px 10vw 28px;display:grid;grid-template-columns:1.4fr 1.5fr 1fr;gap:20px}footer p,footer a{font-size:13px;color:#d7d8d2;text-decoration:none}footer div{display:flex;gap:18px;justify-content:flex-end}footer small{grid-column:1/-1;border-top:1px solid #46504b;padding-top:22px;color:#a8aea9;font-size:10px;margin-top:35px}
:root{--ink:#2b4038;--cream:#faf7f1;--rust:#b96d55;--sand:#ebe2d6}body{background:var(--cream);letter-spacing:.005em}.site-header{position:absolute;height:82px;padding-inline:6vw}.site-header::after{content:'';position:absolute;inset:13px 4vw;border:1px solid rgba(255,255,255,.5);border-radius:999px;pointer-events:none}.site-header>*{position:relative;z-index:1}.brand{font-size:21px}nav{gap:27px}.hero{min-height:760px;background-position:center 58%;padding-top:180px}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,48,41,.52) 0%,rgba(31,48,41,.2) 46%,rgba(255,250,241,.08) 100%);pointer-events:none}.hero-content,.hero-note,.scroll-cue{z-index:1}.hero-content{position:relative}.hero h1{font-size:clamp(52px,6.5vw,90px);text-shadow:0 2px 28px rgba(29,43,36,.15)}.hero-intro{font-size:17px;max-width:430px}.button{border-radius:2px;box-shadow:0 9px 22px rgba(68,42,31,.12);transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(68,42,31,.18)}.section{padding-block:138px}.intro{background:linear-gradient(135deg,#fcf9f3 0%,#f5eee4 100%)}.facts{border-color:#d6cabe}.section-image{margin:0 4vw;height:620px;border-radius:2px}.image-caption{left:6vw;bottom:54px}.services{background:#efe6da}.service-grid article{border-color:#cbbbac}.gallery{background:#fcfaf6}.gallery-grid{gap:20px}.gallery figure{border-radius:2px;overflow:hidden;box-shadow:0 12px 28px rgba(66,54,44,.08)}.gallery figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,37,31,.38),transparent 45%)}.gallery figcaption{z-index:1}.floorplan{background:#f8f2e9}.plan{box-shadow:10px 10px 0 #dcccb9}.neighbourhood{background:#334940}.neighbourhood-image{filter:saturate(.78) brightness(1.08)}.booking{background:linear-gradient(120deg,#e9ddcc,#f1e7dc)}footer{background:#263832}.language-button{backdrop-filter:blur(8px);background:rgba(255,255,255,.08)}
@media(max-width:720px){.site-header{height:67px}.site-header::after{inset:9px 4vw}.hero{min-height:690px;padding:138px 8vw 70px;background-position:center}.hero h1{font-size:50px}.section{padding-block:82px}.section-image{height:450px;margin:0 4vw}.image-caption{left:7vw;bottom:32px}.gallery-grid{gap:10px}.plan{box-shadow:6px 6px 0 #dcccb9}}

/* Scatti diurni di Trastevere, scelti per una luce morbida e mediterranea */
.hero{background-image:linear-gradient(90deg,rgba(37,57,49,.46),rgba(37,57,49,.12) 58%,rgba(255,249,241,.08)),url('https://images.unsplash.com/photo-1685562249871-8948aeda70a9?auto=format&fm=jpg&q=85&w=2400')}.section-image{background-image:linear-gradient(0deg,rgba(31,50,41,.34),transparent 62%),url('https://images.unsplash.com/photo-1588778943428-cec10a6f1666?auto=format&fm=jpg&q=85&w=2400')}.g1{background-image:url('https://images.unsplash.com/photo-1526928008744-c86c7051aab6?auto=format&fm=jpg&q=85&w=1800')}.g2{background-image:url('https://images.unsplash.com/photo-1685562249871-8948aeda70a9?auto=format&fm=jpg&q=85&w=1600')}.g3{background-image:url('https://images.unsplash.com/photo-1588778943428-cec10a6f1666?auto=format&fm=jpg&q=85&w=1600')}.g4{background-image:url('https://images.unsplash.com/photo-1526928008744-c86c7051aab6?auto=format&fm=jpg&q=85&w=2200')}.neighbourhood-image{background-image:url('https://images.unsplash.com/photo-1685562249871-8948aeda70a9?auto=format&fm=jpg&q=85&w=1800')}
@media(max-width:720px){.site-header{height:67px;padding:0 6vw}.site-header nav{display:none}.menu-button{display:block;border:0;background:transparent;width:32px;padding:7px 0}.menu-button i{display:block;height:1px;background:#fff;margin:6px 0}.hero{min-height:680px;padding:140px 8vw 70px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-note{display:none}.section{padding:78px 7vw}.split-heading,.floorplan,.booking{grid-template-columns:1fr;gap:34px}.facts{margin-top:48px;grid-template-columns:1fr 1fr;gap:27px}.section-image{height:480px}.image-caption{left:7vw;bottom:30px}.service-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.gallery-top{align-items:start;gap:18px;flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 190px 190px}.g1{grid-row:span 1;grid-column:span 2}.g4{grid-column:span 2}.floorplan .plan{height:330px}.neighbourhood{grid-template-columns:1fr}.neighbourhood-image{min-height:370px}.neighbourhood-copy{padding:75px 7vw}.nearby{gap:18px}.reviews{padding-block:85px}.booking{padding:76px 7vw}.booking form{grid-template-columns:1fr}.booking .button{grid-column:span 1}footer{padding:55px 7vw 25px;grid-template-columns:1fr;gap:10px}footer div{justify-content:flex-start;margin-top:15px}footer small{margin-top:23px}.scroll-cue{left:7vw}}

/* Immagini di Roma e Trastevere per l'anteprima */
.hero{background-image:linear-gradient(90deg,rgba(20,30,25,.62),rgba(20,30,25,.13)),url('https://leahtravels.com/wp-content/uploads/2011/10/288444318_c8e5a65532_z.jpg')}.section-image{background-image:linear-gradient(0deg,rgba(25,35,30,.4),transparent 60%),url('https://wheatlesswanderlust.com/wp-content/uploads/2022/12/An-evening-in-Trastevere-1024x682.jpg')}.g1{background-image:url('https://lp-cms-production.imgix.net/2019-06/819cfc1475708c14d6df95c566a53370c86f48dd1af6a3164ff69576b8625ccd.jpg')}.g2{background-image:url('https://timelessitaly.files.wordpress.com/2014/10/img_0813.jpg?w=1024')}.g3{background-image:url('https://ronreizen.s3.amazonaws.com/296/conversions/bab2df5f5e198175461f5ff12a725ecc-main.jpg')}.g4{background-image:url('https://www.frikiporviajar.com/wp-content/uploads/2022/02/trastevere-calles.jpg')}.neighbourhood-image{background-image:url('https://hikevent.com/wp-content/uploads/2025/05/nocnyrim_hua-16.webp')}
.language-picker{position:relative;margin-left:18px}.language-button{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.68);border-radius:50px;background:transparent;color:#fff;padding:8px 10px;font:700 10px var(--sans);letter-spacing:.8px;cursor:pointer}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);width:142px;padding:6px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}.language-picker.open .language-menu{display:block}.language-menu button{display:block;width:100%;padding:10px 11px;border:0;background:transparent;text-align:left;color:var(--ink);font:13px var(--sans);cursor:pointer}.language-menu button:hover{background:var(--cream)}@media(max-width:720px){.language-picker{position:absolute;right:55px;top:18px;margin:0}.language-button{padding:8px}.language-menu{top:42px}.site-header nav.open{display:flex;position:absolute;top:67px;left:0;right:0;padding:26px 7vw;flex-direction:column;align-items:flex-start;background:var(--ink);gap:20px}}

/* Trastevere in primavera: toni caldi, fiori e luminosità appena attenuata. */
.hero{background-image:linear-gradient(90deg,rgba(55,42,31,.56),rgba(73,48,31,.17) 64%,rgba(88,56,36,.08)),url('https://images.unsplash.com/photo-1645391989728-6230262407b4?auto=format&fit=crop&fm=jpg&q=84&w=2400');background-position:center 52%}
.section-image{background-image:linear-gradient(0deg,rgba(60,39,27,.4),rgba(105,65,39,.08) 72%),url('https://images.unsplash.com/photo-1652794691816-65da24a9f476?auto=format&fit=crop&fm=jpg&q=84&w=2400');background-position:center 52%}
.g1{background-image:url('https://images.unsplash.com/photo-1526928008744-c86c7051aab6?auto=format&fit=crop&fm=jpg&q=84&w=1800');background-position:center 48%}
.g2{background-image:url('https://images.unsplash.com/photo-1645391989728-6230262407b4?auto=format&fit=crop&fm=jpg&q=84&w=1600');background-position:center 50%}
.g3{background-image:url('https://images.unsplash.com/photo-1731707668308-693445172d95?auto=format&fit=crop&fm=jpg&q=84&w=1600');background-position:center 52%}
.g4{background-image:url('https://images.unsplash.com/photo-1685562249871-8948aeda70a9?auto=format&fit=crop&fm=jpg&q=84&w=2200');background-position:center 48%}
.gallery figure::after{background:linear-gradient(0deg,rgba(58,37,25,.42),rgba(105,64,38,.08) 68%)}
.neighbourhood-image{background-image:linear-gradient(rgba(89,54,34,.08),rgba(89,54,34,.08)),url('https://images.unsplash.com/photo-1652794691816-65da24a9f476?auto=format&fit=crop&fm=jpg&q=84&w=1800');background-position:center 52%;filter:saturate(.86) sepia(.08) brightness(.96)}
.language-menu button[aria-current="true"]{background:var(--cream);font-weight:700}

/* Boutique romantico: Trastevere di giorno, fiori, tavolini e luce dorata. */
:root{--ink:#3b2d2e;--cream:#fcf7f2;--rust:#9e4f58;--sand:#eadad7}
body{background:#fcf7f2}
.intro{background:linear-gradient(135deg,#fffaf6 0%,#f5e9e4 100%)}
.services{background:#f0e2df}
.gallery{background:#fffaf7}
.floorplan{background:#f8eeea}
.booking{background:linear-gradient(120deg,#ead8d3,#f5e9e5)}
.neighbourhood{background:#453033}
footer{background:#2f2224}
.button{border-radius:999px;letter-spacing:.04em}
.text-link{border-color:#b99191}
.section-image{border-radius:7px;box-shadow:0 24px 60px rgba(69,42,40,.12)}
.gallery figure{border-radius:7px;box-shadow:0 18px 38px rgba(69,42,40,.12)}
.service-grid article{border-color:#cdb4b1}
.plan{background:#efe1dd;box-shadow:10px 10px 0 #d9beb9}
.hero{background-image:linear-gradient(90deg,rgba(49,31,33,.64),rgba(79,47,42,.2) 64%,rgba(101,64,45,.08)),url('https://images.unsplash.com/photo-1569230516306-5a8cb5586399?auto=format&fit=crop&fm=jpg&q=86&w=2400');background-position:center 54%}
.hero::after{background:linear-gradient(90deg,rgba(55,33,35,.36) 0%,rgba(55,33,35,.08) 55%,transparent 100%)}
.section-image{background-image:linear-gradient(0deg,rgba(55,33,35,.44),rgba(101,64,45,.06) 72%),url('https://images.unsplash.com/photo-1645391989728-6230262407b4?auto=format&fit=crop&fm=jpg&q=86&w=2400');background-position:center 52%}
.g1{background-image:url('https://images.unsplash.com/photo-1645391989728-6230262407b4?auto=format&fit=crop&fm=jpg&q=86&w=1800');background-position:center 48%}
.g2{background-image:url('https://images.unsplash.com/photo-1569230516306-5a8cb5586399?auto=format&fit=crop&fm=jpg&q=86&w=1600');background-position:center 54%}
.g3{background-image:url('https://images.unsplash.com/photo-1526928008744-c86c7051aab6?auto=format&fit=crop&fm=jpg&q=86&w=1600');background-position:center 48%}
.g4{background-image:url('https://images.unsplash.com/photo-1731707668308-693445172d95?auto=format&fit=crop&fm=jpg&q=86&w=2200');background-position:center 52%}
.gallery figure::after{background:linear-gradient(0deg,rgba(54,31,33,.46),rgba(106,66,45,.06) 68%)}
.neighbourhood-image{background-image:linear-gradient(rgba(90,53,47,.1),rgba(90,53,47,.1)),url('https://images.unsplash.com/photo-1685562249871-8948aeda70a9?auto=format&fit=crop&fm=jpg&q=86&w=1800');background-position:center 52%;filter:saturate(.82) sepia(.08) brightness(.94)}

/* Planimetria reale fornita dalla proprietà. */
.floorplan .plan{height:auto;margin:0;padding:22px;background:#f8ede8;border:1px solid #d9bbb8;border-radius:7px;overflow:hidden;box-shadow:0 20px 46px rgba(69,42,40,.14)}
.floorplan .plan img{display:block;width:100%;height:auto;object-fit:contain}
.plan-canvas{position:relative}
.plan-label{position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;padding:4px 8px;border-radius:999px;background:rgba(252,247,242,.96);color:#3b2d2e;font:500 16px/1.08 var(--serif);text-align:center;white-space:nowrap}
.plan-entrance{left:28.5%;top:19%;max-width:24%}.plan-height{left:68.5%;top:24.8%;max-width:24%;color:#7b3f48;font-size:14px}.plan-living{left:68.5%;top:34.5%;max-width:30%}.plan-kitchen{left:21.5%;top:69.5%;max-width:28%}.plan-bath{left:46.5%;top:80.5%;max-width:24%}.plan-bedroom{left:74.5%;top:69.5%;max-width:38%}
@media(max-width:720px){.floorplan .plan{height:auto;padding:10px;box-shadow:0 14px 30px rgba(69,42,40,.13)}}
@media(max-width:720px){.plan-label{padding:2px 4px;font-size:9px}.plan-height{font-size:8px}}

/* CTA hero compatta su smartphone, con freccia tipografica come su desktop. */
.hero .button-arrow{font-family:Arial,sans-serif;font-size:18px;font-weight:400;line-height:1}
@media(max-width:720px){.hero .button{gap:20px;padding:12px 17px;font-size:12px;line-height:1}.hero .button span:first-child{font-size:12px}.hero .button-arrow{font-size:16px}}

/* Più respiro tra lingua e menu su smartphone. */
@media(max-width:720px){.language-picker{right:74px}}