
:root{--paper:#F4F1EB;--surface:#FBFAF7;--ink:#181A19;--muted:#6C6A64;--line:#D4D0C7;--oak:#A7784E;--walnut:#4D3628;--charcoal:#2E3231;--steel:#667073;--rust:#A84E2B;--warm-gray:#A49B8F;--max:1600px;--pad:48px;--pad-laptop:32px;--pad-mobile:18px;--gutter:16px;--radius-button:0;--radius-card:0;--radius-image:0;--shadow-soft:0 20px 60px rgba(24,26,25,.12);--hero-title:clamp(46px,5vw,78px);--section-title:clamp(28px,3vw,38px);--body:16px;--caption:11px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Pretendard,SUIT,Arial,sans-serif;font-size:var(--body);line-height:1.45;letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover;background:var(--surface)}button,input{font:inherit}.site-header{height:70px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:74px 1fr auto auto;align-items:center;background:rgba(251,250,247,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.mark{height:70px;display:grid;place-items:center;border-right:1px solid var(--line);font-weight:800}.brand{font-size:24px;padding-left:52px;letter-spacing:.02em}.site-header nav{display:flex;gap:58px;text-transform:uppercase;font-size:11px;font-weight:700}.actions{display:flex;gap:28px;padding-right:48px;text-transform:uppercase;font-size:11px}.actions button,.menu-toggle{border:0;background:transparent;text-transform:uppercase;font-size:11px}.menu-toggle{display:none}.hero{max-width:1920px;margin:0 auto;min-height:640px;display:grid;grid-template-columns:74px minmax(340px,430px) 1fr;border-bottom:1px solid var(--line)}.rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:44px;padding:48px 0;font-size:11px;text-transform:uppercase}.rail i{height:220px;border-left:1px solid var(--ink)}.rail em{font-style:normal;text-align:center;color:var(--muted)}.hero-copy{padding:68px 50px 50px 56px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.04em}.hero h1{font-size:var(--hero-title);line-height:1.05;letter-spacing:0;margin:24px 0 28px;max-width:620px;text-wrap:balance}.hero p{max-width:340px;color:var(--muted)}.primary{display:inline-flex;align-items:center;gap:48px;background:#073044;color:white;text-transform:uppercase;font-size:13px;font-weight:800;padding:18px 22px;margin-top:22px;min-height:50px}.hero picture,.hero img{height:100%;min-height:640px}.logic,.featured,.products,.configurator,.materials,.insights,.sub-hero,.listing,.detail{max-width:var(--max);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.logic{display:grid;grid-template-columns:250px 1fr 1.2fr;border-bottom:1px solid var(--line)}.section-copy{padding:42px}.section-copy h2,.featured h2,.sub-hero h1{font-size:var(--section-title);line-height:1.08;letter-spacing:0;margin:18px 0}.icon-btn{width:34px;height:34px;background:transparent;border:1px solid var(--muted);font-size:22px}.parts{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.parts article{padding:42px 24px;text-align:center;text-transform:uppercase;font-size:11px}.parts img{aspect-ratio:1/1;object-fit:contain}.configs{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);align-items:end}.configs figure{margin:0;padding:34px 20px;text-align:center;text-transform:uppercase;font-size:11px}.configs img{aspect-ratio:7/5;object-fit:contain}.system-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.system-card{position:relative;min-height:250px;border-right:1px solid var(--line);padding:26px;overflow:hidden;background:var(--surface)}.system-card img{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:transform .35s ease}.system-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,25,.18),rgba(24,26,25,.02) 45%,rgba(244,241,235,.18))}.system-card b,.system-card small,.system-card span{position:relative;z-index:1;color:white;text-shadow:0 1px 12px rgba(0,0,0,.3);display:block;text-transform:uppercase}.system-card span{float:right;font-size:24px}.system-card small{font-size:12px;margin-top:6px}.system-card:hover img{transform:scale(1.03)}.featured{display:grid;grid-template-columns:340px 1fr;border-bottom:1px solid var(--line)}.featured>div{padding:62px 44px}.featured h2{font-size:46px}.featured picture,.featured img{height:100%;min-height:320px}.section-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;text-transform:uppercase;font-size:11px;border-bottom:1px solid var(--line)}.product-grid{display:grid;grid-template-columns:repeat(6,1fr)}.product-card{position:relative;padding:18px 16px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-width:0}.product-card img{aspect-ratio:4/3;object-fit:contain;margin-bottom:14px}.product-card b,.product-card span,.product-card em{display:block;font-size:12px;font-style:normal}.product-card span{color:var(--muted)}.product-card button{position:absolute;right:14px;bottom:18px;border:0;background:transparent;font-size:24px}.configurator{display:grid;grid-template-columns:330px 1fr 220px;border-bottom:1px solid var(--line)}.plans{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:28px;padding:46px}.plan{border:0;background:transparent;padding:0}.plan img{aspect-ratio:15/11;object-fit:contain}.configurator ol{margin:0;background:var(--rust);color:white;padding:44px;display:grid;gap:34px;text-transform:uppercase;font-size:12px;align-content:center}.materials{display:grid;grid-template-columns:170px repeat(8,1fr);border-bottom:1px solid var(--line)}.materials>.eyebrow{padding:34px 28px}.materials a{min-height:78px;position:relative;border-left:1px solid var(--line);overflow:hidden}.materials img{height:100%;width:100%;position:absolute;inset:0}.materials span{position:relative;display:block;padding:42px 12px 12px;color:white;text-transform:uppercase;font-size:10px;text-shadow:0 1px 8px rgba(0,0,0,.45)}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr)}.insight-grid article{display:grid;grid-template-columns:110px 1fr;border-right:1px solid var(--line);padding:16px;gap:18px;background:var(--surface)}.insight-grid img{width:110px;height:86px}.insight-grid p{margin:0;font-size:14px}.insight-grid span{text-transform:uppercase;font-size:10px;color:var(--muted)}.site-footer{background:#151817;color:#F5F1E9;display:grid;grid-template-columns:1.4fr repeat(3,.7fr) 1.4fr;gap:44px;padding:46px 70px;font-size:12px}.site-footer a,.site-footer span{display:block;color:#C9C3B8;margin-top:8px}.newsletter div{display:flex;margin-top:12px}.newsletter input{min-width:0;flex:1;background:#F5F1E9;border:0;padding:12px}.newsletter button{width:48px;border:0;background:#F5F1E9}.sub-hero{padding:92px 48px 70px;border-bottom:1px solid var(--line)}.sub-hero h1{max-width:820px}.sub-hero p{max-width:620px;color:var(--muted)}.listing{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}.listing .wide{grid-column:1/-1;width:100%;max-height:620px;object-fit:cover}.product-card.large img{aspect-ratio:4/5}.material-card,.journal-card{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.material-card img{aspect-ratio:1/1}.journal-card img{aspect-ratio:14/9}.detail{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;padding:48px;border-bottom:1px solid var(--line)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery img:first-child{aspect-ratio:4/5;object-fit:contain}.gallery img:last-child{aspect-ratio:11/6}.detail article{padding:44px;background:var(--surface);border:1px solid var(--line)}.detail h1{font-size:52px;line-height:1.05}.selectors{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.selectors button{border:1px solid var(--line);background:transparent;padding:12px 14px}.compact{grid-column:1/-1}.compact.logic{display:block}.compact .parts{border-left:0}.compact+.configs{grid-column:1/-1}
@media (max-width:1024px){:root{--pad:32px}.brand{padding-left:24px}.site-header{grid-template-columns:64px 1fr auto}.site-header nav{display:none}.menu-toggle{display:block;padding-right:24px}.actions{display:none}.hero{grid-template-columns:64px 38% 1fr}.hero-copy{padding:48px 32px}.logic{grid-template-columns:1fr}.parts,.configs{border-left:0}.system-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.configurator{grid-template-columns:1fr}.materials{grid-template-columns:repeat(4,1fr)}.materials>.eyebrow{grid-column:1/-1}.listing{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:repeat(2,1fr);padding:42px 32px}.detail{grid-template-columns:1fr}}
@media (max-width:640px){:root{--pad:18px}.site-header{height:60px;grid-template-columns:56px 1fr auto}.mark{height:60px}.brand{font-size:18px;padding-left:18px}.hero{display:flex;flex-direction:column}.rail{display:none}.hero-copy{order:1;padding:42px 22px}.hero h1{font-size:46px}.hero picture{order:2}.hero picture,.hero img{min-height:0;height:auto}.logic,.featured,.products,.configurator,.materials,.insights,.sub-hero,.listing,.detail{border-left:0;border-right:0}.parts{grid-template-columns:repeat(2,1fr)}.configs,.plans{display:flex;overflow:auto}.configs figure,.plan{min-width:78vw}.system-grid{display:flex;overflow:auto}.system-card{min-width:78vw}.featured{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:12px}.materials{display:flex;overflow:auto}.materials>.eyebrow{min-width:160px}.materials a{min-width:160px}.insight-grid{grid-template-columns:1fr}.listing{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:36px 22px}.gallery{grid-template-columns:1fr}.detail{padding:22px}.detail article{padding:26px}.detail h1{font-size:40px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.parts article{padding:28px 18px 18px;display:grid;align-content:end;min-height:210px}
.parts img{height:118px;width:100%;margin:auto}
.configs figure{padding:28px 18px 20px;display:grid;align-content:end;min-height:210px}
.configs img{height:105px;width:100%;margin:auto}
.product-card img{height:220px;width:100%}
.product-card.large img{height:auto}
.plans{padding:38px}
.plan img{height:160px;width:100%}
@media (max-width:640px){.parts article{min-height:170px}.product-card img{height:150px}.plan img{height:130px}.configs figure{min-height:170px}}
