@font-face {
  font-family: 'Instrument Sans';
  src: url('./fonts/instrument-sans-latin-ext.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('./fonts/instrument-sans-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./fonts/cormorant-garamond-regular-latin-ext.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./fonts/cormorant-garamond-regular-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Opt in at the page or subtree root. No V1/V2 selectors or global reset. */
.dami-v3 {
  --font-editorial: 'Cormorant Garamond', 'Noto Serif KR', Georgia, 'Times New Roman', serif;
  --font-display: var(--font-ui);
  --font-body: var(--font-editorial);
  --font-ui: 'Instrument Sans', 'Noto Sans KR', Arial, sans-serif;
  --type-hero-name: clamp(3.75rem, 11.25vw, 10.5rem);
  --type-hero-role: clamp(1.125rem, 2.2vw, 2rem);
  --type-section: clamp(.875rem, 2.625vw, 2.45rem);
  --type-stat-xl: clamp(4.5rem, 9vw, 9rem);
  --type-heading: clamp(1.5rem, 2.5vw, 2.5rem);
  --type-editorial-copy: clamp(.9625rem, 1.715vw, 1.575rem);
  --type-editorial-copy-ko: clamp(.875rem, 1.56vw, 1.43rem);
  --leading-editorial-copy-ko: 1.46;
  --type-track-weight: 700;
  --type-body-lg: clamp(1.125rem, 1.4vw, 1.375rem);
  --type-body: clamp(1rem, 1.1vw, 1.125rem);
  --type-meta: clamp(.8125rem, 1vw, .9375rem);
  --type-label: clamp(.75rem, .9vw, .875rem);
  --leading-display: .94;
  --leading-body: 1.6;
  --tracking-ui: .025em;
  --tracking-meta: .055em;
  --white: #fff;
  --black: #0a0a0a;
  --gray-dark: #333;
  --gray-mid: #595959;
  --gray-light: #767676;
  --gray-rule: #d4d4d4;
  --gray-surface: #f5f5f5;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --page-gutter: clamp(1.25rem, 4.5vw, 4rem);
  --section-space: clamp(2.1rem, 5.6vw, 5.6rem);
  --content-space: clamp(1.5rem, 3vw, 3rem);
  --stack-space: var(--space-4);
  --meta-gap: var(--space-2);
  --grid-gap: clamp(1rem, 2.5vw, 2.5rem);
  --page-max: 88rem;
  --reading-max: 62ch;
  --grid-columns: 12;
  --rule-hairline: 1px;
  --rule-strong: 3px;
  --point-size: .375rem;
  --play-size: clamp(2.75rem, 4vw, 3.5rem);
  --focus-width: 2px;
  --focus-offset: 4px;
  --motion-fast: 120ms;
  --motion-standard: 180ms;
  --nav-control-size: 3rem;
  --nav-line-width: 1.5rem;
  --nav-line-gap: .375rem;
  --nav-line-thickness: 1px;
  --nav-close-color: var(--black);
  --nav-control-background: transparent;
  --nav-control-border: 0;
  color-scheme: light;
  color: var(--black);
  background: var(--white);
  font-family: var(--font-body);
  font-size: var(--type-body);
  line-height: var(--leading-body);
  font-synthesis: none;
}
html[data-design-version="v3"],
html[data-design-version="v3"] body,
html[data-design-version="v3"] #epk { background: var(--white); }
html[data-design-version="v3"] body.private-review-v2,
html[data-design-version="v3"] #epk > main,
html[data-design-version="v3"] #epk > footer.footer { background: var(--white); }
.dami-v3, .dami-v3 *, .dami-v3 *::before, .dami-v3 *::after { box-sizing: border-box; }
.dami-v3 :where(p) { text-wrap: pretty; }
.dami-v3 :where(h1,h2,h3,p,figure,dl,dd) { margin: 0; }
.dami-v3 :where(h1,h2,h3) { overflow-wrap: anywhere; }
.dami-v3 :where(button,input,select,textarea) { font: inherit; }
.dami-v3 :where(button,a) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.dami-v3 :where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: var(--focus-width) solid currentColor;
  outline-offset: var(--focus-offset);
}
.dami-v3 .v3-page { width: min(100% - 2 * var(--page-gutter), var(--page-max)); margin-inline: auto; }
.dami-v3 .v3-grid { display: grid; grid-template-columns: repeat(var(--grid-columns), minmax(0,1fr)); gap: var(--grid-gap); }
.dami-v3 .v3-grid > * { min-width: 0; }
.dami-v3 .v3-section { padding-block: var(--section-space); }
.dami-v3 .v3-stack > * + * { margin-block-start: var(--stack-space); }
.dami-v3 .v3-reading { max-width: var(--reading-max); }
.dami-v3 .v3-name { font: 700 var(--type-hero-name)/var(--leading-display) var(--font-display); }
.dami-v3 .v3-section-title { font: 700 var(--type-section)/.98 var(--font-ui); letter-spacing: -.02em; text-align: left; text-transform: none; justify-self: start; margin-inline: 0; }
.dami-v3 .v3-stat { font: 700 var(--type-stat-xl)/var(--leading-display) var(--font-ui); letter-spacing: .01em; font-variant-numeric: lining-nums; }
.dami-v3 .v3-heading { font: 500 var(--type-heading)/1.2 var(--font-body); }
.dami-v3 .v3-role { font: 500 var(--type-hero-role)/1.3 var(--font-ui); letter-spacing: var(--tracking-ui); }
.dami-v3 .v3-body-lg { font-size: var(--type-body-lg); }
.dami-v3 .v3-meta { font: 500 var(--type-meta)/1.5 var(--font-ui); letter-spacing: var(--tracking-meta); color: var(--gray-mid); }
.dami-v3 .v3-label { font: 600 var(--type-label)/1.5 var(--font-ui); letter-spacing: var(--tracking-meta); }
.dami-v3 #pageHeader, .dami-v3 #pageHeader :is(a,button), .dami-v3 #player, .dami-v3 #player :is(button,input,[role="status"]) { font-family: var(--font-ui); }
.dami-v3 .v3-rule { border: 0; height: var(--rule-hairline); background: var(--gray-rule); margin: 0; }
.dami-v3 .v3-rule-strong { height: var(--rule-strong); background: var(--black); }
.dami-v3 .v3-dash { border: 0; border-block-start: var(--rule-hairline) dashed var(--gray-mid); }
.dami-v3 .v3-point { display: inline-block; width: var(--point-size); aspect-ratio: 1; border-radius: 50%; background: currentColor; flex: none; }
.dami-v3 .v3-plane { background: var(--black); color: var(--white); padding: var(--space-6); }
.dami-v3 .v3-artwork { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; }
.dami-v3 .v3-data-row { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--meta-gap) var(--content-space); padding-block: var(--space-4); border-block-end: var(--rule-hairline) solid var(--gray-rule); }
.dami-v3 .v3-data-row[aria-current="true"] { border-block-end: var(--rule-strong) solid var(--black); font-weight: 600; }
.dami-v3 .v3-link { display: inline-flex; align-items: center; min-height: 44px; gap: var(--meta-gap); position: relative; color: var(--black); background: transparent; border: 0; border-radius: 0; padding: 0; text-decoration: none; font-family: var(--font-ui); overflow-wrap: anywhere; cursor: pointer; }
.dami-v3 .v3-link::after { content: ''; position: absolute; bottom: var(--space-2); left: 0; right: 0; height: var(--rule-hairline); background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--motion-standard); }
.dami-v3 .v3-link[aria-current="page"] { font-weight: 700; }
.dami-v3 .v3-link[aria-current="page"]::after { height: var(--rule-strong); transform: scaleX(1); }
.dami-v3 .v3-link:active { color: var(--white); background: var(--black); }
.dami-v3 .v3-play { display: inline-grid; place-items: center; width: var(--play-size); height: var(--play-size); min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 0; color: var(--black); background: transparent; cursor: pointer; transition: transform var(--motion-fast); }
.dami-v3 .v3-play svg { display: block; width: 100%; height: 100%; overflow: visible; }
.dami-v3 .v3-play circle { fill: var(--white); stroke: currentColor; stroke-width: 1.5; transition: fill var(--motion-fast), stroke-width var(--motion-fast); }
.dami-v3 .v3-play path { fill: currentColor; }
.dami-v3 .v3-play:is(:active,[aria-pressed="true"]) circle { fill: var(--black); stroke: var(--black); }
.dami-v3 .v3-play:is(:active,[aria-pressed="true"]) path { fill: var(--white); }
.dami-v3 :is(.v3-link,.v3-play):is(:disabled,[aria-disabled="true"]) { color: var(--gray-light); cursor: default; transform: none; }
.dami-v3 .v3-link:is(:disabled,[aria-disabled="true"])::after { transform: scaleX(0); }
@media (max-width: 767px) {
  html.dami-v3 { --type-section: clamp(1.575rem, 4.725vw, 4.41rem); }
  html[data-design-version="v3"] #epk > main { padding-bottom: calc(var(--player-h) + env(safe-area-inset-bottom) + 24px); }
}
@media (hover:hover) {
  .dami-v3 .v3-link:not(:disabled):not([aria-disabled="true"]):hover::after { transform: scaleX(1); }
  .dami-v3 .v3-play:not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-1px); }
  .dami-v3 .v3-play:not(:disabled):not([aria-disabled="true"]):hover circle { stroke-width: 2.5; }
  html[data-design-version="v3"] #editorialWorkList .work-card-art:hover + .work-card-copy .v3-play:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-1px); }
  html[data-design-version="v3"] #editorialWorkList .work-card-art:hover + .work-card-copy .v3-play:not(:disabled):not([aria-disabled="true"]) circle { stroke-width: 2.5; }
}
@media (min-width:768px) and (max-width:1023px) { .dami-v3 { --grid-columns: 6; } }
@media (max-width:767px) { .dami-v3 { --grid-columns: 1; } }
@media (prefers-reduced-motion:reduce) {
  .dami-v3 { --motion-fast: 0ms; --motion-standard: 0ms; }
  .dami-v3 .v3-play:not(:disabled):not([aria-disabled="true"]):hover { transform: none; }
  html[data-design-version="v3"] #editorialWorkList .work-card-art:hover + .work-card-copy .v3-play:not(:disabled):not([aria-disabled="true"]) { transform: none; }
}
@media (forced-colors:active) {
  .dami-v3 .v3-play circle { fill: Canvas; stroke: ButtonText; }
  .dami-v3 .v3-play path { fill: ButtonText; }
  .dami-v3 .v3-play:is(:active,[aria-pressed="true"]) circle { fill: Highlight; stroke: Highlight; }
  .dami-v3 .v3-play:is(:active,[aria-pressed="true"]) path { fill: HighlightText; }
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('./fonts/Noto-Sans-KR-Hangul-subset.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+AC00-D7A3;
}
@font-face {
  font-family: 'Noto Serif KR';
  src: url('./fonts/Noto-Serif-KR-Hangul-subset.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+AC00-D7A3;
}