@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');:root{--ink:#111217;--acid:#dfff00;--paper:#f5f5ef;--muted:#74757b;--line:#d9dad2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(245,245,239,.92);backdrop-filter:blur(12px)}.brand{font-size:.8rem;font-weight:800;line-height:1;letter-spacing:-.07em}nav{display:flex;gap:clamp(18px,3vw,56px)}nav a,.contact{font-family:'DM Mono',monospace;font-size:.68rem;font-weight:500}.contact{border-bottom:1px solid;padding-bottom:4px}.hero{min-height:calc(100svh - 74px);display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden}.hero-copy{padding:clamp(70px,10vw,150px) clamp(25px,7vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.07em;line-height:1.5;margin:0}.hero h1,.story>h2,.principles h2{font-size:clamp(3.8rem,7.6vw,10.2rem);line-height:.91;letter-spacing:-.1em;margin:32px 0 38px;font-weight:800}.hero-lead{font-size:clamp(1rem,1.45vw,1.34rem);font-weight:700;line-height:1.85;margin:0}.scroll-link{margin-top:clamp(50px,8vw,100px);font-family:'DM Mono',monospace;font-size:.68rem;border-bottom:1px solid;padding-bottom:7px}.scroll-link span{margin-left:18px;font-size:1rem}.hero figure{margin:0;position:relative;min-height:520px;background:#d9d6ce}.hero img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 45%;filter:saturate(.85)}.hero figcaption{position:absolute;right:25px;bottom:25px;padding:11px 13px;background:var(--acid);font-family:'DM Mono',monospace;font-size:.62rem;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--acid);padding:28px clamp(20px,5vw,86px);gap:20px}.metrics div{display:flex;align-items:baseline;gap:11px}.metrics strong{font-size:clamp(2rem,4vw,4.3rem);line-height:1;letter-spacing:-.1em}.metrics span{font-size:.72rem;font-weight:700}.story,.cases,.archive{padding:clamp(80px,12vw,170px) clamp(20px,6vw,104px)}.section-kicker{display:flex;justify-content:space-between;gap:35px;align-items:start}.section-kicker>p:last-child{max-width:350px;font-size:.92rem;line-height:1.9;margin:0}.story>h2{margin:48px 0 75px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.stage{background:transparent;border:0;border-right:1px solid var(--line);padding:24px 24px 26px 0;text-align:left;cursor:pointer;color:var(--muted);transition:color .25s,background .25s}.stage+.stage{padding-left:24px}.stage:last-child{border-right:0}.stage b{font-family:'DM Mono',monospace;font-size:.65rem;display:block;margin-bottom:24px}.stage span{font-size:clamp(1.25rem,2.2vw,2.5rem);line-height:1.05;font-weight:800;letter-spacing:-.07em}.stage.active{color:var(--ink);background:linear-gradient(90deg,transparent,var(--acid))}.story-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,8vw,120px);padding:46px 0 0;border-top:1px solid var(--line)}.story-card h3{font-size:clamp(1.8rem,3vw,3.8rem);letter-spacing:-.08em;line-height:1.05;margin:0}.story-card p{font-size:1rem;line-height:1.95;margin:0;max-width:650px}.story-card .story-result{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:700;margin-top:23px;padding-top:18px;border-top:1px solid var(--ink)}.principles{padding:clamp(80px,12vw,170px) clamp(20px,6vw,104px);background:var(--ink);color:white}.principles h2{color:var(--acid);margin-top:28px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #57585e}.principle-grid article{padding:28px 22px 0 0;min-height:220px;border-right:1px solid #57585e}.principle-grid article+article{padding-left:22px}.principle-grid article:last-child{border:0}.principle-grid b{font-family:'DM Mono',monospace;color:var(--acid);font-size:.65rem}.principle-grid h3{font-size:1.7rem;margin:48px 0 13px;letter-spacing:-.07em}.principle-grid p{font-size:.86rem;line-height:1.9;color:#d9d9d4;margin:0}.case-list{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:65px}.case{min-height:370px;position:relative;display:block;overflow:hidden;background:#25262a;color:white}.case.feature{grid-row:span 2;min-height:754px}.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.25,1)}.case:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,15,.86),transparent 68%)}.case>div{position:absolute;z-index:1;bottom:25px;left:25px;right:25px}.case p,.case span{font-family:'DM Mono',monospace;font-size:.62rem;line-height:1.6;margin:0}.case h2{font-size:clamp(1.65rem,3vw,4rem);line-height:1.08;letter-spacing:-.08em;margin:13px 0}.case:hover img{transform:scale(1.045)}.archive{background:#e4e4de}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:55px}.archive figure{margin:0;position:relative;aspect-ratio:1;overflow:hidden;background:#c9cac2}.archive img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.archive figure:hover img{transform:scale(1.05)}.archive figcaption{position:absolute;left:12px;bottom:12px;padding:6px 7px;background:var(--acid);font-family:'DM Mono',monospace;font-size:.56rem}footer{padding:clamp(70px,10vw,150px) clamp(20px,6vw,104px) 28px;background:var(--acid);display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}footer p{font-size:clamp(3.3rem,8vw,10rem);line-height:.88;letter-spacing:-.1em;font-weight:800;margin:0}footer div{display:grid;gap:17px}footer div a{font-weight:800;font-size:clamp(1rem,1.5vw,1.45rem);border-bottom:2px solid;padding-bottom:7px}footer small{font-family:'DM Mono',monospace;font-size:.58rem;grid-column:1/-1;margin-top:40px}@media(max-width:760px){header{height:64px}nav{display:none}.contact{font-size:.59rem}.hero{grid-template-columns:1fr}.hero-copy{min-height:65svh;padding:70px 22px 52px}.hero h1{font-size:clamp(3.8rem,16vw,6rem);margin:28px 0}.hero figure{min-height:62vw}.metrics{grid-template-columns:repeat(2,1fr);gap:24px 15px}.metrics div{display:block}.metrics span{display:block;margin-top:5px}.section-kicker{display:block}.section-kicker>p:last-child{margin-top:22px}.story>h2{font-size:clamp(3.5rem,15vw,5.6rem);margin:34px 0 48px}.timeline{display:block;border-top:0}.stage{width:100%;display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);border-right:0;padding:16px 0!important}.stage b{margin:0}.stage span{font-size:1.45rem}.story-card{display:block;padding-top:30px}.story-card p{margin-top:22px}.principles h2{font-size:clamp(3.3rem,14vw,5.4rem)}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article{min-height:190px;padding:20px 14px 0 0}.principle-grid article+article{padding-left:14px}.principle-grid article:nth-child(2){border-right:0}.principle-grid article:nth-child(n+3){border-top:1px solid #57585e}.principle-grid h3{margin:36px 0 10px}.case-list{display:block;margin-top:42px}.case,.case.feature{min-height:79vw;margin-bottom:10px}.case.feature{min-height:110vw}.archive-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:37px}footer{display:block}footer div{margin-top:38px}footer small{display:block;margin-top:55px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.stage{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;padding:25px 24px 18px!important;background:transparent!important;color:var(--muted)!important;transition:transform .3s cubic-bezier(.2,.75,.25,1),background .3s,color .3s,box-shadow .3s}.stage+.stage{padding-left:24px!important}.stage b{margin:0!important}.stage span{align-self:end}.stage:hover{transform:translateY(-8px)}.stage.active{background:var(--acid)!important;color:var(--ink)!important;box-shadow:inset 0 -5px 0 var(--ink)}.stage:after{content:'SELECTED';position:absolute;right:16px;bottom:16px;font-family:'DM Mono',monospace;font-size:.53rem;letter-spacing:.06em;opacity:0;transition:opacity .2s}.stage.active:after{opacity:1}@keyframes storyIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.story-card.is-changing{animation:storyIn .38s cubic-bezier(.2,.75,.25,1)}@media(max-width:760px){.stage:hover{transform:none}.stage:nth-child(1),.stage:nth-child(2),.stage:nth-child(3){padding:18px 14px!important}.stage.active{box-shadow:inset 5px 0 0 var(--ink)}}
.story>h2{line-height:1.08;letter-spacing:-.065em;word-spacing:.18em}
.no-break{white-space:nowrap}@media(max-width:760px){.no-break{white-space:normal}}
.principles h2{line-height:1.08;letter-spacing:-.065em;word-spacing:.18em}.principle-intro{max-width:510px;margin:0 0 46px;color:#d9d9d4;font-size:.95rem;line-height:1.9}.principle-grid article{min-height:270px;display:flex;flex-direction:column}.principle-grid article p{margin-top:auto}.principle-grid h3{font-size:clamp(1.32rem,1.8vw,1.7rem);line-height:1.25}@media(max-width:760px){.principle-grid article{min-height:244px}.principle-intro{margin-bottom:34px}.principles h2{line-height:1.12;letter-spacing:-.045em;word-spacing:.14em}}
.story-card{margin-top:0;padding:0;background:transparent;border:0}.story-panel{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,76px);align-items:start;padding:clamp(26px,3vw,48px) 0}.story-copy{padding:10px 0}.panel-index{margin:0 0 25px;font:700 .73rem/1 'DM Mono',monospace;letter-spacing:.08em}.story-copy h3{margin:0 0 28px;font-size:clamp(2.1rem,3.4vw,4.5rem);line-height:1.01;letter-spacing:-.075em}.story-copy>p:not(.panel-index):not(.story-result){max-width:34rem;line-height:1.85}.story-result{margin-top:32px;padding-top:15px;border-top:1px solid currentColor;font:700 .75rem/1.4 'DM Mono',monospace;letter-spacing:.06em}.story-media{min-width:0}.story-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#15151b}.story-media>p{margin:12px 0 0;font-size:.78rem;line-height:1.5;color:var(--muted)}.monster-media{background:#15151b;padding:12px}.carousel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.carousel-head>p{margin:0;font:700 .7rem/1 'DM Mono',monospace;letter-spacing:.08em}.carousel-head>div{display:flex;gap:6px}.carousel-button{width:36px;height:36px;padding:0;border:1px solid #16161d;border-radius:50%;background:transparent;color:#16161d;font-size:1rem;cursor:pointer}.carousel-button:hover,.carousel-button:focus-visible{background:#16161d;color:#fff}.wadiz-track{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 2px 12px;scrollbar-width:thin}.wadiz-slide{display:flex;flex:0 0 min(300px,72%);flex-direction:column;scroll-snap-align:start;color:inherit;text-decoration:none}.wadiz-slide img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover;background:#e1e1df}.wadiz-slide span{margin-top:12px;font:700 .64rem/1.2 'DM Mono',monospace;letter-spacing:.06em;color:var(--muted)}.wadiz-slide strong{margin-top:5px;font-size:1.05rem;line-height:1.35}.wadiz-slide i{margin-top:10px;font:700 .63rem/1 'DM Mono',monospace;letter-spacing:.06em;font-style:normal}.wadiz-slide:hover img,.wadiz-slide:focus-visible img{outline:3px solid var(--acid);outline-offset:3px}.carousel-note{margin-top:0!important}.roof-media{padding:12px;background:#30313b}.roof-placeholder{display:grid;min-height:360px;place-items:center;align-content:center;background:linear-gradient(135deg,#f3f1e9 0 49%,#dedbd4 49% 50%,#f3f1e9 50%);text-align:center;color:#18181f}.roof-placeholder span{font-size:clamp(2.3rem,4vw,5.5rem);font-weight:800;line-height:.84;letter-spacing:-.08em}.roof-placeholder p{margin:28px 0 0;font-size:.88rem;line-height:1.7}.roof-media>p{color:#f4f2ea}.story-card.is-changing .story-panel{animation:storyPanelIn .4s ease both}@keyframes storyPanelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.story-panel{grid-template-columns:1fr;padding:26px 0}.story-copy h3{font-size:clamp(2.45rem,12vw,4.3rem)}.story-copy>p:not(.panel-index):not(.story-result){font-size:.98rem}.wadiz-slide{flex-basis:80%}.roof-placeholder{min-height:280px}}
.principle-grid article p{min-height:8.55em;margin-top:auto}@media(max-width:760px){.principle-grid article p{min-height:10.45em}}
.wadiz-media,.roof-media{width:min(100%,1250px)!important}.wadiz-track{gap:22px}.wadiz-slide{flex:0 0 min(486px,38.5%)}.roof-placeholder{min-height:700px}@media(max-width:760px){.wadiz-slide{flex-basis:82%}.roof-placeholder{min-height:420px}}
.roof-track{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 2px 14px;scrollbar-width:thin}.roof-slide{flex:0 0 min(760px,62%);margin:0;scroll-snap-align:start;background:#d8d6cf}.roof-slide img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}@media(max-width:760px){.roof-slide{flex-basis:88%}}
.story{padding-top:72px}.story>h2{margin:72px 0 70px}.timeline{height:145px}.stage{height:145px;padding:25px 24px 22px 0}.stage+.stage{padding-left:24px}.stage b{margin-bottom:22px}.story-card{display:block;padding-top:94px}.story-panel{grid-template-columns:minmax(0,1fr) minmax(360px,1.15fr);column-gap:clamp(50px,10vw,160px);row-gap:88px;padding:0}.story-panel .story-media{grid-column:1/-1;grid-row:1;width:min(100%,1030px);justify-self:center}.story-panel .story-copy{display:contents}.story-panel .panel-index{display:none}.story-panel .story-copy h3{grid-column:1;grid-row:2;margin:0;font-size:clamp(2.2rem,3.1vw,4rem);line-height:1.03}.story-panel .story-copy>p:not(.panel-index):not(.story-result){grid-column:2;grid-row:2;margin:0;max-width:42rem;font-size:1rem;line-height:1.95}.story-panel .story-copy .story-result{grid-column:2;grid-row:3;margin:0;padding-top:18px}.monster-media{padding:0;background:transparent}.monster-media iframe{aspect-ratio:16/9}.story-media>p{font-size:.76rem}.wadiz-media{width:min(100%,1120px)!important}.roof-media{width:min(100%,1030px)!important}.roof-placeholder{min-height:580px}p,h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}@media(max-width:760px){.story{padding-top:64px}.story>h2{margin:42px 0}.timeline{height:auto}.stage{height:auto}.story-card{padding-top:54px}.story-panel{display:flex;flex-direction:column;gap:34px}.story-panel .story-media{order:1;width:100%}.story-panel .story-copy{display:block;order:2}.story-panel .story-copy h3{margin:0 0 24px}.story-panel .story-copy>p:not(.panel-index):not(.story-result){margin:0}.story-panel .story-copy .story-result{margin-top:28px}.roof-placeholder{min-height:280px}}