@font-face{font-family:SummoningSerif;src:url('/catalog/fonts/SummoningSerif.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.su-shell{--su-ink:#082d29;--su-paper:#f3e9d3;--su-gold:#c4a467;position:relative;isolation:isolate;width:100%;min-height:100svh;overflow:hidden;color:var(--su-ink);background:#ede7d8;font-family:SummoningSerif,"Noto Serif CJK SC","Songti SC",serif}
.su-shell *{box-sizing:border-box}.su-shell a{color:inherit;text-decoration:none}.su-shell button{font:inherit;cursor:pointer}.su-shell button:disabled{cursor:default}
.su-world{position:absolute;inset:0;z-index:-2;transform-origin:50% 65%;pointer-events:none}.su-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.su-backdrop-arrival,.su-backdrop-glimmer{opacity:0}.su-backdrop-glimmer{mix-blend-mode:screen;filter:hue-rotate(90deg) saturate(1.2)}
.su-white .su-backdrop-arrival{filter:saturate(.58) brightness(1.04)}.su-red .su-backdrop-arrival{filter:hue-rotate(-32deg) saturate(1.03)}.su-rainbow .su-backdrop-arrival{filter:saturate(1.12)}
.su-shell[data-su-phase=revealed]{color:var(--su-paper);background:#090f0c}.su-shell[data-su-phase=revealed] .su-backdrop-arrival{opacity:1}.su-shell[data-su-phase=revealed] .su-backdrop-idle{opacity:0}
.su-header,.su-info-header{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:25px 4.2vw;gap:20px}.su-brand{font-size:24px;font-weight:400;letter-spacing:.075em;white-space:nowrap}.su-brand>span{display:block;font-size:9px;letter-spacing:.24em;margin-top:5px;opacity:.7}.su-header nav,.su-info-header nav{display:flex;align-items:center;gap:27px;font-size:12px;letter-spacing:.08em}.su-custom{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;min-height:44px;border:1px solid currentColor;background:#f5eddd65;white-space:nowrap}.su-shell[data-su-phase=revealed] .su-custom{background:#101c1599;color:#f4e6c8;border-color:#c4a46788}
.su-stage{position:absolute;inset:0;isolation:isolate;min-height:680px;transform-origin:50% 66%}.su-heading{position:absolute;z-index:3;top:12svh;left:10%;right:10%;text-align:center;pointer-events:none}.su-kicker{display:block;font-family:SummoningSerif,serif;font-size:10px;letter-spacing:.22em;line-height:1.6;opacity:.8}.su-heading h1{font-size:clamp(50px,7.4vw,90px);font-weight:400;line-height:1.1;letter-spacing:.12em;margin:11px 0 16px;padding-left:.12em}.su-subtitle{font-size:19px;line-height:1.7;letter-spacing:.23em;margin:0}
.su-shell[data-su-phase=revealed] .su-heading{top:11.5svh}.su-shell[data-su-phase=revealed] .su-heading h1{font-size:clamp(48px,6.2vw,78px);margin:10px 0 11px}.su-shell[data-su-phase=revealed] .su-kicker{font-size:13px;letter-spacing:.65em;padding-left:.65em}.su-shell[data-su-phase=revealed] .su-subtitle{font-size:9px;letter-spacing:.16em;color:#d5c299}
.su-object-zone{position:absolute;z-index:2;left:18%;right:18%;bottom:21svh;height:min(57svh,480px);display:grid;place-items:center;pointer-events:none}.su-egg-scene,.su-hero{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center}.su-egg-trigger{pointer-events:auto;display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:none;isolation:isolate}.su-egg-body{position:relative;display:block;height:min(54svh,480px);aspect-ratio:1086/1448;max-width:100%;transform-origin:50% 87%}.su-core-image,.su-egg-energy{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 88%;pointer-events:none}.su-core-image{z-index:2;animation:su-life-in-shell 7.4s ease-in-out infinite;filter:drop-shadow(0 8px 8px #143e2622)}.su-egg-energy{z-index:1;opacity:.12;filter:brightness(1.6) blur(9px);animation:su-jade-breath 5.6s ease-in-out infinite}
.su-paused .su-core-image,.su-paused .su-egg-energy,.su-background .su-core-image,.su-background .su-egg-energy{animation:none}.su-shell[data-su-phase=loading] .su-core-image{animation:su-jade-breath 5.6s ease-in-out infinite}.su-shell[data-su-phase=charging] .su-core-image,.su-shell[data-su-phase=gathering] .su-core-image,.su-shell[data-su-phase=quiet] .su-core-image,.su-shell[data-su-phase=charging] .su-egg-energy,.su-shell[data-su-phase=gathering] .su-egg-energy,.su-shell[data-su-phase=quiet] .su-egg-energy{animation:none}.su-shell[data-su-phase=release] .su-core-image,.su-shell[data-su-phase=arrival] .su-core-image,.su-shell[data-su-phase=release] .su-egg-energy,.su-shell[data-su-phase=arrival] .su-egg-energy{opacity:0!important;animation:none}
.su-hero{position:relative;isolation:isolate}.su-hero>img{position:relative;z-index:2;width:auto;height:min(57svh,480px);max-height:480px;max-width:443px;object-fit:contain;filter:drop-shadow(0 4px 10px #aa8c513f)}.su-red .su-hero>img{filter:drop-shadow(0 4px 14px #d36c4b5a)}.su-rainbow .su-hero>img{filter:drop-shadow(0 3px 13px #89c5c066)}.su-entry-hidden{opacity:0;pointer-events:none}.su-shell[data-su-phase=ready] .su-hero,.su-shell[data-su-phase=error] .su-hero,.su-shell[data-su-phase=loading] .su-hero,.su-shell[data-su-phase=charging] .su-hero,.su-shell[data-su-phase=gathering] .su-hero,.su-shell[data-su-phase=quiet] .su-hero,.su-shell[data-su-phase=release] .su-hero{visibility:hidden}.su-demo-mark{position:absolute;z-index:3;bottom:1px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:Arial,sans-serif;font-size:8px;color:#d5c5a4;opacity:.58}.su-shell[data-su-phase=arrival] .su-demo-mark{opacity:0}
.su-action-bar{position:absolute;z-index:4;left:12%;right:12%;bottom:11.5svh;text-align:center}.su-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:255px;padding:11px 24px;border:1px solid #d2b475;border-radius:4px;outline:1px solid #1d433b;outline-offset:3px;background:#123e36;color:#f7edce;font-size:21px!important;line-height:1.2;letter-spacing:.19em;box-shadow:inset 0 0 0 2px #d0b77733,0 4px 12px #14332d20;transition:background-color 160ms,box-shadow 160ms}.su-primary:hover{background:#1c4c42;box-shadow:inset 0 0 0 2px #d0b77755,0 4px 16px #14332d30}.su-paper-button{background:#f0e5ca;color:#17332d;border-color:#a08758;outline-color:#d0b987}.su-paper-button:hover{background:#fff0ce}.su-open-label{font-size:11px;line-height:1.65;letter-spacing:.16em;margin:14px 0 0}.su-open-label small{font-size:9px;letter-spacing:.1em}.su-result-actions,.su-performance-actions{display:flex;justify-content:center;align-items:center;gap:30px}.su-position{font-size:12px;letter-spacing:.1em;line-height:1.8;margin:0 0 17px;opacity:.9}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:10svh}.su-shell[data-su-phase=revealed] .su-open-label{display:none}.su-again{border:0;background:none;color:inherit;min-height:44px;padding:10px 8px;font-size:12px!important;letter-spacing:.12em}.su-stage-note{position:absolute;left:18%;right:18%;bottom:6.7svh;text-align:center;font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:9px;color:inherit;opacity:.62;line-height:1.5;letter-spacing:.02em}
.su-footer{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(310px,1fr) minmax(190px,1fr) auto;align-items:end;padding:10px 3.8vw 12px;gap:15px}.su-effects{border:0;padding:0;margin:0;display:flex;align-items:center;gap:3px;min-width:0}.su-effects legend{font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:8px;letter-spacing:.05em;padding:0 0 0 8px;opacity:.68}.su-effects button{background:none;border:1px solid transparent;color:inherit;border-radius:3px;min-height:44px;padding:8px 8px;font-size:10px;white-space:nowrap;letter-spacing:.03em}.su-effects button[aria-pressed=true]{border-color:#99764266;background:#f8efdc55}.su-effects button[data-su-effect=red]{color:#9b4035}.su-effects button[data-su-effect=gold]{color:#916b25}.su-effects button[data-su-effect=rainbow]{color:#5b617d}.su-shell[data-su-phase=revealed] .su-effects button[data-su-effect=red]{color:#e7a08b}.su-shell[data-su-phase=revealed] .su-effects button[data-su-effect=gold]{color:#e4c98b}.su-shell[data-su-phase=revealed] .su-effects button[data-su-effect=rainbow]{color:#b9c6df}.su-shell[data-su-phase=revealed] .su-effects button[aria-pressed=true]{background:#bfa06214;border-color:#c0a56888}.su-effects button:disabled{opacity:.65}.su-footer-note{font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:9px;line-height:1.7;text-align:center;margin:0 0 8px;opacity:.7}.su-footer-note span{font-size:8px}.su-preferences{display:flex;align-items:center;gap:12px;font-size:10px}.su-preferences>button,.su-settings summary{font-size:10px;letter-spacing:.04em;color:inherit;background:none;border:0;padding:9px 6px;min-height:44px;display:flex;align-items:center;cursor:pointer}.su-settings{position:relative}.su-settings summary{list-style:none}.su-settings summary::-webkit-details-marker{display:none}.su-settings-panel{position:absolute;bottom:54px;right:0;width:228px;background:#f6efdf;color:#123c32;padding:15px;border:1px solid #c8b58d;box-shadow:0 12px 40px #092b2525}.su-settings-panel button{display:block;width:100%;min-height:44px;border:0;background:none;color:inherit;font-size:12px;text-align:left}.su-settings-panel p{font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:10px;line-height:1.7;margin:8px 0 0;color:#526b5d}.su-settings-panel button:disabled{opacity:.6}
.su-flash{position:fixed;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}.su-shell button:focus-visible,.su-shell a:focus-visible,.su-settings summary:focus-visible,.su-info summary:focus-visible{outline:2px solid #af7744;outline-offset:5px}.su-shell[data-su-phase=revealed] button:focus-visible,.su-shell[data-su-phase=revealed] a:focus-visible{outline-color:#e0c78e}.su-heading h1:focus,.su-info h2:focus{outline:0}
.su-info{inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100svh;max-height:none;border:0;border-radius:0;overflow:auto;background:#eee6d4 url('/demo-media/summoning/premium-collection.webp') center top/cover fixed no-repeat;color:#092f29;box-shadow:none;font-family:SummoningSerif,"Noto Serif CJK SC","Songti SC",serif}.su-info[open]{display:block}.su-info::backdrop{background:#ebe4d2}.su-info-header{position:relative;padding-left:7.7vw;padding-top:22px;padding-bottom:22px}.su-info-header button{border:0;background:none;color:inherit;font:inherit;min-height:44px;padding:8px;cursor:pointer}.su-collection{display:grid;grid-template-columns:53% 47%;gap:0;padding:2.5svh 8vw 50px 7.5vw;min-height:calc(100svh - 87px)}.su-collection-art{position:sticky;top:100px;align-self:start;height:75svh;min-height:460px;display:grid;place-items:center;isolation:isolate;padding-top:4svh}.su-collection-watermark{position:absolute;z-index:-1;top:-9%;left:69%;font-size:clamp(100px,15vw,210px);writing-mode:vertical-rl;letter-spacing:.03em;color:#425648;opacity:.1;pointer-events:none}.su-collection-character{width:auto;height:min(65svh,480px);max-width:100%;max-height:480px;object-fit:contain;filter:drop-shadow(0 5px 7px #b2a27626)}.su-art-note{position:absolute;bottom:2%;font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:9px;letter-spacing:.03em;color:#597564}.su-collection-copy{position:relative;z-index:2;padding:0 0 12px 3.5vw;min-width:0}.su-collection-copy .su-kicker{font-size:9px;letter-spacing:.2em;opacity:.65}.su-collection-copy h2{font-size:clamp(55px,6.5vw,88px);line-height:1.06;letter-spacing:.08em;font-weight:400;margin:18px 0 20px}.su-collection-copy h2 small{display:block;font-size:11px;line-height:1.7;letter-spacing:.13em;color:#31594d;margin-top:15px}.su-collection-tags{font-size:15px;letter-spacing:.18em;line-height:1.8;padding-bottom:15px;margin:0 0 26px;border-bottom:1px solid #75877477}.su-collection-copy section{margin:0 0 28px}.su-collection-copy h3{font-size:21px;font-weight:400;letter-spacing:.06em;margin:0 0 12px}.su-collection-copy h4{font-size:14px;letter-spacing:.02em;margin:20px 0 6px;font-weight:400}.su-collection-copy p{font-size:14px;line-height:1.95;color:#365849;margin-top:0;margin-bottom:12px}.su-collection-copy details{margin-top:10px}.su-collection-copy summary{font-size:10px;letter-spacing:.02em;min-height:33px;line-height:1.7;cursor:pointer;color:#617760;list-style-position:inside}.su-collection-copy details p{font-size:12px;margin-top:12px}.su-collection-copy ol{padding-left:19px;font-size:11px;line-height:1.8}.su-collection-copy li{margin:8px 0}.su-collection-copy li a{text-decoration:underline;text-underline-offset:3px}.su-detail-studies{display:flex;gap:24px;margin-top:15px}.su-detail-studies figure{margin:0;flex:1;max-width:145px}.su-detail-crop{position:relative;width:130px;height:130px;max-width:100%;border-radius:50%;overflow:hidden;background:#ede6d433;border:1px solid #b4a37a66}.su-detail-crop img{position:absolute;width:443px!important;height:480px!important;max-width:none;object-fit:contain}.su-study-horn img{left:-140px;top:-72px}.su-study-scales img{left:-273px;top:-235px}.su-detail-studies figcaption{text-align:center;font-size:12px;letter-spacing:.15em;margin:9px 0 0}.su-collection-copy .su-collection-symbols{font-size:11px;letter-spacing:.18em;margin:27px 0 20px}.su-collection-copy .su-primary{font-size:17px!important;min-width:205px;min-height:48px}.su-collection-copy .su-info-disclaimer{font-family:Arial,"Noto Sans CJK SC",sans-serif;font-size:9px;line-height:1.75;color:#697d68;max-width:400px;margin:23px 0 0}
@keyframes su-life-in-shell{0%,17%,48%,100%{transform:translateY(0) rotate(0)}10%{transform:translateY(-3px) scale(1.005)}23%{transform:translate(-1px,1px) rotate(-.65deg)}27%{transform:translate(1px,0) rotate(.75deg)}31%{transform:translate(-.5px,0) rotate(-.2deg)}36%{transform:translateY(-1px) rotate(0)}65%{transform:translateY(-2px) scale(1.003)}73%{transform:rotate(-.35deg)}77%{transform:rotate(.4deg)}82%{transform:rotate(0)}}
@keyframes su-jade-breath{0%,100%{opacity:.08;transform:scale(.993)}50%{opacity:.23;transform:scale(1.023)}}
@media(min-width:1500px){.su-header{padding-top:30px}.su-heading{top:13svh}.su-object-zone{bottom:24svh}.su-action-bar{bottom:14svh}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:13svh}.su-stage-note{bottom:9svh}.su-footer{padding-bottom:20px}.su-collection-art{padding-top:9svh}}
@media(max-width:1000px) and (min-width:701px){.su-footer{grid-template-columns:290px 1fr auto;padding-left:20px;padding-right:20px;gap:6px}.su-effects button{font-size:9px;padding:7px}.su-preferences{gap:4px}.su-footer-note{font-size:8px}.su-footer-note span{font-size:7px}.su-collection{padding-left:6vw;padding-right:6vw}.su-collection-copy{padding-left:2.5vw}.su-info-header{padding-left:6vw}.su-detail-crop{width:112px;height:112px}}
@media(max-height:720px) and (min-width:701px){.su-shell{min-height:720px}.su-stage{min-height:720px}.su-heading{top:83px}.su-object-zone{height:405px;bottom:155px}.su-egg-body{height:370px}.su-hero>img{height:405px}.su-action-bar{bottom:100px}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:80px}.su-stage-note{bottom:57px}.su-header{padding-top:17px;padding-bottom:17px}}
@media(max-width:700px){.su-shell{min-height:max(100svh,760px)}.su-stage{min-height:max(100svh,760px)}.su-header{padding:20px 18px;gap:10px}.su-brand{font-size:17px;letter-spacing:.04em}.su-brand>span{font-size:7px;letter-spacing:.14em}.su-header nav{gap:8px}.su-header nav>a:first-child{display:none}.su-custom{font-size:10px;padding:9px 11px;min-height:44px;letter-spacing:.02em}.su-heading{top:14svh;left:5%;right:5%}.su-heading h1{font-size:clamp(42px,13vw,59px);letter-spacing:.08em;margin:14px 0 17px}.su-kicker{font-size:8px;letter-spacing:.18em}.su-subtitle{font-size:13px;letter-spacing:.13em}.su-object-zone{left:4%;right:4%;bottom:27svh;height:min(46svh,385px)}.su-egg-body{height:min(46svh,390px)}.su-hero>img{height:min(46svh,385px);max-width:95%}.su-shell[data-su-phase=revealed] .su-heading{top:13svh}.su-shell[data-su-phase=revealed] .su-heading h1{font-size:51px;margin:15px 0 12px}.su-shell[data-su-phase=revealed] .su-kicker{font-size:10px;letter-spacing:.29em;padding-left:.29em}.su-shell[data-su-phase=revealed] .su-subtitle{font-size:8px;letter-spacing:.04em}.su-action-bar{left:6%;right:6%;bottom:16.5svh}.su-primary{min-width:230px;min-height:52px;font-size:19px!important;padding:11px 22px}.su-open-label{font-size:10px;margin-top:14px;letter-spacing:.09em}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:16svh}.su-position{font-size:10px;letter-spacing:.03em;margin-bottom:13px}.su-result-actions,.su-performance-actions{gap:13px}.su-result-actions .su-primary,.su-performance-actions .su-primary{min-width:190px;font-size:17px!important}.su-again{font-size:10px!important;padding:10px 5px}.su-stage-note{bottom:11.7svh;left:5%;right:5%;font-size:8px}.su-demo-mark{font-size:7px;bottom:0}.su-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:7px 10px 12px;gap:0 12px;background:#e9e1cd12}.su-effects{width:100%;justify-content:center}.su-effects legend{text-align:center;font-size:7px;padding:0}.su-effects button{font-size:9px;min-height:44px;padding:8px 13px}.su-footer-note{order:2;font-size:7px;text-align:left;margin:0;max-width:182px;line-height:1.65}.su-footer-note span{font-size:6px}.su-preferences{order:3;gap:7px}.su-preferences>button,.su-settings summary{font-size:9px;padding:8px 4px}.su-settings-panel{right:0;width:215px}.su-info{background-position:left top;background-size:auto 100svh;background-attachment:scroll}.su-info-header{padding:18px 20px 14px 26px;gap:10px}.su-info-header nav{gap:6px;font-size:10px}.su-info-header nav>a:nth-child(2){display:none}.su-info-header .su-brand{font-size:15px}.su-info-header .su-custom{font-size:9px;padding:8px 9px}.su-collection{display:flex;flex-direction:column;padding:0 25px 36px 29px;gap:3px;min-height:0}.su-collection-art{position:relative;top:auto;align-self:stretch;height:43svh;min-height:310px;padding-top:0}.su-collection-character{height:min(43svh,390px)}.su-collection-watermark{font-size:104px;left:76%;top:0;opacity:.09}.su-art-note{font-size:7px;bottom:2%}.su-collection-copy{padding:13px 4px 0}.su-collection-copy .su-kicker{font-size:8px}.su-collection-copy h2{font-size:55px;margin:13px 0 15px}.su-collection-copy h2 small{font-size:9px;letter-spacing:.08em;margin-top:11px}.su-collection-tags{font-size:12px;margin-bottom:22px;padding-bottom:14px}.su-collection-copy h3{font-size:19px}.su-collection-copy p{font-size:13px;line-height:1.95}.su-collection-copy summary{font-size:11px;min-height:44px;padding:9px 0}.su-collection-copy section{margin-bottom:24px}.su-detail-studies{gap:24px;justify-content:center}.su-detail-crop{width:130px;height:130px}.su-collection-copy .su-primary{width:100%;font-size:18px!important;min-height:52px}.su-collection-copy .su-info-disclaimer{font-size:9px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.su-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.su-egg-energy{opacity:.12}}

.su-shell[data-su-phase=arrival],.su-shell[data-su-phase=release]{color:var(--su-paper)}
/* Actual v61 browser findings: the inherited details padding enlarged the footer hit box. */
.su-settings{padding:0;border:0;background:none}
.su-footer{pointer-events:none;background:#ede5d3e8;backdrop-filter:blur(3px)}
.su-footer button,.su-footer summary,.su-settings-panel{pointer-events:auto}
.su-shell:is([data-su-phase=revealed],[data-su-phase=arrival],[data-su-phase=release]) .su-footer{background:#09100ddb}
.su-heading{top:5.7svh}
.su-shell:not([data-su-phase=revealed]) .su-heading>.su-kicker{display:none}
.su-shell[data-su-phase=revealed] .su-heading{top:7svh}
.su-hero>img{height:480px}
.su-stage-note{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.su-shell[data-su-phase=error] .su-stage-note{width:auto;height:auto;overflow:visible;clip-path:none;left:10%;right:10%;bottom:22svh}
.su-collection-copy details{padding:0;border:0;background:none}
.su-collection-copy p{padding:0}
.su-collection-copy .su-collection-tags{padding-bottom:15px}
.su-collection-copy summary{min-height:37px;padding:4px 0}
.su-collection{padding-top:0}
.su-collection-copy>.su-kicker{display:none}
.su-collection-copy h2{margin-top:0}
.su-info .su-custom{background:#123e36;color:#f4e6c8;border-color:#a99057}
@media(max-height:720px) and (min-width:701px){.su-heading{top:45px}.su-hero>img{height:430px}}
@media(max-width:700px){.su-heading{top:11svh}.su-shell[data-su-phase=revealed] .su-heading{top:10svh}.su-hero>img{height:min(46svh,385px)}.su-collection-copy h2{margin-top:13px}.su-collection-copy summary{min-height:44px;padding:9px 0}}

/* v63: stronger living light, visible seams and physical image fragments. */
.su-shell{--su-aura:#aee8d6;--su-aura-warm:#fff2b6}
.su-gold{--su-aura:#ead09b;--su-aura-warm:#fff2b6}.su-red{--su-aura:#e8b2a1;--su-aura-warm:#fff1d8}.su-rainbow{--su-aura:#bad8e7;--su-aura-warm:#eafbd7}
.su-egg-trigger{width:auto;aspect-ratio:3/4;max-width:100%;outline:none}
.su-shell[data-su-phase=ready] .su-egg-trigger:is(:hover,:focus-visible,.su-hovering) .su-core-image{animation:su-hover-knock .72s ease-in-out infinite;filter:brightness(1.17) drop-shadow(0 0 14px #c7e9bc88)}
.su-shell:is([data-su-phase=fracturing],[data-su-phase=quiet],[data-su-phase=release],[data-su-phase=arrival]) .su-core-image,.su-shell:is([data-su-phase=fracturing],[data-su-phase=quiet],[data-su-phase=release],[data-su-phase=arrival]) .su-egg-energy{opacity:0!important;animation:none}
.su-shell[data-su-phase=fracturing] .su-hero{visibility:hidden}
.su-shell:is([data-su-phase=arrival],[data-su-phase=revealed]) .su-object-zone{bottom:26svh;height:min(54svh,420px)}
.su-hero>img{height:min(54svh,420px);max-height:420px;filter:drop-shadow(0 4px 14px #cab38055)}
.su-shell[data-su-phase=revealed] .su-action-bar{bottom:104px}
.su-position{font-size:11px;margin-bottom:20px}.su-result-actions{gap:27px}.su-result-actions .su-primary{min-width:238px;letter-spacing:.2em}
.su-shell[data-su-phase=revealed] .su-heading h1{font-size:clamp(43px,5.7vw,72px);letter-spacing:.11em}
.su-shell[data-su-phase=revealed] .su-subtitle{font-size:8px;letter-spacing:.11em}
.su-demo-mark{bottom:-3px;font-size:8px;opacity:.62}
.su-collection-copy h2{font-size:clamp(43px,5.3vw,70px)}
.su-paused .su-core-image,.su-background .su-core-image{animation:none!important}
@media(max-height:720px) and (min-width:701px){.su-shell:is([data-su-phase=arrival],[data-su-phase=revealed]) .su-object-zone{bottom:185px;height:380px}.su-hero>img{height:380px}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:106px}}
@media(max-width:700px){.su-shell:is([data-su-phase=arrival],[data-su-phase=revealed]) .su-object-zone{bottom:30svh;height:min(44svh,340px)}.su-hero>img{height:min(44svh,340px)}.su-shell[data-su-phase=revealed] .su-action-bar{bottom:146px}.su-shell[data-su-phase=revealed] .su-heading h1{font-size:43px}.su-shell[data-su-phase=revealed] .su-subtitle{font-size:7px;letter-spacing:0}.su-position{font-size:10px;margin-bottom:21px}.su-result-actions{gap:17px}.su-result-actions .su-primary{min-width:183px;font-size:19px!important}.su-collection-copy h2{font-size:46px}.su-collection-copy h2 small{font-size:8px;letter-spacing:.03em}}

/* Keep the complete 4:3 composition between the title and controls on every screen. */
body:has(.su-film-shell){padding-bottom:0}
.su-film-shell{display:flex;flex-direction:column;min-height:100svh;overflow-x:clip}
.su-scene-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#ede7d8}
.su-scene-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.su-film-shell .su-header{flex:none;min-height:80px;padding:18px 4.2vw}
.su-film-shell .su-stage{position:relative;inset:auto;min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 24px 16px;transform:none}
.su-film-shell .su-heading,.su-film-shell[data-su-phase=revealed] .su-heading{position:relative;top:auto;left:auto;right:auto;flex:none;width:100%;min-height:98px}
.su-film-shell .su-heading h1,.su-film-shell[data-su-phase=revealed] .su-heading h1{font-size:clamp(42px,4.5vw,60px);line-height:1.1;letter-spacing:.1em;margin:5px 0 8px}
.su-film-shell .su-subtitle{font-size:14px;line-height:1.5;margin:0}
.su-film-shell[data-su-phase=revealed] .su-subtitle{font-size:8px;letter-spacing:.08em}
.su-film-shell[data-su-phase=revealed] .su-kicker{font-size:10px;letter-spacing:.35em;line-height:1.5}
.su-film-zone{position:relative;flex:none;width:min(720px,calc((100svh - 410px)*4/3),calc(100vw - 48px));aspect-ratio:4/3;max-height:540px;min-width:0;isolation:isolate}
.su-film-world{position:absolute;inset:0;z-index:0;overflow:visible;background:transparent}
.su-idle-egg,.su-film-slot,.su-transparent-canvas,.su-arrival-character{position:absolute;inset:0;width:100%;height:100%}
.su-idle-egg,.su-arrival-character{object-fit:contain;object-position:center;pointer-events:none}
.su-idle-egg{opacity:1}
.su-transparent-canvas{display:block;opacity:0;pointer-events:none}
.su-arrival-character{opacity:0;max-height:480px;margin:auto}
.su-packed-source{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.su-film-shell:is([data-su-phase=charging],[data-su-phase=gathering],[data-su-phase=fracturing],[data-su-phase=release],[data-su-phase=arrival]) .su-idle-egg,.su-film-shell[data-su-phase=revealed] .su-idle-egg{opacity:0}
.su-film-shell:is([data-su-phase=charging],[data-su-phase=gathering],[data-su-phase=fracturing],[data-su-phase=release],[data-su-phase=arrival]) .su-transparent-canvas{opacity:1}
.su-film-shell[data-su-phase=revealed] .su-arrival-character{opacity:1}
.su-film-shell:is([data-su-phase=release],[data-su-phase=arrival]){color:var(--su-paper)}
.su-film-shell .su-object-zone{inset:0;left:0;right:0;bottom:0;height:100%;display:grid;place-items:center}
.su-film-shell .su-film-trigger{width:44%;height:90%;max-width:100%;border:0;background:none;aspect-ratio:auto}
.su-film-shell .su-action-bar,.su-film-shell[data-su-phase=revealed] .su-action-bar{position:relative;inset:auto;flex:none;width:100%;min-height:84px;margin:6px 0 0;text-align:center}
.su-film-shell .su-position{font-size:11px;line-height:1.7;margin:0 0 12px}
.su-film-shell .su-open-label{margin:12px 0 0;font-size:10px;line-height:1.6}
.su-film-shell .su-stage-note{position:absolute;bottom:0}
.su-film-shell .su-footer{position:relative;inset:auto;flex:none;min-height:80px;padding:10px 3.8vw 12px}
.su-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.su-voices{margin:0 0 9px;padding:0 0 8px;border:0;border-bottom:1px solid #c8b58d66}
.su-voices legend{font-size:10px;padding:0 0 6px;color:#526b5d}
.su-settings-panel .su-voices button{font-size:11px;padding:8px 10px;border:1px solid transparent;border-radius:2px}
.su-settings-panel .su-voices button[aria-pressed=true]{border-color:#b3a071;background:#e8dfc8}
.su-effects button:disabled:not([aria-pressed=true]){opacity:.48}
@media(max-width:700px){
 .su-film-shell{min-height:100svh}
 .su-film-shell .su-header{min-height:64px;padding:12px 16px}
 .su-film-shell .su-stage{min-height:0;padding:4px 16px 14px;gap:12px}
 .su-film-shell .su-heading,.su-film-shell[data-su-phase=revealed] .su-heading{min-height:86px}
 .su-film-shell .su-heading h1,.su-film-shell[data-su-phase=revealed] .su-heading h1{font-size:42px;line-height:1.1;margin:5px 0 8px;letter-spacing:.08em}
 .su-film-shell .su-subtitle{font-size:12px;letter-spacing:.08em}
 .su-film-shell[data-su-phase=revealed] .su-kicker{font-size:9px;letter-spacing:.2em}
 .su-film-shell[data-su-phase=revealed] .su-subtitle{font-size:7px;letter-spacing:0}
 .su-film-zone{width:min(calc(100vw - 32px),calc((100svh - 410px)*4/3));max-height:360px}
 .su-film-shell .su-action-bar,.su-film-shell[data-su-phase=revealed] .su-action-bar{min-height:80px;margin-top:6px}
 .su-film-shell .su-primary{min-width:214px;min-height:48px;font-size:18px!important;padding:10px 18px}
 .su-film-shell .su-result-actions,.su-film-shell .su-performance-actions{gap:12px}
 .su-film-shell .su-result-actions .su-primary,.su-film-shell .su-performance-actions .su-primary{min-width:188px;font-size:17px!important}
 .su-film-shell .su-position{font-size:10px;line-height:1.6;margin-bottom:12px}
 .su-film-shell .su-footer{min-height:112px;padding:7px 10px 10px;gap:0 12px}
 .su-film-shell .su-effects button{padding:8px 10px}
}

/* One viewport-wide release; foreground media contains neither background nor dragon. */
.su-film-shell .su-flash{position:fixed;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}

/* CX1: live shell viewport; original video layout remains available for comparison. */
.su-live-shell .su-film-zone{width:min(980px,calc(100vw - 48px));height:clamp(290px,calc(100svh - 410px),560px);aspect-ratio:auto;max-height:none}
.su-live-canvas{position:absolute;inset:-42% -12%;width:124%;height:184%;pointer-events:none}
.su-live-shell .su-film-trigger{width:min(56%,310px);height:85%;border-radius:50%;touch-action:manipulation}
.su-live-shell .su-film-trigger:focus-visible{outline:2px solid #c2a25d;outline-offset:7px;background:#eedca308}
.su-live-shell .su-arrival-character{height:92%;width:82%;inset:4% 9%;max-height:510px;transform-origin:center 62%;filter:drop-shadow(0 0 22px #eecf7870)}
.su-live-shell[data-su-phase=revealed] .su-arrival-character{transform:scale(1)}
.su-quality{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin:12px 0 8px;font-size:11px}
.su-quality select{font:inherit;background:#fbf7ed;color:#244339;border:1px solid #b5a57f;border-radius:5px;min-height:36px;padding:5px}
.su-baseline-link{display:block;font-size:10px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.su-fx-lab{display:grid;gap:6px;border-top:1px solid #ad9f78;padding-top:8px;font-size:10px}
.su-fx-lab output{overflow-wrap:anywhere;line-height:1.6;color:#5d634e}
.su-live-shell .su-settings-panel{max-height:min(540px,75svh);overflow:auto}
@media(max-width:700px){
 .su-live-shell .su-film-zone{width:calc(100vw - 32px);height:clamp(265px,calc(100svh - 360px),430px)}
 .su-live-shell .su-stage{gap:6px}
 .su-live-shell .su-heading{min-height:80px}
 .su-live-shell .su-film-trigger{width:70%;height:86%}
 .su-live-shell .su-arrival-character{width:92%;height:92%;inset:4%;max-height:none}
 .su-live-shell .su-settings-panel{width:240px}
}

.su-live-shell .su-scene-backdrop{transition:filter .18s linear}

/* CX2: keep both performance and revealed actions vertically below the egg. */
.su-film-shell .su-result-actions,.su-film-shell .su-performance-actions{flex-direction:column;align-items:center;gap:4px}
.su-film-shell .su-result-actions .su-again,.su-film-shell .su-performance-actions .su-again{min-height:40px;padding:8px 20px}
.su-film-shell .su-action-bar,.su-film-shell[data-su-phase=revealed] .su-action-bar{min-height:128px}
.su-film-shell .su-open-label{margin-top:6px}
.su-live-shell .su-stage{gap:8px}
.su-live-shell .su-film-zone{height:clamp(270px,calc(100svh - 444px),560px)}
@media(max-width:700px){
 .su-film-shell .su-action-bar,.su-film-shell[data-su-phase=revealed] .su-action-bar{min-height:124px}
 .su-film-shell .su-result-actions .su-again,.su-film-shell .su-performance-actions .su-again{min-height:44px}
 .su-live-shell .su-stage{gap:6px}
 .su-live-shell .su-film-zone{height:clamp(265px,calc(100svh - 400px),414px)}
}