.pd-host{width:100%;height:420vh;position:relative}.pd-pin{height:100vh;max-width:var(--max);justify-content:center;align-items:flex-start;gap:56px;margin:0 auto;padding:100px 5vw 0;display:flex;position:sticky;top:0;overflow:hidden}.pd-pin .xp-morph-stage{width:min(560px,52vw);min-height:64vh}.pd-text{flex:0 0 340px;width:340px;padding-top:4vh;animation:.5s cubic-bezier(.22,.61,.36,1) both pd-text-in}.pd-num{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-size:12px}.pd-head{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);margin:0 0 18px;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.15}.pd-head em{color:var(--gold);font-style:italic}.pd-body{color:var(--text-mid);max-width:36ch;margin:0;font-size:15px;line-height:1.65}@keyframes pd-text-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pd-rail{opacity:0;pointer-events:none;gap:8px;transition:opacity .4s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.pd-pin.engaged .pd-rail{opacity:1}.pd-rail i{background:var(--line);border-radius:2px;width:28px;height:4px;transition:background .3s}.pd-rail i.on{background:var(--gold)}@media (max-width:1024px),(pointer:coarse){.pd-host{height:340vh}.pd-pin{padding:80px var(--gutter) 20px;flex-direction:column;justify-content:safe center;align-items:center;gap:12px}.pd-text{text-align:center;flex:none;width:100%;max-width:480px;margin-inline:auto;padding-top:0}.pd-num{margin-bottom:8px}.pd-head{margin-bottom:8px;font-size:clamp(21px,5.6vw,27px)}.pd-body{display:none}.pd-pin .xp-morph-stage{width:100%;max-width:480px;min-height:540px;margin-inline:auto}}.cd-host{width:100%;height:420vh;position:relative}.cd-pin{height:100vh;max-width:var(--max);justify-content:center;align-items:flex-start;gap:56px;margin:0 auto;padding:100px 5vw 0;display:flex;position:sticky;top:0;overflow:hidden}.cd-pin .xp-morph-stage{width:min(640px,58vw);min-height:64vh}.cd-text{flex:0 0 340px;width:340px;padding-top:4vh;animation:.5s cubic-bezier(.22,.61,.36,1) both pd-text-in}.cd-num{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-size:12px}.cd-head{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);margin:0 0 18px;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.15}.cd-head em{color:var(--gold);font-style:italic}.cd-body{color:var(--text-mid);max-width:36ch;margin:0;font-size:15px;line-height:1.65}.cd-rail{opacity:0;pointer-events:none;gap:8px;transition:opacity .4s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.cd-pin.engaged .cd-rail{opacity:1}.cd-rail i{background:var(--line);border-radius:2px;width:28px;height:4px;transition:background .3s}.cd-rail i.on{background:var(--gold)}@media (max-width:1024px),(pointer:coarse){.cd-host{height:340vh}.cd-pin{padding:80px var(--gutter) 20px;flex-direction:column;justify-content:safe center;align-items:center;gap:12px}.cd-text{text-align:center;flex:none;width:100%;max-width:480px;margin-inline:auto;padding-top:0}.cd-num{margin-bottom:8px}.cd-head{margin-bottom:8px;font-size:clamp(21px,5.6vw,27px)}.cd-body{display:none}.cd-pin .xp-morph-stage{width:100%;max-width:480px;min-height:540px;margin-inline:auto}}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}