.hero.cosmos-hero{height:calc(100svh - 132px);min-height:650px;max-height:1040px;max-width:none;margin:0;display:block;overflow:clip;isolation:isolate;perspective:1200px;background:#f8f8f6}
.poster-universe{position:absolute;inset:0;perspective:1100px;transform-style:preserve-3d;transition:opacity .35s}
.orbit-card{position:absolute;left:var(--x);top:var(--y);width:clamp(64px,var(--w),150px);aspect-ratio:2/3;padding:0;z-index:1;transform:translate3d(calc(-50% + var(--px,0px)),calc(-50% + var(--sy,0px)),0) rotate(var(--r)) rotateY(var(--ry,0deg));will-change:transform;outline-offset:8px;border-radius:14px}
.orbit-entry,.orbit-sway{display:block;width:100%;height:100%;border-radius:inherit}
.orbit-entry{animation:orbit-arrive 1.35s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--arrival)}
.orbit-sway{position:relative;overflow:hidden;background:#d7d9d4;box-shadow:0 8px 24px #0b151017;animation:orbit-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);transition:box-shadow .3s}
.orbit-card img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;transition:filter .3s,scale .45s;pointer-events:none}
.orbit-title{position:absolute;inset:auto 0 0;padding:28px 9px 10px;color:#fff;background:linear-gradient(transparent,#000c);font-size:12px;font-weight:500;text-align:left;line-height:1.35;opacity:0;transition:opacity .25s}
.orbit-card:hover,.orbit-card:focus-visible{z-index:5}
.orbit-card:hover .orbit-sway,.orbit-card:focus-visible .orbit-sway{animation-play-state:paused;box-shadow:0 18px 42px #0b151040}
.orbit-card:hover img,.orbit-card:focus-visible img{scale:1.08}
.orbit-card:hover .orbit-title,.orbit-card:focus-visible .orbit-title{opacity:1}
.hero-lens{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 32% 43% at 50% 48%,#f8f8f6 45%,#f8f8f6f2 65%,#f8f8f600 100%),linear-gradient(0deg,#f8f8f6 0%,#f8f8f600 20%,#f8f8f600 85%,#f8f8f655 100%)}
.hero-core{position:absolute;z-index:4;left:50%;top:47%;width:min(680px,72%);transform:translate3d(-50%,calc(-50% + var(--copy-y,0px)),0) scale(var(--copy-scale,1));opacity:var(--copy-opacity,1);will-change:transform,opacity;animation:hero-copy-in 1.1s .12s both}
.hero.cosmos-hero .hero-brand{font-size:15px;font-weight:600;letter-spacing:.18em;color:#1b2119;margin:0 0 24px}
.hero.cosmos-hero h1,.hero.cosmos-hero h1 em{font-family:Inter,'Noto Sans KR',sans-serif;font-size:clamp(64px,6.35vw,104px);font-weight:500;font-style:normal;letter-spacing:-.065em;line-height:1.01;margin:0;color:#141913}
.hero.cosmos-hero .hero-description{font-size:16px;line-height:1.7;color:#73796e;margin:25px auto 0;text-wrap:balance;max-width:420px}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:29px}
.hero-actions .button{min-height:54px;border-radius:999px;padding:15px 24px;font-size:14px;justify-content:center}
.hero-actions .hero-primary{background:#181c16;color:white;border-color:#181c16}
.hero-actions .hero-secondary{background:#f8f8f680;border:1px solid #dddeda;color:#272e22}
.hero-scroll{position:absolute;z-index:4;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.11em;color:#7b8275;padding:10px;white-space:nowrap}
.hero-scroll svg{width:16px;height:16px;transform:rotate(90deg);animation:scroll-nudge 2.4s ease-in-out infinite}
.motion-control{position:absolute;right:3.2%;bottom:56px;z-index:5;display:flex;align-items:center;gap:7px;font-size:14px;color:#343e2b;background:#f8f8f6e8;border:1px solid #d6dcd0;border-radius:999px;padding:10px 14px}
.motion-control svg{width:15px;height:15px}
.cosmos-hero + .catalog{position:relative;z-index:6;margin-top:-30px;padding-top:36px;border-radius:32px 32px 0 0;background:#f8f8f6;box-shadow:0 -15px 40px #f8f8f685}
.motion-ready .reveal-item{opacity:0;transform:translate3d(0,70px,0);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);animation:none}
.motion-ready .reveal-item.revealed{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .reveal-item:focus-within{opacity:1;transform:none}
.motion-paused .orbit-sway,.motion-paused .hero-scroll svg,.motion-paused .orbit-entry{animation-play-state:paused}
.motion-suspended .orbit-sway,.motion-suspended .hero-scroll svg,.motion-suspended .orbit-entry,.motion-modal .orbit-sway,.motion-modal .orbit-entry,.card-held .orbit-sway,.card-held .orbit-entry{animation-play-state:paused}
@keyframes orbit-drift{from{transform:translate3d(-3px,12px,0) rotate(-2deg)}to{transform:translate3d(5px,-20px,0) rotate(2deg)}}
@keyframes orbit-arrive{from{opacity:0;transform:translate3d(0,95px,0) scale(.83)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero-copy-in{from{filter:blur(5px)}to{filter:blur(0)}}
@keyframes scroll-nudge{0%,100%{translate:0 -3px}50%{translate:0 3px}}
@media(min-width:1800px){.hero.cosmos-hero{min-height:860px}.orbit-card{width:calc(var(--w) * 1.12)}}
@media(max-width:1000px){.hero.cosmos-hero{min-height:670px}.hero.cosmos-hero h1,.hero.cosmos-hero h1 em{font-size:clamp(64px,8vw,88px)}.orbit-card{width:calc(var(--w) * .85)}.hero-lens{background:radial-gradient(ellipse 38% 40% at 50% 48%,#f8f8f6 40%,#f8f8f6ed 66%,transparent 100%),linear-gradient(0deg,#f8f8f6,transparent 25%)}.hero-core{width:80%}}
@media(max-width:700px){.hero.cosmos-hero{min-height:620px;height:calc(100svh - 146px);max-height:810px}.orbit-card{left:var(--mx);top:var(--my);width:var(--mw);border-radius:10px}.orbit-card:nth-child(n+21){display:none}.hero-lens{background:radial-gradient(ellipse 55% 33% at 50% 47%,#f8f8f6 53%,#f8f8f6f5 77%,transparent 100%),linear-gradient(0deg,#f8f8f6,transparent 24%)}.hero-core{width:92%;top:47%}.hero.cosmos-hero h1,.hero.cosmos-hero h1 em{font-size:clamp(48px,12vw,75px);letter-spacing:-.065em}.hero.cosmos-hero .hero-brand{font-size:12px;margin-bottom:21px}.hero.cosmos-hero .hero-description{font-size:14px;max-width:280px;margin-top:20px}.hero-actions{gap:8px;margin-top:24px}.hero-actions .button{min-height:48px;font-size:14px;padding:13px 18px}.hero-scroll{bottom:46px;font-size:12px}.motion-control{bottom:10px;right:12px;font-size:12px}.cosmos-hero + .catalog{margin-top:-18px;border-radius:22px 22px 0 0;padding-top:25px}.orbit-title{display:none}.motion-ready .reveal-item{transform:translate3d(0,45px,0);transition-duration:.65s,.8s}}
@media(prefers-reduced-motion:reduce){.orbit-entry,.orbit-sway,.hero-core,.hero-scroll svg{animation:none!important}.cosmos-hero:not(.motion-enabled) .orbit-card{will-change:auto}.hero-core{will-change:auto;transform:translate(-50%,-50%)!important;opacity:1!important}.motion-ready .reveal-item{opacity:1;transform:none;transition:none}.orbit-card img{transition:none}}