/* Generated by v2/build.py. Edit the source CSS files. */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden;background:#fff;overscroll-behavior:none}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',Helvetica,Arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}
#stage{position:fixed;inset:0;touch-action:none}
#stage .p{--unit:1px;position:absolute;top:0;left:0;width:var(--w);height:auto;background:#fff;color:#000;border:6px solid #000;display:flex;align-items:stretch;contain:layout style paint;isolation:isolate;cursor:grab;visibility:hidden;text-align:left}
#stage .p.on{visibility:visible}
#stage .p{--card-scale:1;transform-origin:top left;transform:scale(var(--card-scale))}
#stage .p.drag{cursor:grabbing;will-change:transform}
#stage .art{font:400 16px/1.3 'Pretendard Variable','Noto Sans KR',sans-serif}
#stage .art .media{position:relative;flex:0 0 34%;min-width:0;min-height:0;overflow:hidden;border-right:4px solid #000}
#stage .art .photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:grayscale(1) contrast(1.12);pointer-events:none}
#stage .inverse{background:#000;color:#fff}
#stage .inverse .media,#stage .inverse .sp{border-color:#fff}
#stage .art.negative .photo{filter:grayscale(1) invert(1) contrast(1.35)}
#stage .media.repeat{display:grid}
#stage .media.repeat-2.axis-x{grid-template-columns:repeat(2,minmax(0,1fr))}
#stage .media.repeat-3.axis-x{grid-template-columns:repeat(3,minmax(0,1fr))}
#stage .media.repeat-2.axis-y{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
#stage .media.repeat-3.axis-y{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr))}
#stage .media .photo-crop{position:relative;min-width:0;min-height:0;overflow:hidden}
#stage .media.axis-x .photo-crop+.photo-crop{border-left:4px solid currentColor}
#stage .media.axis-y .photo-crop+.photo-crop{border-top:4px solid currentColor}
#stage .art .credit{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#000;color:#fff;font:400 9px/1.3 ui-monospace,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stage .art .body{min-width:0;min-height:0;flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}
#stage .p .title,#stage .p .sp,#stage .p .claim{min-width:0;flex-shrink:0;word-break:keep-all;overflow-wrap:normal;white-space:normal;writing-mode:horizontal-tb;hyphens:none}
#stage .p .word{display:inline;white-space:nowrap}
#stage .art .title{font-size:40px;font-weight:900;line-height:1.06;letter-spacing:-.04em;padding-right:36px}
#stage .art .sp{font-size:24px;line-height:1.18;font-weight:800;border-top:3px solid #000;padding-top:5px;letter-spacing:-.02em}
#stage .art .claim{font-size:16px;line-height:1.34;font-weight:400;letter-spacing:-.01em}
#stage .p .x{position:absolute;top:0;right:0;width:32px;height:32px;border:0;border-left:5px solid #000;border-bottom:5px solid #000;background:#fff;color:#000;font:900 19px/1 Arial,sans-serif;display:grid;place-items:center;z-index:30;cursor:pointer;padding:0;border-radius:0;touch-action:manipulation}
#stage .p .x:hover,#stage .p .x:active{background:#000;color:#fff}
#stage .p .x:focus-visible{outline:2px solid currentColor;outline-offset:-7px}

/* The original is one of the approved choices, with its original proportions. */
#stage .original{border-width:var(--b)}
#stage .original .media{width:var(--im);height:var(--im);flex:0 0 var(--im);border-right:var(--b) solid #000;background:#000}
#stage .original .body{padding:calc(var(--w)*.032) calc(var(--w)*.036) calc(var(--w)*.032) calc(var(--w)*.030);gap:calc(var(--w)*.020)}
#stage .original .title{font-size:var(--ts);line-height:1.04;letter-spacing:-.035em;padding-right:36px}
#stage .original .sp{font-size:var(--ss);line-height:1.32;letter-spacing:-.022em;border-top:calc(var(--b)*.5) solid #000;padding-top:calc(var(--w)*.018)}
#stage .original .claim{font-size:var(--cs);line-height:1.55;letter-spacing:-.01em}
#stage .original .credit{font-size:8px;line-height:1.4;padding:3px 4px;letter-spacing:.02em;text-transform:uppercase}
@media(max-width:640px){
  #stage .original{flex-direction:column}
  #stage .original .media{width:100%;flex:0 0 auto;border-right:0;border-bottom:var(--b) solid #000}
}

/* Approved YES design bank: 38 studies from the completed 101-candidate review.
 * Only selector scope changed from #agi-layout to #stage. Declaration text and
 * source rule order are preserved. Shared card/theme/repeat rules and the
 * original candidate are supplied by the v2 runtime, outside this file.
 */

