/* wrist-mobile-v3-efec */
:root{--ink:#090807;--paper:#eee8dd;--sand:#c6aa82;--serif:"Iowan Old Style","Baskerville",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,.85,.22,1)}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;background:var(--ink)}body{min-height:100%;margin:0;background:var(--ink);color:#f7f3ed;font-family:var(--sans);overflow-x:hidden}body.is-modal{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}button,a,input{font:inherit}a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:30;inset:0 0 auto;height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:grid;place-items:center;background:linear-gradient(rgba(5,4,3,.62),transparent)}.wordmark{font-size:9px;font-weight:700;letter-spacing:.24em}
.mobile-hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#151311}.mobile-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 50%;transform:scale(1.02)}.mobile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,4,.2),transparent 42%,rgba(6,5,4,.78) 92%)}.hero-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:110px}.hero-copy h1{margin:0;font-family:var(--serif);font-size:clamp(66px,19vw,82px);font-weight:400;line-height:.78;letter-spacing:-.06em}.hero-copy p{margin:22px 0 0;color:#ded6ca;font-family:var(--serif);font-size:16px}.hero-cta{position:absolute;z-index:2;left:22px;right:22px;bottom:28px;height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(9,8,7,.2);backdrop-filter:blur(10px);font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.bundle-intro{min-height:54svh;padding:72px 24px;display:flex;flex-direction:column;justify-content:center;background:var(--paper);color:#171410}.bundle-intro>p{margin:0 0 19px;color:#866f50;font-size:8px;font-weight:700;letter-spacing:.2em}.bundle-intro h2{margin:0;font-family:var(--serif);font-size:88px;font-weight:400;line-height:.82;letter-spacing:-.065em}.bundle-intro>span{max-width:310px;margin-top:30px;color:#695e51;font-family:var(--serif);font-size:17px;line-height:1.45}
.mobile-categories{width:100%;background:#0d0c0b}.category-card{position:relative;display:block;width:100%;height:48svh;min-height:350px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#171411;color:#fff;text-align:left;appearance:none}.category-card img{position:absolute;left:0;top:50%;width:100%;height:100svh;object-fit:cover;object-position:50% 50%;transform:translate3d(0,-50%,0);backface-visibility:hidden}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,6,5,.72))}.category-copy{position:absolute;z-index:2;inset:auto 22px 25px;display:flex;align-items:end;justify-content:space-between}.category-copy p{margin:0 0 9px;color:#e0c6a3;font-size:8px;font-weight:700;letter-spacing:.17em}.category-copy h2{margin:0;font-size:26px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.category-copy>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-style:normal;font-size:17px}
.viewer{position:fixed;z-index:100;left:0;top:0;width:100%;height:var(--viewer-height,100svh);visibility:hidden;opacity:0;background:#171411;pointer-events:none;touch-action:none;overflow:hidden}.viewer.is-open{visibility:visible;pointer-events:auto}.viewer.is-ready{opacity:1}.viewer.is-entering{pointer-events:none}.swipe-surface{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#171411;overscroll-behavior:none}.swipe-grid{position:absolute;inset:0;overflow:visible;contain:layout size;transform:translate3d(0,0,0);will-change:transform}.swipe-slide{position:absolute;inset:0;overflow:hidden;background:#171411;contain:paint;backface-visibility:hidden;transform:translate3d(0,0,0);will-change:transform}.swipe-slide img,.scrub-deck img,.shared-transition{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden;transform:translateZ(0)}.scrub-deck{position:absolute;z-index:3;inset:0;visibility:hidden;background:#171411;contain:paint}.scrub-deck.is-active{visibility:visible}.scrub-deck img{position:absolute;inset:0;visibility:hidden}.scrub-deck img.is-active{visibility:visible}.shared-transition{position:fixed;z-index:140;inset:0;background:#171411;will-change:clip-path;pointer-events:none}
.gesture-coach{position:absolute;z-index:5;left:50%;top:50%;width:min(340px,86vw);display:grid;gap:18px;opacity:0;transform:translate(-50%,-46%);pointer-events:none;transition:opacity .45s,transform .55s var(--ease)}.gesture-coach.is-visible{opacity:1;transform:translate(-50%,-50%)}.gesture-line{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 2px 18px #000}.gesture-line span{background:linear-gradient(100deg,#fff 20%,#858585 42%,#fff 64%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2.2s linear infinite}.gesture-line i{width:18px;font-style:normal;font-size:18px;color:#fff}.gesture-x i:first-child{animation:nudge-left 1.5s var(--ease) infinite}.gesture-x i:last-child{animation:nudge-right 1.5s var(--ease) infinite}.gesture-y i:first-child{animation:nudge-up 1.5s var(--ease) infinite}.gesture-y i:last-child{animation:nudge-down 1.5s var(--ease) infinite}.gesture-hold{margin-top:3px;font-size:9px;opacity:.82}@keyframes shimmer{to{background-position:-240% 0}}@keyframes nudge-left{50%{transform:translateX(-5px)}}@keyframes nudge-right{50%{transform:translateX(5px)}}@keyframes nudge-up{50%{transform:translateY(-5px)}}@keyframes nudge-down{50%{transform:translateY(5px)}}
.add-to-stack{position:absolute;z-index:9;left:50%;bottom:calc(102px + env(safe-area-inset-bottom));height:46px;min-width:164px;padding:0 22px;border:0;border-radius:999px;background:var(--paper);color:#171410;box-shadow:0 8px 28px rgba(0,0,0,.2);transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.add-to-stack.is-added{background:var(--sand)}.add-to-stack:active{transform:translateX(-50%) scale(.96)}.stack-toast{position:absolute;z-index:10;left:50%;top:calc(20px + env(safe-area-inset-top));padding:10px 14px;border-radius:999px;background:rgba(12,10,8,.68);backdrop-filter:blur(12px);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:.3s var(--ease)}.stack-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.viewer-scrubber{position:absolute;z-index:8;left:0;right:0;bottom:0;height:calc(90px + env(safe-area-inset-bottom));padding:18px 22px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(7,6,5,.56));opacity:.82;transition:opacity .2s;touch-action:none}.viewer-scrubber.is-active{opacity:1}.scrubber-copy{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#fff;font-size:7px;font-weight:750;letter-spacing:.16em;text-shadow:0 1px 8px #000}.scrubber-copy b{font-size:9px}.scrubber-track{position:absolute;left:22px;right:22px;bottom:calc(23px + env(safe-area-inset-bottom));height:1px;background:rgba(255,255,255,.52)}.scrubber-track:after{content:"";position:absolute;left:var(--progress,0%);top:50%;width:12px;height:12px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#d7b98f;box-shadow:0 0 0 5px rgba(9,8,7,.16);transform:translate(-50%,-50%)}#product-scrubber{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:.001;touch-action:none}
.scrub-feedback{position:absolute;z-index:7;left:50%;top:50%;width:80px;height:80px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(8,7,6,.18);backdrop-filter:blur(10px);font-family:var(--serif);font-size:29px;opacity:0;transform:translate(-50%,-50%) scale(.88);pointer-events:none;transition:.18s var(--ease)}.scrub-feedback.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(min-width:700px){body:before{content:"This prototype is designed for mobile. Open / for the desktop experience.";position:fixed;z-index:400;inset:0;display:grid;place-items:center;padding:30px;background:#0b0a09;color:#eee8dd;font-family:var(--serif);font-size:25px;text-align:center}.site-header,main,.viewer{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}