/* The inventory opens as a tactile product scene, on the same canvas as the landing page. */
.stock-hero--stage{padding-top:30px;position:relative}.stock-hero--stage .stock-eyebrow{font-size:12px}.phone-stage{height:365px;position:relative;margin:8px auto 0;isolation:isolate}.phone-stage-field{position:absolute;inset:0;perspective:1000px;--spread:168px}.stage-phone{position:absolute;left:50%;top:53%;width:188px;height:260px;margin:-130px 0 0 -94px;transform:translate(calc(var(--slot)*var(--spread)),var(--lift)) rotate(var(--angle));z-index:calc(5 - var(--slot));mix-blend-mode:multiply}.stage-phone:nth-of-type(4){z-index:8}.stage-phone-hit{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#171717;cursor:pointer;touch-action:pan-y;outline-offset:8px!important}.stage-phone-motion{display:block;width:100%;height:100%;transform-origin:50% 76%;will-change:transform}.stage-phone img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.stage-phone-label{position:absolute;bottom:-35px;left:50%;transform:translate(-50%,6px);display:flex;gap:16px;align-items:center;background:#202020;color:#fff;padding:9px 13px;border-radius:9px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.stage-phone-hit:hover .stage-phone-label,.stage-phone-hit:focus-visible .stage-phone-label{opacity:1;transform:translate(-50%,0)}.stage-track{position:absolute;width:840px;height:130px;border:1px solid #d7d7d0;border-radius:50%;left:50%;top:55%;transform:translateX(-50%) rotate(-6deg);opacity:.45;pointer-events:none}.stage-side-note{position:absolute;left:0;top:43%;font-size:11px;line-height:1.6;color:#74746d;max-width:110px}.stage-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11px;color:#60605d;white-space:nowrap}.stage-hint>span{color:#b6530c;margin-right:8px}.stage-heading{text-align:center;margin:26px auto 0}.stage-kicker{font-size:12px;letter-spacing:.015em;margin-bottom:14px;color:#60605d}.stock-hero--stage h1{font-size:clamp(64px,6.5vw,104px);line-height:1.08;letter-spacing:-.065em;margin:0;white-space:nowrap}.stage-mobile-break{display:none}.stage-period{color:#f77918}.stage-lead{margin:22px 0 0;font-size:17px;line-height:1.5;color:#60605d}.stage-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:26px}.stage-actions .btn{font-size:14px;min-height:50px}.stage-actions .stock-text-button{font-size:13px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding:18px 0;border-bottom:1px solid #d9d9d4;gap:24px}.stage-shortcuts{display:flex;gap:6px}.stage-shortcuts button{display:flex;align-items:center;gap:25px;border:0;border-radius:30px;background:#ededeb;min-height:44px;padding:10px 20px;font-size:12px;transition:background .2s,color .2s}.stage-shortcuts button:hover{background:#202020;color:#fff}.stage-scroll{font-size:12px;min-height:44px;display:flex;gap:30px;align-items:center;color:#60605d}.stock-hero--stage+.stock-catalog{padding-top:76px}
.phone-stage{overflow:clip}.phone-stage-field{background:#f7f7f5}.stage-phone{left:calc(50% + var(--slot)*var(--spread));transform:translateY(var(--lift)) rotate(var(--angle))}
@media(min-width:1650px){.phone-stage-field{--spread:190px}.stage-phone{width:205px;height:280px;margin:-140px 0 0 -102px}.phone-stage{height:380px}.stock-hero--stage h1{font-size:108px}}
@media(max-width:1200px){.phone-stage-field{--spread:145px}.stage-phone{width:165px;height:230px;margin:-115px 0 0 -82px}.stage-side-note{display:none}.stage-track{width:740px}.phone-stage{height:330px}.stock-hero--stage h1{font-size:7.1vw}}
@media(max-width:900px){.phone-stage-field{--spread:110px}.stage-phone{width:145px;height:210px;margin:-105px 0 0 -72px}.stage-track{width:580px}.phone-stage{height:300px}.stage-bottom{margin-top:42px}.stage-scroll{font-size:11px;max-width:200px;gap:16px}.stage-shortcuts button{padding:10px 14px;gap:14px}}
@media(max-width:600px){.stock-hero--stage{padding-top:24px}.stock-hero--stage .stock-eyebrow{font-size:10px}.phone-stage{height:280px;margin:5px -12px 0}.phone-stage-field{--spread:98px}.stage-phone{width:122px;height:190px;margin:-95px 0 0 -61px;top:54%}.stage-phone:nth-of-type(2),.stage-phone:nth-of-type(6){display:none}.stage-track{width:300px;height:82px;top:54%}.stage-hint{font-size:10px;bottom:0}.stage-heading{margin-top:26px}.stage-kicker{font-size:10px;margin-bottom:14px}.stock-hero--stage h1{font-size:clamp(45px,11.5vw,66px);line-height:1.02;white-space:normal;letter-spacing:-.06em}.stage-mobile-break{display:block}.stage-lead{font-size:14px;margin-top:20px}.stage-actions{flex-direction:column;gap:7px;margin-top:24px}.stage-actions .btn{min-width:205px}.stage-actions .stock-text-button{font-size:12px}.stage-bottom{margin-top:30px;padding:16px 0;justify-content:center}.stage-shortcuts{gap:8px}.stage-shortcuts button{font-size:11px;gap:14px;padding:10px 16px}.stage-scroll{display:none}.stock-hero--stage+.stock-catalog{padding-top:60px}.stage-phone-label{bottom:-20px;font-size:9px;padding:7px 9px;gap:8px}}
@media(max-width:360px){.phone-stage-field{--spread:78px}.stage-phone{width:108px;height:170px;margin:-85px 0 0 -54px}.phone-stage{height:250px}.stage-track{width:260px}.stage-shortcuts button{padding:10px 12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.stage-phone-motion{will-change:auto}.stage-phone-label{transition:none}}
