/* Shared interaction language: calm easing, clear focus, generous hit areas. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--control-size:44px;--white:#fdfdfd}
:where(button,a){touch-action:manipulation}
:where(button,a):focus:not(:focus-visible){outline:none}
:where(button,a):focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.round-control,.gallery-nav .round-control{width:44px;height:44px;min-height:44px;border-color:#090a102b;transition:background .24s,color .24s,border-color .24s,translate .24s var(--ease-out)}
.round-control svg{width:19px;height:19px;stroke-linecap:round;stroke-linejoin:round}
.round-control:disabled{opacity:.24}
.round-control:not(:disabled):active{translate:0 1px}
.header .back svg,.footer a svg,.launch-link svg,.instagram-profile-follow svg{transition:transform .5s var(--ease-out)}
.header .back,.footer a,.launch-link{transition:color .25s,border-color .3s,opacity .25s}
.instagram-profile-follow{min-height:44px;transition:background .3s,box-shadow .3s,translate .3s var(--ease-out)}
.instagram-profile-follow:active{translate:0 1px}
.instagram-profile .instagram-tile:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.instagram-profile .instagram-tile img{transition:transform .8s var(--ease-out)}
.video-hero .film-screen .film-actions{align-items:center;inset:auto 14px 14px;gap:8px}
.film-actions button{height:44px;min-height:44px;border-radius:22px;border-color:#ffffff50;background:#11151c66;transition:background .24s,border-color .24s,translate .24s var(--ease-out)}
#film-start,#film-sound{width:44px;min-width:44px;padding:0;flex:0 0 44px}
#film-sound>span{display:flex;align-items:center;justify-content:center}
.film-actions button svg{width:18px;height:18px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#film-skip{padding:0 16px;gap:10px;text-transform:none;font-size:12px;letter-spacing:0}
.film-actions button:active,.journal-film-controls button:active{translate:0 1px}
#replay-film{gap:12px;min-height:44px;font-size:12px;transition:color .25s}
#replay-film>span:first-child{display:flex;align-items:center;justify-content:center;width:32px;height:32px}
#replay-film svg{width:19px;height:19px;transition:transform .6s var(--ease-out)}
.gallery-item{position:relative}
.scroll-story .gallery-item{transition:filter .3s}
.inspect-mark{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff4d;border-radius:50%;background:#10111580;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:none;opacity:0;translate:0 5px;transition:opacity .3s,translate .45s var(--ease-out);z-index:4}
.inspect-mark svg{width:16px;height:16px;stroke-width:1.4}
.gallery-item .inspect-mark{right:8px;bottom:8px;width:30px;height:30px}
.product-inspect{display:block;position:relative;width:100%;border:0;background:none;padding:0;color:inherit;text-align:left;cursor:zoom-in}
.product-photo img{transition:transform .85s var(--ease-out)}
.product-nav{display:none;align-items:center;justify-content:flex-end;gap:18px;padding-top:16px;font-size:11px;font-variant-numeric:tabular-nums}
.product-grid:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.product-card figcaption{padding-top:18px;align-items:baseline}
.product-card figcaption span:last-child{white-space:nowrap}
.lightbox{margin:auto;padding:20px 24px 24px;width:min(100% - 32px,1100px);max-width:none;max-height:calc(100dvh - 32px);border:1px solid #ffffff26;border-radius:8px;background:#101115;color:#fdfdfd;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff44 transparent}
.lightbox::backdrop{background:#090a10e8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lightbox[open]{animation:detail-in .28s var(--ease-out)}
.lightbox-bar{gap:20px;margin-bottom:18px}
.lightbox-caption{display:flex;align-items:center;gap:24px;min-width:0}
#lightbox-count{flex-shrink:0;font-size:11px;color:#a9aab2;font-variant-numeric:tabular-nums}
#lightbox-title{font-size:13px;letter-spacing:0;line-height:1.4;white-space:normal}
.lightbox .round-control{border-color:#ffffff45;flex-shrink:0}
.lightbox-stage{gap:24px}
.lightbox-stage #lightbox-art{width:min(calc((100dvh - 160px)*.8),calc(100% - 136px));touch-action:pan-y}
#lightbox-art .photo-frame,#lightbox-art .product-photo{border-radius:2px}
#lightbox-art .product-photo img{transform:none}
.lightbox button:focus-visible{outline-color:#fff}
@keyframes detail-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(hover:hover){
 .round-control:not(:disabled):hover{background:var(--ink);color:#fff;border-color:var(--ink)}
 .lightbox .round-control:hover{background:#fdfdfd;color:#101115;border-color:#fdfdfd}
 .product-inspect:hover .inspect-mark,.gallery-item:hover .inspect-mark{opacity:1;translate:0 0}
 .product-inspect:hover .product-photo img{transform:scale(1.025)}
 #replay-film:hover{color:var(--blue)}
 #replay-film:hover svg{transform:rotate(-35deg)}
 .instagram-profile-follow:hover svg{transform:translate(2px,-2px)}
}
.product-inspect:focus-visible .inspect-mark,.gallery-item:focus-visible .inspect-mark{opacity:1;translate:0 0}
@media(max-width:760px){
 .product-nav{display:flex}
 .product-grid{scrollbar-width:none;scroll-padding-inline:0;overscroll-behavior-x:contain}
 .product-grid::-webkit-scrollbar{display:none}
 .instagram-profile-follow{min-height:44px}
 .film-actions button{min-height:44px}
 .video-hero .film-screen .film-actions{inset:auto 10px 10px}
 .product-inspect .inspect-mark{opacity:1;translate:none}
 .lightbox{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:12px;border:1px solid #ffffff26}
 .lightbox-caption{display:block}
 #lightbox-count{display:block;margin-bottom:5px;font-size:10px}
 #lightbox-title{font-size:12px}
 .lightbox-stage{gap:8px}
 .lightbox-stage #lightbox-art{width:min(100%,calc((100dvh - 188px)*.8))}
 .lightbox-stage .round-control{margin:8px 18px 0}
 .collection-controls{min-height:72px}
}
@media(prefers-reduced-motion:reduce){.lightbox[open]{animation:none}.product-photo img,.inspect-mark,.round-control{transition:none}.product-inspect:hover .product-photo img{transform:none}}
/* Keep the launch action available on a phone, too. */
.launch-link{min-height:44px}
.edition{font-size:max(10px,.72vw)}
.card-number,.card-footnote{font-size:max(9px,2.85cqw)}
@media(max-width:760px){
 .statement .launch-link{display:flex;margin-top:8px;min-height:44px;padding:8px 0 4px;font-size:11px}
 .statement .intro{max-width:none}
}