:root{--orange:#ee681b;--ink:#202022;--muted:#646468;--line:#dddde0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{word-break:keep-all;line-height:1.25}h1{font-size:clamp(2.5rem,4.3vw,4.6rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,3.5vw,3.6rem);letter-spacing:-.05em}h3{font-size:1.3rem}p{word-break:keep-all}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:16px;z-index:100}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px}.identity img{width:51px;height:51px}.identity span{font-size:1.5rem;line-height:1.1;font-weight:800;letter-spacing:.02em}.identity small{display:block;font-size:.75rem;margin-top:8px;font-weight:400;letter-spacing:0}nav{display:flex;gap:30px;align-items:center;font-size:.95rem}nav a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:9px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:640px}.hero-copy{padding:85px 6% 35px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:.8rem;letter-spacing:.18em;font-weight:700;margin-bottom:25px;color:var(--orange)}.intro{font-size:1.15rem;color:var(--muted);margin-top:30px}.actions{display:flex;gap:25px;align-items:center;margin-top:38px}.button{display:inline-block;padding:15px 26px;font-size:1rem;font-weight:600}.primary{background:var(--orange);color:#fff}.primary:hover{background:#c64b08}.text-link{font-size:.95rem;border-bottom:1px solid;padding-bottom:4px}.hero-foot{margin-top:auto;padding-top:65px;display:flex;gap:25px;font-size:.8rem;color:var(--muted)}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 30px;background:linear-gradient(transparent,#000a);color:#fff;display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.hero-photo figcaption span:first-child{font-weight:700}.section{padding:100px 7%;scroll-margin-top:0}.section-heading{margin-bottom:45px}.section-heading>p:last-child{margin-top:22px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product>img{width:100%;height:350px;object-fit:cover}.product-copy{padding:35px;background:#f3f3f4}.vivion .product-copy{background:#24262a;color:white}.tag{font-size:.8rem}.product h3{font-family:Arial,sans-serif;font-size:3.2rem;letter-spacing:.025em;margin:12px 0 20px}.product p{font-size:1rem}.product dl{margin:25px 0 15px;border-top:1px solid #9996}.product dl>div{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid #9996;font-size:.9rem}.product dt{width:85px;flex:none;color:var(--muted)}.vivion dt{color:#bbb}.product dd{margin:0}.product small{font-size:.75rem;color:#777}.vivion small{color:#bbb}.projects{background:#f6f6f7}.horizontal{display:flex;justify-content:space-between;align-items:end;gap:30px}.horizontal>p{font-size:.95rem}.filters{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid #ccc;background:transparent;padding:10px 22px;border-radius:0;font-size:.9rem}.filters .active{color:#fff;background:var(--ink);border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.project{border:0;background:transparent;text-align:left;padding:0;min-width:0;color:var(--ink)}.project .photo{overflow:hidden;background:#ddd}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.project:hover img{transform:scale(1.035)}.project .category{display:block;color:var(--muted);font-size:.8rem;margin-top:15px}.project h3{font-size:1.16rem;margin-top:5px}.project p{font-size:.85rem;color:var(--muted);margin-top:7px}.archive-note,.small-note{font-size:.8rem;color:var(--muted);margin-top:35px}.technology{background:#24262a;color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px}.technology-intro{margin-top:25px;color:#ccc}.principles article{border-top:1px solid #ffffff30;padding:22px 0;display:grid;grid-template-columns:35px 1fr;column-gap:15px}.principles article>span{color:var(--orange);font-size:.8rem}.principles h3{font-size:1.25rem}.principles p{grid-column:2;color:#bbb;font-size:.95rem;margin-top:12px}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.story-image{padding-top:8px}.story-image img{width:100%}.story-image p{font-size:1.5rem;margin-top:35px}.story h2+p{margin-top:25px;color:var(--muted)}.timeline{list-style:none;padding:0;margin:30px 0 0}.timeline li{display:grid;grid-template-columns:70px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.timeline strong{color:var(--orange)}.timeline small{color:var(--muted);font-size:.8rem}.print-story{padding-top:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.print-story p:not(.eyebrow){margin:25px 0;color:var(--muted)}.print-story figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}.order{background:#f3f3f4}.order>p:not(.eyebrow){margin-top:25px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:2px solid var(--ink);padding-top:20px}.steps span{color:var(--orange);font-size:.85rem}.steps h3{margin-top:20px;font-size:1.25rem}.steps p{font-size:.95rem;color:var(--muted);margin-top:15px}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p:not(.eyebrow){margin-top:25px;color:var(--muted)}footer{padding:40px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.85rem}footer small{color:var(--muted)}dialog{border:none;background:#171719;color:white;padding:24px;width:min(1100px,95vw);max-height:94vh}dialog::backdrop{background:#000b}dialog>img{max-height:65vh;max-width:100%;margin:auto;object-fit:contain}.close{display:block;margin:0 0 15px auto;border:0;color:#fff;background:none;font-size:1rem}.dialog-caption{margin-top:20px}.dialog-caption p{color:#bbb;margin-top:8px}.dialog-caption>div{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px}.dialog-caption button{background:transparent;color:#fff;border:1px solid #888;padding:6px 20px}.counter{font-size:.85rem}:focus-visible{outline:3px solid #ee681b;outline-offset:5px}[hidden]{display:none!important}@media(min-width:1700px){body{max-width:1900px;margin:auto}}@media(max-width:1000px){header{padding:0 4%;height:85px}nav{gap:17px;font-size:.85rem}.hero{min-height:570px}.hero-copy{padding-top:65px}.hero-foot{flex-direction:column;gap:0}.section{padding:75px 5%}.gallery{grid-template-columns:repeat(2,1fr)}.technology,.story{gap:40px}.steps{grid-template-columns:repeat(2,1fr)}.product>img{height:270px}.product-copy{padding:25px}.product h3{font-size:2.5rem}.print-story{padding-top:0}footer{flex-wrap:wrap}}@media(max-width:700px){header{height:78px}.identity img{width:43px;height:43px}.identity span{font-size:1.25rem}.menu{display:block;background:none;border:1px solid #ccc;padding:6px 13px;font-size:.9rem}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ccc}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6% 35px}.hero h1{font-size:2.65rem}.hero-foot{padding-top:35px;flex-direction:row;font-size:.75rem;gap:15px}.hero-photo{height:340px}.hero-photo figcaption{padding:25px 18px;font-size:.75rem}.hero-photo figcaption span:first-child{display:none}.section{padding:65px 6%}.product-grid,.technology,.story,.print-story{grid-template-columns:1fr}.product>img{height:300px}.product-copy{padding:27px}.horizontal{display:block}.horizontal>p{margin-top:20px}.gallery{gap:28px 15px}.project h3{font-size:1rem}.project p{font-size:.8rem}.filters{gap:8px}.filters button{font-size:.8rem;padding:8px 12px}.story{gap:45px}.story-image p{font-size:1.3rem}.print-story{padding-top:0;gap:30px}.steps{gap:30px 20px}.steps h3{font-size:1.1rem}.steps p{font-size:.9rem}.contact{align-items:flex-start;flex-direction:column}.contact .button{margin-top:10px}footer{padding:35px 6%;display:grid;grid-template-columns:1fr 1fr}footer>.identity{grid-column:1/-1}footer p{grid-column:1/-1}dialog{padding:15px}.dialog-caption h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.vivion-tech{background:linear-gradient(125deg,#f4fbff,#fff 65%,#eff9ed);border-top:1px solid #d4e8f2}.vivion-tech .eyebrow{color:#007dab}.vivion-tech h2{color:#07527a}.tech-lead{margin-top:25px;color:#536676;font-size:1.1rem}.tech-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.tech-cards article{padding:30px;border:1px solid #d2e5ef;background:#ffffffba}.tech-cards article:nth-child(2){border-top:4px solid #78b746}.tech-cards article:nth-child(1),.tech-cards article:nth-child(3){border-top:4px solid #008abd}.tech-cards span{font-size:.8rem;color:#007dab;letter-spacing:.08em}.tech-cards h3{margin:18px 0;color:#07527a}.tech-cards p{font-size:.95rem;color:#536676}.tech-process{margin-top:40px;background:#fff;padding:30px;border:1px solid #d2e5ef}.tech-process h3,.tech-validation h3,.technical-originals h3{color:#07527a}.tech-process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0 0;counter-reset:layer}.tech-process li{counter-increment:layer;border-left:3px solid #008abd;padding-left:18px}.tech-process li:before{content:'0' counter(layer);display:block;color:#78a93d;font-size:1.6rem;font-weight:bold}.tech-process strong,.tech-process span{display:block}.tech-process span{font-size:.85rem;color:#536676;margin-top:8px}.tech-validation{padding:25px 30px;background:#e7f4ed;margin-top:25px}.tech-validation p{margin:15px 0}.tech-validation small{font-size:.8rem;color:#536676}.technical-originals{margin-top:45px}.technical-originals>p{font-size:.9rem;color:#536676;margin:15px 0 25px}.technical-slide{border:1px solid #d2e5ef;background:#fff;margin-top:12px}.technical-slide summary{padding:16px 22px;cursor:pointer;color:#07527a;font-weight:600}.technical-slide img{width:100%;height:auto;border-top:1px solid #d2e5ef}@media(max-width:1000px){nav{gap:12px}.tech-cards{gap:15px}.tech-cards article{padding:22px}}@media(max-width:700px){.tech-cards{grid-template-columns:1fr}.tech-process{padding:25px}.tech-process ol{grid-template-columns:repeat(2,1fr);gap:25px}.tech-validation{padding:22px}}

.museon-projects{background:#f8f6f2}.museon-projects .eyebrow{color:#ab5b24}.museon-projects .project .photo{background:#eae6df}.museon-projects .project img{object-position:center}.museon-projects .archive-note{max-width:900px}nav{gap:18px}@media(max-width:1100px) and (min-width:701px){nav{gap:10px;font-size:.75rem}.identity small{display:none}}

.product.museon>img,.product.vivion>img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#f3f1ed}

.product-photo-link{display:block;position:relative;color:#fff;cursor:pointer}.product-photo-link img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f3f1ed}.photo-link-label{position:absolute;right:16px;bottom:16px;padding:8px 13px;background:rgba(25,25,25,.8);font-size:.85rem;border-radius:2px}.product-photo-link:hover .photo-link-label{background:#ad501c}.product-photo-link:focus-visible{outline-offset:-4px}#museon-projects,#projects{scroll-margin-top:100px}

a.project{display:block;text-decoration:none;color:inherit}a.project:focus-visible{outline:3px solid currentColor;outline-offset:5px}