/* Source: pack-a.css — selected variants only. */
#stage .v01 .media{flex:0 0 68%;border-right:calc(6 * var(--unit)) solid #000}
#stage .v01 .photo{object-position:45% 46%;filter:grayscale(1) contrast(1.4)}
#stage .v01 .body{padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v01 .title{padding:0 calc(36 * var(--unit)) 0 0;font-size:calc(30 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v01 .sp{padding:calc(6 * var(--unit)) 0 0;border-top:calc(3 * var(--unit)) solid #000;font-size:calc(21 * var(--unit));line-height:1.18;letter-spacing:-.02em}
#stage .v01 .claim{padding:0;font-size:calc(15 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v02{flex-direction:column}
#stage .v02 .media{flex:none;height:calc(240 * var(--unit));border:0;border-bottom:calc(6 * var(--unit)) solid #000}
#stage .v02 .photo{object-position:61% 50%;filter:grayscale(1) contrast(1.55)}
#stage .v02 .body{padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v02 .title{padding:0;font-size:calc(36 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v02 .sp{padding:calc(6 * var(--unit)) 0 0;border-top:calc(3 * var(--unit)) solid #000;font-size:calc(24 * var(--unit));line-height:1.18;letter-spacing:-.02em}
#stage .v02 .claim{padding:0;font-size:calc(16 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v03 .media{order:1;flex:0 0 22%;border:0;border-left:calc(6 * var(--unit)) solid #000}
#stage .v03 .photo{object-position:68% center;filter:grayscale(1) contrast(1.5)}
#stage .v03 .body{order:0;padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v03 .title{padding:0;font-size:calc(42 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v03 .sp{padding:calc(6 * var(--unit)) 0 0;border-top:calc(3 * var(--unit)) solid #000;font-size:calc(28 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v03 .claim{padding:0;font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v04{display:grid;grid-template-columns:minmax(0,.8fr) calc(310 * var(--unit)) minmax(0,1.2fr);grid-template-rows:auto auto}
#stage .v04 .body{display:contents;padding:0;gap:0}
#stage .v04 .title{grid-area:1 / 1 / 2 / 4;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid #000;font-size:calc(48 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v04 .sp{grid-area:2 / 1 / 3 / 2;padding:calc(8 * var(--unit));border:0;font-size:calc(28 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v04 .media{grid-area:2 / 2 / 3 / 3;border:0;border-left:calc(6 * var(--unit)) solid #000;border-right:calc(6 * var(--unit)) solid #000}
#stage .v04 .photo{object-position:29% 55%;filter:grayscale(1) contrast(1.5)}
#stage .v04 .claim{grid-area:2 / 3 / 3 / 4;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v05{flex-direction:column}
#stage .v05 .body{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-rows:auto auto;padding:0;gap:0}
#stage .v05 .title{grid-area:1 / 1 / 2 / 3;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid #000;font-size:calc(38 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v05 .sp{grid-area:2 / 1 / 3 / 2;padding:calc(8 * var(--unit));border:0;border-right:calc(6 * var(--unit)) solid #000;font-size:calc(26 * var(--unit));line-height:1.18;letter-spacing:-.02em}
#stage .v05 .claim{grid-area:2 / 2 / 3 / 3;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v05 .media{order:1;flex:none;height:calc(95 * var(--unit));border:0;border-top:calc(6 * var(--unit)) solid #000}
#stage .v05 .photo{object-position:52% 20%;filter:grayscale(1) contrast(1.35)}
#stage .v06 .media{flex:0 0 calc(100 * var(--unit));border-right:calc(6 * var(--unit)) solid #000}
#stage .v06 .photo{object-position:47% 32%;filter:grayscale(1) contrast(1.5)}
#stage .v06 .body{padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v06 .title{padding:0 calc(36 * var(--unit)) 0 0;font-family:'Gothic A1',sans-serif;font-size:calc(46 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em}
#stage .v06 .sp{padding:calc(6 * var(--unit)) 0 0;border-top:calc(3 * var(--unit)) solid #000;font-size:calc(30 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v06 .claim{padding:0;font-size:calc(20 * var(--unit));line-height:1.34;letter-spacing:-.02em}
#stage .v08{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}
#stage .v08 .body{display:contents;padding:0;gap:0}
#stage .v08 .title{grid-area:1 / 1 / 2 / 2;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));font-size:calc(34 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v08 .media{grid-area:2 / 1 / 3 / 2;height:calc(145 * var(--unit));border:0;border-top:calc(6 * var(--unit)) solid #000;border-bottom:calc(6 * var(--unit)) solid #000}
#stage .v08 .photo{object-position:center 65%;filter:grayscale(1) contrast(1.5)}
#stage .v08 .sp{grid-area:3 / 1 / 4 / 2;padding:calc(8 * var(--unit));border:0;border-bottom:calc(3 * var(--unit)) solid #000;font-size:calc(24 * var(--unit));line-height:1.18;letter-spacing:-.02em}
#stage .v08 .claim{grid-area:4 / 1 / 5 / 2;padding:calc(8 * var(--unit));font-size:calc(16 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v09{display:grid;grid-template-columns:calc(90 * var(--unit)) minmax(0,1fr) minmax(0,1.5fr);grid-template-rows:auto auto}
#stage .v09 .body{display:contents;padding:0;gap:0}
#stage .v09 .media{grid-area:1 / 1 / 3 / 2;border:0;border-right:calc(6 * var(--unit)) solid #000}
#stage .v09 .photo{object-position:31% center;filter:grayscale(1) contrast(1.65)}
#stage .v09 .title{grid-area:1 / 2 / 2 / 4;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid #000;font-size:calc(38 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v09 .sp{grid-area:2 / 2 / 3 / 3;padding:calc(8 * var(--unit));border:0;border-right:calc(6 * var(--unit)) solid #000;font-size:calc(26 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v09 .claim{grid-area:2 / 3 / 3 / 4;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v12{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto auto auto}
#stage .v12 .body{display:contents;padding:0;gap:0}
#stage .v12 .title{grid-area:1 / 1 / 2 / 3;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid #000;font-size:calc(40 * var(--unit));line-height:1.06;letter-spacing:-.04em}
#stage .v12 .media{grid-area:2 / 1 / 4 / 2;border:0;border-right:calc(6 * var(--unit)) solid #000}
#stage .v12 .photo{object-position:center 48%;filter:grayscale(1) contrast(1.5)}
#stage .v12 .sp{grid-area:2 / 2 / 3 / 3;padding:calc(8 * var(--unit));border:0;border-bottom:calc(3 * var(--unit)) solid #000;font-size:calc(28 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v12 .claim{grid-area:3 / 2 / 4 / 3;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v13{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto}
#stage .v13 .body{display:contents;padding:0;gap:0}
#stage .v13 .title{grid-area:1 / 1 / 2 / 3;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));font-family:'Noto Sans KR',sans-serif;font-size:calc(54 * var(--unit));font-weight:900;line-height:1.2;letter-spacing:-.04em}
#stage .v13 .media{grid-area:2 / 1 / 3 / 3;height:calc(100 * var(--unit));border:0;border-top:calc(6 * var(--unit)) solid #000;border-bottom:calc(6 * var(--unit)) solid #000}
#stage .v13 .photo{object-position:70% 38%;filter:grayscale(1) contrast(1.7)}
#stage .v13 .sp{grid-area:3 / 1 / 4 / 2;padding:calc(8 * var(--unit));border:0;border-right:calc(6 * var(--unit)) solid #000;font-size:calc(34 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v13 .claim{grid-area:3 / 2 / 4 / 3;padding:calc(8 * var(--unit));font-size:calc(21 * var(--unit));line-height:1.34;letter-spacing:-.02em}

