.hero{background:var(--surface);align-items:flex-end;min-height:min(88dvh,900px);display:flex;position:relative;overflow:hidden}.hero-media{background:var(--surface-2);position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%;animation:kenburns 9s var(--ease) both}.hero-media-fallback{background:radial-gradient(120% 80% at 70% 20%,var(--gold-glow),transparent 60%),linear-gradient(160deg,var(--surface-2),var(--bg));position:absolute;inset:0}.hero-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:clamp(14px,2vw,24px);padding-block:clamp(48px,8vw,96px) clamp(56px,9vw,112px);display:flex;position:relative}.hero-copy .display em{color:var(--gold-2);font-style:italic}.hero-copy .display{max-width:12ch}.hero-copy .row-wrap{margin-top:6px}.hero-skel .hero-copy{gap:20px}.hero-scrollcue{right:var(--gutter);z-index:1;background:var(--line);width:1px;height:56px;position:absolute;bottom:28px;overflow:hidden}.hero-scrollcue span{background:var(--gold);width:100%;height:50%;animation:cue 2.2s var(--ease) infinite;display:block}@keyframes cue{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.newin-track{align-items:stretch}.newin-item{width:clamp(200px,22vw,300px)}.newin-more{aspect-ratio:3/4;border:1px solid var(--line);width:clamp(160px,16vw,220px);color:var(--ink-2);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.newin-more:hover{border-color:var(--gold);color:var(--gold)}.newin-more .serif{font-size:var(--fs-h4);font-style:italic}.best-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.best-feature{grid-area:span 2/span 2}.best-item{position:relative}.best-rank{z-index:2;font-style:italic;font-size:var(--fs-h4);color:var(--gold-2);text-shadow:0 1px 8px var(--scrim);pointer-events:none;line-height:1;position:absolute;top:10px;left:12px}.best-feature .best-rank{font-size:var(--fs-h2);top:16px;left:18px}.best-tag{z-index:2;border:1px solid var(--gold-hair);background:var(--scrim-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;padding:6px 10px;position:absolute;top:18px;right:18px}.cat-grid{grid-template-columns:repeat(6,1fr);display:grid}.cat-grid li+li .cat-tile{border-left:1px solid var(--line)}.cat-tile{min-height:180px;transition:background-color var(--dur) var(--ease);flex-direction:column;gap:6px;padding:clamp(24px,3vw,40px) clamp(16px,2vw,28px);display:flex;position:relative}.cat-tile:hover{background:var(--surface)}.cat-no{font-size:var(--fs-xs);letter-spacing:.2em;color:var(--gold);font-variant-numeric:tabular-nums}.cat-ko{font-family:var(--serif);color:var(--ink);margin-top:auto;font-size:clamp(24px,2.6vw,36px);line-height:1.1}.cat-en{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-3)}.cat-arrow{width:18px;height:18px;color:var(--gold);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);position:absolute;top:clamp(24px,3vw,40px);right:clamp(16px,2vw,28px);transform:translate(-6px)}.cat-tile:hover .cat-arrow{opacity:1;transform:none}.brand-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.brand-grid>li{background:var(--bg)}.brand-cell{min-height:120px;transition:background-color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;display:flex}.brand-cell:hover{background:var(--surface)}.brand-cell img{object-fit:contain;filter:grayscale()brightness(1.4);opacity:.75;width:auto;max-width:70%;max-height:44px;transition:filter var(--dur) var(--ease),opacity var(--dur) var(--ease)}.brand-cell:hover img{filter:none;opacity:1}.brand-word{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-align:center;transition:color var(--dur) var(--ease);font-size:clamp(16px,1.4vw,22px)}.brand-cell:hover .brand-word{color:var(--gold-2)}.brand-name{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink-3)}.look-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto);gap:clamp(8px,1vw,16px);display:grid}.look-item{min-height:220px;display:block;position:relative}.look-1{grid-area:span 2/span 2}.look-2{grid-column:span 2}.look-3,.look-4{grid-column:span 1}.look-5{grid-column:span 4;min-height:260px}.look-media{aspect-ratio:auto;position:absolute;inset:0}.look-media img{transition:transform var(--dur-slow) var(--ease)}.look-item:hover .look-media img{transform:scale(1.04)}.look-copy{flex-direction:column;gap:6px;padding:clamp(16px,2.4vw,32px);display:flex;position:absolute;bottom:0;left:0;right:0}.look-copy h3{font-size:clamp(20px,2vw,30px);line-height:1.1}.look-copy p{font-size:var(--fs-sm);max-width:40ch}.look-1 .look-copy h3{font-size:clamp(26px,3vw,44px)}.live-skel{height:280px}.live-quiet{align-items:center;gap:var(--space-4);border:1px solid var(--line);color:var(--ink-2);transition:border-color var(--dur) var(--ease);padding:22px clamp(16px,3vw,32px);display:flex}.live-quiet:hover{border-color:var(--gold-hair);color:var(--ink)}.live-quiet .serif{flex:1;font-style:italic}.live-banner{border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),var(--bg));transition:border-color var(--dur) var(--ease);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(16px,2vw,28px);display:grid}.live-banner:hover{border-color:var(--gold-hair)}.live-banner.is-live{border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.live-media{aspect-ratio:16/9;border-radius:var(--radius)}.live-play{border:1px solid var(--gold);width:64px;height:64px;color:var(--gold);background:var(--scrim-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.live-play svg{width:22px;height:22px;margin-left:3px}.live-banner:hover .live-play{background:var(--gold);color:var(--bg);transform:scale(1.08)}.live-copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.live-copy h3{font-size:clamp(24px,2.6vw,38px)}.live-copy .caps{font-size:var(--fs-xs)}.live-media-badge{position:absolute;top:12px;left:12px}.sns-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin:0;padding:0;list-style:none;display:grid}.sns-card{color:var(--ink);display:block}.sns-media{aspect-ratio:4/5;border-radius:var(--radius)}.sns-media img{transition:transform var(--dur-slow) var(--ease)}.sns-card:hover .sns-media img{transform:scale(1.04)}.sns-platform{width:30px;height:30px;color:var(--ink);background:var(--scrim-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.sns-copy{flex-direction:column;gap:4px;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.sns-handle{font-size:var(--fs-xs);letter-spacing:var(--track-caps);color:var(--gold-2)}.sns-title{font-size:var(--fs-sm);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.sns-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (max-width:1100px){.sns-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-grid li:nth-child(4) .cat-tile{border-left:0}.cat-grid li:nth-child(n+4) .cat-tile{border-top:1px solid var(--line)}.brand-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:820px){.best-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.best-feature{grid-area:span 1/span 3}.look-grid{grid-template-columns:repeat(2,1fr)}.look-1{grid-area:span 1/span 2;min-height:360px}.look-2,.look-5{grid-column:span 2}.live-banner{grid-template-columns:1fr}}@media (max-width:560px){.sns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:min(76dvh,720px)}.hero-copy .display{max-width:none}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-grid li:nth-child(4) .cat-tile{border-left:1px solid var(--line)}.cat-grid li:nth-child(odd) .cat-tile{border-left:0}.cat-grid li:nth-child(n+3) .cat-tile{border-top:1px solid var(--line)}.cat-tile{min-height:140px}.brand-grid{grid-template-columns:repeat(2,1fr)}.best-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.best-feature{grid-column:span 2}.best-feature .best-rank{font-size:var(--fs-h3)}.newin-item{width:min(64vw,240px)}.look-grid{grid-template-columns:1fr}.look-1,.look-2,.look-3,.look-4,.look-5{grid-column:span 1;min-height:280px}.live-quiet{flex-wrap:wrap}}@media (max-width:400px){.sns-grid{gap:8px}.sns-copy{padding:10px}.live-copy h3{font-size:var(--fs-h4)}}
.pcard{background:0 0}.pcard .card-media{border-radius:var(--radius)}.pcard-badges{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:10px;left:10px}.pcard-body{flex-direction:column;gap:4px;padding:14px 2px 4px;display:flex}.pcard-brand{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-2);font-weight:600}.pcard-name{font-size:var(--fs-sm);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.pcard-price{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:2px;display:flex}.pcard-price s{font-size:var(--fs-xs)}.pcard-off{font-size:var(--fs-xs);color:var(--gold);letter-spacing:.04em}.pcard.is-soldout .card-media img{opacity:.45;filter:grayscale(.6)}.pcard.is-soldout .pcard-price{color:var(--ink-3)}
