@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/crimson-pro-400.woff2) format("woff2")}@font-face{font-family:"Crimson Pro";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/crimson-pro-italic-400.woff2) format("woff2")}@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/figtree-400-600.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-500-aljoud.woff2) format("woff2")}@font-face{font-family:"Figtree Fallback";src:local("Arial"),local("ArialMT");size-adjust:100.5%;ascent-override:94.5%;descent-override:24.9%;line-gap-override:0%}@font-face{font-family:"Crimson Fallback";font-style:normal;src:local("Times New Roman"),local("TimesNewRomanPSMT");size-adjust:96.79%;ascent-override:92.62%;descent-override:22.2%;line-gap-override:0%}@font-face{font-family:"Crimson Fallback";font-style:italic;src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT");size-adjust:89.85%;ascent-override:99.77%;descent-override:23.91%;line-gap-override:0%}:root{--white: #FFFFFF;--ivory: #FBF8F3;--terra: #C46843;--terra-ink: #A9532F;--terra-deep: #8E4426;--ink: #231F20;--taupe: #8C7B6B;--taupe-ink: #6F6054;--sand: #EDE6DA;--line: #E6DDCF;--serif: "Crimson Pro","Crimson Fallback",Georgia,"Times New Roman",serif;--sans: "Figtree","Figtree Fallback",Arial,system-ui,sans-serif;--arabic: "IBM Plex Sans Arabic","Noto Naskh Arabic","Geeza Pro",serif;--gutter: clamp(16px,3vw,44px);--max: 1360px;--space: clamp(3.5rem,6.5vw,5.75rem);--r-sm: 12px;--r: 18px;--r-lg: 28px;--arch: 999px 999px 6px 6px;--ease: cubic-bezier(.22,.7,.2,1);--header-h: 84px;--glow: 0 50px 90px -40px rgb(196 104 67 / .45),0 30px 60px -45px rgb(35 31 32 / .35);color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 1rem)}body{margin: 0;background: var(--white);color: var(--ink);font: 400 1rem/1.6 var(--sans);text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;overflow-x: clip}img,svg,video,iframe{display: block;max-width: 100%}img{height: auto}picture{display: contents}h1,h2,h3,h4{font-family: var(--serif);font-weight: 400;line-height: 1;margin: 0 0 .45em;letter-spacing: -.02em;text-wrap: balance}h1{font-size: clamp(3rem,1.9rem + 4.4vw,6.4rem);line-height: .95}h2{font-size: clamp(2.4rem,1.6rem + 3.2vw,4.9rem)}h3{font-size: clamp(1.5rem,1.3rem + .7vw,2rem);letter-spacing: -.01em}h1 em,h2 em,h3 em{font-style: italic;color: var(--terra)}p{margin: 0 0 1.1em;text-wrap: pretty}a{color: var(--terra-ink);text-decoration-thickness: 1px;text-underline-offset: .22em}a:hover{color: var(--terra-deep)}strong{font-weight: 600}ul,ol{padding-left: 1.2em}sup{line-height: 0}:focus-visible{outline: 2px solid var(--terra-ink);outline-offset: 3px;border-radius: 4px}::selection{background: var(--sand);color: var(--ink)}.ar{font-family: var(--arabic);font-weight: 500;font-style: normal;color: var(--terra);letter-spacing: 0}p .ar,.eyebrow .ar{color: var(--terra-ink)}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip{position: fixed;left: 1rem;top: -4rem;z-index: 100;background: var(--ink);color: var(--white);padding: .75rem 1.1rem;border-radius: 999px;text-decoration: none;transition: top .2s}.skip:focus{top: 1rem;color: var(--white)}.todo{display: inline;font: 600 .76rem/1.5 var(--sans);letter-spacing: .01em;font-style: normal;text-transform: none;color: #7A2E12;background: #FCEBD9;border: 1px dashed #C46843;border-radius: 4px;padding: .05em .4em;-webkit-box-decoration-break: clone;box-decoration-break: clone}.progress{position: fixed;inset: 0 0 auto 0;height: 2px;z-index: 60;background: var(--terra);transform-origin: 0 50%;transform: scaleX(0);display: none;pointer-events: none}.topbar{background: var(--ivory);border-bottom: 1px solid var(--line);font: 600 .7rem/1 var(--sans);letter-spacing: .1em;text-transform: uppercase}.topbar-inner{display: flex;align-items: center;gap: 1rem;max-width: 1480px;margin-inline: auto;padding: 0 var(--gutter);min-height: 40px}.topbar-info{display: flex;align-items: center;gap: .55rem;margin: 0;color: var(--ink);min-width: 0}.topbar-info svg{width: 14px;height: 14px;color: var(--terra);flex: none}.topbar-info span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.topbar-extra{display: none;color: var(--taupe-ink)}.topbar-extra::before{content: "·";margin: 0 .7rem}.langs{display: flex;align-items: center;gap: .2rem;list-style: none;margin: 0 0 0 auto;padding: 0}.lang{display: inline-block;padding: .45rem .4rem;color: var(--taupe-ink);text-decoration: none}a.lang:hover{color: var(--terra-ink)}.lang[aria-current]{color: var(--ink);text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: .45em}.lang--off{color: #9A8C7E;cursor: not-allowed}.topbar-social{display: none;gap: .4rem;list-style: none;margin: 0;padding: 0}.topbar-social a{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;color: var(--terra-ink);border: 1px solid var(--line);background: var(--white)}.topbar-social a:hover{color: var(--white);background: var(--terra-ink);border-color: var(--terra-ink)}.topbar-social svg{width: 14px;height: 14px}@media (min-width: 48em){.topbar-extra{display: inline}.topbar-social{display: flex}}.site-header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb,var(--white) 90%,transparent);-webkit-backdrop-filter: blur(16px) saturate(1.2);backdrop-filter: blur(16px) saturate(1.2);border-bottom: 1px solid transparent;view-transition-name: site-header}.header-inner{display: flex;align-items: center;gap: clamp(.6rem,2vw,1.5rem);max-width: 1480px;margin-inline: auto;padding: .5rem var(--gutter);min-height: var(--header-h)}.brand{flex: none;display: block;line-height: 0}.brand img{width: 58px;height: 58px;transition: width .3s var(--ease),height .3s var(--ease)}.header-cta{margin-left: auto}.cta-short{display: inline}.cta-long{display: none}@media (min-width: 30em){.cta-short{display: none}.cta-long{display: inline}}.menu-toggle{display: grid;place-items: center;flex: none;width: 46px;height: 46px;background: none;border: 0;color: var(--ink);cursor: pointer;border-radius: 50%}.burger,.burger::before{display: block;width: 26px;height: 1.6px;background: currentColor;border-radius: 2px}.burger{position: relative;transform: translateY(-4px)}.burger::before{content: "";position: absolute;left: 0;top: 8px}.nav{color: var(--ink)}.nav-list{list-style: none;margin: 0;padding: 0}.nav-list a{color: inherit;text-decoration: none}.menu-close{display: none}@supports selector(:popover-open){.nav[popover]{position: fixed;inset: 0 0 0 auto;width: min(28rem,100%);height: 100dvh;max-height: none;margin: 0;border: 0;padding: 6rem clamp(1.5rem,6vw,2.75rem) 2rem;background: var(--ivory);overflow-y: auto;display: none;flex-direction: column;gap: 2rem;box-shadow: -30px 0 70px rgb(35 31 32 / .14)}.nav[popover]:popover-open{display: flex}.nav[popover]::backdrop{background: rgb(35 31 32 / .3);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.nav[popover] .menu-close{display: grid;place-items: center;position: absolute;top: 1.2rem;right: 1.2rem;width: 3rem;height: 3rem;border: 1px solid var(--line);border-radius: 50%;background: var(--white);color: var(--ink);font-size: 1.5rem;line-height: 1;cursor: pointer}.nav[popover] .nav-list a{display: block;padding: .5rem 0;font: 400 clamp(2rem,7vw,2.5rem)/1.15 var(--serif);letter-spacing: -.02em;border-bottom: 1px solid var(--line);transition: padding .25s var(--ease),color .2s}.nav[popover] .nav-list a[aria-current="page"]{color: var(--terra);font-style: italic}.nav[popover] .nav-list a:hover{color: var(--terra-ink);padding-left: .4rem}html:has(.nav:popover-open){overflow: hidden}}@supports not selector(:popover-open){.menu-toggle{display: none}.header-inner{flex-wrap: wrap}.nav{order: 5;width: 100%}.nav-list{display: flex;flex-wrap: wrap;gap: .25rem 1rem;font-size: .9rem}}@media (min-width: 75em){.menu-toggle{display: none}.nav,.nav[popover]{display: block;position: static;inset: auto;width: auto;height: auto;padding: 0;margin: 0 auto;background: none;box-shadow: none;overflow: visible;border: 0}.nav[popover] .menu-close{display: none}.nav-list{display: flex;gap: clamp(1.1rem,2vw,2.2rem)}.nav-list a,.nav[popover] .nav-list a{position: relative;display: block;padding: .5rem 0;border: 0;white-space: nowrap;font: 400 .95rem/1 var(--sans);letter-spacing: 0}.nav-list a::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: var(--terra);transform: scaleX(0);transform-origin: right;transition: transform .35s var(--ease)}.nav-list a:hover::after,.nav-list a[aria-current]::after{transform: scaleX(1);transform-origin: left}.nav[popover] .nav-list a:hover{padding-left: 0;color: var(--ink)}.nav[popover] .nav-list a[aria-current="page"]{color: var(--ink);font-style: normal}.header-cta{margin-left: 0}.brand img{width: 64px;height: 64px}}.btn{--bg: var(--terra-ink);--fg: var(--white);--bd: var(--terra-ink);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: .7rem;min-height: 3.1rem;padding: .85rem 1.6rem;border: 1px solid var(--bd);border-radius: 999px;background: var(--bg);color: var(--fg);text-decoration: none;cursor: pointer;isolation: isolate;overflow: hidden;font: 500 .95rem/1.2 var(--sans);letter-spacing: 0;text-align: center;transition: color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.btn::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--terra-deep);transform: translateY(101%);transition: transform .45s var(--ease);border-radius: inherit}.btn:hover{color: var(--white);transform: translateY(-2px);box-shadow: 0 14px 30px -14px rgb(142 68 38 / .7)}.btn:hover::before{transform: translateY(0)}.btn:active{transform: translateY(0)}.btn:not(:has(.arr))::after{content: "→" / "";transition: transform .3s var(--ease)}.arr{display: inline-block;transition: transform .3s var(--ease)}.btn:hover .arr,.btn:hover::after,.link-line:hover .arr,.linkcard:hover .arr{transform: translateX(4px)}.btn--ghost{--bg: transparent;--fg: var(--ink);--bd: var(--ink)}.btn--ghost::before{background: var(--ink)}.btn--small{min-height: 2.75rem;padding: .7rem 1.25rem;font-size: .9rem}.actions{display: flex;flex-wrap: wrap;gap: 1rem 1.4rem;align-items: center;margin-top: 2rem}.link-line,.link-arrow{display: inline-flex;align-items: center;gap: .6rem;color: var(--ink);text-decoration: none;font: 500 .95rem/1.3 var(--sans);padding-block: .35rem;border-bottom: 1px solid currentColor}.link-arrow::after{content: "→" / "";transition: transform .3s var(--ease)}.link-line:hover,.link-arrow:hover{color: var(--terra-ink)}.link-arrow:hover::after{transform: translateX(4px)}.container{width: 100%;max-width: calc(var(--max) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.container--narrow{max-width: calc(52rem + 2 * var(--gutter))}.section{padding-block: var(--space);position: relative}.section--ivory{background: var(--ivory)}.section--tight{padding-block: calc(var(--space) * .55)}.page-hero + .section:not(.section--ivory),.banner-facts + .section:not(.section--ivory),.section:not(.section--ivory) + .section:not(.section--ivory){padding-top: calc(var(--space) * .35)}.section-head{max-width: 46rem;margin-bottom: clamp(1.8rem,4vw,3rem)}.section-head--center{margin-inline: auto;text-align: center}.section-head--split{max-width: none;display: grid;gap: 0 clamp(2rem,5vw,5rem)}.section-head--split>div{display: contents}.section-head--split .eyebrow{grid-column: 1 / -1}.section-head--split h2{margin: 0}.section-head--split p:not(.eyebrow){margin: .9rem 0 0}@media (min-width: 56em){.section-head--split{grid-template-columns: minmax(0,1fr) minmax(0,27rem);align-items: end}.section-head--split p:not(.eyebrow){grid-column: 2;margin: 0}}.eyebrow{display: block;margin: 0 0 1.1rem;font: 600 .72rem/1.4 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}.eyebrow::before{content: "("}.eyebrow::after{content: ")"}.eyebrow--center{text-align: center}h2.eyebrow{font-size: .78rem;letter-spacing: .14em;line-height: 1.4}.lead{font-size: clamp(1.08rem,1rem + .35vw,1.25rem);line-height: 1.65}.muted{color: var(--taupe-ink)}.note{font-size: .86rem;color: var(--taupe-ink)}.ornament{display: flex;align-items: center;justify-content: center;gap: 1rem;color: var(--terra);margin: 0 auto 1.6rem;max-width: 18rem}.ornament::before,.ornament::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg,transparent,var(--taupe));opacity: .5}.ornament::after{background: linear-gradient(-90deg,transparent,var(--taupe))}.ornament svg{width: 28px;height: 28px;flex: none}.media{position: relative;display: block;overflow: hidden;background: var(--sand);border-radius: var(--r);margin: 0}.media img{width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,50% 50%)}.media--portrait{aspect-ratio: 2 / 3}.media--landscape{aspect-ratio: 3 / 2}.media--square{aspect-ratio: 1}.media--34{aspect-ratio: 3 / 4}.media--43{aspect-ratio: 4 / 3}.arch{border-radius: var(--arch)}figcaption{margin-top: .7rem;font-size: .82rem;line-height: 1.5;color: var(--taupe-ink)}.hero{position: relative;isolation: isolate;display: grid;gap: 1.6rem;justify-items: center;text-align: center;max-width: 1480px;margin-inline: auto;padding: 1.5rem var(--gutter) 3.5rem;overflow: hidden}.hero-place{display: none}.hero-left{display: contents}.hero-welcome{order: 1;margin: 0;font: italic 400 clamp(2.4rem,1.6rem + 3vw,3.4rem)/1 var(--serif);letter-spacing: -.02em}.hero-welcome span + span::before{content: " "}.hero-media{order: 2;position: relative;width: min(100%,22rem)}.hero-media::before{content: "";position: absolute;inset: 12% -14% -8%;z-index: -1;border-radius: 999px;background: radial-gradient(closest-side,rgb(196 104 67 / .22),transparent);filter: blur(10px)}.hero-media .media{aspect-ratio: 2 / 3;box-shadow: var(--glow)}.hero-text{order: 3;max-width: 34rem}.hero-text h1{margin-bottom: .4em}.hero-text h1 em{display: block}.hero-text p{color: var(--taupe-ink)}.hero-text .actions{justify-content: center}.hero-facts{order: 4;list-style: none;margin: .5rem 0 0;padding: 0;display: grid;gap: .9rem;text-align: left}.hero-facts li{display: grid;grid-template-columns: 2.7rem 1fr;gap: .9rem;align-items: center;font-size: .98rem}.hero-facts .ico,.contact-list .ico{display: grid;place-items: center;width: 2.7rem;height: 2.7rem;border-radius: 50%;background: var(--ivory);border: 1px solid var(--line);color: var(--terra)}.hero-facts .ico svg,.contact-list .ico svg{width: 1.1rem;height: 1.1rem}.hero-facts small,.contact-list small{display: block;font: 600 .66rem/1.4 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}@media (min-width: 64em){.hero{grid-template-columns: minmax(0,1fr) minmax(19rem,29vw) minmax(0,1fr);grid-template-rows: auto 1fr auto;gap: 0 clamp(2rem,4vw,4.5rem);text-align: left;justify-items: stretch;min-height: calc(100svh - var(--header-h) - 40px);padding-block: 1.2rem 1rem}.hero-place{display: block;grid-column: 1;grid-row: 1;margin: 0;font: 600 .72rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}.hero-left{display: flex;flex-direction: column;justify-content: space-between;grid-column: 1;grid-row: 2;padding-block: 3rem 1rem}.hero-welcome{font-size: clamp(3.4rem,1.4rem + 3.6vw,6rem);line-height: .98;letter-spacing: -.03em}.hero-welcome span{display: block;white-space: nowrap}.hero-welcome span + span{padding-left: 1.6em;color: var(--terra)}.hero-welcome span + span::before{content: none}.hero-media{grid-column: 2;grid-row: 1 / 3;width: 100%;align-self: start;margin-top: 1.5rem}.hero-media .media{aspect-ratio: auto;height: min(calc(100svh - var(--header-h) - 12rem),44rem);min-height: 26rem}.hero-text{grid-column: 3;grid-row: 2;align-self: end;text-align: right;justify-self: end;padding-bottom: 2.5rem}.hero-text h1{font-size: clamp(3.4rem,1.6rem + 3.6vw,5.9rem)}.hero-text .actions{flex-direction: column;align-items: flex-end}.hero-text p{margin-left: auto;max-width: 26rem}}.banner{position: relative;isolation: isolate;display: grid;align-items: end;min-height: clamp(30rem,74svh,46rem);padding: clamp(6rem,14vw,9rem) var(--gutter) clamp(2.2rem,5vw,3.8rem);color: var(--white);overflow: hidden}.banner-media{position: absolute;inset: 0;z-index: -2}.banner-media img{width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,50% 50%)}.banner::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top,rgb(28 22 18 / .7) 0%,rgb(28 22 18 / .2) 45%,transparent 70%),linear-gradient(90deg,rgb(28 22 18 / .62) 0%,rgb(28 22 18 / .3) 42%,transparent 68%)}.banner-text{width: 100%;max-width: var(--max);margin-inline: auto}.banner-text>*{max-width: 40rem}.banner-eyebrow{margin: 0 0 1rem;font: 600 .72rem/1.3 var(--sans);letter-spacing: .16em;text-transform: uppercase;color: #F3C2A6}.banner h1{color: var(--white);max-width: 15ch;font-size: clamp(2.8rem,1.7rem + 3.4vw,5.2rem)}.banner h1 em{color: #F3C2A6}.banner-text p,.banner .answer{color: rgb(255 255 255 / .92)}.banner .answer::before{background: #F3C2A6}.banner .link-line,.banner .link-line:hover{color: var(--white)}.banner-facts{max-width: var(--max);margin-inline: auto;padding: clamp(1.4rem,3vw,2rem) var(--gutter)}.banner-facts .hero-facts{margin: 0}.banner-facts + .intro{padding-top: calc(var(--space) * .5)}@media (min-width: 48em){.banner-facts .hero-facts{grid-template-columns: repeat(3,auto);justify-content: space-between}}.loader{display: none}.intro{padding-block: calc(var(--space) * .9) var(--space);text-align: center}.statement{font: 400 clamp(1.8rem,1.2rem + 2vw,3rem)/1.18 var(--serif);letter-spacing: -.015em;margin: 0 auto;max-width: 30ch}.statement em{font-style: italic;color: var(--terra)}.intro-text{max-width: 40rem;margin: clamp(2rem,4vw,3rem) auto 0;color: var(--taupe-ink);font-size: 1.05rem}.intro-text p{margin: 0 0 1rem}.intro-text p:last-child{margin-bottom: 0}.hscroll{position: relative;background: var(--ivory);padding-block: var(--space);overflow: clip}.hscroll-head{position: relative;display: grid;gap: .4rem 3rem;margin-bottom: clamp(2rem,5vw,3.5rem)}.hscroll-head h2{margin: 0}.hscroll-intro{color: var(--taupe-ink);max-width: 30rem;margin: 0}@media (min-width: 56em){.hscroll-head{grid-template-columns: 1fr auto;align-items: end}.hscroll-head .eyebrow{grid-column: 1 / -1}}.hscroll-track{position: relative;display: flex;gap: clamp(1.2rem,3vw,3rem);align-items: flex-start;overflow-x: auto;scroll-snap-type: x mandatory;padding: 1rem var(--gutter) 2rem;scroll-padding-inline: var(--gutter);scrollbar-width: thin;scrollbar-color: var(--taupe) transparent}.arch-card{position: relative;flex: 0 0 auto;width: clamp(15rem,70vw,19rem);scroll-snap-align: start;color: var(--ink);text-decoration: none}.arch-card:nth-child(odd){margin-top: clamp(1.5rem,4vw,3.5rem)}.arch-card .media{aspect-ratio: 4 / 5;border-radius: var(--arch);box-shadow: 0 30px 50px -36px rgb(35 31 32 / .45)}.arch-card .media img{transition: transform 1s var(--ease)}.arch-card:hover .media img{transform: scale(1.05)}.arch-card .num{display: block;margin-top: 1.1rem;font: 600 .7rem/1 var(--sans);letter-spacing: .14em;color: var(--terra-ink)}.arch-card h3{margin: .45rem 0 .35rem;font-size: clamp(1.45rem,1.3rem + .5vw,1.8rem)}.arch-card p{margin: 0;font-size: .9rem;color: var(--taupe-ink)}.arch-card:hover h3{color: var(--terra-ink)}.arch-card--more{align-self: center;display: grid;justify-items: center;gap: 1rem;width: 12rem;text-align: center;margin-top: 0 !important}.more-circle{display: grid;place-items: center;width: 6rem;height: 6rem;border-radius: 50%;border: 1px solid var(--ink);font-size: 1.6rem;transition: background .3s,color .3s,border-color .3s}.arch-card--more:hover .more-circle,.arch-card--more:focus-visible .more-circle{background: var(--terra-ink);border-color: var(--terra-ink);color: var(--white)}.bento{display: grid;gap: clamp(.8rem,1.6vw,1.25rem)}.ocard{position: relative;display: block;min-height: 22rem;border-radius: var(--r);overflow: hidden;color: var(--white);text-decoration: none;isolation: isolate}.ocard .media{position: absolute;inset: 0;border-radius: 0;aspect-ratio: auto;height: 100%;z-index: -2}.ocard .media img{transition: transform 1.2s var(--ease)}.ocard::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top,rgb(28 22 18 / .86) 0%,rgb(28 22 18 / .5) 34%,rgb(28 22 18 / 0) 62%)}.ocard:hover .media img{transform: scale(1.05)}.ocard:hover{color: var(--white)}.ocard-body{position: absolute;inset: auto 0 0 0;padding: clamp(1.3rem,2.6vw,2rem)}.ocard h3{margin: 0 0 .4rem;font-size: clamp(1.7rem,1.4rem + 1vw,2.3rem);color: var(--white)}.ocard p{margin: 0;font-size: .95rem;color: rgb(255 255 255 / .94);max-width: 30rem;text-shadow: 0 1px 12px rgb(0 0 0 / .35)}@media (min-width: 52em){.bento{grid-template-columns: 1fr 1fr;grid-auto-rows: 8.5rem}.ocard{min-height: 0}.ocard:nth-child(1){grid-row: span 4}.ocard:nth-child(2),.ocard:nth-child(3){grid-row: span 3}.ocard:nth-child(4){grid-row: span 2}}.panel{position: relative;isolation: isolate;background: var(--ivory);border-radius: var(--r-lg);padding: clamp(1.2rem,4vw,3.5rem);overflow: hidden}.panel::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .16;background: url(../img/motif-zellige.svg) 0 0 / 240px repeat;-webkit-mask-image: radial-gradient(circle at 0 100%,#000,transparent 55%);mask-image: radial-gradient(circle at 0 100%,#000,transparent 55%)}.panel.split{gap: clamp(2rem,5vw,4.5rem)}.panel-media .media{aspect-ratio: 4 / 5;max-height: 38rem;box-shadow: var(--glow)}.panel-text{max-width: 34rem}.mini-facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(8rem,1fr));gap: 1rem 1.5rem;margin: 1.8rem 0 0;padding-top: 1.4rem;border-top: 1px solid var(--line)}.mini-facts dt{font: 600 .66rem/1.4 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}.mini-facts dd{margin: .3rem 0 0;font: 400 1.25rem/1.2 var(--serif)}.linkcards{display: grid;gap: 1rem;margin-top: clamp(1.5rem,3vw,2.5rem)}@media (min-width: 48em){.linkcards{grid-template-columns: 1fr 1fr}}.linkcard{display: grid;grid-template-columns: 96px 1fr auto;gap: 1.2rem;align-items: center;padding: .7rem 1.4rem .7rem .7rem;border: 1px solid var(--line);border-radius: var(--r);color: var(--ink);text-decoration: none;background: var(--white);transition: border-color .3s,box-shadow .3s,transform .3s var(--ease)}.linkcard .media{width: 96px;height: 76px;aspect-ratio: auto;border-radius: var(--r-sm)}.linkcard strong{display: block;font: 400 1.45rem/1.15 var(--serif)}.linkcard span:not(.arr){font-size: .82rem;color: var(--taupe-ink)}.linkcard .arr{color: var(--terra-ink)}.linkcard:hover{border-color: var(--taupe);transform: translateY(-3px);box-shadow: 0 20px 40px -30px rgb(35 31 32 / .5);color: var(--ink)}.band{position: relative;display: grid}.band-media .media{border-radius: 0;aspect-ratio: auto;height: clamp(22rem,72svh,44rem)}.band-card{position: relative;z-index: 1;width: calc(100% - 2 * var(--gutter));max-width: 36rem;margin: -5rem auto 0;padding: clamp(1.6rem,4vw,2.8rem);background: var(--white);border-radius: var(--r-lg);text-align: center;box-shadow: 0 40px 80px -50px rgb(35 31 32 / .55)}.band-card h2{font-size: clamp(2.2rem,1.6rem + 2.2vw,3.6rem)}.band-card p{color: var(--taupe-ink)}@media (min-width: 56em){.band-card{position: absolute;inset: 50% auto auto 50%;transform: translate(-50%,-50%);margin: 0}}.prep{display: grid;gap: clamp(.8rem,1.6vw,1.25rem)}@media (min-width: 60em){.prep{grid-template-columns: repeat(3,1fr)}}.prep-card{position: relative;isolation: isolate;overflow: hidden;background: var(--ivory);border-radius: var(--r);padding: clamp(1.4rem,3vw,2.2rem);display: flex;flex-direction: column}.prep-card .note{margin: auto 0 0;padding-top: 1.2rem}.rows{list-style: none;margin: 0;padding: 0}.rows li{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding: .85rem 0;border-bottom: 1px solid var(--line)}.rows li span{font-size: .88rem;color: var(--taupe-ink)}.rows li strong{font: 400 1.4rem/1.1 var(--serif);white-space: nowrap}.rows--plain li{padding: .45rem 0;border: 0}.rows--plain a{color: var(--ink);text-decoration: none;font-weight: 500}.rows--plain a:hover{color: var(--terra-ink);text-decoration: underline}.prep-card--contact{background: var(--white);border: 1px solid var(--terra)}.prep-card--contact::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .15;background: url(../img/motif-zellige.svg) 0 0 / 220px repeat;-webkit-mask-image: radial-gradient(circle at 100% 0,#000,transparent 45%);mask-image: radial-gradient(circle at 100% 0,#000,transparent 45%)}.prep-address{font: 400 clamp(1.7rem,1.4rem + 1vw,2.2rem)/1.08 var(--serif);letter-spacing: -.01em;margin: 0 0 .5rem}.prep-card--contact .note{margin: 0 0 1rem;padding: 0}.prep-card--contact .btn{align-self: flex-start;margin-top: 1.4rem}.page-hero{position: relative;display: grid;gap: 2rem;padding: clamp(1.5rem,4vw,3rem) var(--gutter) clamp(1.5rem,3vw,2.5rem);max-width: 1480px;margin-inline: auto}.page-hero .media{height: min(62svh,40rem);min-height: 20rem;box-shadow: var(--glow)}.page-hero .media--landscape{height: auto;min-height: 0}.page-hero-text{align-self: center}.page-hero h1{font-size: clamp(3rem,1.8rem + 4vw,6rem)}@media (min-width: 56em){.page-hero{grid-template-columns: minmax(0,1fr) minmax(0,.8fr);align-items: center;gap: clamp(2rem,5vw,5.5rem)}.page-hero .media{height: min(78svh,46rem)}.page-hero .media--landscape{height: auto}.page-hero--landscape{grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr)}.page-hero--text{grid-template-columns: 1fr}}.page-hero--text{padding-bottom: clamp(1.5rem,4vw,2.5rem)}.page-hero--text h1{max-width: 16ch}.breadcrumb{padding: 1.1rem var(--gutter) 0;max-width: 1480px;margin-inline: auto}.breadcrumb ol{display: flex;flex-wrap: wrap;gap: .3rem .55rem;list-style: none;margin: 0;padding: 0;font: 600 .7rem/1.4 var(--sans);letter-spacing: .12em;text-transform: uppercase;color: var(--taupe-ink)}.breadcrumb li + li::before{content: "/";margin-right: .55rem;color: var(--taupe)}.breadcrumb a{color: var(--taupe-ink);text-decoration: none}.breadcrumb a:hover{color: var(--terra-ink);text-decoration: underline}.answer{position: relative;margin: 1.6rem 0 0;padding: 1.3rem 0 0;font-size: clamp(1.05rem,1rem + .3vw,1.2rem);line-height: 1.65;max-width: 38rem}.answer::before{content: "";position: absolute;left: 0;top: 0;width: 3rem;height: 2px;background: var(--terra)}.answer p:last-child{margin: 0}.split{display: grid;gap: clamp(2rem,5vw,5.5rem);align-items: center}@media (min-width: 52em){.split{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.split--reverse>:first-child{order: 2}.split--wide-media{grid-template-columns: minmax(0,1.25fr) minmax(0,.9fr)}.split--reverse.split--wide-media{grid-template-columns: minmax(0,.9fr) minmax(0,1.25fr)}}.split-text{max-width: 34rem}.duo{position: relative;display: grid;grid-template-columns: 1fr .78fr;gap: clamp(.8rem,2vw,1.4rem);align-items: start}.duo>:last-child{margin-top: clamp(3rem,12vw,9rem)}.duo .arch{box-shadow: var(--glow)}.trio{display: grid;gap: clamp(.8rem,2vw,1.4rem)}@media (min-width: 46em){.trio{grid-template-columns: repeat(3,1fr)}.trio>:nth-child(2){transform: translateY(clamp(1rem,4vw,3rem))}}.name-block{text-align: center}.photo-band{position: relative;isolation: isolate;display: grid;place-items: center;min-height: clamp(30rem,80svh,46rem);padding: var(--space) 0;overflow: hidden;color: var(--white)}.photo-band-media{position: absolute;inset: 0;z-index: -2}.photo-band-media .media{height: 100%;aspect-ratio: auto;border-radius: 0}.photo-band::after{content: "";position: absolute;inset: 0;z-index: -1;background: radial-gradient(ellipse at center,rgb(28 22 18 / .62),rgb(28 22 18 / .42))}.photo-band-text h2{color: var(--white)}.photo-band-text h2 em{color: #F3C2A6}.photo-band-text .lead{color: rgb(255 255 255 / .94)}.photo-band-text .ar,.photo-band-text p .ar{color: #F3C2A6}.photo-band-text .ornament{color: #F3C2A6}.photo-band-text .ornament::before,.photo-band-text .ornament::after{background: linear-gradient(90deg,transparent,rgb(255 255 255 / .6))}.photo-band-text .ornament::after{background: linear-gradient(-90deg,transparent,rgb(255 255 255 / .6))}.name-block h2 .ar{font-size: 1.05em;margin-inline-start: .15em}.room-thumb{display: block}.room-grid{display: grid;gap: clamp(.8rem,1.6vw,1.25rem)}@media (min-width: 46em){.room-grid{grid-template-columns: 1fr 1fr}}.room-grid--featured>:first-child{grid-column: 1 / -1}.room-card-wrap{container-type: inline-size}.room-card{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: var(--r);overflow: hidden;color: var(--white);text-decoration: none;isolation: isolate}.room-card .media{position: absolute;inset: 0;aspect-ratio: auto;height: 100%;border-radius: 0;z-index: -2}.room-card .media img{transition: transform 1.2s var(--ease)}.room-card::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top,rgb(28 22 18 / .8) 0%,rgb(28 22 18 / .4) 36%,rgb(28 22 18 / 0) 62%)}.room-card:hover .media img{transform: scale(1.05)}.room-card:hover{color: var(--white)}.room-card-body{position: absolute;inset: auto 0 0 0;padding: clamp(1.2rem,3vw,2rem);display: grid;gap: .3rem}.room-card .num{font: 600 .7rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: rgb(255 255 255 / .9)}.room-card h3{margin: .2rem 0;color: var(--white);font-size: clamp(1.7rem,1.3rem + 1.4vw,2.4rem)}.room-card p{margin: 0 0 .6rem;color: rgb(255 255 255 / .9);font-size: .92rem}.room-card .link-arrow{justify-self: start;color: var(--white)}@container (min-width: 44rem){.room-card{aspect-ratio: 16 / 8}.room-card h3{font-size: clamp(2.4rem,5cqi,3.6rem)}}.features{display: flex;flex-wrap: wrap;gap: .5rem;list-style: none;padding: 0;margin: 1.4rem 0 0}.features li{padding: .45rem .95rem;border: 1px solid var(--line);border-radius: 999px;background: var(--white);font-size: .85rem}.facts{display: grid;grid-template-columns: max-content 1fr;gap: 0 1.4rem;margin: 1.6rem 0 0;font-size: .92rem;border-top: 1px solid var(--line)}.facts dt,.facts dd{padding: .8rem 0;border-bottom: 1px solid var(--line)}.facts dt{font: 600 .68rem/1.6 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}.facts dd{margin: 0}.room-nav{display: grid;gap: 1rem;grid-template-columns: 1fr 1fr}.room-nav a{display: grid;gap: .4rem;padding: 1.4rem;border: 1px solid var(--line);border-radius: var(--r);text-decoration: none;color: var(--ink);transition: border-color .3s,transform .3s var(--ease)}.room-nav a span{font: 600 .68rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--terra-ink)}.room-nav a strong{font: 400 clamp(1.3rem,1rem + 1vw,1.8rem)/1.1 var(--serif)}.room-nav a:hover{border-color: var(--taupe);transform: translateY(-3px)}.room-nav a:last-child{text-align: right}.booking-slot[hidden]{display: none}.gallery-wrap{container-type: inline-size}.gallery-wrap.gallery--2{max-width: 54rem}.gallery{--C: var(--C2);--u: calc(100cqi / (var(--C) * 21 - 1));display: grid;grid-template-columns: repeat(var(--C),minmax(0,1fr));grid-auto-rows: var(--u);gap: var(--u)}.thumb{position: relative;display: block;grid-column: var(--c2);grid-row: var(--r2);overflow: hidden;border-radius: var(--r);background: var(--sand);cursor: zoom-in}.thumb img{width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,50% 50%);transition: transform .9s var(--ease),filter .5s}@container (min-width: 40rem){.gallery{--C: var(--C3)}.thumb{grid-column: var(--c3);grid-row: var(--r3)}}.thumb::after{content: "";position: absolute;right: .8rem;bottom: .8rem;width: 2.4rem;height: 2.4rem;border-radius: 50%;background: rgb(255 255 255 / .94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231F20' stroke-width='1.6'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center / 1rem no-repeat;opacity: 0;transform: scale(.8);transition: opacity .3s,transform .3s var(--ease)}.thumb:hover img,.thumb:focus-visible img{transform: scale(1.04)}.thumb:hover::after,.thumb:focus-visible::after{opacity: 1;transform: none}.gallery:has(.thumb:hover) .thumb:not(:hover) img{filter: saturate(.7) brightness(.96)}.lightbox{position: fixed;inset: 0;z-index: 90;display: none;background: var(--ivory)}.lightbox:has(:target){display: block}html:has(.lightbox :target){overflow: hidden}.lb-backdrop{position: absolute;inset: 0}.lb-track{position: relative;display: flex;height: 100%;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;overscroll-behavior: contain;scrollbar-width: none}.lb-track::-webkit-scrollbar{display: none}.lb-slide{flex: 0 0 100%;height: 100%;scroll-snap-align: center;scroll-snap-stop: always;display: grid;grid-template-rows: 1fr auto;place-items: center;padding: 4.5rem clamp(1rem,7vw,6rem) 1.2rem;outline: none;position: relative}.lb-slide picture,.lb-slide img{display: block}.lb-slide img{max-width: 100%;max-height: calc(100dvh - 10rem);width: auto;height: auto;border-radius: var(--r);box-shadow: var(--glow);background: var(--sand)}.lb-caption{display: flex;gap: 1rem;align-items: baseline;justify-content: center;flex-wrap: wrap;margin-top: 1rem;font-size: .88rem;text-align: center;max-width: 48rem}.lb-caption span{font: 600 .7rem/1 var(--sans);letter-spacing: .14em;color: var(--terra-ink)}.lb-btn{position: absolute;z-index: 2;display: grid;place-items: center;width: 3.1rem;height: 3.1rem;border-radius: 50%;background: var(--white);border: 1px solid var(--line);color: var(--ink);text-decoration: none;font: 400 1.5rem/1 var(--serif);transition: background .2s,color .2s,transform .3s var(--ease)}.lb-btn:hover{background: var(--ink);color: var(--white)}.lb-close{top: 1rem;right: 1rem}.lb-prev,.lb-next{top: 50%;translate: 0 -50%}.lb-prev{left: clamp(.5rem,2vw,1.5rem)}.lb-next{right: clamp(.5rem,2vw,1.5rem)}@media (max-width: 40em){.lb-prev,.lb-next{top: auto;bottom: 1rem;translate: none}.lb-slide{padding-bottom: 5rem}}.distances{width: 100%;border-collapse: collapse;font-size: .95rem}.distances caption{text-align: left;caption-side: bottom;padding-top: 1rem;font-size: .82rem;color: var(--taupe-ink)}.distances th,.distances td{padding: .95rem .4rem;border-bottom: 1px solid var(--line);text-align: left}.distances thead th{font: 600 .68rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink);border-bottom-color: var(--taupe)}.distances tbody th{font: 400 1.3rem/1.2 var(--serif)}.distances td{white-space: nowrap;text-align: right;font-variant-numeric: tabular-nums}.distances thead th:not(:first-child){text-align: right}.places{display: grid;gap: 1rem;list-style: none;padding: 0;margin: 0}@media (min-width: 48em){.places{grid-template-columns: 1fr 1fr}}@media (min-width: 72em){.places{grid-template-columns: repeat(4,1fr)}}.places li{padding: 1.4rem;background: var(--ivory);border-radius: var(--r)}.places h3{font-size: 1.55rem;margin-bottom: .3rem}.places .dist{display: block;font: 600 .68rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--terra-ink);margin-bottom: .6rem}.places p{margin: 0;font-size: .92rem;color: var(--taupe-ink)}.faq{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;gap: 1.5rem;align-items: center;padding: 1.3rem 0;font: 400 clamp(1.35rem,1.15rem + .7vw,1.75rem)/1.25 var(--serif);transition: color .2s}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex: none;display: grid;place-items: center;width: 2.4rem;height: 2.4rem;border: 1px solid var(--line);border-radius: 50%;font: 400 1.2rem/1 var(--sans);color: var(--terra-ink);background: var(--white);transition: transform .35s var(--ease),background .2s}.faq summary:hover{color: var(--terra-ink)}.faq details[open] summary::after{transform: rotate(45deg)}.faq details>div{padding: 0 3.5rem 1.4rem 0;color: #4A4244}.faq details>div p:last-child{margin: 0}@supports (interpolate-size: allow-keywords){.faq{interpolate-size: allow-keywords}.faq details::details-content{height: 0;overflow: clip;transition: height .4s var(--ease),content-visibility .4s allow-discrete}.faq details[open]::details-content{height: auto}}.cta-panel{position: relative;isolation: isolate;overflow: hidden;text-align: center;background: var(--ivory);border-radius: var(--r-lg);padding: clamp(3rem,8vw,6rem) clamp(1.2rem,4vw,3rem)}.cta-panel::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .17;background: url(../img/motif-zellige.svg) center / 260px repeat;-webkit-mask-image: radial-gradient(circle at 0 0,#000,transparent 30%),radial-gradient(circle at 100% 100%,#000,transparent 30%);mask-image: radial-gradient(circle at 0 0,#000,transparent 30%),radial-gradient(circle at 100% 100%,#000,transparent 30%)}.cta-panel h2{max-width: 14ch;margin-inline: auto}.cta-panel p{max-width: 32rem;margin-inline: auto;color: var(--taupe-ink)}.cta-panel .actions{justify-content: center}.immersive{position: relative}.immersive-grid{display: grid;gap: 2.5rem}.immersive-media .media{aspect-ratio: 3 / 4;box-shadow: var(--glow)}@media (min-width: 56em){.immersive-grid{grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);gap: clamp(3rem,6vw,6rem);align-items: start}.immersive-media{position: sticky;top: calc(var(--header-h) + 1.5rem)}.immersive-media .media{aspect-ratio: auto;height: calc(100svh - var(--header-h) - 3rem)}.immersive-text{padding-block: 12svh}.immersive-text>* + *{margin-top: 30svh}}.moment .media{margin-top: 1.5rem}.map{border: 1px solid var(--line);border-radius: var(--r);background: var(--ivory);overflow: hidden}.map summary{list-style: none;cursor: pointer;display: grid;gap: .6rem;justify-items: center;text-align: center;padding: clamp(2.5rem,8vw,4.5rem) 1.5rem}.map summary::-webkit-details-marker{display: none}.map summary strong{font: 400 1.8rem/1.1 var(--serif)}.map summary .btn{pointer-events: none}.map summary p{max-width: 32rem;margin: 0;font-size: .86rem;color: var(--taupe-ink)}.map[open] summary{display: none}.map iframe{width: 100%;height: clamp(22rem,60vh,34rem);border: 0}.map .map-foot{padding: .9rem 1.2rem;font-size: .82rem;border-top: 1px solid var(--line);margin: 0}.contact-grid{display: grid;gap: clamp(2.5rem,6vw,5rem)}@media (min-width: 60em){.contact-grid{grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);align-items: start}}.contact-list{list-style: none;padding: 0;margin: 0;display: grid}.contact-list li{display: grid;grid-template-columns: 2.7rem 1fr;gap: 1rem;align-items: center;padding: .85rem 0;border-bottom: 1px solid var(--line)}.contact-list a{color: var(--ink);text-decoration: none;font-weight: 500}.contact-list a:hover{color: var(--terra-ink);text-decoration: underline}.form{display: grid;gap: 1.2rem;background: var(--ivory);padding: clamp(1.4rem,4vw,2.6rem);border-radius: var(--r-lg)}.form-row{display: grid;gap: 1.2rem}@media (min-width: 40em){.form-row{grid-template-columns: 1fr 1fr}}.field{display: grid;gap: .45rem}.field label{font: 600 .68rem/1.3 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--ink)}.field .req{color: var(--terra-ink)}.field input,.field select,.field textarea{width: 100%;font: 400 1rem/1.4 var(--sans);color: var(--ink);background: var(--white);border: 1px solid #D9CEBE;border-radius: var(--r-sm);padding: .85rem 1rem;min-height: 3.1rem;transition: border-color .2s,box-shadow .2s}.field textarea{min-height: 9rem;resize: vertical}.phone-group{display: grid;grid-template-columns: minmax(0,8.5rem) minmax(0,1fr);gap: .5rem}.phone-group select{padding-inline: .75rem;text-overflow: ellipsis}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline: none;border-color: var(--terra-ink);box-shadow: 0 0 0 3px rgb(196 104 67 / .22)}.field:has(:user-invalid) input,.field:has(:user-invalid) textarea,.field:has(:user-invalid) select{border-color: #B3261E}.field-error{display: none;font-size: .8rem;color: #B3261E}.field:has(:user-invalid) .field-error{display: block}.check{display: grid;grid-template-columns: auto 1fr;gap: .8rem;align-items: start;font-size: .9rem;line-height: 1.55}.check input{width: 1.2rem;height: 1.2rem;margin-top: .15rem;accent-color: var(--terra-ink)}.hp{position: absolute !important;left: -9999px}.form .btn{justify-self: start}.form-note{font-size: .84rem;color: var(--taupe-ink);margin: 0}.prose{max-width: 46rem}.prose h2{font-size: clamp(1.8rem,1.4rem + 1.2vw,2.4rem);margin-top: 2.6rem}.prose ul{margin: 0 0 1.2em}.prose li{margin-bottom: .35rem}.prose table{width: 100%;border-collapse: collapse;font-size: .92rem;margin: 0 0 1.4rem}.prose th,.prose td{text-align: left;padding: .7rem .5rem;border-bottom: 1px solid var(--line);vertical-align: top}.prose th{font-size: .7rem;letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink)}.site-footer{position: relative;isolation: isolate;overflow: hidden;background: var(--ivory);border-top: 1px solid var(--line);margin-top: calc(var(--space) * .4)}.site-footer::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .15;background: url(../img/motif-zellige.svg) 0 0 / 280px repeat;-webkit-mask-image: linear-gradient(to bottom,#000,transparent 30%);mask-image: linear-gradient(to bottom,#000,transparent 30%)}.footer-hero{display: flex;align-items: flex-end;justify-content: space-between;gap: 2rem;padding-top: clamp(4rem,9vw,7rem);border-bottom: 1px solid var(--line)}.footer-wordmark{margin: 0;font-family: var(--serif);line-height: .82;letter-spacing: -.04em;padding-bottom: clamp(1rem,3vw,2.2rem)}.footer-wordmark span{display: block;font-size: clamp(3rem,1.6rem + 6vw,8rem)}.footer-wordmark em{display: block;font-size: clamp(4.4rem,2rem + 13vw,16rem);color: var(--terra);padding-left: .25em}.footer-arch{flex: none;width: clamp(7rem,16vw,15rem)}.footer-arch .media{aspect-ratio: 3 / 4;border-radius: 999px 999px 0 0}.footer-cols{display: grid;gap: 2.2rem;padding-block: clamp(2.5rem,5vw,3.5rem)}@media (min-width: 48em){.footer-cols{grid-template-columns: 1fr 1fr}}@media (min-width: 72em){.footer-cols{grid-template-columns: 1.3fr 1fr 1.2fr 1fr}}.footer-title{font: 600 .7rem/1.4 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--terra-ink);margin-bottom: 1rem}.footer-title::before{content: "("}.footer-title::after{content: ")"}.footer-address{font-size: .95rem;max-width: 22rem}.footer-address img{width: 72px;height: 72px;margin-bottom: 1rem}.footer-list{list-style: none;padding: 0;margin: 0;display: grid;gap: .6rem;font-size: .95rem}.footer-list a{color: var(--ink);text-decoration: none}.footer-list a:hover{color: var(--terra-ink);text-decoration: underline}.footer-contact a{display: inline-flex;align-items: center;gap: .7rem}.footer-contact svg{width: 1rem;height: 1rem;color: var(--terra);flex: none}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: .8rem;border-top: 1px solid var(--line);padding-block: 1.4rem 2rem;font: 600 .7rem/1.4 var(--sans);letter-spacing: .12em;text-transform: uppercase;color: var(--taupe-ink)}.footer-bottom p{margin: 0}.footer-bottom a{color: var(--taupe-ink);text-decoration: none}.footer-bottom a:hover{color: var(--terra-ink)}.footer-legal{display: flex;flex-wrap: wrap;gap: .2rem .5rem;color: var(--taupe)}.footer-find p:not(.footer-title){margin: 0 0 1rem;font-size: .95rem}.footer-map{overflow: hidden;margin-bottom: .9rem;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--white)}.footer-map iframe{display: block;width: 100%;height: 9.5rem;border: 0}.center-page{min-height: 60svh;display: grid;place-items: center;text-align: center;padding: var(--space) var(--gutter)}.center-page h1{max-width: 14ch;margin-inline: auto}.center-page .actions{justify-content: center}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}::view-transition-old(root){animation: vt-out .35s var(--ease) both}::view-transition-new(root){animation: vt-in .55s var(--ease) both}::view-transition-group(*){animation-duration: .6s;animation-timing-function: var(--ease)}.page-hero .media::after{content: "";position: absolute;inset: -1px;background: var(--white);transform-origin: 50% 0;animation: curtain 1.3s var(--ease) .1s both;pointer-events: none}.page-hero .media img{animation: slow-zoom 2.6s var(--ease) both}.page-hero-text>*{animation: rise .9s var(--ease) both}.page-hero-text>:nth-child(2){animation-delay: .12s}.page-hero-text>:nth-child(3){animation-delay: .24s}.page-hero-text>:nth-child(n+4){animation-delay: .36s}.loader{display: grid;place-items: center;position: fixed;inset: 0;z-index: 200;background: var(--ivory);pointer-events: none;animation: loader-out .9s var(--ease) 1.1s both}.loader::before{content: "";position: absolute;inset: 0;opacity: .14;background: url(../img/motif-zellige.svg) center / 220px repeat;-webkit-mask-image: radial-gradient(circle,transparent 18%,#000 70%);mask-image: radial-gradient(circle,transparent 18%,#000 70%)}.loader-mark{position: relative;animation: loader-mark 1.1s var(--ease) both}.loader-mark img{width: clamp(96px,10vw,140px);height: auto}@supports (animation-timeline: view()){.progress{display: block;animation: progress linear both;animation-timeline: scroll(root block)}.site-header{animation: header-shrink linear both;animation-timeline: scroll(root block);animation-range: 0 160px}.brand img{animation: logo-shrink linear both;animation-timeline: scroll(root block);animation-range: 0 160px}.reveal{animation: reveal linear both;animation-timeline: view();animation-range: entry 5% cover 28%}.reveal-stagger>*{animation: reveal linear both;animation-timeline: view();animation-range: entry 0% cover 25%}.reveal-stagger>:nth-child(3n+2){animation-range: entry 8% cover 32%}.reveal-stagger>:nth-child(3n){animation-range: entry 16% cover 38%}.parallax img{animation: parallax linear both;animation-timeline: view();scale: 1.14}.drift{animation: drift linear both;animation-timeline: view()}.statement .w{animation: word-on linear both;animation-timeline: view();animation-range: cover 18% cover 42%}.statement em .w{animation: none}@media (min-width: 64em){.hscroll{height: 220vh;padding: 0;view-timeline: --hscroll block}.hscroll-sticky{position: sticky;top: 0;height: 100svh;display: flex;flex-direction: column;justify-content: center;overflow: hidden;padding-top: calc(var(--header-h) + 1.5rem)}.hscroll-track{overflow: visible;width: max-content;scroll-snap-type: none;animation: hscroll linear both;animation-timeline: --hscroll;animation-range: contain 0% contain 100%}}}.media img{transition: transform 1s var(--ease)}}@keyframes loader-out{to{clip-path: inset(0 0 100% 0);visibility: hidden}}@keyframes loader-mark{0%{opacity: 0;transform: scale(.86)}40%,100%{opacity: 1;transform: none}}@keyframes word-on{from{color: #9C8B7B}to{color: var(--ink)}}@keyframes vt-out{to{opacity: 0;transform: translateY(-12px)}}@keyframes vt-in{from{opacity: 0;transform: translateY(18px)}}@keyframes rise{from{opacity: 0;transform: translateY(26px)}}@keyframes curtain{to{transform: scaleY(0)}}@keyframes slow-zoom{from{transform: scale(1.14)}}@keyframes progress{to{transform: scaleX(1)}}@keyframes header-shrink{to{border-bottom-color: var(--line);background: color-mix(in srgb,var(--white) 96%,transparent);box-shadow: 0 10px 30px -24px rgb(35 31 32 / .45)}}@keyframes logo-shrink{to{width: 48px;height: 48px}}@keyframes reveal{from{clip-path: inset(0 0 22% 0);transform: translateY(56px)}to{clip-path: inset(0 0 -10% 0);transform: none}}@keyframes parallax{from{transform: translateY(-6%)}to{transform: translateY(6%)}}@keyframes drift{from{transform: translateY(40px)}to{transform: translateY(-40px)}}@keyframes slide-fade{0%{opacity: 0}4%,20%{opacity: 1}25%,100%{opacity: 0}}@keyframes hscroll{from{transform: translateX(0)}to{transform: translateX(calc(-100% + 100vw))}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition-duration: .01ms !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important}}@media print{.topbar,.site-header,.site-footer,.progress,.lightbox,.actions{display: none !important}body{font-size: 11pt}}.pending{color: var(--taupe-ink);font-style: italic}.flash{margin: 1.2rem 0 0;padding: .9rem 1.2rem;border-radius: var(--r-sm);background: var(--ivory);border: 1px solid var(--line);font-size: .95rem}.flash--success{border-color: #9cc5ad;background: #f1f8f3}.flash--error,.flash--notice{border-color: #e2b49b;background: #fcf1ea}.form-errors{list-style: none;margin: 1rem 0 0;padding: .9rem 1.2rem;border-radius: var(--r-sm);background: #fcf1ea;border: 1px solid #e2b49b;color: #7A2E12;font-size: .92rem}.field-error.is-visible{display: block}.field--error input,.field--error textarea,.field--error select{border-color: #B3261E}.booking-bar{background: var(--ivory);border: 1px solid var(--line);border-radius: var(--r-lg);padding: clamp(1rem,3vw,1.6rem)}.booking-bar-title{font-size: clamp(1.6rem,1.3rem + 1vw,2.1rem);margin-bottom: 1rem}.stay-form{display: grid;gap: .8rem;align-items: end}@media (min-width: 40em){.stay-form{grid-template-columns: 1fr 1fr}}@media (min-width: 64em){.stay-form{grid-template-columns: 1.2fr 1.2fr .7fr .7fr auto}}.availability-form .stay-form{grid-template-columns: 1fr 1fr}.availability-form .stay-form .btn{grid-column: 1 / -1}.stay-field{display: grid;gap: .4rem}.stay-field label{display: flex;align-items: center;gap: .45rem;font: 600 .68rem/1.3 var(--sans);letter-spacing: .14em;text-transform: uppercase}.stay-field label svg{width: 1rem;height: 1rem;color: var(--terra)}.stay-field input{width: 100%;font: 400 1rem/1.4 var(--sans);color: var(--ink);background: var(--white);border: 1px solid #D9CEBE;border-radius: var(--r-sm);padding: .8rem .9rem;min-height: 3.1rem}.stay-field input:focus-visible{outline: none;border-color: var(--terra-ink);box-shadow: 0 0 0 3px rgb(196 104 67 / .22)}.stay-form .btn{min-height: 3.1rem}.booking-hero{padding-bottom: 1rem}.steps{display: flex;flex-wrap: wrap;gap: .5rem 1.6rem;list-style: none;margin: 1.6rem 0 0;padding: 0;font-size: .88rem;color: var(--taupe-ink)}.steps li{display: flex;align-items: center;gap: .6rem}.steps span{display: grid;place-items: center;width: 1.9rem;height: 1.9rem;border-radius: 50%;border: 1px solid var(--line);font: 600 .78rem/1 var(--sans);background: var(--white)}.steps [aria-current]{color: var(--ink);font-weight: 600}.steps [aria-current] span{background: var(--terra-ink);border-color: var(--terra-ink);color: var(--white)}.steps .is-done span{background: var(--ivory);color: var(--terra-ink);border-color: var(--terra)}.results{display: grid;gap: 1rem}.result{display: grid;gap: 1.2rem;padding: .8rem;border: 1px solid var(--line);border-radius: var(--r);background: var(--white);transition: border-color .3s,box-shadow .3s}.result:has(input:checked){border-color: var(--terra);box-shadow: 0 0 0 2px rgb(196 104 67 / .25)}.result--off{opacity: .75}.result-media{aspect-ratio: 3 / 2;border-radius: var(--r-sm)}.result-body h3{margin: .2rem 0 .4rem}.result-body h3 a{color: var(--ink);text-decoration: none}.result-body h3 a:hover{color: var(--terra-ink)}.result-body .eyebrow{margin-bottom: .4rem}.result-body .eyebrow::before,.result-body .eyebrow::after{content: none}.result-status{display: inline-flex;align-items: center;gap: .4rem;font-size: .88rem;font-weight: 600;margin: .4rem 0 0}.result-status svg{width: 1.1rem;height: 1.1rem}.result-status--ok{color: #2f7d55}.result-status--off{color: var(--taupe-ink)}.result-side{display: grid;align-content: center;gap: .4rem}.result-price{font: 400 2rem/1 var(--serif);margin: 0}.result-pick{display: inline-flex;align-items: center;justify-content: center;gap: .6rem;margin-top: .6rem;padding: .7rem 1.2rem;border: 1px solid var(--ink);border-radius: 999px;cursor: pointer;font-weight: 500}.result-pick input{width: 1.15rem;height: 1.15rem;accent-color: var(--terra-ink)}.result-pick:has(input:checked){background: var(--terra-ink);border-color: var(--terra-ink);color: var(--white)}.result-pick:has(input:focus-visible){outline: 2px solid var(--terra-ink);outline-offset: 3px}@media (min-width: 52em){.result{grid-template-columns: 16rem 1fr 13rem;align-items: center;padding: 1rem 1.6rem 1rem 1rem}.result-side{text-align: right;justify-items: end}}.results-actions{position: sticky;bottom: 1rem;display: flex;justify-content: flex-end;padding: 1rem;background: color-mix(in srgb,var(--white) 90%,transparent);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid var(--line);border-radius: var(--r)}.booking-layout{display: grid;gap: clamp(2rem,5vw,4rem);align-items: start}@media (min-width: 60em){.booking-layout{grid-template-columns: minmax(0,1.3fr) minmax(0,.8fr)}.booking-layout>aside{order: 2;position: sticky;top: calc(var(--header-h) + 1rem)}}.summary{background: var(--ivory);border-radius: var(--r-lg);padding: clamp(1.3rem,3vw,2rem)}.summary-room{display: grid;grid-template-columns: 72px 1fr;gap: 1rem;align-items: center;margin-top: 1rem}.summary-room .media{width: 72px;height: 56px;border-radius: var(--r-sm)}.summary-room strong{display: block;font: 400 1.25rem/1.15 var(--serif)}.summary-room span{font-size: .85rem;color: var(--taupe-ink)}.summary-total{display: flex;justify-content: space-between;align-items: baseline;margin: 1.4rem 0 .8rem;padding-top: 1rem;border-top: 1px solid var(--taupe)}.summary-total strong{font: 400 1.7rem/1.1 var(--serif);text-align: right}.status-badge{display: inline-block;padding: .45rem 1rem;border-radius: 999px;font: 600 .78rem/1.2 var(--sans);letter-spacing: .08em;text-transform: uppercase;background: var(--ivory);border: 1px solid var(--line)}.status-badge--pending{background: #fdf3e2;border-color: #e7c48a;color: #7a4f12}.status-badge--confirmed{background: #eef7f1;border-color: #9cc5ad;color: #1f5c3c}.status-badge--declined,.status-badge--cancelled,.status-badge--expired{color: var(--taupe-ink)}.reply{margin: 1.4rem 0;padding: 1.2rem 1.4rem;background: var(--ivory);border-radius: var(--r);border: 0}.cancel-form{margin-top: 1.6rem}.cancel-form .link-line{background: none;border: 0;border-bottom: 1px solid currentColor;cursor: pointer;padding: .3rem 0;color: var(--taupe-ink);font: 500 .9rem/1.3 var(--sans)}.availability{display: grid;gap: clamp(1.5rem,4vw,3rem);align-items: start}@media (min-width: 64em){.availability{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr)}}.calendar-nav{display: flex;justify-content: space-between;margin-bottom: .6rem}.calendar-nav .lb-btn{position: static;translate: none}.calendars{display: grid;gap: 1.5rem}@media (min-width: 40em){.calendars{grid-template-columns: 1fr 1fr}}.calendar-title{font: 400 1.5rem/1.2 var(--serif);margin: 0 0 .6rem;text-align: center}.calendar table{width: 100%;border-collapse: separate;border-spacing: 3px;table-layout: fixed}.calendar th{font: 600 .66rem/1 var(--sans);letter-spacing: .1em;color: var(--taupe-ink);padding: .4rem 0}.calendar td{height: 2.4rem;text-align: center;font-size: .88rem;border-radius: 8px}.day--free{background: #eef7f1;color: #1f5c3c;font-weight: 600}.day--taken{background: var(--sand);color: #6F6054;text-decoration: line-through}.day--past{color: #8f8275}.calendar-legend{display: flex;gap: 1.2rem;align-items: center;flex-wrap: wrap;font-size: .85rem;color: var(--taupe-ink);margin-top: 1rem}.dot{display: inline-block;width: .9rem;height: .9rem;border-radius: 4px;vertical-align: -2px;margin-right: .4rem}.dot--free{background: #cfe6d8}.dot--taken{background: var(--sand)}.exp-legend{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem .7rem;margin-top: 1.6rem;font-size: .88rem;color: var(--taupe-ink)}.exp-badge{display: inline-flex;align-items: center;gap: .45rem;padding: .35rem .8rem;border-radius: 999px;border: 1px solid var(--line);background: var(--white);font: 600 .68rem/1.3 var(--sans);letter-spacing: .1em;text-transform: uppercase;color: var(--taupe-ink)}.exp-badge::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--taupe)}.exp-badge--riad{color: var(--terra-ink);border-color: #e6c3b2;background: #fdf6f2}.exp-badge--riad::before{background: var(--terra)}.exp-nav{position: sticky;top: var(--header-h);z-index: 20;background: color-mix(in srgb,var(--white) 92%,transparent);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-block: 1px solid var(--line)}.exp-nav ul{display: flex;gap: .5rem;list-style: none;margin: 0 auto;padding: .7rem var(--gutter);max-width: 1480px;overflow-x: auto;scrollbar-width: none}.exp-nav ul::-webkit-scrollbar{display: none}.exp-nav a{display: block;white-space: nowrap;padding: .5rem .95rem;border-radius: 999px;border: 1px solid var(--line);color: var(--ink);text-decoration: none;font-size: .88rem;transition: background .2s,border-color .2s,color .2s}.exp-nav a:hover{border-color: var(--terra);color: var(--terra-ink)}.page-experiences .section[id]{scroll-margin-top: calc(var(--header-h) + 4rem)}.exp-headline{font: italic 400 clamp(1.5rem,1.2rem + 1vw,2.1rem)/1.2 var(--serif);color: var(--terra);margin: -.2rem 0 1rem}.exp-feature-media{aspect-ratio: 4 / 5;max-height: 40rem;box-shadow: var(--glow)}.exp-practical{list-style: none;padding: 0;margin: 1.4rem 0 0;display: grid;gap: .55rem}.exp-practical li{display: flex;gap: .6rem;align-items: flex-start;font-size: .95rem}.exp-practical svg{width: 1.1rem;height: 1.1rem;color: var(--terra);flex: none;margin-top: .2rem}.page-experience .page-hero .exp-badge{margin-top: .4rem}.exp-visual{position: relative;isolation: isolate;display: grid;place-items: center;align-content: center;gap: 1rem;aspect-ratio: 4 / 5;background: var(--ivory);color: var(--terra);text-align: center;padding: 2rem}.exp-visual::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .2;background: url(../img/motif-zellige.svg) center / 200px repeat;-webkit-mask-image: radial-gradient(circle at 50% 45%,transparent 22%,#000 75%);mask-image: radial-gradient(circle at 50% 45%,transparent 22%,#000 75%)}.exp-visual-icon{display: grid;place-items: center;width: clamp(4.5rem,9vw,6.5rem);aspect-ratio: 1;border-radius: 50%;background: var(--white);border: 1px solid #e6c3b2;box-shadow: 0 20px 40px -26px rgb(196 104 67 / .6)}.exp-visual-icon svg{width: 46%;height: 46%}.exp-visual-label{font: italic 400 clamp(1.4rem,1.1rem + 1vw,2rem)/1.1 var(--serif);color: var(--ink)}.page-hero .exp-visual{height: min(70svh,40rem);aspect-ratio: auto}.exp-grid{display: grid;gap: clamp(.8rem,1.6vw,1.25rem);grid-template-columns: repeat(auto-fill,minmax(min(100%,18rem),1fr))}.exp-grid--4{grid-template-columns: repeat(auto-fill,minmax(min(100%,15rem),1fr))}.exp-card{display: grid;grid-template-rows: auto 1fr;background: var(--white);border: 1px solid var(--line);border-radius: var(--r);overflow: hidden;color: var(--ink);text-decoration: none;transition: transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.exp-card-media{aspect-ratio: 4 / 3;border-radius: 0}.exp-card-media.exp-visual{aspect-ratio: 4 / 3}.exp-card .media img{transition: transform 1.1s var(--ease)}.exp-card-body{display: grid;align-content: start;justify-items: start;gap: .5rem;padding: 1.2rem 1.3rem 1.4rem}.exp-card h3{margin: .3rem 0 0;font-size: clamp(1.45rem,1.25rem + .6vw,1.85rem)}.exp-card p{margin: 0;color: var(--taupe-ink);font-size: .92rem}.exp-card .link-arrow{margin-top: .4rem}.exp-card:hover{transform: translateY(-5px);border-color: var(--taupe);box-shadow: 0 26px 46px -30px rgb(35 31 32 / .45);color: var(--ink)}.exp-card:hover .media img{transform: scale(1.05)}.rows--list li{justify-content: flex-start;gap: .7rem}.rows--list li::before{content: "";flex: none;width: 6px;height: 6px;border-radius: 50%;background: var(--terra);transform: translateY(-2px)}.rows--list li span{font-size: .98rem;color: var(--ink)}.exp-chosen{display: flex;align-items: center;gap: .8rem;margin: 0;padding: .9rem 1.1rem;background: var(--white);border: 1px solid #e6c3b2;border-radius: var(--r-sm)}.exp-chosen svg{width: 1.4rem;height: 1.4rem;color: var(--terra);flex: none}.btn--whatsapp svg{width: 1.15rem;height: 1.15rem}.btn--whatsapp:not(:has(.arr))::after{content: none}.wa-float{position: fixed;right: clamp(.8rem,2vw,1.5rem);bottom: clamp(.8rem,2vw,1.5rem);z-index: 40;display: inline-flex;align-items: center;gap: .55rem;padding: .8rem 1.1rem .8rem .9rem;border-radius: 999px;background: #1f6f4a;color: var(--white);text-decoration: none;font: 600 .9rem/1 var(--sans);box-shadow: 0 16px 34px -14px rgb(0 0 0 / .45);transition: transform .3s var(--ease),background .2s}.wa-float svg{width: 1.35rem;height: 1.35rem}.wa-float:hover{color: var(--white);background: #175a3b;transform: translateY(-3px)}@media (max-width: 40em){.wa-float span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.wa-float{padding: .9rem}}@media print{.wa-float,.exp-nav{display: none !important}}.price-box{margin-top: 1.6rem;padding: 1.2rem 1.4rem;border: 1px solid var(--line);border-radius: var(--r);background: var(--ivory)}.price-box-amount{display: flex;align-items: baseline;gap: .5rem;flex-wrap: wrap;margin: 0;font: 400 clamp(2.2rem,1.8rem + 1.4vw,3rem)/1 var(--serif);color: var(--ink)}.price-box-amount small{font: 500 .85rem/1 var(--sans);color: var(--taupe-ink)}.price-box-amount--request{font-size: clamp(1.6rem,1.4rem + .8vw,2.1rem);font-style: italic;color: var(--terra-ink)}.price-box-note{display: flex;align-items: center;gap: .4rem;flex-wrap: wrap;margin: .7rem 0 0;font-size: .84rem;color: var(--taupe-ink)}.price-box-note svg{width: 1rem;height: 1rem;color: var(--terra)}.amenity-chips{display: flex;flex-wrap: wrap;gap: .45rem;list-style: none;margin: 1rem 0 0;padding: 0}.amenity-chips li{display: inline-flex;align-items: center;gap: .45rem;padding: .4rem .8rem;border-radius: 999px;background: var(--white);border: 1px solid var(--line);font-size: .84rem}.amenity-chips svg{width: 1.05rem;height: 1.05rem;color: var(--terra);flex: none}.amenity-chips--small li{padding: .3rem .65rem;font-size: .78rem}.result-body .amenity-chips{margin-top: .7rem}.amenities{display: grid;gap: clamp(1rem,2vw,1.5rem);grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr))}.amenities-group{padding: 1.4rem 1.5rem;background: var(--ivory);border-radius: var(--r)}.amenities-group h3{font: 600 .7rem/1.4 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--taupe-ink);margin: 0 0 1rem}.amenities-group ul{list-style: none;margin: 0;padding: 0;display: grid;gap: .8rem}.amenities-group li{display: flex;align-items: center;gap: .8rem;font-size: .96rem}.amenities-group svg{width: 2.4rem;height: 2.4rem;padding: .55rem;flex: none;border-radius: 50%;background: var(--white);border: 1px solid var(--line);color: var(--terra)}.room-card-price{position: absolute;top: 1rem;right: 1rem;z-index: 1;padding: .55rem .9rem;border-radius: 999px;background: var(--white);color: var(--ink);font: 400 1.35rem/1 var(--serif);box-shadow: 0 10px 24px -14px rgb(0 0 0 / .45)}.room-card-price small{font: 500 .72rem/1 var(--sans);color: var(--taupe-ink)}.room-card-amenities{display: flex;gap: .4rem;list-style: none;margin: 0 0 .7rem;padding: 0}.room-card-amenities li{display: grid;place-items: center;width: 2.1rem;height: 2.1rem;border-radius: 50%;background: rgb(255 255 255 / .18);border: 1px solid rgb(255 255 255 / .35);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.room-card-amenities svg{width: 1.05rem;height: 1.05rem;color: var(--white)}.amenity-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap: .7rem;list-style: none;margin: 0;padding: 0}.amenity-grid li{display: flex;align-items: center;gap: .85rem;min-height: 3.6rem;padding: .7rem 1rem;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--white);font-size: .95rem;line-height: 1.3}.amenity-grid svg{width: 1.35rem;height: 1.35rem;flex: none;color: var(--terra)}.slideshow{position: relative;isolation: isolate}.slideshow picture{position: absolute;inset: 0}.slideshow picture:first-child{position: relative;display: block;height: 100%}.slideshow picture + picture{opacity: 0;animation: slide-fade 30s linear infinite}.slideshow picture:nth-child(2){animation-delay: 6s}.slideshow picture:nth-child(3){animation-delay: 12s}.slideshow picture:nth-child(4){animation-delay: 18s}.slideshow picture:nth-child(5){animation-delay: 24s}.slideshow:hover picture,.slideshow:focus-within picture{animation-play-state: paused}.slideshow img{height: 100%}.band-aside{position: relative;z-index: 1;width: min(62%,16rem);margin: 1.5rem auto 0}.band-aside .media{aspect-ratio: 3 / 4;box-shadow: 0 30px 60px -34px rgb(35 31 32 / .6);border: 6px solid var(--white)}@media (min-width: 56em){.band--duo{grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: center;column-gap: clamp(2rem,5vw,5rem);min-height: clamp(30rem,78svh,46rem);padding: clamp(2.5rem,7vh,4.5rem) max(var(--gutter),8vw)}.band--duo .band-media{position: absolute;inset: 0;overflow: hidden}.band--duo .band-media .media{height: 100%}.band--duo .band-card{position: relative;inset: auto;transform: none;margin: 0;width: 100%;grid-column: 2;grid-row: 1;justify-self: end}.band--duo .band-aside{position: relative;inset: auto;transform: none;margin: 0;grid-column: 1;grid-row: 1;justify-self: start;width: clamp(14rem,22vw,20rem)}}.exp-grid--5{grid-template-columns: 1fr}@media (min-width: 40em){.exp-grid--5{grid-template-columns: repeat(6,1fr)}.exp-grid--5>:nth-child(-n+3){grid-column: span 2}.exp-grid--5>:nth-child(n+4){grid-column: span 3}}@media (min-width: 72em){.exp-grid--5{grid-template-columns: repeat(5,1fr)}.exp-grid--5>*{grid-column: auto !important}.exp-grid--5 .exp-card-body{padding: 1.1rem 1.1rem 1.3rem}.exp-grid--5 .exp-card h3{font-size: clamp(1.35rem,1.1rem + .5vw,1.65rem)}}.exp-grid--5 .exp-card-media{aspect-ratio: 4 / 3}.place-grid{display: grid;gap: clamp(.8rem,1.6vw,1.25rem);grid-template-columns: repeat(auto-fill,minmax(min(100%,15rem),1fr));list-style: none;margin: 0;padding: 0}.place-card{display: grid;grid-template-rows: auto 1fr;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r);background: var(--white)}.place-card .media{aspect-ratio: 4 / 3;border-radius: 0}.place-card-body{display: grid;align-content: start;gap: .35rem;padding: 1.05rem 1.2rem 1.25rem}.place-card h3{margin: 0;font-size: clamp(1.3rem,1.15rem + .5vw,1.6rem)}.place-card p{margin: .2rem 0 0;font-size: .9rem;color: var(--taupe-ink)}.place-walk{display: inline-flex;align-items: center;gap: .45rem;font: 600 .7rem/1.2 var(--sans);letter-spacing: .12em;text-transform: uppercase;color: var(--terra-ink)}.place-walk-ico{flex: none;width: 1.05rem;height: 1.05rem;background: currentColor;-webkit-mask: url(../img/icons/pas.png) center / contain no-repeat;mask: url(../img/icons/pas.png) center / contain no-repeat}.surroundings{display: grid;gap: clamp(1rem,2vw,1.5rem)}@media (min-width: 64em){.surroundings{grid-template-columns: minmax(0,1fr) minmax(17rem,22rem);align-items: stretch}.surroundings .place-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 80em){.surroundings .place-grid{grid-template-columns: repeat(4,1fr)}.surroundings{grid-template-columns: minmax(0,1fr) 20rem}}.surroundings .place-card .media{aspect-ratio: 1}.surroundings-foot{margin-top: 1.6rem}.map-embed{overflow: hidden;border: 1px solid var(--line);border-radius: var(--r);background: var(--ivory)}.map-embed iframe{display: block;width: 100%;height: clamp(22rem,62vh,34rem);border: 0}.map-embed p{margin: 0;padding: .85rem 1.2rem;font-size: .85rem;border-top: 1px solid var(--line)}.rooms-rail{overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);scrollbar-width: thin;scrollbar-color: var(--taupe) transparent}.rooms-rail:focus-visible{outline: 2px solid var(--terra);outline-offset: 4px}.rooms-rail .hscroll-track{width: max-content;overflow: visible;padding: 1rem var(--gutter) 2rem;margin-inline: auto}@media (min-width: 64em){.rooms-rail{scroll-padding-inline: max(var(--gutter),calc((100vw - var(--max)) / 2))}.rooms-rail .hscroll-track{padding-inline: max(var(--gutter),calc((100vw - var(--max)) / 2))}}.rooms-rail.is-dragging{cursor: grabbing;scroll-snap-type: none;user-select: none}.rooms-rail.is-dragging a{pointer-events: none}.rooms-rail[data-drag]{cursor: grab}.credits{list-style: none;margin: 0;padding: 0;display: grid;gap: .6rem;font-size: .9rem}.credits li{padding-bottom: .6rem;border-bottom: 1px solid var(--line)}.surroundings .prep-address{font-size: clamp(1.4rem,1.2rem + .6vw,1.75rem)}@media (min-width: 40em){.place-grid--4{grid-template-columns: repeat(2,1fr)}}@media (min-width: 64em){.place-grid--4{grid-template-columns: repeat(4,1fr)}}.rooms-rail .arch-card{width: clamp(13rem,calc((min(100vw,var(--max) + 2 * var(--gutter)) - 2 * var(--gutter) - 4 * clamp(1.2rem,3vw,3rem)) / 5 - 2px),19rem)}.split--top{align-items: start}@media (min-width: 56em){.split--top>.prep-card{position: sticky;top: calc(var(--header-h) + 1.5rem)}}.exp-steps{list-style: none;counter-reset: step;margin: .4rem 0 1.6rem;padding: 0;display: grid;gap: 1.1rem}.exp-steps li{counter-increment: step;display: grid;grid-template-columns: 2.3rem 1fr;column-gap: .9rem;align-items: start}.exp-steps li::before{content: counter(step);grid-row: span 2;display: grid;place-items: center;width: 2.3rem;height: 2.3rem;border-radius: 50%;border: 1px solid #e6c3b2;background: var(--ivory);font: 400 1.15rem/1 var(--serif);color: var(--terra-ink)}.exp-steps strong{font: 400 1.25rem/1.25 var(--serif)}.exp-steps span{font-size: .9rem;color: var(--taupe-ink);margin-top: .2rem}.prep-card .actions{display: flex;flex-wrap: wrap;gap: .6rem;margin-top: auto}