/* Source: pack-b.css — selected variants only. */
#stage .v16{display:grid;grid-template-columns:42% 58%;grid-template-areas:'title title' 'media media' 'quote claim';gap:0}
#stage .v16 .body{display:contents}
#stage .v16 .title{grid-area:title;font-size:calc(64 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v16 .media{grid-area:media;height:calc(72 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v16 .sp{grid-area:quote;font-size:calc(28 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid #000}
#stage .v16 .claim{grid-area:claim;font-size:calc(18 * var(--unit));line-height:1.32;padding:calc(8 * var(--unit))}
#stage .v17{display:grid;grid-template-columns:calc(128 * var(--unit)) minmax(0,1fr);grid-template-areas:'title title' 'media quote' 'media claim';gap:0}
#stage .v17 .body{display:contents}
#stage .v17 .title{grid-area:title;font-family:'Gothic A1','Noto Sans KR',sans-serif;font-size:calc(72 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v17 .media{grid-area:media;border:0;border-right:calc(4 * var(--unit)) solid #000}
#stage .v17 .sp{grid-area:quote;font-size:calc(30 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v17 .claim{grid-area:claim;font-size:calc(19 * var(--unit));line-height:1.32;padding:calc(8 * var(--unit))}
#stage .v18{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'media' 'quote' 'claim';gap:0}
#stage .v18 .body{display:contents}
#stage .v18 .title{grid-area:title;font-size:calc(40 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.035em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v18 .media{grid-area:media;height:calc(115 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v18 .sp{grid-area:quote;font-size:calc(23 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(3 * var(--unit)) solid #000}
#stage .v18 .claim{grid-area:claim;font-size:calc(15 * var(--unit));line-height:1.34;padding:calc(8 * var(--unit))}
#stage .v20{display:grid;grid-template-columns:calc(84 * var(--unit)) minmax(0,1fr);grid-template-areas:'title title' 'media quote' 'media claim';gap:0}
#stage .v20 .body{display:contents}
#stage .v20 .title{grid-area:title;font-size:calc(60 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v20 .media{grid-area:media;border:0;border-right:calc(4 * var(--unit)) solid #000}
#stage .v20 .sp{grid-area:quote;font-size:calc(28 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v20 .claim{grid-area:claim;font-size:calc(18 * var(--unit));line-height:1.32;padding:calc(8 * var(--unit))}
#stage .v22{background:#000;color:#fff}
#stage .v22 .media{flex:0 0 calc(60 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid #fff}
#stage .v22 .body{padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v22 .title{font-size:calc(48 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.035em;padding:0 calc(36 * var(--unit)) 0 0}
#stage .v22 .sp{font-size:calc(26 * var(--unit));font-weight:800;line-height:1.18;padding:calc(6 * var(--unit)) 0 0;border-top:calc(4 * var(--unit)) solid #fff}
#stage .v22 .claim{font-size:calc(17 * var(--unit));line-height:1.32;padding:0}
#stage .v24{display:grid;grid-template-columns:38% 62%;grid-template-areas:'title title' 'quote media' 'claim media';gap:0}
#stage .v24 .body{display:contents}
#stage .v24 .title{grid-area:title;font-size:calc(62 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v24 .media{grid-area:media;border:0;border-left:calc(4 * var(--unit)) solid #000}
#stage .v24 .sp{grid-area:quote;font-size:calc(28 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v24 .claim{grid-area:claim;font-size:calc(18 * var(--unit));line-height:1.32;padding:calc(8 * var(--unit))}
#stage .v25{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'quote' 'media' 'claim';gap:0}
#stage .v25 .body{display:contents}
#stage .v25 .title{grid-area:title;font-size:calc(46 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v25 .sp{grid-area:quote;font-size:calc(25 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v25 .media{grid-area:media;height:calc(65 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v25 .claim{grid-area:claim;font-size:calc(16 * var(--unit));line-height:1.34;padding:calc(8 * var(--unit))}
#stage .v26{display:grid;grid-template-columns:calc(180 * var(--unit)) calc(300 * var(--unit)) minmax(0,1fr);grid-template-areas:'media title title' 'media quote claim';gap:0}
#stage .v26 .body{display:contents}
#stage .v26 .title{grid-area:title;font-size:calc(50 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.035em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v26 .media{grid-area:media;border:0;border-right:calc(4 * var(--unit)) solid #000}
#stage .v26 .sp{grid-area:quote;font-size:calc(28 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid #000}
#stage .v26 .claim{grid-area:claim;font-size:calc(20 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit))}
#stage .v28{display:grid;grid-template-columns:65% 35%;grid-template-areas:'title media' 'quote quote' 'claim claim';gap:0}
#stage .v28 .body{display:contents}
#stage .v28 .title{grid-area:title;font-size:calc(56 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.035em;padding:calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v28 .media{grid-area:media;border:0;border-left:calc(4 * var(--unit)) solid #000;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v28 .sp{grid-area:quote;font-size:calc(28 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v28 .claim{grid-area:claim;font-size:calc(18 * var(--unit));line-height:1.32;padding:calc(8 * var(--unit))}
#stage .v29{display:grid;grid-template-columns:calc(92 * var(--unit)) minmax(0,1fr);grid-template-areas:'title title' 'media quote' 'claim claim';gap:0}
#stage .v29 .body{display:contents}
#stage .v29 .title{grid-area:title;font-size:calc(42 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.035em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v29 .media{grid-area:media;border:0;border-right:calc(4 * var(--unit)) solid #000;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v29 .sp{grid-area:quote;background:#000;color:#fff;font-size:calc(24 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v29 .claim{grid-area:claim;font-size:calc(16 * var(--unit));line-height:1.34;padding:calc(8 * var(--unit))}
#stage .v30{display:grid;grid-template-columns:minmax(0,1fr) calc(145 * var(--unit));grid-template-areas:'title title' 'quote quote' 'claim media';gap:0}
#stage .v30 .body{display:contents}
#stage .v30 .title{grid-area:title;font-size:calc(62 * var(--unit));font-weight:900;line-height:1.06;letter-spacing:-.04em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v30 .sp{grid-area:quote;font-size:calc(30 * var(--unit));font-weight:800;line-height:1.18;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid #000}
#stage .v30 .claim{grid-area:claim;font-size:calc(20 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit))}
#stage .v30 .media{grid-area:media;border:0;border-left:calc(4 * var(--unit)) solid #000}

