.page{--bg-top:#060609;--bg-bottom:#030304;--base:#fafbff;--muted:#ffffffad;--muted-2:#fff6;--panel:#0d101ccc;--panel-edge:#ff4e6640;--shadow:0 28px 60px #000000a6;--ring:#ff4e6640;--accent:#ff3d55;--accent-2:#ff6258;--transition:.45s ease;--cycle:1.6s;box-sizing:border-box;color:var(--base);--cw:100cqw;--ch:100cqh;--hero-title-size:clamp(1.2rem, calc(var(--ch) * .075), 2.6rem);--hero-subtitle-size:clamp(.85rem, calc(var(--ch) * .04), 1.15rem);--gallery-gap:clamp(0rem, calc(var(--cw) * .002), .12rem);--top-gallery-headroom:clamp(24px, calc(var(--ch) * .07), 64px);--top-gallery-safe-top:clamp(8px, calc(var(--ch) * .02), 20px);--top-gallery-side:clamp(44px, 11vw, 120px);--top-card-w:clamp(96px, calc(var(--cw) * .27), 270px);--top-card-h:clamp(120px, calc(var(--ch) * .44), 320px);--top-card-center-w:clamp(112px, calc(var(--cw) * .31), 310px);--top-card-center-h:clamp(138px, calc(var(--ch) * .52), 380px);--selector-panel-h:clamp(112px, calc(var(--ch) * .32), 260px);--selector-card-w:96px;--selector-card-h:126px;--selector-card-center-w:132px;--selector-card-center-h:172px;--selector-gap-x:8px;--selector-extra-shift:8px;--selector-card-border-width:2px;--selector-card-border-color:#9ca3af;--selector-far-opacity:.2;--selector-center-scale:1.22;--selector-small-scale:1;--selector-small-w-effective:calc(var(--selector-card-w) * var(--selector-small-scale));--selector-center-w-effective:calc(var(--selector-card-center-w) * var(--selector-center-scale));--card-shift-near:calc((var(--selector-center-w-effective) * .36) + (var(--selector-small-w-effective) * .5) + var(--selector-gap-x) + var(--selector-extra-shift));--card-shift-far:calc(var(--card-shift-near) + var(--selector-small-w-effective) + var(--selector-gap-x) + var(--selector-extra-shift));flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:100%;height:100%;min-height:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;container-type:size}.page,.page *,.page :before,.page :after{box-sizing:border-box}.hero{text-align:center;width:100%;max-width:100%;padding:clamp(36px, calc(var(--ch) * .1), 96px) 0 0;z-index:20;margin-top:0;margin-bottom:0;position:relative}.hero__title{font-size:var(--hero-title-size);letter-spacing:-.02em;color:#000;text-shadow:none;margin:0;font-weight:800;line-height:1.05}.hero__subtitle{margin:clamp(8px, calc(var(--ch) * .018), 18px) auto 0;max-width:620px;font-size:var(--hero-subtitle-size);color:#000;line-height:1.55}.dark .hero__title,.dark .hero__subtitle{color:#fff}.selector-panel{z-index:10;perspective:1000px;background:#fff;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:100%;height:188px;margin:auto 0 0;padding:12px 0;display:flex;position:relative;overflow:clip visible;box-shadow:inset 0 22px 36px #fffffff5,0 -18px 52px #ffffffeb,0 0 42px #ffffffc7,0 14px 34px #ffffff6b}.selector-panel:before{content:"";pointer-events:none;z-index:2;background:#fff;height:24px;position:absolute;top:0;left:0;right:0;box-shadow:0 -10px 32px #fffffffa,0 6px 18px #ffffffbd}.dark .selector-panel{background:#000;box-shadow:inset 0 22px 36px #000000fa,0 -18px 52px #000000e6,0 0 34px #000000bd,0 14px 34px #00000094}.dark .selector-panel:before{background:#000;box-shadow:0 -10px 32px #000000fa,0 6px 18px #000000c7}.dark .page{--selector-card-border-color:#a1a1aa}@container (max-height:640px){.selector-panel{margin-top:auto}}.top-gallery{place-items:flex-end center;gap:var(--gallery-gap);margin-top:0;margin-bottom:0;margin-left:calc(-1 * var(--top-gallery-side));margin-right:calc(-1 * var(--top-gallery-side));padding-top:calc(var(--top-gallery-headroom) + var(--top-gallery-safe-top));padding-left:var(--top-gallery-side);padding-right:var(--top-gallery-side);perspective:900px;z-index:8;box-sizing:border-box;width:calc(100% + 2 * var(--top-gallery-side));grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.top-card{border-radius:clamp(8px, calc(var(--ch) * .024), 18px);border:var(--selector-card-border-width) solid var(--selector-card-border-color);transform-origin:bottom;width:198px;height:392px;transition:box-shadow var(--transition);opacity:1;will-change:transform, opacity;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000047}.top-card__image{object-fit:cover;object-position:top center;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s;display:block;position:absolute;inset:0}.top-card__image.is-visible{opacity:1}.top-card.tilt-left{--base-transform:rotate(-18deg) translateX(72px) translateY(-26px);transform:var(--base-transform)}.top-card.center-card{--base-transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px));width:310px;height:480px;transform:var(--base-transform);z-index:3}.top-card.tilt-right{--base-transform:rotate(18deg) translateX(-72px) translateY(-26px);transform:var(--base-transform)}.top-card.center-card.active,.top-card.active{box-shadow:0 8px 16px #ff4e661a}.top-card.center-card.active{transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px))}@keyframes cardPulseLeft{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.05)}70%{transform:var(--base-transform) scale(1.02)}to{transform:var(--base-transform) scale(1)}}@keyframes cardPulseCenter{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.07)}to{transform:var(--base-transform) scale(1)}}@keyframes cardPulseRight{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.05)}70%{transform:var(--base-transform) scale(1.02)}to{transform:var(--base-transform) scale(1)}}.top-card--animate.tilt-left{animation:.65s ease-out 50ms cardPulseLeft}.top-card--animate.center-card{animation:.7s ease-out .18s cardPulseCenter}.top-card--animate.tilt-right{animation:.65s ease-out .32s cardPulseRight}.selector-carousel{width:100%;height:var(--selector-card-h);z-index:5;touch-action:manipulation;margin:0 auto;display:block;position:relative;overflow:visible}.selector-card{width:var(--selector-card-w);height:var(--selector-card-h);border-radius:clamp(8px, calc(var(--ch) * .022), 15px);border:var(--selector-card-border-width) solid var(--selector-card-border-color);cursor:pointer;opacity:.5;transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;padding:0;transition:opacity .4s;display:block;position:absolute;top:50%;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.selector-card--left,.selector-card--right,.selector-card--center{transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .4s}.selector-card--hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:0;display:block}.selector-card--far-left{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% - var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--left{opacity:.5;transform:translate3d(calc(-50% - var(--card-shift-near)), -50%, 0) scale(1)}.selector-card--center{opacity:1;transform:translate3d(-50%, calc(-50% - 16px), 0) scale(var(--selector-center-scale));z-index:20;border:var(--selector-card-border-width) solid var(--selector-card-border-color);box-shadow:0 6px 12px var(--card-theme,#ff4b6959), 0 0 10px var(--card-theme,#ff4b6940);transition:transform .62s cubic-bezier(.22,1,.36,1),opacity linear}.selector-card--right{opacity:.5;transform:translate3d(calc(-50% + var(--card-shift-near)), -50%, 0) scale(1)}.selector-card--far-right{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% + var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--far-left,.selector-card--far-right{transition-property:opacity,box-shadow,border-color;transition-duration:.22s,.35s,.35s;transition-timing-function:ease,ease,ease}.selector-card--hidden{transition:opacity .2s}.selector-thumb{object-fit:cover;object-position:top;pointer-events:none;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:900px){.selector-panel{padding:0}}@media (max-width:600px){.page{--hero-title-size:clamp(1.1rem, calc(var(--ch) * .078), 2rem);--hero-subtitle-size:clamp(.72rem, calc(var(--ch) * .034), .95rem);--gallery-gap:0rem;--top-gallery-headroom:clamp(16px, calc(var(--ch) * .05), 42px);--top-gallery-safe-top:clamp(4px, calc(var(--ch) * .012), 12px);--top-gallery-side:clamp(36px, 10vw, 80px);--top-card-w:150px;--top-card-h:219px;--top-card-center-w:150px;--top-card-center-h:219px;--selector-panel-h:clamp(90px, calc(var(--ch) * .28), 180px);--selector-card-w:96px;--selector-card-h:126px;--selector-card-center-w:132px;--selector-card-center-h:172px;--selector-gap-x:6px;--selector-extra-shift:6px;--selector-center-scale:1.22;--selector-small-scale:1;--selector-small-w-effective:calc(var(--selector-card-w) * var(--selector-small-scale));--selector-center-w-effective:calc(var(--selector-card-center-w) * var(--selector-center-scale));--card-shift-near:calc((var(--selector-center-w-effective) * .36) + (var(--selector-small-w-effective) * .5) + var(--selector-gap-x) + var(--selector-extra-shift));--card-shift-far:calc(var(--card-shift-near) + var(--selector-small-w-effective) + var(--selector-gap-x) + var(--selector-extra-shift));padding:0}.hero{padding:clamp(18px, calc(var(--ch) * .06), 52px) .5rem 0;margin-top:0}.hero__title{letter-spacing:-.015em}.hero__subtitle{margin-top:clamp(4px, calc(var(--ch) * .012), 10px);line-height:1.35}.top-gallery{margin-top:0;margin-bottom:0}.top-card,.top-card.center-card{width:150px;height:300px}.top-card.center-card{--base-transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px));width:232px;height:352px}.top-card.center-card.active{transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px))}.top-card.tilt-left{--base-transform:rotate(-16deg) translateX(44px) translateY(-18px);transform:var(--base-transform)}.top-card.tilt-right{--base-transform:rotate(16deg) translateX(-44px) translateY(-18px);transform:var(--base-transform)}.selector-panel{height:188px;margin-top:auto}.selector-carousel{height:var(--selector-card-h)}.selector-card{width:var(--selector-card-w);height:var(--selector-card-h);will-change:transform, opacity;opacity:.5;transition:opacity .4s;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(1)}.selector-card--left,.selector-card--right,.selector-card--center{transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .4s}.selector-card--left{transform:translate3d(calc(-50% - var(--card-shift-near)), -50%, 0) scale(1);opacity:.5}.selector-card--right{transform:translate3d(calc(-50% + var(--card-shift-near)), -50%, 0) scale(1);opacity:.5}.selector-card--far-left{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% - var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--far-right{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% + var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--center{transform:translate3d(-50%, calc(-50% - 12px), 0) scale(var(--selector-center-scale));opacity:1}.selector-card--hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:0;display:block;transform:translate(-50%,-50%)scale(1)}}