/* Dong-A case study, from the November 2 Figma original. */
.page-donga .site-header{height:90px}.donga-layout{display:grid;grid-template-columns:220px minmax(0,900px);justify-content:center;gap:100px;padding:50px 50px 0}.donga-layout .case-nav{padding:50px 10px;gap:7px;flex-direction:column;position:sticky;top:0;align-self:start}.donga-layout .case-nav a{font-size:18px;line-height:1.35}.donga-content{min-width:0;display:flex;flex-direction:column;gap:60px;color:#000}.donga-overview{display:flex;flex-direction:column;gap:40px}.donga-tagline{font-size:20px;line-height:1.3;color:#797979;margin-bottom:20px}.donga-overview h1{font-family:'Source Serif 4',Georgia,serif;font-size:50px;font-weight:500;line-height:normal;margin-bottom:10px}.donga-subtitle{max-width:792px;font-size:20px;font-weight:500;line-height:1.35;color:#797979}.donga-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 60px;font-size:18px;line-height:1.35;font-weight:500;color:#464646}.donga-details h2{font-size:18px;line-height:1.4;font-weight:500;text-transform:uppercase;color:#797979;margin-bottom:10px}.donga-confidentiality{font-size:18px;line-height:1.35;color:#969696;font-weight:500}.donga-media{display:block;width:100%;height:auto;aspect-ratio:2194/1426;object-fit:cover;border-radius:50px;background:#fff}.donga-content hr{width:100%;border:0;border-top:.5px solid #cacaca;margin:0}.donga-overview+hr{margin:20px 0}.donga-section{display:flex;flex-direction:column;gap:10px;scroll-margin-top:35px}.donga-label{font-size:18px;line-height:1.4;font-weight:500;color:#a6a6a6;text-transform:uppercase}.donga-section h2{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:36px;font-weight:510;line-height:1.2;max-width:839px}.donga-description,.donga-learning>p{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:24px;line-height:1.2;font-weight:400}.donga-learning{display:flex;flex-direction:column;gap:20px}.donga-progress{width:100%;aspect-ratio:683/308;border:1px solid #cacaca;border-radius:20px;overflow:hidden;position:relative}.donga-progress img{position:absolute;width:187.41%;height:259.74%;max-width:none;left:0;top:0}.donga-results{font-size:18px;line-height:1.4;color:#5a5a5a}.page-donga .site-footer{margin-top:50px;padding:30px 120px;max-width:1440px}
@media(max-width:1200px){.donga-layout{grid-template-columns:180px minmax(0,900px);gap:40px;padding-inline:5%}.donga-layout .case-nav{width:180px}.page-donga .site-footer{padding-inline:5%}}
@media(max-width:900px){.donga-layout{display:block;padding:30px 24px 0}.donga-layout .case-nav{display:flex;position:static;width:100%;flex-direction:row;flex-wrap:wrap;padding:0 0 35px;gap:10px 20px}.donga-layout .case-nav a{font-size:15px}.donga-content{gap:40px}.donga-overview h1{font-size:40px}.donga-media{border-radius:clamp(16px,4vw,50px)}}
@media(max-width:600px){.donga-details{grid-template-columns:1fr;gap:28px}.donga-overview{gap:30px}.donga-tagline{font-size:15px}.donga-overview h1{font-size:34px}.donga-section h2{font-size:28px}.donga-description,.donga-learning>p{font-size:20px}.donga-subtitle{font-size:18px}.page-donga .site-footer{padding:30px 24px}.donga-confidentiality{font-size:16px}}

@media(max-width:700px){.page-donga .site-header{height:auto;min-height:80px}}