/* Content leads; pixel geometry stays in artwork and small interaction details. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:92px}
.bd,.card .bd,.bd.k,.card .bd.k,.bd.o,.card .bd.o,.bd.g,.card .bd.g{border:0;background:none;padding:0;box-shadow:none;font-family:"Noto Sans KR",sans-serif;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#697065;text-transform:none;white-space:normal}
.bd::before{content:"";width:4px;height:4px;background:currentColor;flex:none}
.bd.g,.card .bd.g{color:#3a7051}.bd.o,.card .bd.o{color:#93623d}.bd.k,.card .bd.k{color:#51594c}
.cards2,.cards3{gap:44px}.card,.card:hover{border:0;background:transparent;box-shadow:none;overflow:visible}
.card .img,.card .img:has(.fig),.applied-proof .card .img{position:relative;padding:10px;aspect-ratio:1.56;background:#e9e9e1;border:0;overflow:hidden}
.card .img img{width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease-out)}
.card-body{padding:22px 0 0;flex:1}.card .bds{min-height:0;margin-bottom:12px}.card h3{font-size:clamp(23px,2.1vw,31px);line-height:1.3;font-weight:500;margin:0 0 12px;letter-spacing:-.045em}
.card p{font-size:15px;line-height:1.75;color:#666d60;margin:0 0 20px;max-width:43ch}
.card-action{border-top:0;padding-top:4px;gap:12px;align-items:center;flex-wrap:wrap}.card-status{font-size:11px;color:#72786d;flex:1}.card-action-label{font-size:12px;margin-left:0}.card-arrow{width:20px;height:24px;border:0;background:none;font-size:23px;transition:transform .3s var(--ease-out)}
.card:hover .card-arrow,.card:focus-visible .card-arrow{background:none;color:#d95322;transform:translate(3px,-3px)}
.applied-proof .cards2{grid-template-columns:1.12fr 1fr;align-items:start}.applied-proof .cards2 .card:nth-child(2){margin-top:60px}.applied-proof .sec-h{margin-bottom:48px}
.tbl th,.tbl td{padding:23px 16px;font-size:13px;line-height:1.7}.tbl th{font-size:11px;letter-spacing:0;font-family:"Noto Sans KR",sans-serif;color:#777e70;border-bottom:1px solid #aaaF9f}.tbl td{vertical-align:middle}.tbl td:first-child{font-size:14px;color:#272d24;min-width:130px}.tbl td:last-child{min-width:158px}.tbl tbody tr{transition:background .24s var(--ease-out)}.tbl tbody tr:hover{background:#eceee4}.tbl .bd{font-size:11px;gap:7px}
.editorial-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.editorial-heading .lbl{margin-bottom:22px}.editorial-heading h2{font-size:clamp(32px,3.7vw,52px);line-height:1.25;letter-spacing:-.055em;font-weight:500}.editorial-heading>p{font-size:15px;line-height:1.9;color:#737a6b;padding-bottom:5px}
.story-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:start}.product-story{display:block;min-width:0}.product-story:nth-child(2){margin-top:74px}.story-media{position:relative;overflow:hidden;background:#e9e9e1;padding:10px;aspect-ratio:1.56}.story-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease-out)}
.story-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:20px 0 14px;font:10px/1.6 var(--mono);letter-spacing:.025em;color:#72796c}.quiet-status{font:11px/1.6 "Noto Sans KR",sans-serif;color:#72796c}.story-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.story-title h3{font-size:clamp(23px,2.2vw,32px);line-height:1.35;font-weight:500;letter-spacing:-.04em}.story-title>span{font-size:27px;transition:transform .3s var(--ease-out)}.product-story:hover .story-title>span{transform:translate(3px,-3px);color:#d95322}.product-story>p{font-size:15px;line-height:1.8;color:#666e60;margin-top:13px}.media-note{display:block;font-size:10px;color:#7d8475;margin-top:12px}
.next-story{display:grid;grid-template-columns:1fr 2.2fr auto auto;gap:18px 28px;border-top:1px solid #d5d9cc;border-bottom:1px solid #d5d9cc;margin-top:70px;padding:30px 0;align-items:center}.next-story .lbl{font-size:10px;grid-row:1/3}.next-story h3{font-size:21px;font-weight:500;letter-spacing:-.035em}.next-story p{grid-column:2;font-size:13px;color:#737a6b}.next-story .quiet-status{grid-column:3;grid-row:1/3}.next-arrow{grid-column:4;grid-row:1/3;font-size:25px;transition:transform .3s var(--ease-out)}.next-story:hover .next-arrow{transform:translate(3px,-3px);color:#d95322}
.preview-cue{position:absolute;left:0;top:0;z-index:4;pointer-events:none;background:#272c24;color:#fff;font:11px/1.4 "Noto Sans KR",sans-serif;padding:11px 15px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);opacity:0;transition:opacity .18s;transform:translate(var(--cue-x,20px),var(--cue-y,20px))}.pointer-inside>.preview-cue{opacity:1}
.btn,.chip,.application-tabs [role=tab]{transition:background .22s var(--ease-out),color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}
.btn:active,.chip:active{transform:translate(1px,2px);box-shadow:none}.btn .ar,.lk .ar{transition:transform .3s var(--ease-out)}.btn:hover .ar,.lk:hover .ar{transform:translateX(3px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c34f22;outline-offset:5px}.nav>li.open .dd{animation:menu-arrive .2s var(--ease-out) both}.dd a{transition:background .2s,color .2s}.dd a:hover{background:#eeefe6}.art-motion-master{box-shadow:none;border-color:#d2d7c7;font-size:10px;opacity:.85}.art-motion-master:hover{opacity:1}
@keyframes menu-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .12s ease-out both}::view-transition-new(root){animation:page-in .18s ease-out both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}}
@media(max-width:900px){.editorial-heading{align-items:start;flex-direction:column;gap:20px}.story-pair{gap:28px}.story-meta{align-items:start;flex-direction:column;gap:5px}.card-status{flex-basis:100%}.next-story{grid-template-columns:1fr auto auto}.next-story .lbl{grid-column:1/-1;grid-row:auto}.next-story h3{grid-column:1}.next-story p{grid-column:1;grid-row:3}.next-story .quiet-status{grid-column:2;grid-row:2/4}.next-arrow{grid-column:3;grid-row:2/4}}
@media(max-width:720px){.cards2,.cards3,.applied-proof .cards2,.story-pair{grid-template-columns:1fr;gap:44px}.applied-proof .cards2 .card:nth-child(2),.product-story:nth-child(2){margin-top:0}.card-body{padding:20px 0 0}.card h3{font-size:25px}.card p{font-size:14px}.card .img,.applied-proof .card .img,.story-media{padding:6px}.editorial-heading{margin-bottom:30px}.editorial-heading>p{font-size:14px}.story-meta{flex-direction:row;flex-wrap:wrap;margin-top:16px}.product-story>p{font-size:14px}.next-story{margin-top:44px;padding:24px 0;column-gap:12px}.next-story h3{font-size:18px}.next-story p{font-size:12px}.next-story .quiet-status{grid-column:1;grid-row:4}.next-arrow{grid-column:3;grid-row:2/4}#compare .tbl{display:block;min-width:0}#compare .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#compare .tbl tbody{display:block}#compare .tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:24px 0;border-bottom:1px solid #d8dccf}#compare .tbl td{padding:0;border:0;min-width:0;font-size:12px}#compare .tbl td::before{content:attr(data-label);display:block;color:#858b7d;font-size:10px;margin-bottom:4px}#compare .tbl td:first-child{grid-column:1/-1;font-size:17px;color:#252c21}#compare .tbl td:first-child::before{display:none}#compare .tbl td:last-child{grid-column:1/-1}.preview-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.preview-cue{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* The header action is a compact control, not a section-level CTA. */
.hdr li.cta{padding:0!important;background:transparent!important;border:0!important;margin-left:auto}.hdr li.cta:after{display:none}.hdr li.cta .btn{padding:10px 14px!important;min-height:36px;font-size:11px;box-shadow:2px 2px 0 #d0d4c6!important;margin:2px}.hdr li.cta .btn:hover{transform:translateY(-1px)}
.solid-button,.btn,.menu-btn,.chip{transition:transform .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)!important}
@media(prefers-reduced-motion:reduce){.solid-button,.btn,.menu-btn,.chip{transition:none!important}}
@media(max-width:720px){.hdr .menu-btn{margin-left:auto!important}#compare .tbl td{font-size:14px}#compare .tbl td::before{font-size:11px}#compare .tbl .bd{font-size:12px}}
.world-canvas:has(.world-motion){cursor:default}.map-pin{transition:transform .25s var(--ease-out),background .25s var(--ease-out)!important}.arch-signal{animation-duration:12s}