.hero{--card-w:clamp(140px, 44vw, 210px);--card-h:calc(var(--card-w) * 1.55)}@media (width>=48rem){.hero{--card-w:clamp(150px, min(19vw, calc((100svh - var(--top-h) - 18rem) / 1.55)), 300px)}}.hero-dark{z-index:1;background:var(--color-indigo);display:none;position:absolute;inset:0}html.intro .hero-dark{display:block}.threads{justify-content:space-between;padding:0 4vw;display:flex;position:absolute;inset:0}.thread{opacity:.9;transform-origin:top;width:2px;height:100%}html.intro .thread{transform:scaleY(0)}.hero-inner{z-index:2;min-height:calc(100svh - var(--top-h));flex-direction:column;display:flex;position:relative}.hero-copy{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.intro .hero-copy{z-index:3;clip-path:none;white-space:normal;width:auto;height:auto;color:var(--color-ivory);pointer-events:none;gap:.75rem;padding:1.25rem 1.25rem 0;display:grid;top:0;left:0;right:0;overflow:visible}html.intro .hero-copy>*{opacity:0}.hero-para{max-width:36ch;font-size:13px;line-height:1.65}.hero-tagline{letter-spacing:.12em;text-transform:uppercase;font-size:1.65rem;line-height:1.05}@media (width<=47.99rem){html.intro .hero-para{display:none}}@media (width>=48rem){html.intro .hero-copy{grid-template-columns:1fr 1fr;align-items:start;padding:2rem 2.5rem 0}.hero-para{font-size:14px}.hero-tagline{text-align:right;font-size:2.6rem}}.stage{min-height:calc(var(--card-h) * 1.12);touch-action:pan-y;user-select:none;flex:1;position:relative}.hero-card{width:var(--card-w);margin-left:calc(var(--card-w) / -2);margin-top:calc(var(--card-h) / -2);opacity:0;will-change:transform;position:absolute;top:50%;left:50%}.card-link{aspect-ratio:1/1.55;-webkit-user-drag:none;display:block;position:relative}.hero-card:not(.is-active) .card-link{cursor:pointer}.card-bg{opacity:0;background:linear-gradient(160deg,#fbf7f0,#ddd0bb);border-radius:18px;position:absolute;inset:0;box-shadow:0 30px 50px -28px #000000bf}html.intro .card-bg{opacity:1}.card-figure{pointer-events:none;width:100%;height:100%;padding:7% 8% 3%;position:relative}.car-controls{z-index:30;gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1.25rem}@media (width>=48rem){.car-controls{bottom:1.5rem;right:2.5rem}}html.intro .car-controls{opacity:0}.car-btn{background:#f3ead9b3;border:1px solid #141a5259;border-radius:999px;place-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:grid}.car-btn:hover{background:var(--color-indigo);color:var(--color-ivory)}.strip{--w:33.333vw;--strip-img:7rem;--strip-meta:3.9rem;height:calc(var(--strip-img) + var(--strip-meta) + 1px);touch-action:pan-y;user-select:none;border-top:1px solid #141a521f;position:relative;overflow:hidden}@media (width>=48rem){.strip{--w:18.87vw;--strip-img:8.5rem;--strip-meta:2.75rem}}.strip-item{width:var(--w);margin-left:calc(var(--w) / -2);opacity:0;border-left:1px solid #141a521a;position:absolute;top:0;left:50%}html.intro .strip-item{opacity:0;transform:translateY(24px)}.strip-link{-webkit-user-drag:none;transition:opacity .4s;display:block}.strip-img{height:var(--strip-img);display:block;position:relative;overflow:hidden}.strip-fig{width:100%;height:185%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:-4%;left:0}.strip-link:hover .strip-fig{transform:scale(1.04)}.strip-meta{height:var(--strip-meta);flex-direction:column;justify-content:center;gap:.1rem;padding:0 .6rem;display:flex}@media (width>=48rem){.strip-meta{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .85rem}}.strip-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-width:100%;font-size:12.5px;line-height:1.2;display:-webkit-box;overflow:hidden}@media (width>=48rem){.strip-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block}}.strip-price{flex-shrink:0;font-size:15px;font-weight:600}.strip-item:not(.is-active) .strip-link{opacity:.8}.strip-item.is-active .strip-name{color:var(--color-magenta)}.strip-heart{background:#ffffffd9;border-radius:999px;width:34px;height:34px;position:absolute;top:.4rem;left:.4rem}.intro-skip{display:none}html.intro .intro-skip{z-index:40;color:var(--color-ivory);letter-spacing:.18em;text-transform:uppercase;border:1px solid #f3ead966;border-radius:999px;padding:.5rem .9rem;font-size:11px;display:block;position:absolute;bottom:1.25rem;right:1.25rem}.weave-anim .step{opacity:.35;transition:opacity .4s}.weave-anim .step.is-active,.weave-anim .step.is-done{opacity:1}@media (width<=47.99rem){.weave-anim .step:not(.is-active) .step-text{display:none}}.spin-stage{aspect-ratio:4/5;cursor:grab;touch-action:pan-y;user-select:none;position:relative;overflow:hidden}.spin-stage:active{cursor:grabbing}.is-zoomed .spin-stage{cursor:zoom-out;touch-action:none}.is-detail .spin-stage{cursor:zoom-in}.spin-view{transition:transform .35s;position:absolute;inset:0}.spin-frame{object-fit:contain;visibility:hidden;-webkit-user-drag:none;width:100%;height:100%;padding:5% 0 3%;position:absolute;inset:0}.spin-frame.on{visibility:visible}.is-detail .spin-frame{display:none}.spin-detail{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spin-status{color:#141a5299;font-size:12px;position:absolute;top:1rem;left:1rem}.is-ready .spin-status{display:none}.spin-hint{color:var(--color-ivory);white-space:nowrap;pointer-events:none;background:#141a52d1;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:12px;transition:opacity .4s;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.is-touched .spin-hint,.is-detail .spin-hint,.is-zoomed .spin-hint{opacity:0}.spin-badge{letter-spacing:.12em;border:1px solid #141a524d;border-radius:999px;padding:.2rem .55rem;font-size:11px;position:absolute;top:1rem;right:1rem}.is-detail .spin-badge{display:none}.spin-bar{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:.75rem;display:flex}.spin-thumbs{scrollbar-width:none;gap:.5rem;padding:2px;display:flex;overflow-x:auto}.spin-thumb{text-align:center;color:#141a52b3;gap:.3rem;width:4.25rem;font-size:11px;line-height:1.2;display:grid}.thumb-img{aspect-ratio:4/5;outline:1px solid #141a521f;display:block;overflow:hidden}.thumb-img img{object-fit:cover;width:100%;height:100%}.spin-thumb[aria-pressed=true]{color:var(--color-indigo);font-weight:600}.spin-thumb[aria-pressed=true] .thumb-img{outline:2px solid var(--color-indigo)}.spin-zoom-btn{border:1px solid #141a5240;flex-shrink:0;align-items:center;gap:.4rem;min-height:44px;padding:0 .9rem;font-size:12px;display:inline-flex}.spin-zoom-btn:hover{border-color:var(--color-indigo)}.spin-wrap{max-width:min(34rem,100%)}@media (width>=48rem){.spin-wrap{max-width:min(100%,80svh - 16.8rem)}}.tile{aspect-ratio:4/5;color:var(--color-ivory);background-size:96px;display:block;position:relative;overflow:hidden}@media (width>=48rem){.tile{aspect-ratio:6/5}}.tile-shade{background:radial-gradient(34% 62% at 74% 58%,#f3ead9b3,#0000 72%),linear-gradient(#0a0d2d4d,#0a0d2d8c 55%,#0a0d2df0);position:absolute;inset:0}.tile-figure{filter:drop-shadow(0 18px 18px #00000059);width:auto;height:84%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:4%;right:8%}.tile:hover .tile-figure{transform:translateY(-8px)scale(1.03)}.tile-text{padding:1.5rem;position:absolute;bottom:0;left:0}@media (width>=48rem){.tile-text{padding:2rem}}.occasions{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:68%;grid-auto-flow:column;gap:1rem;margin:0 -1.25rem;padding:0 1.25rem;display:grid;overflow-x:auto}.occasions>li{scroll-snap-align:start}@media (width>=48rem){.occasions{grid-template-columns:repeat(4,1fr);grid-auto-flow:row;gap:1.5rem;margin:0;padding:0}}.occ-card{aspect-ratio:3/4;padding:10% 0 4%;display:block;overflow:hidden}.occ-figure{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.group:hover .occ-figure{transform:scale(1.05)}