/* Source: pack-c.css — selected variants only. */
#stage .v31{ display:grid; grid-template-columns:calc(218 * var(--unit)) calc(290 * var(--unit)) 1fr; grid-template-rows:auto auto; gap:0; padding:0; background:#fff; color:#000; }
#stage .v31 .body{ display:contents; padding:0; gap:0; }
#stage .v31 .title{ grid-column:1 / -1; grid-row:1; padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit)); border:0; border-bottom:calc(6 * var(--unit)) solid #000; font:900 calc(44 * var(--unit))/1.06 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.035em; }
#stage .v31 .media{ grid-column:1; grid-row:2; flex:none; width:auto; height:auto; align-self:stretch; padding:0; border:0; border-right:calc(6 * var(--unit)) solid #000; }
#stage .v31 .sp{ grid-column:2; grid-row:2; padding:calc(8 * var(--unit)); border:0; border-right:calc(6 * var(--unit)) solid #000; font:800 calc(28 * var(--unit))/1.18 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.02em; }
#stage .v31 .claim{ grid-column:3; grid-row:2; padding:calc(8 * var(--unit)); border:0; font:400 calc(16 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }
#stage .v38{ display:flex; flex-direction:row; padding:0; background:#fff; color:#000; }
#stage .v38 .media{ flex:0 0 calc(124 * var(--unit)); width:calc(124 * var(--unit)); height:auto; align-self:stretch; padding:0; border:0; border-right:calc(6 * var(--unit)) solid #000; }
#stage .v38 .body{ display:flex; flex-direction:column; flex:1; gap:0; min-width:0; padding:0; background:#000; color:#fff; }
#stage .v38 .title{ padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit)); border:0; border-bottom:calc(4 * var(--unit)) solid #fff; color:#fff; font:900 calc(38 * var(--unit))/1.07 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.04em; }
#stage .v38 .sp{ padding:calc(8 * var(--unit)); border:0; border-bottom:calc(4 * var(--unit)) solid #fff; color:#fff; font:800 calc(26 * var(--unit))/1.18 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.02em; }
#stage .v38 .claim{ padding:calc(8 * var(--unit)); border:0; color:#fff; font:400 calc(16 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }

/* Source: pack-d.css — selected variants only. */
#stage .v41 .media{flex-basis:62%;border-right-width:calc(6 * var(--unit))}
#stage .v41 .photo{object-position:50% 55%}
#stage .v41 .body{padding:calc(8 * var(--unit));gap:calc(6 * var(--unit))}
#stage .v41 .title{font-size:calc(38 * var(--unit));line-height:1.06}
#stage .v41 .sp{font-size:calc(24 * var(--unit));line-height:1.18}
#stage .v41 .claim{font-size:calc(15 * var(--unit));line-height:1.32}
#stage .v43{display:grid;grid-template-columns:calc(180 * var(--unit)) minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto auto}
#stage .v43 .body{display:contents}
#stage .v43 .title{grid-area:1/1/2/4;padding:calc(8 * var(--unit)) calc(40 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(5 * var(--unit)) solid #000;font-size:calc(58 * var(--unit));line-height:1.07}
#stage .v43 .media{grid-area:2/1/3/2;border:0;border-right:calc(5 * var(--unit)) solid #000}
#stage .v43 .sp{grid-area:2/2/3/3;padding:calc(8 * var(--unit));border:0;border-right:calc(5 * var(--unit)) solid #000;font-size:calc(28 * var(--unit));line-height:1.16}
#stage .v43 .claim{grid-area:2/3/3/4;padding:calc(8 * var(--unit));font-size:calc(17 * var(--unit));line-height:1.33}
#stage .v45{display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:auto auto auto}
#stage .v45 .body{display:contents}
#stage .v45 .media{grid-area:1/1/2/2;border:0;border-right:calc(5 * var(--unit)) solid #000;border-bottom:calc(5 * var(--unit)) solid #000}
#stage .v45 .title{grid-area:1/2/2/3;padding:calc(8 * var(--unit)) calc(38 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(5 * var(--unit)) solid #000;font:900 calc(36 * var(--unit))/1.1 'Gothic A1',sans-serif;letter-spacing:-.045em}
#stage .v45 .sp{grid-area:2/1/3/3;border:0;border-bottom:calc(4 * var(--unit)) solid #000;padding:calc(8 * var(--unit));font-size:calc(24 * var(--unit));line-height:1.18}
#stage .v45 .claim{grid-area:3/1/4/3;padding:calc(8 * var(--unit));font-size:calc(16 * var(--unit));line-height:1.35}
#stage .v50{display:block}
#stage .v50 .media{position:absolute;inset:0;width:100%;height:100%;border:0}
#stage .v50 .photo{filter:grayscale(1) contrast(1.45)}
#stage .v50 .credit{display:none}
#stage .v50 .body{position:relative;padding:calc(8 * var(--unit));gap:calc(7 * var(--unit));display:grid;grid-template-columns:minmax(0,1fr)}
#stage .v50 .title{width:94%;padding:calc(8 * var(--unit));background:#fff;border:calc(4 * var(--unit)) solid #000;font-size:calc(58 * var(--unit));line-height:1.08;letter-spacing:-.035em}
#stage .v50 .sp{justify-self:end;width:78%;padding:calc(8 * var(--unit));background:#fff;border:calc(4 * var(--unit)) solid #000;font-size:calc(32 * var(--unit));line-height:1.19;letter-spacing:-.025em}
#stage .v50 .claim{width:88%;background:#fff;border:calc(4 * var(--unit)) solid #000;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.35}

