/* KOMA unified layout — education is the reference. Loaded after page styles. */
.koma-unified{--site-width:1100px;--site-gutter:28px;--site-rule:rgba(27,20,13,.24);padding-bottom:0;font-family:'Pretendard',sans-serif}
.koma-unified :is(.tlhead,.shopwrap,.sibnav,.cabinet,.vote-header){max-width:var(--site-width);margin-left:auto;margin-right:auto}
.koma-unified .tlhead{display:block;min-height:0;padding:132px var(--site-gutter) 48px}
.koma-unified :is(.h-display,.tlhead h1,.hero2 h1,.legalhero h1,.cpage h1,.joinwrap h1,.paywrap h1){font-size:clamp(2.4rem,4.5vw,3.8rem)!important;line-height:1.14;letter-spacing:-.055em;font-weight:900;word-break:keep-all;overflow-wrap:break-word;margin:0}
.koma-unified .soonscreen{max-width:var(--site-width);min-height:0;padding:132px var(--site-gutter) 64px;margin:0 auto}
.koma-unified .soonscreen .sub2{font-size:1rem;line-height:1.8;max-width:64ch;margin-top:22px}
.koma-unified .tlhead .split,.koma-unified .hero2 .split{display:inline;white-space:normal}
.koma-unified .h-display br{display:block!important}
.koma-unified .split .ch{opacity:1;transform:none;animation:none!important}
.koma-unified .rv{opacity:1;transform:none}
.koma-unified .fest-kicker{margin:0 0 14px;font-size:.78rem;font-weight:750;color:var(--deep)}
.koma-unified .koma-motion-toggle{margin-bottom:20px}
.koma-unified :is(.tlhead,.hero2) .sub2{max-width:64ch;font-size:1.02rem;line-height:1.85;margin:24px 0 0;font-weight:500;word-break:keep-all}
.koma-unified :is(.tagline,.kick2,.fest-kicker,.secnote,.judge-role2){font-family:'Pretendard',sans-serif;letter-spacing:.025em}
.koma-unified :is(.phases2,.fest-hero-cta){display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.koma-unified .shopwrap{padding:0 var(--site-gutter) 64px;scroll-margin-top:100px}
.koma-unified .sechead{gap:16px;align-items:flex-start;border-top:1px solid var(--site-rule);padding:28px 0 24px;flex-wrap:nowrap}
.koma-unified .sechead>div{min-width:0}
.koma-unified :is(.sechead h2,.edu-heading h2){font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.25;letter-spacing:-.04em;word-break:keep-all}
.koma-unified .sechead .sno{font-size:.78rem;line-height:1.5;padding:5px 0;background:transparent;color:var(--deep);border:0;box-shadow:none;min-width:24px;font-family:'IBM Plex Mono',monospace}
.koma-unified .secnote{font-size:.8rem;color:var(--muted);margin:0 0 7px}
.koma-unified :is(.btn2,.phase2,.sibchip){min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-family:'Pretendard',sans-serif;font-size:.88rem;font-weight:750;line-height:1.4;letter-spacing:0;border:1.5px solid var(--ink);border-radius:2px;box-shadow:none;white-space:normal;word-break:keep-all;transition:background-color .2s,color .2s,transform .22s}
.koma-unified .btn2{background:var(--orange);color:var(--ink)}
.koma-unified :is(.btn2.line,.phase2,.sibchip){background:transparent;color:var(--ink)}
.koma-unified .sibchip[aria-current="page"]{background:var(--ink);color:var(--paper)}
.koma-unified .sibnav{padding-left:var(--site-gutter);padding-right:var(--site-gutter);gap:8px;margin-top:0;margin-bottom:40px}
.koma-unified .gnb2{padding:12px max(var(--site-gutter),calc((100% - 1044px)/2));background:var(--cream);box-shadow:none;border-bottom:1px solid var(--ink);gap:16px}
.koma-unified .gnb2 .logo2 img{height:38px;max-width:120px;object-fit:contain}
.koma-unified .gnb2 nav{gap:6px}
.koma-unified .gnb2 nav :is(a,button){font-family:'Pretendard',sans-serif;font-size:.82rem;letter-spacing:0;border-radius:2px;min-height:44px;padding:10px 14px;box-shadow:none}
.koma-unified .gnb2 .navdrop-menu{min-width:190px;padding:6px;box-shadow:3px 3px 0 #241b1220}
.koma-unified .gnb2 .navdrop-menu a{display:flex;align-items:center;min-height:44px}
.koma-unified :is(.hero4,.modedock,.kmtab,.modetip){display:none!important}
.koma-unified .ov .panel{padding:28px var(--site-gutter) 40px;border-top:2px solid var(--ink);max-height:92dvh}
.koma-unified .ov .panel .inwrap{max-width:960px}
.koma-unified .ov h2{font-size:clamp(1.7rem,3.8vw,2.6rem);line-height:1.22;letter-spacing:-.04em;word-break:keep-all}
.koma-unified .ov .x{width:44px;height:44px;z-index:5;box-shadow:none;border-radius:2px;background:var(--orange);margin-left:14px}
.koma-unified .f2{font-size:.88rem}
.koma-unified .f2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:1rem;min-width:0;width:100%;border-radius:2px}
.koma-unified .foot2{background:var(--paper);border-top:1px solid var(--ink);z-index:1}
.koma-unified .foot2 .frow{max-width:var(--site-width);grid-template-columns:230px minmax(0,1fr);padding:36px var(--site-gutter)!important;gap:36px}
.koma-unified .foot2 .wordmark{font-size:2.35rem;line-height:1.08}
.koma-unified .foot2 .finfo{font-family:'Pretendard',sans-serif;font-size:.85rem;grid-template-columns:1fr;grid-template-areas:"address" "hours" "contact" "legal" "business" "copyright";gap:10px;font-weight:500;line-height:1.7}
.koma-unified .foot2 .flegal{gap:6px 16px}
.koma-unified .foot2 .flegal a{border:0;padding:0;min-height:38px;font-size:.78rem;text-decoration:underline;text-underline-offset:4px}
.koma-unified :is(.legalwrap,.cpage,.joinwrap,.paywrap){padding-top:132px;padding-bottom:64px}
.koma-unified .legalwrap{max-width:var(--site-width);padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.koma-unified .legalbox{padding:0;margin:0 0 28px}.koma-unified .legalhero{margin-bottom:36px}
.koma-unified .cpage{max-width:860px}.koma-unified .cpage :is(.art,.refbox,.ytwrap,.vidv){border-radius:2px}
.koma-unified :is(.joinwrap,.paywrap){max-width:760px}.koma-unified :is(.joinwrap,.paywrap)>h1{font-size:clamp(2rem,3.8vw,3rem)!important}
.koma-unified .pgcard{box-shadow:none}.koma-unified .pgcard-top,.koma-unified .pgcard-body{padding:28px}
.koma-unified .education-page .edu-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;padding-top:132px}
.koma-unified .education-page .edu-facts{max-width:1044px}
.koma-unified .education-page .fest-tabs{margin-top:22px}
.koma-unified .vote-header{padding-top:132px}
.koma-unified .vote-header h1{font-size:clamp(1.8rem,3.2vw,2.7rem)}
.koma-unified .vote-page .fest-tabs{margin-bottom:24px}
.koma-unified.vote-page .fest-tabs{margin-bottom:24px}
.koma-unified .vote-bottom{max-width:1044px}
/* Keep the home hero typographic; children artwork starts in the drawer section below. */
.koma-unified .hero2{position:relative;display:grid;grid-template-columns:1.16fr .84fr;align-items:end;gap:64px;max-width:var(--site-width);margin:0 auto;min-height:0;padding:132px var(--site-gutter) 58px;overflow:visible}
.koma-home-note{align-self:end;margin:0 0 8px;padding:0;border-top:3px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.koma-home-note p{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:18px;margin:0;padding:18px 0;border-top:1px solid rgba(22,16,11,.25);font-size:.98rem;line-height:1.65;word-break:keep-all}
.koma-home-note p:first-child{border-top:0}
.koma-home-note strong{color:var(--deep);font-weight:900}
.koma-home-note span{color:var(--muted);font-weight:560}
.koma-unified .cabinet{padding:0 var(--site-gutter) 64px}
.koma-unified .drawer{border-radius:2px;box-shadow:none;margin-bottom:12px;min-height:0;padding:24px}
.koma-unified .drawer .ttl{font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.3;letter-spacing:-.035em}
.koma-unified .drawer .no{font-size:.78rem;background:transparent;color:inherit;padding:0}
.koma-unified .drawer .peek{font-size:.82rem;font-family:'Pretendard',sans-serif}
/* Festival identity: original art remains intact; decorative children stay outside forms. */
.koma-unified .koma-split-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center}
.festival-poster{margin:0;max-width:400px;justify-self:end;width:100%;border:1.5px solid var(--ink);background:#b95f2a}
.festival-poster img{width:100%;height:auto}
.festival-people{display:flex;align-items:flex-end;justify-content:center;gap:12px;background:#f4df96;border:1.5px solid var(--ink);padding:36px 24px;min-height:290px}
.festival-people img{width:29%;height:180px;object-fit:contain;object-position:center bottom}
.festival-people img:nth-child(2){align-self:center}
.festival-kids-inline{display:flex;align-items:flex-end;gap:14px;flex-shrink:0}
.festival-kids-inline img{width:70px;height:90px;object-fit:contain;transition:transform .3s ease}
.koma-unified .festival-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.koma-unified .festival-quick article{position:relative;padding:28px;background:var(--paper);color:var(--ink)}
.festival-quick .festival-program-kid{float:right;width:70px;height:90px;object-fit:contain;margin:0 0 12px 16px;transition:transform .3s ease}
.koma-unified .festival-quick article h3{font-size:1.4rem;margin:20px 0 12px;line-height:1.35}
.koma-unified .festival-quick article p{font-size:.9rem;line-height:1.75;font-weight:500}
.koma-unified .outcome2{padding:44px var(--site-gutter);background:#e9ddc5;color:var(--ink)}
.koma-unified .outcome2 .ow{max-width:1044px;display:grid;grid-template-columns:1fr 180px;gap:30px;align-items:center}
.koma-unified .outcome2 h2{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.25}
.koma-unified .outcome2 p{color:var(--muted);font-size:.95rem;font-weight:500}.koma-unified .outcome2 .tagline{color:var(--deep);font-size:.78rem}
.koma-unified .outcome2 .btn2{background:var(--orange)}
.festival-outro-kid{width:160px;height:190px;object-fit:contain;justify-self:center;transition:transform .3s ease}
.koma-unified .edu-end{position:relative}.edu-end>.festival-outro-kid{width:80px;height:95px;margin:0 auto 16px}
.koma-unified .judge-row2{grid-template-columns:150px 1fr;gap:28px;padding:24px 0;align-items:center}.koma-unified .judge-row2>img{width:150px;height:185px;filter:none}
.koma-unified .judge-row2 div>p:last-child{font-size:.94rem;font-weight:500;line-height:1.8}
.koma-unified .kidjudges{background:transparent;border:0;gap:20px}.koma-unified .kidjudges article{background:var(--paper);border:1.5px solid var(--ink);padding:24px}
.koma-unified .kidjudges h3{font-size:1.5rem;margin-top:14px}
.koma-unified .thanksbox>.festival-outro-kid{width:80px;height:90px;margin:0 auto 14px}
/* Motion communicates arrival and interaction, never hides content or loops. */
.koma-unified :is(.drawer,.festival-quick article,.pglist li,.judge-row2,.edu-option){transition:background-color .2s ease,box-shadow .2s ease,transform .25s ease}
@media(hover:hover) and (pointer:fine){
 .koma-unified :is(.btn2,.phase2,.sibchip):hover{background:var(--ink);color:var(--paper);box-shadow:none;filter:none}
 .koma-unified :is(.festival-quick article,.pglist li,.judge-row2):hover{background:#fff5d9}
}
@keyframes koma-arrive{from{transform:translateY(16px);opacity:.75}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:no-preference){
 html:not([data-motion="off"]) .koma-unified .koma-enter{animation:koma-arrive .48s ease-out both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not([data-motion="off"]) .koma-unified :is(.btn2,.phase2,.sibchip):hover{transform:translateY(-3px)}
 html:not([data-motion="off"]) .festival-quick article:hover .festival-program-kid,html:not([data-motion="off"]) .festival-people:hover img,html:not([data-motion="off"]) .vote-bottom:hover .festival-kids-inline img{transform:translateY(-5px) rotate(-3deg);transition:transform .3s ease}
}
html[data-motion="off"] .koma-unified *,html[data-motion="off"] .koma-unified *::before,html[data-motion="off"] .koma-unified *::after{animation:none!important;transition:none!important}
html[data-motion="off"] .koma-unified :is(.btn2,.phase2,.sibchip,.candidate-card,.candidate-ph,.candidate-ph img,.koma-enter,.festival-program-kid,.festival-people img){transform:none!important}
@media(prefers-reduced-motion:reduce){.koma-unified *,.koma-unified *::before,.koma-unified *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.koma-unified :is(.btn2,.phase2,.sibchip,.candidate-card,.candidate-ph,.candidate-ph img,.koma-enter,.festival-program-kid,.festival-people img){transform:none!important}}
html[data-mode="clear"] .koma-unified :is(.festival-people,.koma-home-note,.outcome2,.festival-quick article,.kidjudges article){background:#fff;color:#000}
@media(max-width:760px){
 .koma-unified{--site-gutter:20px}
 .koma-unified .gnb2{padding:10px 16px;gap:8px;flex-wrap:wrap;justify-content:space-between}
 .koma-unified .gnb2 .logo2 img{height:30px}
 .koma-unified .gnb2 nav{gap:4px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
 .koma-unified .gnb2 .navdrop{display:inline-block!important}
 .koma-unified .gnb2 nav a[href]{display:flex}
 .koma-unified .gnb2 nav :is(a,button){padding:8px;font-size:.76rem;min-height:44px}
 .koma-unified .gnb2 .btn-mode .dots{display:none}
 .koma-unified .gnb2 .navdrop-menu{min-width:165px;left:auto;right:0}
 .koma-unified .gnb2 .navdrop:first-child .navdrop-menu{right:auto;left:0}
 .koma-unified :is(.tlhead,.vote-header){padding:110px 20px 32px}
 .koma-unified :is(.h-display,.tlhead h1,.hero2 h1,.legalhero h1,.cpage h1){font-size:clamp(2rem,8vw,2.6rem)!important;line-height:1.18}
 .koma-unified .soonscreen{padding:110px 20px 44px}
 .koma-unified :is(.tlhead,.hero2) .sub2{font-size:.95rem;line-height:1.8}
 .koma-unified .shopwrap{padding-bottom:44px}
 .koma-unified .sechead{padding:24px 0 20px;gap:10px;flex-wrap:wrap}
 .koma-unified .sechead>div,.koma-unified .sechead>h2{flex:1;min-width:0}
 .koma-unified .sechead .peek2{flex-basis:100%;margin:0 0 0 34px;font-size:.8rem}
 .koma-unified :is(.sechead h2,.edu-heading h2){font-size:clamp(1.5rem,6.5vw,2rem)}
 .koma-unified :is(.btn2,.phase2,.sibchip){font-size:.84rem;padding:11px 14px}
 .koma-unified .sibnav{margin-bottom:28px;gap:6px}.koma-unified .sibchip{font-size:.76rem;padding:9px 10px}
 .koma-unified .education-page .edu-hero,.koma-unified .hero2,.koma-unified .koma-split-hero{grid-template-columns:1fr;gap:28px;padding-top:110px}
 .koma-unified .education-page .edu-facts{margin-left:20px;margin-right:20px}
 .koma-unified .festival-poster{max-width:320px;justify-self:center}
 .festival-people{min-height:190px;padding:24px 20px}.festival-people img{height:125px}
 .koma-home-note{margin-top:4px}.koma-home-note p{grid-template-columns:1fr;gap:4px;padding:14px 0;font-size:.9rem}
 .koma-unified .drawer{padding:20px 16px}.koma-unified .drawer .row{flex-wrap:wrap;gap:12px}.koma-unified .drawer .peek{width:100%;margin:0}
 .koma-unified .festival-quick{grid-template-columns:1fr}.koma-unified .festival-quick article{padding:24px}
 .koma-unified .outcome2 .ow{grid-template-columns:1fr;gap:20px}.festival-outro-kid{width:100px;height:115px;grid-row:1}
 .festival-kids-inline{gap:8px}.festival-kids-inline img{width:46px;height:58px}
 .koma-unified .vote-bottom{margin-left:20px;margin-right:20px}.koma-unified .vote-bottom .festival-kids-inline{display:none}
 .koma-unified .judge-row2{grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start}.koma-unified .judge-row2>img{width:100px;height:125px}.koma-unified .judge-row2 h3{font-size:1.2rem}
 .koma-unified .judge-row2 div>p:last-child{font-size:.88rem}
 .koma-unified .foot2 .frow{grid-template-columns:1fr;padding:28px 20px!important;gap:24px}.koma-unified .foot2 .wordmark{font-size:2rem}
 .koma-unified :is(.legalwrap,.cpage,.joinwrap,.paywrap){padding-top:110px;padding-bottom:44px}
 .koma-unified .pgcard-top,.koma-unified .pgcard-body{padding:20px}
 .koma-unified .ov .panel{padding:20px 20px 32px}
}
@media(max-width:370px){.koma-unified .gnb2{gap:4px;padding:8px 10px}.koma-unified .gnb2 nav{gap:3px}.koma-unified .gnb2 nav :is(a,button){font-size:.7rem;padding:7px}.koma-unified .gnb2 .logo2 img{height:26px}}

/* 푸터 가독성 보정: 기존 v4의 어두운 푸터용 흰색 글자 규칙을 덮어씁니다. */
.koma-unified .foot2,
.koma-unified .foot2 .wordmark,
.koma-unified .foot2 .wm-tx,
.koma-unified .foot2 .finfo,
.koma-unified .foot2 .finfo p,
.koma-unified .foot2 .finfo a,
.koma-unified .foot2 .flegal,
.koma-unified .foot2 .flegal a{
  color:var(--ink,#16100B)!important;
}
.koma-unified .foot2 .flegal a{text-decoration-color:currentColor!important}
.koma-unified .foot2 .finfo p:nth-child(4){border-color:rgba(22,16,11,.28)!important}
.koma-unified .foot2 .wm-img{filter:none!important;opacity:1!important}

/* Keep the hover logo and its caption in separate rows, without a layout jump. */
.koma-unified .foot2 .wordmark{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(84px,auto) auto;align-items:center;justify-items:start;max-width:100%;cursor:default}
.koma-unified .foot2 .wordmark .wm-tx{grid-area:1 / 1;align-self:center}
.koma-unified .foot2 .wordmark .wm-img{grid-area:1 / 1;display:block;position:static;transform:none;visibility:hidden;width:auto;height:auto;max-width:min(100%,240px);max-height:84px;object-fit:contain;box-sizing:border-box}
.koma-unified .foot2 .wordmark::after{grid-area:2 / 1;align-self:start;margin-top:12px}
.koma-unified .foot2 .wordmark:is(:hover,:focus-within) .wm-img{visibility:visible}

/* Four-wishes colour rise. Background layers never cover text or book artwork. */
.koma-unified main .koma-wash{
  --wash-color:#D4642F;--wash-ink:#241B12;
  background-image:linear-gradient(var(--wash-color),var(--wash-color))!important;
  background-repeat:no-repeat!important;background-position:left bottom!important;background-size:100% 0%!important;
  transition:background-size .3s var(--ease,ease),color .18s ease!important;
}
.koma-unified main .koma-wash[data-wash-color="1"]{--wash-color:#2E7D63;--wash-ink:#fff}
.koma-unified main .koma-wash[data-wash-color="2"]{--wash-color:#8A2E4D;--wash-ink:#fff}
.koma-unified main .koma-wash[data-wash-color="3"]{--wash-color:#7A4E96;--wash-ink:#fff}
.koma-unified main .btn2.koma-wash{background-color:var(--orange)!important}
.koma-unified main :is(.btn2.line,.phase2,.sibchip).koma-wash{background-color:var(--paper)!important}
.koma-unified main summary.koma-wash{padding-left:12px;padding-right:12px}
.koma-unified main .koma-wash:focus-visible,.koma-unified main .koma-wash-card:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.koma-unified main .koma-wash:focus-visible,.koma-unified main .koma-wash:has(:focus-visible),.koma-unified main .koma-wash-card:focus-visible .koma-wash{background-size:100% 100%!important;color:var(--wash-ink)!important;transform:none!important;filter:none;box-shadow:none}
.koma-unified main .koma-wash:is(:focus-visible,:has(:focus-visible)) :is(h3,h4,p,span,strong,em,a),.koma-unified main .koma-wash-card:focus-visible .koma-wash :is(h4,p,span){color:var(--wash-ink)!important}
@media(hover:hover) and (pointer:fine){
 .koma-unified main .koma-wash:hover,.koma-unified main .koma-wash-card:hover .koma-wash{background-size:100% 100%!important;color:var(--wash-ink)!important;transform:none!important;filter:none;box-shadow:none}
 .koma-unified main .koma-wash:hover :is(h3,h4,p,span,strong,em,a),.koma-unified main .koma-wash-card:hover .koma-wash :is(h4,p,span){color:var(--wash-ink)!important}
 .koma-unified main .koma-wash:hover::after{color:var(--wash-ink)}
 /* Parent product panels stay quiet while a book or application is highlighted. */
 .koma-unified .edu-level-option:hover{transform:none!important;box-shadow:none}
}
.koma-unified main .koma-wash-card:is(:hover,:focus,:focus-within){transform:none;box-shadow:none}
.koma-unified main .koma-wash-card::after{display:none}
.koma-unified main .koma-wash-card:is(:hover,:focus,:focus-within) .candidate-ph{background:#fff;transform:none}
.koma-unified main .koma-wash-card:is(:hover,:focus,:focus-within) .candidate-ph img{transform:none}
/* Existing high-contrast and motion preferences take priority over decoration. */
html[data-mode="clear"] .koma-unified main .koma-wash{--wash-color:#000;--wash-ink:#fff;background-color:#fff!important}
html[data-motion="off"] .koma-unified main .koma-wash{transition:none!important}
@media(prefers-reduced-motion:reduce){.koma-unified main .koma-wash{transition:none!important}}
@media(forced-colors:active){.koma-unified main .koma-wash{background-image:none!important;color:CanvasText!important}.koma-unified main .koma-wash :is(h3,h4,p,span,strong,em,a){color:CanvasText!important}}

/* Publisher portraits and copy shared by education and voting dialogs. */
.bookdialog-profile{display:flex;align-items:flex-start;gap:22px}
.bookdialog-profile .bookdialog-portrait{display:block;flex:none;width:160px;height:auto;max-height:240px;object-fit:contain;border-radius:2px;filter:none}
.bookdialog-profile .bookdialog-portrait[src*="author-hyun"]{height:200px;object-fit:cover;object-position:center 52%}
.bookdialog-profile .bookdialog-portrait[hidden]{display:none}
.bookdialog-profile>p{min-width:0;flex:1}
.bookdialog-copy #bookDialogDescription,.bookdialog-copy #bookDialogBio{white-space:pre-line}
.bookdialog-copy section[hidden]{display:none}
.koma-unified .bookdialog-copy section p{font-weight:400;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){
 .bookdialog-profile{flex-direction:column;gap:16px}
 .bookdialog-profile .bookdialog-portrait{width:160px;max-height:220px}
}