:root{--bg:#f5f5f2;--paper:#fff;--ink:#171816;--muted:#656760;--line:#d4d5cf;--soft:#e9e9e4;--dark:#20211e;--accent:#2d5a45;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,h4,p,dl,dd{margin-top:0}.shell{width:min(calc(100% - 56px),var(--max));margin-inline:auto}.topbar{position:sticky;z-index:20;top:0;min-height:70px;padding:12px max(28px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:rgba(245,245,242,.96);backdrop-filter:blur(12px)}.identity{display:flex;align-items:center;gap:15px}.identity strong{font-size:15px}.identity span{color:var(--muted);font:700 9px monospace;text-transform:uppercase}.topbar nav{display:flex;gap:24px;font-size:11px;font-weight:700}.topbar nav a:hover{color:var(--accent)}main{display:flex;flex-direction:column}.hero{order:1;padding:clamp(75px,9vw,125px) 0 65px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.label,.meta{font:700 10px monospace;letter-spacing:.1em;text-transform:uppercase}.label{margin-bottom:23px;color:var(--accent)}.hero h1{max-width:900px;margin:0;font-size:clamp(48px,7vw,92px);line-height:1.02;letter-spacing:-.07em}.hero-detail{padding-top:40px}.hero-detail p{max-width:520px;color:#4e504b;word-break:keep-all}.hero-facts{grid-column:1/-1;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.hero-facts div{padding:15px 18px 0 0;border-right:1px solid var(--line)}.hero-facts div+div{padding-left:18px}.hero-facts div:last-child{border-right:0}.hero-facts dt{color:var(--muted);font:700 9px monospace;text-transform:uppercase}.hero-facts dd{margin:8px 0 0;font-size:13px}.section{padding:clamp(80px,9vw,125px) 0}.section-head{margin-bottom:42px;display:grid;grid-template-columns:.32fr 1fr .65fr;gap:35px;align-items:end}.section-head .label{margin:0}.section-head h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.06em}.section-head>p:last-child{margin:0;color:var(--muted);font-size:14px;word-break:keep-all}#projects{order:2}.featured{display:grid;grid-template-columns:1.12fr .88fr;background:var(--paper);border-top:1px solid var(--ink)}.featured>img{height:100%;min-height:620px;object-fit:cover}.featured-body{padding:42px}.intro-text{font-size:18px;word-break:keep-all}.featured-body>p:not(.intro-text){color:var(--muted);font-size:14px}.facts-grid{margin:35px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.facts-grid div{padding:17px 15px 17px 0;border-bottom:1px solid var(--line)}.facts-grid div:nth-child(even){padding-left:15px;border-left:1px solid var(--line)}.facts-grid span,.career-grid span{display:block;margin-bottom:8px;color:var(--accent);font:700 9px monospace;text-transform:uppercase}.facts-grid p{margin:0;font-size:12px}.links{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.links a,.product a,.archive-list article>div>a{padding-bottom:2px;border-bottom:1px solid;font-size:12px;font-weight:700}
#products{order:3;background:var(--soft);width:100%;max-width:none;padding-inline:max(28px,calc((100% - var(--max))/2))}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:var(--paper)}.product>img,.type-card{height:100%;object-fit:cover}.product>div:last-child{padding:30px}.meta{margin-bottom:14px;color:var(--accent)}.product h3,.archive-list h3{margin-bottom:15px;font-size:clamp(26px,3vw,40px);line-height:1;letter-spacing:-.05em}.product>div>p:not(.meta),.archive-list article>div>p:not(.meta){color:var(--muted);font-size:13px;word-break:keep-all}.product ul,.archive-list ul,.career-grid ul{margin:20px 0 25px;padding-left:17px;color:#474944;font-size:12px}.type-card{padding:28px;display:flex;align-items:flex-end;background:var(--dark);color:#fff}.type-card span{font-size:44px;font-weight:800;line-height:.86;letter-spacing:-.06em}.process-section{order:5;background:var(--dark);color:#f5f5f1}.process-section .section-head>p:last-child{color:#aeb0aa}.process{margin:0;padding:0;list-style:none;border-top:1px solid #55574f}.process li{padding:23px 0;display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid #55574f}.process li>span{color:#8d9087;font:700 10px monospace}.process li>div{display:grid;grid-template-columns:.45fr 1fr;gap:40px}.process strong{font-size:19px}.process p{max-width:620px;margin:0;color:#bfc1ba;font-size:14px}
#awards{order:6}.award-list{border-top:1px solid var(--ink)}.award{padding:28px 0;display:grid;gap:35px;border-bottom:1px solid var(--line)}.primary-award{grid-template-columns:.6fr 1fr}.primary-award img{aspect-ratio:4/3;object-fit:cover}.award h3{margin:5px 0 18px;font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.055em}.award h4{margin-bottom:18px;font-size:19px}.award>div>p:not(.meta){max-width:720px;word-break:keep-all}.award .note{padding-left:14px;border-left:2px solid var(--accent);color:var(--muted);font-size:13px}.compact-award{grid-template-columns:230px 1fr;align-items:center}.compact-award img{aspect-ratio:4/3;object-fit:cover}.compact-award h3{font-size:34px}.experience-section{order:7;background:#e4e4de}.career{display:grid;grid-template-columns:.25fr 1fr .58fr;gap:36px;padding-top:30px;border-top:1px solid var(--ink)}.career-time{display:flex;flex-direction:column;gap:8px;font:700 10px monospace;text-transform:uppercase}.career-time span{color:var(--muted)}.career-main h3{margin:5px 0 15px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.06em}.career-main>p:not(.meta){color:var(--muted)}.career-grid{margin-top:30px;display:grid;grid-template-columns:1fr .75fr;gap:28px;border-top:1px solid #bdbeb7}.career-grid>div{padding-top:17px}.career-grid ul{margin-top:0}.career-grid p{font-size:12px}.career>img{aspect-ratio:4/3;object-fit:cover}#archive{order:8}.archive-list{display:grid;gap:26px}.archive-list article{display:grid;grid-template-columns:.65fr 1fr;gap:35px;padding-top:24px;border-top:1px solid var(--ink)}.archive-list img{aspect-ratio:16/10;height:100%;object-fit:cover}.archive-list article>div{padding:12px 0 35px}.archive-list h3{font-size:48px}.about-section{order:9;background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-grid>div>p{max-width:560px;font-size:17px;word-break:keep-all}.about-grid dl{margin:0;border-top:1px solid var(--ink)}.about-grid dl div{padding:14px 0;display:grid;grid-template-columns:.38fr 1fr;gap:20px;border-bottom:1px solid var(--line)}.about-grid dt{color:var(--muted);font:700 9px monospace;text-transform:uppercase}.about-grid dd{margin:0;font-size:13px}footer{padding:80px 0 30px;background:var(--accent);color:#fff}footer>div>p{margin-bottom:15px}.mail{font-size:clamp(30px,5vw,67px);font-weight:700;letter-spacing:-.05em;border-bottom:2px solid}.footer-bottom{margin-top:80px;padding-top:15px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.55);font:700 10px monospace;text-transform:uppercase}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-detail{padding-top:0}.featured{grid-template-columns:1fr}.featured>img{min-height:auto;aspect-ratio:16/9}.product{grid-template-columns:1fr}.product>img,.type-card{aspect-ratio:16/10;height:auto}.primary-award{grid-template-columns:1fr}.career{grid-template-columns:.3fr 1fr}.career>img{grid-column:2}.archive-list article{grid-template-columns:1fr 1fr}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div:nth-child(2){border-right:0}.hero-facts div:nth-child(n+3){margin-top:15px;border-top:1px solid var(--line)}}
@media(max-width:720px){.shell{width:calc(100% - 32px)}.topbar{min-height:62px;padding:10px 16px}.identity span{display:none}.topbar nav{gap:13px;font-size:9px}.topbar nav a:nth-child(3){display:none}.hero{padding:58px 0 45px;gap:35px}.hero h1{font-size:13vw}.hero-facts{grid-template-columns:1fr}.hero-facts div,.hero-facts div+div{padding:13px 0;border-right:0;border-top:1px solid var(--line);margin:0}.section{padding:70px 0}.section-head{display:block}.section-head h2{font-size:41px;margin-bottom:14px}.featured-body{padding:24px 18px}.featured>img{aspect-ratio:4/3}.facts-grid{grid-template-columns:1fr}.facts-grid div,.facts-grid div:nth-child(even){padding:14px 0;border-left:0}.product-list{display:block}.product{margin-bottom:20px}.product>img,.type-card{aspect-ratio:4/3}.product>div:last-child{padding:23px 18px}.process li{grid-template-columns:38px 1fr}.process li>div{display:block}.process strong{display:block;margin-bottom:8px}.primary-award,.compact-award,.career,.archive-list article,.about-grid{grid-template-columns:1fr}.compact-award img{width:100%}.career{gap:22px}.career>img{grid-column:1}.career-grid{grid-template-columns:1fr}.archive-list article{gap:10px}.archive-list h3{font-size:38px}.about-grid{gap:35px}.mail{font-size:7.5vw;overflow-wrap:anywhere}.footer-bottom{gap:14px;flex-wrap:wrap}}
@media(max-width:420px){.topbar nav a:nth-child(2){display:none}.hero h1{font-size:12.5vw}.type-card span{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.compact-award img{aspect-ratio:auto;height:auto;object-fit:contain;background:var(--paper)}
:where(h1,h2,h3,h4){word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
:where(p,li,dd,a){overflow-wrap:break-word}
:where(p,li){text-wrap:pretty}
.label,.meta{word-break:normal;overflow-wrap:anywhere}
.product-list{grid-template-columns:1fr;gap:30px}
.product{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:0;align-items:stretch}
.product>img,.product>.type-card{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;align-self:center;background:#deded8}
.product>.type-card{align-self:stretch;background:var(--dark)}
@media(max-width:860px){.product{grid-template-columns:1fr}.product>img,.product>.type-card{aspect-ratio:16/9}}
.product-gallery{width:100%;aspect-ratio:16/9;min-width:0;padding:clamp(12px,2vw,24px);display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vw,14px);overflow:hidden;background:linear-gradient(135deg,#21182c 0%,#63302b 55%,#cf7029 100%)}
.product-gallery img{width:auto;height:100%;max-width:31%;object-fit:contain;border-radius:5px;box-shadow:0 12px 30px rgba(0,0,0,.3)}

.tools-section{order:4;background:var(--dark);color:var(--paper);width:100%;max-width:none;padding-inline:max(28px,calc((100% - var(--max))/2))}
.tools-section .section-head>p:last-child{color:#bfc1ba}
.tool-feature{display:grid;grid-template-columns:minmax(280px,.58fr) minmax(0,1fr);background:var(--paper);color:var(--ink);border-top:1px solid var(--ink)}
.tool-feature>img{width:100%;height:100%;min-height:410px;object-fit:cover;background:var(--dark)}
.tool-feature-body{padding:42px}
.tool-feature h3{margin:4px 0 18px;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.06em}
.tool-feature-body>p:not(.meta){color:var(--muted);font-size:16px;max-width:680px;word-break:keep-all}
.tool-facts{margin:30px 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.tool-facts div{padding:17px 14px 17px 0;border-bottom:1px solid var(--line)}
.tool-facts div+div{padding-left:14px;border-left:1px solid var(--line)}
.tool-facts span{display:block;margin-bottom:8px;color:var(--accent);font:700 9px monospace;text-transform:uppercase}
.tool-facts p{margin:0;font-size:12px}
.tool-note{padding-left:14px;border-left:2px solid var(--accent);color:var(--muted)!important;font-size:13px!important}
@media(max-width:980px){.tool-feature{grid-template-columns:1fr}.tool-feature>img{min-height:0;aspect-ratio:16/9;object-fit:contain}}
@media(max-width:720px){.tools-section{padding-inline:16px}.tool-feature-body{padding:24px 18px}.tool-facts{grid-template-columns:1fr}.tool-facts div,.tool-facts div+div{padding:14px 0;border-left:0}.tool-facts div+div{border-top:1px solid var(--line)}}