/* Isolated homepage packaging experience. No shared selectors or tokens changed. */
#scads-wrap{--wrap-ink:#213d5b;position:relative;isolation:isolate;overflow:hidden;background:#f7f5ee;color:#292925;padding:86px 6% 74px;scroll-margin-top:110px}
#scads-wrap .wrap-heading{text-align:center;position:relative;z-index:1}
#scads-wrap .wrap-eyebrow{display:block;color:#8c7955;font:12px/1.5 Body,Arial,sans-serif;letter-spacing:.2em;margin-bottom:20px}
#scads-wrap h2{font:700 clamp(44px,5.8vw,78px)/1.04 Display,Georgia,serif;letter-spacing:-.025em}
#scads-wrap h2 em{font-family:Editorial,Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.045em}
#scads-wrap .wrap-heading p{font-size:15px;color:#747168;margin:21px auto 0;max-width:440px;line-height:1.7}
#scads-wrap .wrap-stage{position:relative;max-width:1100px;height:490px;margin:14px auto 0;isolation:isolate}
#scads-wrap .wrap-stage:before{content:'';position:absolute;inset:12% 17% 8%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--wrap-ink) 7%,transparent),transparent 66%);z-index:-1;transition:background .5s}
#scads-wrap .wrap-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-10px}
#scads-wrap .wrap-canvas:active{cursor:grabbing}
#scads-wrap .wrap-canvas:focus-visible{outline:1px solid var(--gold)}
#scads-wrap .wrap-meta{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;color:#8a857b;font-size:11px;letter-spacing:.14em;line-height:2.1}
#scads-wrap .wrap-meta strong{display:block;font:400 21px/1.5 Body,Arial,sans-serif;color:#4b4942;letter-spacing:.02em}
#scads-wrap .wrap-meta-left{left:10%}
#scads-wrap .wrap-meta-right{right:10%;text-align:right}
#scads-wrap .wrap-instruction{display:flex;justify-content:center;align-items:center;gap:12px;color:#777266;letter-spacing:.17em;font-size:11px;margin:0 0 28px}
#scads-wrap .wrap-instruction svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1}
#scads-wrap .wrap-selector{display:flex;justify-content:center;gap:clamp(22px,3.5vw,52px);max-width:930px;margin:auto;border-top:1px solid #c2a77740;padding-top:11px}
#scads-wrap .wrap-selector button{flex:none;position:relative;background:none;border:0;padding:14px 3px 17px;min-height:64px;font:700 20px/1.15 Display,Georgia,serif;color:#847e71;letter-spacing:.025em;transition:color .3s}
#scads-wrap .wrap-selector small{display:block;font:12px/1.4 Body,Arial,sans-serif;letter-spacing:.06em;margin-top:7px;color:#8c867a}
#scads-wrap .wrap-selector button:after{content:'';position:absolute;bottom:0;left:50%;width:26px;height:1px;background:var(--gold);transform:translateX(-50%) scaleX(0);transition:transform .3s}
#scads-wrap .wrap-selector button[aria-pressed=true]{color:var(--variant)}
#scads-wrap .wrap-selector button[aria-pressed=true]:after{transform:translateX(-50%) scaleX(1)}
#scads-wrap .wrap-selector button:hover{color:var(--variant)}
#scads-wrap .wrap-status{font-size:12px;text-align:center;line-height:1.5;color:#827b6c;min-height:18px;margin-top:19px}
#scads-wrap .wrap-status:empty{visibility:hidden}
#scads-wrap .wrap-flat{display:none;position:absolute;inset:15px 0;width:100%;height:calc(100% - 30px);object-fit:contain}
#scads-wrap.wrap-unavailable .wrap-flat{display:block}
#scads-wrap.wrap-unavailable .wrap-canvas{display:none}
@media(max-width:700px){
 #scads-wrap{padding:55px 0 45px;scroll-margin-top:95px}
 #scads-wrap .wrap-heading{padding:0 24px}
 #scads-wrap .wrap-eyebrow{font-size:10px;margin-bottom:16px}
 #scads-wrap h2{font-size:clamp(38px,10.8vw,58px)}
 #scads-wrap .wrap-heading p{font-size:14px;max-width:290px;margin-top:17px}
 #scads-wrap .wrap-stage{height:370px;margin-top:6px}
 #scads-wrap .wrap-meta{top:auto;bottom:14px;transform:none;font-size:9px;line-height:1.8;letter-spacing:.08em}
 #scads-wrap .wrap-meta strong{font-size:14px}
 #scads-wrap .wrap-meta-left{left:23px}#scads-wrap .wrap-meta-right{right:23px}
 #scads-wrap .wrap-instruction{font-size:10px;margin-bottom:21px}
 #scads-wrap .wrap-selector{justify-content:flex-start;overflow-x:auto;gap:24px;padding:9px 24px 4px;scrollbar-width:none;scroll-padding:24px;overscroll-behavior-x:contain}
 #scads-wrap .wrap-selector::-webkit-scrollbar{display:none}
 #scads-wrap .wrap-selector button{font-size:20px;min-width:72px;min-height:67px}
 #scads-wrap .wrap-status{margin:14px 24px 0}
}
@media(prefers-reduced-motion:reduce){#scads-wrap *{transition:none!important;scroll-behavior:auto!important}}
/* Packaging showroom: all atmosphere and detail remain inside this section. */
@property --wrap-ink{syntax:'<color>';inherits:true;initial-value:#213d5b}
#scads-wrap{padding-top:70px;padding-bottom:58px;transition:--wrap-ink 850ms ease;background:radial-gradient(ellipse at 50% 51%,#fffdf8 0%,#f7f5ee 65%)}
#scads-wrap .wrap-heading{max-width:1100px;margin:auto}
#scads-wrap .wrap-eyebrow{margin-bottom:15px}
#scads-wrap h2{font-size:clamp(44px,5.2vw,70px)}
#scads-wrap .wrap-heading p{margin-top:16px}
#scads-wrap .wrap-stage{height:520px;margin-top:4px;max-width:1260px}
#scads-wrap .wrap-stage:before{inset:5% 16% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--wrap-ink) 12%,transparent),transparent 67%)}
#scads-wrap .wrap-atmosphere{position:absolute;inset:0 12%;pointer-events:none;background:radial-gradient(ellipse at 48% 40%,#fffdfad9 0%,transparent 50%),radial-gradient(ellipse at 57% 60%,color-mix(in srgb,var(--wrap-ink) 10%,transparent),transparent 68%);filter:blur(15px)}
#scads-wrap .wrap-stage-floor{position:absolute;bottom:9px;left:25%;width:50%;height:80px;border-radius:50%;background:radial-gradient(ellipse,#b3a07f1c,transparent 68%);pointer-events:none}
#scads-wrap .wrap-detail{position:absolute;top:15%;width:25%;height:61%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 22%,#000 80%,transparent);opacity:.16;mix-blend-mode:multiply}
#scads-wrap .wrap-detail img{position:absolute;width:390%;max-width:none;height:auto;top:-27%;left:-14%;filter:contrast(.85)}
#scads-wrap .wrap-detail-left{left:0;transform:rotate(-5deg)}
#scads-wrap .wrap-detail-right{right:0;transform:rotate(5deg);opacity:.12}
#scads-wrap .wrap-detail-right img{left:-214%;top:-90%;width:420%}
#scads-wrap .wrap-detail span{display:none}
#scads-wrap .wrap-meta{top:auto;bottom:42px;transform:none;z-index:2;font-size:11px;letter-spacing:.17em}
#scads-wrap .wrap-meta-left{left:9%}#scads-wrap .wrap-meta-right{right:9%}
#scads-wrap .wrap-meta strong{font-size:23px;color:var(--wrap-ink);transition:color .6s}
#scads-wrap .wrap-instruction{margin:1px 0 25px}
#scads-wrap .wrap-selector{gap:0;max-width:900px;border-color:#c2a77755;padding-top:7px}
#scads-wrap .wrap-selector button{flex:1;min-width:0;padding:18px 12px 19px;font-size:23px;transition:color .35s,background .45s}
#scads-wrap .wrap-selector button[aria-pressed=true]{background:linear-gradient(0deg,color-mix(in srgb,var(--variant) 5%,transparent),transparent 90%)}
#scads-wrap .wrap-selector button:after{width:34px;height:2px}
#scads-wrap .wrap-selector button:hover:not([aria-pressed=true]){color:#49473f}
#scads-wrap .wrap-selector button:focus-visible{outline:1px solid var(--gold);outline-offset:-4px}
@media(max-width:700px){
 #scads-wrap{padding:48px 0 35px}
 #scads-wrap h2{font-size:clamp(38px,10.8vw,58px)}
 #scads-wrap .wrap-stage{height:390px;margin-top:10px}
 #scads-wrap .wrap-detail{width:30%;height:53%;top:21%;opacity:.10}
 #scads-wrap .wrap-detail-left{left:-7%}#scads-wrap .wrap-detail-right{right:-7%;opacity:.09}
 #scads-wrap .wrap-atmosphere{inset:5% 0}
 #scads-wrap .wrap-meta{bottom:11px;font-size:9px}
 #scads-wrap .wrap-meta strong{font-size:14px}
 #scads-wrap .wrap-meta-left{left:23px}#scads-wrap .wrap-meta-right{right:23px}
 #scads-wrap .wrap-instruction{margin:9px 0 20px}
 #scads-wrap .wrap-selector{padding:6px 18px 4px;gap:8px}
 #scads-wrap .wrap-selector button{flex:none;min-width:88px;font-size:21px;padding:16px 9px 18px}
}
#scads-wrap .wrap-selector{max-width:1140px;gap:0;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;scroll-padding:20px}
#scads-wrap .wrap-selector button{flex:1 0 125px;font-family:Archivo,Arial,sans-serif!important;font-weight:800;padding-inline:10px;font-size:21px}
#scads-wrap .wrap-selector button[aria-pressed=true]{background:none;color:var(--variant)}
#scads-wrap .wrap-selector button:after{width:46px;height:2px}
#scads-wrap .wrap-sound{display:block;margin:22px auto 0;background:none;border:0;border-bottom:1px solid var(--gold);color:#5b5547;font:600 12px Manrope,sans-serif;letter-spacing:.12em;padding:12px;min-height:44px;cursor:pointer}
#scads-wrap .wrap-sound:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#scads-wrap.is-static-product .wrap-detail{visibility:hidden}
#scads-wrap.is-static-product .wrap-instruction svg{display:none}
@media(max-width:700px){#scads-wrap .wrap-selector button{flex:0 0 108px;font-size:20px}#scads-wrap .wrap-selector{padding-inline:20px}#scads-wrap .wrap-sound{margin-top:15px}}
/* Same-stage inertial handoff: interaction boundaries and colour light only. */
#scads-wrap{transition:--wrap-ink 950ms cubic-bezier(.4,0,.2,1)}
#scads-wrap .wrap-stage{touch-action:pan-y}
#scads-wrap.wrap-handoff .wrap-canvas{cursor:default}
#scads-wrap.wrap-spinning .wrap-canvas{cursor:grabbing}
#scads-wrap.wrap-spinning .wrap-terrain-mist{animation-play-state:paused}
#scads-wrap .wrap-atmosphere{background:radial-gradient(ellipse at 48% 40%,#fffdfad9 0%,transparent 50%),radial-gradient(ellipse at 57% 60%,color-mix(in srgb,var(--wrap-ink) 17%,transparent),transparent 68%)}