:root{--ink:#403c32;--blue:#944653;--paper:#fffaf1;--line:#ded4bf;--muted:#686354;--accent:#e6c5c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b77832;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}em{font-weight:400}h2{font-size:clamp(2.7rem,4.5vw,4.4rem);letter-spacing:-.04em;margin-bottom:30px}header{height:108px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.brand{font:32px/1 Georgia,serif;display:inline-flex;flex-direction:column;align-items:center}.brand span,.brand small{font:10px/1.8 Arial,sans-serif;letter-spacing:.26em}.brand small{font-size:9px;letter-spacing:.23em;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white;padding:17px 24px;border:1px solid var(--ink);font-size:14px;transition:background .2s}.button:hover{background:#783442}.button.small{padding:13px 21px;gap:25px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:630px}.hero-copy{padding:64px 10% 26px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:bold;margin-bottom:28px}h1{font-size:clamp(4.2rem,6.2vw,6.8rem);letter-spacing:-.055em;margin-bottom:30px}.hero h1 em{color:#944653}.lead{font-size:18px;line-height:1.6;margin-bottom:32px}.hero-photo{position:relative;overflow:hidden;background:#e4d9c3}.hero-photo>img{height:100%;position:absolute;object-position:50% 52%}.hero-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#403c3260)}.photo-label{position:absolute;bottom:26px;left:30px;color:white;z-index:1;font-size:13px;letter-spacing:.08em}.round-label{position:absolute;bottom:34px;right:30px;border-radius:50%;height:112px;width:112px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--paper);font-size:11px;letter-spacing:.15em;line-height:1.8;transform:rotate(9deg);z-index:1}.hero-bottom{display:flex;justify-content:space-between;margin-top:48px;gap:20px;font-size:10px;letter-spacing:.1em}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:23px 5%;background:var(--ink);color:white;font-size:12px;letter-spacing:.06em}.ribbon span:before{content:'✧';margin-right:16px;color:var(--accent)}.section{padding:100px 7%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:70px}.intro>.eyebrow{padding-top:12px}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.intro p:not(.eyebrow){color:var(--muted);margin-bottom:0}.apartments-section{background:#f1eadc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;line-height:1.9;margin:0}.muted{color:var(--muted)}.apartments{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.apartment{background:transparent;color:var(--ink);border:0;text-align:left;padding:0}.card-image{position:relative;overflow:hidden}.card-image img{height:260px;transition:transform .35s}.apartment:hover img{transform:scale(1.04)}.card-image>span{position:absolute;bottom:14px;left:14px;background:var(--paper);padding:5px 12px;font-size:12px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.card-top h3{font-size:30px;margin:0}.card-top>span{font-size:26px}.apartment p{font-size:13px;color:var(--muted);margin:9px 0 15px}.details{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:3px}.house-note{margin-top:50px;border-top:1px solid #d6cbb8;padding-top:25px;display:flex;gap:55px;font-size:14px}.house-note>span{white-space:nowrap;font-weight:bold}.house-note p{max-width:800px;margin:0;color:var(--muted)}.island{background:var(--ink);color:white}.island-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 80px}.island-copy>.eyebrow{grid-column:1/-1;color:var(--accent)}.island-copy>p:not(.eyebrow){max-width:430px;padding-top:10px;color:#514f3d}.island-copy .text-link{grid-column:2;margin-top:-20px;justify-self:start}.text-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid;font-size:14px}.island-gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px;margin-top:50px;align-items:end}.island-gallery figure{margin:0}.island-gallery img{height:220px}.island-gallery figure:first-child img{height:310px}.island-gallery figcaption{font-size:11px;letter-spacing:.06em;margin-top:15px;color:#555843}.arrival{display:grid;grid-template-columns:1fr 1fr;gap:90px}.arrival address{font-style:normal;margin-bottom:25px;color:var(--muted)}.travel{padding-top:45px}.travel details{border-bottom:1px solid var(--line);padding:24px 0}.travel summary{cursor:pointer;font-size:21px;list-style:none;display:flex;align-items:center;gap:25px}.travel summary:after{content:'+';margin-left:auto}.travel details[open] summary:after{content:'−'}.travel summary::-webkit-details-marker{display:none}.travel summary>span{font-size:12px;color:var(--muted)}.travel details p{color:var(--muted);font-size:14px;padding:20px 20px 0 42px;margin:0}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:13px;color:var(--muted);margin:0}.skip{position:fixed;top:-70px;padding:10px;background:white;z-index:30}.skip:focus{top:0}dialog{width:min(1000px,92vw);max-height:90vh;padding:50px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#403c32bd}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.dialog-copy h2{font-size:40px}.dialog-copy p{font-size:15px}.dialog-copy .eyebrow{font-size:12px}#dialog-image{height:380px;object-fit:contain;background:#f1eadc}.close{position:absolute;right:12px;top:8px;width:38px;height:38px;background:transparent;border:0;font-size:20px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px}.gallery-controls button{background:transparent;border:1px solid var(--line);width:44px;height:44px;color:var(--ink)}body.modal-open{overflow:hidden}
@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-copy{padding-top:80px}.hero{min-height:760px}}
@media(max-width:1000px){nav{gap:18px}nav>a{font-size:12px}.hero-copy{padding:50px 9% 25px}.hero{min-height:570px}h1{font-size:4.7rem}.section{padding:75px 6%}.intro{gap:30px;grid-template-columns:1fr 2.5fr}.intro-columns{gap:25px}.apartments{grid-template-columns:1fr 1fr}.card-image img{height:280px}.arrival,.contact{gap:40px}.island-copy{gap:0 30px}.island-copy h2{font-size:3rem}.ribbon{font-size:10px}.hero-bottom{font-size:9px}.section-heading>p{max-width:250px}}
@media(max-width:720px){html{scroll-padding-top:87px}header{height:87px;padding:14px 6%}.brand{font-size:26px}.brand span{font-size:9px}.brand small{font-size:8px;margin-top:6px}.menu{display:flex;align-items:center;gap:16px;border:0;background:transparent;color:var(--ink);font-size:14px;padding:12px 0}nav{display:none;position:absolute;top:87px;left:0;width:100%;padding:25px 6%;background:var(--paper);box-shadow:0 8px 12px #403c3220;align-items:stretch}nav.open{display:flex;flex-direction:column}nav>a{font-size:16px;padding:6px 0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 7% 26px}h1{font-size:clamp(3.8rem,13vw,5.5rem);margin-bottom:24px}.eyebrow{font-size:11px;margin-bottom:24px}.lead{font-size:16px}.hero-photo{height:390px}.hero-photo>img{object-position:50% 45%}.hero-bottom{margin-top:30px;font-size:9px}.round-label{width:92px;height:92px;font-size:9px}.ribbon{padding:20px 7%;justify-content:center}.ribbon span{font-size:11px}.ribbon span:nth-child(n+2){display:none}.section{padding:60px 7%}.intro{display:block}.intro-columns{grid-template-columns:1fr;gap:20px}h2{font-size:2.8rem}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:none}.apartments{grid-template-columns:1fr;gap:35px}.card-image img{height:300px}.house-note{display:block;margin-top:35px}.house-note p{margin-top:12px}.island-copy{display:block}.island-copy .text-link{margin-top:5px}.island-gallery{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:35px}.island-gallery figure:first-child{grid-column:1/-1}.island-gallery figure:first-child img{height:260px}.island-gallery img{height:180px}.island-gallery figcaption{font-size:10px}.arrival,.contact{grid-template-columns:1fr;gap:30px}.travel{padding-top:0}.travel summary{font-size:20px}.contact h2{font-size:2.8rem}.form-row{gap:12px}footer{padding:35px 7%;flex-wrap:wrap}footer p{display:none}footer>.text-link{font-size:12px}dialog{padding:50px 20px 25px}.dialog-layout{grid-template-columns:1fr;gap:22px}#dialog-image{height:270px}.dialog-copy h2{font-size:32px}.dialog-copy .button{width:100%;gap:10px}.button{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A rose-garden palette, soft paper surfaces and keepsake photographs. */
body{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:#fffaf1}
header{background:#fffaf1f5;border-bottom:1px solid #e8ddc9}
.brand{color:#944653}.brand small{color:#686354}
h1,h2,h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;letter-spacing:-.035em}
h1{font-size:clamp(3.7rem,5.5vw,5.8rem);line-height:1.13}
h1 em,h2 em{color:#944653}
.eyebrow{color:#7d514b;letter-spacing:.13em}
.button{background:#944653;border-color:#944653;border-radius:32px;padding:16px 26px;font-weight:600;font-size:14px}
.button:hover{background:#783442;border-color:#783442}
.button.small{padding:12px 20px;gap:18px}
.hero{padding:42px 5% 38px;gap:5%;grid-template-columns:1fr 1fr;min-height:650px;align-items:center}
.hero-copy{padding:15px 0 0}.hero-copy .eyebrow{margin-bottom:24px}.lead{font-size:17px;color:#686354;line-height:1.8}
.hero-photo{height:530px;width:100%;border:10px solid #fffdf7;border-radius:48% 48% 8px 8px;overflow:visible;box-shadow:0 6px 24px #65523c16;transform:rotate(2deg)}
.hero-photo>img{border-radius:inherit;object-position:50% 50%;height:100%}.hero-photo:after{border-radius:0 0 5px 5px;pointer-events:none}
.photo-label{font-family:Georgia,serif;font-style:italic;bottom:18px;left:22px;font-size:14px}
.round-label{transform:rotate(-10deg);bottom:23px;right:-24px;background:#f4d7d9;color:#793c48;width:118px;height:118px;box-shadow:0 3px 9px #65523c15;font-family:Georgia,serif;font-style:italic;font-size:17px;letter-spacing:0;line-height:1.25;flex-direction:column}
.round-label span{font-style:normal;font-size:28px;line-height:1.2;margin-bottom:3px}
.hero-bottom{margin-top:36px;color:#686354;font-size:11px}
.ribbon{background:#f1eadc;color:var(--ink);border-top:0;border-bottom:0;font-size:13px;padding:20px 5%}
.ribbon span:before{content:'';display:inline-block;width:28.5px;height:28.5px;background:url('assets/optimized/rose-soft-blush-transparent-192.webp') center/contain no-repeat;vertical-align:middle}
.intro{align-items:center;grid-template-columns:1fr 2fr;gap:75px}
.welcome-note{width:210px;justify-self:center;background:#fffdf7;padding:12px 12px 7px;transform:rotate(-5deg);box-shadow:0 5px 18px #65523c14}
.welcome-note img{height:175px}.welcome-note p{font-family:Georgia,serif;text-align:center;font-size:16px;margin:13px 0!important;color:#944653!important}
.apartments-section{border-radius:45px;margin:0 2%;padding-left:5%;padding-right:5%}
.card-image{border-radius:18px}.card-image>span{border-radius:18px;padding:5px 13px;background:#fffaf1}
.apartment{border-radius:23px;background:#fffaf1;padding:10px 10px 24px;box-shadow:0 3px 10px #6c563708}
.card-top,.apartment>p,.details{margin-left:12px;margin-right:12px}.card-top h3{font-size:28px}.card-top>span{color:#944653}.apartment p{font-size:14px}.details{color:#944653}.house-note{border-color:#d6cbb8}
.island{background:transparent;color:#403c32}.island-copy>.eyebrow{color:#7d514b}.island-copy>p:not(.eyebrow){color:#686354}
.island-gallery{padding:15px 8px}.island-gallery figure{background:#fffdf7;padding:10px 10px 18px;box-shadow:0 4px 18px #65523c16;transform:rotate(2deg)}.island-gallery figure:first-child{transform:rotate(-3deg)}.island-gallery figure:last-child{transform:rotate(-2deg)}.island-gallery figcaption{font-family:Georgia,serif;font-style:italic;color:#686354;font-size:14px;text-align:center;letter-spacing:0}
.arrival{background:#f1eadc;border-radius:45px;margin:0 2%;padding-left:5%;padding-right:5%}.travel details{border-color:#d6cbb8}.travel summary:after{color:#944653}.text-link{color:#7f404b}
.agency{text-align:center;max-width:900px;margin:0 auto;padding-top:75px;padding-bottom:75px}.agency h2{margin-bottom:22px}.agency>p:not(.eyebrow){color:#686354}.agency>.flower{color:#944653;font-size:48px;line-height:1;display:block;margin-bottom:20px}.agency .eyebrow{margin-bottom:20px}.agency .button{margin-top:12px}.agency-note{font-size:13px;margin-top:17px}
footer{border-top:1px solid #e5d9c3;background:#f5eddf}
dialog{border-radius:25px;box-shadow:0 20px 90px #403c3240}.close{border-radius:50%;color:#944653}#dialog-image{border-radius:15px;background:#f1eadc}.gallery-controls button{border-radius:50%;background:#fffaf1}.dialog-copy .button{font-size:13px;gap:10px}
@media(min-width:1500px){.hero{min-height:720px}.hero-photo{height:610px}.hero-copy{padding-top:20px}}
@media(max-width:1000px){nav{gap:15px}.hero{min-height:580px;gap:4%}.hero-photo{height:460px}h1{font-size:4.2rem}.intro{gap:35px}.welcome-note{width:180px}.welcome-note img{height:150px}.round-label{right:-15px}}
@media(max-width:720px){header{height:87px}.hero{padding:30px 7% 38px;gap:30px;min-height:0;grid-template-columns:1fr}.hero-copy{padding:0}h1{font-size:clamp(3.15rem,12.4vw,4.7rem);line-height:1.1}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero-photo{height:390px;width:94%;justify-self:center;border-width:8px}.lead{font-size:16px}.round-label{width:95px;height:95px;right:-19px;font-size:15px;bottom:22px}.round-label span{font-size:24px}.hero-bottom{font-size:10px}.ribbon{padding:17px 5%}.ribbon span{font-size:12px}.intro{display:flex;flex-direction:column-reverse;gap:30px}.welcome-note{width:185px;align-self:center}.intro h2,h2{font-size:2.7rem}.apartments-section,.arrival{border-radius:28px;margin:0 12px;padding:50px 18px}.card-image img{height:270px}.island-gallery{gap:24px 14px}.island-gallery figure{padding:7px 7px 12px}.island-gallery figcaption{font-size:12px}.island-gallery img{height:160px}.island-gallery figure:first-child img{height:240px}.agency{padding:60px 7%}.agency br{display:none}.agency h2 br{display:block}.agency-note{font-size:12px}.dialog-copy .button{font-size:13px}nav{background:#fffaf1}.house-note{font-size:14px}}
/* Language navigation and apartment-specific agency links. */
header{gap:20px}.brand{order:1;flex-shrink:0}header nav{order:2;margin-left:auto;gap:22px}.language-switch{order:3;display:flex;align-items:center;flex-shrink:0;gap:3px;padding:3px;border:1px solid #ded4bf;border-radius:24px}.language-switch a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:20px;font-size:12px;font-weight:600}.language-switch a[aria-current="page"]{background:#f1eadc;color:var(--ink)}.language-switch a:hover{background:#ded4bf;color:var(--ink)}.language-switch a[aria-current="page"]:hover{background:#f1eadc;color:var(--ink)}.menu{order:4}
h1{font-size:clamp(2.6rem,4.4vw,4.8rem);overflow-wrap:normal}
.apartment-entry{border-radius:23px;background:#fffaf1;min-width:0;padding-bottom:18px}.apartment-entry .apartment{display:block;width:100%;box-shadow:none;padding-bottom:14px}.apartment-booking{display:inline-block;margin:0 22px;color:#7f404b;font-size:14px;border-bottom:1px solid #c6a6a4;padding:5px 0}.apartment-booking:hover{color:#403c32;border-color:currentColor}
@media(max-width:1100px) and (min-width:721px){header{gap:12px;padding-left:3%;padding-right:3%}header nav{gap:12px}header nav .button{font-size:12px;padding:12px 14px}.brand{font-size:27px}.language-switch a{min-width:30px;font-size:11px}}
@media(max-width:850px){header nav>a:not(.button){font-size:12px}}
@media(max-width:720px){header{gap:14px;padding-left:6%;padding-right:6%}.language-switch{margin-left:auto}.language-switch a{min-width:32px;min-height:36px}.menu{gap:8px}header nav{margin-left:0;gap:18px}header nav>a:not(.button){font-size:16px}h1{font-size:clamp(2rem,9.7vw,3.8rem)}.hero{min-height:0}.hero-copy .eyebrow{font-size:11px}.agency h2{font-size:2.5rem}.apartment-entry{padding-bottom:20px}}
/* Main photograph: a straight rectangular frame. */
.hero-photo{border-radius:8px;transform:none}

/* Travel guidance without decorative numbering. */
.travel details p{padding-left:0;padding-right:0;font-size:15px;overflow-wrap:anywhere}.travel details p+p{padding-top:14px}.travel details p a:not(.text-link){text-decoration:underline;text-underline-offset:3px}.travel .text-link{font-size:14px}

/* Hover feedback stays in place; only apartment photos gently zoom. */
.hero-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.text-link:hover,.apartment-booking:hover{text-decoration:none}.text-link:hover{color:#5e3039}.button{transition:background-color .2s,border-color .2s}
/* Inset the dialog close control, clear of the rounded corner and content. */
#apartment-dialog{padding-top:80px}
#apartment-dialog .close{top:20px;right:24px;width:40px;height:40px;display:grid;place-items:center;padding:0;line-height:1;background:#f1eadc;border:1px solid #ded4bf;border-radius:50%;font-size:21px}
#apartment-dialog .close:hover{background:#efd9d4}
#apartment-dialog .close:focus-visible{outline:2px solid #944653;outline-offset:3px}
@media(max-width:720px){#apartment-dialog{padding-top:72px}#apartment-dialog .close{top:16px;right:18px}}

/* Apartment booking links use the shared button treatment. */
.apartment-entry .apartment-booking{display:inline-flex;margin:0 22px;padding:13px 19px;max-width:calc(100% - 44px);justify-content:center;text-align:center;border:1px solid #944653;border-radius:32px;background:#944653;color:white;font-size:13px;font-weight:600;text-decoration:none}
.apartment-entry .apartment-booking:hover{background:#783442;border-color:#783442;color:white;text-decoration:none}
.apartment-entry .apartment{padding-bottom:4px}

/* The panel receives initial focus; controls retain their keyboard focus indicators. */
#apartment-dialog:focus{outline:none}

/* The photo keeps its own outline within a stable, transparent gallery area. */
.gallery-stage{height:380px;display:flex;align-items:center;justify-content:center;min-width:0}
#dialog-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border-radius:15px}
@media(max-width:720px){.gallery-stage{height:270px}}
/* Compact booking actions align to the lower right of cards and detail panels. */
.apartment-entry{display:flex;flex-direction:column}
.apartment-entry .apartment-booking{align-self:flex-end;margin: auto 22px 0;padding:10px 16px;font-size:12px;min-height:40px}
.dialog-copy{display:flex;flex-direction:column;min-width:0}
#dialog-booking{align-self:flex-end;margin-top:auto;padding:11px 18px;font-size:12px;min-height:42px;width:auto;max-width:100%;text-align:center;justify-content:center}
@media(max-width:720px){#dialog-booking{margin-top:12px;width:auto}.apartment-entry .apartment-booking{padding:10px 16px}}

/* Bordered text links already have an underline; do not draw a second one. */
.text-link,.text-link:hover,.apartment-booking,.apartment-booking:hover{text-decoration:none}

/* Anchor each booking action to the bottom-left with consistent edge spacing. */
.apartment-entry{row-gap:16px;padding-bottom:22px}
.apartment-entry .apartment-booking{align-self:flex-start;margin:auto 22px 0}
/* Align the detail action with the photo, above the gallery controls. */
@media(min-width:721px){
 .dialog-layout{row-gap:10px}
 .dialog-layout>div:first-child{display:contents}
 .gallery-stage{grid-column:1;grid-row:1;height:auto;min-height:380px;align-items:center}
 #dialog-image{max-height:380px}
 .gallery-controls{grid-column:1;grid-row:2;margin-top:0}
 .dialog-copy{grid-column:2;grid-row:1}
}

#dialog-booking{align-self:flex-start}

/* Wild rose emblem. */
.agency>img.flower{width:54px;height:54px;margin:0 auto 20px;display:block}.round-label .rose-mark{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0;margin:0 auto 5px}

/* Approved handwritten lockup; crop only the surrounding blank canvas. */
.brand{display:block;width:360px;max-width:100%;line-height:0}
.brand .brand-lockup{display:block;width:100%;height:auto;aspect-ratio:6/1;object-fit:cover;object-position:center;background:transparent;mix-blend-mode:normal}
footer .brand{width:320px}
@media(min-width:1001px) and (max-width:1200px){header .brand{width:280px}header{gap:12px}header nav{gap:12px}}
@media(max-width:1000px){
 header{height:80px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;padding:12px 6%}
 header .brand{grid-column:1;grid-row:1;width:min(300px,100%);min-width:0;justify-self:start}
 .language-switch{grid-row:2;grid-column:1;justify-self:start;margin:0}
 .menu{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:center;justify-self:end;width:44px;height:44px;border:0;background:transparent;color:var(--ink);padding:10px}.menu-icon{display:flex;flex-direction:column;gap:5px;width:24px}.menu-icon>span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px}
 header nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:25px 6%;margin:0;background:var(--paper);box-shadow:0 8px 12px #403c3220;align-items:stretch}
 header nav.open{display:flex;flex-direction:column;gap:18px}
 header nav>a:not(.button){font-size:16px;padding:6px 0}
 html{scroll-padding-top:90px}
}

/* House and rose-garden photo composition. */
.hero-photo{height:auto;width:100%;padding:0 0 112px 24px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:visible}
.hero-photo:after{display:none}
.hero-photo>.hero-house{position:static;display:block;width:100%;height:auto;border-radius:6px;object-fit:contain;object-position:center}
.hero-garden{position:absolute;left:-18px;bottom:8px;width:36%;margin:0;padding:5px;background:var(--paper);border-radius:5px;box-shadow:0 4px 12px #403c3212}
.hero-garden img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.hero-photo .photo-label{position:static;margin:15px 0 0 36%;color:var(--muted);font-size:13px;letter-spacing:.03em;text-align:right;font-style:normal;line-height:1.5}
@media(max-width:1000px){.hero-photo{height:auto}.hero-garden{left:-8px;width:39%}}
@media(max-width:720px){.hero{gap:28px}.hero-photo{width:100%;height:auto;padding:0 0 92px 16px;border:0}.hero-garden{left:0;bottom:4px;width:38%}.hero-photo .photo-label{font-size:11px;margin-left:38%;margin-top:12px}}

/* Transparent soft blush rose with stronger contours and the full blossom visible. */
.agency>img.flower{width:93.6px;height:93.6px;margin:0 auto 20px;object-fit:contain;clip-path:none;mix-blend-mode:normal}
.ribbon span:before{background-size:contain;mix-blend-mode:normal}

/* Square evening photograph in a lightly tilted cream frame. */
.hero-photo{height:auto;width:100%;padding:10px 10px 14px;border:0;border-radius:4px;background:#fffdf7;transform:rotate(2deg);box-shadow:0 6px 24px #65523c16}
.hero-photo>.hero-house{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:2px}
.hero-photo .photo-label{margin:12px 4px 0;text-align:right;font-style:italic}
@media(max-width:720px){.hero-photo{width:96%;height:auto;padding:8px 8px 12px}.hero-photo .photo-label{margin:10px 3px 0}}

/* Caption-free garden photograph. */
.welcome-note{padding:12px}

/* Language selection follows the collapsed navigation on smaller screens. */
header .language-switch-mobile{display:none}
@media(max-width:1000px){
 header>.language-switch-desktop{display:none}
 header nav .language-switch-mobile{display:flex;align-self:flex-end;margin:0;order:-1}
 header nav .language-switch-mobile{padding:2px;gap:2px}header nav .language-switch-mobile a{min-width:30px;min-height:30px;font-size:10px}
}

/* Compact desktop language switch and explicit decorative flower images. */
@media(min-width:1001px){
 header>.language-switch-desktop{gap:2px;padding:2px}
 header>.language-switch-desktop a{min-width:30px;min-height:30px;font-size:10px}
}
.ribbon>span{display:inline-flex;align-items:center;gap:12px}
.ribbon>span::before{content:none;display:none}
.ribbon .ribbon-flower{display:block;flex:0 0 29px;width:29px;height:29px;object-fit:contain}

/* Language choice shares the first mobile navigation row. */
@media(max-width:1000px){
 header nav.open{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 16px}
 header nav>a{grid-column:1/-1}
 header nav>a:first-child{grid-row:1;grid-column:1}
 header nav .language-switch-mobile{grid-row:1;grid-column:2;justify-self:end;align-self:center;order:0}
}

/* Mobile feature messages cross-fade every four seconds without layout movement. */
@keyframes ribbon-message{
 0%,27%{opacity:1;transform:translateY(0);visibility:visible}
 33.333%,94%{opacity:0;transform:translateY(-5px);visibility:hidden}
 94.001%{opacity:0;transform:translateY(5px);visibility:visible}
 100%{opacity:1;transform:translateY(0);visibility:visible}
}
@media(max-width:720px){
 .ribbon{display:grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:center}
 .ribbon>span,.ribbon>span:nth-child(n+2){display:flex;grid-area:1/1;justify-content:center;animation:ribbon-message 12s infinite ease-in-out}
 .ribbon>span:nth-child(2){animation-delay:-8s}
 .ribbon>span:nth-child(3){animation-delay:-4s}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
 .ribbon{gap:10px}
 .ribbon>span,.ribbon>span:nth-child(n+2){grid-area:auto;animation:none;opacity:1;visibility:visible;transform:none}
}

/* Comparable capacity, floor area and sleeping arrangements on every card. */
.apartment-facts{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;margin:4px 12px 8px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.apartment-capacity{font-weight:600;color:var(--ink)}
.apartment-area{white-space:nowrap;color:var(--muted)}
.apartment-beds{flex-basis:100%;color:var(--muted);font-size:13px;overflow-wrap:anywhere}

/* Availability wording with a secondary agency line. */
.button.availability-cta{flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.4;text-align:center}
.availability-cta .booking-provider{display:block;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0}

/* A short introduction to the rental partner before the first onward visit. */
#booking-notice{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:36px;border-radius:24px;overflow-y:auto}
#booking-notice:focus{outline:none}
#booking-notice-copy{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:24px}
.booking-notice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
#booking-notice-continue{justify-content:center;text-align:center;max-width:100%;padding:13px 20px}
#booking-notice-cancel{border:0;background:transparent;color:var(--muted);padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:14px}
#booking-notice .booking-notice-note{font-size:12px;color:var(--muted);margin:16px 0 0}
@media(max-width:480px){#booking-notice{padding:28px 24px}.booking-notice-actions{flex-direction:column;align-items:stretch;gap:6px}}