/* COOLXZ / a quieter industrial identity. The objects carry the movement. */
:root{--ink:#1b1d1c;--ink-2:#252825;--slate:#515652;--muted:#6a6f69;--paper:#f8f8f5;--line:#dedfd9;--blue:#46653b;--blue-bright:#688f4b;--signal:#85c94e;--shell:min(1440px,calc(100% - 112px));--ease-out:cubic-bezier(.16,1,.3,1)}
body{background:#fff;color:var(--ink)}
h1,h2,h3{font-family:"Arial","PingFang SC","Microsoft YaHei",sans-serif}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.94);border-color:#e5e6e0;box-shadow:none;backdrop-filter:blur(20px)}
.header-inner{min-height:86px;gap:28px}
.brand img{width:170px}.brand-category{font-size:11px;letter-spacing:.035em;color:#555d51}
.site-nav{gap:clamp(16px,1.55vw,25px)}.site-nav a{font-size:13px;font-weight:500;opacity:.78}
.site-nav a::after{height:1px;background:var(--ink)}
.header-cta,.scrolled .header-cta{min-height:44px;border-radius:3px;padding-inline:18px;font-size:12px;font-weight:500;background:#222621;border-color:#222621}
.header-cta span{margin-left:5px}.scroll-progress{height:1px;background:#83c64e}
.button{border-radius:3px;font-size:14px;font-weight:500;min-height:55px;padding-inline:25px;gap:25px}
.button::before{display:none}.button-primary{background:#222621;border-color:#222621}.button-primary:hover{background:#3c4a34;border-color:#3c4a34}.button-ghost{border-color:#d3d6ce;background:transparent}.button-ghost:hover{background:#f1f2ed;border-color:#8c9586}
.eyebrow{font-size:10px;letter-spacing:.17em;color:#666e61;font-weight:500}.eyebrow>span{width:24px;height:1px;background:#8a9a7d}
.hero{padding:121px 0 0;background:white;overflow:hidden}
.hero::before,.hero-grid-lines{display:none}
.hero-topline{padding-bottom:22px;border-bottom:1px solid #e1e2db;font-size:11px;letter-spacing:.045em;color:#777c73}
.hero-topline>span:last-child{font-size:10px;letter-spacing:.15em;color:#777c73}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7.5%;padding-block:50px 43px;align-items:center}
.hero-copy{padding-bottom:12px;position:relative;z-index:3;max-width:665px}
.hero .eyebrow{margin-bottom:30px;color:#686f63;font-size:10px;letter-spacing:.15em}
.hero h1{font-weight:600;line-height:1.2;font-size:clamp(50px,5.25vw,84px);letter-spacing:-.06em;max-width:none}
.hero-title-line{padding-bottom:.04em;overflow:visible}.hero-title-line>span{display:block}
.hero-title-line-nowrap>span{font-size:.69em;letter-spacing:-.055em;white-space:pre;max-width:100%}
.hero-summary{font-size:16px;color:#72766f;line-height:1.95;max-width:470px;margin-top:30px}
.hero-actions{margin-top:34px;gap:12px}
.hero-trust{margin-top:46px;gap:21px}.hero-trust span{font-size:11px;color:#777d71;gap:7px}.hero-trust span::before{width:3px;height:3px;background:#78836e}
.hero-bottomline{min-height:76px;font-size:11px;letter-spacing:.015em;color:#7a8074;border-color:#e1e2db}
.hero-bottomline a{font-weight:500}.hero-bottomline a span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce0d4;border-radius:50%}
.atelier-showcase{background:#f1f1eb;border:0;box-shadow:none;border-radius:2px;padding:0;overflow:hidden;isolation:isolate;min-width:0;position:relative}
.showcase-index{display:flex;justify-content:space-between;gap:10px;padding:22px 24px 0;font:500 9px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#72786b;position:relative;z-index:2}.showcase-index span:last-child{font-family:inherit;font-size:10px;letter-spacing:0}
.device-plinth{height:358px;position:relative;display:grid;place-items:center;perspective:1100px;isolation:isolate;touch-action:pan-y}
.showcase-word{position:absolute;top:25px;left:17px;font:500 clamp(70px,8.4vw,132px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#e3e5db;user-select:none;z-index:-2;white-space:nowrap}
.device-ground{position:absolute;width:66%;height:28px;bottom:34px;left:22%;background:#4b5247;opacity:.28;border-radius:50%;filter:blur(17px);transform:rotate(-8deg)}
.control-object{position:relative;width:258px;height:288px;transform:translate3d(var(--object-x,0px),var(--object-y,-2px),0) rotateX(10deg) rotateY(-18deg) rotateZ(-8deg);transform-style:preserve-3d;transition:transform 1.1s var(--ease-out);will-change:transform}
.control-metal-edge{position:absolute;inset:3px -7px -6px 6px;background:linear-gradient(100deg,#60665d,#181c16 62%,#878e80);border-radius:12px;box-shadow:2px 10px 12px #484e4322}
.control-face{position:absolute;inset:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#757c70 0,#30352c 2%,#171b15 14%,#10140f 85%,#424c3b 100%);border:1px solid #828979;box-shadow:inset 0 0 1px 1px #b6bbaa66,0 30px 45px -28px #181f1477;overflow:hidden}
.control-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.16),transparent 30%,transparent 70%,rgba(255,255,255,.03));border-radius:12px}
.control-screen{height:237px;overflow:hidden;border:1px solid #505848;border-radius:4px;background:radial-gradient(ellipse at 5% 0,#384137,#191f19 65%);color:#e4e9da;padding:15px 16px 0;transition:background 1.2s,color 1.2s}
.screen-top{display:flex;justify-content:space-between;font:500 5px/1.6 Arial,sans-serif;letter-spacing:.12em;opacity:.7}.screen-top>span:first-child{font-size:7px;font-weight:600}.screen-top i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#9ac45e;margin-right:3px}
.screen-welcome{display:flex;flex-direction:column;gap:3px;margin-top:19px;font-size:14px;font-weight:500;letter-spacing:.04em}.screen-welcome small{font-size:5px;font-weight:400;opacity:.5;letter-spacing:.1em}.screen-welcome>span:not(.scene-welcome){display:none}
.screen-room{display:flex;justify-content:space-between;align-items:end;margin-top:7px}.screen-room>strong{font:300 35px/1 Arial,sans-serif;letter-spacing:-.06em}.screen-room>strong>span{font:500 5px/1 Arial,sans-serif;letter-spacing:.16em;margin-left:7px;opacity:.5}.screen-temperature{display:grid;text-align:right;gap:2px}.screen-temperature strong{font:300 22px/1 Arial,sans-serif;letter-spacing:-.03em}.screen-temperature sup{font-size:12px}.screen-temperature>span{font-size:5px;opacity:.5}
.screen-room-art{height:73px;opacity:.65;color:#c8d4b7}.screen-room-art svg{width:100%;height:100%;display:block}.screen-lamp-glow{transition:opacity 1.1s}.screen-curtain-left,.screen-curtain-right{transition:transform 1.3s var(--ease-out)}
.screen-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #e2edce22;padding-top:12px}.screen-icons>div{display:grid;justify-items:center;gap:4px;font-size:5px;color:#c1cfb3}.screen-icons svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.screen-icons>div:first-child{color:#c9e8a0}
.control-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;color:#a3ac96;font:500 4px/1 Arial,sans-serif;letter-spacing:.14em}.control-bottom i{width:14px;height:1px;background:#718d55;box-shadow:0 0 5px #adcd74}
.showcase-callout{position:absolute;bottom:24px;left:25px;display:flex;gap:9px;align-items:flex-start;color:#838978;font-size:9px;line-height:1.8}.showcase-callout i{width:5px;height:5px;background:#789d52;border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #dde6d3}.showcase-callout b{font-weight:400;color:#4f5948;font-size:10px}
.showcase-scene{padding:5px 25px 17px;background:linear-gradient(0deg,#f1f1eb 85%,transparent)}
.showcase-scene-title{display:flex;gap:15px;align-items:center;margin-bottom:14px;color:#828876;font-size:10px}.showcase-scene-title strong{color:#4b5542;font-weight:500;font-size:12px}.showcase-arrow{margin-left:auto;color:#636d57;font-size:19px;font-weight:300}
.atelier-showcase .room-scene-controls{padding:0;gap:0;background:none;border:1px solid #d7dacd;border-radius:0}.atelier-showcase .room-scene-controls button{border:0;border-radius:0;min-height:44px;color:#7b8371;position:relative;font-size:11px;background:none;box-shadow:none;transition:color .4s,background .4s}.atelier-showcase .room-scene-controls button+button{border-left:1px solid #d7dacd}.atelier-showcase .room-scene-controls button[aria-pressed=true]{background:#e4e8dc;color:#283322;box-shadow:none;border:0}.atelier-showcase .room-scene-controls button+button[aria-pressed=true]{border-left:1px solid #d7dacd}.atelier-showcase .room-scene-controls button:hover{color:#25321e;background:#e9ecdf}.atelier-showcase .room-scene-controls button span{font-size:9px;opacity:.6}
.showcase-description{margin:13px 0 0;min-height:22px;font-size:10px;color:#777f6c;line-height:1.8;letter-spacing:.015em}.atelier-showcase .showcase-states{margin-top:9px;padding:12px 0 0;border-top:1px solid #dadfd1;gap:10px}.atelier-showcase .showcase-states>div{display:flex;justify-content:space-between;align-items:center;gap:4px}.atelier-showcase .showcase-states span,.atelier-showcase .showcase-states b{font-size:9px;font-weight:400;color:#747e67}.atelier-showcase .showcase-states span{color:#909784}
.atelier-showcase[data-scene=sleep] .control-screen{background:radial-gradient(ellipse at 5% 0,#212a29,#111819 65%);color:#a8bbbf}.atelier-showcase[data-scene=away] .control-screen{background:radial-gradient(ellipse at 5% 0,#252b23,#141a13 65%);color:#889280}.atelier-showcase[data-scene=sleep] .scene-welcome,.atelier-showcase[data-scene=away] .scene-welcome{display:none}.atelier-showcase[data-scene=sleep] .scene-sleep,.atelier-showcase[data-scene=away] .scene-away{display:block}.atelier-showcase[data-scene=sleep] .screen-lamp-glow{opacity:.25}.atelier-showcase[data-scene=away] .screen-lamp-glow{opacity:0}.atelier-showcase[data-scene=sleep] .screen-curtain-left,.atelier-showcase[data-scene=away] .screen-curtain-left{transform:translateX(5px)}.atelier-showcase[data-scene=sleep] .screen-curtain-right,.atelier-showcase[data-scene=away] .screen-curtain-right{transform:translateX(-5px)}
.hero-topology{margin-top:28px;max-width:470px;border-top:1px solid #e2e4dc;color:#697161;font-size:11px}.hero-topology summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:44px}.hero-topology summary::-webkit-details-marker{display:none}.hero-topology summary::after{content:"+";font-size:18px;font-weight:300}.hero-topology[open] summary::after{content:"−"}.hero-topology img{width:100%;height:auto;max-height:340px;object-fit:contain;background:white;margin-bottom:20px}
/* Internal pages keep the same material, type and proportions. */
.inner-hero{background:#20231f;border-color:#393d34}.inner-hero::before{display:none}.inner-hero .eyebrow{color:#afb79f}.inner-grid h1{font-weight:500;letter-spacing:-.06em}.inner-index strong{color:#c6d2b4;font-weight:300}.inner-index span{color:#b3b8aa}.inner-hero .inner-index{border-color:#4e5545}
.collection-section{background:#f7f7f2}.collection-card{border-radius:2px;border-color:#dddfd4}.collection-card::after{border-radius:2px}.collection-image{background:#eeeee6}.collection-copy h2{font-weight:500}.collection-image span{border-radius:0}.collection-cta{background:#eeeee6}.collection-cta h2{font-weight:500}.collection-cta p{color:#707962}.collection-section .public-empty{border-radius:0}
.detail-hero{background:#f3f3ec}.detail-hero .detail-media{padding:16px;border-radius:2px;box-shadow:none}.detail-media .detail-gallery-stage{border-radius:0;background:#eeeee7}.detail-copy h1{font-weight:500}.detail-media .detail-media-meta{border-radius:0}.related-section{background:#f4f4ed}
.pms-hero{background:#f5f5ef}.pms-hero h1{font-weight:500}.pms-feature-grid article{border-radius:2px}.pms-motion{border-radius:2px;box-shadow:none}.pms-motion-heading{background:#f7f7f1}.pms-motion-heading strong{font-weight:500}.pms-motion-phases button{border-radius:0}
.architecture .section-heading h2{font-weight:600;letter-spacing:-.045em}
.collection-card::after,.collection-cta::before{display:none}.route-curtain{background:#20231f}.route-curtain::after{display:none}
/* Preserve the dark chapter behind the CMS's original light product typography. */
.products{background:#20231f;color:#f1f2e9}.products .heading-light{color:#f1f2e9}.products .heading-light>p{color:#a4ae99}.products .eyebrow{color:#a5b097}.products .category-tabs{border-color:#454d3c}.products .category-tab{color:#a5ae99}.products .category-tab:is(:hover,.is-active){color:#edf2e4}.products .category-tab::after{background:#b2c797}
.products .product-image{background:#f3f3ed}.products .product-top span,.products .product-body>p{color:#aab79a}.products .product-top b{color:#77856a}.products .product-body h3{color:#f1f3e9}.products .product-body>span{color:#a5af9a}.products .product-body dl{border-color:#424c37}.products .product-body dl div{border-color:#394330}.products .product-body dt{color:#8e9b7e}.products .product-body dd{color:#c0cab2}.products .card-detail{color:#d2dfbf;border-color:#526143}
.products .product-cta,.products .section-more{border-color:#424e36}.products .product-cta p,.products .section-more>span{color:#aab79b}.products .product-cta a{color:#d2e3bb}.products .section-more .button-primary{background:#d7e6c4;border-color:#d7e6c4;color:#222c18}.products .section-more .button-primary:hover{background:#e8f1dc;border-color:#e8f1dc}
/* The PMS film reads as one continuous study instead of nested dashboard cards. */
.pms-motion{border-color:#d8dccf}.pms-motion-heading{background:#22271f;border-color:#3f4837}.pms-motion-heading>div:first-child>span{color:#a7b297;font-weight:400}.pms-motion-heading strong{color:#eef1e5}.pms-motion-top-tools>span{color:#aab69b}.pms-motion-toggle{color:#cfddba;border-color:#5e6d4c;background:transparent;border-radius:2px;font-weight:400}.pms-motion-toggle:hover{color:white;border-color:#81946a;background:#323d28}.pms-motion-caption{background:#f6f7f0}.pms-motion-phases{gap:0;border-block:1px solid #cdd5bf}.pms-motion-phases button{border:0;background:transparent;border-radius:0;color:#6c775f}.pms-motion-phases button+button{border-left:1px solid #d5ddc8}.pms-motion-phases button[aria-pressed=true]{background:#e5ecd9;color:#2e4421}.pms-motion-phases b{font-weight:500}.pms-motion-system{font-weight:400;color:#566649}
@media(max-width:600px){.pms-motion-phases{gap:0}.pms-motion-phases button+button{border-left:0;border-top:1px solid #d5ddc8}}
@media(min-width:1600px){.hero-grid{padding-block:68px 60px}.device-plinth{height:430px}.control-object{width:291px;height:326px}.control-screen{height:272px;padding:18px 20px 0}.screen-welcome{font-size:16px;margin-top:23px}.screen-room>strong{font-size:42px}.screen-room-art{height:83px}.screen-icons{padding-top:16px}.screen-icons svg{width:18px;height:18px}.control-bottom{padding-top:12px}.showcase-index{padding-top:26px}}
@media(max-width:1280px){:root{--shell:calc(100% - 80px)}.hero-grid{gap:6%}.brand img{width:155px}.site-nav{gap:17px}.site-nav a{font-size:12px}.hero h1{font-size:clamp(48px,5.2vw,66px)}.hero-summary{font-size:15px}.device-plinth{height:327px}.control-object{width:238px;height:268px}.control-screen{height:218px;padding-top:12px}.screen-welcome{margin-top:13px}.screen-room-art{height:68px}.screen-icons{padding-top:9px}.showcase-index{padding-inline:20px;font-size:8px}.showcase-scene{padding-inline:20px}.showcase-states>div{flex-wrap:wrap}.showcase-callout{left:20px;bottom:19px}}
@media(max-width:1120px){.header-inner{min-height:80px}.site-nav a{font-size:15px}.hero{padding-top:108px}.hero-grid{gap:5%}.hero h1{font-size:clamp(46px,5.6vw,60px)}.hero-copy{max-width:none}.hero-trust{gap:15px;margin-top:32px}.hero-actions .button{padding-inline:20px;min-height:51px}.device-plinth{height:315px}.showcase-callout{bottom:12px}.showcase-states>div{display:grid!important;gap:3px!important}.showcase-index>span:first-child{font-size:8px}.brand-category{display:none}}
@media(max-width:960px){:root{--shell:calc(100% - 64px)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:6%;padding-block:45px}.hero h1{font-size:clamp(40px,5.6vw,54px)}.hero-title-line-nowrap>span{font-size:.67em}.hero-summary{font-size:15px;margin-top:24px}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:23px}.hero-trust{gap:12px;line-height:1.7}.hero-trust span{font-size:10px}.hero-actions{gap:10px;flex-direction:column;align-items:flex-start;margin-top:26px}.hero-actions .button{min-height:47px;font-size:12px;padding-inline:20px}.hero-actions .button-ghost{padding-left:0;border:0;min-height:37px}.device-plinth{height:310px}.control-object{width:211px;height:239px}.control-screen{height:192px;padding:12px 12px 0}.screen-welcome{margin-top:12px;font-size:12px}.screen-room>strong{font-size:29px}.screen-room-art{height:54px}.screen-icons{padding-top:8px}.screen-icons svg{width:12px;height:12px}.control-bottom{padding-top:8px}.showcase-callout{display:none}.showcase-index{flex-direction:column;gap:3px}.showcase-word{font-size:76px;left:8px;top:40px}.showcase-scene-title{gap:10px}.showcase-description{font-size:10px;min-height:36px}.hero-topology{margin-top:20px}}
@media(max-width:700px){:root{--shell:calc(100% - 40px)}.header-inner{min-height:72px}.brand img{width:158px}.nav-toggle{border:0;border-radius:0}.hero{padding-top:94px}.hero-topline{font-size:10px;padding-bottom:17px}.hero-topline>span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:36px;padding-block:38px 30px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,11.5vw,66px);font-weight:600;letter-spacing:-.05em}.hero-title-line-nowrap>span{font-size:.69em;letter-spacing:-.04em}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero-summary{font-size:16px;max-width:500px;line-height:1.9;margin-top:24px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:26px}.hero-actions .button{font-size:13px;min-height:51px}.hero-actions .button-ghost{padding:0;min-height:44px}.hero-trust{margin-top:30px;gap:18px}.hero-trust span{font-size:10px}.hero-topology{margin-top:22px}.hero-topology summary{font-size:11px}.atelier-showcase{max-width:none;justify-self:stretch;width:auto}.showcase-index{flex-direction:row;padding:18px 20px 0;font-size:8px}.showcase-index>span:first-child{font-size:8px}.showcase-index>span:last-child{font-size:9px}.device-plinth{height:331px}.control-object{width:250px;height:278px}.control-screen{height:229px;padding:13px 16px 0}.screen-welcome{font-size:14px;margin-top:16px}.screen-room>strong{font-size:35px}.screen-room-art{height:72px}.screen-icons{padding-top:11px}.screen-icons svg{width:15px;height:15px}.control-bottom{padding-top:10px}.showcase-word{font-size:92px;top:25px;left:10px}.showcase-callout{display:none}.showcase-scene{padding:6px 20px 20px}.showcase-scene-title{margin-bottom:12px}.showcase-description{font-size:11px;min-height:22px}.atelier-showcase .room-scene-controls button{font-size:12px;min-height:46px}.atelier-showcase .showcase-states>div{display:flex!important}.atelier-showcase .showcase-states span,.atelier-showcase .showcase-states b{font-size:10px}.hero-bottomline{font-size:10px;min-height:73px}.hero-bottomline>span{max-width:155px}.hero-bottomline a{gap:12px}.hero-bottomline a span{width:29px;height:29px}.inner-grid h1{font-size:54px}.inner-hero .inner-index strong{font-size:84px}}
@media(max-width:360px){:root{--shell:calc(100% - 32px)}.hero h1{font-size:41px}.hero-title-line-nowrap>span{font-size:.64em}.hero-actions{gap:12px}.showcase-index{padding-inline:16px}.showcase-index>span:first-child{font-size:7px}.showcase-scene{padding-inline:16px}.atelier-showcase .showcase-states>div{display:grid!important}}
.hero-topline,.hero-topline>span:last-child,.hero-trust span,.hero-bottomline{color:#697160}
.showcase-index{font-size:10px;color:#62695b}.showcase-index span:last-child{font-size:11px}
.showcase-scene-title{font-size:12px;color:#62695b}.showcase-scene-title strong{font-size:14px}
.atelier-showcase .room-scene-controls button{font-size:13px;color:#636e57}.atelier-showcase .room-scene-controls button span{font-size:10px}
.showcase-description{font-size:12px;min-height:24px;color:#646d59}
.atelier-showcase .showcase-states span,.atelier-showcase .showcase-states b{font-size:11px;color:#606950}
@media(max-width:960px) and (min-width:701px){.showcase-index span{font-size:10px!important}.atelier-showcase .showcase-states>div{display:grid!important;gap:3px!important}.showcase-description{min-height:42px}}
@media(max-width:700px){.showcase-index>span:first-child{font-size:9px}.showcase-index>span:last-child{font-size:10px}.atelier-showcase .room-scene-controls button{font-size:14px}.showcase-description{font-size:13px;min-height:24px}.atelier-showcase .showcase-states span,.atelier-showcase .showcase-states b{font-size:12px}.atelier-showcase .showcase-states>div{display:grid!important;gap:4px!important}}
@media(prefers-reduced-motion:reduce){.control-object,.control-screen,.screen-lamp-glow,.screen-curtain-left,.screen-curtain-right{transition:none;will-change:auto}.control-object{transform:rotateX(10deg) rotateY(-18deg) rotateZ(-8deg)}.hero-bottomline a:hover span{transform:none}}