/* One scene component shared by the prototype and the Shopify section. */
.scene-shop{--scene-red:#d71920;background:#101214;color:#fff;padding:68px max(24px,4vw);font:16px/1.5 Arial,Helvetica,sans-serif;overflow:hidden;isolation:isolate}
.scene-shop *{box-sizing:border-box}.scene-shop a{color:inherit;text-decoration:none}.scene-shop button{font:inherit;cursor:pointer}.scene-shop [hidden]{display:none!important}
.scene-top{max-width:1320px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}.scene-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b8bec6;margin:0 0 16px}.scene-top h2{font:600 clamp(32px,3.8vw,56px)/1.07 Arial,sans-serif;color:white;margin:0;letter-spacing:-.045em}.scene-top>p{max-width:265px;margin:0;color:#b8bec6;font-size:14px}
.scene-tabs{display:flex;gap:8px;max-width:1320px;margin:0 auto 22px;flex-wrap:wrap}.scene-tab{border:1px solid #444a50;background:transparent;color:#c4c9cf;padding:11px 17px;border-radius:3px;font-size:14px!important;min-height:44px;transition:background .2s,color .2s}.scene-tab[aria-selected=true]{background:white;color:#101214;border-color:white}.scene-tab:hover{border-color:white}.scene-shop :focus-visible{outline:3px solid #ff5960;outline-offset:4px}
.scene-panel{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);border:1px solid #393e44;background:#191d22;min-height:500px}.scene-photo{position:relative;overflow:hidden;min-height:500px;background:#15181b}.scene-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:block;filter:brightness(.78);transform:scale(1.015)}.is-active .scene-photo>img{animation:scene-arrive .75s ease-out both}.scene-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#080b10bf);pointer-events:none}.scene-viewfinder{position:absolute;inset:24px;border:1px solid #ffffff33;z-index:1;pointer-events:none}.scene-viewfinder:before,.scene-viewfinder:after{content:'';position:absolute;width:24px;height:24px;border-color:white;border-style:solid}.scene-viewfinder:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.scene-viewfinder:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.scene-frame-label{position:absolute;left:42px;top:38px;font:12px Arial;letter-spacing:.12em;color:white;z-index:2}.scene-photo-title{position:absolute;left:42px;right:35px;bottom:34px;z-index:2;margin:0;color:white;font:600 clamp(30px,3vw,44px)/1.08 Arial;letter-spacing:-.035em;max-width:370px}
.scene-pins{position:absolute;inset:0;z-index:3}.scene-pin{position:absolute;left:48%;top:36%;width:44px;height:44px;border-radius:50%;border:1px solid #fff9;background:#111b;color:white;box-shadow:0 0 0 6px #ffffff15;transition:background .2s,box-shadow .2s}.scene-pin:nth-child(2){left:72%;top:58%}.scene-pin:nth-child(3){left:24%;top:65%}.scene-pin[aria-pressed=true]{background:var(--scene-red);border-color:var(--scene-red);box-shadow:0 0 0 9px #d7192029}.scene-pin:hover{box-shadow:0 0 0 10px #ffffff2a}
.scene-setup{padding:34px;display:flex;flex-direction:column;min-width:0}.scene-setup h3{font:600 25px/1.15 Arial;color:white;letter-spacing:-.025em;margin:0 0 14px}.scene-description{color:#c4c9cf;font-size:15px;line-height:1.6;margin:0 0 24px}.scene-gear{margin-top:auto;background:#f5f5f7;color:#111315;border-radius:3px;padding:20px;min-height:210px}.scene-gear-image{display:block;width:112px;height:100px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 14px}.scene-gear h4{font:600 17px/1.2 Arial;letter-spacing:-.02em;margin:0 0 8px;color:#111315}.scene-gear p{font:14px/1.4 Arial;color:#62666b;margin:0 0 12px}.scene-gear a{font:600 14px Arial;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:6px 0}.scene-kit-link{background:var(--scene-red);display:flex;padding:14px 18px;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-top:16px;min-height:48px}.scene-kit-link:hover{background:#b8131a}.scene-footer{display:flex;justify-content:space-between;max-width:1320px;margin:18px auto 0;color:#aeb5bd;font-size:12px;letter-spacing:.04em}.scene-footer b{color:white;font-weight:400}.scene-footer span+span{max-width:60%;text-align:right}
@keyframes scene-arrive{from{opacity:.4;transform:scale(1.07)}to{opacity:1;transform:scale(1.015)}}
@media(max-width:800px){.scene-shop{padding:45px 22px}.scene-top{display:block}.scene-top>p{margin-top:18px;max-width:100%}.scene-panel{grid-template-columns:1fr}.scene-photo{min-height:350px}.scene-setup{padding:24px}.scene-gear{min-height:0}.scene-gear-image{float:left;margin:0 20px 0 0;width:95px;height:110px}.scene-gear:after{content:'';display:table;clear:both}.scene-tabs{gap:7px}.scene-tab{padding:10px 12px}.scene-photo-title{font-size:32px;left:32px;bottom:28px}.scene-viewfinder{inset:18px}.scene-frame-label{left:32px;top:31px}.scene-pin:nth-child(3){top:53%;left:20%}.scene-description{font-size:15px}.scene-top h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.scene-shop *{animation:none!important;transition:none!important}}
@media(scripting:none){.scene-tabs,.scene-pins,.scene-footer{display:none}.scene-shop [data-scene-panel][hidden],.scene-shop [data-gear-card][hidden]{display:block!important}.scene-panel{margin-bottom:24px}.scene-gear{margin-bottom:12px}}