@font-face{font-family:Pretendard;src:url('/media/Pretendard-Regular.woff') format('woff');font-display:swap}
:root{--ink:#152136;--paper:#f5f5f1;--muted:#5d6b79;--line:#c8ced2;--accent:#86553f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,'Malgun Gothic',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a6433b;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:12px 18px}.skip:focus{top:12px}.top{margin:0 4.5vw;min-height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font:700 19px/1.5 Arial,sans-serif;letter-spacing:.04em}.wordmark span{display:block;font:10px/1.7 Pretendard,Arial,sans-serif;font-weight:400;letter-spacing:.08em}.share-button{border:1px solid #c2c9cc;background:transparent;padding:10px 17px;min-height:44px;font-size:12px;display:flex;gap:20px;align-items:center}.share-button:hover{background:white}.intro{padding:64px 4.5vw 55px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px 48px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.14em}.intro>.eyebrow{grid-column:1/-1;margin:0 0 15px}.intro h1{font:600 clamp(44px,5.65vw,94px)/1.04 Arial,sans-serif;letter-spacing:-.055em;margin:0}.intro h1 em{font-style:normal;color:#7b8791}.intro>div{align-self:end;max-width:470px}.intro>div>p:first-child{font-size:25px;line-height:1.4;letter-spacing:-.025em;margin:0 0 17px}.intro-detail{font-size:14px;color:var(--muted);margin:0}.featured-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--accent);border-bottom:1px solid #bca999;margin-top:12px}.guide{position:sticky;top:0;z-index:10;background:var(--ink);color:#e9eef3;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 4.5vw;min-height:64px;font-size:12px}.guide a{display:inline-flex;align-items:center;min-height:48px}.guide span{color:#bac6d2}.design-section{padding:38px 4.5vw 80px}.section-heading{display:flex;justify-content:space-between;gap:20px;margin:0 0 25px}.section-heading>p:last-child{font-size:12px;color:var(--muted);margin:0}.section-heading .eyebrow{margin:0}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.concept{background:#fff;border:1px solid #dde1e3;min-width:0;scroll-margin-top:88px}.concept.featured{grid-column:1/-1;border-color:#9caab5}.preview{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#080d15}.preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s}.preview:hover img{transform:scale(1.018)}.open-label{position:absolute;right:17px;bottom:17px;background:#132237e8;color:#f3f6f9;padding:9px 14px;font:10px/1.5 Arial,sans-serif;letter-spacing:.05em}.preview.preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;aspect-ratio:auto}.preview-pair figure{position:relative;aspect-ratio:1.6;margin:0;overflow:hidden}.preview-pair figcaption{position:absolute;left:16px;top:16px;background:#142238df;color:#e6edf5;padding:7px 11px;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em}.concept-body{padding:26px 29px 30px}.card-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.035em;color:#6b7986}.featured .card-meta>span:last-child{color:var(--accent)}.concept h2{font:500 33px/1.15 Arial,Pretendard,sans-serif;letter-spacing:-.035em;margin:19px 0 15px}.concept .description{font-size:15px;line-height:1.8;color:#425366;margin:0 0 16px;max-width:720px}.tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 22px;padding:0}.tags li{border:1px solid #d6dce0;padding:3px 9px;color:#5b6b7a;font-size:10px}.try{border-top:1px solid #e2e5e7;padding-top:17px;font-size:12px;color:#586878}.try strong{font-size:10px;color:var(--accent);font-weight:500}.try p{margin:6px 0 0;max-width:640px}.open-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:46px;background:var(--ink);color:white;padding:11px 19px;font-size:12px;margin-top:23px}.open-button:hover{background:#2e4562}.featured .concept-body{display:grid;grid-template-columns:1.1fr 1fr;gap:0 45px}.featured .card-meta{grid-column:1/-1}.featured h2{grid-column:1}.featured .description{grid-column:1;grid-row:3}.featured .tags{grid-column:1;grid-row:4;margin-bottom:0}.featured .try{grid-column:2;grid-row:2/4;border:0;padding-top:26px;align-self:start}.featured .open-button{grid-column:2;grid-row:4;margin:0;justify-self:start;align-self:center}.review-note{padding:65px 4.5vw 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 70px}.review-note .eyebrow{grid-column:1/-1;margin:0 0 12px}.review-note h2{font-size:36px;line-height:1.35;font-weight:500;letter-spacing:-.04em;margin:0;grid-row:2/4}.review-note>p:not(.eyebrow){font-size:14px;color:#536475;margin:0 0 12px;max-width:640px}.review-note .fine{font-size:11px!important;line-height:1.8}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--ink);color:#e9eef4;padding:38px 4.5vw}footer p{font-size:11px;color:#b7c4d1;margin:0}footer>a{display:flex;align-items:center;min-height:44px;font-size:12px}.share-status:empty{display:none}.share-status{position:fixed;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);padding:13px 20px;background:#152136;color:white;font-size:12px;max-width:calc(100vw - 30px);overflow-wrap:anywhere;box-shadow:0 7px 35px #0003;margin:0}
@media(min-width:1700px){.top,.intro,.guide,.design-section,.review-note,footer{padding-left:max(4.5vw,calc((100vw - 1550px)/2));padding-right:max(4.5vw,calc((100vw - 1550px)/2))}.top{margin:0}}
@media(max-width:1000px){.intro{grid-template-columns:1fr 1fr;gap:20px 25px}.intro>div>p:first-child{font-size:22px}.guide span{display:none}.concept-body{padding:22px}.featured .concept-body{gap:0 28px}.card-meta{flex-wrap:wrap;gap:6px 16px}.concept h2{font-size:30px}.review-note{gap:12px 40px}.review-note h2{font-size:30px}}
@media(max-width:760px){.top{min-height:85px;gap:12px}.wordmark{font-size:16px}.wordmark span{font-size:8px}.share-button{font-size:10px;padding:8px 10px;gap:10px}.intro{grid-template-columns:1fr;padding-top:38px;padding-bottom:36px;gap:26px}.intro>.eyebrow{margin:0}.intro h1{font-size:clamp(40px,8.5vw,61px)}.intro>div>p:first-child{font-size:23px;margin-bottom:14px}.intro-detail{font-size:13px}.featured-link{font-size:11px}.guide{min-height:58px;font-size:11px;gap:12px}.design-section{padding-top:27px;padding-bottom:48px}.section-heading{display:block;margin-bottom:20px}.section-heading>p:last-child{margin-top:9px;font-size:10px}.concept-grid{grid-template-columns:1fr;gap:24px}.preview.preview-pair{grid-template-columns:1fr 1fr}.featured .concept-body{display:block}.featured .try{padding-top:17px;border-top:1px solid #e2e5e7;margin-top:22px}.featured .open-button{margin-top:22px}.preview-pair figcaption{font-size:8px;padding:6px 8px;left:10px;top:10px}.open-label{font-size:8px;padding:7px 10px;right:10px;bottom:10px}.concept .description{font-size:14px}.review-note{display:block;padding-top:43px;padding-bottom:43px}.review-note h2{font-size:29px;margin:21px 0 23px}.review-note>p:not(.eyebrow){font-size:13px}.review-note .fine{margin-top:20px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}footer .wordmark{width:100%}footer p{font-size:10px}footer>a{font-size:11px}.card-meta{font-size:9px}}
@media(max-width:440px){.preview.preview-pair{grid-template-columns:1fr}.preview-pair figcaption{font-size:9px}.concept-body{padding:22px}.intro h1{font-size:clamp(35px,9.9vw,43px)}.top .wordmark{font-size:14px}.top .wordmark span{font-size:7px}.share-button{max-width:112px;font-size:10px}.share-button span{display:none}.concept h2{font-size:29px}.concept.featured h2{font-size:30px}.featured .card-meta{display:block}.featured .card-meta>span{display:block}.featured .card-meta>span+span{margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}