@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fg:#171a20;--bg:#fff;--surface:#f4f4f4;--muted:#5c5e62;--accent:#3e6ae1;--line:#e2e3e3;--btn-secondary-fg:#393c41;--radius-card:8px;--radius-btn:4px;--header-h:56px;--content:1200px;--gutter:24px;--font:"Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);margin:0;font-size:16px;line-height:1.6;overflow-x:clip}h1,h2,h3,th,strong,summary{font-weight:500}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}picture{display:contents}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main:focus{outline:none}[id]{scroll-margin-top:64px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--fg);color:#fff;border-radius:var(--radius-btn);padding:8px 16px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.btn{border-radius:var(--radius-btn);white-space:nowrap;justify-content:center;align-items:center;min-width:160px;height:40px;padding:0 20px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:#3457b1}.btn--secondary{color:var(--btn-secondary-fg);background:#fff;box-shadow:inset 0 0 0 1px #d0d1d2}.btn--secondary:hover{background:var(--surface)}.btn--small{min-width:0;height:32px;padding:0 14px}.btn-row{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.btn-row--center,.hero .btn-row,.page-head .btn-row{justify-content:center}@media (width<=767px){.btn{height:44px}.btn--small{height:36px}}.site-header{z-index:20;background:var(--bg);position:relative}.site-header__inner{max-width:var(--content);min-height:var(--header-h);padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:0 auto;display:flex}.brand{letter-spacing:.24em;font-size:18px;font-weight:500;text-decoration:none}.site-nav ul{flex-wrap:wrap;gap:4px 24px;display:flex}.site-nav a{padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav__lang a{color:var(--muted)}.nav-toggle{border-radius:var(--radius-btn);height:40px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:14px;display:none}@media (width<=767px){.brand{align-items:center;min-height:44px;display:inline-flex}.js .nav-toggle{height:44px;margin-right:-8px;display:inline-flex}.js .site-header__inner{background:var(--bg)}.js .site-nav{top:var(--header-h);padding:4px var(--gutter) 12px;background:var(--bg);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transition:opacity .2s,translate .2s,visibility 0s linear .2s;position:absolute;left:0;right:0;translate:0 -8px;box-shadow:0 12px 24px #00000014}.js .site-header.is-open .site-nav{visibility:visible;opacity:1;transition-delay:0s;translate:none}.js .site-header:after{content:"";z-index:-1;visibility:hidden;opacity:0;background:#171a203d;transition:opacity .2s,visibility 0s linear .2s;position:fixed;inset:0}.js .site-header.is-open:after{visibility:visible;opacity:1;transition-delay:0s}.js .site-nav ul{flex-direction:column;gap:0}.js .site-nav li+li{border-top:1px solid var(--line)}.js .site-nav a{align-items:center;min-height:48px;padding:0;font-size:16px;display:flex}.nav-toggle__bar{transform-box:fill-box;transform-origin:50%;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] .nav-toggle__bar:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-5px)rotate(-45deg)}}@media (width<=767px) and (prefers-reduced-motion:reduce){.js .site-nav,.js .site-header:after,.nav-toggle__bar{transition:none}}.hero__eyebrow{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:500}.hero__title{letter-spacing:-.01em;font-size:clamp(32px,6vw,56px);line-height:1.15}.hero__phrase{display:inline-block}:lang(en) .hero__phrase:not(:last-child){margin-inline-end:.25em}.hero__subtitle{max-width:640px;margin:12px auto 0;font-size:clamp(15px,2vw,18px)}.hero__copy{padding:0 var(--gutter);text-align:center}.hero--cover{min-height:min(calc(100svh - var(--header-h)), 900px);background:#000;position:relative}.hero--cover .hero__media{position:absolute;inset:0;overflow:hidden}.hero--cover .hero__media:after{content:"";background:linear-gradient(90deg,#0000009e 0%,#00000059 38%,#0000 60%);position:absolute;inset:0}.hero--cover .hero__img{object-fit:cover;object-position:center 60%;width:100%;height:100%}.hero--cover .hero__copy{z-index:1;color:#fff;padding-top:clamp(48px,12vh,120px);position:relative}.hero--cover .hero__subtitle{color:#ffffffe0}@media (width>=768px){.hero--cover .hero__copy{max-width:var(--content);text-align:left;margin:0 auto;padding-top:clamp(96px,22vh,200px)}.hero--cover .hero__title{max-width:560px}.hero--cover .hero__subtitle{max-width:440px;margin-left:0}.hero--cover .btn-row{justify-content:flex-start}}.hero--stage{padding-top:clamp(40px,8vh,80px)}.hero--stage .hero__subtitle{color:var(--muted)}.hero--stage .hero__media{padding:0 var(--gutter);justify-content:center;margin-top:40px;display:flex}.hero--stage .hero__img{border-radius:var(--radius-card);width:auto;max-height:min(64vh,640px)}@media (width<=480px){.hero--cover{background:var(--bg);flex-direction:column-reverse;min-height:0;display:flex}.hero--cover .hero__media{aspect-ratio:16/9;position:relative}.hero--cover .hero__media:after{display:none}.hero--cover .hero__copy{padding:24px var(--gutter) 32px;color:var(--fg)}.hero--cover .hero__subtitle{color:var(--muted)}.hero .btn-row,.page-head .btn-row{flex-direction:column;align-items:stretch}.hero--stage .hero__img{max-height:56vh}}.section{padding:clamp(56px, 10vw, 96px) var(--gutter)}.section--alt{background:var(--surface)}.section__inner{max-width:var(--content);margin:0 auto}.section__head{text-align:center;margin-bottom:clamp(32px,5vw,48px)}.section__title{font-size:clamp(28px,5vw,48px);line-height:1.2}.section__intro{max-width:720px;color:var(--muted);margin:12px auto 0}.section__more{text-align:center;color:var(--muted);margin-top:32px;font-size:14px}.section__more a{color:var(--fg);font-weight:500}.page-head{max-width:880px;padding:clamp(56px, 10vw, 96px) var(--gutter) clamp(40px, 6vw, 56px);text-align:center;margin:0 auto}.page-head__title{font-size:clamp(32px,5vw,48px);line-height:1.2}.page-head__intro{color:var(--muted);margin-top:16px}.card-grid{gap:24px;display:grid}@media (width>=768px){.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}}.card{border-radius:var(--radius-card);background:var(--bg);flex-direction:column;gap:8px;padding:24px;display:flex}.section:not(.section--alt) .card{background:var(--surface)}.card p{color:var(--muted)}.card .btn{align-self:flex-start;margin-top:auto}.badge{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:500}.card p.badge--shipping,.badge--shipping{color:#1d6234;background:#e3f1e7}.card p.badge--preorder,.badge--preorder{color:#2a4ca8;background:#e6ecfb}.product-card{padding:0;overflow:hidden}.product-card__media{aspect-ratio:4/5;background:var(--surface);position:relative;overflow:hidden}.product-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.product-card__body{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.product-card__name{font-size:28px;line-height:1.2}.product-card .btn-row{margin-top:auto;padding-top:16px}.product-card .btn{flex:140px;min-width:0;margin-top:0}.scene-card__title,.info-card__title,.accessory-card__name{font-size:20px}.accessory-card__media{aspect-ratio:1;border-radius:var(--radius-card) var(--radius-card) 0 0;margin:-24px -24px 8px;position:relative;overflow:hidden}.accessory-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.accessory-card .btn{margin-top:auto}.story{background:var(--bg)}.story__panel{max-width:var(--content);padding:clamp(56px, 10vw, 96px) var(--gutter);align-items:center;gap:32px;margin:0 auto;display:grid}@media (width>=768px){.story__panel{grid-template-columns:1fr 1fr;gap:64px}.story__panel:nth-child(2n) .story__media{order:2}}.story__media{justify-content:center;display:flex}.story__img{border-radius:var(--radius-card);width:auto;max-height:min(70vh,640px)}.story__key{color:var(--accent);font-size:14px;font-weight:500}.story__title{word-break:keep-all;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(28px,4vw,48px);line-height:1.2}.story__body{max-width:480px;color:var(--muted);margin-top:16px}.story.is-pinned .story__track{height:100vh;position:relative;overflow:hidden}.story.is-pinned .story__panel{position:absolute;inset:0}.story.is-pinned .story__img{max-height:calc(100vh - 160px)}@media (width<=767px){.story__panel{gap:20px;padding-block:40px}.story__img{max-height:min(56svh,520px)}}@media (width<=767px) and (aspect-ratio>=3/4){.story__panel{grid-template-columns:2fr 3fr;gap:16px;min-height:calc(100svh - 32px);padding-block:24px}.story__img{max-height:calc(100svh - 96px)}.story__title{font-size:clamp(20px,6vw,28px)}.story__body{margin-top:8px;font-size:14px;line-height:1.6}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.js .story__media picture{border-radius:var(--radius-card);display:block;overflow:hidden}.js .story .reveal{opacity:1;transition:none;animation:none;translate:none}}.subnav{z-index:15;background:#fffffff0;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}@supports (backdrop-filter:blur(8px)){.subnav{backdrop-filter:blur(8px);background:#fffc}}.subnav.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 12px #0000000a}.subnav__inner{max-width:var(--content);height:52px;padding:0 var(--gutter);align-items:center;gap:24px;margin:0 auto;display:flex}.subnav__name{font-weight:500;text-decoration:none}.subnav__links{gap:24px;font-size:14px;display:none}.subnav__links a{color:var(--muted);text-decoration:none}.subnav__links a:hover{color:var(--fg)}@media (width>=768px){.subnav__links{display:flex}}.subnav__buy{margin-left:auto}.js .subnav:not(.scrolled) .subnav__buy{visibility:hidden;opacity:0}.subnav__buy{transition:opacity .2s}@media (width<=767px){.subnav__inner{gap:8px}.subnav__name{flex:none;align-items:center;min-height:44px;padding-right:4px;display:flex}.subnav__links{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--subnav-fade-l), #000 calc(100% - var(--subnav-fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--subnav-fade-l), #000 calc(100% - var(--subnav-fade-r)), transparent);flex:1;gap:0;display:flex;overflow-x:auto}.subnav__links::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll()){.subnav__links{animation-name:subnav-fade;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}}.subnav__links a{white-space:nowrap;align-items:center;min-height:44px;padding:0 8px;display:flex}.subnav__links a[aria-current=location]{color:var(--fg);text-underline-offset:6px;text-decoration:underline 2px}.subnav__buy{flex:none;margin-left:0;padding:0 12px;position:relative}.subnav__buy:after{content:"";position:absolute;inset:-4px 0}}@property --subnav-fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --subnav-fade-r{syntax:"<length>";inherits:false;initial-value:0}@keyframes subnav-fade{0%{--subnav-fade-l:0px;--subnav-fade-r:24px}15%,85%{--subnav-fade-l:24px;--subnav-fade-r:24px}to{--subnav-fade-l:24px;--subnav-fade-r:0px}}.overview{padding-top:clamp(40px,6vw,64px)}.highlights{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;max-width:880px;margin:0 auto;display:grid}.highlight{flex-direction:column;gap:4px;display:flex}.highlight__value{font-size:clamp(24px,7vw,32px);font-weight:500;line-height:1.2}.highlight__label{color:var(--muted);font-size:14px}.prose{max-width:720px;margin:48px auto 0}.prose p+p{margin-top:16px}.segmented{background:#e2e3e3;border-radius:6px;width:max-content;max-width:100%;margin:0 auto 32px;padding:4px;display:flex}.segmented [role=tab]{border-radius:var(--radius-btn);min-width:120px;height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:14px;font-weight:500}.segmented [aria-selected=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 3px #00000014}@media (width<=767px){.segmented{width:100%;max-width:400px}.segmented [role=tab]{flex:1;min-width:0;height:44px;transition:background-color .2s,color .2s,box-shadow .2s}}.variant-panels{gap:24px;max-width:640px;margin:0 auto;display:grid}.variant-panel[hidden]{display:none}.variant-card{padding:32px}.variant-card__name{font-size:24px}.variant-card .btn{margin-top:16px}@media (width<=767px){.variant-card{padding:24px}.variant-card .btn{width:100%}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.js .variant-panel{animation:.25s ease-out panel-in}}@keyframes panel-in{0%{opacity:0;translate:0 8px}}.spec-table{border-collapse:collapse;width:100%;max-width:880px;margin:0 auto}.spec-table th,.spec-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 0}.spec-table th{width:35%;color:var(--muted);padding-right:24px;font-size:14px;font-weight:400}@media (width<=480px){.spec-table tr{border-bottom:1px solid var(--line);padding:12px 0;display:block}.spec-table th,.spec-table td{border:0;width:auto;padding:0;display:block}}.split{align-items:center;gap:32px;display:grid}@media (width>=768px){.split{grid-template-columns:1fr 1fr;gap:64px}}.split__media{justify-content:center;display:flex}.split__media img{border-radius:var(--radius-card);width:auto;max-height:min(60vh,560px)}.split__copy{font-size:18px}.clip{border-radius:var(--radius-card);background:#000;width:auto;max-width:100%;height:auto;max-height:min(80vh,720px);display:block}.video-caption{color:var(--muted);margin-top:16px}.video-credit{color:var(--muted);margin-top:8px;font-size:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=768px){.gallery{grid-template-columns:repeat(3,1fr)}}.gallery__item a{aspect-ratio:1;border-radius:var(--radius-card);background:var(--surface);display:block;overflow:hidden}.gallery__img{object-fit:contain;width:100%;height:100%;transition:transform .3s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.gallery__item a:hover .gallery__img{transform:scale(1.03)}}.gallery-empty{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--surface);color:var(--muted);place-items:center;font-size:32px;font-weight:500;display:grid}.lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.lightbox::backdrop{background:#000000eb}.lightbox__figure{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin:0;padding:56px 64px 48px;display:flex}.lightbox__img{object-fit:contain;max-width:100%;max-height:calc(100% - 48px)}.lightbox__caption{text-align:center;font-size:14px}.lightbox__count{font-size:14px;position:absolute;top:16px;left:16px}.lightbox__btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.lightbox__btn:hover{background:#ffffff3d}.lightbox__prev{top:50%;left:12px;translate:0 -50%}.lightbox__next{top:50%;right:12px;translate:0 -50%}.lightbox__close{top:8px;right:8px}@media (width<=480px){.lightbox__figure{padding:56px 8px 72px}.lightbox__prev,.lightbox__next{top:auto;bottom:12px;translate:none}}@media (width<=767px){.gallery{gap:12px}.lightbox{overscroll-behavior:contain;height:100dvh}.lightbox__figure{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.lightbox__img{-webkit-user-drag:none}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.gallery__item a{transition:scale .15s}.gallery__item a:active{scale:.97}.lightbox[open] .lightbox__figure{animation:.25s ease-out lightbox-in}.lightbox[open]::backdrop{animation:.25s ease-out lightbox-fade}}@keyframes lightbox-in{0%{opacity:0;scale:.96}}@keyframes lightbox-fade{0%{opacity:0}}.faq{max-width:880px;margin:0 auto}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 0;font-size:18px;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--muted)}.faq__item[open] summary:after{content:"−"}.faq__item p{color:var(--muted);padding-bottom:20px}@media (width<=767px) and (prefers-reduced-motion:no-preference){.faq__item{interpolate-size:allow-keywords}.faq__item::details-content{opacity:0;block-size:0;transition:block-size .25s ease, opacity .25s ease, content-visibility .25s allow-discrete;overflow:clip}.faq__item[open]::details-content{opacity:1;block-size:auto}}.table-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;background:var(--bg);border-radius:var(--radius-card);width:100%}.compare-table--specs{min-width:640px}.compare-table.credits-table td{vertical-align:middle}.credits-table__thumb,.credits-table__thumb img{object-fit:cover;border-radius:4px;width:96px;height:72px;display:block}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px}.compare-table thead th{font-size:18px}.compare-table tbody th{width:22%;font-size:14px}.compare-table td{color:var(--muted)}.contact-list{max-width:640px;margin:0 auto}.contact-list div{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 24px;padding:16px 0;display:flex}.contact-list dt{width:120px;color:var(--muted)}.contact-list dd{margin:0}@media (width<=767px){.table-scroll{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overscroll-behavior-x:contain}.compare-table th,.compare-table td{padding:12px}.compare-table--specs{min-width:560px}.compare-table--specs tr>:first-child{left:calc(-1 * var(--gutter));z-index:1;background:var(--bg);width:96px;box-shadow:inset -1px 0 0 var(--line);padding-left:16px;position:sticky}.compare-table--specs thead a{margin:-12px 0;padding:12px 0;display:inline-block}.compare-table--stack thead,.credits-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.compare-table--stack,.compare-table--stack tbody,.credits-table,.credits-table tbody{display:block}.compare-table--stack tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px;display:grid}.compare-table--stack tr:last-child,.credits-table tr:last-child{border-bottom:0}.compare-table--stack th,.compare-table--stack td,.credits-table td{border:0;width:auto;padding:0;display:block}.compare-table--stack tbody th{grid-column:1/-1;width:auto;font-size:16px}.compare-table--stack td{font-size:14px}.compare-table--stack td:before{content:attr(data-label);color:var(--fg);margin-bottom:2px;font-size:12px;font-weight:500;display:block}.credits-table tr{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;align-items:start;gap:4px 12px;padding:12px 16px;display:grid}.credits-table td:first-child{grid-row:span 2}.credits-table td:last-child{font-size:14px}.credits-table__thumb,.credits-table__thumb img{width:72px;max-width:none;height:72px}.contact-list div{flex-direction:column;gap:2px;padding:12px 0}.contact-list dt{width:auto;font-size:14px}}.site-footer{padding:48px var(--gutter) 32px;background:var(--surface);font-size:14px}.site-footer__inner{max-width:var(--content);margin:0 auto}.site-footer__cols{gap:32px;display:grid}@media (width>=768px){.site-footer__cols{grid-template-columns:1fr 1fr}}.site-footer__title{color:var(--muted);margin-bottom:12px;font-size:14px}.site-footer li+li{margin-top:6px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer__keys{color:var(--muted);margin-top:32px;font-size:12px}html:not(.js) .site-footer__keys{display:none}.site-footer__keys kbd{border:1px solid var(--line);font:inherit;background:var(--bg);border-radius:3px;padding:0 4px}.site-footer__keys-toggle{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;text-decoration:underline}.site-footer__legal{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:16px;font-size:12px}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity .8s,translate .8s cubic-bezier(.2,.7,.2,1),scale .8s cubic-bezier(.2,.7,.2,1);translate:0 32px}.js .card.reveal,.js .gallery__item.reveal{translate:0 40px;scale:.97}.js .reveal .product-card__media img{transition:scale 1.4s cubic-bezier(.2,.7,.2,1);scale:1.1}.js .reveal.in,.js .reveal.in .product-card__media img{opacity:1;translate:none;scale:none}.js :is(.card-grid,.gallery)>.reveal:nth-child(3n+2),.js :is(.card-grid,.gallery)>.reveal:nth-child(3n+2) .product-card__media img{transition-delay:.12s}.js :is(.card-grid,.gallery)>.reveal:nth-child(3n+3),.js :is(.card-grid,.gallery)>.reveal:nth-child(3n+3) .product-card__media img{transition-delay:.24s}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.js :is(.card-grid,.gallery)>.reveal:nth-child(n),.js :is(.card-grid,.gallery)>.reveal:nth-child(n) .product-card__media img{transition-delay:0s}.js .gallery>.reveal:nth-child(2n){transition-delay:.12s}}.js .story .reveal{opacity:1;transition:none;translate:none;scale:none}.intro__stage{max-width:var(--content);padding:40px var(--gutter) 56px;margin:0 auto}.intro__copy{text-align:center;padding-bottom:40px}.intro__copy .hero__subtitle{color:var(--muted)}.intro .btn-row{justify-content:center}.intro__grid-title{text-align:center;margin-bottom:16px;font-size:clamp(20px,2.4vw,28px);font-weight:500}.intro__grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.intro__tile{aspect-ratio:1;border-radius:var(--radius-card);background:var(--surface);display:block;position:relative;overflow:hidden}.intro__tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro__tile--main{aspect-ratio:16/10;grid-column:1/-1}.intro__tile--main img{object-position:56% center}.intro__shade{display:none}.intro__label{color:var(--fg);background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}@media (width>=768px){.intro__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,1fr)}.intro__tile--main{aspect-ratio:auto;grid-area:1/2/3/4}.intro__tile--1{grid-area:1/1}.intro__tile--2{grid-area:2/1}.intro__tile--3{grid-area:1/4}.intro__tile--4{grid-area:2/4}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.js .intro__stage{max-width:none;height:100svh;padding:24px var(--gutter);flex-direction:column;display:flex;position:relative}.js .intro__grid{width:100%;max-width:var(--content);flex:1;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;margin:0 auto}.js .intro__tile{aspect-ratio:auto}.js .intro__tile--full{z-index:2;border-radius:0;position:absolute;inset:0}.js .intro__shade{background:linear-gradient(90deg,#0000009e 0%,#00000059 38%,#0000 60%);display:block;position:absolute;inset:0}.js .intro__copy{z-index:3;max-width:var(--content);padding:0 var(--gutter);color:#fff;text-align:left;margin:0 auto;position:absolute;top:clamp(96px,22vh,200px);left:0;right:0}.js .intro__copy .hero__title{max-width:560px}.js .intro__copy .hero__subtitle{color:#ffffffe0;max-width:440px;margin-left:0}.js .intro .btn-row{justify-content:flex-start}}@media (width<=767px){.intro__stage{grid-template-columns:calc(var(--gutter) - 12px) 1fr 1fr calc(var(--gutter) - 12px);gap:12px;padding:0 0 48px;display:grid}.intro__grid{display:contents}.intro__copy{text-align:left;grid-area:1/2/2/4;padding:32px 0 20px}.intro__copy .hero__subtitle{margin-left:0}.intro .btn-row{justify-content:flex-start;gap:12px;max-width:400px}.intro .btn-row .btn{flex:1 1 0;min-width:0;padding:0 12px}.intro__tile--main{height:min(125vw, max(calc(100svh - var(--header-h) - 250px), 75vw));aspect-ratio:auto;border-radius:0;grid-area:2/1/3/-1}.intro__grid-title{grid-area:3/2/4/4;margin:28px 0 4px}.intro__tile--1{grid-area:4/2}.intro__tile--2{grid-area:4/3}.intro__tile--3{grid-area:5/2}.intro__tile--4{grid-area:5/3}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.js .intro__tile--main img{transform:scale(1.08)}.js .intro{--intro-copy-fb:222px;--intro-head-fb:134px}:root[lang=en].js .intro{--intro-copy-fb:185px;--intro-head-fb:97px}:root.keys-kbd.js .intro{--intro-copy-fb:278px}:root[lang=en].keys-kbd.js .intro{--intro-copy-fb:241px}.js .intro__stage{height:100svh;padding:calc(var(--intro-head-h,var(--intro-head-fb)) + 16px) var(--gutter) 16px;flex-direction:column;justify-content:center;display:flex;position:relative}.js .intro__copy{z-index:3;top:24px;left:var(--gutter);right:var(--gutter);padding:0;position:absolute}.js .intro__grid{width:min(100%, calc(100svh - var(--intro-head-h,var(--intro-head-fb)) - 92px));grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;display:grid}.js .intro__grid-title{margin:0 0 12px}.js .intro__tile{aspect-ratio:1}.js .intro__tile--main{border-radius:var(--radius-card);grid-area:1/1;height:auto}.js .intro__tile--full{top:var(--intro-copy-h,var(--intro-copy-fb));right:0;bottom:var(--header-h);z-index:2;aspect-ratio:auto;border-radius:0;position:absolute;left:0}.js .intro__tile--1{grid-area:1/2}.js .intro__tile--2{display:none}.js .intro__tile--3{grid-area:2/1}.js .intro__tile--4{grid-area:2/2}}.keys-help{border:1px solid var(--line);border-radius:var(--radius-card);width:calc(100% - 16px);max-width:360px;max-height:calc(100% - 16px);color:var(--fg);background:var(--bg);margin:auto;padding:16px;overflow:auto;box-shadow:0 12px 32px #00000029}.keys-help::backdrop{background:#0006}.keys-help__title{margin:0 0 12px;font-size:16px;font-weight:500}.keys-help__list{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px;line-height:20px;display:grid}.keys-help__list div{display:contents}.keys-help__list dd{color:var(--muted);margin:0}.keys-help kbd{border:1px solid var(--line);font:inherit;border-radius:3px;padding:0 4px}.keys-help__close{border:1px solid var(--line);border-radius:var(--radius-btn);width:100%;min-height:44px;font:inherit;color:var(--fg);background:var(--bg);cursor:pointer;margin-top:12px;font-size:14px}@media (prefers-reduced-motion:no-preference){.keys-help[open]{animation:.15s ease-out keys-help-in}}@keyframes keys-help-in{0%{opacity:0;translate:0 8px}}.key-hint{border:1px solid var(--line);min-width:16px;color:var(--muted);text-align:center;vertical-align:1px;border-radius:3px;margin-left:6px;padding:0 4px;font:500 11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;display:none}.key-hint--on-btn{color:#ffffffd9;border-color:#ffffff73}html.keys-seen:not([data-keys=off]) .key-hint{display:inline-block}html.keys-seen:has(.subnav__buy) .site-nav [data-shortcut=s] .key-hint{display:none}.site-footer__tm{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:12px}.keys-tip{z-index:19;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));border-radius:var(--radius-card);background:var(--fg);color:#fff;opacity:0;pointer-events:none;align-items:center;width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;font-size:14px;line-height:1.4;transition:opacity .25s;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.keys-tip[hidden]{display:none}.keys-tip--in{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:no-preference){.keys-tip{transition:opacity .25s,translate .25s;translate:0 8px}.keys-tip--in{translate:none}}.keys-tip__open,.keys-tip__close{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.keys-tip__open{text-align:left;min-width:0;padding:8px 4px 8px 16px}.keys-tip__open:hover{text-underline-offset:3px;text-decoration:underline}.keys-tip__close{color:#fffc;flex:none;width:44px;font-size:20px;line-height:1}.keys-tip__close:hover{color:#fff}.keys-tip__open:focus-visible,.keys-tip__close:focus-visible{outline-offset:-4px;border-radius:var(--radius-btn);outline:2px solid #fff}.keys-tip kbd{border:1px solid #ffffff80;border-radius:3px;padding:0 5px;font:500 12px/18px ui-monospace,SFMono-Regular,Menlo,monospace}@media (width>=768px){.keys-tip{left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));margin-left:0}}.tm-note{max-width:640px;color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.page-head .tm-note{margin-inline:auto}.key-invite{color:var(--muted);font-size:14px;line-height:1.6;transition:opacity .3s,visibility 0s .3s;display:none}html.keys-kbd .key-invite{display:block}html[data-keys=off] .key-invite{display:none}.keycap{background:var(--bg);min-width:22px;color:var(--fg);text-align:center;vertical-align:1px;border:1px solid #bfc1c4;border-radius:4px;margin:0 2px;padding:0 6px;font:500 12px/18px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block;box-shadow:0 2px #bfc1c4}@media (prefers-reduced-motion:no-preference){.keycap{transition:translate .12s ease-out,box-shadow .12s ease-out}.keycap--pressed{translate:0 2px;box-shadow:0 0 #bfc1c4}}.intro .key-invite{margin-top:12px}.key-invite__btn{min-height:32px;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.key-invite__btn:hover{text-underline-offset:4px;text-decoration:underline}@media (pointer:coarse){.key-invite__btn{min-height:44px}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.js .intro__copy .key-invite{color:#ffffffe0}.js .intro__copy .keycap{color:#fff;background:#ffffff29;border-color:#ffffffb3;box-shadow:0 2px #ffffff80}.js .intro__copy .keycap--pressed{box-shadow:0 0 #ffffff80}}.story__try{margin-top:16px}@media (width<=767px) and (aspect-ratio>=3/4){.story__try{margin-top:8px}}.site-footer__return{margin-bottom:32px}.brand .key-hint{letter-spacing:0}.site-nav__ext{color:var(--muted);margin-left:2px;font-size:.85em}@media (width>=768px) and (width<=899px){.site-nav ul{column-gap:20px}}@media (width>=768px){.keys-help__list .keys-help__menu{display:none}}@media (height<=400px){.keys-help__list{row-gap:0}}a.product-card__media{display:block}.product-card__name a{color:inherit;text-decoration:none}.product-card__name a:hover{color:var(--accent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){a.product-card__media img{transition:transform .4s}a.product-card__media:hover img{transform:scale(1.03)}}
