:root{--paper:#f5f3ed;--ink:#18231e;--blue:#174cde;--muted:#59625a;--line:#c8cdc4;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:20px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2{margin:0}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:fixed;left:24px;top:-100px;background:var(--ink);color:white;padding:16px;z-index:20}.skip:focus{top:16px}
.header{position:absolute;z-index:5;left:0;right:0;display:flex;align-items:center;gap:32px;padding:30px 5vw;font-size:16px}.wordmark{font-size:30px;font-weight:750;letter-spacing:-1.8px}.header-line{margin-left:auto}.language{padding:12px 0;border-bottom:1px solid currentColor;margin-left:26px}
.hero{position:relative;min-height:900px;height:100svh;max-height:1200px;display:flex;flex-direction:column;isolation:isolate}.scene{position:absolute;inset:0 0 210px;overflow:hidden;z-index:-2;background:#e9e6dd}.scene-image{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 60%;opacity:0;transition:opacity .7s ease,transform 1.2s ease;transform:scale(1.02)}.scene-image.is-active{opacity:1;transform:scale(1)}.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f3edb0,transparent 65%)}
.hero-copy{padding:165px 5vw 70px;flex:1}.eyebrow{font-size:16px;letter-spacing:.12em;font-weight:600;margin-bottom:22px}.hero h1{font-size:clamp(110px,15.5vw,232px);font-weight:750;letter-spacing:-.075em;line-height:.95;margin-left:-.045em}.hero h1 span{color:var(--blue)}.hero-statement{font-size:clamp(30px,3.1vw,48px);font-weight:650;letter-spacing:-.06em;line-height:1.3;margin-top:30px}.hero-intro{font-size:22px;line-height:1.6;letter-spacing:-.03em;margin-top:22px;max-width:400px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 5vw 34px;background:var(--paper);gap:40px}.product{display:block;position:relative;padding-top:20px;border-top:1px solid var(--line)}.product::before{position:absolute;content:"";left:0;right:0;top:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s}.product:hover::before,.product:focus-visible::before{transform:scaleX(1)}.product-top{display:flex;align-items:baseline;gap:18px}.product-number{font-size:16px;color:var(--muted)}.product h2{font-size:48px;letter-spacing:-2px;line-height:1.1;font-weight:600}.product-top>span:last-child{font-size:34px;margin-left:auto;transition:transform .3s,color .3s}.product:hover .product-top>span:last-child{transform:translate(4px,-4px);color:var(--blue)}.product p{font-size:20px;line-height:1.5;margin-top:14px;letter-spacing:-.025em}.product-note{font-size:16px;line-height:1.5;color:var(--muted);display:block;margin-top:8px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 5vw 100px;background:#e8eae1}.about h2{font-size:clamp(36px,4vw,60px);line-height:1.2;letter-spacing:-.05em}.about>div>p:not(.eyebrow){font-size:22px;line-height:1.75;margin-bottom:20px;word-break:keep-all}.product-definitions{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.product-definitions p{font-size:20px;line-height:1.7;margin-bottom:20px;color:var(--muted)}.product-definitions strong{color:var(--ink);margin-right:8px}footer{padding:35px 5vw;display:flex;align-items:center;gap:40px;font-size:16px}footer p{margin-left:auto}footer a:hover{text-decoration:underline;text-underline-offset:5px}.not-found{max-width:900px;margin:auto;padding:12vh 24px}.not-found h1{font-size:54px;letter-spacing:-.05em;margin:50px 0 30px}.not-found p{font-size:22px;line-height:1.7}.hero-cta{display:inline-block;margin-top:35px;color:var(--blue)}
@media(min-width:1700px){.scene-image{object-position:center 65%}.hero-copy{padding-top:190px}.hero{min-height:1000px}}
@media(max-width:1000px){.hero{height:auto;min-height:850px}.hero-copy{padding-top:150px;padding-bottom:110px}.hero h1{font-size:150px}.hero-intro{font-size:20px}.scene{bottom:220px}.scene-image{object-position:60% center}.products{gap:26px}.product h2{font-size:40px}.about{gap:55px;padding-block:80px}.about>div>p:not(.eyebrow){font-size:20px}}
@media(max-width:650px){.header{padding:18px 24px;gap:20px}.wordmark{font-size:27px}.header-line{display:none}.language{margin-left:auto;font-size:16px}.hero{height:auto;min-height:0;max-height:none}.hero-copy{order:1;padding:128px 24px 35px}.hero h1{font-size:clamp(108px,28vw,172px)}.hero-statement{font-size:32px;margin-top:20px}.hero-intro{font-size:20px;margin-top:18px}.hero .eyebrow{font-size:16px;letter-spacing:.08em}.scene{order:2;position:relative;height:330px;inset:auto;z-index:0;flex-shrink:0}.scene::after{display:none}.scene-image{object-position:76% center;transform:none}.products{order:3;position:relative;grid-template-columns:1fr;padding:26px 24px 42px;gap:0}.product{padding:23px 0}.product-top{gap:17px}.product h2{font-size:45px}.product p{margin-top:10px;font-size:20px}.product-note{font-size:16px}.about{grid-template-columns:1fr;gap:35px;padding:65px 24px 48px}.about h2{font-size:40px}.about>div>p:not(.eyebrow){font-size:20px}.product-definitions p{font-size:20px}footer{padding:28px 24px;gap:22px;flex-wrap:wrap}footer p{margin-left:auto;font-size:16px}footer>a:last-child{width:100%;font-size:16px}.not-found h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:651px) and (max-height:850px){.hero{min-height:720px}.hero-copy{padding-top:116px;padding-bottom:20px}.hero h1{font-size:140px;letter-spacing:-.06em}.hero .eyebrow{margin-bottom:16px}.hero-statement{font-size:32px;margin-top:22px}.hero-intro{font-size:20px;line-height:1.5;margin-top:18px}.products{padding-block:20px}.product h2{font-size:42px}.product p{margin-top:10px}.scene{bottom:190px}}