@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Manrope:wght@400;600;700;800&display=swap');

:root{--red:#f04432;--ink:#171716;--cream:#f2efe7;--paper:#faf9f4;--line:rgba(23,23,22,.22);font-family:"DM Sans","Pretendard","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;min-width:1180px;background:var(--paper);word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:12px 18px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:92px;padding:0 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(250,249,244,.95);position:relative;z-index:5}.logo{font:800 31px/1 "Manrope",sans-serif;letter-spacing:-.08em}.logo span{color:var(--red)}nav{display:flex;gap:42px;font-size:13px;font-weight:700;letter-spacing:.04em}nav a,.header-link{position:relative}nav a:after,.header-link:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:right .25s}nav a:hover:after,.header-link:hover:after{right:0}.header-link{justify-self:end;font-size:13px;font-weight:700}.hero{position:relative;display:grid;grid-template-columns:43% 57%;height:calc(100vh - 92px);min-height:700px;max-height:900px;overflow:hidden}.hero-copy{padding:64px 48px 42px;display:flex;flex-direction:column}.kicker{display:flex;justify-content:space-between;max-width:455px;margin:0 0 58px;font-size:11px;font-weight:700;letter-spacing:.14em}.hero h1{margin:0;font:800 clamp(70px,6.3vw,112px)/.86 "Manrope",sans-serif;letter-spacing:-.075em}.hero h1 em,.section-head em,.process em,.contact em{color:var(--red);font-style:normal}.hero-description{margin:36px 0 0;font-size:16px;line-height:1.75}.circle-link{margin-top:auto;width:112px;height:112px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-size:11px;font-weight:700;transition:.25s}.circle-link:hover{background:var(--ink);color:#fff;transform:rotate(-8deg)}.hero-visual{margin:0;position:relative;height:100%;background:#f5e9de}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual figcaption{position:absolute;right:28px;bottom:26px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em}.side-note{position:absolute;right:13px;top:50%;margin:0;color:rgba(255,255,255,.82);font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl;transform:translateY(-50%)}.manifesto{padding:150px 48px 170px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:20% 55% 25%;align-items:end}.section-number{font-size:11px;font-weight:700;letter-spacing:.13em}.manifesto-copy>p{margin:0 0 44px;color:#bbb9b3;line-height:1.75}.manifesto h2,.section-head h2,.process h2,.contact h2{margin:0;font:700 76px/.95 "Manrope",sans-serif;letter-spacing:-.065em}.manifesto h2 span{color:var(--red)}.manifesto-note{max-width:260px;font-size:14px;line-height:1.8;color:#bbb9b3}.manifesto-note p+ p{margin-top:24px}.products{padding:140px 48px;background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:88px}.section-head .section-number{margin-bottom:34px}.section-head>p{margin:0 0 5px;font-size:15px;line-height:1.7}.product-list{border-top:1px solid var(--ink)}.product-row{height:142px;display:grid;grid-template-columns:80px 1fr 360px 60px;align-items:center;border-bottom:1px solid var(--ink);transition:.25s}.product-row>span:first-child{font-size:11px}.product-row h3{margin:0;font:700 50px/1 "Manrope";letter-spacing:-.05em}.product-row p{font-size:14px}.arrow{font-size:24px;text-align:right}.product-row:hover,.product-row.featured{padding:0 24px;background:var(--red);color:#fff}.process{display:grid;grid-template-columns:1fr 1fr;padding:150px 48px;background:var(--paper);gap:110px}.process-intro .section-number{margin-bottom:42px}.process-intro>p:last-child{margin-top:40px;line-height:1.7}.process-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.process-steps li{display:grid;grid-template-columns:72px 1fr;padding:27px 0;border-bottom:1px solid var(--ink)}.process-steps span{font-size:11px}.process-steps strong{font:700 25px "Manrope"}.process-steps p{margin:8px 0 0;color:#706e68;font-size:14px}.contact{padding:150px 48px 110px;background:var(--red);color:#fff;text-align:center}.contact .section-number{margin-bottom:48px}.contact h2{font-size:92px}.contact h2 em{color:var(--ink)}.contact>p:not(.section-number){margin:42px 0 48px;line-height:1.75}.contact>a{display:inline-flex;align-items:center;gap:70px;padding:17px 0;border-bottom:1px solid #fff;font-size:13px;font-weight:700}.contact small{display:block;margin-top:72px;color:rgba(255,255,255,.75);font-size:11px}footer{height:145px;padding:0 48px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:var(--ink);color:#fff}footer p{margin:0;font-size:10px;letter-spacing:.12em}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.logo-footer{font-size:35px}:focus-visible{outline:3px solid #146cff;outline-offset:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Motion follows the editorial reading order and is enabled only after JS loads. */
.motion-ready .site-header{opacity:0;transform:translateY(-18px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.motion-ready .hero-copy .kicker,.motion-ready .hero-copy h1,.motion-ready .hero-description,.motion-ready .circle-link{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}
.motion-ready .hero-visual{clip-path:inset(0 0 100% 0);transition:clip-path 1.15s cubic-bezier(.76,0,.24,1)}
.motion-ready .hero-visual img{transform:scale(1.08);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}
.motion-ready.motion-loaded .site-header,.motion-ready.motion-loaded .hero-copy .kicker,.motion-ready.motion-loaded .hero-copy h1,.motion-ready.motion-loaded .hero-description,.motion-ready.motion-loaded .circle-link{opacity:1;transform:none}
.motion-ready.motion-loaded .hero-copy h1{transition-delay:.12s}.motion-ready.motion-loaded .hero-description{transition-delay:.24s}.motion-ready.motion-loaded .circle-link{transition-delay:.36s}
.motion-ready.motion-loaded .hero-visual{clip-path:inset(0)}.motion-ready.motion-loaded .hero-visual img{transform:scale(1)}
.motion-reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease var(--motion-delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms)}
.motion-reveal.is-visible{opacity:1;transform:none}
.process-steps li.motion-reveal{transform:translateX(34px)}.process-steps li.motion-reveal.is-visible{transform:none}
.product-row.motion-reveal{transform:translateY(24px)}.product-row.motion-reveal.is-visible{transform:none}
@media (prefers-reduced-motion:reduce){.motion-ready .site-header,.motion-ready .hero-copy .kicker,.motion-ready .hero-copy h1,.motion-ready .hero-description,.motion-ready .circle-link,.motion-ready .hero-visual,.motion-ready .hero-visual img,.motion-reveal,.process-steps li.motion-reveal,.product-row.motion-reveal{opacity:1;transform:none;clip-path:none;transition:none!important}}