.pc-hero{color:#fff;background:linear-gradient(155deg,#1e3854,#101c2b);padding:54px 0 96px;position:relative;overflow:hidden}.pc-hero .motif{color:#fff;opacity:.05}.pc-hero-word{font-size:210px}.pc-hero-in{position:relative}.pc-hero-row{grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;display:grid}.pc-hero-row h1{font-size:40px;font-weight:700;line-height:1.5}@media (max-width:1020px){.pc-hero-row{grid-template-columns:1fr;gap:34px}.pc-hero{padding-bottom:88px}}@media (max-width:860px){.pc-hero-row h1{font-size:33px}.pc-hero-word{font-size:140px}}.px-disc{aspect-ratio:1;background:radial-gradient(circle at 32% 26%,#ffffff24,#0000 44%),repeating-radial-gradient(circle,#14181f 0 1.7px,#212734 1.7px 3.6px);border:1px solid #ffffff17;border-radius:50%;place-items:center;width:172px;display:grid}.px-label{aspect-ratio:1;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:47%;display:grid;position:relative;box-shadow:0 0 0 7px #0006}.px-label b{font-family:var(--calli);color:#fff;opacity:.92;white-space:nowrap;max-width:96%;font-size:24px;font-weight:400;line-height:1.4;translate:0 -6px}.px-label:after{content:"";bottom:16%;background:#101724;border:2px solid #ffffff4d;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-start:calc(50% - 5px)}.px-crate{justify-content:center;align-items:flex-end;padding:6px 18px 20px;display:flex;position:relative}.px-crate:after{content:"";inset-inline:6px;background:#ffffff1a;border-radius:999px;height:12px;position:absolute;bottom:6px}.px-crate-disc{cursor:pointer;filter:drop-shadow(0 20px 34px #0006);transition:translate .35s var(--ease);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.px-crate-disc+.px-crate-disc{margin-inline-start:-94px}.px-crate-disc .px-disc{width:166px}.px-crate-disc:nth-child(odd){rotate:-4deg}.px-crate-disc:nth-child(2n){translate:0 -8px;rotate:3deg}.px-crate-disc:hover,.px-crate-disc:focus-visible{z-index:5;translate:0 -16px}.px-crate-disc:focus-visible{outline-offset:4px;outline:2px solid #fff}.px-crate-hint{text-align:center;color:#ffffff8c;margin-top:12px;font-size:12px}.px-shelf{gap:20px;margin-top:22px;display:grid}.px-card{padding-inline-start:136px;position:relative}.px-card-disc{z-index:0;inset-inline-start:0;filter:drop-shadow(0 18px 30px #182c414d);transition:translate .5s var(--ease);position:absolute;top:50%;translate:0 -50%}.px-card-disc .px-disc{width:192px}.px-card-disc .px-label b{font-size:27px}.px-card:hover .px-card-disc{translate:18px -50%}@media (prefers-reduced-motion:no-preference){.px-card-disc{transition:translate .5s var(--ease), rotate .7s var(--ease)}.px-card:hover .px-card-disc{rotate:16deg}}.px-body{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--bubble);box-shadow:var(--shadow);padding:24px 28px 22px;position:relative}.px-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.px-no{color:var(--accent-ink);background:var(--accent-soft);border-radius:10px 10px 10px 3px;padding:3px 10px;font-size:12.5px;font-weight:800}.px-chip{color:var(--faint);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:12px;display:inline-flex}.px-body h2{margin-top:14px;font-size:20px;font-weight:800}.px-desc{color:var(--faint);max-width:78ch;margin-top:8px;font-size:14.5px;line-height:2.1}.px-fit{align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;line-height:1.9;display:flex}.px-fit svg{color:var(--accent);flex:none;margin-top:4px}.px-fit b{font-weight:800}.px-foot{align-items:center;gap:12px;margin-top:16px;display:flex}@media (max-width:1020px){.px-crate-wrap{justify-self:center}}@media (max-width:720px){.px-card{padding-inline-start:0;padding-top:84px}.px-card-disc{top:0;inset-inline-start:calc(50% - 80px);translate:0}.px-card-disc .px-disc{width:160px}.px-card:hover .px-card-disc{translate:0}.px-crate-disc .px-disc{width:118px}.px-crate-disc+.px-crate-disc{margin-inline-start:-64px}.px-label b{font-size:18px}.px-card-disc .px-label b{font-size:23px}}@media (prefers-reduced-motion:no-preference){.px-crate-disc .px-label{animation:16s linear infinite px-turn}.px-crate-disc:nth-child(2) .px-label{animation-duration:19s}.px-crate-disc:nth-child(3) .px-label{animation-duration:14s}.px-crate-disc:nth-child(4) .px-label{animation-duration:21s}}
