:root{--bg:#f6f4ef;--fg:#30342e;--muted:#6b6f64;--accent:#303e31;--border:#d9dcd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--bg);color:var(--fg);margin:0;font-family:Manrope,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;object-fit:cover;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{font-size:clamp(44px,5.6vw,80px);font-weight:500;letter-spacing:-3.5px}h2{font-size:42px;font-weight:500;letter-spacing:-1.7px}h3{font-size:23px;font-weight:600;letter-spacing:-.5px}em{font-family:Georgia,serif;font-weight:400}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--fg);color:var(--bg);padding:10px 20px}.skip-link:focus{top:8px}.demo-container{width:min(1280px,calc(100% - 120px));margin-inline:auto}.demo-bar{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#252b26;color:#faf9f3;padding:0 28px;min-height:44px;font-size:11px;line-height:1.4}.demo-bar a{min-height:44px;display:flex;align-items:center;gap:6px}.demo-bar b{font-size:17px;letter-spacing:-.8px}.demo-bar>a:last-child{color:#e2edc8}.demo-notice{font-size:8px;letter-spacing:1.6px;border:1px solid #737f6f;border-radius:3px;padding:4px 9px}.demo-header{display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 120px));margin-inline:auto;min-height:105px;gap:24px}.demo-brand{font-size:28px;font-weight:750;letter-spacing:2px;line-height:1.1}.demo-brand>span{color:var(--accent)}.demo-header nav{display:flex;gap:35px;align-items:center;font-size:12px}.demo-header nav a,.demo-header nav button{min-height:44px;display:flex;align-items:center}.demo-header nav a:last-child{border-bottom:1px solid var(--fg)}.demo-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:13px 22px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);font-size:12px;font-weight:600;border-radius:0;transition:filter .2s,transform .2s}.demo-btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.demo-btn>span{font-size:20px;line-height:1}.demo-btn.outline{background:transparent;color:var(--accent)}.demo-btn.light{background:#f5efdc;color:#323f32;border-color:#f5efdc}.kicker{font-size:10px;letter-spacing:2px;font-weight:650;line-height:1.5;margin-bottom:22px}.demo-section{padding-block:90px}.demo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.demo-section-head .kicker{margin-bottom:16px}.demo-section-head>p{max-width:330px;font-size:14px;line-height:1.85;color:var(--muted)}.hero-small{font-size:9px;letter-spacing:1.3px;display:block;margin-top:35px;color:var(--muted)}.demo-footer{width:min(1280px,calc(100% - 120px));margin:80px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0;border-top:1px solid var(--border)}.demo-footer p{font-size:11px;color:var(--muted)}.demo-footer>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:center}.line-list{padding:0;list-style:none;margin:30px 0 0}.line-list li{padding:15px 0;border-top:1px solid var(--border);display:flex;gap:30px;font-size:12px;color:var(--muted)}.line-list span{color:var(--fg);font-size:15px}.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px}.demo-form label,.property-search label,.booking-form label{font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:8px}.demo-form input,.demo-form select,.demo-form textarea,.property-search select,.booking-form input,.booking-form select{width:100%;min-width:0;min-height:50px;padding:12px;border:1px solid var(--border);background:transparent;border-radius:0;font-size:16px}.demo-form .demo-btn{align-self:end;max-width:320px}.form-result{grid-column:1/-1;font-size:14px;font-weight:600;line-height:1.8}.form-result:empty{display:none}.demo-form small,.booking-form small{grid-column:1/-1;font-size:11px;color:var(--muted)}.form-result:not(:empty){border-left:3px solid var(--accent);padding:14px;background:#ffffff50}.fine-print{font-size:11px;color:var(--muted);margin-top:24px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter-row button{padding:10px 19px;min-height:44px;background:none;border:1px solid var(--border);font-size:12px}.filter-row button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:35px;max-width:650px;width:calc(100% - 32px);max-height:85dvh;overscroll-behavior:contain}dialog::backdrop{background:#17201b99;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:1px solid var(--border);background:var(--bg);font-size:28px;z-index:1}.dialog-image{height:260px;object-fit:cover;margin-bottom:25px}.dialog-title{font-size:32px;padding-right:25px}.dialog-description{font-size:14px;line-height:1.85;color:var(--muted);margin-top:18px}dialog .demo-btn{margin-top:24px}
/* FORMA — editorial architecture */
.demo-architecture{--bg:#f5f4ef;--fg:#35392f;--accent:#4d5843;--muted:#6a6e64}.architecture-hero{padding-top:31px}.arch-intro{position:relative}.arch-intro h1{font-size:66px;line-height:1.1;font-weight:450;letter-spacing:-2.8px}.arch-intro h1 em{font-size:70px}.arch-lead{position:absolute;bottom:5px;right:0;display:flex;gap:35px;align-items:center}.arch-lead p{font-size:12px;color:var(--muted);line-height:1.9}.circle-link{display:grid;place-items:center;width:57px;height:57px;border:1px solid var(--border);border-radius:50%;font-size:27px}.arch-photo{margin-top:40px;position:relative}.arch-photo>img{height:480px;object-position:50% 55%}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#171d16a3);color:#fff;padding:40px 24px 19px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:34px}.image-project{padding:0;border:0;background:none;text-align:left}.image-project>img{height:360px}.image-project>span{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.image-project b{font-size:22px;font-weight:500}.image-project>span>span{font-size:11px;color:var(--muted)}.studio-block{display:grid;grid-template-columns:1fr 1fr;gap:25px 60px;border-block:1px solid var(--border);padding-block:60px}.studio-block>.kicker{grid-column:1/-1;margin-bottom:0}.studio-block>div>p{font-size:14px;color:var(--muted);line-height:1.9}
/* TERRA — warm restaurant */
.demo-restaurant{--bg:#f4eddf;--fg:#542b24;--accent:#713528;--muted:#796357;--border:#d8c7b4}.demo-restaurant .demo-brand{font-family:Georgia,serif;font-size:43px;letter-spacing:-1px;font-weight:400}.restaurant-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.restaurant-copy{padding:65px 45px 50px max(60px,calc((100vw - 1280px)/2))}.restaurant-copy h1{font-family:Georgia,serif;font-size:80px;font-weight:400;letter-spacing:-3px}.restaurant-copy h1 em{font-style:italic}.restaurant-copy>p:not(.kicker){margin:28px 0;color:var(--muted);font-size:14px;line-height:1.9}.restaurant-photo{position:relative;min-width:0}.restaurant-photo>img{height:100%;max-height:660px}.round-stamp{position:absolute;bottom:35px;left:-45px;width:110px;height:110px;background:#ecdbbb;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:Georgia,serif;line-height:1.3;font-size:20px;transform:rotate(-12deg);border:1px solid #a78b64}.demo-restaurant h2{font-family:Georgia,serif;font-size:46px}.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.food-item{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--border);padding:25px 0}.food-item h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.food-item p{font-size:12px;color:var(--muted);margin-top:8px}.food-item strong{font-size:15px;font-weight:500}.split-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.split-story>img{height:460px}.split-story>div>p:not(.kicker){font-size:14px;color:var(--muted);margin-top:25px;line-height:1.9}
/* NESS — lifestyle commerce */
.demo-shop{--bg:#f5f4ec;--fg:#30372b;--accent:#3c4a30;--muted:#5e6654;--border:#d6dbcc}.demo-shop .demo-brand{letter-spacing:5px;font-weight:500}.shop-hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#e8eadf}.shop-hero>div:first-child{padding:70px 40px 60px}.shop-hero h1{font-size:84px;letter-spacing:-4px}.shop-hero>div>p:not(.kicker){font-size:14px;margin-block:25px;color:var(--muted)}.shop-hero-photo{position:relative;min-width:0}.shop-hero-photo>img{height:100%;max-height:630px;object-position:center}.product-sticker{position:absolute;bottom:25px;left:25px;background:#f8f8eff0;padding:16px 25px;font-size:12px;line-height:1.8}.product-sticker b{font-size:18px;font-weight:500}.benefit-strip{display:flex;gap:35px;justify-content:center;align-items:center;border-bottom:1px solid var(--border);padding:25px;font-size:11px;letter-spacing:.5px}.benefit-strip span:before{content:'✓';margin-right:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product img{height:300px}.product-category{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-top:18px;color:var(--muted)}.product h3{font-size:19px;margin-top:6px}.product-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;flex-wrap:wrap}.product-bottom b{font-weight:500}.product-bottom button{background:none;border:0;border-bottom:1px solid var(--accent);padding:8px 0;min-height:44px;font-size:11px}.cart-open{background:none;border:0;gap:10px;font-size:12px}.cart-open>span{background:var(--accent);color:var(--bg);min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px}.cart-feedback{font-size:13px;margin-top:24px;min-height:24px}.shop-philosophy{text-align:center;border-block:1px solid var(--border);padding:70px 20px}.shop-philosophy p:last-child{max-width:610px;margin:25px auto 0;font-size:14px;color:var(--muted);line-height:1.9}.cart-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:17px 0;font-size:13px;align-items:center}.cart-row small{display:block;color:var(--muted)}.cart-row button{min-width:44px;min-height:44px;border:1px solid var(--border);background:none}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin-top:24px}.cart-empty{margin-top:25px;color:var(--muted)}
/* DENTIA — calm clinical */
.demo-clinic{--bg:#f5faf8;--fg:#174943;--accent:#216459;--muted:#5b7870;--border:#cfdfd8}.demo-clinic .demo-brand{letter-spacing:-1.5px;font-size:37px}.demo-clinic .demo-btn{border-radius:5px}.clinic-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:40px 70px}.clinic-hero h1{font-size:62px;letter-spacing:-2.8px;line-height:1.15}.clinic-hero h1 em{font-family:inherit;font-style:normal;color:#498577}.clinic-hero>div>p:not(.kicker){font-size:14px;line-height:1.9;max-width:430px;margin-block:25px;color:var(--muted)}.clinic-photo{position:relative}.clinic-photo>img{height:535px;border-radius:150px 8px 8px 8px;object-position:35% center}.clinic-note{position:absolute;bottom:30px;left:-30px;display:flex;align-items:center;gap:18px;background:#fff;padding:23px 26px;border-radius:6px;box-shadow:0 10px 25px #14403714}.clinic-note>span{font-size:32px;background:#e4f0e8;width:50px;height:50px;border-radius:50%;display:grid;place-content:center}.clinic-note b{display:block;font-size:14px}.clinic-note small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.clinic-points{display:flex;gap:25px;font-size:10px;margin-top:28px;color:var(--muted)}.clinic-points span:before{content:'✓';margin-right:6px}.treatment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.treatment-grid article{border:1px solid var(--border);padding:27px 23px;border-radius:6px;background:#fff}.treatment-grid article>span{font-size:12px;color:var(--muted)}.treatment-grid h3{font-size:21px;line-height:1.35;margin-top:30px}.treatment-grid p{font-size:13px;color:var(--muted);margin-top:16px;min-height:75px}.treatment-grid a{display:flex;align-items:center;min-height:44px;font-size:11px;margin-top:20px}.team-section{padding-block:40px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.team-grid article{padding:30px;background:#e8f1eb;border-radius:6px}.team-initials{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#cedfd4;color:#3b6456;font-family:Georgia,serif;font-size:25px;margin-bottom:25px}.team-grid h3{font-size:21px}.team-grid p{font-size:12px;margin-top:8px;color:var(--muted)}.team-grid small{font-size:9px;color:var(--muted)}
/* MONO — real estate */
.demo-estate{--bg:#f6f7f5;--fg:#20362f;--accent:#294b3d;--muted:#5d6d62;--border:#d4ddd7}.demo-estate .demo-brand{letter-spacing:5px}.estate-hero{position:relative;color:white}.estate-hero>img{height:570px;object-position:center 54%}.estate-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092b21c9,#12302e10)}.estate-hero-copy{position:absolute;left:max(60px,calc((100vw - 1280px)/2));top:95px;z-index:1}.estate-hero-copy h1{font-size:70px;letter-spacing:-2.5px;line-height:1.12}.estate-hero-copy p:last-child{font-size:14px;margin-top:25px;color:#dfe8df}.estate-listings{position:relative}.property-search{position:relative;z-index:2;margin-top:-52px;background:var(--bg);border:1px solid var(--border);padding:27px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:end;box-shadow:0 15px 30px #152b2210;margin-bottom:70px}.property-search .demo-btn{height:51px}.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px;margin-top:25px}.listing-photo{position:relative}.listing-photo img{height:320px}.listing-photo>span{position:absolute;left:18px;top:18px;background:var(--bg);padding:5px 12px;font-size:10px}.listing>p{font-size:11px;color:var(--muted);margin-top:19px}.listing>h3{font-size:24px;margin-top:8px}.listing>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.listing b{font-size:19px;font-weight:500}.listing b small{font-size:12px}.listing button{background:none;border:0;border-bottom:1px solid var(--fg);font-size:11px;min-height:44px}.estate-story{display:grid;grid-template-columns:1fr 1fr;gap:25px 60px;margin-top:100px;border-block:1px solid var(--border);padding-block:60px}.estate-story>.kicker{grid-column:1/-1;margin:0}.estate-story>div>p{font-size:14px;color:var(--muted);line-height:1.9}#listing-count,#listing-empty{font-size:13px;color:var(--muted)}
/* MAREA — slow travel */
.demo-hotel{--bg:#f5f1e8;--fg:#294b4a;--accent:#345c56;--muted:#5d6c62;--border:#d6dbce}.demo-hotel .demo-brand{font-family:Georgia,serif;font-weight:400;letter-spacing:6px}.hotel-hero{position:relative;isolation:isolate;color:#fff;min-height:660px;display:grid;place-items:center;text-align:center}.hotel-hero>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 60%}.hotel-hero:before{content:'';position:absolute;inset:0;background:#06292b60;z-index:-1}.hotel-hero h1{font-family:Georgia,serif;font-size:79px;font-weight:400;line-height:1.15;letter-spacing:-2px}.hotel-hero p:not(.kicker){font-size:14px;margin:27px 0;color:#f2f3e9;line-height:1.9}.hotel-location{position:absolute;bottom:32px;font-size:9px;letter-spacing:2px}.hotel-hero .kicker{letter-spacing:3px}.booking-section{position:relative;z-index:1}.booking-form{margin-top:-1px;background:#e7e9dd;display:grid;grid-template-columns:1fr 1fr .8fr auto;padding:28px;gap:20px;align-items:end}.booking-form small{font-size:9px}.booking-form .demo-btn{height:51px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.room-grid img{height:350px}.room-grid article>p{font-size:11px;color:var(--muted);margin-top:20px}.room-grid h3{font-family:Georgia,serif;font-size:35px;font-weight:400;margin-top:10px}.room-grid .demo-btn{margin-top:24px}.demo-hotel h2{font-family:Georgia,serif;font-size:47px;font-weight:400}.hotel-experiences{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:30px}.hotel-experiences>img{height:510px}.hotel-experiences p:not(.kicker){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.experience-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;margin-block:24px}.experience-tags>span{border:1px solid var(--border);padding:7px 10px}
@media(max-width:1100px){.demo-container,.demo-header,.demo-footer{width:calc(100% - 70px)}.demo-header nav{gap:25px}.arch-intro h1,.arch-intro h1 em{font-size:58px}.arch-lead{gap:18px}.arch-lead p{max-width:200px;font-size:11px}.circle-link{width:48px;height:48px}.restaurant-copy{padding-left:35px;padding-right:30px}.restaurant-copy h1{font-size:68px}.shop-hero h1{font-size:70px}.clinic-hero{gap:35px}.clinic-hero h1{font-size:49px}.clinic-photo>img{height:460px}.treatment-grid{grid-template-columns:1fr 1fr}.treatment-grid p{min-height:0}.property-search{grid-template-columns:1fr 1fr 1fr;gap:15px}.property-search .demo-btn{grid-column:1/-1;justify-content:center}.estate-hero-copy{left:35px}.booking-form{grid-template-columns:1fr 1fr;gap:20px}.product-grid{grid-template-columns:1fr 1fr}.product img{height:330px}.split-story{gap:40px}.hotel-experiences{gap:40px}.hotel-experiences h2{font-size:39px}.demo-section-head h2{font-size:36px}}
@media(max-width:760px){.demo-container,.demo-header,.demo-footer{width:calc(100% - 40px)}.demo-bar{padding-inline:15px;font-size:9px;gap:10px}.demo-notice{font-size:6px;padding:4px 6px;letter-spacing:1px}.demo-bar b{font-size:15px}.demo-header{min-height:100px;gap:15px;flex-wrap:wrap;padding-block:20px}.demo-header nav{gap:20px;font-size:10px}.demo-brand{font-size:25px}.demo-header nav a:last-child{border:0}.demo-section{padding-block:60px}.demo-section-head{display:block;margin-bottom:28px}.demo-section-head>p{font-size:13px;max-width:none;margin-top:18px}h2,.demo-section-head h2{font-size:33px;letter-spacing:-1px}.kicker{font-size:8px;letter-spacing:1.5px}.arch-intro h1,.arch-intro h1 em{font-size:49px;letter-spacing:-1.6px}.architecture-hero{padding-top:22px}.arch-lead{position:static;margin-top:24px;justify-content:space-between}.arch-lead p{max-width:none;font-size:12px}.arch-photo{margin-top:28px}.arch-photo>img{height:360px}.photo-caption{padding:35px 15px 15px;font-size:8px;gap:15px}.project-pair{gap:25px}.image-project>img{height:230px}.image-project>span{display:block}.image-project b{display:block;font-size:22px}.image-project>span>span{display:block;font-size:10px;margin-top:8px}.studio-block,.estate-story{grid-template-columns:1fr;padding-block:40px;gap:22px}.studio-block>div>p,.estate-story>div>p{font-size:13px}.demo-form{gap:18px}.demo-form label,.property-search label,.booking-form label{font-size:10px}.demo-form .demo-btn{max-width:none}.demo-footer{flex-wrap:wrap;margin-top:45px;gap:22px}.demo-footer p{font-size:10px;order:2;width:100%}.demo-footer>a:last-child{margin-left:auto;font-size:11px}.restaurant-hero{min-height:0}.restaurant-copy{padding:35px 25px 40px 20px}.restaurant-copy h1{font-size:52px}.restaurant-copy>p:not(.kicker){font-size:12px}.restaurant-photo>img{max-height:none}.round-stamp{left:-25px;bottom:30px;width:80px;height:80px;font-size:16px}.hero-small{font-size:7px;line-height:1.7}.demo-btn{font-size:11px;padding:13px 16px;gap:20px}.food-grid{gap:0 25px}.food-item{gap:15px}.food-item h3{font-size:21px}.food-item p{font-size:11px}.food-item strong{font-size:13px}.split-story{gap:30px}.split-story>img{height:350px}.demo-restaurant h2{font-size:34px}.split-story>div>p:not(.kicker){font-size:12px;margin-top:18px}.shop-hero{min-height:0}.shop-hero>div:first-child{padding:40px 25px}.shop-hero h1{font-size:60px;letter-spacing:-2.5px}.shop-hero>div>p:not(.kicker){font-size:12px}.shop-hero-photo>img{max-height:none}.benefit-strip{gap:18px;font-size:9px;padding:20px}.product-sticker{left:15px;bottom:15px;padding:12px;font-size:10px}.product-sticker b{font-size:15px}.shop-philosophy{padding-block:45px}.clinic-hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:20px;padding-bottom:40px}.clinic-hero h1{font-size:39px;letter-spacing:-1.5px}.clinic-hero>div>p:not(.kicker){font-size:12px}.clinic-photo>img{height:425px;border-top-left-radius:90px}.clinic-note{padding:15px;left:-15px;gap:10px}.clinic-note b{font-size:11px}.clinic-note small{font-size:9px}.clinic-note>span{width:35px;height:35px;font-size:25px}.clinic-points{gap:12px;font-size:8px;flex-wrap:wrap}.team-grid{gap:15px}.team-grid article{padding:20px 16px}.team-grid h3{font-size:17px}.team-initials{width:60px;height:60px}.estate-hero>img{height:470px}.estate-hero-copy{left:20px;top:75px;right:20px}.estate-hero-copy h1{font-size:56px}.estate-hero-copy p:last-child{font-size:12px}.property-search{padding:20px;margin-bottom:50px}.listing-grid{gap:32px 24px}.listing-photo img{height:240px}.listing>h3{font-size:21px}.listing>div:last-child{align-items:flex-start;flex-direction:column;gap:3px}.estate-story{margin-top:65px}.hotel-hero{min-height:570px}.hotel-hero h1{font-size:60px}.hotel-hero p:not(.kicker){font-size:13px}.room-grid{gap:25px}.room-grid img{height:265px}.hotel-experiences{gap:35px}.hotel-experiences>img{height:450px}.hotel-experiences h2{font-size:32px}.hotel-experiences p:not(.kicker){font-size:12px}.booking-form{padding:22px}.dialog-image{height:220px}dialog{padding:25px}}
@media(max-width:520px){.demo-bar{min-height:54px;gap:6px;padding-inline:12px}.demo-bar>a:first-child>span{display:none}.demo-notice{font-size:6px;letter-spacing:.6px}.demo-bar>a:last-child{font-size:8px;gap:4px;max-width:135px}.demo-header{padding-block:19px 12px;gap:10px;min-height:110px;flex-direction:column;align-items:flex-start}.demo-header nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.demo-header nav a,.demo-header nav button{min-height:40px}.demo-brand{font-size:24px}.demo-restaurant .demo-brand{font-size:35px}.demo-clinic .demo-brand{font-size:30px}.demo-hotel .demo-brand{font-size:24px}.demo-architecture .architecture-hero{padding-top:22px}.arch-intro h1,.arch-intro h1 em{font-size:40px;letter-spacing:-1.3px}.arch-lead p{font-size:11px}.arch-photo>img{height:310px}.photo-caption{font-size:6px;letter-spacing:.5px}.project-pair{grid-template-columns:1fr}.image-project>img{height:290px}.image-project>span{display:flex;padding-top:15px}.image-project>span>span{font-size:9px}.demo-section{padding-block:47px}h2,.demo-section-head h2,.demo-restaurant h2{font-size:31px;line-height:1.2}.demo-form{grid-template-columns:1fr}.demo-form .demo-btn{margin-top:5px}.demo-form input,.demo-form select,.demo-form textarea{font-size:16px}.restaurant-hero{grid-template-columns:1fr}.restaurant-copy{padding:25px 20px 40px}.restaurant-copy h1{font-size:65px;letter-spacing:-2px}.restaurant-copy>p:not(.kicker){font-size:13px}.restaurant-photo>img{height:330px}.round-stamp{left:auto;right:20px;top:-45px;width:90px;height:90px;font-size:17px}.restaurant-copy .hero-small{margin-top:25px}.food-grid{grid-template-columns:1fr}.food-item{padding:20px 0}.filter-row{gap:7px}.filter-row button{font-size:10px;padding:10px 12px}.split-story{grid-template-columns:1fr;gap:30px}.split-story>img{height:310px}.split-story>div>p:not(.kicker){font-size:13px}.shop-hero{grid-template-columns:1fr}.shop-hero>div:first-child{padding:30px 25px 35px}.shop-hero h1{font-size:64px}.shop-hero-photo>img{height:355px;object-position:center 56%}.hero-small{margin-top:22px;font-size:8px}.benefit-strip{gap:12px;flex-wrap:wrap;font-size:9px}.product-grid{gap:30px 17px}.product img{height:220px}.product h3{font-size:17px;line-height:1.3}.product-category{font-size:7px}.product-bottom{display:block}.product-bottom>b{display:block;font-size:14px}.product-bottom button{font-size:10px;margin-top:7px}.shop-philosophy p:last-child{font-size:13px}.clinic-hero{grid-template-columns:1fr;padding-top:25px;gap:35px}.clinic-hero h1{font-size:44px;letter-spacing:-1.6px}.clinic-hero>div>p:not(.kicker){font-size:13px}.clinic-photo>img{height:360px;border-top-left-radius:110px}.clinic-note{left:15px;bottom:20px;padding:17px 20px}.clinic-note b{font-size:12px}.clinic-note small{font-size:10px}.clinic-points{font-size:9px;gap:20px}.treatment-grid{gap:15px;grid-template-columns:1fr}.treatment-grid article{padding:25px}.treatment-grid h3{margin-top:15px;font-size:23px}.treatment-grid a{margin-top:10px}.team-grid{grid-template-columns:1fr}.team-grid article{display:grid;grid-template-columns:65px 1fr;gap:4px 18px;padding:22px}.team-initials{grid-row:span 3;margin:0}.team-grid h3{align-self:end;font-size:20px}.team-grid p{margin-top:0;font-size:11px}.team-grid small{font-size:9px}.estate-hero>img{height:430px}.estate-hero-copy{top:60px}.estate-hero-copy h1{font-size:46px;letter-spacing:-1.5px}.estate-hero-copy p:last-child{font-size:12px;max-width:270px}.property-search{grid-template-columns:1fr;gap:12px;margin-top:-35px;padding:20px;margin-bottom:45px}.property-search label{gap:5px}.property-search select{min-height:46px;padding:9px 12px}.property-search .demo-btn{margin-top:5px}.listing-grid{grid-template-columns:1fr}.listing-photo img{height:280px}.listing>div:last-child{flex-direction:row;align-items:center;gap:10px}.listing>h3{font-size:23px}.listing b{font-size:18px}.listing button{font-size:10px}.estate-story{margin-top:55px}.hotel-hero{min-height:500px;padding:30px 20px}.hotel-hero h1{font-size:47px;letter-spacing:-1.5px}.hotel-hero .kicker{font-size:8px;letter-spacing:1.7px}.hotel-location{font-size:7px;bottom:22px}.booking-form{grid-template-columns:1fr;gap:17px;padding:23px}.booking-form input{min-height:48px}.room-grid{grid-template-columns:1fr;gap:40px}.room-grid img{height:310px}.room-grid h3{font-size:32px}.room-grid .demo-btn{margin-top:17px}.hotel-experiences{grid-template-columns:1fr;gap:35px}.hotel-experiences h2{font-size:33px}.hotel-experiences p:not(.kicker){font-size:13px}.hotel-experiences>img{height:350px}.demo-footer{margin-top:45px;gap:15px}.demo-footer .demo-brand{font-size:24px}.demo-footer>a:last-child{font-size:10px}.demo-footer p{font-size:9px;line-height:1.8}dialog{padding:24px}.dialog-title{font-size:26px}.dialog-image{height:190px}.dialog-description{font-size:13px}.cart-row{font-size:11px;gap:10px}.cart-total{font-size:18px}}
@media(max-width:360px){.arch-intro h1,.arch-intro h1 em{font-size:35px}.clinic-hero h1{font-size:38px}.hotel-hero h1{font-size:41px}.estate-hero-copy h1{font-size:40px}.product img{height:180px}.product h3{font-size:15px}.filter-row{gap:5px}.filter-row button{padding-inline:9px}.demo-header nav{font-size:9px}}
@media(max-width:360px){.restaurant-copy h1{font-size:57px;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
