.demo-v3.demo-hotel{--demo-accent:#334b5b;--demo-bg:#fff;--demo-line:#d9e0e4;color:#293e4b;background:#fff}.demo-v3.demo-hotel .demo-header{border:0;min-height:100px}.demo-v3.demo-hotel .demo-wordmark{letter-spacing:-.035em;font-size:28px;font-weight:500}.demo-v3.demo-hotel .demo-header nav{gap:32px;font-size:15px}.demo-v3.demo-hotel .demo-header nav a{align-items:center;min-height:46px;font-weight:500;display:inline-flex}.demo-v3.demo-hotel .demo-header nav a:last-child{color:#fff;background:#334b5b;padding:0 22px}.demo-v3.demo-hotel h1,.demo-v3.demo-hotel h2,.demo-v3.demo-hotel h3{font-family:var(--font-sans);font-weight:400}.demo-v3.demo-hotel h2{letter-spacing:-.04em;font-size:clamp(38px,4.3vw,64px);line-height:1.08}.demo-v3.demo-hotel p{font-size:17px;line-height:1.7}.demo-v3.demo-hotel .sereine-hero{color:#fff;background:#354b58;height:calc(100svh - 155px);min-height:650px;max-height:900px;position:relative;overflow:hidden}.demo-v3.demo-hotel .sereine-hero>img{object-fit:cover;object-position:50% 55%;animation:1.6s cubic-bezier(.16,1,.3,1) sereine-arrive}.demo-v3.demo-hotel .sereine-hero:after{content:"";background:linear-gradient(#14273185 0%,#14273165 35%,#1427310a 58%,#142731b8 100%);position:absolute;inset:0}.demo-v3.demo-hotel .sereine-hero-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;min-height:650px;padding-block:65px 40px;display:flex;position:relative}.demo-v3.demo-hotel .sereine-hero h1{letter-spacing:-.04em;color:#fff;text-shadow:0 2px 18px #18313d45;max-width:1040px;margin:0;font-size:clamp(56px,6.1vw,88px);line-height:1.04}.demo-v3.demo-hotel .sereine-hero-bottom{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.demo-v3.demo-hotel .sereine-hero-bottom p{margin:0;font-size:19px}.demo-v3.demo-hotel .sereine-hero-bottom a{border-bottom:1px solid #ffffffb0;align-items:center;gap:30px;min-height:52px;padding:15px 0;font-size:16px;display:inline-flex}.demo-v3.demo-hotel .sereine-arrival{border-bottom:1px solid var(--demo-line);justify-content:space-between;gap:20px;padding-block:18px;font-size:14px;display:flex}.demo-v3.demo-hotel .sereine-arrival a{align-items:center;gap:25px;min-height:44px;display:inline-flex}.demo-v3.demo-hotel .sereine-arrival>span{align-self:center}.demo-v3.demo-hotel .sereine-intro{grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-block:130px;display:grid}.demo-v3.demo-hotel .sereine-intro h2{margin:0}.demo-v3.demo-hotel .sereine-intro h2 span{color:#657985}.demo-v3.demo-hotel .sereine-intro p{max-width:49ch;margin:0 0 22px}.demo-v3.demo-hotel .sereine-fiction{color:#516672;font-size:13px;line-height:1.6}.demo-v3.demo-hotel .sereine-rooms{background:#f1f5f8;padding-block:90px 100px}.demo-v3.demo-hotel .sereine-section-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;display:flex}.demo-v3.demo-hotel .sereine-section-title h2{margin:0}.demo-v3.demo-hotel .sereine-section-title p{color:#516672;margin:0;font-size:16px}.demo-v3.demo-hotel .sereine-room-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:6%;display:grid}.demo-v3.demo-hotel .sereine-room-photo{margin:0}.demo-v3.demo-hotel .sereine-room-photo img{object-fit:cover;object-position:45% center;filter:saturate(.65);width:100%;height:650px}.demo-v3.demo-hotel .sereine-room-photo figcaption{color:#516672;padding-top:18px;font-size:13px}.demo-v3.demo-hotel .sereine-room-options article{border-top:1px solid #b9c7ce;padding-block:28px 38px}.demo-v3.demo-hotel .sereine-room-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.demo-v3.demo-hotel .sereine-room-heading h3{letter-spacing:-.025em;margin:0;font-size:27px}.demo-v3.demo-hotel .sereine-room-heading>span{white-space:nowrap;font-size:13px}.demo-v3.demo-hotel .sereine-room-options article p{color:#516672;margin-block:20px 15px;font-size:16px}.demo-v3.demo-hotel .sereine-room-options ul{flex-wrap:wrap;gap:9px 20px;margin-block:0 18px;padding:0;font-size:13px;list-style:none;display:flex}.demo-v3.demo-hotel .sereine-room-options .demo-button{color:#334b5b;background:0 0;border:0;border-bottom:1px solid #627783;gap:20px;min-height:48px;padding:12px 0;font-size:15px}.demo-v3.demo-hotel .sereine-room-options .demo-button:hover{color:#1b303e;background:0 0;border-color:#1b303e;transform:none}.demo-v3.demo-hotel .sereine-outside{padding-block:120px 95px}.demo-v3.demo-hotel .sereine-outside figure{margin:0}.demo-v3.demo-hotel .sereine-outside img{object-fit:cover;width:100%;height:570px}.demo-v3.demo-hotel .sereine-outside figcaption{color:#516672;justify-content:space-between;gap:20px;padding-top:20px;font-size:13px;display:flex}.demo-v3.demo-hotel .sereine-morning{border-top:1px solid var(--demo-line)}.demo-v3.demo-hotel .sereine-morning-layout{grid-template-columns:1fr 1fr;gap:12%;padding-block:95px 120px;display:grid}.demo-v3.demo-hotel .sereine-morning h2{margin:0 0 28px}.demo-v3.demo-hotel .sereine-morning p{color:#516672;max-width:42ch}.demo-v3.demo-hotel .sereine-morning dl{margin:0}.demo-v3.demo-hotel .sereine-morning dl>div{border-top:1px solid var(--demo-line);grid-template-columns:70px 1fr;gap:20px;padding-block:25px;display:grid}.demo-v3.demo-hotel .sereine-morning dt{font-variant-numeric:tabular-nums;font-size:16px}.demo-v3.demo-hotel .sereine-morning dd{margin:0}.demo-v3.demo-hotel .sereine-morning h3{margin:0 0 10px;font-size:21px}.demo-v3.demo-hotel .sereine-morning dd p{margin:0;font-size:15px}.demo-v3.demo-hotel .sereine-stay{color:#293e4b;border-top:1px solid var(--demo-line);background:#f1f5f8}.demo-v3.demo-hotel .sereine-stay-layout{gap:72px;padding-block:90px 70px;display:grid}.demo-v3.demo-hotel .sereine-stay-invitation{justify-content:space-between;align-items:center;gap:40px;display:flex}.demo-v3.demo-hotel .sereine-stay h2{margin:0}.demo-v3.demo-hotel .sereine-stay .demo-button{color:#fff;background:#334b5b;border-color:#334b5b;flex-shrink:0;margin-top:12px}.demo-v3.demo-hotel .sereine-stay .demo-button:hover{background:#223b4b;transform:none}.demo-v3.demo-hotel .sereine-stay-details h3{margin:0 0 22px;font-size:20px}.demo-v3.demo-hotel .sereine-stay-details dl{grid-template-columns:repeat(3,1fr);gap:44px;margin:0;display:grid}.demo-v3.demo-hotel .sereine-stay-details dl>div{border-top:1px solid #b9c7ce;justify-content:space-between;gap:20px;padding-block:14px;font-size:15px;display:flex}.demo-v3.demo-hotel .sereine-stay-details dd{text-align:right;margin:0}.demo-v3.demo-hotel .sereine-stay-details p{color:#516672;margin-bottom:0;font-size:13px}.demo-v3.demo-hotel .demo-footer{text-align:left;border-top:0;align-items:start;padding-block:65px 45px}.demo-v3.demo-hotel .demo-footer .demo-wordmark{font-family:var(--font-sans);letter-spacing:-.04em;font-size:clamp(32px,3.6vw,52px)}.demo-v3.demo-hotel .demo-footer .text-link{color:#334b5b}.demo-v3.demo-hotel a,.demo-v3.demo-hotel button{transition:background .25s,color .25s,border-color .25s}.demo-v3.demo-hotel a:hover{text-underline-offset:6px;text-decoration:underline}.demo-v3.demo-hotel .sereine-hero :focus-visible{outline-color:#fff}@keyframes sereine-arrive{0%{transform:scale(1.035)}to{transform:scale(1)}}@media (max-width:1100px){.demo-v3.demo-hotel .sereine-room-layout{grid-template-columns:1fr 1fr;gap:5%}.demo-v3.demo-hotel .sereine-room-heading{display:block}.demo-v3.demo-hotel .sereine-room-heading>span{margin-top:8px;display:block}.demo-v3.demo-hotel .sereine-room-photo img{height:700px}}@media (max-width:760px){.demo-v3.demo-hotel .demo-header{gap:9px;min-height:132px;padding-block:18px 12px}.demo-v3.demo-hotel .demo-wordmark{font-size:27px}.demo-v3.demo-hotel .demo-header nav{justify-content:space-between;gap:8px;width:100%;font-size:13px}.demo-v3.demo-hotel .demo-header nav a:last-child{padding-inline:14px}.demo-v3.demo-hotel .sereine-hero{height:580px;min-height:0}.demo-v3.demo-hotel .sereine-hero>img{object-position:57% center}.demo-v3.demo-hotel .sereine-hero-content{min-height:0;padding-block:36px 28px}.demo-v3.demo-hotel .sereine-hero h1{font-size:clamp(42px,11.4vw,62px);line-height:1.08}.demo-v3.demo-hotel .sereine-hero-bottom{display:block}.demo-v3.demo-hotel .sereine-hero-bottom p{margin-bottom:18px;font-size:16px}.demo-v3.demo-hotel .sereine-hero-bottom a{gap:28px;font-size:14px}.demo-v3.demo-hotel .sereine-arrival{align-items:center;gap:18px;padding-block:14px;font-size:12px}.demo-v3.demo-hotel .sereine-arrival>span{max-width:14ch}.demo-v3.demo-hotel .sereine-arrival a{gap:12px;max-width:20ch}.demo-v3.demo-hotel .sereine-intro{grid-template-columns:1fr;gap:32px;padding-block:72px}.demo-v3.demo-hotel .sereine-intro h2{font-size:44px}.demo-v3.demo-hotel p{font-size:16px}.demo-v3.demo-hotel .sereine-rooms{padding-block:65px}.demo-v3.demo-hotel .sereine-section-title{margin-bottom:30px;display:block}.demo-v3.demo-hotel .sereine-section-title h2{font-size:39px}.demo-v3.demo-hotel .sereine-section-title p{margin-top:16px;font-size:15px}.demo-v3.demo-hotel .sereine-room-layout{grid-template-columns:1fr;gap:36px}.demo-v3.demo-hotel .sereine-room-photo img{height:390px}.demo-v3.demo-hotel .sereine-room-heading{align-items:baseline;display:flex}.demo-v3.demo-hotel .sereine-room-heading h3{font-size:24px}.demo-v3.demo-hotel .sereine-room-heading>span{margin:0;font-size:12px}.demo-v3.demo-hotel .sereine-outside{padding-block:70px}.demo-v3.demo-hotel .sereine-outside img{object-position:57% center;height:400px}.demo-v3.demo-hotel .sereine-outside figcaption{flex-direction:column;gap:7px;font-size:12px}.demo-v3.demo-hotel .sereine-morning-layout{grid-template-columns:1fr;gap:30px;padding-block:65px}.demo-v3.demo-hotel .sereine-morning h2{font-size:42px}.demo-v3.demo-hotel .sereine-morning dl>div{grid-template-columns:55px 1fr;gap:15px}.demo-v3.demo-hotel .sereine-stay-layout{grid-template-columns:1fr;gap:45px;padding-block:65px}.demo-v3.demo-hotel .sereine-stay-invitation{display:block}.demo-v3.demo-hotel .sereine-stay-details dl{grid-template-columns:1fr;gap:0}.demo-v3.demo-hotel .demo-footer{padding-block:48px 35px}.demo-v3.demo-hotel .sereine-stay h2{font-size:43px}}@media (prefers-reduced-motion:reduce){.demo-v3.demo-hotel .sereine-hero>img{animation:none}}