/* ── Homepage additions (home.css) ── */

/* Menu: logo instead of text */
.menu-brand-logo{display:block;line-height:0}
.menu-brand-logo img{height:68px;width:auto}

/* "Deux adresses" heading, now its own band between the intro and the two riads */
.riad-pair-intro{padding:120px 8% 90px;text-align:center;background:var(--paper);color:var(--green)}
.riad-pair-intro .eyebrow{color:var(--terracotta)}
.riad-pair-intro h2{font-size:63px;line-height:1.05;margin:24px auto 24px}
.riad-pair-intro p{font-size:18px;max-width:520px;margin:0 auto;color:var(--ink)}

/* "La ville rouge, autrement": pinned until the whole photo has been seen */
.panorama.is-pinned{height:220vh;min-height:0;display:block;overflow:visible;place-items:initial}
.panorama.is-pinned .panorama-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.panorama.is-pinned .panorama-sticky>img{position:absolute;top:0;left:0;right:auto;bottom:auto;max-width:none;filter:brightness(.62);will-change:transform;transform-origin:0 0}
.panorama-sticky{display:contents}
.panorama-progress{display:none}
.panorama.is-pinned .panorama-progress{display:block;position:absolute;left:50%;bottom:44px;width:120px;height:1px;margin-left:-60px;background:#ffffff40}
.panorama.is-pinned .panorama-progress i{position:absolute;inset:0;background:var(--terracotta);transform:scaleX(0);transform-origin:left}

@media(max-width:760px){
 .menu-brand-logo img{height:52px}
 .riad-pair-intro{padding:80px 7% 60px}
 .riad-pair-intro p{font-size:16px}
 .riad-pair-intro h2{font-size:40px}
 .panorama.is-pinned{height:200vh}
}

/* Interlude between the two riads and the riad section: an arch that opens on scroll */
.riad-interlude{display:grid;grid-template-columns:1fr minmax(240px,26vw) 1fr;align-items:center;gap:4.5vw;padding:130px 7%;background:var(--paper);color:var(--green);overflow:hidden}
.riad-interlude-side{display:flex;flex-direction:column;gap:22px;will-change:transform,opacity}
.riad-interlude-side.is-left{align-items:flex-end;text-align:right;transform:translate3d(calc(var(--tx,0px) * -1),0,0);opacity:var(--o,1)}
.riad-interlude-side.is-right{align-items:flex-start;transform:translate3d(var(--tx,0px),0,0);opacity:var(--o,1)}
.riad-interlude .riad-interlude-line{font:300 clamp(36px,4.2vw,66px)/1.08 var(--serif);letter-spacing:-.02em;color:var(--green);max-width:none}
.riad-interlude-line em{font-style:italic}
.riad-interlude-side p:not(.riad-interlude-line){font-size:16px;line-height:1.7;max-width:300px;color:var(--ink)}
.riad-interlude-frame{position:relative;transform:scale(var(--a,1));will-change:transform}
.riad-interlude-frame:before{content:'';position:absolute;inset:-16px;border:1px solid #b95c4770;border-radius:999px 999px 0 0;pointer-events:none}
.riad-interlude-arch{aspect-ratio:3/4.3;border-radius:999px 999px 0 0;overflow:hidden;background:#dddcd2}
.riad-interlude-arch img{width:100%;height:100%;object-fit:cover;transform:scale(var(--s,1));will-change:transform}
@media(max-width:860px){
 .riad-interlude{grid-template-columns:1fr;justify-items:center;gap:40px;padding:90px 8%}
 .riad-interlude-side.is-left,.riad-interlude-side.is-right{align-items:center;text-align:center}
 .riad-interlude-frame{width:min(72vw,340px)}
 .riad-interlude .riad-interlude-line{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.riad-interlude-side,.riad-interlude-frame,.riad-interlude-arch img{transform:none!important;opacity:1!important}}

/* Interlude: the two slogans, each with its line of text */
.riad-interlude .riad-interlude-side p.riad-interlude-text{width:100%;max-width:none;text-align:center;font-size:16px;line-height:1.7;color:var(--ink)}

/* Keyhole-door shape (from the reference icon) for the arch photos */
:root{--door-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22180.14 145.84 143.56 215.35%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23000%22 d=%22M180.14 361.19V267.01H184.06C184.06 267.01 184.06 262.27 187.05 258.87C190.04 255.46 195.2 256.28 195.2 256.28V251.95H198.29V247.2C191.26 236.81 187.15 224.29 187.15 210.8C187.15 174.99 216.12 145.95 251.92 145.84C287.72 145.95 316.69 174.99 316.69 210.8C316.69 224.29 312.58 236.81 305.55 247.2V251.95H308.64V256.28C308.64 256.28 313.8 255.46 316.79 258.87C319.78 262.27 319.78 267.01 319.78 267.01H323.7V361.19Z%22/%3E%3C/svg%3E");--door-line:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22179.14 144.84 145.56 217.35%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22none%22 stroke=%22%23b95c47%22 stroke-opacity=%22.55%22 stroke-width=%221%22 vector-effect=%22non-scaling-stroke%22 d=%22M180.14 361.19V267.01H184.06C184.06 267.01 184.06 262.27 187.05 258.87C190.04 255.46 195.2 256.28 195.2 256.28V251.95H198.29V247.2C191.26 236.81 187.15 224.29 187.15 210.8C187.15 174.99 216.12 145.95 251.92 145.84C287.72 145.95 316.69 174.99 316.69 210.8C316.69 224.29 312.58 236.81 305.55 247.2V251.95H308.64V256.28C308.64 256.28 313.8 255.46 316.79 258.87C319.78 262.27 319.78 267.01 319.78 267.01H323.7V361.19Z%22/%3E%3C/svg%3E")}
.riad-interlude-arch{aspect-ratio:2/3;border-radius:0;-webkit-mask:var(--door-mask) 0 0/100% 100% no-repeat;mask:var(--door-mask) 0 0/100% 100% no-repeat}
.riad-interlude-frame:before{border:0;border-radius:0;background:var(--door-line) 0 0/100% 100% no-repeat}
.riad-interlude-frame:before{inset:-18px -12px}