.m-hero #hero-title{font-size:clamp(36px,4.15vw,60px);line-height:1.06}
.m-hero-deck[data-motion-ready]>.m-cover{display:none}
.m-hero-deck:has(.presentation-studio)>.m-hero-page-back,.m-hero-deck:has(.presentation-studio)>.m-hero-page-mid{display:none}
.presentation-studio{position:relative;aspect-ratio:8/5;overflow:hidden;border:1px solid #d9ddd9;border-radius:13px;background:#131c32;box-shadow:0 24px 52px #14213e20;container-type:inline-size}
.ps-top{position:absolute;inset:0 0 auto;height:13%;background:#fafbf8;border-bottom:1px solid #e1e4df;z-index:5;display:flex;align-items:center;padding:0 4%}
.ps-top img{display:block;width:28%;height:100%;object-fit:contain;object-position:left center}
.ps-stage{position:absolute;inset:13% 0 10%;perspective:1100px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#384a733b,transparent 65%)}
.ps-orbit{position:absolute;width:78%;height:94%;left:11%;top:3%;border:1px solid #9cabd31c;border-radius:50%;transform:rotate(-23deg)}
.ps-orbit:before,.ps-orbit:after{content:"";position:absolute;inset:14%;border:1px solid #9cabd31c;border-radius:50%}.ps-orbit:after{inset:-15%}
.ps-light{position:absolute;left:20%;top:57%;width:60%;height:25%;background:#496ef9;filter:blur(55px);opacity:.19;transform:rotate(-15deg)}
.ps-slide{position:absolute;width:60%;aspect-ratio:52/33;left:20%;top:8%;border-radius:5px;overflow:hidden;box-shadow:0 18px 28px #0007;transition:transform 1.3s cubic-bezier(.22,.8,.2,1),filter 1.3s,opacity 1.3s;will-change:transform;transform-origin:center}
.ps-slide svg{display:block;width:100%;height:100%}
.ps-slide[data-slot=front]{z-index:3;transform:translate3d(0,0,60px) rotateY(-9deg) rotateZ(-3deg);filter:brightness(1);opacity:1}
.ps-slide[data-slot=left]{z-index:1;transform:translate3d(-40%,5%,-150px) rotateY(24deg) rotateZ(-13deg);filter:brightness(.68);opacity:.9}
.ps-slide[data-slot=right]{z-index:2;transform:translate3d(40%,-3%,-150px) rotateY(-24deg) rotateZ(12deg);filter:brightness(.78);opacity:.95}
.ps-title{font:700 53px Arial,sans-serif;letter-spacing:-2.8px}.ps-meta{font:500 10px Arial,sans-serif;letter-spacing:1.3px}
.ps-art{transform-origin:75% 50%;transition:transform 1.5s cubic-bezier(.22,.8,.2,1)}
[data-slot=front] .ps-art{transform:translateY(0) rotate(0)}
[data-slot=left] .ps-art,[data-slot=right] .ps-art{transform:translateY(14px) rotate(-6deg)}
.ps-reflection{pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff30 45%,transparent 65%);transform:translateX(-100%);opacity:0}
[data-slot=front] .ps-reflection{animation:ps-sheen 1.7s .15s ease-out both}
@keyframes ps-sheen{0%{transform:translateX(-100%);opacity:0}30%{opacity:.6}100%{transform:translateX(100%);opacity:0}}
.ps-bottom{position:absolute;bottom:0;left:0;width:100%;height:10%;padding:0 5%;display:flex;align-items:center;gap:5%;color:#e1e7f6;font:11px Arial,sans-serif}
.ps-page{font-variant-numeric:tabular-nums;white-space:nowrap}.ps-page i{font-style:normal;color:#8791ab;margin-left:4px}
.ps-track{display:flex;gap:6px}.ps-track b{width:22px;height:2px;background:#46516a;transition:background .5s}
[data-step="0"] .ps-track b:nth-child(1),[data-step="1"] .ps-track b:nth-child(2),[data-step="2"] .ps-track b:nth-child(3){background:#c5d3ff}
.ps-line{height:1px;background:#8b9bbb24;flex:1}
.ps-still *{animation-play-state:paused!important}
@media(max-width:600px){.m-hero #hero-title{font-size:36px}.ps-bottom{font-size:9px}.ps-track b{width:15px}}
@media(prefers-reduced-motion:reduce){.presentation-studio *{animation:none!important;transition:none!important}}
