/* Shared geometry: content stays visible even when an entrance observer stalls. */
.garment-dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #62546b;border-radius:16px;background:#0c0c0e;color:#eee;padding:20px}
.garment-dialog>header{position:sticky;top:-20px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0c0c0ef5;border-bottom:1px solid #333;padding:12px 0;backdrop-filter:blur(12px)}
.garment-dialog>header h2{font-size:clamp(18px,4vw,26px);line-height:1.2;margin:0;overflow-wrap:anywhere}.garment-dialog [data-close]{min-width:44px;min-height:44px;border:1px solid #615068;border-radius:10px;color:#eee;background:#18141c;padding:8px 12px}.garment-dialog>nav{display:flex;gap:10px;flex-wrap:wrap}.garment-dialog>nav>a{flex:1 1 180px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;gap:10px;border-radius:10px;background:#19141e;color:#eee;border:1px solid #57475f}.garment-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
html.motion-reduced .public-drip *,html.motion-reduced .garment-dialog *{animation:none!important;transition:none!important}
.home-interface .mgz-action{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid #534957;border-radius:12px;background:linear-gradient(135deg,#19161c,#0b0b0c);color:#eee;text-decoration:none;font:500 13px/1.35 system-ui;max-width:100%}
.home-interface .mgz-action>img{object-fit:contain;flex:none}.home-interface .mgz-action>span{flex:1}.home-interface .mgz-action>.ui-icon{width:18px;height:18px;color:#c8a9d8;flex:none}.home-interface .hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.home-interface .hub-banner{gap:24px}.home-interface .mgz-action:focus-visible{outline:2px solid #d4b7e3;outline-offset:4px}.home-interface .globe-toolbar button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:44px;padding:8px 12px;background:#111;color:#ddd;border:1px solid #49424d;border-radius:10px}.home-interface .editorial-nav a{display:flex;gap:12px;align-items:center;min-height:48px}.home-interface .editorial-nav .ui-icon{flex:none}
@media(prefers-reduced-motion:no-preference){.home-interface .mgz-action{transition:border-color .2s,background .2s,box-shadow .2s}.home-interface .mgz-action:hover{border-color:#b18ac7;box-shadow:0 0 0 3px #b18ac712}.home-interface .mgz-action .ui-icon{transition:translate .2s}.home-interface .mgz-action:hover .ui-icon{translate:3px 0}}
@media(max-width:600px){.home-interface .hero-actions .mgz-action{flex:1 1 150px}.home-interface .hub-banner .mgz-action{align-self:start}}
html.motion-reduced .mgz-action,html.motion-reduced .mgz-action *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:no-preference){
 .public-drip .wardrobe-stage.rail-active .rail-current .product-visual{animation:garment-arrive .28s cubic-bezier(.2,.75,.25,1) both}
 @keyframes garment-arrive{from{opacity:.55;translate:0 8px}to{opacity:1;translate:0 0}}
 .public-drip .bw-switch button{transition:box-shadow .18s,border-color .18s,scale .18s}
 .public-drip .bw-switch button:active{scale:.9}
}
.public-drip .rail-controls button:focus-visible,.public-drip .bw-switch button:focus-visible{outline:2px solid #d4b3e4;outline-offset:4px}
.public-drip .wardrobe-stage.rail-active .product-visual::before,.public-drip .wardrobe-stage.rail-active .product-visual::after,.public-drip .wardrobe-stage .rail-track{display:none!important;content:none!important}
.public-drip .wardrobe-stage.rail-active{padding-top:40px!important}
.public-drip .wardrobe-stage.rail-active>.public-product:not(.rail-current){top:40px!important}
.public-drip .wardrobe .rail-controls{min-height:66px;padding-block:10px 14px}.rail-position{margin:0}
.history-page .editorial-hero{background:#080808!important;border-bottom:1px solid #29272b}
.wheel-selector-shell{position:relative;min-width:0;width:min(100%,380px);justify-self:center;margin:auto}
.wheel-selector-shell .site-wheel[data-rotatable]{width:100%!important;max-width:none;height:auto!important;aspect-ratio:1;margin:0!important;animation:none!important;background:radial-gradient(circle,#141414 0 19%,transparent 19.5% 47%,#454047 47.3% 47.7%,transparent 48%);touch-action:pan-y pinch-zoom}
.wheel-selector-shell .site-wheel[data-rotatable]>*{animation:none!important}
.wheel-slot{position:absolute;left:50%;top:0;translate:-50% -50%;width:7px;height:7px;border-radius:50%;background:#c7a4dc;box-shadow:0 0 12px #a27acb77;pointer-events:none}
.wheel-selector-shell .site-wheel-app.wheel-selected{border-color:#c9addb;background:#211b27;box-shadow:0 0 0 4px #a579c31a}
.wheel-selection{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;margin:6px auto 0;width:min(100%,300px)}
.wheel-selection button,.wheel-selection a{display:grid;place-items:center;min-height:44px;color:#eee;background:#101010;border:1px solid #38323d;border-radius:12px;font:13px/1.3 system-ui;cursor:pointer;text-decoration:none}
.wheel-selection button{font-size:20px}.wheel-selection a{border-color:#81628f;background:linear-gradient(145deg,#211b28,#0d0c0f)}
.wheel-selection :focus-visible{outline:2px solid #d2b2e1;outline-offset:3px}
.wheel-selector-shell .site-wheel-core img{filter:drop-shadow(2px 5px 4px #000);object-fit:contain}
.motion-item.reveal-pending{opacity:1!important;visibility:visible!important}
.tattoo-wheel.site-wheel[data-static]{display:block;width:min(100%,320px)!important;height:auto!important;aspect-ratio:1;max-width:320px;background:none;margin:24px auto 32px!important;isolation:isolate}
.tattoo-wheel[data-static]::before{content:'';position:absolute;inset:18%;border:1px solid #68645e;border-radius:50%;background:radial-gradient(circle,#18151c 0,transparent 70%);pointer-events:none}
.tattoo-wheel[data-static] .site-wheel-core{position:absolute;inset:50% auto auto 50%;width:90px!important;height:90px!important;transform:translate(-50%,-50%);box-shadow:none}
.tattoo-wheel[data-static] .site-wheel-core img{width:66px!important;height:66px!important;object-fit:contain}
.tattoo-wheel[data-static] .site-wheel-app{position:absolute;left:50%;top:50%;width:54px!important;height:54px!important;min-height:54px!important;transform:translate(-50%,-50%)!important;opacity:1!important;box-shadow:none;z-index:3}
.tattoo-wheel[data-static] .tc-0{top:18%}.tattoo-wheel[data-static] .tc-1{left:82%}.tattoo-wheel[data-static] .tc-2{top:82%}.tattoo-wheel[data-static] .tc-3{left:18%}
.tattoo-wheel[data-static] .site-wheel-app strong{left:50%;top:calc(100% + 4px);transform:translateX(-50%);margin:0;padding:3px 4px;font:10px/1.3 system-ui;max-width:none;color:#ddd;background:#080808}
.history-page .history-artwork{position:relative;min-width:0;align-self:center}
.history-artwork .flag-stage{position:relative!important;top:auto!important;width:100%;max-width:420px;margin:0 auto;padding:0}
.history-artwork .flag-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1.3;max-height:330px}
.history-artwork .flag-stage figcaption{font-size:9px;letter-spacing:.14em;margin:8px 0;color:#bbb;text-align:center}
.history-artwork [data-flag-pause]{display:block;margin:8px auto;width:36px;height:36px;border:1px solid #444;border-radius:50%;background:#111;color:#ddd}
.history-page .history-artwork .history-seal{position:absolute;right:0;bottom:25px;width:90px!important;margin:0;pointer-events:none}
.history-page .history-grid{display:block!important;margin-top:24px}
.history-page .history-content{max-width:900px;margin:auto}.history-page .history-content article{padding-block:28px;margin:0}
.history-photo-rail[hidden]{display:none!important}
.public-drip .drip-heading{padding-top:0;margin-bottom:0}
.public-drip .wardrobe-stage.rail-active .rail-track{left:calc(50% - 7px)!important;top:56px!important;width:14px!important;height:10px!important;border-radius:50%;transform:none!important;background:radial-gradient(ellipse at 35% 25%,#dadcdd,#777 45%,#303234 80%);border:1px solid #939697;box-shadow:0 2px 3px #0008}
.public-drip .wardrobe-stage.rail-active .rail-track i,.public-drip .wardrobe-stage.rail-active .rail-track::after{display:none}
.public-drip .wardrobe-stage.rail-active .product-visual::before{top:-22px!important;height:26px!important;z-index:1}
.public-drip .wardrobe-stage.rail-active>.public-product:not(.rail-current) .product-visual::before{display:none!important}
.public-drip .wardrobe-stage.rail-active>.public-product:not(.rail-current){width:calc(100% - 24px);max-width:340px;transform:translate3d(0,calc(var(--depth)*-12px),0) scale(calc(1 - var(--depth)*.045));transform-origin:50% 0;opacity:1}
.public-drip .wardrobe-stage.rail-active>.public-product.rail-out{opacity:0;visibility:hidden}
#wardrobe-caps .wardrobe-stage.rail-active>.public-product:not(.rail-current){top:38px!important;transform:translate3d(calc(var(--depth)*26px),calc(var(--depth)*-6px),0) scale(calc(1 - var(--depth)*.04));transform-origin:50% 0}
#wardrobe-caps .wardrobe-stage.rail-active{perspective:none}
.public-drip .wardrobe-stage.rail-active .rail-current .product-visual{isolation:isolate}
@media(max-width:760px){.public-drip .wardrobe-stage.rail-active>.public-product:not(.rail-current){max-width:300px}}
.public-drip .drip-filters label{color:#bdbdbd;font-size:11px;line-height:1.4}.public-drip .drip-filters select{min-height:44px;font-size:14px;padding-block:9px}
@media(max-width:600px){.history-artwork .flag-stage{max-width:290px}.history-artwork .flag-stage canvas{max-height:220px}.history-page .history-artwork .history-seal{width:72px!important;right:5%;bottom:22px}.history-page .editorial-hero{gap:14px}.z-home-section h2{margin-top:12px!important}}
