@import url('fonts.css');
:root{--paper:#f5f2eb;--ink:#131715;--mint:#8bf2d0;--line:#c9cec6;--muted:#69716a;--dark:#101512}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--mint);padding:.7rem}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:absolute;top:0;left:0;right:0;z-index:10}.wordmark{font-size:1.45rem;letter-spacing:-.08em;font-weight:800;text-decoration:none;color:inherit}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff6f55;margin:0 0 2px 4px}.header nav{display:flex;gap:2.2rem;margin-left:auto;margin-right:2rem}.header nav a,footer a{color:inherit;text-decoration:none;font-size:.74rem;font-weight:700}.header-actions{display:flex;gap:12px;align-items:center}.button{border:0;background:var(--mint);color:var(--ink);border-radius:100px;padding:16px 23px;font:700 .78rem Manrope;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #8bf2d055}.button span{margin-left:12px}.button.small{padding:12px 17px;font-size:.7rem}.button.dark{background:var(--ink);color:var(--paper)}.menu{display:none;border:0;background:none;width:40px;height:35px}.menu span{display:block;height:2px;background:var(--ink);margin:6px}.hero{min-height:780px;padding:158px clamp(20px,7vw,110px) 35px;display:grid;grid-template-columns:1fr 1.15fr;position:relative;overflow:hidden}.eyebrow{font:500 .63rem 'DM Mono',monospace;letter-spacing:.12em}.status-dot{display:inline-block;width:7px;height:7px;background:#ff6f55;border-radius:50%;margin-right:8px}.hero-copy{z-index:2}.hero h1{font-size:clamp(3.5rem,7.3vw,7.9rem);line-height:.9;letter-spacing:-.1em;margin:32px 0 27px;max-width:720px}.thanks{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.09em}.period,.mint-dark{color:#ff6f55}.hero-description{font-size:1.04rem;line-height:1.55;color:#39423c;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{color:inherit;font-weight:700;font-size:.78rem;text-decoration:none;border-bottom:1px solid;padding-bottom:3px;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}.hero-footnote{font:500 .61rem 'DM Mono';letter-spacing:.08em;margin-top:89px;color:#69716a}.hero-art{position:relative;min-height:510px}.band-float{animation:float 6s ease-in-out infinite;position:absolute;inset:30px -40px 20px 0;display:flex;align-items:center;justify-content:center;z-index:1}.hero-band{width:min(95%,690px);filter:drop-shadow(10px 26px 22px #14191445);transform:rotate(-7deg)}.orbit{position:absolute;border:1px solid #abb2aa;border-radius:50%;width:600px;height:250px;left:10%;top:27%;transform:rotate(-12deg);opacity:.55}.orbit-two{width:670px;height:300px;left:7%;top:23%;transform:rotate(18deg);opacity:.22}.orbit-label{position:absolute;right:0;top:11%;font:500 .56rem 'DM Mono';letter-spacing:.1em;writing-mode:vertical-rl}.product-caption{position:absolute;bottom:52px;left:10%;right:2%;font:500 .6rem 'DM Mono';display:flex;justify-content:space-between;color:#59625b}.product-caption span:last-child{color:#ff6f55}.product-cross{position:absolute;font-size:1.3rem;color:#ff6f55}.cross-one{left:5%;top:31%}.cross-two{right:10%;bottom:18%}.motion-control{position:absolute;right:0;bottom:0;border:0;background:none;font:500 .6rem 'DM Mono';cursor:pointer;color:#69716a}.hero-bottom{position:absolute;bottom:0;left:clamp(20px,7vw,110px);right:clamp(20px,7vw,110px);border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font:500 .62rem 'DM Mono';color:#69716a}.hero-bottom a{color:#ff6f55;font-size:1.2rem;text-decoration:none}.experience{background:var(--dark);color:var(--paper);padding:110px clamp(20px,7vw,110px) 30px;min-height:930px;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:center}.demo-badge{font:500 .6rem 'DM Mono';color:var(--mint);border:1px solid #8bf2d055;padding:9px 12px;border-radius:20px}.experience-heading{display:flex;align-items:end;justify-content:space-between;margin:88px 0 60px}.experience h2,.people h2,.questions h2,.closing h2{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.87;letter-spacing:-.1em;margin:0}.experience-heading p{font-size:1rem;line-height:1.5;color:#a9b3ab;margin:0 12% 5px 0}.experience-heading p span{color:var(--mint)}.mint{color:var(--mint);font-family:'Playfair Display',serif;font-weight:500}.experience-body{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.journey-visual{height:260px;display:flex;align-items:center;position:relative}.mini-band{width:210px;filter:drop-shadow(3px 15px 13px #000);z-index:2}.signal{display:flex;gap:4px;align-items:center;margin-left:-8px}.signal i{display:block;width:32px;height:55px;border:2px solid var(--mint);border-left:0;border-radius:0 50% 50% 0;opacity:.4}.signal i:nth-child(2){width:24px;height:42px;opacity:.65}.signal i:nth-child(3){width:15px;height:28px;opacity:1}.floating-note{margin-left:auto;background:#1d2822;border:1px solid #8bf2d044;padding:16px 19px;min-width:160px;transform:rotate(-4deg);box-shadow:0 20px 35px #0005}.floating-note span{color:var(--mint);font-size:1.4rem}.floating-note div{font-size:.8rem;line-height:1.3;margin-top:15px}.steps{border-top:1px solid #8a978d55}.step{width:100%;display:grid;grid-template-columns:40px 1fr 22px;text-align:left;gap:17px;padding:19px 0;border:0;border-bottom:1px solid #8a978d55;color:#eaf1eb;background:transparent;cursor:pointer;transition:padding .25s;color:#8e9b91}.step.active{color:var(--paper);padding-left:12px}.step.active .step-number,.step.active .step-arrow{color:var(--mint)}.step-number,.step-arrow{font:500 .63rem 'DM Mono';padding-top:2px}.step strong{display:block;font-size:.88rem;margin-bottom:7px}.step small{font-size:.7rem;color:#859187}.phone-stage{min-height:620px;position:relative;display:flex;align-items:center;justify-content:center}.phone-halo{position:absolute;width:470px;height:470px;border:1px solid #8bf2d044;border-radius:50%;box-shadow:0 0 90px #8bf2d01a}.phone{position:relative;background:#050706;border:5px solid #343c36;border-radius:40px;width:265px;height:535px;padding:9px;box-shadow:18px 28px 55px #0008;z-index:2;transform:rotate(4deg);transition:transform .4s}.phone.exploded{transform:rotate(0) translateX(32px)}.phone:before{content:"";position:absolute;inset:5px;border:1px solid #9fa69f33;border-radius:34px;pointer-events:none}.phone-camera{width:74px;height:22px;border-radius:20px;background:#050706;position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:2}.phone-status{display:flex;justify-content:space-between;padding:10px 13px;font-size:.5rem}.phone-content{height:464px;background:linear-gradient(#101b15,#172d21);border-radius:28px;padding:27px 18px 14px;display:flex;flex-direction:column}.phone-brand{font-weight:800;font-size:.73rem;letter-spacing:-.06em}.phone-brand span{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:2px}.phone-screen{display:flex;flex-direction:column;height:100%;padding-top:42px}.phone-screen[hidden]{display:none}.avatar{width:53px;height:53px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dda986;font-weight:800;font-size:1.4rem;position:relative;color:#47281e}.avatar span{position:absolute;right:-2px;bottom:0;background:var(--mint);color:var(--ink);font-size:.5rem;border-radius:50%;padding:4px}.phone-eyebrow{font:500 .49rem 'DM Mono';letter-spacing:.1em;color:var(--mint);margin:16px 0 10px}.phone h3{font-size:1.5rem;line-height:1;letter-spacing:-.08em;margin:0}.phone-description{font-size:.67rem;line-height:1.45;color:#acb7ad;margin:13px 0}.phone-rule{height:1px;background:#8bf2d044;margin:9px 0}.phone-small{font-size:.57rem;line-height:1.4;color:#87968a}.phone-button{margin-top:auto;padding:12px 14px;font-size:.66rem}.phone-bottom-label{font:500 .47rem 'DM Mono';color:#617267;margin-top:auto;text-align:center}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.amounts button{border:1px solid #8bf2d055;background:#1b2d23;color:var(--paper);border-radius:8px;padding:9px 2px;font:700 .65rem Manrope;cursor:pointer}.amounts button.selected{background:var(--mint);color:var(--ink)}.custom-label{font-size:.58rem;color:#87968a}.custom-input{display:flex;border-bottom:1px solid #8bf2d077;padding:7px 0;color:var(--mint)}.custom-input input{background:none;border:0;outline:0;color:white;width:100%;padding-left:5px;font:600 .68rem Manrope}.error{font-size:.55rem;color:#ff8e79;min-height:13px}.recipient{display:flex;gap:8px;align-items:center;margin-bottom:25px}.small-avatar{width:26px;height:26px;border-radius:50%;background:#dda986;color:#47281e;display:grid;place-items:center;font-size:.75rem;font-weight:800}.recipient strong,.recipient small{display:block;font-size:.54rem}.recipient small{color:#84958a;margin-top:3px}.review-icon,.success-check{color:var(--mint);font-size:3rem}.review-row{border-bottom:1px solid #8bf2d044;padding:10px 0;display:flex;justify-content:space-between;font-size:.55rem}.review-row span{color:#87968a}.review-row strong{font-size:.55rem}.phone-back{border:0;background:none;color:#a5b0a7;text-decoration:underline;margin-top:13px;font-size:.57rem;cursor:pointer}.success-screen{justify-content:center;padding-top:0}.success-screen h3{font-size:2rem}.success-screen strong{color:var(--mint)}.explode-control{position:absolute;bottom:10px;border:1px solid #8bf2d066;border-radius:30px;color:var(--mint);background:transparent;padding:11px 17px;font:500 .6rem 'DM Mono';cursor:pointer;z-index:4}.explode-control span:first-child{margin-right:10px}.experience-footer{display:flex;justify-content:space-between;border-top:1px solid #8a978d55;margin-top:40px;padding-top:14px;font:500 .58rem 'DM Mono';color:#78867c}.section-pad{padding:130px clamp(20px,7vw,110px)}.people{background:var(--paper)}.people-heading{display:flex;justify-content:space-between;align-items:end;margin:80px 0 55px}.people-heading p{line-height:1.5;color:var(--muted);margin-right:15%}.serif{font-family:'Playfair Display',serif;font-weight:500}.audience-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-tabs button{flex:1;text-align:left;background:none;border:0;border-right:1px solid var(--line);padding:19px 16px;font:700 .78rem Manrope;color:var(--muted);cursor:pointer}.audience-tabs button[aria-selected=true]{color:var(--ink);background:#e7e5dc}.audience-tabs button span{float:right;color:#ff6f55}.audience-panel{display:grid;grid-template-columns:1.3fr .7fr;margin-top:38px;min-height:400px;background:#e2e2d9}.audience-photo{position:relative;min-height:400px;overflow:hidden}.audience-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.photo-caption{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:10px;font:500 .58rem 'DM Mono'}.audience-copy{padding:45px 7%;position:relative}.audience-copy h3{font-size:2.5rem;line-height:.95;letter-spacing:-.09em;margin:35px 0 20px}.audience-copy p{font-size:.82rem;line-height:1.6;color:#59625b;max-width:300px}.audience-number{position:absolute;right:25px;bottom:25px;font:500 .6rem 'DM Mono'}.questions{background:#dcded6;display:grid;grid-template-columns:.7fr 1.3fr;gap:13vw}.questions h2{margin:30px 0}.questions>div:first-child p{color:var(--muted);line-height:1.5}.faq-list details{border-top:1px solid #abb2aa;padding:20px 0}.faq-list details:last-child{border-bottom:1px solid #abb2aa}.faq-list summary{display:flex;justify-content:space-between;font-size:.95rem;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.3rem;font-weight:400}.faq-list p{color:#59625b;font-size:.8rem;line-height:1.6;max-width:580px}.closing{background:var(--mint);min-height:550px;padding:100px clamp(20px,7vw,110px);position:relative;overflow:hidden}.closing h2{margin:70px 0 35px}.closing p{font:500 .6rem 'DM Mono';margin-top:40px}.closing-rings{position:absolute;width:650px;height:650px;border:1px solid #13171533;border-radius:50%;right:-100px;top:-20px}.closing-rings:before,.closing-rings:after{content:"";position:absolute;border:1px solid #13171533;border-radius:50%;inset:55px}.closing-rings:after{inset:110px}footer{background:var(--ink);color:var(--paper);padding:35px clamp(20px,7vw,110px);display:flex;justify-content:space-between;align-items:center}footer div{display:flex;gap:25px;color:#9aa59d;font:500 .6rem 'DM Mono'}.dialog-close{position:absolute;right:22px;top:17px;border:0;background:none;font-size:2rem;cursor:pointer;color:var(--muted)}dialog{border:0;border-radius:25px;padding:44px;max-width:600px;width:calc(100% - 30px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#131715aa;backdrop-filter:blur(6px)}dialog h2{font-size:3.3rem;line-height:.9;letter-spacing:-.1em;margin:28px 0 15px}.dialog-intro{color:var(--muted);line-height:1.5}.request-types{display:flex;gap:8px;margin-top:12px}.request-types label{flex:1}.request-types input{position:absolute;opacity:0}.request-types span{display:block;border:1px solid var(--line);padding:14px;border-radius:9px;font-size:.75rem;text-align:center;cursor:pointer}.request-types input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}fieldset{border:0;padding:0;margin:30px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}dialog label{display:block;font-size:.63rem;font-weight:700;margin:13px 0}dialog input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#fff8;padding:13px;border-radius:8px;font:500 .75rem Manrope}dialog .button{margin-top:22px}.form-note{font-size:.58rem;color:var(--muted);line-height:1.5}.dialog-close:focus,.button:focus,.step:focus,.text-link:focus,.audience-tabs button:focus,summary:focus{outline:3px solid #ff6f55;outline-offset:3px}.request-result h2{margin-bottom:25px}.request-result p{line-height:1.6;color:var(--muted)}#request-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0}#request-summary div{display:flex;justify-content:space-between;padding:6px 0;font-size:.72rem}#request-summary dt{color:var(--muted)}#request-summary dd{margin:0;font-weight:700}.email-link{display:block;margin:22px 0}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 18px;border-radius:30px;font-size:.7rem;opacity:0;pointer-events:none;transition:.3s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:850px){.header nav{display:none}.header nav.open{display:flex;position:absolute;top:72px;left:15px;right:15px;background:var(--paper);padding:18px;flex-direction:column;gap:18px;border:1px solid var(--line)}.menu{display:block}.header-actions .button{display:none}.hero{display:block;padding-top:125px;min-height:840px}.hero h1{font-size:clamp(3.4rem,13vw,6rem)}.hero-art{min-height:400px;margin-top:10px}.band-float{inset:0}.hero-band{width:100%}.orbit{width:100%;left:0}.hero-footnote{margin-top:45px}.hero-bottom{left:20px;right:20px}.experience{padding-top:75px}.experience-heading,.people-heading{display:block;margin:55px 0 35px}.experience-heading p,.people-heading p{margin:27px 0 0}.experience-body{display:block}.journey-visual{height:210px}.phone-stage{min-height:650px;margin-top:45px}.phone{width:245px;height:500px}.phone-content{height:430px}.audience-panel{grid-template-columns:1fr}.audience-photo{min-height:280px}.audience-copy{min-height:330px}.questions{display:block}.faq-list{margin-top:60px}.closing{min-height:500px}.closing-rings{right:-260px}footer{gap:20px;flex-wrap:wrap}footer div{margin-left:auto}.form-row{display:block}dialog{padding:35px 23px}.request-types{gap:5px}.request-types span{padding:11px 4px;font-size:.68rem}}

/* Scroll-linked product story */
.hero-band-real{mix-blend-mode:multiply;object-fit:contain;border-radius:38%;filter:contrast(1.12) drop-shadow(10px 28px 22px #14191444)}
.scroll-product{--story:0;--explode:0;background:#e4e6df;color:var(--ink)}
.scroll-track{height:420vh;position:relative}
.scroll-sticky{height:100vh;position:sticky;top:0;display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;padding:8vh clamp(20px,6vw,90px)}
.scroll-copy{display:flex;flex-direction:column;z-index:5;padding-top:3vh}
.scroll-copy h2{font-size:clamp(3rem,5.8vw,6.5rem);line-height:.88;letter-spacing:-.1em;margin:6vh 0 2.5vh}
.scroll-copy h2 span{font-family:'Playfair Display',serif;font-weight:500;color:#536159}
.scroll-intro{max-width:340px;color:#677169;line-height:1.55}
.scroll-chapters{margin-top:auto;margin-bottom:3vh;max-width:440px;position:relative;min-height:130px}
.scroll-chapter{position:absolute;inset:0;display:grid;grid-template-columns:42px 1fr;gap:15px;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .35s;pointer-events:none}
.scroll-chapter.active{opacity:1;transform:none}.scroll-chapter b{font:500 .65rem 'DM Mono';color:#ff6f55}.scroll-chapter strong{display:block;font-size:1.1rem}.scroll-chapter p{font-size:.77rem;line-height:1.55;color:#677169;max-width:340px}
.exploded-stage{position:relative;perspective:1100px;isolation:isolate}
.stage-grid{position:absolute;inset:3%;background-image:linear-gradient(#57615916 1px,transparent 1px),linear-gradient(90deg,#57615916 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000 15%,transparent 72%)}
.real-band-wrap{position:absolute;inset:5% 0 7%;display:grid;place-items:center;opacity:calc(1 - var(--explode));transform:translateY(calc(var(--story) * -90px)) scale(calc(1 - var(--explode)*.18)) rotate(calc(var(--story)*-6deg));transition:opacity .08s linear}
.real-band{width:min(90%,720px);max-height:76vh;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.12) drop-shadow(0 30px 30px #15201940);border-radius:38%}
.exploded-part{position:absolute;left:50%;top:50%;opacity:var(--explode);transition:opacity .1s linear;will-change:transform,opacity;box-shadow:0 25px 40px #26322a2e}
.strap-left,.strap-right{width:340px;height:94px;background:linear-gradient(180deg,#232a26,#090d0b 60%,#454d47);border-radius:48px;z-index:1}
.strap-left{transform:translate(calc(-335px - var(--explode)*145px),calc(-45px + var(--explode)*120px)) rotate(calc(-8deg - var(--explode)*17deg))}
.strap-right{transform:translate(calc(-5px + var(--explode)*175px),calc(-45px + var(--explode)*110px)) rotate(calc(8deg + var(--explode)*19deg))}
.module-shell{width:430px;height:160px;overflow:hidden;border-radius:80px;z-index:5;transform:translate(calc(-215px + var(--explode)*-30px),calc(-80px + var(--explode)*-130px)) rotateX(calc(var(--explode)*48deg));background:#111}
.module-shell img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12)}
.nfc-layer{width:245px;height:112px;border:2px solid var(--mint);border-radius:60px;background:#15231dcc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:7px;z-index:4;transform:translate(-122px,calc(-56px + var(--explode)*35px)) rotateX(calc(var(--explode)*48deg))}
.nfc-layer i{width:19px;height:43px;border:2px solid var(--mint);border-left:0;border-radius:0 50% 50% 0}.nfc-layer i:nth-child(2){height:31px;width:14px}.nfc-layer i:nth-child(3){height:19px;width:9px}.nfc-layer span{font:500 .53rem 'DM Mono';margin-left:10px;color:var(--mint)}
.identity-layer,.amount-layer,.confirm-layer{width:195px;height:125px;border:1px solid #ffffff44;border-radius:18px;background:#17241fdf;color:white;padding:18px;backdrop-filter:blur(14px);z-index:8}
.identity-layer{transform:translate(calc(-98px + var(--explode)*-260px),calc(-62px + var(--explode)*-20px)) rotateY(calc(var(--explode)*22deg))}.identity-layer span,.amount-layer span{font:500 .48rem 'DM Mono';color:var(--mint)}.identity-layer strong,.identity-layer small{display:block}.identity-layer strong{font-size:1.45rem;margin-top:20px}.identity-layer small{font-size:.6rem;color:#a9b3ac}
.amount-layer{transform:translate(-98px,calc(-62px + var(--explode)*180px))}.amount-layer div{display:flex;gap:6px;margin-top:26px}.amount-layer b{font-size:.7rem;border:1px solid #8bf2d066;padding:9px;border-radius:6px}.amount-layer b:nth-child(2){background:var(--mint);color:var(--ink)}
.confirm-layer{transform:translate(calc(-98px + var(--explode)*260px),calc(-62px + var(--explode)*-10px)) rotateY(calc(var(--explode)*-22deg));display:flex;flex-direction:column}.confirm-layer i{font-style:normal;color:var(--mint);font-size:1.5rem}.confirm-layer strong{margin-top:13px}.confirm-layer small{font-size:.55rem;color:#a9b3ac;margin-top:4px}
.exploded-label{position:absolute;font:500 .52rem 'DM Mono';letter-spacing:.08em;opacity:calc(var(--explode)*.85);display:flex;align-items:center;gap:8px}.exploded-label i{display:block;width:45px;height:1px;background:#ff6f55}.label-band{left:6%;bottom:15%}.label-tap{right:8%;top:15%}.label-profile{left:8%;top:24%}
.scroll-counter{position:absolute;right:1%;bottom:4%;display:flex;gap:12px;align-items:center;font:500 .55rem 'DM Mono'}.scroll-counter i{display:block;width:90px;height:1px;background:linear-gradient(90deg,#ff6f55 calc(var(--story)*100%),#9ba49d calc(var(--story)*100%))}.scroll-cue{position:absolute;right:1%;top:5%;font:500 .5rem 'DM Mono';writing-mode:vertical-rl}.scroll-cue span{color:#ff6f55;margin-top:10px}
.product-photo-strip{min-height:760px;background:var(--paper);display:grid;grid-template-columns:1fr .7fr 1fr;gap:2vw;padding:100px clamp(20px,6vw,90px);align-items:center}.product-photo-strip figure{margin:0;position:relative}.product-photo-strip figure:first-child{transform:translateY(-55px)}.product-photo-strip figure:last-child{transform:translateY(55px)}.product-photo-strip img{width:100%;height:430px;object-fit:cover;filter:grayscale(.3) contrast(1.08)}.product-photo-strip figcaption{font:500 .52rem 'DM Mono';margin-top:12px;color:#6a746c}.product-photo-strip h3{font-size:clamp(2rem,3.6vw,4rem);line-height:.95;letter-spacing:-.08em;margin:40px 0 25px}.product-photo-strip p{font-size:.78rem;line-height:1.6;color:#667168}
@media(max-width:850px){.scroll-track{height:360vh}.scroll-sticky{grid-template-columns:1fr;padding:7vh 20px}.scroll-copy{padding:0}.scroll-copy h2{font-size:3.2rem;margin:3vh 0 1vh}.scroll-intro{font-size:.75rem}.scroll-chapters{min-height:105px;margin-bottom:0}.scroll-chapter strong{font-size:.85rem}.scroll-chapter p{font-size:.66rem}.exploded-stage{position:absolute;left:0;right:0;top:37vh;height:60vh}.real-band{width:95%}.strap-left,.strap-right{width:190px;height:58px}.strap-left{transform:translate(calc(-188px - var(--explode)*55px),calc(-29px + var(--explode)*95px)) rotate(calc(-8deg - var(--explode)*17deg))}.strap-right{transform:translate(calc(-2px + var(--explode)*65px),calc(-29px + var(--explode)*93px)) rotate(calc(8deg + var(--explode)*19deg))}.module-shell{width:300px;height:110px;transform:translate(calc(-150px + var(--explode)*-10px),calc(-55px + var(--explode)*-100px)) rotateX(calc(var(--explode)*48deg))}.nfc-layer{width:185px;height:86px;transform:translate(-92px,calc(-43px + var(--explode)*18px)) rotateX(calc(var(--explode)*48deg))}.identity-layer,.amount-layer,.confirm-layer{width:130px;height:96px;padding:12px}.identity-layer{transform:translate(calc(-65px + var(--explode)*-118px),calc(-48px + var(--explode)*-5px))}.amount-layer{transform:translate(-65px,calc(-48px + var(--explode)*135px))}.confirm-layer{transform:translate(calc(-65px + var(--explode)*118px),calc(-48px + var(--explode)*-5px))}.identity-layer strong{font-size:1rem;margin-top:10px}.amount-layer div{margin-top:12px}.amount-layer b{font-size:.52rem;padding:5px}.confirm-layer strong{font-size:.7rem}.scroll-cue,.exploded-label{display:none}.product-photo-strip{grid-template-columns:1fr;padding:70px 20px}.product-photo-strip figure:first-child,.product-photo-strip figure:last-child{transform:none}.product-photo-strip img{height:300px}}