/* Independent fictional brands. Shared structure, eight deliberately different art directions. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--body);--bg:#f6f1e7;--ink:#35251d;--accent:#994c30;--muted:#75695e;--line:#35251d30;--body:Arial,sans-serif;--heading:Georgia,serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.06;letter-spacing:-.04em}h1{font-size:clamp(52px,7vw,108px)}h2{font-size:clamp(38px,5vw,70px)}h3{font-size:28px;line-height:1.25}p{line-height:1.9}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}em{font-weight:400}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}section[id]{scroll-margin-top:40px}.demo-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.demo-section{padding:100px 0}.demo-ribbon{display:flex;justify-content:space-between;gap:20px;padding:12px 32px;background:#160d20;color:#f0eef3;font:11px/1.7 'Courier New',monospace}.demo-ribbon a{text-decoration:none;white-space:nowrap}.demo-ribbon span{color:#d3c7df}.demo-header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:32px}.demo-brand{font-family:var(--heading);font-size:27px;font-weight:500;letter-spacing:-.04em;text-decoration:none}.demo-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.demo-header nav a{text-decoration:none}.nav-action{border:1px solid var(--line);padding:12px 20px}.menu-toggle{display:none;border:1px solid var(--line);background:none;padding:10px 16px;min-height:44px;color:var(--ink)}.kicker{display:block;font:11px/1.8 'Courier New',monospace;letter-spacing:.12em;margin-bottom:24px;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);padding:16px 24px;text-decoration:none;font:13px/1.65 var(--body);text-align:center}.text-link{display:inline-block;margin-top:28px}.hero-footnote{display:block;font:11px/1.9 'Courier New',monospace;margin-top:24px;color:var(--muted)}.section-heading{max-width:720px;margin-bottom:40px}.section-heading h2{margin-bottom:24px}.section-heading p{max-width:60ch;color:var(--muted)}.tab-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.tab-controls button{background:none;border:1px solid var(--line);color:var(--ink);padding:14px 22px;min-height:48px;font-size:14px}.tab-controls button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:860px}.demo-form label,.stay-form label{display:flex;flex-direction:column;gap:12px;font-size:14px}.demo-form input,.demo-form select,.demo-form textarea,.stay-form input{width:100%;min-width:0;min-height:54px;padding:14px 16px;border:1px solid var(--line);background:transparent;border-radius:0;color:var(--ink)}.demo-form textarea{min-height:130px}.demo-form .button{justify-self:start;align-self:end}.form-result,.form-disclaimer{grid-column:1/-1;padding:24px;border:1px solid var(--line);font-size:14px}.demo-footer{border-top:1px solid var(--line);padding-block:48px;display:flex;justify-content:space-between;gap:48px}.demo-footer p{font-size:12px;max-width:57ch;color:var(--muted);margin-top:20px}.demo-footer>div:last-child{display:flex;flex-direction:column;gap:20px;font-size:13px}.demo-footer .demo-brand{font-size:24px}
/* 01 — hospitality / tactile editorial */
.demo-cafe{--bg:#f6f0e4;--ink:#3d2c21;--accent:#a34e2e;--muted:#76614f;--line:#3d2c2130}.cafe-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;padding:44px 0 80px}.cafe-hero h1{font-size:clamp(56px,7vw,98px)}.cafe-hero p{max-width:44ch;margin:28px 0 32px}.cafe-photo{position:relative;height:610px;overflow:hidden;border-radius:48% 48% 0 0}.cafe-photo img{object-position:center}.cafe-photo>span{position:absolute;bottom:24px;left:24px;right:24px;background:var(--bg);padding:16px;text-align:center;font:11px/1.8 'Courier New',monospace}.cafe-ticker{padding:22px 32px;background:var(--accent);color:var(--bg);font:13px/1.8 'Courier New',monospace;letter-spacing:.12em;text-align:center}.cafe-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}.cafe-menu article{padding:24px 0;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between}.cafe-menu h3{font-size:25px;margin-bottom:10px}.cafe-menu p{font-size:14px;color:var(--muted)}.cafe-menu strong{white-space:nowrap;font:16px/1.8 'Courier New',monospace}.cafe-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:60px}.cafe-story img{height:460px}.cafe-story h2{margin-bottom:28px}.cafe-story p{color:var(--muted)}
/* 02 — beauty / soft editorial luxury */
.demo-salon{--bg:#f1e4df;--ink:#512f3d;--accent:#512f3d;--muted:#765c66;--line:#512f3d35;--heading:Georgia,serif}.demo-salon .demo-brand{font-size:32px;letter-spacing:.18em}.salon-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px 80px;padding:24px 0 80px;position:relative}.salon-wordmark{grid-column:1/-1;font:clamp(56px,7.4vw,110px)/.95 Georgia,serif;letter-spacing:-.055em;text-align:center;padding:20px 0 36px}.salon-wordmark em{font-size:.8em}.salon-visual{height:540px;position:relative}.salon-visual img{border-radius:48% 48% 0 0;object-position:center}.salon-circle{display:grid;place-content:center;text-align:center;position:absolute;right:-45px;top:40px;width:126px;height:126px;border-radius:50%;border:1px solid var(--ink);background:var(--bg);font:17px/1.5 Georgia,serif;letter-spacing:.12em;transform:rotate(12deg)}.salon-intro{align-self:center;padding:30px}.salon-intro h1{font-size:clamp(48px,5vw,74px)}.salon-intro p{margin:28px 0 32px;max-width:36ch}.salon-service-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.salon-service-layout h2{font-size:52px;margin-bottom:24px}.salon-service-layout p{max-width:45ch;color:var(--muted)}.treatment-list article{display:flex;align-items:start;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.treatment-list article>span{font-size:12px}.treatment-list article>div{flex:1}.treatment-list h3{margin-bottom:12px}.treatment-list p{font-size:14px}.treatment-list button{border:1px solid var(--line);background:none;color:var(--ink);padding:12px 16px;white-space:nowrap}.salon-note{text-align:center;border-block:1px solid var(--line);padding:80px 0}.salon-note p{margin-top:28px}.demo-salon .button{border-radius:100px}
/* 03 — construction / industrial, typographic grid */
.demo-trades{--bg:#eae8e2;--ink:#222623;--accent:#f15c2b;--muted:#545b54;--line:#22262340;--heading:Arial,sans-serif}.demo-trades .demo-brand{font-weight:900;letter-spacing:-.065em}.construction-hero{background:var(--ink);color:var(--bg);padding:64px 0 0}.construction-hero .kicker{color:#d5d7cd}.construction-hero h1{font-size:clamp(72px,11vw,170px);font-weight:900;line-height:.88;letter-spacing:-.065em}.construction-hero h1 span{color:var(--accent)}.construction-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:40px 0}.construction-bottom p{max-width:47ch;color:#c7cabe}.construction-hero>img{height:420px;object-position:center}.demo-trades h2{font-weight:800;letter-spacing:-.055em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-grid article{min-width:0}.project-grid img{height:300px}.project-grid span{display:block;margin:20px 0 12px;font:11px/1.8 'Courier New',monospace;color:var(--muted)}.project-grid h3{font:600 25px/1.3 Arial,sans-serif}.construction-estimate{background:var(--accent);color:var(--ink)}.construction-estimate h2{margin-bottom:28px}.construction-estimate p{max-width:74ch}.construction-estimate label{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:32px 0}.construction-estimate input{width:100%;accent-color:var(--ink);min-height:36px}.estimate-number{font-size:clamp(34px,5vw,70px);font-weight:800;letter-spacing:-.055em;margin-bottom:24px}.demo-trades .button{font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-color:var(--ink);color:var(--ink)}
/* 04 — fitness / electric brutalism */
.demo-gym{--bg:#111512;--ink:#eef1e6;--accent:#d6fa4a;--muted:#a9b2a4;--line:#eef1e640;--heading:Arial,sans-serif}.demo-gym .demo-brand{font-weight:900;font-size:30px;letter-spacing:-.07em}.gym-hero{padding:48px 0 72px}.gym-overline{display:flex;justify-content:space-between;gap:24px;font:11px/1.8 'Courier New',monospace}.gym-hero h1{font-weight:900;font-size:clamp(70px,11.5vw,170px);line-height:.86;letter-spacing:-.065em;margin:30px 0 48px}.gym-hero em{color:var(--accent);font-style:normal}.gym-hero-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;align-items:center}.gym-hero-bottom img{height:390px;filter:grayscale(1)}.gym-hero-bottom p{font-size:20px;margin-bottom:30px}.demo-gym .button{color:var(--bg);font-weight:700}.demo-gym h2{font-weight:900;line-height:.95;letter-spacing:-.055em}.session-list article{display:grid;grid-template-columns:120px 1fr 180px;gap:28px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.session-list h3{font-weight:700}.session-list span{color:var(--accent);font:20px/1.5 'Courier New',monospace}.session-list p{color:var(--muted);font-size:14px}.gym-membership{background:var(--accent);color:var(--bg)}.gym-membership .tab-controls{margin:32px 0}.gym-membership .tab-controls button{border-color:var(--bg);color:var(--bg)}.gym-membership .tab-controls button[aria-pressed=true]{background:var(--bg);color:var(--accent)}.membership-price{font-size:80px;font-weight:800;letter-spacing:-.07em;line-height:1.2;margin:32px 0}.membership-price small{font-size:20px;letter-spacing:0;font-weight:400}.gym-membership p{margin-bottom:32px;max-width:64ch}.gym-membership .button{background:var(--bg);color:var(--accent);border-color:var(--bg)}
/* 05 — architecture / white paper, fine black pencil lines */
.demo-architecture{--bg:#fff;--ink:#151515;--accent:#151515;--muted:#555;--line:#151515;--body:'Courier New',monospace;--heading:Georgia,serif;font-size:14px}.demo-architecture .demo-header{border-bottom:1px solid var(--ink)}.demo-architecture .demo-brand{font:21px/1.6 'Courier New',monospace;letter-spacing:-.04em}.demo-architecture .button{background:#fff;color:#151515;box-shadow:3px 3px 0 #fff,4px 4px 0 #151515;border-radius:2px 7px 2px 4px}.demo-architecture .button:hover{background:#151515;color:#fff}.paper-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;padding:70px 0}.paper-hero h1{font-size:clamp(54px,6.5vw,90px)}.paper-hero p{max-width:42ch;margin:32px 0}.paper-drawing{border:1px solid #151515;padding:16px 16px 24px;transform:rotate(-1deg);border-radius:3px 12px 2px 8px;position:relative}.paper-drawing::before{content:'STUDY No. 001';position:absolute;top:16px;left:20px;font:10px/1.8 'Courier New',monospace}.paper-drawing figcaption{font:10px/1.9 'Courier New',monospace;text-align:center}.drawing-board{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid #151515}.drawing-board>div{padding:30px;min-width:0}.drawing-board aside{padding:36px;border-left:1px solid #151515;display:flex;flex-direction:column;justify-content:center;gap:24px}.drawing-board aside .kicker{margin:0}.drawing-board aside>span:last-child{font-size:10px}.demo-architecture .tab-controls button{border:1px solid #151515}.paper-process{padding:64px 0 88px;border-top:1px solid #151515;display:grid;grid-template-columns:1fr 1fr;gap:64px}.paper-process ol li{display:flex;gap:28px;padding:28px 0;border-bottom:1px solid #151515;line-height:1.8}.paper-process li span{font-size:12px}.demo-architecture .demo-form input,.demo-architecture .demo-form textarea{background:white;border-width:1px}.demo-architecture .demo-ribbon{background:#fff;color:#151515;border-bottom:1px solid #151515}.demo-architecture .demo-ribbon span{color:#555}
/* 06 — legal / quiet institutional editorial */
.demo-legal{--bg:#f4f2e9;--ink:#203445;--accent:#203445;--muted:#66716f;--line:#20344535;--heading:Georgia,serif}.demo-legal .demo-brand{font-size:32px}.legal-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding:72px 0 100px;align-items:center}.legal-intro h1{font-size:clamp(55px,6.4vw,88px)}.legal-intro p{max-width:43ch;margin:30px 0 36px;font-size:19px}.legal-art{height:450px;background:var(--ink);color:var(--bg);padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:center}.legal-monogram{font:130px/1 Georgia,serif;letter-spacing:-.12em}.legal-monogram span{font-size:60px;display:inline-block;transform:translateY(-40px)}.legal-rule{width:100%;border-top:1px solid #f4f2e970;margin:40px 0 28px}.legal-art p{text-align:center;font:11px/2 'Courier New',monospace;letter-spacing:.2em}.legal-expertise{display:grid;grid-template-columns:1fr 1fr;gap:80px}.legal-expertise h2{font-size:56px;margin-bottom:28px}.legal-expertise>div>p{color:var(--muted);max-width:48ch}.legal-accordions details{border-top:1px solid var(--line);padding:28px 0}.legal-accordions summary{display:flex;justify-content:space-between;gap:20px;font:25px/1.5 Georgia,serif;cursor:pointer;list-style:none}.legal-accordions summary::-webkit-details-marker{display:none}.legal-accordions details p{margin-top:24px;color:var(--muted)}.legal-accordions details[open] summary span{transform:rotate(45deg)}.legal-statement{padding:70px 0 100px;border-top:1px solid var(--line)}.legal-statement p{margin-top:32px;color:var(--muted)}
/* 07 — ecommerce / warm sculptural modernism */
.demo-shop{--bg:#eee9e0;--ink:#413d34;--accent:#7b4836;--muted:#736e61;--line:#413d3430;--heading:Arial,sans-serif}.demo-shop .demo-brand{font:700 23px/1.6 Arial,sans-serif;letter-spacing:-.05em}.shop-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px 0 70px;align-items:center}.shop-hero h1{font-size:clamp(55px,6.5vw,92px);letter-spacing:-.055em}.shop-hero h1 em{font-family:Georgia,serif}.shop-hero p{max-width:44ch;margin:28px 0 32px}.shop-feature{background:#d9ccb9;padding:24px}.shop-feature>div{display:flex;justify-content:space-between;gap:24px;padding:24px 8px 8px;border-top:1px solid var(--line);font:11px/1.8 'Courier New',monospace}.shop-feature svg{height:430px}.shop-collection-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.shop-products article{min-width:0}.shop-products svg{background:#e1d9cc}.product-meta{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px 0 16px}.product-meta h3{font:500 20px/1.5 Arial,sans-serif;letter-spacing:-.03em}.shop-products p{font-size:14px;color:var(--muted);margin-bottom:24px}.shop-products .button{width:100%;background:none;color:var(--ink);border-color:var(--line)}.shop-story{padding:70px 0 90px;border-top:1px solid var(--line)}.shop-story p{max-width:66ch;margin-top:28px;color:var(--muted)}.cart-dialog{width:min(550px,calc(100% - 32px));padding:32px;border:1px solid var(--line);background:var(--bg);color:var(--ink);max-height:85dvh}.cart-dialog::backdrop{background:#160d2070}.cart-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.cart-dialog-head h2{font-size:36px}.cart-dialog button:not(.button){border:1px solid var(--line);background:none;color:var(--ink);min-height:44px;padding:8px 14px}.cart-row{border-top:1px solid var(--line);padding:24px 0;display:grid;gap:16px}.cart-row-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0}.cart-dialog>p{font-size:13px;margin-bottom:24px}
/* 08 — accommodation / organic and unhurried */
.demo-retreat{--bg:#f0f1e8;--ink:#314c40;--accent:#314c40;--muted:#697c6c;--line:#314c4030;--heading:Georgia,serif}.demo-retreat .demo-brand{font:italic 34px/1.5 Georgia,serif}.retreat-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;padding:40px 0 70px;align-items:center}.retreat-hero h1{font-size:clamp(48px,5.8vw,82px)}.retreat-hero p{max-width:40ch;margin:28px 0 32px;font-size:18px}.retreat-hero figure{overflow:hidden;border-radius:48% 48% 4px 4px;background:#dce5d9}.retreat-hero svg{min-height:430px;object-fit:cover}.retreat-hero figcaption{text-align:center;padding:20px;font:10px/1.8 'Courier New',monospace;letter-spacing:.08em}.demo-retreat .button{border-radius:100px}.stay-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.stay-layout h2{margin-bottom:28px}.stay-layout>div>p{color:var(--muted);max-width:47ch}.cabin-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.cabin-features span{border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:13px}.stay-form{padding:40px;background:#e0e7db;border:1px solid var(--line);border-radius:12px;display:grid;gap:24px}.stay-form>p{font-size:13px;color:var(--muted)}.stay-form h3{font-size:34px}.stay-form output{display:block;padding:24px 0;border-block:1px solid var(--line);font-size:22px;line-height:1.6}.retreat-notes{padding:80px 0;border-block:1px solid var(--line)}.retreat-notes h2{font-size:clamp(38px,5vw,68px);line-height:1.2}.retreat-notes p{max-width:60ch;margin-top:28px;color:var(--muted)}
@media(max-width:1000px){.demo-wrap{width:calc(100% - 64px)}.demo-header nav{gap:20px}.cafe-hero,.salon-hero,.shop-hero,.retreat-hero,.legal-hero,.paper-hero{gap:40px}.cafe-photo{height:500px}.cafe-story,.salon-service-layout,.legal-expertise,.stay-layout{gap:40px}.salon-circle{right:-20px}.salon-intro{padding:0}.salon-visual{height:460px}.project-grid{grid-template-columns:1fr 1fr}.drawing-board{grid-template-columns:1fr}.drawing-board aside{border-left:0;border-top:1px solid var(--line)}.legal-art{height:380px;padding:28px}.legal-monogram{font-size:100px}.shop-products{gap:20px}.product-meta{display:block}.gym-hero-bottom{gap:32px}.gym-hero-bottom img{height:320px}}
@media(max-width:760px){.demo-wrap{width:calc(100% - 48px)}.demo-ribbon{padding:12px 24px;flex-direction:column;gap:4px}.demo-ribbon span{font-size:10px}.demo-header{padding-block:20px;position:relative;flex-wrap:wrap;gap:20px}.menu-toggle{display:block}.demo-header nav{display:none;width:100%;padding:20px 0;border-block:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.demo-header nav a{padding:16px 0}.demo-header nav .nav-action{padding:16px;margin-top:12px;text-align:center}.demo-header.open nav{display:flex}.demo-section{padding:64px 0}.section-heading{margin-bottom:32px}.section-heading h2{margin-bottom:24px}h1{font-size:58px}h2{font-size:44px}.cafe-hero,.salon-hero,.cafe-story,.salon-service-layout,.legal-hero,.legal-expertise,.paper-hero,.paper-process,.shop-hero,.retreat-hero,.stay-layout{grid-template-columns:1fr;gap:40px}.cafe-hero{padding:24px 0 48px}.cafe-photo{height:430px}.cafe-menu{grid-template-columns:1fr}.cafe-story img{height:360px}.salon-hero{padding-bottom:32px}.salon-wordmark{font-size:64px;padding:0 0 16px}.salon-visual{height:430px;margin-right:24px}.salon-circle{right:-24px}.salon-intro{padding-top:20px}.salon-intro h1{font-size:54px}.salon-service-layout h2,.legal-expertise h2{font-size:44px}.salon-note{padding:56px 0}.construction-hero{padding-top:40px}.construction-hero h1{font-size:clamp(58px,14vw,105px)}.construction-bottom{flex-direction:column;align-items:start;padding:32px 0}.construction-hero>img{height:280px}.project-grid{grid-template-columns:1fr}.gym-hero{padding:28px 0 40px}.gym-overline{display:block}.gym-overline>span:last-child{display:none}.gym-hero h1{font-size:clamp(53px,13vw,100px);margin:20px 0 32px}.gym-hero-bottom{grid-template-columns:1fr;gap:32px}.gym-hero-bottom img{height:320px}.gym-hero-bottom p{font-size:18px}.session-list article{grid-template-columns:80px 1fr;gap:16px}.session-list article>p{grid-column:2}.session-list span{font-size:16px}.session-list h3{font-size:23px}.membership-price{font-size:64px}.paper-hero{padding:40px 0}.paper-hero h1{font-size:64px}.paper-drawing{padding:32px 8px 24px}.drawing-board>div{padding:12px}.drawing-board aside{padding:28px}.paper-process{padding:48px 0}.legal-hero{padding:32px 0 48px}.legal-intro h1{font-size:54px}.legal-art{height:340px}.legal-statement{padding:56px 0}.shop-hero{padding:28px 0 40px}.shop-hero h1{font-size:64px}.shop-feature svg{height:340px}.shop-feature>div{display:block}.shop-feature span{display:block;margin-top:8px}.shop-products{grid-template-columns:1fr;gap:40px}.shop-products svg{height:340px}.product-meta{display:flex}.shop-collection-head{flex-direction:column;align-items:start}.shop-story{padding:48px 0}.retreat-hero{padding:28px 0 48px}.retreat-hero h1{font-size:52px}.retreat-hero svg{min-height:0}.stay-form{padding:28px}.retreat-notes{padding:56px 0}.demo-form{grid-template-columns:1fr}.demo-form .button{width:100%;justify-self:stretch}.demo-footer{flex-direction:column;padding-block:32px;gap:32px}.treatment-list article{gap:16px;flex-wrap:wrap}.treatment-list article>span{display:none}.treatment-list h3{font-size:26px}.tab-controls{gap:10px}.tab-controls button{padding:12px 16px}.button{padding:16px 20px}.demo-shop .cart-dialog{padding:24px}}
@media(max-width:360px){.demo-wrap{width:calc(100% - 40px)}.demo-ribbon{padding-inline:20px}.demo-ribbon a{white-space:normal}.demo-brand{font-size:24px}.cafe-hero h1{font-size:51px}.salon-wordmark{font-size:53px}.paper-hero h1{font-size:56px}.shop-hero h1{font-size:54px}.retreat-hero h1{font-size:46px}.legal-intro h1{font-size:48px}.shop-feature{padding:16px}.treatment-list article>div{flex-basis:100%}.construction-hero h1{font-size:54px}.demo-salon .demo-brand{font-size:26px}.session-list article{grid-template-columns:65px 1fr}.session-list h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:760px){.demo-salon .demo-header .demo-brand{font-size:24px;letter-spacing:.12em}.salon-wordmark{font-size:50px}}
@media(max-width:360px){.demo-salon .demo-header .demo-brand{font-size:21px}.salon-wordmark{font-size:42px}}