/* Source: pack-e.css — selected variants only. */
#stage .v51 .title,#stage .v51 .sp,#stage .v51 .claim{background:#000;color:#fff}
#stage .v53 .title,#stage .v53 .sp,#stage .v53 .claim{background:#000;color:#fff}
#stage .v55 .title,#stage .v55 .sp,#stage .v55 .claim{background:#000;color:#fff}
#stage .v51{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);grid-template-rows:auto auto auto auto}
#stage .v51 .body{display:contents;padding:0;gap:0}
#stage .v51 .media{display:contents;border:0}
#stage .v51 .photo-crop{position:relative;min-width:0;min-height:0;overflow:hidden;border:0}
#stage .v51 .photo-crop:nth-child(1){grid-area:1 / 3 / 2 / 4;border-left:calc(8 * var(--unit)) solid #fff;border-bottom:calc(8 * var(--unit)) solid #fff}
#stage .v51 .photo-crop:nth-child(2){grid-area:2 / 1 / 4 / 2;border-right:calc(8 * var(--unit)) solid #fff}
#stage .v51 .photo-crop:nth-child(3){grid-area:3 / 3 / 4 / 4;border-left:calc(8 * var(--unit)) solid #fff}
#stage .v51 .photo-crop:nth-child(1) .photo{object-position:12% 18%;filter:grayscale(1) contrast(1.7);transform:scale(1.1)}
#stage .v51 .photo-crop:nth-child(2) .photo{object-position:78% 55%;filter:grayscale(1) contrast(1.55);transform:scale(1.22)}
#stage .v51 .photo-crop:nth-child(3) .photo{object-position:43% 91%;filter:grayscale(1) contrast(1.9)}
#stage .v51 .title{grid-area:1 / 1 / 2 / 3;padding:calc(8 * var(--unit));border-bottom:calc(8 * var(--unit)) solid #fff;font-family:'Noto Sans KR',sans-serif;font-weight:900;font-size:calc(54 * var(--unit));line-height:1.22;letter-spacing:-.04em}
#stage .v51 .sp{grid-area:2 / 2 / 3 / 4;padding:calc(8 * var(--unit));border:0;border-bottom:calc(8 * var(--unit)) solid #fff;font-size:calc(30 * var(--unit));line-height:1.18;letter-spacing:-.02em}
#stage .v51 .claim{grid-area:3 / 2 / 4 / 3;padding:calc(8 * var(--unit));font-size:calc(18 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v51 .credit{position:static;grid-area:4 / 1 / 5 / 4;background:#000;color:#fff;border-top:calc(2 * var(--unit)) solid #fff;padding:calc(6 * var(--unit));white-space:normal;font-size:calc(9 * var(--unit));line-height:1.25}
#stage .v53{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) calc(300 * var(--unit));grid-template-rows:auto auto}
#stage .v53 .body{display:contents;padding:0;gap:0}
#stage .v53 .title{grid-area:1 / 1 / 3 / 2;padding:calc(8 * var(--unit));font-size:calc(72 * var(--unit));line-height:1.1;letter-spacing:-.04em}
#stage .v53 .sp{grid-area:1 / 2 / 2 / 3;padding:calc(8 * var(--unit));border:0;border-left:calc(8 * var(--unit)) solid #fff;border-bottom:calc(6 * var(--unit)) solid #fff;font-size:calc(32 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v53 .claim{grid-area:2 / 2 / 3 / 3;padding:calc(8 * var(--unit));border-left:calc(8 * var(--unit)) solid #fff;font-size:calc(20 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v53 .media{grid-area:1 / 3 / 3 / 4;border:0;border-left:calc(8 * var(--unit)) solid #fff}
#stage .v53 .photo{object-position:18% center;filter:grayscale(1) contrast(1.75)}
#stage .v55{display:grid;grid-template-columns:calc(350 * var(--unit)) minmax(0,1fr) calc(280 * var(--unit));grid-template-rows:auto auto}
#stage .v55 .body{display:contents;padding:0;gap:0}
#stage .v55 .title{grid-area:1 / 1 / 2 / 3;padding:calc(8 * var(--unit));border-bottom:calc(8 * var(--unit)) solid #fff;font-size:calc(72 * var(--unit));line-height:1.1;letter-spacing:-.04em}
#stage .v55 .sp{grid-area:2 / 1 / 3 / 2;padding:calc(8 * var(--unit));border:0;border-right:calc(8 * var(--unit)) solid #fff;font-size:calc(32 * var(--unit));line-height:1.18;letter-spacing:-.025em}
#stage .v55 .claim{grid-area:2 / 2 / 3 / 3;padding:calc(8 * var(--unit));font-size:calc(19 * var(--unit));line-height:1.34;letter-spacing:-.015em}
#stage .v55 .media{grid-area:1 / 3 / 3 / 4;border:0;border-left:calc(8 * var(--unit)) solid #fff}
#stage .v55 .photo{object-position:74% center;filter:grayscale(1) contrast(1.85)}

/* Source: pack-f.css — selected variants only. */
#stage .v72{display:grid;grid-template-columns:calc(200 * var(--unit)) minmax(0,1fr);grid-template-areas:'title title' 'media quote' 'media claim';gap:0}
#stage .v72 .body{display:contents}
#stage .v72 .title{grid-area:title;background:#fff;color:#000;font-size:calc(90 * var(--unit));font-weight:900;line-height:1.12;letter-spacing:-.045em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid #fff}
#stage .v72 .media{grid-area:media;border:0;border-right:calc(6 * var(--unit)) solid currentColor}
#stage .v72 .sp{grid-area:quote;font-size:calc(32 * var(--unit));font-weight:800;line-height:1.2;padding:calc(8 * var(--unit));border:0;border-bottom:calc(4 * var(--unit)) solid currentColor}
#stage .v72 .claim{grid-area:claim;font-size:calc(20 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit));column-count:2;column-gap:calc(16 * var(--unit));column-rule:calc(4 * var(--unit)) solid currentColor}
#stage .v76{display:grid;grid-template-columns:calc(280 * var(--unit)) calc(80 * var(--unit)) minmax(0,1fr);grid-template-areas:'title title title' 'quote media claim';gap:0}
#stage .v76 .body{display:contents}
#stage .v76 .title{grid-area:title;font-size:calc(84 * var(--unit));font-weight:900;line-height:1.12;letter-spacing:-.045em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid currentColor}
#stage .v76 .sp{grid-area:quote;font-size:calc(30 * var(--unit));font-weight:800;line-height:1.2;padding:calc(8 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid currentColor}
#stage .v76 .media{grid-area:media;border:0;border-right:calc(4 * var(--unit)) solid currentColor}
#stage .v76 .claim{grid-area:claim;font-size:calc(20 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit))}
#stage .v79{display:grid;grid-template-columns:22% 32% 46%;grid-template-areas:'title title title' 'media quote claim';gap:0}
#stage .v79 .body{display:contents}
#stage .v79 .title{grid-area:title;font-family:'Noto Sans KR',sans-serif;font-size:calc(84 * var(--unit));font-weight:900;line-height:1.28;letter-spacing:-.045em;padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid currentColor}
#stage .v79 .media{grid-area:media;border:0;border-right:calc(6 * var(--unit)) solid currentColor}
#stage .v79 .sp{grid-area:quote;font-size:calc(32 * var(--unit));font-weight:800;line-height:1.2;padding:calc(8 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid currentColor}
#stage .v79 .claim{grid-area:claim;font-size:calc(21 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit))}
#stage .v81{display:grid;grid-template-columns:32% 68%;grid-template-areas:'media media' 'title title' 'quote claim';gap:0}
#stage .v81 .body{display:contents}
#stage .v81 .media{grid-area:media;height:calc(48 * var(--unit));border:0;border-bottom:calc(6 * var(--unit)) solid currentColor}
#stage .v81 .title{grid-area:title;font-size:calc(90 * var(--unit));font-weight:900;line-height:1.12;letter-spacing:-.045em;padding:calc(8 * var(--unit));border-bottom:calc(6 * var(--unit)) solid currentColor}
#stage .v81 .sp{grid-area:quote;font-size:calc(36 * var(--unit));font-weight:800;line-height:1.2;padding:calc(8 * var(--unit));border:0;border-right:calc(4 * var(--unit)) solid currentColor}
#stage .v81 .claim{grid-area:claim;font-size:calc(21 * var(--unit));line-height:1.3;padding:calc(8 * var(--unit))}

