/* FEATURED v26 — quiet type. One typeface (Manrope + system Korean), three text lines under each image, nothing over the image. Accent colour only on the small label. */
@property --a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.fr { position: relative; overflow: clip; background: #FFFFFF; color: var(--ink); padding: 0 var(--gut) clamp(56px, 7vw, 110px); }
.fr-head { display: flex; justify-content: space-between; align-items: center; padding: clamp(26px, 3.4vw, 48px) 0 clamp(26px, 3vw, 44px); } .fr-all { color: var(--mute); } .fr-all:hover { color: var(--red); }
.fr-row { display: grid; grid-template-columns: 1fr; gap: clamp(54px, 9vw, 100px); }
.fr-c { position: relative; --px: 0; --py: 0; min-width: 0; }
.fr-c::before { content: ""; position: absolute; inset: -10% -16% 10%; background: radial-gradient(58% 50% at 50% 36%, color-mix(in srgb, var(--c) 15%, transparent), transparent 72%); pointer-events: none; }
.fr-boxw { position: relative; z-index: 1; }
.fr-film { display: block; position: relative; overflow: hidden; background: #FFFFFF; box-shadow: 0 50px 90px -50px #000, 0 0 100px -30px color-mix(in srgb, var(--c) 42%, transparent); transform: perspective(1000px) rotateY(calc(var(--px) * 5deg)) rotateX(calc(var(--py) * -4deg)); transition: transform .5s var(--ease); }
.fr-film .plate-host, .fr-film img, .fr-film video { width: 100%; height: 100%; object-fit: cover; display: block; }
.fr-c:nth-child(1) .fr-film { aspect-ratio: 4 / 5; } .fr-c:nth-child(2) .fr-film { aspect-ratio: 1; } .fr-c:nth-child(3) .fr-film { aspect-ratio: 5 / 6; }
.fr-c:nth-child(2) .fr-film img, .fr-c:nth-child(2) .fr-film video { object-position: 50% 33%; }
.fr-boxw::before { content: ""; position: absolute; inset: -8px; padding: 2px; background: conic-gradient(from var(--a), transparent 0 60%, var(--c) 84%, transparent 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .5s; z-index: 4; pointer-events: none; }
.fr-c:hover .fr-boxw::before, .fr-c:focus-within .fr-boxw::before { opacity: 1; animation: frspin 5s linear infinite; } @keyframes frspin { to { --a: 360deg; } }
/* three lines, one voice */
.fr-t { position: relative; z-index: 2; margin-top: 22px; }
.fr-kind { display: flex; align-items: baseline; gap: 12px; margin: 0; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; color: var(--c); } .fr-kind b { font-weight: 500; font-variant-numeric: tabular-nums; } .fr-kind b::after { content: ""; display: inline-block; width: 22px; height: 1px; background: currentColor; vertical-align: middle; margin-left: 12px; opacity: .6; }
.fr-t h3 { margin: 12px 0 0; font: 300 clamp(30px, 2.7vw, 42px)/1.08 var(--f); letter-spacing: -.045em; color: var(--ink); max-width: 100%; } .fr-t h3 a:hover { color: var(--c); }
.fr-desc { margin: 12px 0 0; font: 300 clamp(13.5px, 1vw, 15px)/1.55 var(--f); letter-spacing: -.01em; color: var(--mute); max-width: 24em; word-break: keep-all; }
@media (min-width: 900px) {
  .fr-row { grid-template-columns: repeat(12, 1fr); column-gap: clamp(18px, 2.4vw, 40px); align-items: start; }
  .fr-c:nth-child(1) { grid-column: 1 / span 3; margin-top: 0; }
  .fr-c:nth-child(2) { grid-column: 5 / span 3; margin-top: clamp(70px, 11vh, 130px); }
  .fr-c:nth-child(3) { grid-column: 9 / span 3; margin-top: clamp(26px, 4vh, 56px); }
  .fr-c:nth-child(2) .fr-boxw, .fr-c:nth-child(2) .fr-t { margin-left: 8%; }
  .fr-t { width: 124%; } .fr-t h3 { white-space: nowrap; } .fr-t .fr-desc { max-width: 24em; }
}
@media (max-width: 899px) { .fr-c:nth-child(1) .fr-boxw { width: 72%; } .fr-c:nth-child(2) .fr-boxw { width: 72%; margin-left: auto; } .fr-c:nth-child(3) .fr-boxw { width: 72%; } .fr-c:nth-child(2) .fr-t { text-align: right; } .fr-c:nth-child(2) .fr-kind { justify-content: flex-end; } .fr-c:nth-child(2) .fr-desc { margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { .fr-film { transition: none; transform: none; } .fr-c:hover .fr-boxw::before { animation: none; } }