.demo{--d-bg:#f5f8f5;--d-paper:#fff;--d-ink:#153d35;--d-muted:#425d55;--d-accent:#20594b;--d-soft:#e4eee7;--d-line:#b8cbc1;--d-heading:Georgia,serif;background:var(--d-bg);color:var(--d-ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}.demo *{box-sizing:border-box}.demo h1,.demo h2,.demo h3,.demo p,.demo figure{margin:0}.demo h1,.demo h2,.demo h3{font-family:var(--d-heading);letter-spacing:-.035em;text-wrap:balance;font-weight:400;line-height:1.12}.demo h1{font-size:clamp(2.8rem,5.6vw,5.8rem)}.demo h2{font-size:clamp(2rem,3.6vw,3.65rem)}.demo h3{font-size:1.6rem}.demo p{color:var(--d-muted)}.demo a,.demo button,.demo select{-webkit-tap-highlight-color:transparent}.demo a:focus-visible,.demo button:focus-visible,.demo select:focus-visible,.demo summary:focus-visible{outline:3px solid var(--d-accent);outline-offset:5px}.demo a:hover{text-underline-offset:5px;text-decoration:underline}.demo button{color:inherit}.demo-wrap{width:min(1320px,100% - 64px);margin-inline:auto}.demo-bar{z-index:60;color:#262626;background:#fff;border-bottom:1px solid #d4d4d4;justify-content:space-between;align-items:center;gap:8px 24px;padding:10px 24px;font-size:12px;line-height:1.5;display:flex;position:sticky;top:0}.demo-bar p{color:#262626}.demo-bar>div{flex-wrap:wrap;gap:4px 22px;display:flex}.demo-bar a{text-underline-offset:3px;text-decoration:underline}.demo-header{justify-content:space-between;align-items:center;gap:25px;min-height:106px;display:flex;position:relative}.demo-brand{font-family:var(--d-heading);letter-spacing:-.025em;align-items:center;gap:12px;font-size:25px;line-height:1.2;display:flex}.demo-brand small{text-transform:uppercase;letter-spacing:.16em;margin-top:5px;font-family:Arial,sans-serif;font-size:10px;display:block}.demo-mark{font-size:42px}.demo-header nav{gap:30px;font-size:14px;display:flex}.demo-header nav a:last-child{font-weight:700}.demo-menu{display:none}.demo-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:34px 0 68px;display:grid}.demo-hero-copy{justify-items:start;gap:26px;display:grid}.demo-hero-copy>p:not(.demo-kicker){max-width:490px;font-size:18px}.demo-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--d-accent)!important}.demo-hero-media{aspect-ratio:1/1.08;background:var(--d-soft);min-width:0;position:relative;overflow:hidden}.demo-hero-media img{object-fit:cover}.demo-image-caption{padding:12px 0;font-size:12px}.demo-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.demo-btn{border:1px solid var(--d-accent);background:var(--d-accent);text-align:center;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 23px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex;color:#fff!important}.demo-btn:hover{filter:brightness(.9)}.demo-btn--light{background:var(--d-paper);border-color:var(--d-line);color:var(--d-ink)!important}.demo-link{text-underline-offset:5px;font-size:14px;font-weight:700;text-decoration:underline}.demo-section{padding-block:80px;scroll-margin-top:115px}.demo-section-heading{max-width:650px;margin-bottom:36px}.demo-section-heading h2{margin:13px 0 20px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-card{background:var(--d-paper);border:1px solid var(--d-line);padding:30px}.demo-card h3{margin:18px 0 14px}.demo-card p{font-size:15px}.demo-card .demo-link{margin-top:22px;display:inline-block}.demo-card-symbol{background:var(--d-soft);border-radius:50%;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.demo-band{background:var(--d-soft)}.demo-split{grid-template-columns:1fr 1.05fr;align-items:start;gap:80px;display:grid}.demo-panel{border:1px solid var(--d-line);background:var(--d-paper);gap:23px;min-width:0;padding:32px;display:grid}.demo-panel h3{font-size:1.8rem}.demo-panel-note{font-size:13px}.demo-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.demo-field{gap:7px;min-width:0;font-size:13px;font-weight:700;display:grid}.demo-field select{width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--d-ink);background:var(--d-paper);border:1px solid var(--d-line);border-radius:0;padding:12px 32px 12px 12px;font-size:15px}.demo-choice{border:0;min-width:0;margin:0;padding:0}.demo-choice legend{margin-bottom:10px;font-size:13px;font-weight:700}.demo-choice>div{flex-wrap:wrap;gap:10px;display:flex}.demo-choice button{border:1px solid var(--d-line);background:var(--d-paper);min-height:44px;padding:10px 17px;font-size:14px}.demo-choice button[aria-pressed=true]{background:var(--d-accent);border-color:var(--d-accent);color:#fff}.demo-result{background:var(--d-soft);border-left:4px solid var(--d-accent);padding:22px}.demo-result strong{font-size:18px}.demo-result p{margin-top:8px;font-size:14px}.demo-detail-list{gap:0;margin:28px 0;padding:0;list-style:none;display:grid}.demo-detail-list li{border-top:1px solid var(--d-line);align-items:baseline;gap:20px;padding:16px 0;display:flex}.demo-detail-list li span{font-size:12px;font-weight:700}.demo-footer{border-top:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:30px;padding-block:42px;display:flex}.demo-footer .demo-brand{display:block}.demo-footer p,.demo-footer>a{font-size:12px}.demo-footer>a{text-decoration:underline}.demo-profile{align-items:center;gap:18px;margin-bottom:20px;display:flex}.demo-profile svg{background:var(--d-soft);border-radius:45px 45px 4px 4px;flex-shrink:0;width:80px;height:90px}.demo-profile h3{margin:0 0 8px;font-size:1.35rem}.demo-profile small{color:var(--d-muted);font-size:12px}.demo--healthcare .demo-hero-media{border-radius:180px 180px 12px 12px}.demo--healthcare .demo-card,.demo--healthcare .demo-panel{border-radius:14px}.demo--healthcare .demo-btn{border-radius:50px}.demo--healthcare .demo-hero h1 em{color:var(--d-accent)}@media (min-width:1600px){.demo-wrap{width:min(1480px,100% - 128px)}}@media (max-width:800px){.demo-wrap{width:calc(100% - 36px)}.demo-bar{padding:8px 14px;font-size:10px;display:block}.demo-bar>div{gap:4px 16px;margin-top:4px}.demo-header{flex-wrap:wrap;gap:0;min-height:88px;padding-block:16px}.demo-brand{gap:8px;font-size:21px}.demo-mark{font-size:30px}.demo-menu{border:1px solid var(--d-line);background:var(--d-paper);min-height:44px;padding:8px 11px;font-size:12px;display:block}.demo-header nav{width:100%;padding-top:20px;display:none}.demo-header nav.is-open{gap:0;display:grid}.demo-header nav a{border-top:1px solid var(--d-line);padding:13px 0}.demo-hero{grid-template-columns:1fr;gap:32px;padding:26px 0 45px}.demo-hero-copy{gap:22px}.demo-hero-media{aspect-ratio:1.12}.demo h1{font-size:clamp(2.65rem,10vw,4.8rem)}.demo-grid,.demo-split{grid-template-columns:1fr;gap:22px}.demo-section{padding-block:50px}.demo-card,.demo-panel{padding:24px}.demo-footer{flex-direction:column;align-items:flex-start}}@media (max-width:360px){.demo-wrap{width:calc(100% - 28px)}.demo-fields{grid-template-columns:1fr}.demo-brand{font-size:18px}.demo-brand small{font-size:8px}.demo-mark{font-size:24px}.demo-panel{padding:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.demo--hospitality{--d-bg:#fbf4e9;--d-paper:#fffaf2;--d-ink:#442a24;--d-muted:#6b4d40;--d-accent:#813e2b;--d-soft:#eee2d1;--d-line:#cdbcaa;--d-heading:Georgia,serif}.demo--hospitality .demo-mark{font-size:36px}.demo--hospitality .demo-brand{font-style:italic}.demo--hospitality .demo-brand small{font-style:normal}.stay-title{text-align:center;max-width:890px;margin:28px auto 40px}.stay-title h1{margin:18px 0 25px;font-size:clamp(2.8rem,5.7vw,6rem)}.stay-title>p:last-child{max-width:470px;margin:auto}.stay-photo{border-radius:180px 180px 0 0;height:clamp(310px,40vw,600px);position:relative;overflow:hidden}.stay-photo img{object-fit:cover;object-position:center 50%}.stay-photo span{background:var(--d-bg);padding:8px 16px;font-size:12px;position:absolute;bottom:20px;left:24px}.stay-note{border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:24px;padding:25px 0;display:flex}.stay-amenities{grid-template-columns:1fr 1fr;gap:24px;margin:35px 0;display:grid}.stay-amenities span{font-size:29px}.stay-amenities p{margin-top:7px;font-size:14px}.stay-room{background:var(--d-paper)}.stay-room svg{width:100%;display:block}.stay-room-copy{gap:16px;padding:25px;display:grid}.stay-room-copy>p{font-size:14px}.stay-room-copy .stay-price{color:var(--d-ink);font-size:19px}.stay-price small{font-size:12px}.stay-handwritten{font-family:Georgia,serif;font-size:32px;font-style:italic;line-height:1.4}@media (max-width:800px){.stay-title{margin-top:20px}.stay-photo{border-radius:85px 85px 0 0}.stay-note{flex-direction:column;align-items:flex-start}}.demo--estate{--d-bg:#f8f7ef;--d-paper:#fffef7;--d-ink:#333b23;--d-muted:#505941;--d-accent:#49532e;--d-soft:#e9ebdf;--d-line:#b7bea3;--d-heading:Georgia,serif}.demo--estate .demo-header{min-height:110px}.demo--estate .demo-brand{text-transform:uppercase;letter-spacing:.1em;font-size:24px}.estate-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:25px 70px;padding-top:42px;padding-bottom:44px;display:grid}.estate-heading>.demo-kicker{grid-column:1/-1}.estate-heading h1{font-size:clamp(3rem,6.3vw,6.5rem)}.estate-heading>div{justify-items:start;gap:24px;padding-bottom:8px;display:grid}.estate-photo{height:clamp(320px,42vw,670px);position:relative}.estate-photo img{object-fit:cover;object-position:center 65%}.estate-caption{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--d-line);justify-content:space-between;gap:20px;padding-block:16px;font-size:11px;display:flex}.estate-amenities{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;display:grid}.estate-amenities article{border-top:1px solid var(--d-line);padding-top:15px}.estate-amenities span{font-size:12px}.estate-amenities h3{margin:12px 0;font-size:23px}.estate-amenities p{font-size:14px}.estate-unit-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;display:grid}.estate-unit-name{margin:30px 0 20px!important;font-size:34px!important}.estate-facts{margin:24px 0 30px}.estate-facts>div{border-top:1px solid var(--d-line);justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;display:flex}.estate-facts dt{color:var(--d-muted)}.estate-facts dd{text-align:right;margin:0}.estate-plan-frame{background:var(--d-paper);border:1px solid var(--d-line);padding:20px}.estate-plan{width:100%;display:block}.estate-plan-frame figcaption{text-align:center;padding-top:15px;font-size:11px}@media (max-width:800px){.estate-heading{grid-template-columns:1fr;gap:22px;padding-top:20px}.estate-unit-layout{grid-template-columns:1fr;gap:30px}.estate-caption{flex-direction:column;gap:4px}.estate-plan-frame{padding:6px 6px 16px}.estate-amenities{gap:18px}}.demo--retail{--d-bg:#fbf4ee;--d-paper:#fffaf6;--d-ink:#452a32;--d-muted:#665057;--d-accent:#703b4b;--d-soft:#edddd6;--d-line:#cfb9bb;--d-heading:Georgia,serif}.demo--retail .demo-brand{letter-spacing:-.07em;font-family:Arial,sans-serif;font-size:30px;font-weight:800}.demo--retail .demo-mark{display:none}.demo--retail .demo-brand small{letter-spacing:.11em;font-weight:400}.shop-hero{background:var(--d-soft);grid-template-columns:.9fr 1.1fr;min-height:620px;margin-top:15px;display:grid}.shop-hero-copy{align-content:center;justify-items:start;gap:25px;padding:50px;display:grid}.shop-hero-copy h1{font-size:clamp(3rem,5.7vw,6rem)}.shop-hero-copy p:not(.demo-kicker){max-width:320px}.shop-hero-image{min-height:480px;position:relative}.shop-hero-image img{object-fit:cover;object-position:56% center}.shop-hero-image figcaption{background:var(--d-paper);padding:8px 17px;font-size:13px;position:absolute;bottom:20px;left:20px}.shop-filters{border-block:1px solid var(--d-line);justify-content:space-between;align-items:end;gap:25px;padding:22px 0;display:flex}.shop-filters>.demo-field{min-width:220px}.shop-announcement{min-height:58px;padding:15px 0;font-size:13px}.shop-products{row-gap:40px}.shop-art{background:var(--d-soft);position:relative}.shop-art svg{width:100%;display:block}.shop-art>span{text-transform:uppercase;letter-spacing:.14em;font-size:10px;position:absolute;top:16px;left:17px}.shop-product-copy{gap:18px;padding-top:20px;display:grid}.shop-product-title{justify-content:space-between;gap:15px;display:flex}.shop-product-title h3{font-size:24px}.shop-product-title p{text-align:right;color:var(--d-ink);white-space:nowrap;font-size:15px}.shop-product-title small{font-size:10px;display:block}.shop-story{grid-template-columns:1fr 1fr;align-items:center;gap:20px 100px;padding-block:15px;display:grid}.shop-story>.demo-kicker{grid-column:1/-1}.shop-story h2{font-size:clamp(2.8rem,5vw,5rem)}.shop-story>p:last-child{max-width:410px}.shop-cart{margin:0;padding:0;list-style:none}.shop-cart li{border-bottom:1px solid var(--d-line);justify-content:space-between;gap:18px;padding:18px 0;display:flex}.shop-cart p,.shop-cart small{font-size:13px}.shop-cart button,.shop-clear{background:0 0;border:0;min-height:44px;font-size:12px;text-decoration:underline}.shop-total{justify-content:space-between;gap:20px;display:flex}.shop-total strong{color:var(--d-ink)}@media (max-width:800px){.shop-hero{grid-template-columns:1fr}.shop-hero-copy{padding:30px 24px}.shop-hero-image{min-height:350px}.shop-filters{flex-direction:column;align-items:stretch;gap:20px}.shop-story{grid-template-columns:1fr;gap:25px}.shop-products{gap:35px}}.demo--training{--d-bg:#faf8ff;--d-paper:#fff;--d-ink:#302546;--d-muted:#5a4c6c;--d-accent:#684098;--d-soft:#eee6f7;--d-line:#c7b6db;--d-heading:Arial,sans-serif}.demo--training h1,.demo--training h2,.demo--training h3{font-weight:750}.demo--training h1{letter-spacing:-.065em;font-size:clamp(3.4rem,5.7vw,6rem)}.demo--training h1 span{color:var(--d-accent)}.demo--training .demo-brand{letter-spacing:-.06em;font-size:28px;font-weight:800}.demo--training .demo-btn{border-radius:7px}.training-visual .demo-hero-media{aspect-ratio:1/1.02;border-radius:90px 12px 12px}.training-visual figcaption{color:#2d4420;background:#d6f1b8;border:1px solid #b0c897;border-radius:8px;align-items:center;gap:18px;margin:0 20px;padding:23px;display:flex;position:relative;top:-30px}.training-visual figcaption>span{font-size:38px}.training-visual figcaption p{color:#344b28;font-size:12px}.training-tags{flex-wrap:wrap;gap:8px;display:flex}.training-tags span{border:1px solid var(--d-line);border-radius:30px;padding:6px 10px;font-size:11px}.training-course{border-radius:10px;flex-direction:column;display:flex}.training-course h3{font-size:27px}.training-course .demo-link{margin-top:auto;padding-top:22px}.training-course-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.training-course-top>span:first-child{border:1px solid var(--d-line);border-radius:30px;padding:5px 12px;font-size:12px}.training-course-top>span:last-child{font-size:43px}.training-curriculum-note{font-size:13px;margin-top:25px!important}.training-curriculum{padding:25px 0}.training-curriculum>.demo-kicker{margin-bottom:20px}.training-module{border-top:1px solid var(--d-line)}.training-module h3{font-size:18px}.training-module button{text-align:left;background:0 0;border:0;align-items:center;gap:20px;width:100%;padding:22px 0;line-height:1.5;display:flex}.training-module button span:first-child{font-size:12px}.training-module button span:last-child{margin-left:auto;font-size:22px}.training-module>div{padding:0 0 25px 33px}.training-module>div p+p{margin-top:14px}.training-batches{grid-template-columns:1fr 1fr;gap:25px;display:grid}.training-batches .demo-panel{border-radius:10px}.training-time{font-size:22px;color:var(--d-ink)!important}@media (max-width:800px){.training-batches{grid-template-columns:1fr}.training-visual figcaption{margin:0 12px;padding:18px}.demo--training h1{font-size:clamp(2.9rem,10vw,4.8rem)}}.demo--manufacturing{--d-bg:#f6f6f0;--d-paper:#fff;--d-ink:#29342f;--d-muted:#505e57;--d-accent:#94401f;--d-soft:#e5e9e2;--d-line:#b2c0b4;--d-heading:Arial,sans-serif}.demo--manufacturing h1,.demo--manufacturing h2,.demo--manufacturing h3{font-weight:800}.demo--manufacturing .demo-brand{letter-spacing:-.05em;font-size:27px;font-weight:850}.demo--manufacturing .demo-mark{color:var(--d-accent)}.factory-hero{color:#f6f7ee;background:#25332d;padding-block:50px 40px}.factory-hero-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;display:grid}.factory-hero-grid>div{justify-items:start;gap:28px;display:grid}.factory-hero .demo-kicker{color:#fac09d!important}.factory-hero h1{letter-spacing:-.06em;font-size:clamp(3.2rem,6vw,6.4rem)}.factory-hero h1 span{color:#fab38b}.factory-hero p:not(.demo-kicker){color:#d4dfd4;max-width:460px}.factory-hero .demo-btn{background:#f7b389;border-color:#f7b389;color:#302719!important}.factory-hero-label{color:#d4dfd4;border-top:1px solid #6c7b70;flex-wrap:wrap;gap:12px 24px;width:100%;margin-top:25px;padding-top:18px;font-family:monospace;font-size:11px;display:flex}.factory-photo{aspect-ratio:1.05;position:relative}.factory-photo img{object-fit:cover}.factory-hero figcaption{color:#d4dfd4;padding-top:12px;font-family:monospace;font-size:11px}.factory-art{background:var(--d-soft);border:1px solid var(--d-line);position:relative}.factory-art svg{width:100%;display:block}.factory-art>span{font-family:monospace;font-size:12px;position:absolute;top:14px;left:17px}.factory-product-copy{padding:25px 0}.factory-product-copy h3{margin-bottom:15px;font-size:25px}.factory-product-copy p{margin-bottom:20px;font-size:15px}.factory-spec-art{border:1px dashed var(--d-line);max-width:380px;margin:30px auto 0}.factory-spec-art svg{width:100%}.factory-spec-content{min-height:210px}.factory-spec-content dl{margin:0}.factory-spec-content dl>div{border-bottom:1px solid var(--d-line);grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;font-size:14px;display:grid}.factory-spec-content dd{margin:0;font-weight:700}.factory-spec-content h3{margin:20px 0;font-size:23px}.factory-process{border-bottom:1px solid var(--d-line);padding-block:50px}.factory-process>div{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px;display:grid}.factory-process>div p{color:var(--d-ink);align-items:center;gap:20px;font-weight:700;display:flex}.factory-process span{color:var(--d-accent);font-family:monospace;font-size:26px}@media (max-width:800px){.factory-hero-grid{grid-template-columns:1fr;gap:35px}.factory-hero{padding-top:30px}.factory-hero-label{margin-top:0}.factory-process>div{grid-template-columns:1fr}.factory-spec-content dl>div{gap:15px}}@media (max-width:600px){.demo--hospitality .demo-fields,.demo--manufacturing .demo-fields{grid-template-columns:1fr}.demo--healthcare .demo-header .demo-brand small{max-width:165px;line-height:1.5}}.shop-art>span,.factory-art>span{background:var(--d-soft);padding:2px 5px}