@font-face{font-family:MI Content Myeongjo;src:url('assets/fonts/NanumMyeongjo-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MI Content Myeongjo;src:url('assets/fonts/NanumMyeongjo-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:MI Serif;src:url('assets/fonts/Tinos-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

/* The three approved 1832 × 858 mockups share equal-width columns. */
.original-contents{--ip-panel-inset:calc(2.3 * var(--layout-unit));--ip-group-gap:clamp(36px,calc(2.8 * var(--layout-unit)),72px);margin:0 calc(2.7624 * var(--layout-unit)) calc(3.4069 * var(--layout-unit));scroll-margin-top:24px}
.ip-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;min-height:calc(41.16 * var(--layout-unit));padding:calc(4 * var(--layout-unit)) 0;border-top:1px solid var(--block-rule);scroll-margin-top:24px}
.ip-section:last-child{border-bottom:1px solid var(--block-rule)}
.ip-section::before{content:"";position:absolute;top:calc(2 * var(--layout-unit));bottom:calc(2 * var(--layout-unit));left:50%;width:1px;background:var(--block-rule)}
/* Image and copy share both column rails; three text groups share one spacing rule. */
.ip-copy{min-width:0;align-self:start;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--ip-group-gap);align-content:start;padding:0 var(--ip-panel-inset);text-align:left}
.ip-copy>*{width:100%;margin-inline:0;padding-inline:0}
.ip-title-group{display:grid;row-gap:calc(.75 * var(--layout-unit));min-width:0;font-synthesis:none}
.ip-body-group{min-width:0}
/* Align visible first-glyph strokes, using the bundled fonts' ink bearings in em. */
.ip-copy .ip-eyebrow,.ip-copy h2,.ip-statement-line,.ip-description p{position:relative;inset-inline-start:calc(-1 * var(--ip-ink-start,0em))}
.ip-statement-line{display:block}
.ip-eyebrow{margin:0;color:#146c24;font-family:var(--serif);font-size:var(--type-eyebrow);line-height:1.2;font-weight:700;letter-spacing:.23em}
.ip-copy h2{margin:0;font-family:'MI Content Myeongjo',serif;font-size:var(--type-title);line-height:1.2;font-weight:700;letter-spacing:-.035em;word-break:keep-all}
.ip-statement{margin:0;font-family:'MI Content Myeongjo',serif;font-size:var(--type-subtitle);line-height:1.18;font-weight:400;letter-spacing:-.025em;word-break:keep-all}
.ip-description{font-family:var(--sans);font-size:var(--type-body);line-height:1.5;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;color:#202020}
.ip-description p{margin:0 0 calc(1.85 * var(--layout-unit))}
.ip-description p:last-child{margin-bottom:0}
.ip-details{display:inline-flex;align-items:center;justify-content:center;gap:calc(.575 * var(--layout-unit));min-width:calc(6.385 * var(--layout-unit));min-height:calc(1.69 * var(--layout-unit));margin-top:calc(1.45 * var(--layout-unit));padding:calc(.24 * var(--layout-unit)) calc(.75 * var(--layout-unit));border:1px solid #146c24;border-radius:0;background:#146c24;color:#fff;font-family:var(--sans);font-size:var(--type-action);line-height:1.2;white-space:nowrap}
.ip-details[aria-disabled=true]{opacity:1;cursor:default;-webkit-text-fill-color:#fff}
.ip-details-arrow{font-size:var(--type-action-arrow);line-height:1}
.ip-details-label{display:grid;place-items:center}
.ip-details-label>span{grid-area:1/1;transition:opacity 200ms ease,transform 260ms ease}
.ip-details-en{opacity:1;transform:translateY(0)}
.ip-details-ko{opacity:0;transform:translateY(4px)}
.ip-details:focus-visible .ip-details-en{opacity:0;transform:translateY(-4px)}
.ip-details:focus-visible .ip-details-ko{opacity:1;transform:translateY(0)}
@media(hover:hover){.ip-details:hover .ip-details-en{opacity:0;transform:translateY(-4px)}.ip-details:hover .ip-details-ko{opacity:1;transform:translateY(0)}}
/* Center each image or active player within its section's content row. */
.ip-media{display:block;align-self:center;min-width:0;margin:0;padding:0 var(--ip-panel-inset)}
.ip-photo{display:block;width:100%;height:auto;aspect-ratio:4/3}
/* Show the supplied episode thumbnails in full, including their titles. */
.ip-photo.ip-episode-thumbnail{aspect-ratio:16/9;object-fit:contain}

/* Show the approved split-screen photo without repainting or merging its shots. */
.ip-interview-crop{position:relative;width:100%;aspect-ratio:809/626;overflow:hidden;background:#d4bea0}
.ip-interview-crop img{position:absolute;display:block;width:226.4524%;max-width:none;height:auto;left:-117.9234%;top:-18.8498%}

/* Center-crop the approved 767×603 photo to 16:9, retaining all four faces. */
.ip-community-crop{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#525954}
.ip-community-crop img{position:absolute;display:block;width:238.852673%;max-width:none;height:auto;left:-11.734029%;top:-52.332319%}

/* Video poster boxes reuse the main film's play control and hover/focus response. */
.ip-video{position:relative;isolation:isolate;width:100%;min-width:0;overflow:hidden}
.ip-video .play-button{top:50%;z-index:1;width:clamp(58px,calc(5.6172 * var(--layout-unit)),90px);height:clamp(58px,calc(5.6172 * var(--layout-unit)),90px)}
.ip-video .play-icon{width:clamp(14px,calc(1.2 * var(--layout-unit)),20px);height:clamp(17px,calc(1.4 * var(--layout-unit)),24px);margin-left:2px}
.ip-video .video-status{top:calc(50% + clamp(29px,calc(2.8086 * var(--layout-unit)),45px) + 10px);z-index:2;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;font-size:clamp(11px,calc(.85 * var(--layout-unit)),14px);line-height:1.6;white-space:normal;word-break:keep-all;pointer-events:none}

/* Load the player in the existing image box only after a play click. */
.ip-video.is-playing{min-height:244px}
.ip-video.is-playing>.ip-photo,.ip-video.is-playing>.ip-interview-crop{visibility:hidden}
.ip-video.is-playing>.play-button{display:none}
.ip-player-shell{position:absolute;inset:0;z-index:3;display:grid;grid-template-rows:minmax(200px,1fr) 44px;background:#000}
.ip-youtube-player{display:block;width:100%;height:100%;min-height:200px;border:0;background:#000}
.ip-player-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#f5f5f2;color:#171717;font-family:var(--sans);font-size:var(--type-action);line-height:1.3}
.ip-player-actions a,.ip-player-actions button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.ip-player-actions a:hover,.ip-player-actions button:hover{text-decoration:underline;text-underline-offset:3px}
.ip-player-actions a:focus-visible,.ip-player-actions button:focus-visible{outline:2px solid #064b16;outline-offset:2px}

/* Match ABOUT's deep-green reveal; keep the message visible on touch screens. */
.ip-coming-soon-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:rgba(6,75,22,.7);color:#fff;text-align:center;opacity:0;transition:opacity 440ms ease;pointer-events:none}
.ip-coming-soon-label{margin:0;font-family:var(--serif);font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.2em;line-height:1.4;transform:translateY(6px);transition:transform 440ms cubic-bezier(.2,.7,.2,1)}
.ip-coming-soon-message{margin:0;font-family:var(--sans);font-size:var(--type-body);font-weight:400;line-height:1.75;word-break:keep-all;transform:translateY(6px);transition:transform 440ms cubic-bezier(.2,.7,.2,1)}
.ip-coming-soon:focus-visible{outline:2px solid #064b16;outline-offset:4px}
.ip-coming-soon:focus .ip-coming-soon-overlay{opacity:1}
.ip-coming-soon:focus .ip-coming-soon-label,.ip-coming-soon:focus .ip-coming-soon-message{transform:translateY(0)}
@media(hover:hover){
 .ip-coming-soon:hover .ip-coming-soon-overlay{opacity:1}
 .ip-coming-soon:hover .ip-coming-soon-label,.ip-coming-soon:hover .ip-coming-soon-message{transform:translateY(0)}
}
@media(hover:none),(pointer:coarse){
 .ip-coming-soon-overlay{opacity:1}
 .ip-coming-soon-label,.ip-coming-soon-message{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .ip-coming-soon-overlay,.ip-coming-soon-label,.ip-coming-soon-message{transition:none;transform:none}
}

@media(max-width:900px){
 .original-contents{--ip-panel-inset:12px;--ip-group-gap:40px;margin:0 18px 30px}
 .ip-section{grid-template-columns:minmax(0,1fr);min-height:0;padding:32px 0;gap:28px}
 .ip-section::before{display:none}
 .ip-title-group{row-gap:15px}
 .ip-eyebrow{font-size:var(--type-eyebrow);line-height:1.4;letter-spacing:.2em}
 .ip-copy h2{font-size:var(--type-title);line-height:1.25;letter-spacing:-.04em}
 .ip-statement{font-size:var(--type-subtitle);line-height:1.4;letter-spacing:-.035em}
 .ip-description{font-size:var(--type-body);line-height:1.8;letter-spacing:-.02em}
 .ip-description p{margin-bottom:22px}
 .ip-details{min-width:84px;min-height:26px;margin-top:24px;padding:3px 10px;gap:8px;font-size:var(--type-action)}
 .ip-details-arrow{font-size:var(--type-action-arrow)}
}