/* Selzenn motion experience: native scrolling, product-led imagery. */
.experience-hero{--hero-scroll:0;position:relative;overflow:hidden;padding-top:32px;padding-bottom:34px}.hero-heading{position:relative;z-index:2}.hero-edition{display:flex;justify-content:space-between;gap:24px;align-items:center}.hero-edition>span:last-child{font-size:12px;color:#665c72}.hero-heading h1{font-size:clamp(56px,8.5vw,126px);line-height:.99;letter-spacing:-.065em;margin:38px 0 0;text-align:center}.hero-heading h1>span{display:block}.hero-heading h1>span+span{color:#80718e}.hero-stage{--tilt-x:0deg;--tilt-y:0deg;position:relative;height:clamp(370px,47vw,650px);max-width:1440px;margin:-6px auto 0;perspective:1400px;isolation:isolate}.stage-grid{position:absolute;inset:0 20px 10px;background-image:linear-gradient(#c7bfd32e 1px,transparent 1px),linear-gradient(90deg,#c7bfd32e 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);z-index:-1;transform:translateY(calc(var(--hero-scroll)*-32px))}.stage-watermark{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);color:#b5a8c21c;font-size:clamp(110px,23vw,330px);letter-spacing:-.08em;font-weight:600;white-space:nowrap;z-index:-1}.stage-orbit{position:absolute;width:75%;height:68%;left:12%;top:14%;border:1px solid #a899bf4f;border-radius:50%;transform:rotate(-15deg);z-index:-1}.stage-orbit:after{content:'';position:absolute;width:12px;height:12px;border:3px solid #f3f2f7;background:#847198;border-radius:50%;left:15%;top:8%;box-shadow:0 0 0 7px #b4a3ca20}
.hero-display{position:absolute;top:12%;left:20%;width:60%;border:1px solid #fff;border-radius:16px;overflow:hidden;background:#f8f6fc;box-shadow:0 35px 75px #47365424,0 4px 12px #47365415;transform:translate3d(0,calc(var(--hero-scroll)*-46px),0) rotateX(calc(5deg + var(--tilt-y))) rotateY(calc(-5deg + var(--tilt-x))) rotateZ(-2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero-display-bar{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#fdfcff;color:#60556f;font-size:11px;border-bottom:1px solid #ddd8e5}.display-dots{display:flex;gap:5px}.display-dots i{height:6px;width:6px;border-radius:50%;background:#c7bdd4}.display-dots i:first-child{background:#ad95c5}.hero-frames{position:relative;aspect-ratio:1.6;background:#ded8e8}.hero-frame{display:block;position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .8s,transform 1.4s cubic-bezier(.22,1,.36,1);pointer-events:none}.hero-frame.is-active{opacity:1;transform:scale(1);pointer-events:auto;z-index:1}.hero-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.frame-caption{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1px solid #fff9;border-radius:8px;background:#f8f6f2eb;backdrop-filter:blur(12px);font-size:12px;color:#312a3c;opacity:0;transition:opacity .25s}.hero-frame:hover .frame-caption,.hero-frame:focus-visible .frame-caption{opacity:1}.stage-file{position:absolute;padding:22px 20px;display:flex;flex-direction:column;width:172px;aspect-ratio:.83;border:1px solid #ffffffeb;background:#faf8ffb8;backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 20px 40px #49315412;z-index:2}.stage-file>span{font-size:9px;letter-spacing:.1em;color:#74657f}.stage-file>strong{font-size:34px;font-weight:500;letter-spacing:-.06em;margin:auto 0;color:#69517f}.stage-file>small{font-size:11px;line-height:1.4;color:#61546c}.stage-file-a{left:5%;top:18%;transform:translateY(calc(var(--hero-scroll)*-80px)) rotate(-12deg);animation:file-a 8s ease-in-out infinite}.stage-file-b{right:4%;top:38%;transform:translateY(calc(var(--hero-scroll)*-100px)) rotate(11deg);animation:file-b 9s ease-in-out infinite}.stage-mini{position:absolute;display:flex;align-items:center;gap:12px;background:#f8f6f2e8;backdrop-filter:blur(16px);border:1px solid white;border-radius:12px;left:15%;bottom:9%;z-index:3;padding:12px 20px;box-shadow:0 8px 35px #45315612;transform:translateY(calc(var(--hero-scroll)*-26px)) rotate(3deg)}.stage-mini>span{font-size:13px;color:#4d405b}.stage-mini small{display:block;font-size:10px;margin-top:4px;color:#72637f}.stage-corner{position:absolute;bottom:10%;right:15%;font:10px/1.6 monospace;letter-spacing:.08em;color:#756584;display:flex;flex-direction:column;text-align:right}
@keyframes file-a{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes file-b{0%,100%{translate:0 0}50%{translate:0 10px}}
.hero-scene-controls{display:flex;align-items:center;justify-content:center;gap:32px;position:relative;z-index:3;margin-top:-8px}.hero-scenes{display:flex;gap:6px;padding:6px;border-radius:14px;background:#e9e4ef99;border:1px solid #fff}.hero-scenes button{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;min-height:44px;background:transparent;border-radius:10px;font-size:12px;color:#62516f}.hero-scenes button[aria-pressed=true]{background:#fff;box-shadow:0 3px 10px #3726440c;color:#33263f}.hero-scenes button i{position:absolute;bottom:3px;left:14px;right:14px;height:2px;transform:scaleX(0);transform-origin:left;background:#9881b5}.hero-scenes button[aria-pressed=true] i{transform:scaleX(1);transition:transform .5s}.motion-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;background:transparent;font-size:12px;color:#62516f}.motion-toggle>span:first-child{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #cfc5db;border-radius:50%;font-size:12px}.motion-toggle:disabled{opacity:1}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:44px}.hero-bottom>p{font-size:16px;color:#655b70;max-width:520px;margin:0}.hero-bottom>div{display:flex;justify-content:flex-end;gap:24px;align-items:center}.hero-scroll-cue{display:flex;justify-content:space-between;gap:20px;padding-top:44px;font-size:11px;color:#72667c}.hero-scroll-cue>a{display:flex;align-items:center;gap:16px;min-height:44px}.cue-line{display:inline-block;height:1px;width:40px;background:#8b789f;transform-origin:right;animation:cue 3s ease-in-out infinite}@keyframes cue{50%{transform:scaleX(.5)}}
/* The collection is the catalogue: no repeated gallery above it. */
.collection-section{padding-top:64px;padding-bottom:64px;position:relative;border-top:1px solid var(--line)}.portfolio-anchor{position:absolute;top:0}.collection-section .section-top{align-items:flex-end;padding-bottom:26px}.collection-section .section-top h2{font-size:clamp(36px,4.5vw,64px);line-height:1.06;letter-spacing:-.05em;max-width:650px;margin:20px 0}.collection-section .section-top p{font-size:15px;max-width:540px;color:#655b70}.collection-section .catalog-tabs{gap:12px;display:flex;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid var(--line)}.collection-section .catalog-tabs button{border-radius:28px;border:1px solid #d7cfdf;padding:12px 20px;background:#faf8ff75;color:#655871;font-size:13px;min-height:44px;transition:background .25s,color .25s}.collection-section .catalog-tabs button.active{background:#393043;color:#fff;border-color:#393043}.collection-section .catalog-tabs button.active small{color:#d7c8e7}.collection-section .catalog-tabs button:after{display:none}.collection-section .catalog-tabs button small{margin-left:8px;font-size:10px}
.catalog-group{margin-top:36px}.catalog-group>h3{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:16px;color:#64566e}.catalog-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog-card{position:relative;display:grid;grid-template-columns:1fr .9fr;min-height:248px;border-radius:20px;border:1px solid #fff;background:#ffffff6b;overflow:hidden;box-shadow:0 8px 30px #392a4704;isolation:isolate;transition:box-shadow .4s,transform .4s cubic-bezier(.22,1,.36,1),background .3s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #392a4712;background:#fff}.catalog-card:focus-visible{outline:2px solid #7d6598;outline-offset:5px}.catalog-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:26px;min-width:0;z-index:2}.catalog-card-meta{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;margin-bottom:20px}.catalog-card-meta img{width:34px;height:34px;border-radius:9px}.catalog-card-meta>span{font:11px monospace;color:#796686}.catalog-card h3{font-size:24px;letter-spacing:-.045em;margin:0 0 12px}.catalog-card p{font-size:13px;line-height:1.65;margin:0 0 24px;color:#665b70}.catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-top:auto}.catalog-card-bottom .status{letter-spacing:.02em;font-size:10px;padding:5px 8px}.card-open{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d8cee2;border-radius:50%;color:#675076;font-size:19px;transition:transform .3s,background .3s}.catalog-card:hover .card-open{transform:rotate(45deg);background:#ece5f4}.catalog-card-art{position:relative;overflow:hidden;background:#e4deee;display:flex;align-items:center;justify-content:center;min-width:0}.catalog-card-art>img{position:absolute;left:14%;height:72%;width:auto;max-width:none;border-radius:5px;box-shadow:0 18px 30px #40324c20;transform:perspective(800px) rotateY(-14deg) rotateZ(5deg);transition:transform .65s cubic-bezier(.22,1,.36,1)}.catalog-card:hover .catalog-card-art>img{transform:perspective(800px) rotateY(-3deg) rotateZ(0) translateX(-5px)}.catalog-card:nth-child(3n+2) .catalog-card-art{background:#dfe5e8}.catalog-card:nth-child(3n+3) .catalog-card-art{background:#ebe3dc}.catalog-card-art:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff6e;border-radius:12px}.collector-art{background:#e5dfee!important}.collector-art .platform-emblem{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background:#ffffff9c;border:1px solid white;border-radius:24px;box-shadow:0 14px 35px #55456512;transform:rotate(-8deg);transition:transform .5s}.platform-emblem img{width:44px;height:44px}.catalog-card:hover .platform-emblem{transform:rotate(8deg) scale(1.06)}.collector-art>small{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:9px monospace;letter-spacing:.12em;color:#72617f}.collector-art:after{content:'';position:absolute;inset:26%;border:1px solid #9986af4f;border-radius:50%;transform:scale(1.7) rotate(-20deg);z-index:-1}.collection-download-link{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:32px;font-size:13px;color:#685775}.collection-download-link>a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.home-method article{transition:transform .5s}.home-method article:hover{transform:translateY(-4px)}
/* Expanding reading-position control; the native scrollbar remains usable. */
.dynamic-scroll{position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:15;pointer-events:none}.scroll-capsule{position:relative;pointer-events:auto;display:flex;align-items:center;flex-direction:column;width:34px;padding:16px 5px;border:1px solid #fff8;background:#f3eff9e8;backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 7px 30px #39234c10;transition:width .35s cubic-bezier(.22,1,.36,1)}.scroll-track{position:absolute;top:21px;bottom:38px;left:16px;width:2px;background:#cfc3dc;overflow:hidden}.scroll-track>span{display:block;height:100%;background:#72538f;transform:scaleY(var(--page-progress));transform-origin:top}.scroll-stops{position:relative;display:flex;flex-direction:column;gap:7px;width:100%}.scroll-stops button{display:flex;align-items:center;gap:14px;justify-content:flex-start;width:100%;min-height:36px;background:transparent;padding:4px 5px;color:#665274;text-align:left}.scroll-stops i{display:block;flex-shrink:0;height:9px;width:9px;border-radius:50%;border:2px solid #c9bad8;background:#f3eff9}.scroll-stops button[aria-current] i{background:#765493;border-color:#765493}.scroll-stops button>span{font-size:11px;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .2s}.scroll-readout{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:10px;color:#675176;white-space:nowrap;max-height:0;opacity:0;overflow:hidden;transition:opacity .2s,max-height .3s;margin-bottom:0}.scroll-clock{font:10px monospace;color:#685176;margin-top:0;height:0;max-width:0;overflow:hidden;white-space:nowrap;opacity:0}.dynamic-scroll:hover .scroll-capsule,.dynamic-scroll:focus-within .scroll-capsule{width:160px;padding-left:13px;padding-right:13px}.dynamic-scroll:hover .scroll-track,.dynamic-scroll:focus-within .scroll-track{left:24px}.dynamic-scroll:hover .scroll-stops button>span,.dynamic-scroll:focus-within .scroll-stops button>span{opacity:1;max-width:120px}.dynamic-scroll:hover .scroll-readout,.dynamic-scroll:focus-within .scroll-readout{max-height:30px;opacity:1;margin-bottom:12px}.dynamic-scroll:hover .scroll-clock,.dynamic-scroll:focus-within .scroll-clock{max-width:120px;height:auto;margin-top:10px;opacity:1}.dynamic-scroll.is-scrolling .scroll-capsule{box-shadow:0 0 0 4px #cbb9e335,0 7px 30px #39234c10}.dynamic-scroll button:focus-visible{outline:2px solid #82649e;outline-offset:2px;border-radius:7px}
.sz-loader{position:fixed;inset:0;z-index:100;background:#302a3d;color:#faf6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:clip-path .7s cubic-bezier(.76,0,.24,1),opacity .4s;clip-path:inset(0 0 0 0)}.sz-loader[hidden]{display:none}.sz-loader-word{font-size:clamp(64px,13vw,180px);letter-spacing:-.08em;line-height:1.1;overflow:hidden}.sz-loader-word>span{display:inline-block;animation:boot-word .7s cubic-bezier(.22,1,.36,1) both}.sz-loader-word i{font-style:normal;color:#bba5da}.sz-loader-status{display:flex;align-items:center;gap:20px;font:10px monospace;text-transform:uppercase;letter-spacing:.12em;margin-top:28px;color:#d8cce6}.sz-loader-status:before{content:'';width:55px;height:2px;background:#cbb2e9;transform-origin:left;animation:boot-line 1.1s ease-in-out infinite}.sz-loader button{position:absolute;bottom:32px;right:32px;background:transparent;color:#ded0ec;font-size:12px;min-height:44px;padding:12px}.sz-loader.is-finished{clip-path:inset(0 0 100% 0);pointer-events:none}@keyframes boot-word{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes boot-line{50%{transform:scaleX(.3)}}
.motion-paused .stage-file,.motion-paused .cue-line{animation-play-state:paused}.motion-paused .hero-display{transform:rotateZ(-2deg)}.motion-paused .stage-grid,.motion-paused .stage-mini,.motion-paused .stage-file{translate:none}.motion-paused .stage-file-a{transform:rotate(-12deg)}.motion-paused .stage-file-b{transform:rotate(11deg)}.motion-paused .stage-mini{transform:rotate(3deg)}.motion-paused .hero-frame{transition:none}
@media(min-width:1600px){.hero-heading h1{font-size:132px}.hero-stage{height:650px}}
@media(max-width:1000px){.hero-display{width:66%;left:17%;top:15%}.stage-file{width:140px;padding:16px}.stage-file-a{left:3%;top:20%}.stage-file-b{right:3%;top:42%}.stage-mini{left:11%;bottom:8%;padding:10px 14px}.hero-stage{height:470px}.hero-bottom{gap:30px}.hero-bottom>div{gap:18px;flex-wrap:wrap}.catalog-card-copy{padding:22px}.catalog-card{grid-template-columns:1fr .65fr}.catalog-card h3{font-size:21px}.dynamic-scroll{right:3px}.scroll-capsule{background:#f3eff9ee}.hero-scene-controls{margin-top:0}.stage-corner{right:8%;bottom:9%;font-size:9px}}
@media(max-width:700px){.experience-hero{padding-top:24px}.hero-heading h1{font-size:clamp(46px,9.4vw,66px);margin-top:32px;letter-spacing:-.06em}.hero-edition>span:last-child{display:none}.hero-stage{height:350px;margin-top:18px}.hero-display{width:80%;left:10%;top:13%;border-radius:11px;transform:rotateZ(-3deg)}.hero-display-bar{height:28px;padding:0 10px;font-size:10px}.stage-file{width:92px;border-radius:10px;padding:11px;aspect-ratio:.85}.stage-file>strong{font-size:24px}.stage-file>span{font-size:6px}.stage-file>small{font-size:8px}.stage-file-a{left:1%;top:5%;z-index:0}.stage-file-b{right:1%;top:54%;z-index:2}.stage-mini{left:6%;bottom:6%;padding:9px 12px;gap:7px}.stage-mini img{width:30px;height:30px}.stage-mini>span{font-size:10px}.stage-mini small{font-size:8px}.stage-corner{display:none}.stage-orbit{left:6%;width:88%}.hero-scene-controls{flex-direction:column;gap:8px}.hero-scenes{gap:0;width:100%;justify-content:space-between}.hero-scenes button{font-size:10px;gap:5px;padding:8px}.hero-scenes button img{width:20px;height:20px}.motion-toggle{font-size:11px;min-height:44px}.hero-bottom{grid-template-columns:1fr;gap:24px;padding-top:24px}.hero-bottom>p{font-size:15px}.hero-bottom>div{justify-content:flex-start;gap:22px}.hero-scroll-cue{padding-top:20px;font-size:10px;gap:12px}.hero-scroll-cue>a{gap:8px}.cue-line{width:20px}.catalog-mosaic{grid-template-columns:1fr}.catalog-card{grid-template-columns:1fr .8fr;min-height:235px}.catalog-card-copy{padding:22px}.catalog-card h3{font-size:24px}.collection-section .section-top{display:block}.collection-section .search-box{margin-top:24px;max-width:none;width:100%}.collection-section .catalog-tabs{gap:8px}.collection-section .catalog-tabs button{padding:10px 14px;font-size:12px}.collection-download-link{flex-direction:column;align-items:flex-start;gap:8px}.dynamic-scroll{right:0;top:0;left:0;width:100%;height:3px;transform:none;pointer-events:none}.scroll-capsule{height:3px;width:100%;padding:0;border:0;border-radius:0;background:#ddd4e6;pointer-events:none;backdrop-filter:none}.scroll-track{inset:0;width:100%;height:3px;background:transparent}.scroll-track>span{transform:scaleX(var(--page-progress));transform-origin:left}.scroll-stops,.scroll-readout,.scroll-clock{display:none}.dynamic-scroll.is-scrolling .scroll-capsule{box-shadow:none}.dynamic-scroll:hover .scroll-capsule{width:100%;padding:0}.dynamic-scroll:hover .scroll-track{left:0}.frame-caption{opacity:1;padding:6px 9px;font-size:9px;left:8px;right:8px;bottom:8px}.platform-emblem img{width:38px;height:38px}.collector-art .platform-emblem{width:72px;height:72px}.collector-art>small{font-size:8px}.sz-loader button{bottom:20px;right:20px}}
@media(max-width:390px){.hero-stage{height:300px}.hero-scenes button span{font-size:9px}.hero-scenes button{padding:7px 5px}.stage-mini{bottom:3%}.catalog-card{grid-template-columns:1fr .6fr}.catalog-card-copy{padding:20px}.catalog-card h3{font-size:22px}.hero-scroll-cue>span{max-width:140px;line-height:1.6}.hero-heading h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-display{transform:none!important}.stage-file,.stage-mini,.stage-grid{transform:none!important;animation:none!important}.hero-frame{transition:none!important;transform:none!important}.cue-line{animation:none}.sz-loader{display:none!important}.catalog-card:hover,.catalog-card:hover .catalog-card-art>img,.catalog-card:hover .platform-emblem,.home-method article:hover{transform:none}.dynamic-scroll *{transition:none!important}.hero-frame:not(.is-active){visibility:hidden}}

@media(min-width:701px){.dynamic-scroll.is-scrolling:not(:hover):not(:focus-within) .scroll-readout{position:absolute;right:44px;top:0;width:max-content;max-height:44px;opacity:1;background:#eee8f6f5;border:1px solid #fff;border-radius:12px;padding:10px 12px;box-shadow:0 5px 20px #39234c09;pointer-events:none}}
.motion-paused .sz-reveal{animation:none!important}
.hero-heading h1>span{overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero-heading h1 em{display:block;font-style:normal}.site-ready .hero-heading h1 em{animation:headline-entry 1s cubic-bezier(.22,1,.36,1) backwards}.site-ready .hero-heading h1>span+span em{animation-delay:.12s}@keyframes headline-entry{from{transform:translateY(110%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.experience-hero.is-outside .stage-file{animation-play-state:paused}.catalog-card:nth-child(even){--reveal-delay:.1s}.catalog-card.sz-reveal.is-visible{animation-delay:var(--reveal-delay,0s);animation-duration:.8s}
@supports(animation-timeline:view()){.catalog-card-art>img{animation:card-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes card-depth{from{translate:0 18px}to{translate:0 -18px}}}
.motion-paused .catalog-card-art>img{animation:none!important;translate:none}.motion-paused .hero-heading h1 em{animation:none!important}
@media(prefers-reduced-motion:reduce){.hero-heading h1 em,.catalog-card-art>img{animation:none!important;translate:none!important}.catalog-card.sz-reveal.is-visible{animation:none!important}}
.hero-motion-controls{display:flex;align-items:center;gap:20px}.intro-replay{font-size:11px;color:#756081;background:transparent;min-height:44px;padding:8px 0}.intro-replay:hover{text-decoration:underline;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.intro-replay{display:none}}