/* Source: pack-g.css — selected variants only. */
#stage .v85{ display:grid; grid-template-columns:35% 65%; grid-template-rows:auto auto auto; gap:0; padding:0; background:#000; color:#fff; }
#stage .v85 .body{ display:contents; padding:0; gap:0; }
#stage .v85 .title{ grid-column:1 / -1; grid-row:1; padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit)); border:0; font:900 calc(64 * var(--unit))/1.1 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.03em; }
#stage .v85 .media{ grid-column:1 / -1; grid-row:2; flex:none; width:auto; height:calc(92 * var(--unit)); padding:0; border:0; border-top:calc(8 * var(--unit)) solid currentColor; border-bottom:calc(8 * var(--unit)) solid currentColor; }
#stage .v85 .sp{ grid-column:1; grid-row:3; padding:calc(8 * var(--unit)); border:0; border-right:calc(8 * var(--unit)) solid currentColor; font:800 calc(30 * var(--unit))/1.2 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.015em; }
#stage .v85 .claim{ grid-column:2; grid-row:3; padding:calc(8 * var(--unit)); border:0; font:400 calc(18 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }
#stage .v85 .photo-crop:nth-child(1) .photo{ object-position:10% 15%; transform:scale(1.12); }
#stage .v85 .photo-crop:nth-child(2) .photo{ object-position:50% 52%; transform:scale(1.3); }
#stage .v85 .photo-crop:nth-child(3) .photo{ object-position:92% 85%; transform:scale(1.18); }
#stage .v86{ display:grid; grid-template-columns:28% 72%; grid-template-rows:auto auto auto; gap:0; padding:0; background:#000; color:#fff; }
#stage .v86 .body{ display:contents; padding:0; gap:0; }
#stage .v86 .media{ grid-column:1; grid-row:1 / 3; flex:none; width:auto; height:auto; align-self:stretch; padding:0; border:0; border-right:calc(8 * var(--unit)) solid currentColor; }
#stage .v86 .photo{ object-position:31% 50%; }
#stage .v86 .title{ grid-column:2; grid-row:1; padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit)); border:0; font:900 calc(66 * var(--unit))/1.1 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.03em; }
#stage .v86 .sp{ grid-column:2; grid-row:2; padding:calc(8 * var(--unit)); border:0; border-top:calc(8 * var(--unit)) solid currentColor; font:800 calc(32 * var(--unit))/1.2 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.015em; }
#stage .v86 .claim{ grid-column:1 / -1; grid-row:3; padding:calc(8 * var(--unit)); border:0; border-top:calc(8 * var(--unit)) solid currentColor; columns:2; column-gap:calc(24 * var(--unit)); column-rule:calc(4 * var(--unit)) solid currentColor; font:400 calc(18 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }
#stage .v91{ display:grid; grid-template-columns:1fr; grid-template-rows:auto auto auto auto; gap:0; padding:0; background:#000; color:#fff; }
#stage .v91 .body{ display:contents; padding:0; gap:0; }
#stage .v91 .title{ grid-column:1; grid-row:1; padding:calc(8 * var(--unit)) calc(36 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit)); border:0; font:900 calc(48 * var(--unit))/1.1 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.03em; }
#stage .v91 .media{ grid-column:1; grid-row:2; flex:none; width:auto; height:calc(44 * var(--unit)); padding:0; border:0; border-top:calc(6 * var(--unit)) solid currentColor; border-bottom:calc(6 * var(--unit)) solid currentColor; }
#stage .v91 .photo{ object-position:50% 65%; }
#stage .v91 .sp{ grid-column:1; grid-row:3; padding:calc(8 * var(--unit)); border:0; font:800 calc(28 * var(--unit))/1.2 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.015em; }
#stage .v91 .claim{ grid-column:1; grid-row:4; padding:calc(8 * var(--unit)); border:0; border-top:calc(8 * var(--unit)) solid currentColor; columns:2; column-gap:calc(12 * var(--unit)); column-rule:calc(4 * var(--unit)) solid currentColor; font:400 calc(17 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }
#stage .v92{ display:grid; grid-template-columns:calc(340 * var(--unit)) 1fr calc(230 * var(--unit)); grid-template-rows:auto auto; gap:0; padding:0; background:#000; color:#fff; }
#stage .v92 .body{ display:contents; padding:0; gap:0; }
#stage .v92 .title{ grid-column:1 / 3; grid-row:1; padding:calc(8 * var(--unit)); border:0; border-bottom:calc(8 * var(--unit)) solid currentColor; font:900 calc(52 * var(--unit))/1.2 'Gothic A1','Noto Sans KR',sans-serif; letter-spacing:-.03em; }
#stage .v92 .sp{ grid-column:1; grid-row:2; padding:calc(8 * var(--unit)); border:0; border-right:calc(8 * var(--unit)) solid currentColor; font:800 calc(28 * var(--unit))/1.2 'Pretendard Variable','Noto Sans KR',sans-serif; letter-spacing:-.015em; }
#stage .v92 .claim{ grid-column:2; grid-row:2; padding:calc(8 * var(--unit)); border:0; font:400 calc(18 * var(--unit))/1.34 'Pretendard Variable','Noto Sans KR',sans-serif; }
#stage .v92 .media{ grid-column:3; grid-row:1 / 3; flex:none; width:auto; height:auto; align-self:stretch; padding:0; border:0; border-left:calc(8 * var(--unit)) solid currentColor; }
#stage .v92 .photo-crop:nth-child(1) .photo{ object-position:8% 21%; transform:scale(1.15); }
#stage .v92 .photo-crop:nth-child(2) .photo{ object-position:86% 77%; transform:scale(1.32); }

