/* Atmosphere and interaction layer — Danbo Labs, v4. */
body{--wash-a:#c7dcf7;--wash-b:#e4d5ee;--wash-c:#e5ecdb}main,footer{position:relative;z-index:1}.ambient-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#f5f7fb}.ambient-wash{position:absolute;width:80vw;height:80vh;border-radius:50%;filter:blur(85px);opacity:.58;animation:atmosphere-drift 22s ease-in-out infinite alternate;transition:background 1.8s}.wash-one{left:-24vw;top:-18vh;background:var(--wash-a)}.wash-two{right:-25vw;top:20vh;background:var(--wash-b);animation-delay:-8s}.wash-three{left:25vw;bottom:-55vh;background:var(--wash-c);animation-delay:-14s}#ambient-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.65}body[data-category=software]{--wash-a:#d0e2ca;--wash-b:#f0ded8;--wash-c:#cbe4de}body[data-category=api]{--wash-a:#b9d3f6;--wash-b:#d9dcf4;--wash-c:#c5e6eb}body[data-category=recharge]{--wash-a:#d8cfed;--wash-b:#edd8e4;--wash-c:#d7dff3}body[data-category=consult]{--wash-a:#ecd9c7;--wash-b:#efdfd4;--wash-c:#d7e5df}body[data-category=news]{--wash-a:#cdd8ed;--wash-b:#ded9ee;--wash-c:#e1e7f2}body[data-category=personal]{--wash-a:#d1d4f0;--wash-b:#d9e4ee;--wash-c:#e5dbed}.contact{background:linear-gradient(120deg,#e1e9fa99,#eee8f599);border-top:1px solid #ffffffa8}.brand-signature{color:#aab8cc80}.site-header.is-scrolled{background:#f6f8fbe8}
/* Cards sit on a left-anchored arc; the inner face can tilt independently. */
.product-card{left:0;padding:0;border:0;background:none;box-shadow:none;overflow:visible}.product-card.is-center{box-shadow:none}.card-face{position:relative;width:100%;height:100%;padding:16px;border-radius:24px;border:1px solid #fff;background:#ffffffed;box-shadow:0 12px 38px -24px #263b6440;overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s var(--ease),box-shadow .4s}.card-face:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(360px circle at var(--light-x,50%) var(--light-y,20%),#ffffff8c,transparent 65%);opacity:0;transition:opacity .4s;z-index:3}.product-card:hover .card-face:after{opacity:.6}.product-card:hover .card-face,.product-card.is-selected .card-face{box-shadow:0 26px 55px -26px #263b6460}.card-select{position:absolute;inset:0;border-radius:24px;z-index:2}.card-select:focus-visible{outline-offset:-5px}.card-action{z-index:4}.card-action:after{display:none}.card-status{position:absolute;top:29px;right:29px;background:#f9fafbe8;color:#53607c;padding:6px 10px;border-radius:99px;font-size:10px;z-index:1}.shelf-hint{margin:-2px 0 16px;padding-left:clamp(48px,7vw,120px);font-size:11px;letter-spacing:.06em;color:#69788e;display:flex;align-items:center;gap:16px}.shelf-hint span{font-size:22px}.wheel-toolbar{justify-content:flex-start;padding-left:clamp(48px,7vw,120px);margin-top:0}.categories{padding-top:0;position:relative;margin:-48px 5vw 0 310px;min-height:48px;align-items:center;justify-content:flex-end;gap:3px}.category{padding:13px 18px}.category.active[data-category=news]{background:#dce2f2;color:#4b5d8f}.category.active[data-category=personal]{background:#e2dff2;color:#62527c}.directory-toggle{margin-top:35px}
/* New product artwork. */
.art-news{background:#d9deeb}.news-sheet{position:absolute;top:25px;left:calc(50% - 91px);width:182px;height:235px;background:#f7f7f2;color:#34415d;border:1px solid #fff;box-shadow:15px 20px 24px #26365320;transform:rotate(-10deg);padding:15px;transition:transform .8s var(--ease)}.news-masthead{font-size:11px;letter-spacing:.14em;border-bottom:1px solid #68758a;display:block;padding-bottom:8px}.news-cover{font-family:Archivo,sans-serif;font-size:86px;letter-spacing:-.08em;line-height:1.3}.news-lines{display:grid;gap:5px}.news-lines i{height:2px;background:#b0b8c4}.news-lines i:last-child{width:70%}.news-edition{font-size:5px;letter-spacing:1px;display:block;margin-top:17px}.news-orb{position:absolute;width:100px;height:100px;border-radius:50%;right:22px;bottom:28px;background:radial-gradient(circle at 30% 20%,#f7e8d6,#a8b3d3 50%,#5c6c90);box-shadow:8px 16px 24px #36476625}.product-card:hover .news-sheet{transform:rotate(-3deg) translateY(-7px)}.art-space{background:#d7ddeb;color:#556b94}.space-grid{position:absolute;inset:0;background-image:linear-gradient(#788fa61c 1px,transparent 1px),linear-gradient(90deg,#788fa61c 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.space-planet{position:absolute;width:170px;height:170px;border-radius:50%;top:45px;left:calc(50% - 85px);background:radial-gradient(circle at 32% 22%,#f4f3e9,#a5b5d5 45%,#4a608b);box-shadow:16px 20px 25px #596d9225}.space-planet i{position:absolute;inset:-20%;border:1px solid #647a9c80;border-radius:50%;transform:rotate(-30deg) scaleY(.4)}.space-mark{font-family:Archivo,sans-serif;position:absolute;top:67px;left:0;right:0;text-align:center;font-size:110px;letter-spacing:-7px;color:#f5f4ee}.art-space .art-label{bottom:20px;left:0;right:0;text-align:center;font-size:8px}.product-card:hover .space-planet{animation:planet-drift 4s ease-in-out infinite alternate}
/* Each featured destination gets a full-screen composition. */
.hero-controls{gap:15px}.slide-dot{width:10px}.slide-dot.is-active{width:66px}.hero-index{position:absolute;bottom:calc(100% + 13px);left:0;right:0;text-align:center;font-size:10px;letter-spacing:.09em;color:#ffffffb8;white-space:nowrap;pointer-events:none}.hero-copy .hero-product-name{font-family:Archivo,Manrope,'PingFang SC',sans-serif;font-size:clamp(76px,9.5vw,148px);letter-spacing:-.065em}.hero-space .hero-copy .hero-product-name{font-family:Manrope,'PingFang SC',sans-serif;font-size:clamp(64px,7.5vw,116px);letter-spacing:-.055em}.hero-status{display:table;margin:-12px auto 20px;padding:7px 13px;border:1px solid #ffffff50;border-radius:30px;font-size:11px;letter-spacing:.12em}.visual-expanded>.product-art{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.visual-expanded .art-label{display:none}.hero-visual{translate:var(--scene-x,0px) var(--scene-y,0px)}.visual-expanded .product-art{overflow:visible}.visual-sfx .art-sfx{background:radial-gradient(ellipse at 50% 80%,#714936,#2f2025 65%);gap:clamp(8px,1.3vw,23px);align-items:flex-end;padding-bottom:10vh}.visual-sfx .wave-bar{width:clamp(10px,1.7vw,28px);height:calc(var(--h)*2.8);background:linear-gradient(#e2bd8b,#be856078 72%,#90635422);border-radius:40px;box-shadow:inset 2px 0 3px #ffe1b530;opacity:.8;transform-origin:bottom;animation-duration:3.8s}.is-active .visual-sfx .wave-bar{animation-play-state:running}.hero-sfx .hero-shade{background:linear-gradient(#1b121e4d,transparent 80%)}.visual-cut .art-cut{background:radial-gradient(ellipse at 50% 25%,#446458,#1a302e 70%);perspective:1400px}.visual-cut .film-stack{inset:auto;top:16%;left:calc(50% - 530px);width:1060px;height:600px;transform:rotate(-14deg) rotateY(-12deg);animation:film-float 16s ease-in-out infinite alternate}.visual-cut .film-frame{height:285px;width:54%;border:12px solid #c5d3c366;box-shadow:0 30px 80px #10282260;border-radius:14px;opacity:.66}.visual-cut .film-frame:nth-child(1){left:-120px;top:-20px}.visual-cut .film-frame:nth-child(2){left:530px;top:140px}.visual-cut .film-frame:nth-child(3){left:70px;top:450px}.hero-cut .hero-shade{background:linear-gradient(#092b2640,#0b201f24 40%,#051e20b3)}.visual-pass .art-pass{background:radial-gradient(ellipse at 30% 70%,#755266,#382c48 70%)}.visual-pass .pass-card{width:420px;height:270px;border-radius:26px;left:calc(50% - 540px);top:52%;padding:35px;background:linear-gradient(125deg,#f0e7ec,#aaa2c9 70%,#e1d5e5);transform:rotate(-23deg);box-shadow:0 28px 80px #1f163750,inset 0 1px 0 #fff;opacity:.86;animation:membership-float 14s ease-in-out infinite alternate}.visual-pass .pass-card.back{left:calc(50% + 80px);top:8%;transform:rotate(23deg);background:linear-gradient(130deg,#a9a4c5,#776782);animation-delay:-7s;opacity:.58}.visual-pass .pass-name{font-size:36px;letter-spacing:-1.4px}.visual-pass .pass-chip{width:45px;height:35px;margin-top:65px;border-radius:8px}.visual-pass .pass-card small{font-size:13px;right:28px;bottom:39px}.hero-pass .hero-shade{background:linear-gradient(#21162822,#1c172d11 35%,#1c162c66)}.visual-news .art-news{background:radial-gradient(ellipse at 65% 50%,#5c6c83,#26364e)}.visual-news .news-sheet{width:370px;height:490px;left:calc(50% + 280px);top:18%;padding:30px;transform:rotate(16deg);opacity:.6;animation:editorial-float 15s ease-in-out infinite alternate}.visual-news .news-masthead{font-size:23px;padding-bottom:20px}.visual-news .news-cover{font-size:180px}.visual-news .news-lines{gap:12px}.visual-news .news-lines i{height:4px}.visual-news .news-edition{font-size:11px;margin-top:33px}.visual-news .news-orb{width:340px;height:340px;left:calc(50% - 570px);top:52%;opacity:.8;background:radial-gradient(circle at 30% 20%,#edceb4,#8797b9 50%,#344866);box-shadow:30px 50px 70px #0f1d3655}.hero-news .hero-shade{background:linear-gradient(#15233526,#15233526 40%,#172b4690)}.visual-space .art-space{background:radial-gradient(ellipse at 45% 70%,#465472,#1b263b 75%)}.visual-space .space-grid{background-size:100px 100px;transform:perspective(700px) rotateX(55deg) scale(2);transform-origin:50% 100%;opacity:.7}.visual-space .space-planet{width:480px;height:480px;left:calc(50% + 120px);top:41%;opacity:.62;background:radial-gradient(circle at 32% 22%,#d2dacd,#7a8dad 35%,#273955 75%);box-shadow:0 0 90px #c4d0ff13;animation:planet-drift 14s ease-in-out infinite alternate}.visual-space .space-planet i{border-color:#c2cfe163;inset:-30%}.visual-space .space-mark{font-size:500px;color:#d8e7ff08;left:5%;top:-5%;right:auto}.hero-space .hero-shade{background:linear-gradient(#14223922,transparent 50%,#17243980)}
.interactive-cursor{display:none;position:fixed;inset:0;pointer-events:none;z-index:100;mix-blend-mode:difference;color:white}.cursor-dot,.cursor-ring{position:absolute;top:0;left:0;border-radius:50%;display:grid;place-items:center;will-change:transform}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-ring{width:36px;height:36px;border:1px solid #ffffffa3;transition:width .25s,height .25s,background .25s,border-color .25s}.cursor-label{font-size:15px;opacity:0;transition:opacity .2s}.interactive-cursor[data-mode=link] .cursor-ring,.interactive-cursor[data-mode=select] .cursor-ring,.interactive-cursor[data-mode=drag] .cursor-ring{width:54px;height:54px;background:#ffffff14;border-color:#ffffffe0}.interactive-cursor[data-mode=link] .cursor-label,.interactive-cursor[data-mode=select] .cursor-label,.interactive-cursor[data-mode=drag] .cursor-label{opacity:1}.interactive-cursor[data-mode=select] .cursor-label{font-size:10px}.interactive-cursor[data-mode]:not([data-mode=idle]) .cursor-dot{opacity:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body.cursor-ready:not(.native-cursor),body.cursor-ready:not(.native-cursor) *{cursor:none!important}body.cursor-ready:not(.native-cursor) .interactive-cursor{display:block}body:has(dialog[open]),body:has(dialog[open]) *{cursor:auto!important}body:has(dialog[open]) button{cursor:pointer!important}body:has(dialog[open]) .interactive-cursor{display:none!important}}
@keyframes atmosphere-drift{to{transform:translate(8vw,5vh) scale(1.15)}}@keyframes planet-drift{to{translate:-10px -18px;rotate:6deg}}@keyframes film-float{to{translate:18px -25px;rotate:4deg}}@keyframes membership-float{to{translate:0 -24px;rotate:3deg}}@keyframes editorial-float{to{translate:-12px -20px;rotate:-4deg}}
@media(max-width:1100px){.categories{margin:22px 20px 0;justify-content:center}.wheel-toolbar{justify-content:center;padding:0}.shelf-hint{padding:0;justify-content:center}.hero-caption{bottom:25px}.hero-scroll{bottom:25px}.visual-pass .pass-card{left:calc(50% - 480px)}.visual-pass .pass-card.back{left:calc(50% + 100px)}}
@media(max-width:600px){.card-face{padding:12px;border-radius:21px}.product-wheel{height:465px}.product-card{top:26px}.shelf-hint{font-size:10px;margin-top:0;margin-bottom:18px}.categories{gap:1px;padding:0;margin:22px 12px 0}.category{font-size:12px;padding:11px 15px}.hero-controls{gap:11px;bottom:52px;margin-left:-12px}.slide-dots{gap:7px}.slide-dot{width:6px}.slide-dot.is-active{width:34px}.hero-controls .round-button{width:37px;height:37px;font-size:20px}.hero-pause{left:calc(100% + 6px);width:25px}.hero-index{font-size:9px;bottom:calc(100% + 15px)}.hero-copy .hero-product-name{font-size:clamp(51px,17vw,87px);letter-spacing:-.065em}.hero-space .hero-copy .hero-product-name{font-size:clamp(43px,13vw,70px)}.hero-copy p{font-size:14px}.hero-eyebrow{font-size:9px;letter-spacing:.13em}.hero-status{font-size:10px}.visual-sfx .art-sfx{gap:7px;width:160%;left:-30%;padding-bottom:14vh}.visual-sfx .wave-bar{width:12px;height:calc(var(--h)*2)}.visual-cut .film-stack{scale:.6;top:5%;left:calc(50% - 530px)}.visual-pass .pass-card{width:300px;height:192px;left:calc(50% - 300px);top:66%;padding:25px}.visual-pass .pass-card.back{left:calc(50% + 30px);top:9%}.visual-pass .pass-name{font-size:26px}.visual-pass .pass-chip{margin-top:35px;width:34px;height:26px}.visual-pass .pass-card small{font-size:10px;right:20px;bottom:30px}.visual-news .news-sheet{scale:.65;transform-origin:0 0;left:calc(50% + 30px);top:12%;opacity:.35}.visual-news .news-orb{width:250px;height:250px;left:-70px;top:66%}.visual-space .space-planet{width:300px;height:300px;left:48%;top:62%}.visual-space .space-mark{font-size:340px;top:2%;left:-7%}.ambient-wash{filter:blur(50px)}.card-status{top:23px;right:23px}}
@media(prefers-reduced-motion:reduce){.ambient-wash{animation:none}.interactive-cursor,#ambient-particles{display:none}.card-face,.hero-visual{translate:none!important;transform:none}.card-face:after{display:none}}

@media(max-width:360px){:root{--card-width:260px;--card-step:279px}.product-card .description{font-size:11px}}
/* v5: shared circular orbit, tangible hover, and quiet navigation. */
:root{--card-width:300px;--card-step:330px}.product-wheel{height:670px;margin-top:20px;overflow:visible}.wheel-track{perspective:1400px}.product-card{height:396px;top:0;transform-origin:50% 50%;transition:opacity .25s;will-change:transform}.product-art{height:218px}.card-face{padding:14px;transform:perspective(1000px) translateY(var(--lift,0px)) scale(var(--face-scale,1)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s,border-color .3s;transform-origin:50% 75%;border-color:#ffffffcc}.product-card h3{margin-top:17px;font-size:22px}.product-card .description{font-size:12px;line-height:1.65}.product-card.is-selected .card-face{--lift:-12px;--face-scale:1.035;border-color:#bccae4;box-shadow:0 28px 50px -25px #283f645c}.product-card:focus-within{z-index:45!important}.card-select:focus-visible{outline:2px solid #6685c0;outline-offset:-4px}.card-action{left:23px;right:auto;bottom:21px;width:max-content;max-width:calc(100% - 46px);padding:6px 0;display:block;border-radius:0;font-size:12px;color:#455a76;isolation:isolate}.card-action:after{content:'';display:block;position:absolute;inset:auto 0 1px;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;opacity:.3;transition:transform .3s,opacity .3s;border-radius:0}.card-action:hover:after,.card-action:focus-visible:after{transform:scaleX(1);opacity:1}.card-action:hover{color:#254eb0}.orbit-guide{display:none}.wheel-toolbar{justify-content:center;padding:0;margin-top:0}.shelf-hint{justify-content:center;padding:0;margin-bottom:20px;color:#52647d}.categories{margin:26px 20px 0;padding:0;justify-content:center}.pill{gap:0;padding:18px 31px;min-width:150px;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,color .3s}.pill:hover{transform:translateY(-3px) scale(1.035)}.pill:active{transform:scale(.97)}.text-link{gap:0;position:relative}.text-link:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.text-link:hover:after{transform:scaleX(1)}.directory-row{transition:background .25s,color .25s,padding .25s}.directory-row:hover{color:#315bde;background:#e8eef55c;padding-left:10px}.hero-scroll{gap:0}.hero-scroll:after{content:'';width:1px;height:28px;background:#f5f7fb77;margin-left:18px;transform-origin:top;transition:transform .3s}.hero-scroll:hover:after{transform:scaleY(1.35)}
@media(hover:hover) and (pointer:fine){.product-card:hover{z-index:50!important}.product-card:hover .card-face{--lift:-32px;--face-scale:1.105;box-shadow:0 35px 65px -22px #293f6466;border-color:#9fb5da}.is-dragging .product-card:hover .card-face{--lift:-8px;--face-scale:1.02}.card-select:hover~h3{color:#2f4a71}}
#pointer-flow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:1}.ambient-wash{translate:var(--wash-shift-x,0px) var(--wash-shift-y,0px);transition:background 1.8s,translate 1.2s cubic-bezier(.22,1,.36,1)}.cursor-ring{width:24px;height:24px;border-color:#ffffff70}.cursor-dot{width:5px;height:5px}.interactive-cursor[data-mode=link] .cursor-ring,.interactive-cursor[data-mode=select] .cursor-ring{width:40px;height:40px;background:#ffffff18}.interactive-cursor[data-mode=drag] .cursor-ring{width:48px;height:48px}.cursor-label{display:none}.interactive-cursor[data-mode=select] .cursor-dot,.interactive-cursor[data-mode=link] .cursor-dot{opacity:1}.toast{z-index:110}
@media(min-width:1600px){:root{--card-width:330px;--card-step:360px}.product-card{height:425px}.product-art{height:242px}.product-wheel{height:710px}}
@media(max-width:1000px){:root{--card-width:276px;--card-step:306px}.product-card{height:378px}.product-art{height:203px}.product-wheel{height:635px}}
@media(max-width:600px){:root{--card-width:252px;--card-step:282px}.product-wheel{height:515px;margin-top:4px}.product-card{height:358px}.card-face{padding:12px}.product-art{height:188px}.product-card h3{font-size:20px}.product-card .description{font-size:11px}.card-action{left:21px;bottom:20px;font-size:11px}.shelf-hint{margin-bottom:16px}.categories{margin-top:22px;gap:1px}.category{padding:11px 15px}.pill{min-width:140px;padding:16px 25px}.hero-scroll:after{height:18px;margin-left:12px}}
@media(max-width:360px){:root{--card-width:236px;--card-step:266px}.product-card{height:350px}.product-art{height:180px}}
@media(prefers-reduced-motion:reduce){#pointer-flow{display:none}.card-face{transform:none!important}.ambient-wash{translate:none!important}.product-card:hover .card-face{--lift:0px;--face-scale:1}.pill:hover{transform:none}}
/* Wakes belong to the scenery, underneath copy and product surfaces. */
#pointer-flow{z-index:0}.hero-flow{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-caption{z-index:2}.product-wheel{overflow:clip;mask-image:linear-gradient(#000 calc(100% - 44px),transparent)}
@media(prefers-reduced-motion:reduce){.hero-flow{display:none}}

/* v6 — viewport stage and shape reveals */
.hero{height:100svh;height:100dvh;min-height:0;max-height:none;border-radius:0}
.hero-slide{opacity:0;visibility:hidden;transition:none;overflow:visible;z-index:0;mask-position:center;mask-repeat:no-repeat;mask-size:400% auto;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:400% auto}
.hero-slide.is-active,.hero-slide.is-previous{opacity:1;visibility:visible}
.hero-slide.is-previous{z-index:1;pointer-events:none}
.hero-slide.is-active{z-index:2}
.hero-scene{position:absolute;inset:0;overflow:hidden;transform-origin:center}
.hero-slide[style*="mask-image"]{will-change:mask-size,transform}
.hero-visual,.is-active .hero-visual{inset:-20px;transform:none;transition:none}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 35% 70%,#0005);pointer-events:none;z-index:1}
.hero-copy{top:49%;left:28px;right:28px}
.hero-copy .hero-product-name,.hero-space .hero-copy .hero-product-name{font-family:Manrope,'PingFang SC',sans-serif;font-size:clamp(70px,8.6vw,132px);font-weight:400;line-height:1.18;letter-spacing:-.065em}
.hero-copy p{font-size:clamp(16px,1.65vw,24px);margin:30px auto 38px;max-width:34em;line-height:1.7}
.hero-copy .hero-cta{min-height:64px;background:#f3efea;color:#323232;font-size:17px;padding:18px 36px}
.hero-copy .hero-cta:hover{background:#fff;transform:translateY(-2px)}
.hero-copy>*{animation:none!important}
.hero-eyebrow,.hero-caption,.hero-index,.hero-scroll{display:none}
.hero-status{margin:-18px auto 20px}
.hero-controls{bottom:clamp(26px,5vh,64px);gap:28px;margin-left:0}
.hero-controls .round-button,.wheel-toolbar .round-button{width:64px;height:64px;border:1px solid #f3efea55;background:transparent;transition:background .25s,color .25s,border-color .25s}
.round-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-controls .round-button:hover{background:#f3efea;color:#323232;border-color:#f3efea}
.round-button:active{scale:.96}
.hero-controls .slide-dots{gap:10px}
.hero-controls .slide-dot{width:8px;height:44px;transition:width .6s cubic-bezier(.22,1,.36,1);flex-shrink:0}
.hero-controls .slide-dot:before,.hero-controls .slide-dot span{top:18px;height:8px;border-radius:9px}
.hero-controls .slide-dot:before{background:#f3efea}
.hero-controls .slide-dot.is-active{width:135px}
.hero-controls .slide-dot.is-active:before{background:#f3efea44}
.hero-controls .slide-dot span{background:#f3efea}
.hero-pause{left:calc(100% + 16px);width:32px;height:44px;font-size:14px;opacity:.65}
.hero-pause:hover,.hero-pause:focus-visible{opacity:1}
.hero.is-suspended .hero-visual *{animation-play-state:paused!important}
.wheel-toolbar{gap:26px}
.wheel-toolbar .round-button{color:#38475e;border-color:#6c7c953d;width:56px;height:56px}
.wheel-toolbar .round-button:hover:not(:disabled){background:#fff;color:#23354d;border-color:#fff}
.wheel-count{font-size:12px;letter-spacing:.12em;color:#53647e}
/* A broad circle with a gentle visible arc */
:root{--card-width:350px;--card-step:380px}
.product-wheel{height:615px;margin-top:20px;mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}
.product-card{top:0;height:444px;padding:0}
.card-face{padding:16px}
.product-art{height:260px}
.product-card h3{font-size:23px;margin:18px 8px 8px}
.product-card .description{font-size:13px}
.ambient-wash{animation:none;transition:background 1.8s;translate:var(--wash-shift-x,0px) var(--wash-shift-y,0px)}
.wash-two{translate:calc(var(--wash-shift-x,0px)*-.7) calc(var(--wash-shift-y,0px)*-.65)}
.wash-three{translate:calc(var(--wash-shift-x,0px)*.45) calc(var(--wash-shift-y,0px)*-.5)}
@media(min-width:1600px){:root{--card-width:390px;--card-step:420px}.product-card{height:478px}.product-art{height:284px}.product-wheel{height:680px}}
@media(max-width:1000px){:root{--card-width:310px;--card-step:340px}.product-card{height:421px}.product-art{height:238px}.product-wheel{height:570px}.hero-controls{gap:20px}.hero-controls .slide-dot.is-active{width:105px}}
@media(max-width:600px){
  .hero-copy{left:20px;right:20px;top:47%}
  .hero-copy .hero-product-name{font-size:clamp(49px,13.7vw,80px)}
  .hero-space .hero-copy .hero-product-name{font-size:clamp(42px,11vw,66px)}
  .hero-copy p{font-size:14px;max-width:25em;margin:25px auto 30px}
  .hero-copy h1+p{max-width:25em}
  .hero-copy .hero-cta{min-height:54px;font-size:14px;padding:16px 27px}
  .hero-controls{gap:16px;bottom:max(28px,env(safe-area-inset-bottom))}
  .hero-controls .round-button{width:44px;height:44px}
  .hero-controls .slide-dots{gap:6px}
  .hero-controls .slide-dot{width:6px}
  .hero-controls .slide-dot.is-active{width:64px}
  .hero-controls .slide-dot:before,.hero-controls .slide-dot span{height:6px;top:19px}
  .hero-pause{left:calc(100% + 2px);width:24px;font-size:12px}
  :root{--card-width:284px;--card-step:314px}
  .product-wheel{height:485px;margin-top:8px}
  .product-card{height:377px}
  .card-face{padding:12px}
  .product-art{height:210px}
  .product-card h3{font-size:21px;margin-top:17px}
  .product-card .description{font-size:12px}
  .wheel-toolbar .round-button{width:48px;height:48px}
}
@media(max-width:360px){.hero-controls{gap:11px}.hero-controls .slide-dot.is-active{width:54px}:root{--card-width:260px}.product-card .description{font-size:11px}}
@media(max-height:560px) and (min-width:601px){.hero-copy{top:47%}.hero-copy .hero-product-name{font-size:60px}.hero-copy p{font-size:15px;margin:14px auto 18px}.hero-copy .hero-cta{min-height:46px;padding:12px 25px;font-size:13px}.hero-controls{bottom:15px}.hero-controls .round-button{width:44px;height:44px}.hero-status{margin:-5px auto 12px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){.hero-visual{translate:none}.hero-slide{will-change:auto}.ambient-wash{translate:none!important}}

.hero-slide.is-previous .hero-copy{opacity:0;transition:opacity .2s}