:root{ --n1:url("/assets/photos/dsc00904-edit-1600.webp"); --n2:url("/assets/photos/dsc00335-1600.webp"); --n3:url("/assets/photos/dsc00451-edit-1600.webp"); --n4:url("/assets/photos/dsc00937-edit-1600.webp"); --n5:url("/assets/photos/dsc00936-edit-1600.webp"); --n6:url("/assets/photos/dsc00657-1600.webp"); --n7:url("/assets/photos/official-spa-1600.webp"); --n8:url("/assets/photos/official-events-1600.webp"); } :root{ --img5-pool1:url("/assets/photos/dsc00904-edit-1600.webp"); --img5-pool2:url("/assets/photos/dsc00918-edit-1600.webp"); --img5-privpool1:url("/assets/photos/dsc00421-edit-1600.webp"); --img5-privpool2:url("/assets/photos/dsc00511-edit-1600.webp"); --img5-lounge1:url("/assets/photos/dsc00622-1600.webp"); --img5-lounge2:url("/assets/photos/dsc00700-1600.webp"); --img5-tennis:url("/assets/photos/dsc00666-edit-1600.webp"); --img5-bar:url("/assets/photos/dsc00912-edit-1600.webp"); --img5-garden1:url("/assets/photos/dsc00933-edit-1600.webp"); --img5-garden2:url("/assets/photos/dsc00936-edit-1600.webp"); --img5-terrace:url("/assets/photos/dsc00429-edit-1600.webp"); --img5-villaext:url("/assets/photos/dsc00920-edit-1600.webp"); --img5-sign:url("/assets/photos/dsc00940-edit-1600.webp"); --img5-cactus:url("/assets/photos/dsc00945-edit-1600.webp"); } :root{ --img4-salon1:url("/assets/photos/dsc00335-1600.webp"); --img4-salon2:url("/assets/photos/dsc00340-1600.webp"); --img4-salon3:url("/assets/photos/dsc00345-1600.webp"); --img4-vwhite1:url("/assets/photos/dsc00451-edit-1600.webp"); --img4-vwhite2:url("/assets/photos/dsc00461-1600.webp"); --img4-wbed1:url("/assets/photos/dsc00400-1600.webp"); --img4-wbed2:url("/assets/photos/dsc00415-1600.webp"); --img4-red1:url("/assets/photos/dsc00190-1600.webp"); --img4-red2:url("/assets/photos/dsc00195-1600.webp"); --img4-red3:url("/assets/photos/dsc00200-1600.webp"); --img4-baths1:url("/assets/photos/dsc00150-1600.webp"); --img4-baths2:url("/assets/photos/dsc00160-1600.webp"); } :root{ --img3-moroc1:url("/assets/photos/dsc00135-1600.webp"); --img3-moroc2:url("/assets/photos/dsc00130-1600.webp"); --img3-moroc3:url("/assets/photos/dsc00135-1600.webp"); --img3-african:url("/assets/photos/dsc00140-1600.webp"); --img3-asian:url("/assets/photos/dsc00165-1600.webp"); --img3-artroom:url("/assets/photos/dsc00325-1600.webp"); --img3-lounge:url("/assets/photos/dsc00461-1600.webp"); --img3-themed1:url("/assets/photos/dsc00215-1600.webp"); --img3-view:url("/assets/photos/dsc00220-1600.webp"); --img3-bathA:url("/assets/photos/dsc00230.jpg"); --img3-bathB:url("/assets/photos/dsc00260.jpg"); --img3-bright:url("/assets/photos/dsc00115-1600.webp"); } :root{ --img2-pool:url("/assets/photos/dsc09973-edit-1600.webp"); --img2-green1:url("/assets/photos/dsc09915-1600.webp"); --img2-green2:url("/assets/photos/dsc09910-1600.webp"); --img2-green3:url("/assets/photos/dsc09915-1600.webp"); --img2-white1:url("/assets/photos/dsc00451-edit-1600.webp"); --img2-white2:url("/assets/photos/dsc00546-1600.webp"); --img2-white3:url("/assets/photos/dsc00546-1600.webp"); --img2-bath1:url("/assets/photos/official-spa-1600.webp"); --img2-bath2:url("/assets/photos/official-spa-1600.webp"); --img2-bath3:url("/assets/photos/official-spa-1600.webp"); } :root{ --bg:#FFFFFF;--panel:#F5F4F1;--ink:#141310;--ink-2:#48463F;--muted:#8B897E; --black:#0E0D0B;--on-black:#F4F2EC;--on-black-2:#B7B3A8; --line:rgba(20,19,16,.14);--line-blk:rgba(244,242,236,.16); --blue:#26395F;--blue-2:#18263F;--blue-soft:#EAEEF5;--blue-lt:#AEBEDD; --shadow:0 40px 90px -55px rgba(15,20,35,.55);--shadow-sm:0 18px 44px -28px rgba(15,20,35,.4); color-scheme:light; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{background:var(--bg);color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-weight:400;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} h1,h2,h3,h4{font-family:"Trirong","Times New Roman",serif;font-weight:400;line-height:1.2;color:var(--ink);text-wrap:balance} .em{font-style:italic;color:var(--blue);font-weight:400} .hero .em,.on-black .em,.reserve .em,.page-hero .em{color:inherit} .wrap{max-width:1200px;margin:0 auto;padding:0 44px} .narrow{max-width:820px;margin:0 auto;padding:0 44px} @media(max-width:640px){.wrap,.narrow{padding:0 22px}} .label{display:inline-flex;align-items:center;gap:15px;font-size:.68rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--blue)} .label::before,.label::after{content:"";width:28px;height:1px;background:var(--blue);opacity:.55} .label.solo::before,.label.solo::after{display:none} .on-black .label,.page-hero .label{color:var(--blue-lt)} .on-black .label::before,.on-black .label::after,.page-hero .label::before,.page-hero .label::after{background:var(--blue-lt);opacity:.5} .orn{position:relative;width:150px;height:22px;margin:22px auto;background:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6E9A' stroke-width='1.2'%3E%3Crect x='5.5' y='5.5' width='13' height='13'/%3E%3Crect x='5.5' y='5.5' width='13' height='13' transform='rotate(45 12 12)'/%3E%3C/svg%3E")} .orn::before,.orn::after{content:"";position:absolute;top:11px;width:46px;height:1px;background:var(--line)} .orn::before{left:0}.orn::after{right:0} .hero .orn::before,.hero .orn::after,.on-black .orn::before,.on-black .orn::after,.page-hero .orn::before,.page-hero .orn::after{background:var(--line-blk)} /* buttons — all blue */ .btn{display:inline-block;background:var(--blue);border:1px solid var(--blue);color:#fff;padding:15px 38px;font-family:"Inter";font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;transition:.35s;cursor:pointer} .btn:hover{background:var(--blue-2);border-color:var(--blue-2)} .btn.ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff} .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff} .link{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-top:8px;transition:gap .3s;cursor:pointer} .on-black .link{color:var(--blue-lt)} .link::after{content:"→"}.link:hover{gap:15px} /* nav */ nav{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 44px;color:#fff;transition:.45s} nav.stuck{background:var(--bg);color:var(--ink);box-shadow:0 10px 30px -16px rgba(20,25,40,.28),0 1px 0 var(--line);padding:13px 44px} .nav-l{justify-self:start}.nav-r{justify-self:end;display:flex;align-items:center;gap:16px} .nav-links{display:flex;align-items:center;gap:22px;font-size:.69rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase} .nav-links a{opacity:.92;position:relative;padding:4px 0;cursor:pointer} .nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--blue);transition:width .4s} .nav-links a:hover::after,.nav-links a.active::after{width:100%} nav.stuck .nav-links a::after{background:var(--blue)} /* Chambres dropdown */ .has-dd{position:relative;display:flex;align-items:center} .has-dd>a{padding:4px 0} .has-dd>a .cr{font-size:.7em;opacity:.7;margin-left:3px} .dd{position:absolute;top:100%;left:-14px;min-width:238px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(12px);transition:.32s ease;z-index:70;margin-top:10px} .has-dd:hover .dd{opacity:1;visibility:visible;transform:translateY(0)} .dd a{display:block;padding:10px 22px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;transition:.25s} .dd a::after{display:none} .dd a:hover{background:var(--panel);color:var(--blue);padding-left:27px} .dd .sep{height:1px;background:var(--line);margin:6px 0} .brand{justify-self:center;font-family:"Trirong",serif;font-size:1.34rem;letter-spacing:.4em;padding-left:.4em;white-space:nowrap;cursor:pointer} .nav-book{background:var(--blue);border:1px solid var(--blue);color:#fff;padding:10px 20px;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.35s;cursor:pointer;font-family:"Inter"} .nav-book:hover{background:var(--blue-2);border-color:var(--blue-2)} .ttog{width:34px;height:34px;border:1px solid currentColor;background:none;color:inherit;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:.9rem;transition:.3s} .ttog:hover{color:var(--blue-lt);border-color:var(--blue-lt)} .burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:var(--blue);border:1px solid var(--blue);border-radius:5px;cursor:pointer;padding:10px 9px;width:46px;height:40px;transition:.3s} .burger:hover{background:var(--blue-2);border-color:var(--blue-2)} .burger span{width:100%;height:2px;background:#fff;border-radius:2px;transition:.3s} @media(max-width:1080px){nav,nav.stuck{grid-template-columns:auto 1fr;padding-left:18px;padding-right:14px}.nav-l .nav-links,.nav-r .nav-links{display:none}.nav-l{display:none}.brand{justify-self:start;padding-left:0}.nav-r{gap:12px}.burger{display:flex}} @media(max-width:560px){nav,nav.stuck{padding-left:14px;padding-right:12px} .brand{letter-spacing:.18em;padding-left:.18em} .nav-r{gap:8px} .nav-book{padding:9px 13px;font-size:.58rem;letter-spacing:.08em} .burger{width:40px;height:38px;padding:9px 8px;gap:4px}} /* mobile menu */ .mmenu{position:fixed;inset:0;z-index:70;background:var(--black);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1);visibility:hidden} .mmenu.open{transform:none;visibility:visible} .mmenu a{font-family:"Trirong",serif;font-size:1.7rem;color:#fff;padding:9px 0;cursor:pointer} .mmenu a:hover{color:var(--blue-lt)} .mmenu .close{position:absolute;top:24px;right:30px;font-size:2rem;background:none;border:0;color:#fff;cursor:pointer} /* hero (home, animated) */ .hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#0b1220} .hero-media{position:absolute;inset:0} .hero-media video{width:100%;height:100%;object-fit:cover} .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:heroCycle 32s infinite} .slide:nth-child(1){background-image:var(--n1);animation-delay:0s} .slide:nth-child(2){background-image:var(--n2);animation-delay:8s} .slide:nth-child(3){background-image:var(--n3);animation-delay:16s} .slide:nth-child(4){background-image:var(--img3-moroc1);animation-delay:24s} @keyframes heroCycle{0%{opacity:0;transform:scale(1.04)}4%{opacity:1}22%{opacity:1}27%{opacity:0;transform:scale(1.13)}100%{opacity:0;transform:scale(1.04)}} .hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,15,25,.55) 0%,rgba(11,15,25,.2) 32%,rgba(11,15,25,.3) 64%,rgba(11,15,25,.74) 100%)} .hero-in{position:relative;z-index:2;padding:110px 24px 0;display:flex;flex-direction:column;align-items:center} .hero .label{color:#fff}.hero .label::before,.hero .label::after{background:rgba(255,255,255,.6);opacity:1} .hero h1{color:#fff;font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.16;margin:24px 0 2px} .hero .tag{font-size:clamp(1rem,1.6vw,1.16rem);font-weight:300;color:rgba(255,255,255,.9);max-width:54ch;margin-top:8px} .hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center} @media(prefers-reduced-motion:reduce){.slide{animation:none}.slide:nth-child(1){opacity:1}} /* page-hero (subpages) */ .page-hero{position:relative;min-height:56vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden} .page-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center} .page-hero::after{content:"";position:absolute;inset:0;background:rgba(11,14,22,.55)} .page-hero .in{position:relative;z-index:2;padding:130px 24px 46px;display:flex;flex-direction:column;align-items:center} .page-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.8rem);margin-top:16px} .page-hero .crumb{margin-top:16px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)} /* booking */ .booking{position:relative;z-index:20;max-width:1040px;margin:-56px auto 0;background:var(--bg);box-shadow:var(--shadow);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr auto} .bk{padding:22px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px} .bk label{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)} .bk input,.bk select{font-family:"Trirong",serif;font-size:1.18rem;color:var(--ink);background:none;border:0;outline:none;width:100%;cursor:pointer} .bk input::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer} .bk-go{background:var(--blue);color:#fff;border:0;padding:0 38px;cursor:pointer;font-family:"Inter";font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;transition:.35s} .bk-go:hover{background:var(--blue-2)} @media(max-width:820px){.booking{grid-template-columns:1fr 1fr;margin-top:-44px}.bk:nth-child(3){grid-column:1/-1}.bk-go{grid-column:1/-1;padding:20px}} /* sections */ section{padding:clamp(66px,8.5vw,112px) 0} .center{text-align:center;display:flex;flex-direction:column;align-items:center} .sec-title{font-size:clamp(2rem,4.4vw,3.1rem)} .lead{color:var(--ink-2);font-size:1.05rem;max-width:62ch} /* two-col intro */ .wg{display:grid;grid-template-columns:1.05fr 1fr;gap:66px;align-items:center} .wg.rev>div:first-child{order:2} .wg h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:14px 0 18px} .wg p{color:var(--ink-2);margin-bottom:14px} .wg .sign{font-family:"Trirong",serif;font-style:italic;font-size:1.3rem;color:var(--blue);margin-top:14px} .wimg{aspect-ratio:4/5;background-size:cover;background-position:center;box-shadow:var(--shadow-sm);position:relative} .wimg::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.4);pointer-events:none} .stats{display:flex;gap:38px;margin-top:28px;flex-wrap:wrap} .stat .n{font-family:"Trirong",serif;font-size:2.5rem;color:var(--blue);line-height:1} .stat .l{font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:5px} @media(max-width:860px){.wg,.wg.rev{grid-template-columns:1fr;gap:34px}.wg.rev>div:first-child{order:0}.wimg{aspect-ratio:16/11}} /* dark band */ .dark-band{background:var(--black);color:var(--on-black);position:relative;overflow:hidden} .dark-band .bg{position:absolute;inset:0;background:var(--img4-salon2) center/cover;opacity:.26} .dark-band .in{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center} .dark-band h2{color:#fff;font-size:clamp(1.9rem,4.6vw,3.1rem);max-width:24ch;margin:16px 0 18px} .dark-band p{color:var(--on-black-2);max-width:60ch;font-size:1.05rem} /* feature */ .feature{display:grid;grid-template-columns:1fr 1fr;align-items:stretch} .feature.rev .f-img{order:2} .f-img{min-height:520px;background-size:cover;background-position:center;position:relative} .f-img::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35);pointer-events:none} .f-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5.2vw,84px);background:var(--panel)} .f-txt h2{font-size:clamp(1.9rem,3.8vw,2.7rem);margin:14px 0 16px} .f-txt p{color:var(--ink-2);margin-bottom:13px} .svc{margin-top:16px;border-top:1px solid var(--line)} .svc li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);list-style:none} .svc .s-name{font-family:"Trirong",serif;font-size:1.05rem;color:var(--ink)} .svc .s-desc{color:var(--muted);font-size:.85rem} .svc .s-price{font-family:"Trirong",serif;color:var(--blue);white-space:nowrap;align-self:center} @media(max-width:860px){.feature,.feature.rev{grid-template-columns:1fr}.feature.rev .f-img{order:0}.f-img{min-height:340px}} /* rooms */ .rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .rooms{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px} .rooms::-webkit-scrollbar{height:3px}.rooms::-webkit-scrollbar-thumb{background:var(--blue)}.rooms::-webkit-scrollbar-track{background:var(--line)} .rooms .rc{flex:0 0 clamp(280px,31%,360px);scroll-snap-align:start} .rc{background:var(--bg);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:.45s} .rc:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm)} .rc .imgwrap{overflow:hidden} .rc .ci{aspect-ratio:3/2;background-size:cover;background-position:center;transition:transform .8s} .rc:hover .ci{transform:scale(1.05)} .rc .cb{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1} .rc .meta{display:flex;gap:16px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)} .rc h3{font-size:1.5rem} .rc p{color:var(--ink-2);font-size:.9rem;flex:1} .rc .bot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:2px} .rc .price{font-family:"Trirong",serif;font-size:1.08rem;color:var(--ink)} .rc .price small{font-family:"Inter";font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .rc .bk-link{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);cursor:pointer} .r1 .ci{background-image:var(--rrosa)}.r2 .ci{background-image:var(--rblanche)}.r3 .ci{background-image:var(--rquad)} .r4 .ci{background-image:var(--img2-green1)}.r5 .ci{background-image:var(--rjunior)}.r6 .ci{background-image:var(--img2-white3)} @media(max-width:920px){.rooms-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.rooms-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.rooms .rc{flex:0 0 84%}} /* room detail (page Chambres) */ .room-detail{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;border:1px solid var(--line);margin-bottom:28px;background:var(--bg);overflow:hidden} .room-detail.rev .rd-img{order:2} .rd-img{min-height:480px;background-size:cover;background-position:center;position:relative} .rd-img::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.35);pointer-events:none} .rd-txt{padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:center} .rd-meta{display:flex;gap:20px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px} .rd-txt h3{font-size:clamp(1.7rem,3vw,2.2rem);margin-bottom:16px} .rd-txt .apropos p{color:var(--ink-2);font-size:.96rem;margin-bottom:12px} .rd-serv-h{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:20px 0 12px} .rd-serv{display:flex;flex-wrap:wrap;gap:8px} .rd-serv span{font-size:.74rem;letter-spacing:.03em;color:var(--ink-2);background:var(--panel);border:1px solid var(--line);padding:6px 12px} .rd-extra{color:var(--muted);font-size:.82rem;margin-top:14px;line-height:1.6} .rd-txt .btn{margin-top:24px;align-self:flex-start} @media(max-width:860px){.room-detail,.room-detail.rev{grid-template-columns:1fr}.room-detail.rev .rd-img{order:0}.rd-img{min-height:300px}} .back-link{display:inline-block;margin-bottom:26px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);cursor:pointer;transition:.3s} .back-link:hover{opacity:.7} .rgal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px} .rgal .rg{aspect-ratio:4/3;background-size:cover;background-position:center} .rc .bot .bk-link+.bk-link{color:var(--ink-2)} @media(max-width:640px){.rgal{grid-template-columns:1fr 1fr}} /* offers */ .off-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:840px;margin:0 auto} .off{position:relative;overflow:hidden;min-height:410px;display:flex;align-items:flex-end;color:#fff} .off[data-page]{cursor:pointer} .off .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s} .off:hover .bg{transform:scale(1.06)} .off::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,14,22,.88),rgba(11,14,22,.1) 60%)} .off .c{position:relative;z-index:2;padding:30px} .off .tagp{font-size:.63rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-lt)} .off h3{color:#fff;font-size:1.55rem;margin:9px 0 7px} .off p{color:rgba(255,255,255,.85);font-size:.9rem;margin-bottom:12px} .off .price{font-family:"Trirong",serif;font-size:1.1rem} .off1 .bg{background-image:var(--img3-moroc1)}.off2 .bg{background-image:var(--img4-salon3)}.off3 .bg{background-image:var(--img2-pool)} @media(max-width:860px){.off-grid{grid-template-columns:1fr;max-width:430px;margin:0 auto}} /* events */ .evc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .evc{background:var(--bg);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:.45s} .evc:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm)} .evc .top{position:relative} .evc .ci{aspect-ratio:16/10;background-size:cover;background-position:center} .evc .date{position:absolute;left:18px;bottom:-22px;background:var(--blue);color:#fff;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1} .evc .date .d{font-family:"Trirong",serif;font-size:1.5rem} .evc .date .m{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-top:2px} .evc .cb{padding:34px 26px 26px;display:flex;flex-direction:column;gap:9px;flex:1} .evc h3{font-size:1.4rem}.evc p{color:var(--ink-2);font-size:.9rem;flex:1} .evc1 .ci{background-image:var(--img4-red1)}.evc2 .ci{background-image:var(--img3-african)}.evc3 .ci{background-image:var(--img4-salon3)} @media(max-width:860px){.evc-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}} /* artists */ .artist-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:940px;margin:0 auto} .artist-tags span{border:1px solid var(--line);padding:9px 16px;font-family:"Trirong",serif;font-size:1.02rem;color:var(--ink);transition:.3s;cursor:default} .artist-tags span:hover{border-color:var(--blue);color:var(--blue)} .artist-tags span b{font-weight:400;color:var(--muted);font-size:.8rem;font-family:"Inter"} /* amenities */ .amen{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 34px;max-width:1040px;margin:0 auto} .amen li{list-style:none;padding:11px 0;border-bottom:1px solid var(--line);font-size:.93rem;color:var(--ink-2);display:flex;gap:10px} .amen li::before{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;margin-top:9px;flex:none} @media(max-width:860px){.amen{grid-template-columns:1fr 1fr}} @media(max-width:480px){.amen{grid-template-columns:1fr}} /* gallery */ .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px} .gal.big{grid-auto-rows:230px} .gal .g{background-size:cover;background-position:center;position:relative;overflow:hidden} .gal .g::after{content:"";position:absolute;inset:0;background:rgba(38,57,95,0);transition:.5s} .gal .g:hover::after{background:rgba(38,57,95,.28)} .ga1{grid-column:span 2;grid-row:span 2;background-image:var(--n1)} .ga2{grid-column:span 2;background-image:var(--n2)} .ga3{background-image:var(--n3)}.ga4{background-image:var(--n6)}.ga5{background-image:var(--n8)} .ga6{background-image:var(--n5)}.ga7{background-image:var(--n4)}.ga8{background-image:var(--n7)} .ga9{background-image:var(--img5-pool1)}.ga10{background-image:var(--img5-pool2)}.ga11{background-image:var(--img5-garden1)} .ga12{background-image:var(--img5-tennis)}.ga13{background-image:var(--img5-bar)}.ga14{background-image:var(--img4-salon1)} .ga15{background-image:var(--img5-privpool1)}.ga16{background-image:var(--img5-privpool2)}.ga17{background-image:var(--img3-moroc1)} .ga18{background-image:var(--img4-wbed1)}.ga19{background-image:var(--img2-green1)}.ga20{background-image:var(--img5-lounge1)} .ga21{background-image:var(--img5-garden2)}.ga22{background-image:var(--img4-salon2)}.ga23{background-image:var(--img3-artroom)} .ga24{background-image:var(--img2-white1)}.ga25{background-image:var(--img5-sign)}.ga26{background-image:var(--img3-moroc2)} .ga27{background-image:var(--img4-red2)}.ga28{background-image:var(--img3-asian)}.ga29{background-image:var(--img3-african)} .ga30{background-image:var(--img4-vwhite1)}.ga31{background-image:var(--img5-lounge2)}.ga32{background-image:var(--img2-pool)} .ga33{background-image:var(--img3-lounge)}.ga34{background-image:var(--img4-salon3)}.ga35{background-image:var(--img2-green2)} .ga36{background-image:var(--img3-view)}.ga37{background-image:var(--img4-red1)}.ga38{background-image:var(--img2-white2)} .ga39{background-image:var(--img5-terrace)}.ga40{background-image:var(--img4-wbed2)}.ga41{background-image:var(--img3-themed1)} .ga42{background-image:var(--img2-green3)}.ga43{background-image:var(--img5-villaext)}.ga44{background-image:var(--img4-vwhite2)} .ga45{background-image:var(--img3-moroc3)}.ga46{background-image:var(--img3-bright)}.ga47{background-image:var(--img4-red3)} .ga48{background-image:var(--img5-cactus)}.ga49{background-image:var(--img2-white3)}.ga50{background-image:var(--img2-bath1)} .ga51{background-image:var(--img2-bath2)}.ga52{background-image:var(--img2-bath3)}.ga53{background-image:var(--img3-bathA)} .ga54{background-image:var(--img3-bathB)}.ga55{background-image:var(--img4-baths1)}.ga56{background-image:var(--img4-baths2)} /* themed suites strip */ .themes-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:6px} .themes-strip .t{aspect-ratio:1;background-size:cover;background-position:center;position:relative} .themes-strip .t span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(11,14,22,.88),transparent);color:#fff;font-size:.56rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:16px 4px 6px;text-align:center} .themes-strip .m1{background-image:var(--img3-moroc2)}.themes-strip .m2{background-image:var(--img3-asian)}.themes-strip .m3{background-image:var(--img3-african)}.themes-strip .m4{background-image:var(--img3-themed1)}.themes-strip .m5{background-image:var(--img3-bright)} @media(max-width:600px){.themes-strip{grid-template-columns:repeat(3,1fr)}} @media(max-width:640px){.gal{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.ga1{grid-column:span 2;grid-row:span 2}} /* testimonials */ .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .tst{background:var(--panel);padding:34px 28px;display:flex;flex-direction:column;gap:13px} .tst .stars{color:var(--blue);letter-spacing:.2em;font-size:.9rem} .tst blockquote{font-family:"Trirong",serif;font-style:italic;font-size:1.18rem;line-height:1.5;color:var(--ink)} .tst cite{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)} @media(max-width:860px){.tst-grid{grid-template-columns:1fr}} /* contact */ .cx{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start} .cx .info h3{font-size:1.6rem;margin-bottom:16px} .cx .info .row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)} .cx .info .row .k{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);min-width:96px;padding-top:3px} .cx .info .row .v{color:var(--ink-2)} .form{display:grid;gap:14px} .form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px} .form input,.form textarea{width:100%;background:var(--bg);border:1px solid var(--line);padding:14px 16px;font-family:"Inter";font-size:.95rem;color:var(--ink);outline:none;transition:.3s} .form input:focus,.form textarea:focus{border-color:var(--blue)} .form textarea{min-height:130px;resize:vertical} .map{position:relative;margin-top:30px;height:320px;border:1px solid var(--line);overflow:hidden;background:var(--panel)} .map-svg{position:absolute;inset:0;width:100%;height:100%;display:block} .m-bg{fill:var(--panel)} .m-road{stroke:var(--line);fill:none;stroke-width:6} .m-road.thin{stroke-width:2.5} .m-park{fill:var(--blue-soft)} .m-block{fill:var(--line)} .m-pin{fill:var(--blue)} .m-ring{fill:none;stroke:var(--blue);stroke-width:2;transform-origin:center;animation:pulse 2.4s ease-out infinite} @keyframes pulse{0%{opacity:.6;r:8}100%{opacity:0;r:40}} @media(prefers-reduced-motion:reduce){.m-ring{animation:none;opacity:.4}} .map-card{position:absolute;left:22px;bottom:22px;background:var(--bg);border:1px solid var(--line);padding:22px 24px;max-width:330px;box-shadow:var(--shadow-sm)} .map-card .k{font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:8px} .map-card .name{font-family:"Trirong",serif;font-size:1.3rem;margin-bottom:4px} .map-card .addr{color:var(--ink-2);font-size:.9rem;margin-bottom:16px} .map-card .btn{padding:12px 26px;font-size:.68rem} @media(max-width:560px){.map-card{left:14px;right:14px;bottom:14px;max-width:none}} @media(max-width:860px){.cx{grid-template-columns:1fr;gap:36px}.form .two{grid-template-columns:1fr}} /* reserve */ .reserve{position:relative;text-align:center;color:#fff;overflow:hidden} .reserve .bg{position:absolute;inset:0;background:var(--img2-pool) center/cover} .reserve::after{content:"";position:absolute;inset:0;background:rgba(11,14,22,.7)} .reserve .in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:clamp(66px,9vw,120px) 24px} .reserve h2{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);margin:16px 0 18px;max-width:20ch} .reserve p{color:rgba(255,255,255,.86);max-width:52ch;margin:0 auto 30px} .reserve .btn{background:#fff;border-color:#fff;color:var(--blue)}.reserve .btn:hover{background:transparent;border-color:#fff;color:#fff} /* footer */ footer{background:#0D1524;color:#A9B0C2} .fline{border:0;border-top:1px solid rgba(255,255,255,.1);margin:0} /* newsletter feature */ .foot-news{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:52px 0;flex-wrap:wrap} .foot-news .nx .k{font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-lt);margin-bottom:10px} .foot-news h3{color:#fff;font-family:"Trirong",serif;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2} .foot-news p{color:#9AA1B4;font-size:.95rem;max-width:42ch;margin-top:8px} .news2{display:flex;min-width:300px;flex:1;max-width:460px} .news2 input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-right:0;color:#fff;padding:15px 16px;outline:none;font-family:"Inter";font-size:.92rem;transition:.3s} .news2 input::placeholder{color:#7C8398} .news2 input:focus{border-color:var(--blue-lt)} .news2 button{background:var(--blue);color:#fff;border:0;padding:0 26px;cursor:pointer;font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;transition:.3s} .news2 button:hover{background:var(--blue-2)} /* main */ .foot-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:44px;padding:58px 0} .brandcol .brand{color:#fff;font-family:"Trirong",serif;font-size:1.5rem;letter-spacing:.4em;padding-left:.4em;display:inline-block;margin-bottom:18px} .brandcol p{color:#9AA1B4;font-size:.94rem;max-width:36ch;margin-bottom:22px} .socials{display:flex;gap:12px} .socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:#C4CAD8;transition:.3s} .socials a:hover{background:var(--blue);border-color:var(--blue);color:#fff} footer h4{font-family:"Inter";font-weight:700;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-lt);margin-bottom:16px} .fcol a{display:block;padding:6px 0;font-size:.93rem;color:#A9B0C2;transition:.3s;cursor:pointer} .fcol a:hover{color:#fff;padding-left:5px} .fcol .ct{font-size:.93rem;color:#A9B0C2;line-height:1.9} .fcol .ct a{display:inline;padding:0} .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:12px;flex-wrap:wrap;font-size:.78rem;color:#7C8398} .foot-bottom a{color:#7C8398;cursor:pointer}.foot-bottom a:hover{color:#fff} @media(max-width:860px){.foot-main{grid-template-columns:1fr 1fr;gap:34px}.brandcol{grid-column:1/-1}} @media(max-width:480px){.foot-main{grid-template-columns:1fr;text-align:left}.foot-news{flex-direction:column;align-items:flex-start}.news2{max-width:none;width:100%}} /* pages / reveal */ .page{display:none}.page.active{display:block} .js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease} .js .reveal.in{opacity:1;transform:none} /* page transition */ .page.active{animation:pageIn .55s cubic-bezier(.2,.6,.2,1)} @keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* hero entrance (staggered) */ .js .hero-in>*{opacity:0;animation:heroUp .9s cubic-bezier(.2,.6,.2,1) forwards} .js .hero-in .label{animation-delay:.15s} .js .hero-in h1{animation-delay:.32s} .js .hero-in .orn{animation-delay:.52s} .js .hero-in .tag{animation-delay:.64s} .js .hero-in .hero-actions{animation-delay:.8s} @keyframes heroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} /* refined hovers */ .rc,.evc,.off,.card,.tst{transition:transform .5s cubic-bezier(.2,.6,.2,1),box-shadow .5s ease} .book-btn,.nav-book,.btn,.bk-go,.link,.bk-link{transition:all .32s ease} .page-hero .bg,.hero-media{will-change:transform} .js .page-hero .bg{transform:scale(1.07);animation:phZoom 16s ease-out forwards} @keyframes phZoom{to{transform:scale(1)}} @media(prefers-reduced-motion:reduce){.page.active{animation:none}.js .hero-in>*{opacity:1;animation:none}.js .page-hero .bg{transform:none;animation:none}} /* lightbox */ .lb-zoom{cursor:zoom-in} #lightbox{position:fixed;inset:0;z-index:200;background:rgba(10,12,18,.93);display:none;align-items:center;justify-content:center;padding:28px;cursor:zoom-out} #lightbox.open{display:flex;animation:lbIn .3s ease} @keyframes lbIn{from{opacity:0}to{opacity:1}} #lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 30px 90px -20px rgba(0,0,0,.75)} #lightbox .lb-close{position:absolute;top:18px;right:28px;color:#fff;font-family:"Inter";font-size:2.4rem;line-height:1;cursor:pointer;opacity:.8;transition:.2s} #lightbox .lb-close:hover{opacity:1;transform:scale(1.1)} #lightbox .lb-hint{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:rgba(255,255,255,.6);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase} /* Retouches de l'accueil, dans le template existant. */ .orn{display:none} #page-home .hero-in{padding:110px 28px 115px;max-width:1120px;width:100%} #page-home .hero h1{line-height:1.2;letter-spacing:-.025em;text-shadow:0 2px 22px #00000024} #page-home .hero .tag{max-width:58ch;line-height:1.8;color:rgba(255,255,255,.96)} #page-home .hero-actions{gap:16px;margin-top:30px} #page-home .btn{padding:16px 30px;letter-spacing:.12em} #page-home .btn.ghost{background:rgba(12,18,29,.12);border-color:rgba(255,255,255,.65)} #page-home .btn.ghost:hover{background:#fff;color:var(--ink)} #page-home .booking{width:calc(100% - 64px);max-width:1100px;border-color:rgba(20,19,16,.09);box-shadow:0 18px 48px -24px rgba(20,30,45,.32)} #page-home .bk{padding:24px 26px;gap:9px} #page-home .bk label{font-size:.68rem;letter-spacing:.16em} #page-home .bk input,#page-home .bk select{min-width:0;font-size:1.05rem} #page-home .bk-go{padding:0 32px;letter-spacing:.12em} #page-home .center>.label{margin-bottom:18px} #page-home .sec-title{line-height:1.25;letter-spacing:-.018em} #page-home .center .lead{margin-top:16px;line-height:1.85;max-width:60ch} #page-home .wg p{line-height:1.85} #page-home .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px} #page-home .stat .n{font-size:2.3rem} #page-home .stat .l{font-size:.65rem;line-height:1.55;letter-spacing:.08em;color:var(--ink-2)} #page-home .wimg{box-shadow:0 20px 45px -30px rgba(15,20,35,.35)} #page-home .rooms{gap:26px;padding:8px 2px 24px;scroll-padding-inline:2px} #page-home .rc{border-color:rgba(20,19,16,.1)} #page-home .rc .cb{padding:25px;gap:13px} #page-home .rc h3{line-height:1.35} #page-home .rc p{line-height:1.8} #page-home .rc .meta{font-size:.66rem;gap:12px;letter-spacing:.08em} #page-home .rc .bot{padding-top:17px;margin-top:5px;gap:12px} #page-home .rc .bk-link{letter-spacing:.08em;line-height:1.5} #page-home .rc:hover{transform:translateY(-4px);box-shadow:0 15px 30px -20px rgba(20,30,45,.35)} #page-home .f-txt p{line-height:1.85;max-width:48ch} #page-home .f-txt .link{align-self:flex-start;margin-top:14px;padding-bottom:5px;border-bottom:1px solid rgba(38,57,95,.3)} #page-home .dark-band p{color:#d8d5cd;line-height:1.85} #page-home .off .c p{line-height:1.7} #page-home :is(a,button,input,select):focus-visible{outline:2px solid var(--blue-lt);outline-offset:5px} @media(min-width:1200px){#page-home .rooms .rc{flex-basis:calc((100% - 52px)/3)}} @media(max-width:820px){#page-home .booking{width:calc(100% - 40px)}#page-home .bk{padding:18px 20px}#page-home .bk-go{padding:20px}#page-home .hero-in{padding-bottom:100px}} @media(max-width:560px){#page-home .hero-in{padding:110px 22px 110px}#page-home .hero h1{font-size:clamp(2rem,7.8vw,2.7rem);line-height:1.23}#page-home .hero .tag{font-size:.95rem;line-height:1.75}#page-home .hero-actions{gap:12px;width:100%;max-width:320px}#page-home .hero-actions .btn{width:100%;padding:14px 18px}#page-home .booking{width:calc(100% - 28px)}#page-home .bk{padding:16px 13px}#page-home .bk input,#page-home .bk select{font-size:.95rem}#page-home .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#page-home .rooms{gap:18px}#page-home .rc .cb{padding:22px}#page-home .center>.label{margin-bottom:14px}} @media(prefers-reduced-motion:reduce){#page-home .rc,#page-home .rc .ci,#page-home .btn{transition:none}#page-home .rc:hover{transform:none}} /* Les mêmes sections, avec une composition photographique plus travaillée. */ #page-home .wg{gap:8%;align-items:center} #page-home .wimg{aspect-ratio:4/5;box-shadow:24px 24px 0 var(--panel);margin:0 24px 24px 0} #page-home .wimg:after{inset:auto 24px 24px 24px;height:1px;border:0;background:rgba(255,255,255,.65)} #page-home .dark-band{margin:0 44px;min-height:380px;display:flex;align-items:center} #page-home .dark-band .bg{opacity:.48} #page-home .dark-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,18,.65),rgba(10,12,18,.15));pointer-events:none} #page-home .dark-band .in{align-items:flex-start;text-align:left;margin-left:4%;max-width:780px} #page-home .dark-band h2{text-align:left;font-size:clamp(2rem,3.5vw,3rem)} #page-home .rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;overflow:visible;padding:0} #page-home .rooms .rc{min-width:0;border:0;overflow:visible;background:transparent} #page-home .rc .imgwrap{position:relative;overflow:hidden} #page-home .rc .ci{aspect-ratio:4/5} #page-home .rc .cb{margin:-34px 12px 0 0;padding:22px 16px 0 0;background:var(--bg);position:relative;z-index:1} #page-home .rc h3{font-size:1.55rem} #page-home .rc .meta{flex-wrap:wrap;gap:5px 10px;font-size:.63rem} #page-home .rc .bot{flex-wrap:wrap;gap:10px;margin-top:10px} #page-home .rc:hover{transform:none;box-shadow:none} #page-home .rc:hover .ci{transform:scale(1.06)} #page-home .feature{max-width:1200px;margin:0 auto 75px;padding:0 44px;grid-template-columns:1.15fr 1fr;align-items:center;background:none} #page-home .feature .f-img{min-height:530px;width:100%;box-shadow:none} #page-home .feature .f-img:after{display:none} #page-home .feature .f-txt{position:relative;z-index:2;margin-left:-60px;padding:48px 42px;background:var(--panel);box-shadow:0 18px 45px -35px rgba(20,19,16,.25);border-left:3px solid var(--blue)} #page-home .feature .f-txt h2{font-size:clamp(1.9rem,3.1vw,2.6rem);line-height:1.28} #page-home .feature.rev{grid-template-columns:1fr 1.15fr} #page-home .feature.rev .f-txt{margin-left:0;margin-right:-60px;border-left:0;border-right:3px solid var(--blue)} #page-home .feature .label{font-size:.72rem;letter-spacing:.2em} #page-home .feature .link{font-size:.7rem} #page-home .off-grid{gap:24px;align-items:start} #page-home .off{min-height:440px;box-shadow:none;overflow:hidden} #page-home .off:nth-child(2){margin-top:35px} #page-home .off .c{padding:30px 25px} #page-home .off h3{font-size:1.85rem;line-height:1.25} #page-home .off .tagp{border:0;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0;padding:0 0 8px;background:transparent} #page-home .off:hover{transform:translateY(-4px)} @media(max-width:1100px){#page-home .rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}#page-home .rc .ci{aspect-ratio:5/4}#page-home .rc .cb{margin-right:25px;padding-right:20px}#page-home .feature .f-txt{padding:34px 30px;margin-left:-35px}#page-home .feature.rev .f-txt{margin-left:0;margin-right:-35px}#page-home .feature .f-img{min-height:470px}} @media(max-width:860px){#page-home .wimg{aspect-ratio:5/4;margin-right:18px;box-shadow:18px 18px 0 var(--panel)}#page-home .feature,#page-home .feature.rev{grid-template-columns:1fr;max-width:760px;margin-bottom:60px}#page-home .feature .f-img,#page-home .feature.rev .f-img{order:0;min-height:380px}#page-home .feature .f-txt,#page-home .feature.rev .f-txt{order:1;margin:-55px 24px 0;padding:36px;border-right:0;border-left:3px solid var(--blue)}#page-home .off:nth-child(2){margin-top:0}#page-home .dark-band{margin:0 24px}#page-home .dark-band .in{margin-left:0}} @media(max-width:560px){#page-home .rooms{grid-template-columns:1fr;gap:35px}#page-home .rc .ci{aspect-ratio:5/4}#page-home .rc .cb{margin-top:-28px;margin-right:26px;padding:22px 16px 0 0}#page-home .feature,#page-home .feature.rev{padding:0 16px}#page-home .feature .f-img,#page-home .feature.rev .f-img{min-height:300px}#page-home .feature .f-txt,#page-home .feature.rev .f-txt{margin:-38px 12px 0;padding:28px 24px}#page-home .feature .f-txt h2{font-size:1.85rem}#page-home .dark-band{margin:0 16px;min-height:360px}#page-home .dark-band .in{padding:0 26px}#page-home .dark-band h2{font-size:1.9rem}#page-home .off{min-height:390px}} @media(prefers-reduced-motion:reduce){#page-home .off:hover{transform:none}} :root{ --rrosa:url("/assets/photos/dsc00335-1600.webp"); --rblanche:url("/assets/photos/dsc00451-edit-1600.webp"); --rquad:url("/assets/photos/dsc00546-1600.webp"); --rjunior:url("/assets/photos/dsc00135-1600.webp"); } #page-home .home-gallery-section{padding:75px 0 25px} #page-home .home-gallery-section .wrap,#page-home .home-stays .wrap,#page-home .home-experiences .wrap{max-width:1380px} #page-home .gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px} #page-home .gallery-heading h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-top:10px} #page-home .gallery-heading .link{white-space:nowrap;padding-bottom:8px} #page-home .home-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,19vw,210px);gap:14px} #page-home .home-gallery .g{position:relative;display:block;width:100%;height:auto;min-height:0;border:0;padding:0;background-size:cover;background-position:center;cursor:zoom-in;overflow:hidden;border-radius:3px;grid-column:auto;grid-row:auto;transition:box-shadow .5s} #page-home .home-gallery .g:first-child{grid-column:1/3;grid-row:span 2} #page-home .home-gallery .g:nth-child(4){grid-column:3/5} #page-home .home-gallery .g:nth-child(5){grid-column:1/3} #page-home .home-gallery .g:nth-child(6){grid-column:3/5} #page-home .home-gallery .g:hover{box-shadow:0 20px 45px -24px rgba(15,20,35,.6)} #page-home .home-gallery .g:after{content:'↗';position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;font-size:20px;color:#fff;background:linear-gradient(transparent 52%,rgba(16,22,40,.5));opacity:0;transition:opacity .5s;z-index:2} #page-home .home-gallery .g:hover:after{opacity:1} #page-home .home-stays .rooms{gap:28px} #page-home .home-stays .rc .ci{aspect-ratio:4/5;min-height:310px} #page-home .home-stays .rc h3{font-size:1.65rem} #page-home .home-experiences .off{min-height:530px} #page-home .home-experiences .off .c{padding:34px 28px} #page-home .home-services{background:var(--panel);margin:25px 0} #page-home .home-services .center{margin-bottom:44px} #page-home .home-services .center h2{margin-top:0} #page-home .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;row-gap:0} #page-home .service-item{display:flex;align-items:center;gap:16px;min-height:108px;padding:22px 0;border-bottom:1px solid var(--line);font-size:.86rem;line-height:1.55;color:var(--ink-2)} #page-home .service-icon{color:var(--blue);width:34px;height:34px;flex:0 0 34px;stroke-width:1.2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round} #page-home .service-item[hidden]{display:none} #page-home .service-toggle-wrap{display:flex;justify-content:center;margin-top:40px} #page-home .service-toggle{background:transparent;color:var(--blue);padding:15px 24px;border:1px solid var(--blue);font:500 .75rem Inter,sans-serif;letter-spacing:.08em;cursor:pointer;transition:background .25s,color .25s} #page-home .service-toggle:hover{background:var(--blue);color:#fff} footer.on-black{background:#07090d;color:#edeff3} footer.on-black .brand,footer.on-black h4{color:#f4f4f1} footer.on-black p,footer.on-black .ct,footer.on-black .fcol a,footer.on-black .foot-bottom{color:#bfc3cb} footer.on-black a:hover{color:#fff} footer.on-black .fline{border-color:rgba(255,255,255,.14)} @media(max-width:1100px){#page-home .home-stays .rc .ci{aspect-ratio:5/4;min-height:330px}#page-home .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:860px){#page-home .home-experiences .off{min-height:490px}#page-home .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-home .home-gallery{grid-auto-rows:clamp(120px,20vw,170px)}#page-home .gallery-heading{align-items:start;flex-direction:column;gap:12px}} @media(max-width:560px){#page-home .home-gallery-section{padding-top:55px}#page-home .home-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}#page-home .home-gallery .g:first-child{grid-row:auto;grid-column:1/3}#page-home .home-gallery .g:nth-child(4),#page-home .home-gallery .g:nth-child(5),#page-home .home-gallery .g:nth-child(6){grid-column:auto}#page-home .home-stays .rc .ci{min-height:310px;aspect-ratio:1.15}#page-home .home-experiences .off{min-height:460px}#page-home .service-grid{gap:0 20px}#page-home .service-item{flex-direction:column;align-items:start;gap:12px;font-size:.8rem;min-height:145px}#page-home .service-icon{width:30px;height:30px;flex-basis:30px}} #page-table .off1 .bg,#page-evenements .off .bg[style*="--img3-moroc1"]{background-image:url(/assets/photos/official-events-1600.webp)!important}#page-table .off2 .bg{background-image:var(--img5-lounge1)}#page-home .home-gallery .g:before{content:'';position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;transition:transform .8s ease;z-index:0}#page-home .home-gallery .g:hover:before{transform:scale(1.09)}.rgal button.rg,.gal button.g{border:0;cursor:zoom-in}#page-galerie .gal.big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#page-galerie .gal.big .g{height:280px;grid-row:auto;grid-column:auto}#page-home .home-stays .rc .ci{background-position:center}@media(max-width:700px){#page-galerie .gal.big{grid-template-columns:1fr 1fr}#page-galerie .gal.big .g{height:200px}} /* Deux compositions distinctes pour les services et la reconnaissance. */ #page-home .home-services{background:#fff;margin:0;padding:85px 0} #page-home .home-services>.wrap{display:grid;grid-template-columns:.7fr 1.65fr;column-gap:65px;align-items:start} #page-home .home-services .center{text-align:left;align-items:flex-start;margin-bottom:0;grid-column:1;grid-row:1} #page-home .home-services .label:before,#page-home .home-services .label:after{display:none} #page-home .home-services .sec-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.3} #page-home .home-services .sec-title .em{display:block} #page-home .home-services .service-grid{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px} #page-home .home-services .service-item{flex-direction:column;align-items:flex-start;gap:14px;min-height:145px;padding:22px 0;font-size:.82rem} #page-home .home-services .service-icon{width:30px;height:30px;flex-basis:30px} #page-home .home-services .service-toggle-wrap{grid-column:1;grid-row:2;justify-content:flex-start;margin-top:28px;align-self:start} #page-home .home-services .service-toggle{border:0;border-bottom:1px solid var(--blue);padding:12px 0;text-align:left;font-size:.7rem;letter-spacing:.07em} #page-home .home-services .service-toggle:hover{background:transparent;color:var(--ink)} #page-home .home-recognition{background:var(--blue)!important;padding:65px 0;color:#fff} #page-home .home-recognition>.wrap>.narrow{display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px;align-items:start;max-width:none;padding:0;text-align:left} #page-home .home-recognition .label{grid-column:1/-1;color:#c4cfe1;margin-bottom:22px;letter-spacing:.22em;font-size:.68rem} #page-home .home-recognition .label:before,#page-home .home-recognition .label:after{display:none} #page-home .home-recognition h2{grid-column:1;grid-row:2 / span 2;color:#fff;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.35} #page-home .home-recognition h2 .em{color:#d6dfed} #page-home .home-recognition .lead{grid-column:2;grid-row:2;color:#e2e7ef;font-size:.95rem;line-height:1.85;margin-top:0!important} #page-home .home-recognition .narrow>div{grid-column:2;grid-row:3;justify-content:flex-start!important;gap:12px!important;border-top:1px solid #ffffff35;padding-top:20px;margin-top:22px!important} #page-home .home-recognition .narrow>div span{color:#d6dfed!important;font-size:.7rem!important} @media(max-width:900px){#page-home .home-services>.wrap{grid-template-columns:.8fr 1.5fr;column-gap:35px}#page-home .home-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-home .home-recognition>.wrap>.narrow{column-gap:35px}} @media(max-width:600px){#page-home .home-services{padding:60px 0}#page-home .home-services>.wrap{display:flex;flex-direction:column;gap:25px}#page-home .home-services .center{width:100%}#page-home .home-services .sec-title .em{display:inline}#page-home .home-services .service-grid{width:100%;gap:0 25px}#page-home .home-services .service-toggle-wrap{margin-top:5px}#page-home .home-services .service-item{min-height:125px}#page-home .home-recognition{padding:50px 0}#page-home .home-recognition>.wrap>.narrow{display:flex;flex-direction:column;align-items:flex-start;gap:20px}#page-home .home-recognition .label{margin:0}#page-home .home-recognition h2{font-size:2rem}#page-home .home-recognition .narrow>div{margin-top:0!important;width:100%}} footer.on-black{background:var(--blue)!important}footer .fcol a,footer .ct,footer .brandcol p,footer .foot-bottom{color:#e1e6ee!important} .editor-heading h2{font-size:clamp(2.8rem,5.8vw,5.6rem);line-height:1.16;margin:18px 0 25px}.editor-heading p{max-width:480px;font-size:1.05rem;line-height:1.8}.editor-heading em,.page h2 em{font-weight:400;color:var(--blue)}.page:not(#page-home) img{display:block;width:100%;object-fit:cover}.chapter{font-size:.78rem;letter-spacing:.12em;color:var(--blue)} .gallery-opening{padding-top:160px;padding-bottom:55px;display:flex;justify-content:space-between;align-items:flex-end}.gallery-note{font-size:.8rem;line-height:1.8;color:var(--muted);text-align:right;padding-bottom:25px}.gallery-collection{padding-top:0}.gallery-filters{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 38px}.gallery-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}.gallery-filters button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.curated-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 30px;align-items:start}.curated-gallery figure{grid-column:span 5;margin:0}.curated-gallery figure:nth-child(4n+1){grid-column:span 7}.curated-gallery figure:nth-child(4n+4){grid-column:span 7}.curated-gallery figure:nth-child(4n+2){padding-top:100px}.curated-gallery button{display:block;width:100%;position:relative;border:0;padding:0;background:var(--panel);overflow:hidden;cursor:zoom-in}.curated-gallery img{aspect-ratio:1.35;transition:transform .7s}.curated-gallery figure:nth-child(4n+2) img{aspect-ratio:.92}.curated-gallery button:hover img{transform:scale(1.04)}.photo-plus{position:absolute;bottom:15px;right:15px;border-radius:50%;background:#fff;color:var(--blue);width:36px;height:36px;display:grid;place-items:center}.curated-gallery figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;font-size:.85rem}.curated-gallery small{color:var(--muted)}.curated-gallery [hidden]{display:none!important} .table-opening{padding-top:150px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}.table-opening img{height:570px}.table-story{display:grid;grid-template-columns:1fr 1.2fr;gap:25px 70px;padding-top:30px}.table-story .chapter{grid-column:1/-1}.table-story h2{font-size:clamp(2rem,3.7vw,3.4rem)}.table-story p,.event-place p,.spa-care p,.yoga-space p{line-height:1.85;margin-bottom:20px}.dining-pair{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding-top:0}.dining-pair figure{margin:0}.dining-pair figure:nth-child(2){padding-top:110px}.dining-pair img{height:420px}.dining-pair figcaption,.wellness-grid figcaption{font-size:.85rem;margin-top:16px} .event-opening{position:relative;padding:0;min-height:720px;display:flex;align-items:center;color:#fff}.event-opening>img{position:absolute;inset:0;height:100%;filter:brightness(.48)}.event-opening>div{position:relative;margin:100px 8% 50px;max-width:730px}.event-opening h1,.event-opening em{color:#fff}.event-opening .label{color:#e7eaf1}.event-opening .btn{border:1px solid #fff;background:transparent;margin-top:24px}.event-facts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;border-bottom:1px solid var(--line);align-items:center}.event-facts strong{font-family:Trirong,serif;font-weight:400;font-size:2.8rem;color:var(--blue)}.event-facts p{font-size:.95rem}.event-place{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.event-place img{height:570px}.event-place h2{font-size:2.8rem;margin:20px 0} .spa-opening{padding-top:155px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.spa-opening img{height:540px;border-radius:48% 48% 0 0}.spa-care{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:20px}.spa-care h2{font-size:3rem;margin:20px 0}.spa-care ol{list-style:none;padding:0;margin:0}.spa-care li{display:grid;grid-template-columns:35px 1fr;gap:10px 20px;padding:27px 0;border-top:1px solid var(--line)}.spa-care li span{font-size:.8rem;color:var(--muted)}.spa-care li h3{font-size:1.5rem}.spa-care small{grid-column:2;color:var(--muted)}.wellness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:20px}.wellness-grid figure{margin:0}.wellness-grid img{height:350px}.wellness-grid figure:nth-child(2){padding-top:60px}.yoga-space{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.yoga-space img{height:460px}.yoga-space h2{font-size:3rem;margin:20px 0} #page-art .page-hero{margin:0 0 82px;min-height:640px;align-items:flex-start;justify-content:flex-start;text-align:left}#page-art .page-hero:after{background:linear-gradient(rgba(11,14,22,.62),rgba(11,14,22,.32) 55%,rgba(11,14,22,.5))}#page-art .page-hero .in{align-items:flex-start;padding:150px max(7%,40px) 70px;max-width:920px}#page-art .page-hero h1{font-size:clamp(3rem,6vw,6.1rem);line-height:1.05;margin:18px 0}#page-art .art-lead{color:rgba(255,255,255,.9);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6;max-width:640px;margin:4px 0 0}#page-art .wg{grid-template-columns:1fr 1.2fr;gap:80px}#page-art .wimg{min-height:650px}#page-art .artist-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}#page-art .artist-tags>span{border:0;border-bottom:1px solid var(--line);padding:22px 0;background:none;border-radius:0;display:flex;justify-content:space-between}#page-art .dark-band{min-height:250px;background:var(--blue)}#page-art .dark-band .bg{display:none} #page-chambres .page-hero{min-height:480px;text-align:left;justify-content:flex-start}#page-chambres .page-hero .in{align-items:flex-start;padding-left:8%}#page-chambres .rooms-grid{display:flex;flex-direction:column;gap:65px}#page-chambres .rc{display:grid;grid-template-columns:1.35fr 1fr;border:0;background:var(--panel)}#page-chambres .rc:nth-child(even){grid-template-columns:1fr 1.35fr}#page-chambres .rc:nth-child(even) .imgwrap{order:2}#page-chambres .rc .imgwrap,#page-chambres .rc .ci{height:450px;min-height:450px}#page-chambres .rc .cb{padding:45px;display:flex;flex-direction:column;justify-content:center}#page-chambres .rc h3{font-size:2rem}#page-chambres .rc .bot{margin-top:28px} .page[id^=page-ch-] .page-hero{margin-top:78px;min-height:600px;align-items:flex-end;justify-content:flex-start;text-align:left}.page[id^=page-ch-] .page-hero .in{align-items:flex-start;padding:60px 7%}.page[id^=page-ch-] .page-hero:after{background:linear-gradient(transparent 30%,#0009)}.page[id^=page-ch-] .room-detail{border:0;grid-template-columns:1.3fr 1fr;overflow:visible}.page[id^=page-ch-] .rd-img{min-height:530px}.page[id^=page-ch-] .rd-img:after{display:none}.page[id^=page-ch-] .rd-txt{background:var(--panel);margin:35px 0 35px -45px;z-index:1}.page[id^=page-ch-] .rgal{grid-template-columns:1fr 1fr;gap:28px}.page[id^=page-ch-] .rg{height:360px}.page[id^=page-ch-] .rg:nth-child(3n+1){grid-column:1/-1;height:540px} #page-contact .page-hero{min-height:340px}#page-contact .cx{gap:70px;align-items:start}#page-contact .cx>div:nth-child(2){background:var(--panel);padding:40px;position:sticky;top:110px}#page-contact .form input,#page-contact .form textarea{background:#fff}.contact-location{position:relative;height:360px!important}.contact-location>img{height:100%;filter:brightness(.7)}.contact-location .map-card{position:absolute;bottom:20px;left:20px;right:20px;top:auto;transform:none;max-width:calc(100% - 40px)} @media(max-width:760px){.gallery-opening,.table-opening,.spa-opening{padding-top:125px}.gallery-opening{display:block}.gallery-note{display:block;text-align:left;margin-top:20px}.editor-heading h2{font-size:3rem}.table-opening,.table-story,.dining-pair,.spa-opening,.spa-care,.yoga-space,.event-place,.event-facts{grid-template-columns:1fr;gap:30px}.table-opening img,.spa-opening img,.event-place img{height:390px}.table-story h2,.yoga-space h2,.spa-care h2{font-size:2.3rem}.dining-pair figure:nth-child(2){padding-top:0}.dining-pair img{height:320px}.event-opening{min-height:650px}.event-facts strong{font-size:2.2rem}.wellness-grid{grid-template-columns:1fr}.wellness-grid figure:nth-child(2){padding-top:0}.wellness-grid img{height:320px}.curated-gallery{gap:28px 15px}.curated-gallery figure:nth-child(4n+2){padding-top:45px}.curated-gallery figcaption{font-size:.75rem}.gallery-filters{gap:10px 20px}#page-art .page-hero{margin:0 0 45px;min-height:470px}#page-art .page-hero .in{padding:120px 24px 45px}#page-art .wg{grid-template-columns:1fr;gap:30px}#page-art .wimg{min-height:400px}#page-art .artist-tags{grid-template-columns:1fr 1fr}#page-chambres .rc,#page-chambres .rc:nth-child(even){display:flex;flex-direction:column}#page-chambres .rc:nth-child(even) .imgwrap{order:0}#page-chambres .rc .imgwrap,#page-chambres .rc .ci{height:330px;min-height:330px}#page-chambres .rc .cb{padding:28px}.page[id^=page-ch-] .page-hero{min-height:450px}.page[id^=page-ch-] .room-detail{grid-template-columns:1fr}.page[id^=page-ch-] .rd-txt{margin:0;padding:30px}.page[id^=page-ch-] .rd-img{min-height:340px}.page[id^=page-ch-] .rg{height:210px}.page[id^=page-ch-] .rg:nth-child(3n+1){height:300px}#page-contact .cx{grid-template-columns:1fr}#page-contact .cx>div:nth-child(2){position:static;padding:25px}} @media(prefers-reduced-motion:reduce){.curated-gallery img{transition:none}} /* Editorial rhythm for the four image-led pages */ #page-spa>section,#page-table>section,#page-evenements>section,#page-galerie>section{position:relative} #page-spa .spa-opening{padding-bottom:115px} #page-spa .spa-care{padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #page-spa .wellness-grid{padding-top:120px;padding-bottom:130px} #page-spa .wellness-grid figure{background:var(--panel);padding-bottom:22px;box-shadow:0 18px 45px rgba(24,35,55,.08)} #page-spa .wellness-grid figure:nth-child(2){margin-top:70px} #page-spa .wellness-grid figcaption{padding:0 22px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)} #page-spa .yoga-space{padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line)} #page-spa .yoga-space>div{padding:35px 0 35px 25px} #page-spa .yoga-space img{box-shadow:24px 24px 0 var(--panel)} #page-table .table-opening{padding-bottom:130px} #page-table .table-story{padding-top:120px;padding-bottom:120px;background:var(--panel);max-width:none;padding-left:max(24px,calc((100% - 1120px)/2));padding-right:max(24px,calc((100% - 1120px)/2))} #page-table .dining-pair{padding-top:120px;padding-bottom:130px} #page-table .dining-pair figure{background:#fff;box-shadow:0 18px 45px rgba(24,35,55,.08);padding-bottom:18px} #page-table .dining-pair figcaption{padding:0 20px;color:var(--blue);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem} #page-evenements .event-facts{padding-top:105px;padding-bottom:105px} #page-evenements .event-facts>div{padding:28px 0 28px 35px;border-left:1px solid var(--line)} #page-evenements .event-place{padding-top:130px;padding-bottom:130px} #page-evenements .event-place>div{padding:40px 0 40px 25px} #page-galerie .gallery-opening{padding-bottom:100px} #page-galerie .gallery-collection{padding-bottom:140px} #page-galerie .gallery-filters{background:var(--panel);padding:22px 30px;margin-bottom:55px} #page-galerie .curated-gallery figure{background:#fff;box-shadow:0 18px 45px rgba(24,35,55,.07);padding-bottom:18px} #page-galerie .curated-gallery figcaption{padding:14px 18px 0} .luxury-page-hero{min-height:620px!important;margin:0 0 90px!important;align-items:flex-end!important;justify-content:flex-start!important;text-align:left!important} .luxury-page-hero .in{align-items:flex-start!important;padding:90px max(7%,40px) 78px!important;max-width:900px} .luxury-page-hero .label{color:#e8edf5!important} .luxury-page-hero .label:before,.luxury-page-hero .label:after{background:#e8edf5!important} .luxury-page-hero h1{font-size:clamp(3rem,6vw,6.3rem)!important;line-height:1.05!important;margin:18px 0!important} .luxury-hero-lead{font-family:Trirong,serif;font-size:1.35rem;max-width:520px;color:rgba(255,255,255,.9);margin:0 0 20px;line-height:1.5} #page-spa .spa-opening,#page-table .table-opening,#page-evenements .event-opening,#page-galerie .gallery-opening{padding-top:0} #page-galerie .gallery-opening{padding-bottom:125px} #page-galerie .gallery-collection{padding-top:0} #page-galerie .curated-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 42px} #page-galerie .curated-gallery figure,#page-galerie .curated-gallery figure:nth-child(4n+1),#page-galerie .curated-gallery figure:nth-child(4n+4){grid-column:auto;padding-top:0} #page-galerie .curated-gallery figure:nth-child(3n+1){grid-column:1/-1} #page-galerie .curated-gallery img,#page-galerie .curated-gallery figure:nth-child(4n+2) img{aspect-ratio:1.5;height:auto} #page-galerie .curated-gallery figure:nth-child(3n+1) img{aspect-ratio:2.05} #page-galerie .curated-gallery .photo-plus{width:46px;height:46px;font-size:1.2rem} @media(max-width:760px){.luxury-page-hero{min-height:500px!important;margin-bottom:55px!important}.luxury-page-hero .in{padding:60px 24px!important}.luxury-hero-lead{font-size:1.1rem}#page-galerie .curated-gallery{grid-template-columns:1fr;gap:35px}#page-galerie .curated-gallery figure:nth-child(3n+1){grid-column:auto}#page-galerie .curated-gallery figure:nth-child(3n+1) img{aspect-ratio:1.35}} @media(max-width:760px){ #page-spa .spa-opening,#page-spa .spa-care,#page-spa .wellness-grid,#page-spa .yoga-space,#page-table .table-opening,#page-table .table-story,#page-table .dining-pair,#page-evenements .event-facts,#page-evenements .event-place{padding-top:70px;padding-bottom:70px} #page-spa .wellness-grid figure:nth-child(2){margin-top:0} #page-spa .yoga-space>div,#page-evenements .event-place>div{padding:20px 0} #page-galerie .gallery-opening{padding-bottom:60px} #page-galerie .gallery-filters{padding:16px;margin-bottom:30px} } /* Property pages: transparent navigation over the hero and a tighter photo story */ body:has(.page[id^="page-ch-"].active) nav,body:has(.page[id^="page-ch-"].active) nav.stuck{background:transparent;color:#fff;box-shadow:none} body:has(.page[id^="page-ch-"].active) nav .nav-book,body:has(.page[id^="page-ch-"].active) nav .burger{background:var(--blue);border-color:var(--blue);color:#fff} .page[id^="page-ch-"] .page-hero{margin-top:0!important;min-height:calc(100vh - 0px)!important;height:760px;max-height:calc(100vh - 0px);} .page[id^="page-ch-"] .page-hero .in{padding-top:170px!important;padding-bottom:100px!important} .page[id^="page-ch-"] .room-detail{margin-top:100px;margin-bottom:95px} .page[id^="page-ch-"] .rgal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-top:0;padding-bottom:120px} .page[id^="page-ch-"] .rgal .rg{grid-column:span 4;height:300px!important;min-height:0;background-size:cover;background-position:center;border:0} .page[id^="page-ch-"] .rgal .rg:nth-child(5n+1){grid-column:span 8;height:390px!important} .page[id^="page-ch-"] .rgal .rg:nth-child(5n+2){grid-column:span 4} .page[id^="page-ch-"] .rgal .rg:nth-child(5n+3){grid-column:span 4} .page[id^="page-ch-"] .rgal .rg:nth-child(5n+4){grid-column:span 4} .page[id^="page-ch-"] .rgal .rg:nth-child(5n){grid-column:span 8;height:390px!important} .page[id^="page-ch-"] .rgal .rg:hover{transform:scale(.985);transition:transform .35s} @media(max-width:760px){ .page[id^="page-ch-"] .page-hero{height:560px;min-height:560px!important} .page[id^="page-ch-"] .page-hero .in{padding-top:150px!important} .page[id^="page-ch-"] .room-detail{margin-top:55px;margin-bottom:60px} .page[id^="page-ch-"] .rgal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:70px} .page[id^="page-ch-"] .rgal .rg,.page[id^="page-ch-"] .rgal .rg:nth-child(n){grid-column:span 1;height:210px!important} .page[id^="page-ch-"] .rgal .rg:nth-child(3n+1){grid-column:span 2;height:280px!important} } .page[id^="page-ch-"] .rgal-heading{max-width:1380px;margin:0 auto 30px} .page[id^="page-ch-"] .rgal-heading .label{margin-bottom:12px} .page[id^="page-ch-"] .rgal-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)} .page[id^="page-ch-"] .rgal{display:grid !important;grid-template-columns:repeat(3,1fr) !important;grid-auto-rows:250px !important;gap:16px !important;margin-top:0 !important;padding-bottom:110px !important} .page[id^="page-ch-"] .rgal .rg,.page[id^="page-ch-"] .rgal .rg:nth-child(n){grid-column:auto !important;grid-row:auto !important;height:auto !important;min-height:0 !important;aspect-ratio:auto !important;background-size:cover;background-position:center;border:0 !important;border-radius:2px;cursor:zoom-in;position:relative;overflow:hidden;transition:box-shadow .4s ease,filter .4s ease} .page[id^="page-ch-"] .rgal .rg:first-child{grid-column:1 / -1 !important;grid-row:span 2 !important} .page[id^="page-ch-"] .rgal .rg:hover{box-shadow:0 16px 34px -16px rgba(15,20,35,.5);filter:brightness(1.04);z-index:1} .page[id^="page-ch-"] .rgal .rg:after{content:'↗';position:absolute;bottom:12px;right:12px;width:34px;height:34px;background:rgba(255,255,255,.94);color:var(--blue);display:grid;place-items:center;font-size:16px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s} .page[id^="page-ch-"] .rgal .rg:hover:after{opacity:1;transform:none} @media(max-width:760px){.page[id^="page-ch-"] .rgal{grid-template-columns:repeat(2,1fr) !important;grid-auto-rows:170px !important;gap:10px !important;padding-bottom:60px !important}.page[id^="page-ch-"] .rgal .rg:first-child{grid-column:1 / -1 !important;grid-row:span 2 !important}} #page-spa .spa2{padding:clamp(70px,8vw,110px) 0} #page-spa .spa2 .wrap{max-width:1200px} #page-spa .spa-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} #page-spa .spa-two.rev .spa-txt{order:2} #page-spa .spa-pic{height:520px;background-size:cover;background-position:center;border-radius:2px;box-shadow:0 22px 55px -30px rgba(15,20,35,.4);margin:0} #page-spa .spa-txt h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:14px 0 18px} #page-spa .spa-txt p{color:var(--ink-2);margin-bottom:14px;line-height:1.85} #page-spa .spa-soins{list-style:none;padding:0;margin:24px 0;border-top:1px solid var(--line)} #page-spa .spa-soins li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)} #page-spa .spa-soins .sn{font-family:"Trirong",serif;font-size:1.2rem;color:var(--ink)} #page-spa .spa-soins .sp{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap} #page-spa .spa-wellness2{background:var(--panel);padding:clamp(70px,8vw,110px) 0} #page-spa .wcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 44px} #page-spa .wcard{margin:0;background:var(--bg);box-shadow:0 18px 45px -30px rgba(24,35,55,.18)} #page-spa .wcard .wimgc{height:300px;background-size:cover;background-position:center} #page-spa .wcard figcaption{padding:18px 22px;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} @media(max-width:760px){#page-spa .spa-two,#page-spa .spa-two.rev{grid-template-columns:1fr;gap:30px}#page-spa .spa-two.rev .spa-txt{order:0}#page-spa .spa-pic{height:340px}#page-spa .wcard-grid{grid-template-columns:1fr;padding:0 22px}} #page-table .tbl2{padding:clamp(70px,8vw,110px) 0} #page-table .tbl2 .wrap{max-width:1200px} #page-table .tbl-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} #page-table .tbl-pic{height:520px;background-size:cover;background-position:center;border-radius:2px;box-shadow:0 22px 55px -30px rgba(15,20,35,.4)} #page-table .tbl-txt h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:14px 0 18px} #page-table .tbl-txt p{color:var(--ink-2);margin-bottom:14px;line-height:1.85} #page-table .tbl-settings{background:var(--panel);padding:clamp(70px,8vw,110px) 0} #page-table .tcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 44px} #page-table .tcard{margin:0;background:var(--bg);box-shadow:0 18px 45px -30px rgba(24,35,55,.18)} #page-table .tcard .timgc{height:300px;background-size:cover;background-position:center} #page-table .tcard figcaption{padding:18px 22px;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} @media(max-width:760px){#page-table .tbl-two{grid-template-columns:1fr;gap:30px}#page-table .tbl-pic{height:340px}#page-table .tcard-grid{grid-template-columns:1fr;padding:0 22px}} #page-evenements .ev2{padding:clamp(70px,8vw,110px) 0} #page-evenements .ev2 .wrap{max-width:1200px} #page-evenements .ev-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} #page-evenements .ev-two.rev .ev-txt{order:2} #page-evenements .ev-pic{height:520px;background-size:cover;background-position:center;border-radius:2px;box-shadow:0 22px 55px -30px rgba(15,20,35,.4)} #page-evenements .ev-txt h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:14px 0 18px} #page-evenements .ev-txt p{color:var(--ink-2);margin-bottom:14px;line-height:1.85} #page-evenements .ev-facts{padding:clamp(60px,7vw,95px) 0;background:var(--panel)} #page-evenements .ev-facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:36px;text-align:left} #page-evenements .ev-facts-grid>div{background:var(--bg);padding:30px;border:1px solid var(--line)} #page-evenements .ev-facts-grid strong{display:block;font-family:"Trirong",serif;font-size:2.6rem;color:var(--blue);line-height:1} #page-evenements .ev-facts-grid span{display:block;margin-top:10px;color:var(--ink-2);font-size:.95rem;line-height:1.6} #page-evenements .event-enquiry{padding:clamp(70px,8vw,110px) 0} #page-evenements .enquiry-form{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px} #page-evenements .ef-row{display:grid;grid-template-columns:1fr 1fr;gap:20px} #page-evenements .ef-field{display:flex;flex-direction:column;gap:8px} #page-evenements .ef-field label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)} #page-evenements .ef-field input,#page-evenements .ef-field select,#page-evenements .ef-field textarea{background:var(--bg);border:1px solid var(--line);padding:13px 15px;font-family:Inter,sans-serif;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .25s;border-radius:2px} #page-evenements .ef-field input:focus,#page-evenements .ef-field select:focus,#page-evenements .ef-field textarea:focus{border-color:var(--blue)} #page-evenements .ef-field textarea{min-height:135px;resize:vertical} #page-evenements .ef-dates{display:flex;align-items:center;gap:12px} #page-evenements .ef-dates input{flex:1;min-width:0} #page-evenements .ef-dates span{color:var(--muted)} #page-evenements .enquiry-form .btn{align-self:flex-start;margin-top:4px;border:0;cursor:pointer} #page-evenements .hero-cta-scroll{margin-top:26px;cursor:pointer;display:inline-block;background:#fff;border-color:#fff;color:var(--blue)}#page-evenements .hero-cta-scroll:hover{background:transparent;border-color:#fff;color:#fff}#page-evenements .ev-request{padding:clamp(70px,8vw,110px) 0}#page-evenements .ev-req-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}#page-evenements .ev-req-info h2{margin:14px 0 18px}#page-evenements .ev-req-info p{color:var(--ink-2);line-height:1.75;margin:0 0 16px;max-width:none}#page-evenements .ev-request .enquiry-form{max-width:none;margin:0;background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:2px;box-shadow:0 22px 55px -34px rgba(15,20,35,.35)}@media(max-width:860px){#page-evenements .ev-req-grid{grid-template-columns:1fr;gap:38px}}@media(max-width:760px){#page-evenements .ev-two{grid-template-columns:1fr;gap:30px}#page-evenements .ev-two.rev .ev-txt{order:0}#page-evenements .ev-pic{height:340px}#page-evenements .ev-facts-grid,#page-evenements .ef-row{grid-template-columns:1fr}} .form-status{margin:6px 0 0;font-size:.9rem;line-height:1.5}.form-status.ok{color:#1c7c4a}.form-status.err{color:#b3402f} /* Scoped to the four experience pages; property layouts are preserved. */ .experience-page .luxury-page-hero{margin-bottom:0!important;min-height:78vh!important} .experience-page .luxury-page-hero:after{background:linear-gradient(180deg,#0005,transparent 40%,#0008)} body:has(.experience-page.active) nav:not(.stuck){background:transparent;color:white;box-shadow:none} body:has(.experience-page.active) nav.stuck{background:white;color:var(--ink)} .experience-page .label{font-size:.75rem;letter-spacing:.2em} .experience-page .label:before,.experience-page .label:after{display:none} .experience-page h2{line-height:1.3} #page-spa .spa2{padding:100px 0} #page-spa .spa-two{grid-template-columns:1.1fr 1fr;gap:70px} #page-spa .spa-two:not(.rev) .spa-pic{height:590px;border-radius:48% 48% 0 0;box-shadow:none} #page-spa .spa-soins li{padding:22px 0} #page-spa .spa-wellness2{background:#f4f3ef;padding:90px 0 100px} #page-spa .wcard-grid{padding:0;max-width:none;grid-template-columns:1fr 1fr;gap:24px} #page-spa .wcard{position:relative;box-shadow:none;background:transparent} #page-spa .wcard:first-child{grid-column:1/-1} #page-spa .wcard:first-child .wimgc{height:490px} #page-spa .wcard .wimgc{height:340px} #page-spa .wcard figcaption{padding:22px 0 8px;font-family:Trirong,serif;font-size:1.25rem;text-transform:none;letter-spacing:0} #page-spa .yoga-finish{background:var(--blue);color:#fff;padding:0;margin:0} #page-spa .yoga-finish .wrap{max-width:none;padding:0} #page-spa .yoga-finish .spa-two{gap:0;grid-template-columns:1fr 1fr} #page-spa .yoga-finish .spa-pic{height:650px;border-radius:0;box-shadow:none} #page-spa .yoga-finish .spa-txt{padding:70px clamp(30px,6vw,100px)} #page-spa .yoga-finish h2,#page-spa .yoga-finish .em,#page-spa .yoga-finish .label,#page-spa .yoga-finish p,#page-spa .yoga-finish .link{color:#fff} #page-table .tbl2{padding:100px 0 85px} #page-table .tbl-two{display:block} #page-table .tbl-two>.tbl-pic{display:none} #page-table .tbl-txt{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px} #page-table .tbl-txt .label{grid-column:1/-1} #page-table .tbl-txt h2{grid-column:1;grid-row:2/5;font-size:clamp(2rem,3.5vw,3.2rem);margin:0} #page-table .tbl-txt p,#page-table .tbl-txt .link{grid-column:2;margin:0} #page-table .tbl-settings{padding:0 0 110px;background:white} #page-table .tbl-settings .center{text-align:left;border-top:1px solid var(--line);padding-top:55px} #page-table .tbl-settings .lead{margin-left:0} #page-table .tcard-grid{display:grid;grid-template-columns:1.3fr 1fr;padding:0;max-width:none;gap:26px} #page-table .tcard{background:transparent;box-shadow:none;position:relative} #page-table .tcard:first-child{grid-row:span 2} #page-table .tcard .timgc{height:265px} #page-table .tcard:first-child .timgc{height:620px} #page-table .tcard figcaption{padding:18px 0;font-family:Trirong,serif;font-size:1.2rem;letter-spacing:0;text-transform:none} #page-evenements .ev-request{padding:100px 0 110px} #page-evenements .ev-req-grid{gap:80px;grid-template-columns:.9fr 1.1fr} #page-evenements .ev-req-info{position:sticky;top:110px;padding-top:20px} #page-evenements .ev-req-info h2{font-size:clamp(2.2rem,4vw,3.6rem)} #page-evenements .ev-request .enquiry-form{padding:42px;background:#f4f3ef;border:none;box-shadow:none} #page-evenements .ev-facts{padding:75px 0;background:var(--blue);color:#fff} #page-evenements .ev-facts .narrow{max-width:1200px;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:20px 65px} #page-evenements .ev-facts .label{grid-column:1/-1;color:#d5dfef} #page-evenements .ev-facts h2,#page-evenements .ev-facts .em{color:#fff} #page-evenements .ev-facts-grid{margin:0;gap:30px} #page-evenements .ev-facts-grid>div{background:none;border:none;border-left:1px solid #ffffff50;padding:5px 0 5px 25px} #page-evenements .ev-facts-grid strong,#page-evenements .ev-facts-grid span{color:#fff} #page-evenements .ev2{padding:110px 0} #page-evenements .ev-two{grid-template-columns:1.3fr 1fr;gap:0} #page-evenements .ev-pic{height:600px;box-shadow:none} #page-evenements .ev-txt{background:white;padding:45px;margin-left:-55px;z-index:1;box-shadow:0 15px 55px #1823370a} #page-galerie .gallery-collection{padding:45px 0 90px;max-width:1400px;width:90%;margin:auto} #page-galerie .gallery-filters{background:white;border-bottom:1px solid var(--line);border-top:0;margin:0 0 25px;padding:0 0 20px;gap:12px 28px} #page-galerie .curated-gallery{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch} #page-galerie .curated-gallery figure:nth-child(n){flex:1 1 calc(50% - 14px);min-width:0;margin:0;padding:0;box-shadow:none;background:#f4f3ef;position:relative;grid-column:auto} #page-galerie .curated-gallery figure[hidden]{display:none!important} #page-galerie .curated-gallery button{height:100%;background:none} #page-galerie .curated-gallery img,#page-galerie .curated-gallery figure:nth-child(n) img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block} #page-galerie .curated-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 22px 20px;color:#fff;background:linear-gradient(transparent,#0009);pointer-events:none;font-size:.85rem} #page-galerie .curated-gallery figcaption small{color:#fff} #page-galerie .curated-gallery .photo-plus{top:18px;right:18px;bottom:auto} .experience-page button:focus-visible,.experience-page a:focus-visible{outline:2px solid #b99a60;outline-offset:5px} @media(max-width:760px){ .experience-page .luxury-page-hero{min-height:570px!important} #page-spa .spa2,#page-spa .spa-wellness2,#page-table .tbl2,#page-evenements .ev-request,#page-evenements .ev2{padding:65px 0} #page-spa .spa-two,#page-spa .yoga-finish .spa-two,#page-evenements .ev-req-grid,#page-evenements .ev-two{grid-template-columns:1fr;gap:30px} #page-spa .spa-two:not(.rev) .spa-pic{height:400px} #page-spa .yoga-finish{padding:0} #page-spa .yoga-finish .spa-two{gap:0} #page-spa .yoga-finish .spa-txt{padding:55px 25px} #page-spa .yoga-finish .spa-pic{height:380px} #page-spa .wcard-grid{grid-template-columns:1fr} #page-spa .wcard:first-child .wimgc,#page-spa .wcard .wimgc{height:300px} #page-table .tbl-txt{display:block}#page-table .tbl-txt p{margin:20px 0} #page-table .tcard-grid{grid-template-columns:1fr} #page-table .tcard:first-child .timgc,#page-table .tcard .timgc{height:350px} #page-evenements .ev-req-info{position:static} #page-evenements .ev-request .enquiry-form{padding:25px} #page-evenements .ev-facts .narrow{display:block;padding:0 25px} #page-evenements .ev-facts-grid{margin-top:35px;grid-template-columns:1fr 1fr} #page-evenements .ev-facts-grid strong{font-size:2rem} #page-evenements .ev-txt{margin:0;padding:20px 0;box-shadow:none} #page-evenements .ev-pic{height:360px} #page-galerie .curated-gallery{gap:12px} #page-galerie .curated-gallery figure:nth-child(n){flex-basis:100%} } body:has(#page-art.active) nav:not(.stuck){background:transparent;color:#fff;box-shadow:none} body:has(#page-art.active) nav.stuck{background:#fff;color:var(--ink)} #page-art .page-hero{min-height:78vh;margin:0;align-items:flex-end} #page-art .page-hero .in{padding:150px 7% 75px} #page-art .label:before,#page-art .label:after{display:none} #page-art .art-story{padding:105px 0} #page-art .wg{grid-template-columns:1fr 1.15fr;gap:75px;align-items:center} #page-art .wg h2{font-size:clamp(2.1rem,3.5vw,3.2rem);line-height:1.3;margin:20px 0 28px} #page-art .wg p{font-size:1rem;line-height:1.9;margin-bottom:18px} #page-art .wimg{min-height:610px;box-shadow:22px 22px 0 #f1f0ec;position:relative} #page-art .wimg:after{display:none} #page-art .art-panorama{padding:0;position:relative;background:var(--blue);color:white;overflow:hidden} #page-art .art-panorama img{display:block;width:100%;height:580px;object-fit:cover} #page-art .art-panorama .art-caption{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:55px 0 65px;align-items:center} #page-art .art-panorama h2{font-size:clamp(2rem,3vw,3rem);color:white;line-height:1.3;margin:14px 0 0} #page-art .art-panorama .em,#page-art .art-panorama .label{color:#dce5f3} #page-art .art-panorama p{line-height:1.85;margin:0;color:#e5eaf1} #page-art .art-directory{background:#fff;padding:100px 0 110px} #page-art .directory-layout{display:grid;grid-template-columns:.75fr 1.6fr;gap:85px;align-items:start} #page-art .directory-title{position:sticky;top:115px} #page-art .directory-title h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.35;margin:18px 0 25px} #page-art .artist-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;counter-reset:artist} #page-art .artist-tags>span{display:grid;grid-template-columns:24px 1fr;gap:7px 10px;padding:21px 0;margin:0;font-family:Trirong,serif;font-size:1.05rem;line-height:1.4;border-bottom:1px solid var(--line);border-radius:0;background:none;align-items:center} #page-art .artist-tags>span:before{counter-increment:artist;content:counter(artist,decimal-leading-zero);font:11px Inter,sans-serif;color:var(--muted);grid-row:span 2} #page-art .artist-tags b{grid-column:2;display:block;margin:0;font:12px Inter,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.1em} #page-art .artist-tags>span:hover{background:#f7f7f4;color:var(--blue)} @media(max-width:760px){#page-art .page-hero{min-height:550px}#page-art .page-hero .in{padding:130px 25px 55px}#page-art .art-story,#page-art .art-directory{padding:65px 0}#page-art .wg,#page-art .directory-layout{grid-template-columns:1fr;gap:35px}#page-art .wimg{min-height:380px;margin-right:12px;box-shadow:12px 12px 0 #f1f0ec}#page-art .art-panorama img{height:340px}#page-art .art-panorama .art-caption{grid-template-columns:1fr;gap:20px;padding:35px 0 45px}#page-art .directory-title{position:static}#page-art .artist-tags{gap:0 18px}} @media(max-width:420px){#page-art .artist-tags{grid-template-columns:1fr}} .suite-photo-pending{min-height:330px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0efeb;color:var(--blue);padding:30px;text-align:center}.suite-photo-pending span{font-family:Trirong,serif;font-size:2rem;letter-spacing:.15em}.suite-photo-pending p{font-size:.85rem;margin-top:14px}#page-ch-superieure .rd-txt{margin:0} #page-home .stay-track,#page-chambres .stay-track{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:0 0 16px;scrollbar-width:thin;max-width:none;width:100%;margin:0}#page-home .stay-track .rc,#page-chambres .stay-track .rc:nth-child(n){flex:0 0 calc((100% - 48px)/3);display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;background:var(--panel)}#page-home .stay-track .imgwrap,#page-chambres .stay-track .imgwrap{order:0!important;height:320px;min-height:320px}#page-home .stay-track .ci,#page-chambres .stay-track .ci{height:320px;min-height:320px;aspect-ratio:auto}#page-home .stay-track .cb,#page-chambres .stay-track .cb{margin:0;padding:25px;flex:1}#page-home .stay-track h3,#page-chambres .stay-track h3{font-size:1.45rem}#page-home .stay-track .suite-photo-pending,#page-chambres .stay-track .suite-photo-pending{min-height:320px}.stay-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.stay-controls span{margin-right:auto;font-size:.8rem;color:var(--blue)}.stay-controls button{border:1px solid var(--blue);background:white;color:var(--blue);width:46px;height:46px;font-size:1.4rem;cursor:pointer}.stay-controls button:disabled{opacity:.3;cursor:default}.suite-equipment{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-bottom:50px}.suite-equipment h2{font-size:1.8rem;margin-bottom:20px}.suite-equipment ul{padding:0;list-style:none}.suite-equipment li{border-bottom:1px solid var(--line);padding:12px 0}#page-ch-superieure .apropos h4{margin:20px 0 12px}@media(max-width:1000px){#page-home .stay-track .rc,#page-chambres .stay-track .rc:nth-child(n){flex-basis:calc((100% - 24px)/2)}}@media(max-width:600px){#page-home .stay-track .rc,#page-chambres .stay-track .rc:nth-child(n){flex-basis:90%}.suite-equipment{grid-template-columns:1fr;gap:30px}} .property-amenities{padding:55px 0 70px;border-top:1px solid var(--line)}.amenities-title h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:14px 0 32px}.property-service-icons{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.property-service-icons li{display:flex;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);font-size:.9rem}.property-service-icons svg{width:32px;height:32px;flex:0 0 32px;color:var(--blue)}.property-extras{background:var(--panel);padding:30px;margin-top:40px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.property-extras h3{font-size:1.4rem}.property-extras ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;list-style:none;margin:0;padding:0;font-size:.9rem}.junior-themes{padding:35px 0 60px}.junior-themes h2{margin:15px 0 30px}.junior-themes details{border-bottom:1px solid var(--line);padding:22px 0}.junior-themes summary{cursor:pointer;font-family:Trirong,serif;font-size:1.3rem;color:var(--blue)}.junior-themes p{margin:18px 0 0;max-width:850px;line-height:1.85}.page[id^=page-ch-] .room-detail{align-items:start}.page[id^=page-ch-] .apropos h4{margin:15px 0;font-size:.9rem}.page[id^=page-ch-] .apropos p{line-height:1.85}@media(max-width:760px){.property-service-icons{grid-template-columns:1fr 1fr;gap:0 20px}.property-extras{grid-template-columns:1fr;padding:24px}.property-service-icons li{gap:12px;font-size:.82rem}}@media(max-width:420px){.property-service-icons,.property-extras ul{grid-template-columns:1fr}} .suite-choices{padding:65px 0 75px;background:var(--panel)}.suite-choices h2{margin:14px 0 35px;font-size:clamp(1.8rem,3vw,2.7rem)}.suite-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.individual-suite{display:block;background:white;color:var(--ink);text-decoration:none}.individual-suite img{display:block;width:100%;height:330px;object-fit:cover}.individual-suite>div{padding:24px}.individual-suite h3{font-size:1.6rem;margin:10px 0}.individual-suite>div>span{color:var(--muted);font-size:.8rem}.individual-suite p{color:var(--blue);font-size:.8rem;margin:15px 0 0;display:flex;justify-content:space-between}.individual-suite-page .page-hero{min-height:75vh;text-align:left;justify-content:flex-start;align-items:flex-end}.individual-suite-page .page-hero .in{align-items:flex-start;padding:140px 7% 65px}.individual-suite-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.individual-suite-bar .back-link{margin:0}.individual-suite-content{padding:65px 0}.individual-suite-content h2{margin-bottom:30px}.individual-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:35px}.individual-photos button{padding:0;border:0;cursor:zoom-in;background:var(--panel)}.individual-photos img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.individual-photos button:first-child{grid-column:1/-1}.individual-suite:focus-visible,.individual-photos button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media(max-width:650px){.suite-choice-grid{grid-template-columns:1fr}.individual-suite img{height:280px}.individual-suite-bar{align-items:flex-start;flex-direction:column}.individual-photos{grid-template-columns:1fr}.individual-suite-page .page-hero{min-height:520px}} .individual-suite-page .room-detail{border:0;grid-template-columns:1.15fr 1fr;align-items:start;margin:25px 0 55px;overflow:visible}.individual-suite-page .rd-img{min-height:530px}.individual-suite-page .rd-img:after{display:none}.individual-suite-page .rd-txt{margin:30px 0 30px -35px;background:var(--panel);position:relative;padding:35px}.individual-suite-page .apropos h4{margin:15px 0}.individual-suite-page .apropos p{line-height:1.85}.individual-suite-page .property-amenities{padding-top:45px}.individual-suite-page .rgal-heading{margin:0 0 25px}@media(max-width:760px){.individual-suite-page .room-detail{grid-template-columns:1fr}.individual-suite-page .rd-img{min-height:330px}.individual-suite-page .rd-txt{margin:0;padding:25px}} #page-home .home-stays .stay-track .rc .imgwrap{width:100%;flex-shrink:0}#page-home .home-stays .stay-track .rc .ci{width:100%;height:100%;min-height:0;aspect-ratio:auto;background-size:cover;background-position:center} #page-evenements .ev2 .ev-two{grid-template-columns:1.15fr 1fr;gap:0;align-items:center}#page-evenements .ev2 .ev-pic{order:0;min-height:530px;height:530px;width:100%;box-shadow:none}#page-evenements .ev2 .ev-txt{order:1;position:relative;z-index:2;margin:0 0 0 -60px;padding:48px 42px;background:var(--panel);box-shadow:0 18px 45px -35px rgba(20,19,16,.25);border-left:3px solid var(--blue)}#page-evenements .ev2 .ev-txt h2{font-size:clamp(1.9rem,3.1vw,2.6rem);line-height:1.28}#page-evenements .ev2 .label{font-size:.72rem;letter-spacing:.2em}#page-evenements .ev2 .label:before,#page-evenements .ev2 .label:after{display:none}#page-evenements .ev2 .link{font-size:.7rem;border-bottom:1px solid var(--blue-lt);padding-bottom:7px}@media(max-width:1100px){#page-evenements .ev2 .ev-txt{padding:34px 30px;margin-left:-35px}#page-evenements .ev2 .ev-pic{height:470px;min-height:470px}}@media(max-width:860px){#page-evenements .ev2 .ev-two{grid-template-columns:1fr;max-width:760px;margin:auto}#page-evenements .ev2 .ev-pic{height:380px;min-height:380px}#page-evenements .ev2 .ev-txt{margin:-55px 24px 0;padding:36px}}@media(max-width:560px){#page-evenements .ev2 .wrap{padding:0 16px}#page-evenements .ev2 .ev-pic{height:300px;min-height:300px}#page-evenements .ev2 .ev-txt{margin:-38px 12px 0;padding:28px 24px}#page-evenements .ev2 .ev-txt h2{font-size:1.85rem}} /* ===== Durcissement mobile — audit etape 2 ===== */ img,video,iframe{max-width:100%} html{overflow-x:hidden} @media(max-width:768px){ .wrap,.narrow{padding-left:20px;padding-right:20px} input,select,textarea{font-size:16px!important} #page-art .wimg,[class*="wimg"]{box-shadow:none} #page-art .wg,#page-art .art-caption,.wg,.cx,.ev-req-grid,.ev-two,.spa-two,.tbl-two,.room-detail,.dining-pair,.wellness-grid{grid-template-columns:1fr!important} .gallery-filters button,[data-filter],.lb-close,.lb-nav,button.g,.btn{min-height:44px} /* filtres galerie : defilables horizontalement, pas de retour a la ligne */ .gallery-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .gallery-filters::-webkit-scrollbar{display:none} .gallery-filters button{white-space:nowrap;flex:0 0 auto} } .foot-social{display:flex;gap:16px;margin-top:18px}.foot-social a{color:inherit;opacity:.7;transition:opacity .2s}.foot-social a:hover{opacity:1}.foot-social svg{width:20px;height:20px;fill:currentColor;display:block}.wa-float{position:fixed;right:22px;bottom:22px;z-index:150;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -6px rgba(0,0,0,.45);transition:transform .25s,box-shadow .25s}.wa-float:hover{transform:scale(1.07);box-shadow:0 12px 28px -6px rgba(0,0,0,.5)}.wa-float svg{width:30px;height:30px}@media(max-width:768px){.wa-float{right:16px;bottom:16px;width:52px;height:52px}}