@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#191a17;--paper:#f4f2ec;--muted:#77786f;--line:#d4d2c9;--lime:#d8fa51;--pink:#ffb5c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}.nav{height:74px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:3}.brand{font-weight:800;font-size:23px;letter-spacing:-2px}.brand span{color:#91aa24}.nav nav{display:flex;gap:34px;font:12px 'DM Mono';text-transform:uppercase}.menu{display:none}.hero{min-height:760px;height:100vh;max-height:1000px;padding:160px 10vw 60px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.12em}.eyebrow span{margin-left:18px;color:var(--muted)}h1{font-size:clamp(48px,7vw,94px);line-height:1.17;letter-spacing:-.075em;margin:32px 0 22px;font-weight:700}em{font-style:normal;color:#687b1b}.lead{max-width:440px;color:#62635b;line-height:1.9;font-size:15px}.cta{display:inline-flex;gap:44px;align-items:center;margin-top:27px;padding:15px 19px;border:1px solid var(--ink);font-size:13px}.cta span{font-size:20px}.hero-art{position:absolute;right:8%;top:15%;width:min(45vw,570px);height:70%;background:#e4e1d7;overflow:hidden}.orb{position:absolute;border-radius:50%}.orb1{width:67%;aspect-ratio:1;background:var(--lime);right:-5%;top:9%;mix-blend-mode:multiply}.orb2{width:56%;aspect-ratio:1;background:#c6c9b8;left:6%;bottom:0;mix-blend-mode:multiply}.stamp{position:absolute;left:36%;top:37%;font:14px/1.5 'DM Mono';letter-spacing:.14em;transform:rotate(-12deg)}.vertical{position:absolute;right:15px;bottom:20px;writing-mode:vertical-rl;font:9px 'DM Mono';letter-spacing:.18em}.hero-foot{position:absolute;bottom:28px;left:10vw;right:10vw;display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--muted)}.section{padding:120px 10vw}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:70px}.section-head h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.07em;line-height:1.3;margin:0}.section-head .eyebrow{margin-top:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.body{font-size:18px;line-height:2;color:#55564f;margin:0}.facts{border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:19px 0;border-bottom:1px solid var(--line)}.facts small{grid-row:span 2;color:var(--muted);font:10px 'DM Mono'}.facts b{font-size:14px}.facts span{font-size:12px;color:var(--muted)}.work{background:#e9e7df}.project{padding:28px 0 25px;border-top:1px solid #c9c7bf;display:grid;grid-template-columns:1fr 1.1fr 1.2fr;gap:35px;align-items:center}.project-no{align-self:start;font:10px 'DM Mono';color:var(--muted)}.project-content h3{font-size:34px;line-height:1.35;letter-spacing:-.06em;margin:15px 0}.project-content p:not(.eyebrow){font-size:13px;line-height:1.8;color:#66675f}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.chips span{border:1px solid #c4c2b9;padding:6px 9px;font-size:10px}.project-visual{height:310px;position:relative;overflow:hidden;padding:26px}.visual-yellow{background:var(--lime)}.visual-pink{background:var(--pink)}.bigtype{font-size:clamp(44px,6vw,82px);font-weight:800;line-height:.88;letter-spacing:-.095em}.circle-label{position:absolute;right:20px;bottom:22px;width:100px;height:100px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;font:9px/1.5 'DM Mono';transform:rotate(12deg)}.subtype{font:10px 'DM Mono';letter-spacing:.12em;margin-top:18px}.rings{position:absolute;width:240px;height:240px;border:1px solid var(--ink);border-radius:50%;right:-30px;bottom:-110px}.rings:before,.rings:after{content:'';position:absolute;inset:20px;border:1px solid var(--ink);border-radius:50%}.rings:after{inset:40px}.project-outcome{grid-column:2/4;display:flex;flex-direction:column;gap:6px;margin-top:-10px}.project-outcome b{font:10px 'DM Mono'}.project-outcome span{font-size:12px}.project-outcome small{color:var(--muted);font-size:10px;line-height:1.5}.approach{background:var(--ink);color:var(--paper)}.approach em{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4a4b45}.steps>div{padding:22px 20px 20px 0;border-right:1px solid #4a4b45}.steps>div+div{padding-left:20px}.steps small{font:11px 'DM Mono';color:var(--lime)}.steps h3{font-size:19px;margin:27px 0 8px}.steps p{font-size:12px;color:#b9bab3;line-height:1.7}.note{font-size:11px;color:#a0a199;margin-top:35px}.closing{text-align:center;padding:130px 6vw;background:var(--lime)}.closing h2{font-size:clamp(32px,5vw,62px);letter-spacing:-.07em;line-height:1.35;margin:30px auto;max-width:850px}.closing>p:last-child{font-size:13px;color:#525740}footer{padding:24px 6vw;display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--muted)}
@media(max-width:760px){.nav{height:62px;padding:0 6vw}.nav nav{display:none;position:absolute;top:61px;left:0;right:0;background:var(--paper);padding:22px 6vw;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.menu{display:block;border:0;background:none;font-size:22px}.hero{height:auto;min-height:820px;padding:130px 8vw 75px;align-items:flex-start}.hero-art{top:auto;right:0;bottom:65px;width:76vw;height:42%;opacity:.88}.hero-copy{z-index:2}h1{font-size:54px}.hero-foot{left:8vw;right:8vw;font-size:8px}.section{padding:80px 8vw}.section-head{display:block;margin-bottom:40px}.section-head h2{margin-top:25px}.profile-grid{grid-template-columns:1fr;gap:35px}.facts div{grid-template-columns:90px 1fr}.project{grid-template-columns:1fr;gap:18px;padding:24px 0}.project-no{order:0}.project-content{order:1}.project-visual{order:2;height:270px}.project-outcome{order:3;grid-column:auto;margin:0}.steps{grid-template-columns:1fr 1fr}.steps>div{border-bottom:1px solid #4a4b45;padding:18px 12px 18px 0}.steps>div+div{padding-left:12px}.steps h3{margin-top:16px}.closing{padding:90px 8vw}footer{padding:20px 6vw;font-size:8px}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}