.offline-card{margin-top:22px;display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;padding:12px 18px;border:1px solid currentColor;border-radius:12px;backdrop-filter:blur(14px)}.offline-card .plane{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-size:20px}.offline-card b,.offline-card strong,.offline-card small{display:block}.offline-card b{font:700 9px ui-monospace,monospace;letter-spacing:.15em;opacity:.65}.offline-card strong{font-size:14px;letter-spacing:.04em}.offline-card small{font-size:11px;margin:1px 0 0;opacity:.72}
.card-deck{width:100%;height:680px;position:relative;display:grid;place-items:center;perspective:1200px}.deck-card{position:absolute;width:275px;aspect-ratio:9/19.5;object-fit:cover;border:7px solid #080a0b;border-radius:42px;box-shadow:0 30px 70px rgba(0,0,0,.4);filter:saturate(.82) brightness(.72);transition:transform .45s ease,filter .45s ease,opacity .45s}.deck-front{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(80px)!important;transform-style:preserve-3d;transition:transform .12s ease-out;cursor:crosshair}.deck-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.18),transparent 30%);mix-blend-mode:screen}.deck-left{transform:translateX(-250px) rotateY(14deg) rotateZ(-3deg);z-index:1}.deck-far-left{transform:translateX(-430px) scale(.86) rotateY(20deg) rotateZ(-5deg);z-index:0;opacity:.65}.deck-right{transform:translateX(250px) rotateY(-14deg) rotateZ(3deg);z-index:1}.deck-far-right{transform:translateX(430px) scale(.86) rotateY(-20deg) rotateZ(5deg);z-index:0;opacity:.65}.deck-front{z-index:5}.console{padding-left:20px!important;padding-right:20px!important}.console .card-deck{width:calc(100% + 20px)}
.fft-bars{height:90px;display:flex;align-items:center;gap:2px;width:100%;padding:8px 0}.fft-bars i{display:block;flex:1;min-width:1px;border-radius:4px;background:hsl(calc(38 + var(--i)*1.7) 90% 52%);box-shadow:0 0 8px currentColor}.deck-wave .fft-bars{height:100px}.chapter-art .fft-bars{height:130px}.chapter-art.sound{border-radius:90px;padding:28px 32px}
body:has(.hero-copy .eyebrow) .offline-card{color:#5f493c;background:rgba(255,249,238,.62);border-color:rgba(40,26,20,.24)}body:has(.hero-copy .kicker) .offline-card{color:#cbecee;background:rgba(3,12,14,.62);border-color:#275258}body:has(.hero-copy .kicker) .offline-card .plane{color:#c6f34a;border-color:#4b6c35}
.posture-story img,.duet img{border-radius:0!important;mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0,#000 12%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 92%,transparent 100%)}.posture-story img{max-height:590px!important}.duet{overflow:hidden}.duet img{max-height:780px!important;object-fit:cover}
.posture-story img{filter:brightness(1.075) contrast(.86) saturate(.92)}
.moment-list span{display:flex;align-items:center;gap:14px}.moment-list img{width:42px;height:42px;object-fit:contain;filter:sepia(1) saturate(2) hue-rotate(125deg)}
.moment-list img{width:58px;height:58px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:brightness(0) saturate(100%) invert(43%) sepia(18%) saturate(1050%) hue-rotate(326deg) brightness(91%) contrast(86%);opacity:.92}
.field-wave .fft-bars{height:110px}.specimens img[src*="tel_"]{width:74px;height:74px}
.settings-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.settings-preview figure{margin:0;background:#fff9ee;border:1px solid #cdbda3;border-radius:16px;overflow:hidden}.settings-preview img{width:100%;display:block}.settings-preview figcaption{padding:14px}.settings-preview figcaption b,.settings-preview figcaption span{display:block}.settings-preview figcaption span{font-size:11px;line-height:1.45;color:#765f50;margin-top:3px}.wardrobe{grid-template-columns:1.35fr .65fr!important}.wardrobe ul{grid-column:2}.swatches{height:140px!important}
@media(max-width:1050px){.deck-far-left,.deck-far-right{display:none}.deck-left{transform:translateX(-180px) rotateY(12deg) rotateZ(-3deg)}.deck-right{transform:translateX(180px) rotateY(-12deg) rotateZ(3deg)}.wardrobe{grid-template-columns:1fr!important}.wardrobe ul{grid-column:1}.offline-card{width:auto}.card-deck{height:650px}}
@media(max-width:620px){.deck-left,.deck-right{width:210px;opacity:.45}.deck-left{transform:translateX(-90px) rotate(-5deg)}.deck-right{transform:translateX(90px) rotate(5deg)}.card-deck{height:560px}.settings-preview{grid-template-columns:1fr}.offline-card{margin-top:16px}.hero .offline-card{display:none}.posture-story img,.duet img{-webkit-mask-image:none;mask-image:none}}
@media(prefers-reduced-motion:reduce){.deck-front{transition:none}}
.phone-stage{background:transparent!important;border-radius:0!important;overflow:visible!important}.phone-stage:before{display:none!important}.phone-stage .card-deck:after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:42px;height:55px;border-radius:50%;background:rgba(73,46,26,.24);filter:blur(28px)}.card-deck{touch-action:pan-y;user-select:none;cursor:grab;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease}.card-deck.is-dragging{cursor:grabbing;transform:translateX(var(--drag-x));transition:none}.card-deck.slide-out-next{transform:translateX(-95px);opacity:0}.card-deck.slide-out-prev{transform:translateX(95px);opacity:0}.card-deck.slide-in-next{transform:translateX(95px);opacity:0;transition:none}.card-deck.slide-in-prev{transform:translateX(-95px);opacity:0;transition:none}.phone-stage .deck-card{box-shadow:0 34px 54px rgba(73,46,26,.28)}.phone-stage .phone{box-shadow:0 50px 75px rgba(73,46,26,.33)}
@media(prefers-reduced-motion:reduce){.card-deck{transition:none}.card-deck.slide-out-next,.card-deck.slide-out-prev,.card-deck.slide-in-next,.card-deck.slide-in-prev{transform:none;opacity:1}}
.wardrobe{position:relative;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr)!important;align-items:start}.wardrobe .swatches{display:none}.wardrobe>div:first-child{grid-column:1;grid-row:1}.wardrobe ul{grid-column:2!important;grid-row:1;margin:0;padding-top:355px!important;align-self:start}.settings-preview{margin-top:38px}.wardrobe li:first-child{border-top:1px solid var(--line)}
@media(max-width:1050px){.wardrobe{grid-template-columns:1fr!important}.wardrobe>div:first-child,.wardrobe ul{grid-column:1!important}.wardrobe ul{grid-row:auto;padding-top:18px!important;margin-top:24px}}
body:has(.hero-copy .eyebrow) .phone-stage .deck-far-left{display:none!important}body:has(.hero-copy .eyebrow) .phone-stage .deck-left{opacity:.5!important;filter:saturate(.65) brightness(.86);transform:translateX(-215px) rotateY(12deg) rotateZ(-3deg)}body:has(.hero-copy .eyebrow) .hero-bubble{display:none!important}
.ribbon path{transform-box:fill-box;transform-origin:center;animation:wave-breathe-a 14s ease-in-out infinite alternate;will-change:transform}.ribbon path+path{animation-name:wave-breathe-b;animation-duration:17s}@keyframes wave-breathe-a{0%{transform:scaleY(.88) translateY(5px)}48%{transform:scaleY(1.08) translateY(-3px)}100%{transform:scaleY(.94) translateY(3px)}}@keyframes wave-breathe-b{0%{transform:scaleY(1.05) translateY(-2px)}55%{transform:scaleY(.84) translateY(6px)}100%{transform:scaleY(1.12) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.ribbon path{animation:none}}
html,body{max-width:100%;overflow-x:clip}main,section,section>*{min-width:0}.hero,.ribbon,.quotes{overflow-x:clip}.ribbon svg,img{max-width:100%}body:has(.hero-copy .eyebrow) .dispatch{overflow-x:clip}.settings-preview figure,.wardrobe>div,.wardrobe ul{min-width:0}
html,body{overflow-x:hidden}.hero,.ribbon,.quotes,body:has(.hero-copy .eyebrow) .dispatch{overflow-x:hidden}
@media(min-width:621px) and (max-width:1050px){body:has(.hero-copy .eyebrow) .phone-stage .deck-left{transform:translateX(-155px) rotateY(10deg) rotateZ(-3deg)}body:has(.hero-copy .eyebrow) .phone-stage .deck-right{transform:translateX(155px) rotateY(-10deg) rotateZ(3deg)}}
@media(max-width:620px){body:has(.hero-copy .eyebrow) .phone-stage .deck-left{transform:translateX(-72px) scale(.9) rotate(-4deg)}body:has(.hero-copy .eyebrow) .phone-stage .deck-right{transform:translateX(72px) scale(.9) rotate(4deg)}.ribbon{inset-inline:0}.ribbon svg{display:block;width:100%;overflow:hidden}}
.dispatch{overflow:hidden}
main a[href^="mailto:"]{display:none!important}
.hero .offline-card{display:flex!important;width:fit-content!important;max-width:min(390px,100%)!important;align-items:center;flex-wrap:nowrap}.hero .offline-card .plane{flex:0 0 42px}.hero .offline-card>div{min-width:0}.hero .offline-card small{white-space:normal;overflow-wrap:anywhere}
@media(max-width:620px){.hero .offline-card{display:flex!important;width:fit-content!important;max-width:100%!important;padding:10px 13px;gap:11px}.hero .offline-card .plane{width:38px;height:38px;flex-basis:38px}.hero .offline-card strong{font-size:13px}.hero .offline-card small{font-size:10px;line-height:1.35}}
.nav nav{margin-left:clamp(20px,3vw,48px);margin-right:auto}
.nav .header-store{flex:0 0 auto;margin-left:clamp(14px,2vw,28px)}
@media(max-width:850px){.nav .header-store{margin-left:auto}.nav .header-store img{height:34px}}
@media(max-width:420px){.nav .wordmark{font-size:17px;letter-spacing:.04em}.nav .wordmark img{width:32px}.nav .header-store img{height:30px}}

/* Native iPhone 16 Pro captures include the complete screen chrome. Preserve
   their 1206 × 2622 geometry instead of cropping to the legacy 9:19.5 box. */
.phone > img[data-carousel-image],
.deck-card[data-deck-card]{aspect-ratio:auto;height:auto;object-fit:contain}
.phone > img[data-carousel-image]{width:100%}
.phone > .sensor{display:none}