/* Alert content and close behavior belong to the renderer. These rules only
   change the two existing text fields. Card height always follows the text. */
#stage .p.alert {
  --alert-title-size: 42px;
  --alert-subtitle-size: 20px;
  --alert-bg: #fff;
  --alert-fg: #000;
  display: block;
  background: var(--alert-bg);
  color: var(--alert-fg);
  border-color: #ff0000;
  container-type: inline-size;
  container-name: agi-alert;
}

#stage .p.alert.alert-light {
  --alert-bg: #fff;
  --alert-fg: #000;
}

#stage .p.alert.alert-dark {
  --alert-bg: #000;
  --alert-fg: #fff;
}

#stage .p.alert .alert-body {
  display: block;
  min-width: 0;
  padding: 8px;
  background: var(--alert-bg);
  color: var(--alert-fg);
  font-family: "Pretendard Variable", Pretendard, -apple-system,
    "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

#stage .p.alert .title,
#stage .p.alert .sp {
  min-width: 0;
  margin: 0;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  writing-mode: horizontal-tb;
}

#stage .p.alert .title {
  padding: 0 36px 0 0;
  color: #ff0000;
  font-family: inherit;
  font-size: var(--alert-title-size);
  /* Fit the longest original title word when the window itself is narrow. */
  font-size: min(var(--alert-title-size), calc((100cqi - 64px) / 5));
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -.04em;
  text-align: left;
}

#stage .p.alert .sp {
  margin-top: 6px;
  padding: 6px 0 0;
  border: 0;
  border-top: 3px solid var(--alert-fg);
  color: var(--alert-fg);
  font-family: inherit;
  font-size: var(--alert-subtitle-size);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -.022em;
  text-align: left;
}

#stage .p.alert .title > span,
#stage .p.alert .sp > span {
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
}

/* The shared stylesheet owns the 32px close target and its positioning. */
#stage .p.alert .x {
  background: var(--alert-bg);
  color: var(--alert-fg);
  border-left-color: #ff0000;
  border-bottom-color: #ff0000;
}

#stage .p.alert .x:hover,
#stage .p.alert .x:active {
  background: var(--alert-fg);
  color: var(--alert-bg);
  border-left-color: #ff0000;
  border-bottom-color: #ff0000;
}

/* 01 — a narrow window; the title's words establish the two-line rhythm. */
#stage .p.alert.alert-01 {
  --alert-title-size: 42px;
  --alert-subtitle-size: 20px;
}

#stage .p.alert.alert-01 .alert-body {
  padding: 6px;
}

#stage .p.alert.alert-01 .sp {
  margin-top: 4px;
  border-top-width: 6px;
  padding-top: 5px;
}

/* 02 — a large full-width title and a secondary block on a thick side rail. */
#stage .p.alert.alert-02 {
  --alert-title-size: 52px;
  --alert-subtitle-size: 20px;
}

#stage .p.alert.alert-02 .title {
  font-family: "Gothic A1", "Pretendard Variable", Pretendard, sans-serif;
  line-height: 1.28;
  letter-spacing: -.055em;
}

#stage .p.alert.alert-02 .sp {
  margin-top: 5px;
  border-top: 0;
  border-left: 8px solid var(--alert-fg);
  padding: 2px 0 2px 8px;
}

/* 03 — compact title cell, wide explanation cell, one structural divider. */
#stage .p.alert.alert-03 {
  --alert-title-size: 40px;
  --alert-subtitle-size: 20px;
}

#stage .p.alert.alert-03 .alert-body {
  display: grid;
  grid-template-columns: minmax(14rem, .38fr) minmax(0, .62fr);
  padding: 0;
  align-items: stretch;
}

#stage .p.alert.alert-03 .title {
  padding: 8px 10px;
}

#stage .p.alert.alert-03 .sp {
  margin: 0;
  padding: 8px 40px 8px 10px;
  border-top: 0;
  border-left: 4px solid var(--alert-fg);
}

/* 04 — the biggest title, a hard horizontal rule, no separate title panel. */
#stage .p.alert.alert-04 {
  --alert-title-size: 60px;
  --alert-subtitle-size: 24px;
}

#stage .p.alert.alert-04 .alert-body {
  padding: 8px 7px;
}

#stage .p.alert.alert-04 .title {
  line-height: 1.2;
  letter-spacing: -.052em;
}

#stage .p.alert.alert-04 .sp {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 7px solid var(--alert-fg);
  font-weight: 900;
  line-height: 1.27;
}

/* 05 — a long low strip: small title cell and a broad secondary paragraph. */
#stage .p.alert.alert-05 {
  --alert-title-size: 32px;
  --alert-subtitle-size: 18px;
}

#stage .p.alert.alert-05 .alert-body {
  display: grid;
  grid-template-columns: minmax(12rem, .28fr) minmax(0, .72fr);
  padding: 0;
  align-items: stretch;
}

#stage .p.alert.alert-05 .title {
  padding: 7px 8px;
  font-family: "Noto Sans KR", "Pretendard Variable", Pretendard, sans-serif;
  line-height: 1.3;
  letter-spacing: -.045em;
}

#stage .p.alert.alert-05 .sp {
  margin: 0;
  padding: 8px 40px 8px 10px;
  border-top: 0;
  border-left: 6px solid var(--alert-fg);
  line-height: 1.36;
}

/* 06 — right-aligned heading over a left-aligned paragraph in a narrow box. */
#stage .p.alert.alert-06 {
  --alert-title-size: 46px;
  --alert-subtitle-size: 22px;
}

#stage .p.alert.alert-06 .alert-body {
  padding: 7px;
}

#stage .p.alert.alert-06 .title {
  text-align: right;
  letter-spacing: -.05em;
}

#stage .p.alert.alert-06 .sp {
  margin-top: 5px;
  padding: 5px 0;
  border-top: 3px solid var(--alert-fg);
  border-bottom: 3px solid var(--alert-fg);
  line-height: 1.29;
}

