@font-face{font-family:Montserrat;src:url('assets/montserrat.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f9f8f8;color:#223e54;font:15px/1.75 Montserrat,'Malgun Gothic',Arial,sans-serif}h1,h2,h3{color:#011627;line-height:1.3}h1{font-size:clamp(30px,4vw,52px);margin:.3em 0}h2{font-size:28px;margin:0 0 20px}h3{font-size:19px;margin:0 0 12px}a{color:#214f6d;text-underline-offset:4px}a:hover{color:#b23232}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #187bb3;outline-offset:4px}button,.button{cursor:pointer}.wrap{max-width:1200px;margin:auto;padding:0 28px}.site-header{background:#fff;border-bottom:1px solid #e3e8ec}.navline{display:flex;align-items:center;gap:28px;min-height:80px}.brand{font-size:23px;font-weight:700;color:#011627;text-decoration:none;white-space:nowrap}.nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:flex-end}.nav a{text-decoration:none;color:#223e54;font-size:13px}.nav a[aria-current=page]{color:#ab3030;border-bottom:2px solid #d94948}.language{border-left:1px solid #ccd5dc;padding-left:18px}.menu-toggle{display:none;margin-left:auto;background:#fff;border:1px solid #aab7c0;padding:9px 14px;color:#011627}.hero{background:linear-gradient(90deg,rgba(1,22,39,.8),rgba(1,22,39,.5)),url('assets/a7b2b69b0e6cd847.webp') center/cover;color:#fff;padding:64px 0}.hero h1{color:#fff;max-width:900px}.hero p{max-width:760px;margin:16px 0 24px}.hero.compact{padding:38px 0;background-image:none;background-color:#eaf0f4;color:#223e54}.hero.compact h1{color:#011627}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b53434}.hero .eyebrow{color:#fff}.button{display:inline-block;background:#c23b3a;border:1px solid #c23b3a;color:#fff!important;text-decoration:none;padding:10px 22px;border-radius:25px;font-size:14px}.button.secondary{background:transparent;color:#223e54!important;border-color:#8296a5}.hero:not(.compact) .button.secondary{color:white!important;border-color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #dce4e9;overflow:hidden}.card .body{padding:22px}.card p{margin:0 0 16px}.card img{display:block;width:100%;height:180px;object-fit:contain;background:#edf1f4}.card h3 a{color:#011627;text-decoration:none}.card small{display:block;font-size:11px;color:#506879;margin-bottom:10px}.card ul{padding-left:20px}.route-strip{background:#fff;border-bottom:1px solid #dce4e9;padding:22px 0}.route-strip a{display:block;text-decoration:none;padding:12px 16px;border-left:3px solid #d94948}.route-strip strong{display:block;color:#011627}.route-strip span{font-size:12px}.tint{background:#edf2f5}.teaser{border-top:3px solid #d94948;padding:26px;background:#fff}.teaser p{margin-bottom:20px}.band{background:#011627;color:#fff;padding:30px 0}.band h2{color:#fff;font-size:24px}.band a{color:#fff}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.content{max-width:820px}.content h2{margin-top:36px}.content h3{margin-top:28px}.support-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:42px}.side-card{background:#edf2f5;padding:28px;align-self:start}.search-panel{background:#fff;border:1px solid #dce4e9;padding:24px;margin-bottom:28px}.search-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input,select{width:100%;padding:12px;border:1px solid #8d9ba5;background:white;color:#223e54;border-radius:3px}.result-count{font-size:13px;margin:15px 0 0}.topic-label{font-size:11px!important;color:#526879;margin-top:14px!important}.hidden,[hidden]{display:none!important}.reading-paths{border-top:1px solid #dce4e9;margin-top:36px;padding-top:30px}.reading-paths ol{padding-left:22px;font-size:13px}.reading-paths li{margin-bottom:12px}.design-card{padding:24px}.design-card .specs{font-size:13px;line-height:1.65}.design-card .category{font-size:11px;color:#a83535}.design-card .actions{margin-top:20px}.design-card a{font-size:12px}.footer{padding:28px 0 64px;background:#fff;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.preview-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#233e52;color:#fff;padding:8px 16px;text-align:center;font:11px/1.4 Arial,sans-serif}.preview-bar a{color:#fff}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:2000}.skip:focus{top:8px}.empty{padding:30px;background:white}.contact-box{background:white;border:1px solid #dce4e9;padding:30px}.contact-box label{margin-top:22px}.contact-box .actions{margin-top:24px}.note{font-size:13px}.pill{display:inline-block;padding:4px 9px;background:#edf2f5;font-size:11px;border-radius:20px;margin:0 4px 6px 0}
html[lang^=ko]{word-break:keep-all;overflow-wrap:break-word}.hero.design{background-image:linear-gradient(90deg,rgba(1,22,39,.8),rgba(1,22,39,.5)),url('assets/0a1024017daaa0e8.jpg')}.hero.design h1{color:white}.photo-credit{font-size:11px;margin-top:24px}
@media(max-width:980px){.navline{flex-wrap:wrap;gap:0;min-height:70px}.menu-toggle{display:block}.nav{display:none;flex-direction:column;align-items:stretch;width:100%;flex-basis:100%;gap:0;padding-bottom:18px}.nav.open{display:flex}.nav a{padding:10px 4px;font-size:15px}.language{border:0}.grid{gap:16px}.card .body{padding:18px}.support-layout{gap:24px}.brand{font-size:21px}}
@media(max-width:640px){.wrap{padding:0 20px}.hero{padding:38px 0}.hero.compact{padding:28px 0}.hero p{font-size:14px}.section{padding:32px 0}.grid,.grid.two{grid-template-columns:1fr}.route-strip .grid{gap:6px}.route-strip a{padding:8px 12px}.route-strip{padding:14px 0}.section-heading{align-items:flex-start;gap:12px}.section-heading h2,h2{font-size:24px}.section-heading>a{font-size:12px;white-space:nowrap}.support-layout{grid-template-columns:1fr}.search-row{grid-template-columns:1fr;gap:16px}.card img{height:175px}.card .body{padding:18px}.band .wrap{display:block}.footer .wrap{display:flex;flex-direction:column;gap:8px}.band .actions{margin-top:20px}.teaser{padding:22px}.preview-bar{font-size:10px}.search-panel{padding:18px}}