@font-face{font-family:'LINE Seed KR';src:url('assets/fonts/LINESeedKR-Rg.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LINE Seed KR';src:url('assets/fonts/LINESeedKR-Bd.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
body,button,input,select,textarea{font-family:'LINE Seed KR',sans-serif;font-synthesis:none}
h1,h2,h3,.logo{font-weight:700}

/* Center the marker on LINE Seed's raised glyph position. */
body[data-palette=cobalt] .hero-copy h1 span:before,body[data-palette=lime] .hero-copy h1 span:before{top:5%}
body[data-palette=cobalt] .hero-copy h1 span:after,body[data-palette=lime] .hero-copy h1 span:after{top:calc(5% - 9px)}
/* Give situation titles a full line above their illustrations. */
.situation-grid .category{padding:26px 24px;min-height:220px}
.situation-grid .category h2{max-width:none;width:calc(100% - 24px);font-size:20px;line-height:1.4;letter-spacing:-.45px;text-wrap:balance}
.situation-grid .category p{margin-top:10px;line-height:1.5;max-width:100%}
.situation-grid .category img{height:60%;width:52%;bottom:0;right:4px}
.situation-grid .category .arrow{top:28px;font-size:19px}
@media(max-width:650px){.situation-grid .category{padding:22px 19px}.situation-grid .category h2{font-size:18px}.situation-grid .category .arrow{top:24px}.situation-grid .category img{width:65%;height:55%}}
@media(max-width:480px){.category-grid.situation-grid{grid-template-columns:1fr;gap:16px}.situation-grid .category{min-height:180px}.situation-grid .category h2{font-size:20px}.situation-grid .category img{width:47%;height:62%}}