/* 07 — the title claims the larger column; the explanation keeps a narrow rail. */
#stage .p.alert.alert-07 {
  --alert-title-size: 54px;
  --alert-subtitle-size: 22px;
}

#stage .p.alert.alert-07 .alert-body {
  display: grid;
  grid-template-columns: minmax(18rem, .54fr) minmax(0, .46fr);
  padding: 0;
  align-items: stretch;
}

#stage .p.alert.alert-07 .title {
  padding: 8px 10px;
  border-right: 7px solid var(--alert-fg);
  font-family: "Gothic A1", "Pretendard Variable", Pretendard, sans-serif;
  line-height: 1.28;
  letter-spacing: -.05em;
}

#stage .p.alert.alert-07 .sp {
  margin: 0;
  padding: 8px 40px 8px 10px;
  border-top: 0;
  font-weight: 700;
  line-height: 1.3;
}

/* 08 — an inset title enclosure; the explanation sits immediately underneath. */
#stage .p.alert.alert-08 {
  --alert-title-size: 48px;
  --alert-subtitle-size: 18px;
}

#stage .p.alert.alert-08 .alert-body {
  padding: 5px;
}

#stage .p.alert.alert-08 .title {
  padding: 5px 38px 5px 6px;
  border: 3px solid var(--alert-fg);
  line-height: 1.24;
}

#stage .p.alert.alert-08 .sp {
  margin-top: 5px;
  padding: 0 2px 2px;
  border-top: 0;
  line-height: 1.36;
}

/* 09 — explanation on the left, title on the right; DOM reading order is kept. */
#stage .p.alert.alert-09 {
  --alert-title-size: 36px;
  --alert-subtitle-size: 18px;
}

#stage .p.alert.alert-09 .alert-body {
  display: grid;
  grid-template-columns: minmax(0, .52fr) minmax(0, .48fr);
  grid-template-areas: "secondary title";
  padding: 0;
  align-items: stretch;
}

#stage .p.alert.alert-09 .title {
  grid-area: title;
  padding: 8px 40px 8px 10px;
  font-family: "Noto Sans KR", "Pretendard Variable", Pretendard, sans-serif;
  line-height: 1.3;
  letter-spacing: -.04em;
}

#stage .p.alert.alert-09 .sp {
  grid-area: secondary;
  margin: 0;
  padding: 8px 10px;
  border-top: 0;
  border-right: 4px solid var(--alert-fg);
  line-height: 1.36;
}

/* 10 — both fields run through the same paragraph, with a clear size change. */
#stage .p.alert.alert-10 {
  --alert-title-size: 28px;
  --alert-subtitle-size: 16px;
}

#stage .p.alert.alert-10 .alert-body {
  padding: 7px calc(10px + 32px / var(--card-scale)) 7px 8px;
  font-size: var(--alert-subtitle-size);
  line-height: 1.55;
}

#stage .p.alert.alert-10 .title {
  display: inline;
  margin-right: 8px;
  padding: 0;
  line-height: 1.3;
  letter-spacing: -.035em;
}

#stage .p.alert.alert-10 .sp {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.55;
  letter-spacing: -.015em;
}

/* Query the actual card, not the viewport: a fitted card can be narrow on a
   wide screen. All split layouts return to title → secondary in one column. */
@container agi-alert (max-width: 38rem) {
  #stage .p.alert.alert-03 .alert-body,
  #stage .p.alert.alert-05 .alert-body,
  #stage .p.alert.alert-07 .alert-body,
  #stage .p.alert.alert-09 .alert-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "secondary";
  }

  #stage .p.alert.alert-03 .title,
  #stage .p.alert.alert-05 .title,
  #stage .p.alert.alert-07 .title,
  #stage .p.alert.alert-09 .title {
    grid-area: title;
    padding: 7px 40px 7px 8px;
    border-right: 0;
  }

  #stage .p.alert.alert-03 .sp,
  #stage .p.alert.alert-05 .sp,
  #stage .p.alert.alert-07 .sp,
  #stage .p.alert.alert-09 .sp {
    grid-area: secondary;
    margin: 0;
    padding: 6px 8px 7px;
    border-left: 0;
    border-right: 0;
    border-top: 4px solid var(--alert-fg);
  }
}

/* Wide posters reflow instead of reducing their body copy to thumbnail size. */
#stage .art.compact{display:flex;flex-direction:column}
#stage .art.compact .body{display:contents}
#stage .art.compact .title,#stage .art.compact .sp,#stage .art.compact .claim{grid-area:auto;order:2;width:auto;min-height:0;height:auto;margin:0;padding:6px;border:0;columns:auto;column-count:1;align-self:stretch;justify-self:stretch}
#stage .art.compact .title{order:0;padding-right:38px;border-bottom:4px solid currentColor}
#stage .art.compact .sp{order:2;border-bottom:3px solid currentColor}
#stage .art.compact .claim{order:3}
#stage .art.compact .media{order:1;display:block;flex:none;width:100%;height:clamp(48px,calc(130 * var(--unit)),140px);min-height:0;grid-area:auto;border:0;border-bottom:4px solid currentColor}
#stage .art.compact .media.repeat{display:grid}
#stage .art.compact .media.repeat .photo-crop{grid-area:auto;min-height:0;border-width:3px}
#stage .art.compact .credit{position:absolute;inset:auto 0 0;font-size:8px;line-height:1.2;padding:3px;grid-area:auto}
#stage .art.compact.photo-first .media{order:-1}
#stage .art.compact.photo-last .media{order:4;border-top:4px solid currentColor;border-bottom:0}
#stage .art.compact.photo-last .claim{border-bottom:0}
#stage .art.v50{padding-bottom:18px}
#stage .art.v50 .credit{display:block}
#stage .art.v50.compact{background:#fff;padding-bottom:0}
#stage .art.v50.compact .media{position:relative;inset:auto;opacity:1}
#stage .art.v50.compact .title,#stage .art.v50.compact .sp,#stage .art.v50.compact .claim{background:#fff;color:#000}
/* Keep the close control at 32 visible pixels while the poster shrinks. */
#stage .p .x{width:calc(32px / var(--card-scale));height:calc(32px / var(--card-scale));font-size:calc(19px / var(--card-scale));border-left-width:calc(5px / var(--card-scale));border-bottom-width:calc(5px / var(--card-scale))}
#stage .p .x:focus-visible{outline-width:calc(2px / var(--card-scale));outline-offset:calc(-7px / var(--card-scale))}