@media (max-width:850px){ html{scroll-padding-top:24px} html:root body[data-mobile-design="61"]{--mobile-paper:#faf7ef;--mobile-ink:#1b332e;background:var(--mobile-paper);color:var(--mobile-ink);font-size:16px;line-height:1.65;padding-bottom:calc(94px + env(safe-area-inset-bottom))} html:root body[data-mobile-design="61"] .wrap{width:calc(100% - 40px);max-width:640px;margin-inline:auto} html:root body[data-mobile-design="61"] :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word} html:root body[data-mobile-design="61"] :is(input,select,textarea){font-size:16px!important;min-height:50px;max-width:100%;min-width:0;border-radius:11px} html:root body[data-mobile-design="61"] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #b78a45;outline-offset:4px} html:root body[data-mobile-design="61"] .button{min-height:48px!important;padding:12px 20px!important;line-height:1.35;font-size:14px!important;font-weight:600;border-radius:12px;white-space:normal;text-align:center;letter-spacing:0;gap:12px} html:root body[data-mobile-design="61"] .button .icon{width:20px;height:20px;flex:none} html:root body[data-mobile-design="61"] .green{background:linear-gradient(180deg,#2e5a40,#1a412e);border:1px solid #456b4f;color:#fff;box-shadow:0 4px 10px #0b2a1d16,inset 0 1px #ffffff20} html:root body[data-mobile-design="61"] .gold{background:linear-gradient(110deg,#f4dbb5,#dfba87);border:1px solid #ecd1a7;color:#152b25;box-shadow:0 4px 16px #05151b25,inset 0 1px #fff7df80} html:root body[data-mobile-design="61"] .outline{border-color:#8d9b8f;color:#244c3a} html:root body[data-mobile-design="61"] .header{height:78px;position:absolute;inset:0 0 auto;padding:0;z-index:20;border:0;background:#0b202ae8;box-shadow:none} html:root body[data-mobile-design="61"] .header-inner{height:78px;padding:10px 20px;display:flex;align-items:center;gap:10px;width:100%;max-width:680px} html:root body[data-mobile-design="61"] .header .brand{width:148px;min-width:0;flex:none;color:#e8c997} html:root body[data-mobile-design="61"] .header .brand svg{height:25px;width:70px} html:root body[data-mobile-design="61"] .header .brand strong{font-size:14px;line-height:1.25;letter-spacing:.05em} html:root body[data-mobile-design="61"] .header .brand small{font-size:8px;letter-spacing:.2em;margin-top:2px} html:root body[data-mobile-design="61"] .header :is(.desktop-nav,.languages,.header-book){display:none} html:root body[data-mobile-design="61"] .menu-button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin-left:0;padding:0;background:#ffffff08;border:1px solid #d3bb8740;border-radius:12px;color:#e8c997} html:root body[data-mobile-design="61"] .menu-button .icon{width:24px;height:24px} html:root body[data-mobile-design="61"] .mobile-lang-link{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;margin-left:auto;background:transparent;border:0;padding:0;color:#eedabc;font-size:12px;font-weight:600;text-decoration:none} html:root body[data-mobile-design="61"] .side-contact{display:none} html:root body[data-mobile-design="61"] .mobile-menu{inset:0 0 0 auto;margin:0;width:min(100%,440px);max-width:100%;height:100dvh;max-height:100dvh;overflow:auto;padding:28px 26px calc(24px + env(safe-area-inset-bottom));background:#102830;color:#fcf6e9;border:0;border-radius:0;box-shadow:-10px 0 70px #0004} html:root body[data-mobile-design="61"] .mobile-menu::backdrop{background:#04151bd9} html:root body[data-mobile-design="61"] .dialog-close{top:20px;right:20px;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #d3ba8244;border-radius:12px} html:root body[data-mobile-design="61"] .mobile-menu>.brand{width:165px;margin:0 0 22px} html:root body[data-mobile-design="61"] .mobile-menu>nav:not(.languages){display:grid;grid-template-columns:1fr;gap:0;margin:0 0 24px} html:root body[data-mobile-design="61"] .mobile-menu>nav:not(.languages) a{font:400 24px/1.3 var(--serif);color:#f7f2e7;padding:12px 5px;min-height:50px;border-bottom:1px solid #ffffff1c;border-radius:0} html:root body[data-mobile-design="61"] .mobile-menu>nav a[aria-current="page"]{color:#edc994;border-bottom-color:#c3a770} html:root body[data-mobile-design="61"] .mobile-menu .languages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px} html:root body[data-mobile-design="61"] .mobile-menu .languages a{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e8cc9944;border-radius:9px;min-height:44px;font-size:12px;color:#f1e5ca} html:root body[data-mobile-design="61"] .mobile-menu>.button{width:100%} html:root body[data-mobile-design="61"] .mobile-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0} html:root body[data-mobile-design="61"] .mobile-contact-actions a{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;color:#ecd6b2;font-size:14px;border:1px solid #cdb47f55;border-radius:12px} html:root body[data-mobile-design="61"] .mobile-contact-actions .icon{width:20px;height:20px;flex:none} html:root body[data-mobile-design="61"][data-page="home"] .hero{--season-rail:0px;display:flex;flex-direction:column;align-items:center;gap:0;height:auto;min-height:0;padding:99px 0 26px;background:#0b202b!important;overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .hero:before,html:root body[data-mobile-design="61"][data-page="home"] .hero:after{display:none} html:root body[data-mobile-design="61"][data-page="home"] .hero-content{display:contents} html:root body[data-mobile-design="61"][data-page="home"] .hero-content>.script{order:1;position:relative;z-index:2;color:#e7c490;font:400 30px/1.2 var(--script);text-align:center;margin:0 20px 6px;padding:0;transform:none} html:root body[data-mobile-design="61"][data-page="home"] .hero h1{order:2;position:relative;z-index:2;font:700 clamp(38px,10.3vw,56px)/1.05 var(--serif);letter-spacing:-.035em;color:#fff8ea;text-shadow:0 2px 12px #041923;margin:0 16px 9px;text-align:center} html:root body[data-mobile-design="61"][data-page="home"] .hero-location{order:3;position:relative;z-index:2;color:#edd1a3;font:400 17px/1.4 var(--serif);margin:0 20px 4px;text-align:center} html:root body[data-mobile-design="61"][data-page="home"] .hero-sub{order:4;position:relative;z-index:2;color:#ecf0eb;font:400 12px/1.5 var(--sans);margin:0 20px 0;text-align:center} html:root body[data-mobile-design="61"][data-page="home"] .hero-picture{order:5;position:relative;inset:auto;width:100%;height:clamp(258px,70vw,380px);margin:-9px 0 -20px;transform:none;z-index:0;mask-image:linear-gradient(transparent,#000 14%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 83%,transparent)} html:root body[data-mobile-design="61"][data-page="home"] .hero-picture img{display:block;position:static;width:100%;height:100%;object-fit:cover;object-position:76% 50%;transform:none;filter:none;mask:none;-webkit-mask:none} html:root body[data-mobile-design="61"][data-page="home"] .hero-shade{display:none} html:root body[data-mobile-design="61"][data-page="home"] .weather-card{position:absolute;top:257px;right:18px;left:auto;bottom:auto;display:flex;width:auto;max-width:130px;gap:7px;padding:6px 8px;background:#0b202bc9;border:1px solid #e7d0a650;border-radius:10px;font-size:9px;line-height:1.5;z-index:2;backdrop-filter:none} html:root body[data-mobile-design="61"][data-page="home"] .weather-card .weather-icon{width:24px;height:24px} html:root body[data-mobile-design="61"][data-page="home"] .season-switch{order:6;position:relative;inset:auto;transform:none;width:calc(100% - 40px);max-width:410px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:4px;height:48px;min-height:48px;padding:3px;border:1px solid #d4bb8e55;border-radius:14px;background:#132c35;box-shadow:0 6px 14px #04151b33;backdrop-filter:none;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:4px 2px;margin:0;gap:0;color:#dce5e4;font:500 12px/1.2 var(--sans);background:transparent;border:0;border-radius:10px} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button[aria-pressed="true"]{background:#edd0a0;color:#17322d;box-shadow:inset 0 1px #fff6e6;border:0} html:root body[data-mobile-design="61"][data-page="home"] .season-switch :is(img,.season-chevron),html:root body[data-mobile-design="61"][data-page="home"] .season-switch button:after{display:none} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts{order:7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 36px);max-width:450px;gap:6px;margin:22px auto 18px;color:#fff4df} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts>div{min-width:0;margin:0;text-align:center} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts .icon{display:block;width:36px;height:36px;margin:0 auto 7px;padding:6px;border:1px solid #bf9e6266;border-radius:50%;color:#e9c58d;background:#0b243044;box-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts strong{display:block;font:600 12px/1.4 var(--sans);white-space:normal} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts span{display:block;font:400 10px/1.35 var(--sans);color:#ccd7d7;margin-top:2px} html:root body[data-mobile-design="61"][data-page="home"] .hero-actions{order:8;display:block;margin:0;width:calc(100% - 40px);max-width:420px;text-align:center} html:root body[data-mobile-design="61"][data-page="home"] .hero-actions>.button{width:100%;border-radius:14px;font-size:15px!important} html:root body[data-mobile-design="61"][data-page="home"] .hero-together{display:block!important;margin:12px 0 0!important;font-size:25px!important;line-height:1.25;white-space:normal;max-width:none;color:#e3c999;transform:none} html:root body[data-mobile-design="61"][data-page="home"] .visual-note{order:9;position:relative;inset:auto;margin:6px auto 0;max-width:none;color:#bac6c7;font-size:8px;line-height:1.4;opacity:1;background:none} html:root body[data-mobile-design="61"][data-page="home"] .winter-snow{height:540px;bottom:auto;pointer-events:none} html:root body[data-mobile-design="61"][data-page="home"] .booking-bar{position:relative;inset:auto;transform:none;width:calc(100% - 32px);max-width:640px;margin:0 auto 0;padding:22px 18px;border:1px solid #d2c7ad;border-radius:19px;background:#f8f6eeeF;color:#20382f;box-shadow:0 7px 24px #0a212729;backdrop-filter:none;z-index:5} html:root body[data-mobile-design="61"][data-page="home"] #main{background:#0b202b} html:root body[data-mobile-design="61"] .mobile-booking-title{display:flex;align-items:center;gap:9px;color:#244134;font:400 23px/1.2 var(--serif);margin:0 0 17px} html:root body[data-mobile-design="61"] .mobile-booking-title .icon{width:20px;height:20px;color:#9b793f} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px;align-items:end} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates>.icon{display:none} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates label{display:block;min-width:0;font:500 12px/1.4 var(--sans);color:#405449;margin:0} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates :is(input,select){display:block;width:100%;margin-top:6px;height:50px;padding:9px 8px;border:1px solid #d8dcd2;background:white;color:#243e34;box-shadow:inset 0 1px 3px #1c362009;appearance:auto} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates label:last-of-type,html:root body[data-mobile-design="61"][data-page="home"] .quick-dates>.button{grid-column:1/-1} html:root body[data-mobile-design="61"][data-page="home"] .benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:17px 0 0;padding:0;white-space:normal;overflow:visible} html:root body[data-mobile-design="61"][data-page="home"] .benefits li{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.4;color:#3b5346} html:root body[data-mobile-design="61"][data-page="home"] .benefits .icon{flex:none;width:13px;height:13px;color:#3c724c} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign{--snow:#faf7ef;position:relative;isolation:isolate;background:#faf7ef;color:#1b332e;margin-top:-24px;padding-top:24px;z-index:1;overflow:hidden;border-radius:0} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-intro{background:#faf7ef;padding:0} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-intro:before{display:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .alpine-scene{opacity:.1;max-height:240px;inset:auto 0 0} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-edge{height:23px;filter:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .story-section{padding:42px 0 24px;background:transparent} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .story-section:before{display:none} html:root body[data-mobile-design="61"] .story{display:grid;grid-template-columns:1fr;gap:23px} html:root body[data-mobile-design="61"] .story-copy{padding:0;max-width:none} html:root body[data-mobile-design="61"] .story-copy .eyebrow{font-size:9px;letter-spacing:.2em;color:#826440;font-weight:700;margin:0 0 12px} html:root body[data-mobile-design="61"] .story-copy h2{font:400 34px/1.12 var(--serif);letter-spacing:-.025em;color:#1b352e;margin:0 0 17px} html:root body[data-mobile-design="61"] .story-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#43554a;max-width:none;margin:0 0 22px} html:root body[data-mobile-design="61"] .story-photo{position:relative;height:260px;min-height:0;aspect-ratio:auto;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #54391b18} html:root body[data-mobile-design="61"] .story-photo .photo{height:100%;mask:none!important;-webkit-mask:none!important;border:0;border-radius:16px} html:root body[data-mobile-design="61"] .story-photo img{width:100%;height:100%;object-fit:cover;object-position:0% center;mask:none!important;-webkit-mask:none!important} html:root body[data-mobile-design="61"] .story-photo .script{top:15px;right:15px;bottom:auto;left:auto;width:48%;max-width:200px;font-size:27px;line-height:1.2;text-shadow:0 2px 6px #2b140ccc;color:#ffefd1} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-section{padding:15px 0 34px;background:transparent;overflow:hidden} html:root body[data-mobile-design="61"] .section-heading{display:flex;flex-direction:column;gap:15px;align-items:flex-start;margin:0 0 22px} html:root body[data-mobile-design="61"] .section-heading>div{display:block} html:root body[data-mobile-design="61"] .section-heading h2{font:400 31px/1.12 var(--serif);color:#203a2f;margin:0 0 9px;letter-spacing:-.02em} html:root body[data-mobile-design="61"] .section-heading p{color:#42564a;font-size:14px;line-height:1.6;margin:0} html:root body[data-mobile-design="61"] .section-heading .button{font-size:12px!important;min-height:44px!important;padding:9px 15px!important;border-radius:25px} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-carousel{margin-inline:0 -20px} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:0 20px 12px 0;scrollbar-width:thin;scrollbar-color:#ac9776 #e9e3d5} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip>.photo{flex:0 0 66%;height:auto;background:#17372e;border:0;border-radius:13px;box-shadow:none;overflow:hidden;scroll-snap-align:start;display:block} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip picture{display:block;height:auto} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip .photo>span{position:static;display:block;padding:10px 12px;color:#fcf1da;background:#17372e;font-size:12px;line-height:1.4} html:root body[data-mobile-design="61"][data-page="home"] .gallery-arrow{display:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section{padding:34px 0 35px;background:#faf7ef;color:#203a2f} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section>.alpine-scene{opacity:.08;height:100%} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section:before{display:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section .section-heading h2{color:#203a2f;text-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section .section-heading p{color:#42564a;text-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section .section-heading .button{color:#284c3b;background:transparent;border-color:#98a68f} html:root body[data-mobile-design="61"] .season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} html:root body[data-mobile-design="61"] .season-card{min-height:205px;height:205px;align-items:end;text-align:left;border:1px solid #dbc79f88;border-radius:14px;box-shadow:0 5px 12px #152a2612;min-width:0} html:root body[data-mobile-design="61"] .season-card>div{padding:15px 12px;width:100%} html:root body[data-mobile-design="61"] .season-card:after{display:block;background:linear-gradient(transparent 5%,#051e2570 35%,#041d21ed)} html:root body[data-mobile-design="61"] .season-card h3{width:auto;max-width:100%;font:400 23px/1.08 var(--serif);color:#fff6e4;margin:0 0 8px;padding:0;text-shadow:none;background:none;hyphens:none} html:root body[data-mobile-design="61"] .season-card p{color:#ede7d9;font-size:11px;line-height:1.4;margin:0;text-shadow:none} html:root body[data-mobile-design="61"] .season-card strong{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-start;gap:3px 5px;font:400 27px/1.1 var(--serif);margin-top:18px;color:#f9dfb3} html:root body[data-mobile-design="61"] .season-card small{font:400 10px/1.4 var(--sans);color:#f4eada} html:root body[data-mobile-design="61"] .season-card .icon{display:none} html:root body[data-mobile-design="61"] .season-note{font-size:12px;line-height:1.7;color:#526354;background:none;padding:0;margin:18px 0 0;border:0;text-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .services-section{padding:33px 0;background:#faf7ef} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .teaser-grid{display:grid;grid-template-columns:1fr;gap:30px;padding:0;background:transparent} html:root body[data-mobile-design="61"] .teaser-grid h2{font:400 29px/1.15 var(--serif);color:#1d3b2d;margin:0 0 12px} html:root body[data-mobile-design="61"] .teaser-grid p{font-size:14px;line-height:1.65;color:#425848} html:root body[data-mobile-design="61"] .calendar-preview{display:grid;grid-template-columns:1fr;gap:20px;padding:0 0 28px;border-bottom:1px solid #d7dacb} html:root body[data-mobile-design="61"] .mini-calendar-wrap{padding:19px;border:1px solid #ddd9ca;border-radius:16px;background:#fffdf8;box-shadow:0 6px 20px #18392b08} html:root body[data-mobile-design="61"] #miniCalendar{min-height:235px} html:root body[data-mobile-design="61"] #miniCalendar :is(h2,h3,h4){font:600 16px/1.5 var(--sans);color:#254a36;margin:0 0 17px} html:root body[data-mobile-design="61"] #miniCalendar .cal-day{font-size:13px;min-height:36px} html:root body[data-mobile-design="61"] .mini-legend{font-size:10px;gap:10px} html:root body[data-mobile-design="61"] .area-teaser{min-height:225px;padding:24px;background:linear-gradient(90deg,#f9f7ecee,#f9f7ec70),image-set(url('design/alpine-day-v47-960.avif') type('image/avif'),url('design/alpine-day-v47-960.webp') type('image/webp')) center/cover;border:1px solid #dedbc8;border-radius:16px} html:root body[data-mobile-design="61"] .equipment-teaser{display:block;grid-column:auto;padding:0} html:root body[data-mobile-design="61"] .mini-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:18px;border-top:1px solid #d9ddcf} html:root body[data-mobile-design="61"] .mini-equipment li{display:flex;align-items:flex-start;padding:13px 8px 13px 0;border-bottom:1px solid #d9ddcf;font-size:12px;line-height:1.5;gap:8px} html:root body[data-mobile-design="61"] .mini-equipment .icon{position:static;flex:none;width:19px;height:19px;color:#476950} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .reference-faq{padding:36px 0;background:#102b32;color:#f5efdd} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .reference-faq>.alpine-scene{height:260px;opacity:.28} html:root body[data-mobile-design="61"] .reference-faq-grid{display:grid;grid-template-columns:1fr;gap:25px} html:root body[data-mobile-design="61"] .reference-faq-intro{display:block;grid-column:auto} html:root body[data-mobile-design="61"] .reference-faq h2{font:400 30px/1.15 var(--serif);color:#fff2d8;margin:0 0 14px} html:root body[data-mobile-design="61"] .reference-faq-intro p{color:#e0e8e2;font-size:14px;line-height:1.7;text-shadow:none} html:root body[data-mobile-design="61"] .reference-faq .outline{border-color:#d2bc9270;color:#f3dcb2} html:root body[data-mobile-design="61"] .faq-list{display:grid;gap:9px} html:root body[data-mobile-design="61"] .faq-list details{border:1px solid #b8c5b744;border-radius:12px;background:#163737;color:#f9f3e6} html:root body[data-mobile-design="61"] .faq-list summary{font:500 14px/1.55 var(--sans);min-height:52px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none} html:root body[data-mobile-design="61"] .faq-list summary>span{flex:none;color:#e6c792} html:root body[data-mobile-design="61"] .faq-list details>p{padding:0 17px 18px;margin:0;color:#e0e7de;font-size:14px;line-height:1.75} html:root body[data-mobile-design="61"] .reference-review{overflow:hidden;border-radius:16px;background:#fbf6e9;border:1px solid #d5c299;box-shadow:none;color:#233c31} html:root body[data-mobile-design="61"] .reference-review-image{height:190px} html:root body[data-mobile-design="61"] .reference-review>div{padding:22px} html:root body[data-mobile-design="61"] .reference-review h2{font-size:28px;color:#233c31} html:root body[data-mobile-design="61"] .reference-review p{color:#43574b;font-size:14px;line-height:1.7} html:root body[data-mobile-design="61"] .reference-review .text-link{color:#2a543c;min-height:44px;font-size:14px} html:root body[data-mobile-design="61"] .reference-farewell{font-size:29px;text-align:center;color:#dabc89;margin-top:24px} html:root body[data-mobile-design="61"].secondary-v48 .subhero{height:auto;min-height:0;padding:104px 0 29px;background-position:center;background-size:cover;box-shadow:none} html:root body[data-mobile-design="61"].secondary-v48 .subhero>.wrap{display:block} html:root body[data-mobile-design="61"].secondary-v48 .subhero h1{font:400 clamp(31px,8.6vw,42px)/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 12px;color:#fff7e7} html:root body[data-mobile-design="61"].secondary-v48 .subhero p:not(.script){font:400 14px/1.6 var(--sans);color:#ead5b1;max-width:none} html:root body[data-mobile-design="61"].secondary-v48 .subhero .script{display:block;max-width:none;text-align:left;font-size:25px;line-height:1.25;color:#dfc293;margin:17px 0 0} html:root body[data-mobile-design="61"] .content-trail{display:flex;gap:6px;font-size:10px;line-height:1.5;margin:0 0 16px;flex-wrap:wrap;color:#cbd8d3} html:root body[data-mobile-design="61"] .content-trail span[aria-current]{overflow-wrap:anywhere} html:root body[data-mobile-design="61"].secondary-v48 main>.section{padding:30px 0;background:#faf9f3;color:#253c32} html:root body[data-mobile-design="61"].secondary-v48 main>.section+.section{padding-top:12px;border-top:0} html:root body[data-mobile-design="61"].secondary-v48 main>.section:after{opacity:.035;background-size:auto 250px} html:root body[data-mobile-design="61"].secondary-v48 h2{font:400 29px/1.15 var(--serif);letter-spacing:-.02em} html:root body[data-mobile-design="61"].secondary-v48 h3{font:400 24px/1.2 var(--serif)} html:root body[data-mobile-design="61"].secondary-v48 main p{font-size:15px;line-height:1.7} html:root body[data-mobile-design="61"] :is(.split,.rates-layout,.calendar-layout,.contact-grid,.equipment-grid,.register-shell){display:grid;grid-template-columns:minmax(0,1fr);gap:26px} html:root body[data-mobile-design="61"] .equipment-card{padding:23px;border:1px solid #d8dece;border-top:2px solid #af9567;border-radius:14px;background:#fffefa;box-shadow:none} html:root body[data-mobile-design="61"] .equipment-card ul{font-size:14px;line-height:1.75} html:root body[data-mobile-design="61"].secondary-v48 .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;margin:18px 0 25px} html:root body[data-mobile-design="61"].secondary-v48 .facts>div{margin:0} html:root body[data-mobile-design="61"] .gallery-grid{display:grid;grid-template-columns:1fr;gap:20px} html:root body[data-mobile-design="61"] .gallery-grid .photo{border:1px solid #d7dece;border-radius:14px;box-shadow:none;overflow:hidden} html:root body[data-mobile-design="61"] .gallery-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} html:root body[data-mobile-design="61"] .gallery-grid .photo>span{padding:12px 15px;font-size:14px} html:root body[data-mobile-design="61"] .rates-layout{display:flex;flex-direction:column-reverse} html:root body[data-mobile-design="61"] .table-hint{display:none} html:root body[data-mobile-design="61"] .table-scroll{border:0;background:none;overflow:visible} html:root body[data-mobile-design="61"] .rate-table{display:block;width:100%;min-width:0;background:none} html:root body[data-mobile-design="61"] .rate-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} html:root body[data-mobile-design="61"] .rate-table tbody{display:grid;gap:13px} html:root body[data-mobile-design="61"] .rate-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;padding:20px;background:#fffdf8;border:1px solid #dedbc9;border-radius:14px} html:root body[data-mobile-design="61"] .rate-table td{display:block;min-width:0;padding:0;border:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere} html:root body[data-mobile-design="61"] .rate-table td:first-child{grid-column:1/-1;font:400 24px/1.2 var(--serif);color:#203f30;margin-bottom:7px} html:root body[data-mobile-design="61"] .rate-table td:nth-child(2){grid-column:1/-1;font-size:12px;color:#52634f;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e3e5d9} html:root body[data-mobile-design="61"] .rate-table td:nth-child(n+3):before{content:attr(data-label);display:block;font:400 10px/1.4 var(--sans);color:#60705d;margin-bottom:5px} html:root body[data-mobile-design="61"] .rate-table td strong{font-size:20px;color:#234f36} html:root body[data-mobile-design="61"] .calendar-box{padding:14px;border:1px solid #dfdccd;border-radius:16px;background:#fffefb;box-shadow:0 5px 18px #19372c08} html:root body[data-mobile-design="61"] .cal-navigation{gap:9px;margin-bottom:16px} html:root body[data-mobile-design="61"] .cal-navigation button{min-width:44px;min-height:44px;font-size:13px;border-radius:10px} html:root body[data-mobile-design="61"] .cal-navigation button:first-child,html:root body[data-mobile-design="61"] .cal-navigation button:last-child{font-size:28px} html:root body[data-mobile-design="61"] .cal-months{display:grid;grid-template-columns:1fr;gap:20px;min-height:365px} html:root body[data-mobile-design="61"] .cal-month :is(h2,h3,h4){font:600 17px/1.5 var(--sans);text-align:center;margin:0 0 17px;color:#214434} html:root body[data-mobile-design="61"] .cal-grid{gap:4px} html:root body[data-mobile-design="61"] .cal-day{min-height:47px;padding:4px 0;font-size:14px;border-radius:9px;line-height:1.3} html:root body[data-mobile-design="61"] .cal-day small{font-size:9px} html:root body[data-mobile-design="61"] .cal-weekday{font-size:11px} html:root body[data-mobile-design="61"] .cal-legend{font-size:10px;gap:8px 10px;margin-top:18px} html:root body[data-mobile-design="61"] .calendar-box>.small{font-size:11px;line-height:1.65} html:root body[data-mobile-design="61"] .calendar-form,html:root body[data-mobile-design="61"] .booking-request{padding:20px;border:1px solid #ddd9c6;border-radius:16px;background:#fffdf6;box-shadow:none;min-width:0} html:root body[data-mobile-design="61"] .calendar-form h2,html:root body[data-mobile-design="61"] .booking-request h2{font-size:27px;margin:0 0 20px} html:root body[data-mobile-design="61"] .cal-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px} html:root body[data-mobile-design="61"] .cal-dates label{min-width:0;font-size:12px;margin:0} html:root body[data-mobile-design="61"] .cal-dates :is(input,select){width:100%;padding:10px 6px} html:root body[data-mobile-design="61"] .cal-dates label:nth-child(3),html:root body[data-mobile-design="61"] .cal-dates button{grid-column:1/-1} html:root body[data-mobile-design="61"] .calendar-aside{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 16px;align-items:center;padding:16px;border:1px solid #e0d9c4;background:#f3f4e9;border-radius:14px} html:root body[data-mobile-design="61"] .calendar-aside .photo{grid-row:span 3;margin:0;border-radius:10px;overflow:hidden} html:root body[data-mobile-design="61"] .calendar-aside h3{font-size:21px;margin:0} html:root body[data-mobile-design="61"] .calendar-aside>p:not(.script){font-size:12px;margin:0} html:root body[data-mobile-design="61"] .calendar-aside>.script{font-size:23px;line-height:1.2;margin:4px 0 0} html:root body[data-mobile-design="61"] .guest-booking-form{display:grid;grid-template-columns:1fr;gap:14px} html:root body[data-mobile-design="61"] .guest-booking-form label{min-width:0;font-size:13px} html:root body[data-mobile-design="61"] .guest-booking-form .guest-wide{grid-column:1} html:root body[data-mobile-design="61"] .contact-details{display:grid;grid-template-columns:1fr;gap:20px} html:root body[data-mobile-design="61"] .contact-details>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px 14px;align-items:start;padding:0 0 18px;border-bottom:1px solid #dfe1d4} html:root body[data-mobile-design="61"] .contact-details>div>.icon{position:static;grid-column:1;grid-row:1/3;box-sizing:border-box;width:44px;height:44px;padding:11px;margin:0;border-radius:50%;background:#1c3d31;color:#e9c690} html:root body[data-mobile-design="61"] .contact-details>div>:is(h2,p,a){grid-column:2;min-width:0;margin:0;overflow-wrap:anywhere} html:root body[data-mobile-design="61"] .contact-details>div>h2{grid-row:1;font:600 14px/1.4 var(--sans);color:#51604d} html:root body[data-mobile-design="61"] .contact-details>div>:is(p,a){grid-row:2;font-size:15px;line-height:1.55;color:#203b2d} html:root body[data-mobile-design="61"] .contact-card{padding:22px;border:1px solid #dcdcca;border-radius:16px;background:#fffdf8;box-shadow:none} html:root body[data-mobile-design="61"] .contact-card form{gap:15px} html:root body[data-mobile-design="61"] .contact-card label{font-size:13px} html:root body[data-mobile-design="61"] .contact-card .button{width:100%} html:root body[data-mobile-design="61"] .map-box{min-height:250px;border-radius:14px;margin-bottom:16px} html:root body[data-mobile-design="61"] .faq-page aside .photo{border-radius:15px;overflow:hidden} html:root body[data-mobile-design="61"] .faq-page .review-card{padding:22px;border-radius:15px} html:root body[data-mobile-design="61"] .area-layout{display:flex;flex-direction:column;gap:24px} html:root body[data-mobile-design="61"] .area-map-shell{display:grid;grid-template-columns:1fr;border-radius:15px} html:root body[data-mobile-design="61"] .area-map-copy{padding:24px} html:root body[data-mobile-design="61"] .area-map-frame{min-height:280px} html:root body[data-mobile-design="61"] .area-filters{display:flex;flex-wrap:wrap;gap:8px} html:root body[data-mobile-design="61"] .area-filters button{min-height:44px;font-size:12px} html:root body[data-mobile-design="61"] .places-grid{grid-template-columns:1fr;gap:16px} html:root body[data-mobile-design="61"] .place-card{padding:22px;border-radius:14px;box-shadow:none} html:root body[data-mobile-design="61"] .place-card h3{font-size:24px} html:root body[data-mobile-design="61"] .place-actions{gap:12px;flex-wrap:wrap} html:root body[data-mobile-design="61"] .place-actions a{min-height:44px} html:root body[data-mobile-design="61"] .register-shell{padding:23px;border-radius:15px} html:root body[data-mobile-design="61"] .footer.footer-v47{padding:35px 0 24px;background-color:#2d281f;background-size:900px auto;border:0;margin:0;color:#f4e8d1} html:root body[data-mobile-design="61"] .footer-main{display:grid;grid-template-columns:1fr;gap:27px;text-align:left} html:root body[data-mobile-design="61"] .footer-identity{text-align:center} html:root body[data-mobile-design="61"] .footer-identity .brand{width:175px;margin:0 auto 15px} html:root body[data-mobile-design="61"] .footer-identity p{display:block;font-size:12px;line-height:1.6;color:#d5c9b2} html:root body[data-mobile-design="61"] .footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0;padding:0} html:root body[data-mobile-design="61"] .footer-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:13px;border-bottom:1px solid #bcaa7d33;color:#f1e5cf} html:root body[data-mobile-design="61"] .footer-connect{display:grid;grid-template-columns:1fr;gap:9px;min-width:0;text-align:left} html:root body[data-mobile-design="61"] .footer-connect h2{display:block;font:400 26px/1.2 var(--serif);margin:0 0 8px;color:#f3dfb8} html:root body[data-mobile-design="61"] .footer-connect>a:not(.button){display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;overflow-wrap:anywhere} html:root body[data-mobile-design="61"] .footer-connect .icon{flex:none} html:root body[data-mobile-design="61"] .footer-connect .button{margin-top:8px;width:100%} html:root body[data-mobile-design="61"] .footer-meta{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-top:24px;margin-top:25px;border-top:1px solid #d9c08d33;font-size:10px} html:root body[data-mobile-design="61"] .footer-meta>div{display:flex;flex-wrap:wrap;gap:3px 16px;justify-content:flex-start} html:root body[data-mobile-design="61"] .footer-meta :is(a,button){display:inline-flex;align-items:center;min-height:40px;padding:4px 0;font-size:11px} html:root body[data-mobile-design="61"] .footer-mountain-art{display:none} html:root body[data-mobile-design="61"] .photo-credits{font-size:10px;line-height:1.6;text-align:left;margin-top:17px} html:root body[data-mobile-design="61"] .photo-credits summary{display:flex;align-items:center;min-height:40px} html:root body[data-mobile-design="61"] .mobile-dock{display:flex;position:fixed;inset:auto 14px calc(10px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:430px;margin:0 auto;padding:8px;gap:6px;z-index:40;background:#f2f3eced;border:1px solid #ffffffcb;border-radius:25px;box-shadow:0 5px 25px #0a252a29,inset 0 1px 1px #fff;isolation:isolate} html:root body[data-mobile-design="61"] .mobile-dock>a{display:flex;flex:1;min-width:0;min-height:59px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;color:#16392e;text-decoration:none;font:600 11px/1.2 var(--sans);background:transparent;border:0;border-radius:18px;box-shadow:none;text-shadow:none} html:root body[data-mobile-design="61"] .mobile-dock .icon{width:23px;height:23px;padding:0;background:transparent;border:0;box-shadow:none;color:#244c3b;stroke-width:1.6} html:root body[data-mobile-design="61"] .mobile-dock .dock-book{background:linear-gradient(110deg,#edcf9dc9,#d9b781b8);color:#213b2d} html:root body[data-mobile-design="61"] .mobile-dock a:active{background:#ffffffaa} html:root body[data-mobile-design="61"].mobile-keyboard-open .mobile-dock,html:root body[data-mobile-design="61"].mobile-dock-form-active .mobile-dock,html:root body[data-mobile-design="61"]:has(dialog[open]) .mobile-dock{visibility:hidden;pointer-events:none} html:root body[data-mobile-design="61"] .cookie-banner{bottom:calc(98px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;max-height:65dvh;overflow:auto;z-index:50;padding:18px;border-radius:16px;font-size:12px} html:root body[data-mobile-design="61"] .cookie-banner .button{min-height:44px!important;font-size:12px!important} html:root body[data-mobile-design="61"] #lightbox{max-width:100vw;width:100%;max-height:100dvh;border-radius:0} html:root body[data-mobile-design="61"] #lightbox :is(#photoPrev,#photoNext){min-width:44px;min-height:44px} @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:root body[data-mobile-design="61"] .mobile-dock{background:#f1f3edb8;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}} } @media(max-width:375px){html:root body[data-mobile-design="61"] .wrap{width:calc(100% - 32px)}html:root body[data-mobile-design="61"] .season-card h3{font-size:21px}html:root body[data-mobile-design="61"] .season-card>div{padding:14px 10px}html:root body[data-mobile-design="61"] .cal-grid{gap:3px}html:root body[data-mobile-design="61"] .calendar-box{padding:12px}} @media(min-width:600px) and (max-width:850px){html:root body[data-mobile-design="61"] .gallery-grid,html:root body[data-mobile-design="61"] .equipment-grid,html:root body[data-mobile-design="61"] .places-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:root body[data-mobile-design="61"] .season-card{height:230px}html:root body[data-mobile-design="61"][data-page="home"] .hero-picture{height:370px;object-position:center}html:root body[data-mobile-design="61"] .story-photo{height:320px}} @media(max-width:850px) and (prefers-reduced-transparency:reduce){html:root body[data-mobile-design="61"] .mobile-dock{background:#f2f4ed;backdrop-filter:none;-webkit-backdrop-filter:none}} @media(max-width:850px) and (prefers-reduced-motion:reduce){html:root body[data-mobile-design="61"] *{scroll-behavior:auto!important}} @media(max-width:700px){html:root.mobile-art-deferred body[data-mobile-design="61"] .area-teaser:not([data-art-ready]){background-image:none}} @media(max-width:850px){ html:root body[data-mobile-design="61"] .reference-review{background:#fbf6e9;color:#233c31;padding:23px;border-radius:16px} html:root body[data-mobile-design="61"] .reference-review>h2{color:#233c31;margin:0 0 16px;font-size:28px;line-height:1.2} html:root body[data-mobile-design="61"] .reference-review .review-glass{background:transparent;color:#233c31;border:0;padding:0;box-shadow:none;backdrop-filter:none} html:root body[data-mobile-design="61"] .reference-review .review-glass p{color:#43574b;font-size:14px;line-height:1.75} html:root body[data-mobile-design="61"] .reference-review .stars{color:#7b592b;font-size:15px;letter-spacing:.05em;margin-bottom:12px} html:root body[data-mobile-design="61"] .reference-review .review-glass .text-link{color:#245139;font-weight:600} } @media(max-width:850px){html:root body[data-mobile-design="61"] .reference-review :is(h2,p,.stars,.text-link){text-shadow:none}html:root body[data-mobile-design="61"] .reference-review .review-glass p{font-family:var(--sans)}} @media(max-width:850px){ html{scroll-padding-bottom:110px} html:root body[data-mobile-design="61"]{--mobile-paper:#faf7ef;--mobile-ink:#091924;background:#faf7ef;color:#102b2b;padding-bottom:calc(78px + env(safe-area-inset-bottom));line-height:1.5} html:root body[data-mobile-design="61"] .wrap{width:calc(100% - 36px)} html:root body[data-mobile-design="61"] .mobile-v61-only{display:initial} html:root body[data-mobile-design="61"] :is(p,details,a).mobile-v61-only{display:block} html:root body[data-mobile-design="61"] .desktop-v61-text{display:none!important} html:root body[data-mobile-design="61"] .button{border-radius:9px;min-height:44px!important;font-weight:500;font-size:16px!important} html:root body[data-mobile-design="61"] .green{background:linear-gradient(115deg,#174f3d,#063c2e);border-color:#235843;box-shadow:inset 0 1px #ffffff22;color:#fffdf4} html:root body[data-mobile-design="61"] .header{height:68px;background:linear-gradient(#021a29fa,#032336d9,transparent);position:absolute;box-shadow:none} html:root body[data-mobile-design="61"] .header-inner{height:68px;padding:10px 18px;gap:6px;max-width:680px} html:root body[data-mobile-design="61"] .header .brand{display:grid;grid-template-columns:65px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:0;width:calc(100% - 95px);max-width:265px;align-items:center;text-align:left;color:#f2d297} html:root body[data-mobile-design="61"] .header .brand svg{grid-column:1;grid-row:1/3;width:65px;height:34px;align-self:center} html:root body[data-mobile-design="61"] .header .brand strong{grid-column:2;grid-row:1;font:500 11px/1.5 var(--sans);letter-spacing:.14em;white-space:nowrap;align-self:end} html:root body[data-mobile-design="61"] .header .brand small{grid-column:2;grid-row:2;font-size:6.8px;line-height:1.4;letter-spacing:.19em;margin:0;align-self:start} html:root body[data-mobile-design="61"] .mobile-lang-link{min-width:37px;width:37px;min-height:44px;font:400 12px/1 var(--sans);color:#faf3df} html:root body[data-mobile-design="61"] .menu-button{border:0;background:none;min-width:38px;width:38px;border-radius:0} html:root body[data-mobile-design="61"] .menu-button .icon{width:29px;height:29px;color:#eccb8c;stroke-width:1.7} html:root body[data-mobile-design="61"][data-page="home"] .hero{display:flex;flex-direction:column;align-items:center;position:relative;padding:0;gap:0;isolation:isolate;background:#faf7ef!important;overflow:hidden;min-height:0;height:auto} html:root body[data-mobile-design="61"][data-page="home"] .hero-picture{position:absolute;inset:0 0 auto;width:100%;height:520px;margin:0;z-index:-2;mask:none;-webkit-mask:none;transform:none} html:root body[data-mobile-design="61"][data-page="home"] .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;transform:none;mask:none;-webkit-mask:none;filter:none} html:root body[data-mobile-design="61"][data-page="home"] .hero-shade{display:block;position:absolute;inset:0 0 auto;height:520px;z-index:-1;background:linear-gradient(180deg,#0218244d,transparent 20%,transparent 85%,#10243b33),linear-gradient(90deg,#01162177,transparent 74%);pointer-events:none} html:root body[data-mobile-design="61"][data-page="home"] .hero:after{content:"";display:block;position:absolute;top:507px;left:0;right:0;bottom:auto;height:18px;background:#faf7ef;z-index:1;clip-path:polygon(0 43%,3% 37%,5% 48%,8% 25%,11% 30%,14% 16%,17% 32%,21% 36%,24% 18%,28% 30%,32% 36%,37% 25%,41% 31%,45% 20%,49% 39%,54% 20%,60% 33%,65% 23%,70% 38%,76% 17%,82% 31%,87% 28%,91% 45%,94% 36%,98% 43%,100% 32%,100% 100%,0 100%);pointer-events:none} html:root body[data-mobile-design="61"][data-page="home"] .hero-content{display:contents} html:root body[data-mobile-design="61"][data-page="home"] .hero-content>.script{position:absolute;inset:116px auto auto 24px;margin:0;padding:0;text-align:left;font:400 33px/1.1 var(--script);color:#e8c98b;text-shadow:0 2px 9px #061d2e;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .hero h1{position:absolute;inset:154px auto auto 24px;margin:0;width:calc(100% - 48px);max-width:300px;text-align:left;font:700 60px/.94 var(--serif);letter-spacing:-.045em;color:#fffdf7;text-shadow:0 2px 12px #01111a90;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .hero h1 .hero-word{display:block} html:root body[data-mobile-design="61"][data-page="home"] .hero-location{position:absolute;inset:275px auto auto 25px;margin:0;max-width:calc(100% - 50px);font:500 10px/1.5 var(--sans);letter-spacing:.115em;text-transform:uppercase;text-align:left;color:#fff9e8;text-shadow:0 2px 6px #00131e;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .hero-sub{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} html:root body[data-mobile-design="61"][data-page="home"] .hero-actions{display:none} html:root body[data-mobile-design="61"][data-page="home"] .weather-card{top:74px;right:18px;left:auto;max-width:126px;padding:5px 7px;border-radius:8px;font-size:8px;background:#071b298f;border-color:#f1d9a140;box-shadow:none;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .weather-card .weather-icon{width:22px;height:22px} html:root body[data-mobile-design="61"][data-page="home"] .season-switch{order:1;position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:464px 0 17px;width:calc(100% - 46px);height:40px;min-height:40px;padding:0;gap:0;border:1px solid #e9ddc45c;border-radius:23px;background:#153047c9;box-shadow:0 3px 12px #02172730;z-index:4;overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:22px;color:#fff9e8;font:400 11px/1 var(--sans);padding:4px 6px;position:relative} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button+button:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#e8d6b653} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button[aria-pressed="true"]{background:linear-gradient(110deg,#f3d68c,#d6ad66);color:#172323;box-shadow:inset 0 1px #fff3c9} html:root body[data-mobile-design="61"][data-page="home"] .season-switch .season-symbol{display:block;width:19px;height:19px;flex:none;color:#e7cb8d} html:root body[data-mobile-design="61"][data-page="home"] .season-switch button[aria-pressed="true"] .season-symbol{color:#142527} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:620px;margin:0;padding:13px 14px 12px;gap:0;background:#faf7ef;color:#182c2b;z-index:2} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts>div{padding:0 4px;position:relative} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts>div+div{border-left:1px solid #d5cbae} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts .icon{width:29px;height:29px;padding:0;border:0;background:none;border-radius:0;box-shadow:none;margin:0 auto 5px;color:#97691e;stroke-width:1.5} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts strong{font:400 12px/1.25 var(--sans);color:#2d3028} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts span{font:400 9px/1.25 var(--sans);color:#505349;margin:2px 0 0} html:root body[data-mobile-design="61"][data-page="home"] .visual-note{position:absolute;inset:449px 25px auto auto;margin:0;order:0;font:400 7px/1 var(--sans);color:#edf0ec;background:#092c3766;padding:2px 4px;z-index:3} html:root body[data-mobile-design="61"][data-page="home"] .winter-snow{height:518px;pointer-events:none} html:root body[data-mobile-design="61"][data-page="home"] #main{background:#faf7ef} html:root body[data-mobile-design="61"][data-page="home"] .booking-bar{width:calc(100% - 28px);margin:5px auto 0;padding:10px 12px 0;background:#fcfaf4;border:1px solid #e6e0d2;border-radius:13px;box-shadow:0 3px 14px #142b2914;backdrop-filter:none} html:root body[data-mobile-design="61"] .mobile-booking-title{display:block;font:700 25px/1.2 var(--serif);letter-spacing:-.02em;color:#101f29;text-align:center;margin:0 0 7px} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates{gap:6px 8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates label{font-size:10px;line-height:1.1;color:#5e5f57;position:relative} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates input{height:42px;min-height:42px!important;font-size:14px!important;margin-top:3px;padding:8px 5px;border-color:#cfcbbd;background:#fdfbf6;border-radius:7px} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates label:nth-of-type(3){display:none} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates>.button{min-height:42px!important;padding:8px 10px!important;margin:0;border-radius:8px;font-size:16px!important} html:root body[data-mobile-design="61"][data-page="home"] .booking-bar>.benefits{display:none} html:root body[data-mobile-design="61"] .mobile-booking-benefits{margin:0 -12px;padding:4px 12px 0;background:#faf7ef;border-radius:0 0 12px 12px} html:root body[data-mobile-design="61"] .mobile-booking-benefits summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:29px;font-size:11px;color:#263b30;cursor:pointer} html:root body[data-mobile-design="61"] .mobile-booking-benefits summary .icon{width:14px;height:14px;color:#8c6422} html:root body[data-mobile-design="61"] .mobile-booking-benefits[open]{padding-bottom:10px} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign{padding-top:0;margin-top:0;background:#faf7ef;overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-intro{padding:0;background:#faf7ef} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .story-section{padding:43px 0 0;background:transparent} html:root body[data-mobile-design="61"] .story{display:flex;flex-direction:column;gap:0} html:root body[data-mobile-design="61"] .story-copy{order:1} html:root body[data-mobile-design="61"] .story-copy .eyebrow{font-size:10px;line-height:1.4;letter-spacing:.17em;font-weight:500;color:#927032;margin:0 0 8px} html:root body[data-mobile-design="61"] .story-copy h2{font:700 40px/1.02 var(--serif);letter-spacing:-.038em;color:#091924;margin:0 0 16px;text-wrap:initial;max-width:480px} html:root body[data-mobile-design="61"] .story-copy .mobile-story-intro{font:400 16px/1.45 var(--sans);color:#172e2e;margin:0 0 17px} html:root body[data-mobile-design="61"] .story-photo{order:2;width:calc(100% + 36px);margin-inline:-18px;height:234px;min-height:0;border-radius:0;box-shadow:none;overflow:hidden} html:root body[data-mobile-design="61"] .story-photo .photo{height:100%;border-radius:0;overflow:hidden} html:root body[data-mobile-design="61"] .story-photo img{height:100%;width:100%;object-fit:cover;object-position:0% 50%;border-radius:0} html:root body[data-mobile-design="61"] .story-photo:before,html:root body[data-mobile-design="61"] .story-photo:after{content:"";position:absolute;left:-1px;right:-1px;height:12px;background:#faf7ef;z-index:5;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 45%,96% 37%,93% 67%,88% 52%,82% 86%,76% 64%,71% 81%,64% 65%,60% 82%,54% 65%,49% 80%,41% 63%,36% 84%,29% 67%,23% 72%,17% 52%,11% 73%,6% 49%,0 50%)} html:root body[data-mobile-design="61"] .story-photo:before{top:0} html:root body[data-mobile-design="61"] .story-photo:after{bottom:-1px;transform:rotate(180deg)} html:root body[data-mobile-design="61"] .story-photo .script{display:none} html:root body[data-mobile-design="61"] .mobile-story-more{order:3;border-bottom:1px solid #e1d8c4;margin:0;padding:4px 0;color:#354f42} html:root body[data-mobile-design="61"] .mobile-story-more summary{display:flex;justify-content:space-between;align-items:center;min-height:30px;list-style:none;font-size:11px;cursor:pointer} html:root body[data-mobile-design="61"] .mobile-story-more p{font-size:14px;line-height:1.65} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-section{padding:18px 0 13px;background:#faf7ef} html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px} html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading h2{font:700 27px/1.1 var(--serif);letter-spacing:-.025em;color:#10202a;margin:0;text-wrap:initial} html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading p{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading>.button{border:0;border-radius:0;padding:0!important;min-height:35px!important;font:400 12px/1.3 var(--sans)!important;color:#8b6223;box-shadow:none;gap:4px;white-space:nowrap} html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading>.button .icon{width:15px;height:15px} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-carousel{margin:0} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip{gap:8px;padding:0 0 7px;scrollbar-width:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip>.photo{flex:0 0 calc(50% - 4px);border-radius:9px;position:relative} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip img{aspect-ratio:3/2;object-fit:contain} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip .photo>span{position:absolute;inset:auto 0 0;padding:14px 9px 5px;background:linear-gradient(transparent,#041b27d9);color:white;font-size:10px;line-height:1.4} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section{padding:0 0 24px;background:#faf7ef} html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading{display:contents} html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading>div{display:block} html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading h2{font:700 27px/1.1 var(--serif);color:#10202a;margin:0 0 10px;letter-spacing:-.025em;text-wrap:initial} html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading p{font-size:11px;line-height:1.4;margin:0 0 10px} html:root body[data-mobile-design="61"][data-page="home"] .season-section>.wrap{display:flex;flex-direction:column} html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading>.button{order:3;align-self:center;font-size:12px!important;border:0;border-radius:0;text-decoration:underline;text-underline-offset:4px;color:#865d20;padding:7px 0!important;min-height:34px!important;box-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .season-grid{order:2;display:flex;overflow:auto;gap:8px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 5px} html:root body[data-mobile-design="61"][data-page="home"] .season-card{flex:0 0 calc(50% - 4px);height:82px;min-height:82px;max-height:82px;display:grid;grid-template-columns:40% 60%;align-items:stretch;border:1px solid #ded9c9;border-radius:10px;background:#fcfaf4;box-shadow:none;text-align:left;scroll-snap-align:start;overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .season-card:after{display:none} html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art{position:relative;grid-column:1;inset:auto;width:100%;height:100%;background-size:cover;background-position:center;opacity:1;transform:none} html:root body[data-mobile-design="61"][data-page="home"] .season-card>div{padding:8px;grid-column:2;min-width:0;display:flex;flex-direction:column;justify-content:center;position:relative} html:root body[data-mobile-design="61"][data-page="home"] .season-card h3{font:400 17px/1.1 var(--serif);color:#122627;margin:0 0 5px;text-shadow:none;white-space:nowrap} html:root body[data-mobile-design="61"][data-page="home"] .season-card p{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden} html:root body[data-mobile-design="61"][data-page="home"] .season-card strong{display:block;font:400 18px/1 var(--serif);color:#122627;margin:0;text-shadow:none} html:root body[data-mobile-design="61"][data-page="home"] .season-card small{display:block;font:400 8px/1.5 var(--sans);color:#596156;margin-top:3px} html:root body[data-mobile-design="61"][data-page="home"] .season-card:nth-child(1){order:3}html:root body[data-mobile-design="61"][data-page="home"] .season-card:nth-child(2){order:1}html:root body[data-mobile-design="61"][data-page="home"] .season-card:nth-child(3){order:4}html:root body[data-mobile-design="61"][data-page="home"] .season-card:nth-child(4){order:2} html:root body[data-mobile-design="61"][data-page="home"] .season-note{order:4;font-size:10px;line-height:1.5;margin:5px 0 0;color:#647064} html:root body[data-mobile-design="61"].secondary-v48 .subhero{padding:100px 0 22px;min-height:205px;background-position:center;background-size:cover} html:root body[data-mobile-design="61"].secondary-v48 .subhero h1{font:700 43px/1.03 var(--serif);letter-spacing:-.035em;color:#fffdf6;margin:0 0 6px;text-wrap:initial} html:root body[data-mobile-design="61"].secondary-v48 .subhero p:not(.script){font:400 21px/1.2 var(--serif);color:#fffaf0;margin:0} html:root body[data-mobile-design="61"] .content-trail{font-size:9px;margin-bottom:9px} html:root body[data-mobile-design="61"].secondary-v48 .subhero .script{font-size:23px;margin:10px 0 0} html:root body[data-mobile-design="61"][data-page="calendar"] .subhero{padding-top:101px;min-height:195px} html:root body[data-mobile-design="61"][data-page="calendar"] .subhero :is(.content-trail,.script){display:none} html:root body[data-mobile-design="61"][data-page="calendar"] main>.section{padding:15px 0 5px} html:root body[data-mobile-design="61"] .cal-shell{width:calc(100% - 28px)} html:root body[data-mobile-design="61"] .calendar-layout{gap:8px} html:root body[data-mobile-design="61"] .calendar-box{padding:10px 12px 12px;border:1px solid #cbb787;border-radius:11px;background:#fcfaf5;box-shadow:none;position:relative} html:root body[data-mobile-design="61"] .cal-navigation{position:absolute;inset:10px 9px auto;display:flex;justify-content:space-between;align-items:center;gap:0;pointer-events:none} html:root body[data-mobile-design="61"] .cal-navigation button{width:34px;min-width:34px;min-height:34px;padding:0;background:none;border:0;color:#173d31;pointer-events:auto;font:400 26px/1 var(--sans)} html:root body[data-mobile-design="61"] .cal-navigation [data-cal-today]{font-size:0;width:1px;min-width:1px;pointer-events:none;visibility:hidden} html:root body[data-mobile-design="61"] .cal-month h2{font:700 23px/1.25 var(--serif);text-align:center;text-transform:capitalize;margin:0 35px 17px;min-height:34px;padding-top:2px;color:#132927} html:root body[data-mobile-design="61"] .cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px 2px} html:root body[data-mobile-design="61"] .cal-weekday{font-size:12px;line-height:1.5;padding:0 0 5px;color:#727568} html:root body[data-mobile-design="61"] .cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:36px;height:36px;border-radius:50%;border:1px solid transparent;box-shadow:none;font:400 15px/1 var(--sans);padding:2px;color:#153428;background:transparent} html:root body[data-mobile-design="61"] .cal-day.free{background:transparent;color:#16372a} html:root body[data-mobile-design="61"] .cal-day.busy{background:#f4ded8;color:#842f27} html:root body[data-mobile-design="61"] .cal-day.tentative{background:#f4eac4;color:#6a4e11} html:root body[data-mobile-design="61"] .cal-day.today{border-color:#b79759} html:root body[data-mobile-design="61"] .cal-day.past{background:transparent;color:#9da59b;opacity:.62} html:root body[data-mobile-design="61"] .cal-day.selected,html:root body[data-mobile-design="61"] .cal-day.checkout{background:#104832;color:#fff;border-color:#104832} html:root body[data-mobile-design="61"] .cal-day small{font-size:7px;color:inherit;opacity:.65;line-height:1.2} html:root body[data-mobile-design="61"] .cal-legend{font-size:8px;gap:5px 9px;justify-content:center;flex-wrap:wrap;margin:13px 0 4px} html:root body[data-mobile-design="61"] .calendar-box>.small{font-size:9px;line-height:1.45;margin:4px 0 0;text-align:center;color:#657062} html:root body[data-mobile-design="61"] .calendar-form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} html:root body[data-mobile-design="61"] .calendar-form h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} html:root body[data-mobile-design="61"] .cal-dates{gap:7px 8px} html:root body[data-mobile-design="61"] .cal-dates label{display:block;padding:7px 9px 1px;background:#fcfaf6;border:1px solid #d4d0c0;border-radius:9px;font:400 11px/1.3 var(--sans);color:#5e665b} html:root body[data-mobile-design="61"] .cal-dates :is(input,select){border:0;background:transparent;color:#142e28;padding:0;min-height:30px!important;height:30px;width:100%;font-size:16px!important;font-family:var(--serif);box-shadow:none} html:root body[data-mobile-design="61"] .cal-dates>.button{margin:3px 0 0;border-radius:8px;min-height:44px!important;padding:8px!important;font-size:17px!important} html:root body[data-mobile-design="61"] .calendar-form>.small{font-size:10px;line-height:1.5;margin:9px 0 4px;color:#62725f;text-align:center} html:root body[data-mobile-design="61"] .calendar-aside{display:none} html:root body[data-mobile-design="61"] .mobile-phone-help{display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border-top:1px solid #dfd9c6;margin:19px 0 12px;padding:14px 0 6px;color:#153e30;font-size:11px} html:root body[data-mobile-design="61"] .mobile-phone-help .icon{width:41px;height:41px;padding:10px;border:1px solid #2a4e3b;border-radius:50%;flex:none} html:root body[data-mobile-design="61"] .mobile-phone-help strong{display:block;font:600 19px/1.4 var(--sans);color:#142b28;margin-top:2px} html:root body[data-mobile-design="61"] #calendarNotice{font-size:10px;margin:10px 0;padding:9px 12px;background:#eef1e8;border-radius:6px} html:root body[data-mobile-design="61"] .mobile-dock{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:640px;gap:0;padding:3px;border:1px solid #fff;border-radius:30px;background:#f1f3edd9;box-shadow:0 4px 18px #0c2a2b38,inset 0 1px 3px #fff;min-height:48px} html:root body[data-mobile-design="61"] .mobile-dock>a{min-height:42px;padding:5px 6px;flex-direction:row;gap:7px;font:400 11px/1.2 var(--sans);color:#132c2d;border-radius:25px;position:relative} html:root body[data-mobile-design="61"] .mobile-dock .icon{width:21px;height:21px;stroke-width:1.7;color:inherit} html:root body[data-mobile-design="61"] .mobile-dock .dock-call,html:root body[data-mobile-design="61"] .mobile-dock .dock-email{flex:1} html:root body[data-mobile-design="61"] .mobile-dock .dock-call:after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:#74847144} html:root body[data-mobile-design="61"] .mobile-dock .dock-book{flex:1.35;background:linear-gradient(110deg,#17543f,#06432f);color:#fffdf4;box-shadow:inset 0 1px #ffffff38} html:root body[data-mobile-design="61"].mobile-dock-form-active .mobile-dock{visibility:visible;pointer-events:auto} html:root body[data-mobile-design="61"].mobile-keyboard-open .mobile-dock,html:root body[data-mobile-design="61"]:has(dialog[open]) .mobile-dock{visibility:hidden;pointer-events:none} html:root body[data-mobile-design="61"] .cookie-banner{bottom:calc(73px + env(safe-area-inset-bottom))} @supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:root body[data-mobile-design="61"] .mobile-dock{background:#eef4ed9e;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}} } @media(max-width:375px){html:root body[data-mobile-design="61"] .header-inner{padding-inline:14px}html:root body[data-mobile-design="61"] .header .brand{grid-template-columns:56px 1fr;gap:5px}html:root body[data-mobile-design="61"] .header .brand svg{width:56px}html:root body[data-mobile-design="61"] .header .brand strong{font-size:10px}html:root body[data-mobile-design="61"] .story-copy h2{font-size:37px}html:root body[data-mobile-design="61"] .mobile-dock>a{font-size:10px;gap:5px}html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading h2{font-size:25px}} @media(min-width:600px) and (max-width:850px){html:root body[data-mobile-design="61"][data-page="home"] .hero-picture img{object-position:center}html:root body[data-mobile-design="61"][data-page="home"] .hero-content>.script{left:calc(50% - 280px)}html:root body[data-mobile-design="61"][data-page="home"] .hero h1{left:calc(50% - 280px)}html:root body[data-mobile-design="61"][data-page="home"] .hero-location{left:calc(50% - 280px)}html:root body[data-mobile-design="61"][data-page="home"] .season-switch{max-width:430px}html:root body[data-mobile-design="61"] .story-photo{height:320px}html:root body[data-mobile-design="61"] .header .brand{grid-template-columns:80px 1fr;max-width:310px}html:root body[data-mobile-design="61"] .header .brand svg{width:80px}html:root body[data-mobile-design="61"] .header .brand strong{font-size:14px}} @media(max-width:850px) and (prefers-reduced-transparency:reduce){html:root body[data-mobile-design="61"] .mobile-dock{background:#f2f4ed;backdrop-filter:none;-webkit-backdrop-filter:none}} @media(max-width:850px){ html:root body[data-mobile-design="61"] .cal-months{min-height:0;gap:0} html:root body[data-mobile-design="61"] .cal-month{min-height:0} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section>.snow-edge{display:none} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section{padding-top:7px} html:root body[data-mobile-design="61"][data-page="home"] .quick-dates input{font-size:16px!important} html:root body[data-mobile-design="61"] .mobile-story-more{align-self:stretch} html:root body[data-mobile-design="61"] .story-copy>.mobile-story-intro{font-size:16px;line-height:1.5;margin-bottom:17px} html:root body[data-mobile-design="61"] a.mobile-phone-help{display:flex} html:root body[data-mobile-design="61"] .cal-day.selected-in-range{background:#e0eadb;color:#16372a;border-radius:0} html:root body[data-mobile-design="61"] .footer.footer-v47{background:#faf7ef!important;color:#233d32;padding:0 0 20px;position:relative;isolation:isolate} html:root body[data-mobile-design="61"] .footer.footer-v47:before{content:"";display:block;position:relative;inset:auto;height:155px;margin:0 0 24px;background:none;mask-image:linear-gradient(transparent,#000 24%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 78%,transparent)} html:root body[data-mobile-design="61"] .footer.footer-v47[data-art-ready]:before{background:image-set(url('design/alpine-day-v47-960.avif') type('image/avif'),url('design/alpine-day-v47-960.webp') type('image/webp')) center/cover} html:root body[data-mobile-design="61"] .footer.footer-v47:after{display:none} html:root body[data-mobile-design="61"] .footer-identity{color:#976d29} html:root body[data-mobile-design="61"] .footer-identity .brand{color:#8b641f} html:root body[data-mobile-design="61"] .footer-identity p{color:#52624e} html:root body[data-mobile-design="61"] .footer-navigation a{color:#183d30;border-bottom-color:#c9cdbb} html:root body[data-mobile-design="61"] .footer-connect{color:#183b2d} html:root body[data-mobile-design="61"] .footer-connect h2{color:#132b2c} html:root body[data-mobile-design="61"] .footer-meta{border-top-color:#c9cdbb;color:#4c6050} html:root body[data-mobile-design="61"] .footer-meta :is(a,button){color:#31533f} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .services-section{background:linear-gradient(#faf7ef,#faf7efbb,#faf7ef)} html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .services-section>.alpine-scene{opacity:.22} html:root body[data-mobile-design="61"] .mobile-dock{z-index:60} } @media(max-width:850px){ html:root body[data-mobile-design="61"] #publicMonths{min-height:279px} html:root body[data-mobile-design="61"] .footer.footer-v47 a:not(.button):not(.brand){color:#244735} html:root body[data-mobile-design="61"] .footer.footer-v47 .footer-connect>a:not(.button){color:#244735} html:root body[data-mobile-design="61"] .footer.footer-v47 .footer-connect .icon{color:#886420} } @media(max-width:850px){ html:root body[data-mobile-design="61"][data-page="home"] .hero-picture,html:root body[data-mobile-design="61"][data-page="home"] .hero-shade{height:500px} html:root body[data-mobile-design="61"][data-page="home"] .hero:after{top:487px} html:root body[data-mobile-design="61"][data-page="home"] .season-switch{margin-top:444px} html:root body[data-mobile-design="61"][data-page="home"] .visual-note{top:429px} html:root body[data-mobile-design="61"][data-page="home"] .winter-snow{height:498px} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts{padding-block:8px} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts .icon{height:27px;width:27px;margin-bottom:4px} html:root body[data-mobile-design="61"][data-page="home"] .hero .facts>div:nth-child(-n+3) span{display:none} html:root body[data-mobile-design="61"] .mobile-booking-title{font-size:24px;margin-bottom:5px} html:root body[data-mobile-design="61"] .mobile-booking-benefits summary{min-height:24px} html:root body[data-mobile-design="61"] .cal-day small{font-size:8px;opacity:.85} html:root body[data-mobile-design="61"] .cal-legend{font-size:9px} html:root body[data-mobile-design="61"] .footer.footer-v47 .source-toggle{color:#3c5845} } @media(max-width:850px){ html{scroll-padding-top:84px} html:root body[data-mobile-design="61"] .header{position:fixed;background:linear-gradient(#031d2bf5,#032335e8,#032335d9);border-bottom:1px solid #d9c58e22} html:root body[data-mobile-design="61"] .story-section{scroll-margin-top:80px} } @media(max-width:850px){ html:root body[data-mobile-design="61"] .cal-day.selected+.cal-day.selected{background:#dde8d9;color:#173f2c;border-color:transparent;border-radius:0} html:root body[data-mobile-design="61"] .photo-credits summary{color:#425e48} } @media(max-width:850px){ html:root body[data-mobile-design="61"] .header{background:#031f2cfb} html:root body[data-mobile-design="61"] .cal-day.selected:not(:focus-visible),html:root body[data-mobile-design="61"] .cal-day.checkout:not(:focus-visible){outline:0} }
@media (max-width: 850px) { html:root body[data-mobile-design="61"] { --mobile-paper: #faf7ef; --mobile-ink: #10242b; --mobile-gold: #956b2b; --mobile-hero-height: clamp(478px, 128vw, 610px); --mobile-heading-size: clamp(54px, 14.4vw, 68px); --mobile-edge: clamp(18px, 5vw, 28px); padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); } html:root body[data-mobile-design="61"] .header { background: #031d2bf5; border-bottom: 1px solid #e8cc9020; box-shadow: none; } html:root body[data-mobile-design="61"] .header-inner { height: 68px; padding: 8px 16px; gap: 3px; max-width: 680px; } html:root body[data-mobile-design="61"] .header .brand { grid-template-columns: 66px minmax(0, 1fr); column-gap: 9px; width: calc(100% - 94px); max-width: 290px; min-width: 0; text-align: left; } html:root body[data-mobile-design="61"] .header .brand svg { width: 66px; height: 36px; } html:root body[data-mobile-design="61"] .header .brand strong { font: 500 clamp(11px, 3vw, 14px)/1.35 var(--sans); letter-spacing: .12em; } html:root body[data-mobile-design="61"] .header .brand small { font: 500 7.5px/1.6 var(--sans); letter-spacing: .19em; } html:root body[data-mobile-design="61"] .header .mobile-lang-link, html:root body[data-mobile-design="61"] .header .menu-button { flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; background: transparent; border: 0; border-radius: 9px; } html:root body[data-mobile-design="61"] .header .mobile-lang-link { color: #fff8e7; font-size: 12px; gap: 4px; } html:root body[data-mobile-design="61"] .header .menu-button .icon { width: 29px; height: 29px; color: #edcf93; } html:root body[data-mobile-design="61"] .header :is(a, button):focus-visible { outline: 2px solid #f1cf91; outline-offset: 3px; } html:root body[data-mobile-design="61"][data-page="home"] .hero { background: var(--mobile-paper) !important; } html:root body[data-mobile-design="61"][data-page="home"] .hero-picture { top: 64px; height: calc(var(--mobile-hero-height) - 64px); background: #061d2b; } html:root body[data-mobile-design="61"][data-page="home"] .hero-picture img { object-fit: cover; object-position: 72% 50%; filter: none; } html:root body[data-mobile-design="61"][data-page="home"] .hero-shade { top: 64px; height: calc(var(--mobile-hero-height) - 64px); background: linear-gradient(180deg, #031b2b60, transparent 25%, transparent 83%, #071c2933), linear-gradient(90deg, #0015217a, #00152120 65%, transparent); } html:root body[data-mobile-design="61"][data-page="home"] .hero-content > .script { inset: 116px auto auto var(--mobile-edge); font-size: clamp(29px, 8.1vw, 39px); line-height: 1.12; max-width: calc(100% - 36px); color: #f1d39a; text-shadow: 0 2px 10px #001522; } html:root body[data-mobile-design="61"][data-page="home"] .hero h1 { inset: 153px auto auto var(--mobile-edge); font-size: var(--mobile-heading-size); line-height: .96; letter-spacing: -.035em; width: calc(100% - 36px); max-width: 360px; text-shadow: 0 2px 12px #00131aa6; } html:root body[data-mobile-design="61"][data-page="home"] .hero-location { top: calc(163px + var(--mobile-heading-size) * 1.92); left: var(--mobile-edge); max-width: calc(100% - 36px); font-size: clamp(9px, 2.55vw, 12px); line-height: 1.55; letter-spacing: .09em; } html:root body[data-mobile-design="61"][data-page="home"] .season-switch { margin: calc(var(--mobile-hero-height) - 57px) auto 13px; width: calc(100% - 40px); max-width: 480px; height: 44px; min-height: 44px; padding: 2px; gap: 0; border: 1px solid #e7e6de8c; border-radius: 30px; background: #122c3ce8; box-shadow: 0 4px 14px #00192730, inset 0 1px #ffffff18; } html:root body[data-mobile-design="61"][data-page="home"] .season-switch button { min-width: 0; min-height: 38px; height: 38px; gap: 6px; padding: 3px 5px; border-radius: 24px; font-size: 12px; line-height: 1.2; color: #fffaf0; } html:root body[data-mobile-design="61"][data-page="home"] .season-switch button.active, html:root body[data-mobile-design="61"][data-page="home"] .season-switch button[aria-pressed="true"] { color: #132526; background: linear-gradient(120deg, #f1d396, #dbb468); box-shadow: inset 0 1px #fff5d0, 0 2px 6px #00131a20; } html:root body[data-mobile-design="61"][data-page="home"] .season-switch .season-symbol { flex: 0 0 19px; width: 19px; height: 19px; } html:root body[data-mobile-design="61"][data-page="home"] .hero:after { top: calc(var(--mobile-hero-height) - 10px); height: 15px; background: var(--mobile-paper); } html:root body[data-mobile-design="61"][data-page="home"] .winter-snow { height: var(--mobile-hero-height); } html:root body[data-mobile-design="61"][data-page="home"] .visual-note { top: calc(var(--mobile-hero-height) - 72px); right: 22px; max-width: calc(100% - 44px); font-size: 8px; line-height: 1.2; } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts { align-self: center; width: 100%; padding: 14px 14px 11px; background: var(--mobile-paper); } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts > div { padding-inline: 5px; } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts .icon { width: 28px; height: 28px; margin-bottom: 6px; color: #93631b; } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts strong { font-size: 12px; line-height: 1.3; } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts span { font-size: 9px; line-height: 1.25; } html:root body[data-mobile-design="61"] .booking-bar { position: relative; isolation: isolate; width: calc(100% - 28px); max-width: 612px; margin: 5px auto 0; padding: 12px 12px 0; border: 1px solid #e3dccb; border-radius: 13px; background: #fffcf6; box-shadow: 0 4px 16px #443b2912; } html:root body[data-mobile-design="61"] .mobile-booking-title { color: var(--mobile-ink); font: 700 clamp(24px, 6.6vw, 31px)/1.1 var(--serif); letter-spacing: -.025em; margin: 0 0 9px; } html:root body[data-mobile-design="61"] .quick-dates { gap: 8px; } html:root body[data-mobile-design="61"] .quick-dates label { min-width: 0; color: #495147; font-size: 11px; line-height: 1.4; } html:root body[data-mobile-design="61"] .quick-dates input { min-height: 44px !important; height: 44px; border: 1px solid #d6d0c3; border-radius: 8px; background: #fcfaf5; color: #142b2b; padding: 7px 8px; } html:root body[data-mobile-design="61"] .quick-dates > .button { min-height: 46px !important; border: 1px solid #184a36; border-radius: 8px; background: linear-gradient(110deg, #195440, #064332); color: #fffdf6; font-size: 17px !important; line-height: 1.25; padding: 10px !important; box-shadow: inset 0 1px #ffffff22; } html:root body[data-mobile-design="61"] .mobile-booking-benefits { padding-top: 3px; background: var(--mobile-paper); } html:root body[data-mobile-design="61"] .mobile-booking-benefits summary { min-height: 34px; font-size: 11px; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-intro { position: relative; background: var(--mobile-paper); } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .snow-intro > .scene-snow { display: block; inset: 0 0 auto; width: 100%; height: 100px; opacity: .3; pointer-events: none; mask-image: linear-gradient(#000, transparent); -webkit-mask-image: linear-gradient(#000, transparent); } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .story-section { padding: 45px 0 0; } html:root body[data-mobile-design="61"] .story-copy .eyebrow { margin-bottom: 7px; color: #926629; font-size: 10px; letter-spacing: .16em; } html:root body[data-mobile-design="61"] .story-copy h2 { max-width: 580px; font: 700 clamp(36px, 9.7vw, 48px)/1.02 var(--serif); letter-spacing: -.038em; color: #0c1d27; margin-bottom: 14px; } html:root body[data-mobile-design="61"] .story-copy > .mobile-story-intro { color: #182d2d; font-size: 16px; line-height: 1.5; margin-bottom: 17px; } html:root body[data-mobile-design="61"] .story-photo { height: clamp(195px, 50vw, 320px); width: calc(100% + 36px); margin-inline: -18px; border: 0; border-radius: 0; box-shadow: none; } html:root body[data-mobile-design="61"] .story-photo img { object-fit: cover; object-position: left center; filter: none; } html:root body[data-mobile-design="61"] .story-photo:before, html:root body[data-mobile-design="61"] .story-photo:after { height: 12px; background: var(--mobile-paper); } html:root body[data-mobile-design="61"] .mobile-story-more { border: 0; padding: 2px 0 0; } html:root body[data-mobile-design="61"] .mobile-story-more summary { color: #785a28; min-height: 36px; font-size: 12px; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-section { padding: 12px 0 15px; } html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading h2, html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading h2 { font: 700 clamp(25px, 6.7vw, 32px)/1.1 var(--serif); letter-spacing: -.035em; color: var(--mobile-ink); } html:root body[data-mobile-design="61"][data-page="home"] .gallery-section .section-heading > .button { min-height: 40px !important; font-size: 12px !important; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip > .photo { flex-basis: calc(50% - 4px); background: #eae5d8; border-radius: 9px; box-shadow: none; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip img { aspect-ratio: 3 / 2; object-fit: contain; filter: none; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .gallery-strip .photo > span { font-size: 12px; padding: 17px 9px 6px; } html:root body[data-mobile-design="61"][data-page="home"] .lower-redesign .season-section { padding: 4px 0 22px; background: var(--mobile-paper); } html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading p { font-size: 12px; line-height: 1.5; margin-bottom: 12px; color: #4c5b4e; } html:root body[data-mobile-design="61"][data-page="home"] .season-grid { gap: 8px; padding-bottom: 7px; scrollbar-color: #b49b6c #e9e3d5; } html:root body[data-mobile-design="61"][data-page="home"] .season-card { grid-template-columns: 38% minmax(0, 1fr); min-height: 94px; height: auto; max-height: none; border-color: #ded7c8; background: #fffcf6; } html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art { background-size: 200% 200%; } html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art-spring { background-position: 0 0; } html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art-summer { background-position: 100% 0; } html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art-autumn { background-position: 0 100%; } html:root body[data-mobile-design="61"][data-page="home"] .season-card .season-art-winter { background-position: 100% 100%; } html:root body[data-mobile-design="61"][data-page="home"] .season-card > div { padding: 9px 7px; } html:root body[data-mobile-design="61"][data-page="home"] .season-card h3 { font-size: 18px; line-height: 1.15; white-space: normal; margin-bottom: 5px; } html:root body[data-mobile-design="61"][data-page="home"] .season-card strong { font-size: 18px; line-height: 1.15; overflow-wrap: anywhere; } html:root body[data-mobile-design="61"][data-page="home"] .season-card small { font-size: 10px; line-height: 1.35; color: #526052; } html:root body[data-mobile-design="61"][data-page="home"] .season-section .section-heading > .button { min-height: 42px !important; font-size: 13px !important; } html:root body[data-mobile-design="61"][data-page="home"] .season-average-note { order: 4; font-size: 12px; line-height: 1.55; color: #405847; margin: 7px 0 0; } html:root body[data-mobile-design="61"][data-page="home"] .season-note { order: 5; font-size: 11px; line-height: 1.55; color: #4f6052; margin-top: 7px; } html:root body[data-mobile-design="61"].secondary-v48 .subhero { background-position: center 15%; background-size: cover; } html:root body[data-mobile-design="61"][data-page="calendar"] .subhero { min-height: 202px; padding: 101px 0 25px; } html:root body[data-mobile-design="61"][data-page="calendar"] .subhero h1 { font-size: clamp(43px, 11.7vw, 58px); line-height: 1.02; margin-bottom: 5px; text-shadow: 0 2px 12px #001928; } html:root body[data-mobile-design="61"][data-page="calendar"] .subhero p:not(.script) { font-size: clamp(20px, 5.5vw, 27px); line-height: 1.2; } html:root body[data-mobile-design="61"][data-page="calendar"] .calendar-box { padding: 14px 10px 12px; border: 1px solid #c7ae77; border-radius: 11px; background: #fcfaf5; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-navigation { inset: 8px 7px auto; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-navigation button { width: 44px; min-width: 44px; height: 44px; min-height: 44px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-navigation [data-cal-today] { width: 1px; min-width: 1px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-month h2 { font: 700 clamp(22px, 6vw, 28px)/1.25 var(--serif); margin: 0 38px 15px; min-height: 34px; padding-top: 2px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-grid { column-gap: 3px; row-gap: 7px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-weekday { font-size: 12px; line-height: 1.4; padding-bottom: 3px; color: #505a4f; } html:root body[data-mobile-design="61"][data-page="calendar"] #publicMonths .cal-day { min-height: 42px; height: 42px; border-radius: 50%; padding: 2px 1px; font-size: 15px; line-height: 1.1; } html:root body[data-mobile-design="61"][data-page="calendar"] #publicMonths .cal-day small { font-size: 9px; line-height: 1.2; } html:root body[data-mobile-design="61"][data-page="calendar"] #publicMonths { min-height: 330px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-legend { font-size: 11px; line-height: 1.5; gap: 6px 12px; margin-top: 13px; } html:root body[data-mobile-design="61"][data-page="calendar"] .calendar-box > .small { font-size: 11px; line-height: 1.5; color: #465e4d; margin-top: 8px; } html:root body[data-mobile-design="61"][data-page="calendar"] .calendar-layout { gap: 11px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-stay-times { font-size: 12px; line-height: 1.5; margin: 0 0 9px; text-align: center; color: #36543f; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-dates { gap: 8px; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-dates label { min-width: 0; padding: 8px 11px 5px; border-color: #d7d0c0; border-radius: 9px; font-size: 12px; line-height: 1.4; color: #505b50; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-dates :is(input, select) { min-height: 34px !important; height: 34px; font-size: 17px !important; color: #112d28; } html:root body[data-mobile-design="61"][data-page="calendar"] .cal-dates > .button { min-height: 48px !important; font-size: 17px !important; line-height: 1.3; border-radius: 8px; padding: 10px !important; background: linear-gradient(110deg, #195440, #064332); color: #fffdf6; } html:root body[data-mobile-design="61"][data-page="calendar"] .calendar-form > .small { font-size: 12px; line-height: 1.55; color: #4a604d; margin-top: 10px; } html:root body[data-mobile-design="61"] .mobile-phone-help { border: 1px solid #e2dbc8; border-radius: 12px; background: #fcfaf4; padding: 12px 10px; margin: 18px 0 10px; gap: 13px; font-size: 12px; line-height: 1.5; } html:root body[data-mobile-design="61"] .mobile-phone-help strong { font: 500 clamp(18px, 5.1vw, 23px)/1.3 var(--serif); margin-top: 4px; } html:root body[data-mobile-design="61"] #calendarNotice { font-size: 12px; line-height: 1.5; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest { background: var(--mobile-paper); color: #183d30; padding-top: 24px; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest .facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0 auto; padding: 8px 0; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest .facts > div { padding: 0 4px; min-width: 0; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest .facts .icon { width: 28px; height: 28px; margin: 0 auto 7px; padding: 0; border: 0; color: #926727; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest .facts strong { font-size: 12px; color: #253c2d; } html:root body[data-mobile-design="61"][data-page="calendar"] main > .section.forest .facts span { font-size: 10px; color: #52614f; } html:root body[data-mobile-design="61"] .contact-details > div { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 13px; row-gap: 3px; align-items: start; padding: 0; } html:root body[data-mobile-design="61"] .contact-details > div > .icon { position: static; grid-column: 1; grid-row: 1 / 4; width: 42px; height: 42px; margin: 0; padding: 11px; } html:root body[data-mobile-design="61"] .contact-details > div > :not(.icon) { grid-column: 2; min-width: 0; margin: 0; overflow-wrap: anywhere; } html:root body[data-mobile-design="61"] .footer.footer-v47:before { height: clamp(155px, 43vw, 240px); margin-bottom: 14px; background-position: center; background-size: cover; filter: none; } html:root body[data-mobile-design="61"] .footer-main { gap: 22px; } html:root body[data-mobile-design="61"] .footer-navigation { gap: 0 16px; } html:root body[data-mobile-design="61"] .footer-navigation a { min-height: 44px; display: flex; align-items: center; } html:root body[data-mobile-design="61"] .mobile-dock { display: grid; grid-template-columns: 1fr 1fr 1.4fr; align-items: stretch; left: 12px; right: 12px; width: calc(100% - 24px); max-width: 640px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding: 4px; gap: 0; min-height: 54px; border: 1px solid #ffffffed; border-radius: 32px; background: #edf1e9ed; box-shadow: 0 5px 18px #052a2830, inset 0 1px 3px #ffffff; } html:root body[data-mobile-design="61"] .mobile-dock > a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 6px 5px; gap: 7px; font-size: 12px; line-height: 1.2; border-radius: 26px; text-decoration: none; } html:root body[data-mobile-design="61"] .mobile-dock .icon { width: 21px; height: 21px; flex: 0 0 21px; } html:root body[data-mobile-design="61"] .mobile-dock > a > span { min-width: 0; overflow-wrap: normal; } html:root body[data-mobile-design="61"] .mobile-dock .dock-book { background: linear-gradient(110deg, #195440, #064332); color: #fffdf6; } html:root body[data-mobile-design="61"] .mobile-dock > a:focus-visible { outline: 2px solid #95702f; outline-offset: 1px; } html:root body[data-mobile-design="61"] .cookie-banner { bottom: calc(78px + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 375px) { html:root body[data-mobile-design="61"] .header-inner { padding-inline: 12px; } html:root body[data-mobile-design="61"] .header .brand { grid-template-columns: 57px minmax(0, 1fr); gap: 7px; } html:root body[data-mobile-design="61"] .header .brand svg { width: 57px; } html:root body[data-mobile-design="61"] .header .brand strong { font-size: 10.5px; letter-spacing: .1em; } html:root body[data-mobile-design="61"] .header .brand small { font-size: 7px; } html:root body[data-mobile-design="61"] .mobile-dock > a { font-size: 11px; gap: 5px; } html:root body[data-mobile-design="61"][data-page="home"] .season-switch button { font-size: 11px; gap: 5px; } } @media (min-width: 600px) and (max-width: 850px) { html:root body[data-mobile-design="61"] { --mobile-hero-height: 610px; --mobile-edge: calc(50% - 280px); } html:root body[data-mobile-design="61"] .header .brand { grid-template-columns: 80px minmax(0, 1fr); max-width: 310px; } html:root body[data-mobile-design="61"] .header .brand svg { width: 80px; height: 40px; } html:root body[data-mobile-design="61"] .header .brand strong { font-size: 14px; } html:root body[data-mobile-design="61"][data-page="home"] .hero-picture img { object-position: 62% center; } html:root body[data-mobile-design="61"][data-page="home"] .hero .facts { max-width: 640px; } html:root body[data-mobile-design="61"][data-page="calendar"] #publicMonths .cal-day { height: 52px; min-height: 52px; border-radius: 12px; } html:root body[data-mobile-design="61"][data-page="calendar"] #publicMonths { min-height: 390px; } } @media (max-width: 850px) { @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { html:root body[data-mobile-design="61"] .mobile-dock { background: #eff3eaa8; backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); } } } @media (max-width: 850px) and (prefers-reduced-transparency: reduce) { html:root body[data-mobile-design="61"] .mobile-dock { background: #f2f4ed; backdrop-filter: none; -webkit-backdrop-filter: none; } }