/* Dastan Grand — an original design informed by the reference study. */
:root{--ink:#302a27;--deep:#242320;--accent:#6d513d;--gold:#ba9a6e;--paper:#faf8f4;--muted:#746f68;--line:#dfdad1}
body{background:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:#ded0bb;color:#302a27}
.wrap{width:min(1280px,calc(100% - 112px))}.section{padding-block:110px}h2{font-weight:400;letter-spacing:-1.6px}h2 em{color:#8a7159}.eyebrow{font-size:10px;font-weight:400;letter-spacing:2.1px;color:#80664a}
.button{background:var(--deep);border-color:var(--deep);color:white;min-height:52px;font-size:13px;font-weight:400;gap:22px;padding:16px 24px}.button:hover{background:#514132;border-color:#514132;transform:none}.outline{background:transparent;color:var(--ink);border-color:#a69c8e}.outline:hover{color:white}.text-link{font-weight:400}.language-bar{background:#eeeae3;border:0;padding:3px 42px;gap:0}.language-bar:before{content:'DASTAN GRAND HOTEL · MANAS';margin-right:auto;font-size:9px;letter-spacing:1.6px;color:#72685b}.language-bar a{min-height:28px;min-width:38px;font-size:10px;border-radius:0}.language-bar a[aria-current]{background:transparent;color:var(--ink);box-shadow:inset 0 -1px var(--accent)}
.header{height:94px;padding-inline:42px;background:var(--paper);gap:30px;border-bottom:1px solid #e6e0d7}.header .brand img.hotel-logo{width:201px;height:65px}.header nav{gap:24px}.header nav a{font-size:12px}.header-book{min-height:46px;letter-spacing:.3px;padding:13px 20px}.header nav a:after{background:#80664a}.menu-toggle{border-color:var(--line)}
.hero.signature-hero{position:relative;height:min(680px,80svh);min-height:550px;max-height:none;background:#292521;color:white;isolation:isolate;overflow:hidden}.signature-hero>#signature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}.signature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1716137d,#17161330),linear-gradient(0deg,#171613b3,transparent 70%);z-index:-1}.signature-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding-bottom:40px}.signature-content .eyebrow{color:#f3e8d6;font-size:10px;margin-bottom:30px;display:flex;gap:25px;align-items:center}.signature-content .eyebrow span{font-size:11px;letter-spacing:5px;color:#e8cc9e}.signature-hero h1{font:400 clamp(64px,7vw,105px)/1 var(--serif);letter-spacing:-3px;margin:0 0 24px;text-shadow:0 2px 24px #0002}.signature-hero h1>span{display:block;font:11px/1.4 var(--sans);letter-spacing:10px;margin:20px 0 0 5px}.signature-tagline{font:29px/1.25 var(--serif);margin-bottom:10px}.signature-intro{font-size:13px;line-height:1.7;max-width:390px;color:#efece7}.signature-actions{display:flex;gap:30px;align-items:center;margin-top:16px}.signature-actions .button{background:#f4eee4;border-color:#f4eee4;color:#302a27;min-width:186px}.signature-actions .button:hover{background:white}.signature-discover{font-size:12px;border-bottom:1px solid #ffffff77;padding-block:12px}.signature-discover span{margin-left:20px}.signature-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.signature-location{font-size:10px;letter-spacing:2px;color:#e8dfd1}.hero-select{display:flex;gap:24px}.hero-select button{background:none;color:#e9e4dc;border:0;border-top:1px solid #ffffff55;min-width:100px;padding:12px 0 0;text-align:left;font-size:11px}.hero-select button span{font-size:9px;margin-right:12px;opacity:.7}.hero-select button[aria-pressed=true]{border-color:white;color:white}.hero-select button:hover{border-color:#dcc294}
.quick-stay{padding:30px 0 20px;display:grid;grid-template-columns:190px 1fr;gap:0 28px;border-bottom:1px solid var(--line)}.quick-heading{padding-top:5px}.quick-heading .eyebrow{margin-bottom:7px;font-size:9px}.quick-heading>span:last-child{font:22px/1.2 var(--serif)}.quick-form{display:grid;grid-template-columns:1fr 1fr .65fr 1.35fr;align-items:center;gap:0}.quick-form label{padding:0 22px;border-left:1px solid var(--line);font-size:10px;letter-spacing:.8px;min-width:0}.quick-form input,.quick-form select{border:0;background:transparent;width:100%;min-width:0;display:block;color:var(--ink);font:15px/1.5 var(--sans);padding:6px 0;min-height:34px;border-radius:0}.quick-form input:focus,.quick-form select:focus{outline:2px solid #b89970;outline-offset:3px}.quick-form .button{gap:14px;white-space:nowrap;font-size:12px;padding-inline:17px}.quick-note{grid-column:2;font-size:10px;color:var(--muted);margin:12px 0 0 22px}.hotel-strip{display:none}
.about{padding-block:105px 110px;gap:110px;align-items:center}.about h2{font-size:62px;margin:0}.about-copy{padding:0}.about-copy p:first-child{font:25px/1.55 var(--serif);color:#51483e}.about-copy p:last-child{font-size:14px;line-height:1.9;margin-bottom:0}.rooms-section{background:#eeebe4}.section-heading{margin-bottom:48px;align-items:end;gap:60px}.section-heading h2{font-size:54px}.section-heading>p{max-width:370px;font-size:14px;line-height:1.8}.room-toolbar{margin-top:0;margin-bottom:30px}.filters{gap:25px}.filters button{font-size:12px;font-weight:400}.filters button.active{color:var(--ink);border-color:var(--ink)}.room-count{font-size:11px}.room-grid{gap:50px 30px}.room-picture{aspect-ratio:1.48;overflow:hidden}.room-picture img{transition:transform .6s}.room-picture:hover img{transform:scale(1.035)}.room-info{padding-top:24px}.room-label{letter-spacing:1.7px;font-size:9px;color:#75644f}.photo-number{color:#827c72}.room-info h3{font-size:33px;margin:9px 0 12px;letter-spacing:-.6px}.room-info>p{font-size:14px;line-height:1.8;max-width:460px;min-height:50px}.room-links{border-top:1px solid #d4cec3;padding-top:18px}.room-links>a,.room-links .text-link{font-size:12px;color:var(--ink)}.picture-plus{background:#faf8f4e8;width:40px;height:40px}.rooms-bottom{margin-top:48px}.rooms-bottom p{font-size:11px;line-height:1.8}
.services-section{background:var(--paper)}.services-grid{gap:28px}.service{border-top:1px solid var(--line);padding-top:25px}.service svg{width:29px;height:29px;color:#9a805c}.service h3{font-size:23px;letter-spacing:-.4px}.service p{font-size:13px;line-height:1.8}.fitness-feature{margin-top:65px;gap:80px;border-top:1px solid var(--line);padding-top:60px}.fitness-feature>img{height:410px}.fitness-feature h3{font-size:44px}.fitness-feature p:not(.eyebrow){font-size:14px;line-height:1.9}
.restaurant-section{margin:0;grid-template-columns:1.1fr 1fr;background:#302d27;color:#f7f0e6}.restaurant-photo{min-height:710px}.restaurant-copy{padding:90px 70px;align-self:center}.restaurant-copy h2{font-size:53px;line-height:1.15}.restaurant-copy h2 em{color:#c3ae8d}.restaurant-copy .eyebrow{color:#c3ae8d}.restaurant-copy p:not(.eyebrow){color:#ded6c8;font-size:14px;line-height:1.85}.restaurant-tags{gap:8px}.restaurant-tags span{color:#dfd4c2;border-color:#716759;font-size:10px;padding:7px 10px}.restaurant-copy .gold-button{background:#e8dbc4;border-color:#e8dbc4;color:#302d27}.restaurant-copy .subtle-link{color:#e5dcca;font-size:12px;line-height:1.6}.image-caption{background:#25221e90;font-size:10px;letter-spacing:1px}
.conference-section{gap:110px}.conference-copy h2{font-size:59px}.conference-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.feature-list{font-size:13px}.conference-image{height:600px}.conference-image img{object-position:center}.capacity{left:-35px;bottom:30px;background:#e8dfcf;padding:25px 32px}.capacity strong{font-weight:400}.conference-more{font-size:11px;background:#faf8f4eb;padding:12px 16px}.gallery-section{padding-top:15px}.gallery-grid{gap:14px;grid-auto-rows:220px}.gallery-filters{margin-top:35px;gap:25px}.gallery-item>span{background:linear-gradient(transparent,#17130c9e);padding:20px 14px 12px;font-size:11px}.gallery-show{margin-top:35px}
.stay-banner{background:#e5dece;padding-block:95px;color:var(--ink)}.stay-banner h2{font-size:62px}.stay-banner h2 em{color:#80654a}.stay-banner p:not(.eyebrow){font-size:14px}.stay-banner .gold-button{background:var(--deep);border-color:var(--deep)}.banner-whatsapp{font-size:12px;color:#645641}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-bottom:0}.faq-section h2{font-size:47px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:300;color:#9b805b}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);padding:20px 25px 0 0;margin:0}.contacts-section{padding-block:110px;gap:110px}.contacts-intro h2{font-size:58px}.contacts-intro address{font-size:14px;line-height:1.8}.contact-photo{height:260px}.contact-row>a{font-size:23px}.contact-row>span{font-size:11px}.contact-row .email{font-size:20px}.stay-times{background:#eee9df}.stay-times strong{font-weight:400}.map-link{font-size:12px}.whatsapp-float{background:#393e32;color:white;border:1px solid #ffffff5c;border-radius:2px;box-shadow:0 4px 20px #0002}.whatsapp-float:hover{background:#4e5644}footer{background:#242320;color:#e9e1d6}.footer-top .brand{background:#faf8f4;padding:16px 22px}.footer-top p{font-size:13px;line-height:1.8;color:#c6bdb0}.footer-bottom{color:#c6bdb0}.mobile-stay{display:none}
.detail-nav{padding-block:25px}.detail-heading{margin-block:65px 45px}.detail-heading h1{font-size:64px}.detail-book,.booking-aside,.booking-review{background:#eee9df}.detail-amenities li:before{color:#96764e}.booking-heading{max-width:900px}.booking-heading h1{font-size:65px}.booking-heading h1 em{color:#897255}.booking-layout{gap:65px}.booking-layout form{background:#fffdfa;border-color:var(--line);padding:35px}.field input,.field select,.field textarea{background:var(--paper);border-color:#d4cdc1}.booking-aside>img{height:350px}.booking-aside-copy{padding:35px}.detail-footer{padding-block:28px}
@media(min-width:1500px){.signature-hero>#signature-image{object-position:50% 46%}.hero.signature-hero{height:760px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.header{padding-inline:28px;gap:22px}.header .brand img.hotel-logo{width:180px}.header nav{gap:16px}.header nav a{font-size:11px}.header-book{font-size:11px;padding:12px 17px}.quick-stay{grid-template-columns:150px 1fr;gap:0 15px}.quick-heading>span:last-child{font-size:19px}.quick-form label{padding-inline:14px}.quick-form .button{font-size:11px}.restaurant-copy{padding:65px 45px}.restaurant-copy h2{font-size:45px}.about,.conference-section,.contacts-section{gap:65px}.quick-note{margin-left:14px}}
@media(max-width:1000px){.header{height:86px}.header nav{top:86px;background:var(--paper);padding:20px 30px;border-color:var(--line)}.header nav a{font-size:17px;padding:12px}.header-book{font-size:12px}.menu-toggle span{background:var(--ink)}.section{padding-block:80px}.hero.signature-hero{height:650px}.signature-content{padding-bottom:55px}.signature-hero h1{font-size:80px}.quick-stay{grid-template-columns:1fr;padding-block:25px 20px}.quick-heading{display:none}.quick-form label:first-child{border:0;padding-left:0}.quick-note{grid-column:1;margin-left:0}.about{gap:45px}.about h2{font-size:51px}.about-copy p:first-child{font-size:22px}.section-heading h2{font-size:47px}.room-info h3{font-size:30px}.restaurant-photo{min-height:670px}.restaurant-copy{padding:50px 30px}.restaurant-copy h2{font-size:39px}.conference-section{gap:55px}.conference-copy h2{font-size:49px}.conference-image{height:560px}.fitness-feature{gap:40px}.faq-section{gap:40px;padding-bottom:0}.faq-section h2{font-size:41px}.contacts-section{gap:45px}.contacts-intro h2{font-size:48px}.contact-row>a{font-size:21px}.contact-row .email{font-size:17px}.booking-layout{gap:30px}.booking-layout form{padding:25px}.booking-aside-copy{padding:25px}.booking-aside>img{height:300px}.gallery-section{padding-top:0}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.language-bar{padding:3px 14px}.language-bar:before{font-size:7px;letter-spacing:.7px}.language-bar a{min-height:30px;min-width:34px;font-size:10px;padding:4px 7px}.header{height:78px;padding:0 16px;gap:12px}.header .brand img.hotel-logo{width:150px;height:52px}.header-book{padding:10px 12px;font-size:10px;min-height:40px}.header nav{top:78px;padding:15px 20px}.header nav a{font-size:17px;padding:11px}.menu-toggle{height:40px;width:36px}.hero.signature-hero{min-height:570px;height:calc(100svh - 112px);max-height:690px}.signature-hero>#signature-image{object-position:57% center}.signature-shade{background:linear-gradient(0deg,#151410d9,transparent 95%),linear-gradient(90deg,#211b184d,#211b1820)}.signature-content{justify-content:flex-end;padding-bottom:130px}.signature-content .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:25px;gap:15px}.signature-content .eyebrow span{font-size:10px;letter-spacing:3px}.signature-hero h1{font-size:57px;letter-spacing:-2.1px;margin-bottom:24px}.signature-hero h1>span{font-size:9px;letter-spacing:7px;margin-top:15px;margin-left:3px}.signature-tagline{font-size:25px;line-height:1.2;max-width:320px;margin-bottom:13px}.signature-intro{font-size:12px;max-width:300px;margin-bottom:8px}.signature-actions{gap:20px;margin-top:15px;align-items:center}.signature-actions .button{font-size:11px;min-width:143px;padding:14px 17px;min-height:46px;gap:12px}.signature-discover{font-size:10px;line-height:1.5;max-width:130px;padding:8px 0}.signature-discover span{margin-left:5px}.signature-bottom{bottom:30px}.signature-location{display:none}.hero-select{gap:24px;width:100%}.hero-select button{min-width:0;flex:1;font-size:10px;padding-top:12px}.hero-select button span{margin-right:6px;font-size:8px}.quick-stay{padding:26px 0 20px}.quick-form{grid-template-columns:1fr 1fr;gap:20px 0}.quick-form label{padding-inline:16px;font-size:10px}.quick-form label:nth-child(3){padding-left:0;border:0}.quick-form input,.quick-form select{font-size:15px;min-height:38px}.quick-form .button{min-height:52px;font-size:10px;gap:12px;white-space:normal;padding:12px 16px}.quick-note{font-size:9px;margin-top:17px;line-height:1.6}.section{padding-block:65px}.about{gap:26px}.about h2{font-size:47px}.about-copy p:first-child{font-size:23px;line-height:1.5}.about-copy p:last-child{font-size:13px;line-height:1.85}.section-heading{gap:20px;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading>p{font-size:13px;line-height:1.75}.section-heading>p br{display:none}.room-toolbar{margin-top:0;margin-bottom:25px;gap:15px}.filters{gap:20px}.filters button{font-size:11px}.room-count{font-size:10px}.room-grid{gap:38px}.room-picture{aspect-ratio:1.28}.room-info{padding-top:22px}.room-info h3{font-size:31px}.room-info>p{font-size:13px;min-height:0;margin-bottom:20px}.room-links{padding-top:16px;gap:12px}.room-links>a,.room-links .text-link{font-size:11px}.room-label{font-size:8px}.photo-number{font-size:8px}.rooms-bottom{margin-top:35px}.rooms-bottom p{font-size:10px}.services-grid{gap:18px 15px}.service{margin-right:0;padding-top:20px}.service h3{font-size:22px;line-height:1.25}.service p{font-size:12px;line-height:1.7}.fitness-feature{gap:25px;margin:35px 0 10px;padding-top:35px}.fitness-feature>img{height:280px}.fitness-feature h3{font-size:36px}.fitness-feature p:not(.eyebrow){font-size:13px}.restaurant-section{grid-template-columns:1fr;margin:0}.restaurant-photo{height:390px;min-height:0}.restaurant-copy{padding:40px 25px 50px}.restaurant-copy h2{font-size:43px}.restaurant-copy p:not(.eyebrow){font-size:13px}.restaurant-tags span{font-size:9px}.restaurant-copy .subtle-link{font-size:11px}.conference-section{gap:35px}.conference-copy h2{font-size:47px}.conference-copy>p:not(.eyebrow){font-size:13px}.feature-list{font-size:12px}.conference-image{height:450px;margin-left:20px}.capacity{left:-20px;bottom:25px;padding:22px 28px}.capacity strong{font-size:59px}.capacity span{font-size:11px}.conference-more{font-size:10px;padding:10px;top:15px;right:15px}.gallery-section{padding-top:0}.gallery-grid{gap:10px;grid-auto-rows:170px}.gallery-filters{gap:18px;margin-top:25px}.gallery-item>span{font-size:10px;padding:18px 10px 10px}.stay-banner{padding-block:65px}.stay-banner h2{font-size:41px}.stay-banner p:not(.eyebrow){font-size:13px}.banner-whatsapp{font-size:11px}.faq-section{grid-template-columns:1fr;gap:20px;padding-bottom:0}.faq-section h2{font-size:41px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.faq-list details{padding-block:20px}.contacts-section{gap:35px}.contacts-intro h2{font-size:48px}.contacts-intro address{font-size:13px}.contact-photo{height:240px}.contact-row>a{font-size:23px}.contact-row .email{font-size:19px}.contact-row>span{font-size:10px}.footer-top p{font-size:12px}.premium-home footer{padding-bottom:96px}.whatsapp-float{bottom:80px;right:15px;min-height:44px;font-size:11px}.mobile-stay{display:grid;grid-template-columns:1fr 1.4fr;position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--paper);padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -5px 22px #00000008;gap:14px}.mobile-stay a{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:11px}.mobile-stay a:last-child{background:var(--deep);color:white;gap:20px}.mobile-stay a:first-child{border:1px solid #bdb09c}.modal-open .mobile-stay{visibility:hidden}.detail-heading{margin-block:35px 30px}.detail-heading h1{font-size:43px}.detail-nav{padding-block:16px}.booking-heading h1{font-size:43px}.booking-layout form{padding:25px 18px}.booking-aside>img{height:260px}.booking-aside-copy{padding:25px}.booking-layout{gap:25px}.booking-submit{font-size:12px;padding-inline:12px}.booking-page{padding-top:35px}.detail-footer{padding-block:22px}html{scroll-padding-top:94px}}
@media(max-width:360px){.header .brand img.hotel-logo{width:130px}.header{gap:8px;padding-inline:12px}.header-book{font-size:9px;padding-inline:9px}.signature-hero h1{font-size:50px}.signature-actions{gap:12px}.signature-actions .button{min-width:130px;font-size:10px}.language-bar:before{font-size:6px}.contact-row .email{font-size:17px}}
.booking-layout>*{min-width:0}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}
@media(max-width:640px){.booking-layout{grid-template-columns:minmax(0,1fr)}.conference-copy h2 br{display:block}}
@media(max-width:380px){.field-pair{grid-template-columns:1fr;gap:0}.field .optional{position:static;font-size:10px;margin-top:-5px}.signature-hero h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}