:root{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");--cream:#e8ecf1;--panel-light:#fbf9f5;--panel-warm:#e4ddcf;--ink:#141414;--mid:#6e6d66;--mono:"IBM Plex Mono",monospace;--sans:"Pretendard Variable",Pretendard,-apple-system,sans-serif;--gap:10px;--side:172px;--r:14px}*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}iframe,img,video{display:block;max-width:100%}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.05em}aside.nav{position:fixed;top:var(--gap);left:var(--gap);bottom:var(--gap);width:var(--side);display:flex;flex-direction:column;gap:var(--gap);z-index:60}.nav-card{flex:1 1;position:relative;border-radius:12px;padding:12px 14px;transition:flex .85s cubic-bezier(.22,1,.36,1);overflow:hidden;min-height:60px}.nav-card.on{flex:2.6 1}.nav-card .num{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}.nav-card .dot{position:absolute;top:14px;right:14px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .3s}.nav-card.on .dot{opacity:1}.nav-card .lbl{position:absolute;bottom:10px;left:14px;font-size:14px;font-weight:600;letter-spacing:-.01em}.c-04{border:1px solid #dce1e8}main.shell{margin-left:calc(var(--side) + var(--gap)*2);padding:var(--gap)}.ticker{position:-webkit-sticky;position:sticky;top:var(--gap);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:999px;padding:9px 18px;margin-bottom:var(--gap);background:#fff;color:var(--ink);border:1px solid transparent;transition:background .45s,color .45s,border-color .45s}.ticker .t-left{font-family:var(--mono);font-size:11px;letter-spacing:.06em}.ticker .t-right{display:flex;align-items:center;gap:14px}.ticker .t-idx{font-family:var(--mono);font-size:11px;letter-spacing:.06em}.ticker.light-border{border-color:#dce1e8}.lang{display:flex;border:1px solid;border-radius:999px;overflow:hidden}.lang a{font-family:var(--mono);font-size:10px;letter-spacing:.05em;padding:4px 10px;opacity:.55}.lang a.on{opacity:1;text-decoration:underline;text-underline-offset:3px}.panel{border-radius:var(--r);padding:clamp(28px,4vw,56px);margin-bottom:var(--gap);position:relative}.p-light{background:#fbfcfd;color:var(--ink)}.c-00{background-color:#bbcde5;background-image:var(--noise),radial-gradient(120% 90% at 85% 8%,#eaf2fc 0,rgba(234,242,252,0) 55%),radial-gradient(110% 95% at 8% 95%,#8fa9ce 0,rgba(143,169,206,0) 60%);background-blend-mode:soft-light,normal,normal}.c-00,.s-00{color:#13243d}.s-00{background-color:#bbcde5}.s-00:before{background-image:radial-gradient(60% 55% at 80% 15%,#ecf3fc 0,rgba(236,243,252,0) 60%),radial-gradient(55% 60% at 12% 88%,#8ca7cd 0,rgba(140,167,205,0) 62%);animation-duration:20s}.s-00 .cue,.s-00 .eyebrow,.s-00 .sub{color:#3d5575!important}.c-01{background-color:#222;background-image:var(--noise),radial-gradient(85% 75% at 88% 92%,hsla(34,52%,66%,.42) 0,hsla(34,52%,66%,0) 55%),radial-gradient(120% 100% at 12% 10%,#141a21 0,rgba(20,26,33,0) 65%);background-blend-mode:overlay,normal,normal}.c-01,.s-01{color:#f5f2ec}.s-01{background-color:#222}.s-01:before{background-image:radial-gradient(50% 45% at 85% 88%,hsla(34,52%,66%,.4) 0,hsla(34,52%,66%,0) 60%),radial-gradient(65% 60% at 14% 12%,#11161c 0,rgba(17,22,28,0) 65%);animation-duration:26s}.s-01:after{mix-blend-mode:overlay}.c-02{background-color:#639fab;background-image:var(--noise),radial-gradient(110% 85% at 82% 10%,#abd4db 0,rgba(171,212,219,0) 55%),radial-gradient(100% 95% at 10% 92%,#3b707e 0,rgba(59,112,126,0) 60%);background-blend-mode:soft-light,normal,normal}.c-02,.s-02{color:#0e282e}.s-02{background-color:#639fab}.s-02:before{background-image:radial-gradient(55% 50% at 80% 12%,#afd7dd 0,rgba(175,215,221,0) 60%),radial-gradient(55% 55% at 12% 88%,#386d7b 0,rgba(56,109,123,0) 62%);animation-duration:22s}.s-02 .approach-grid .item{border-top-color:rgba(14,40,46,.35)}.s-02 .approach-grid p,.s-02 .method-lead{color:#1c3d45}.c-03{background-color:#1c5d99;background-image:var(--noise),radial-gradient(85% 90% at 6% 88%,rgba(212,201,238,.5) 0,rgba(212,201,238,0) 48%),radial-gradient(100% 110% at 50% 40%,#2c6fb4 0,rgba(44,111,180,0) 62%),radial-gradient(120% 120% at 96% 6%,#0d3a66 0,rgba(13,58,102,0) 60%);background-blend-mode:overlay,normal,normal,normal}.c-03,.s-03{color:#f2f6fb}.s-03{background-color:#1c5d99}.s-03:before{background-image:radial-gradient(45% 50% at 8% 85%,rgba(212,201,238,.5) 0,rgba(212,201,238,0) 55%),radial-gradient(60% 65% at 52% 38%,#2c6fb4 0,rgba(44,111,180,0) 62%),radial-gradient(60% 60% at 92% 8%,#0d3a66 0,rgba(13,58,102,0) 60%);animation-duration:28s}.s-03:after{mix-blend-mode:overlay}.s-03 .credit-list .row{border-top-color:rgba(242,246,251,.25)}.s-03 .credit-list .row:last-child{border-bottom-color:rgba(242,246,251,.25)}.s-03 .credit-list .meta{color:#a9c4de}.c-04{background-color:#fff;background-image:var(--noise),radial-gradient(110% 90% at 90% 0,#ebf0f7 0,rgba(235,240,247,0) 55%);background-blend-mode:soft-light,normal}.c-04,.s-04{color:var(--ink)}.s-04{background-color:#fff}.s-04:before{background-image:radial-gradient(55% 50% at 88% 5%,#e9eef6 0,rgba(233,238,246,0) 60%),radial-gradient(50% 50% at 8% 95%,#f0f3f8 0,rgba(240,243,248,0) 60%);animation-duration:24s}.s-04 .foot-note{color:#8a8f98}.panel .sec-num{font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1;letter-spacing:-.02em;opacity:.85}.panel .sec-title{font-size:clamp(64px,11vw,170px);font-weight:650;letter-spacing:-.035em;line-height:1.02;margin-top:clamp(24px,6vw,80px)}.corner{display:flex;justify-content:space-between;gap:24px;font-size:15px;font-weight:500}.corner .right{text-align:right;opacity:.75}.p-intro{min-height:calc(100vh - 70px);display:flex;flex-direction:column}.p-intro .mid{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:48px 0}.p-intro .eyebrow{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:26px;color:var(--mid)}.p-intro h1{font-size:clamp(40px,5.8vw,84px);font-weight:660;letter-spacing:-.03em;line-height:1.12;max-width:18ch}.p-intro .sub{margin-top:26px;font-size:clamp(16px,1.5vw,19px);max-width:54ch}.p-intro .cue,.p-intro .sub{color:var(--mid)}.proj{margin-top:64px}.proj .thumb{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/8}.thumb-inner{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.proj a:hover .thumb-inner{transform:scale(1.02)}.thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph-tag{top:14px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.25);padding:3px 7px;border-radius:2px}.ph-tag,.play{position:absolute;z-index:2}.play{bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid hsla(0,0%,100%,.45);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.85);font-size:11px}.thumb-nothing .thumb-inner{background:#0b0b0b}.thumb-nothing .thumb-inner:before{width:34%;border:1px solid hsla(0,0%,100%,.22);border-radius:50%}.thumb-nothing .thumb-inner:after,.thumb-nothing .thumb-inner:before{content:"";position:absolute;top:50%;left:50%;aspect-ratio:1;transform:translate(-50%,-50%)}.thumb-nothing .thumb-inner:after{width:20%;border:1px solid hsla(0,0%,100%,.4);border-radius:50%}.thumb-bagel .thumb-inner{background:#f1e2cc}.thumb-bagel .thumb-inner:before{content:"";position:absolute;top:50%;left:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border:20px solid #dca86a;border-radius:50%}.thumb-bagel .ph-tag{color:hsla(0,0%,8%,.45);border-color:hsla(0,0%,8%,.2)}.thumb-bagel .play{color:hsla(0,0%,8%,.6);border-color:hsla(0,0%,8%,.3)}.thumb-hush .thumb-inner{background:#181a1d;background-image:repeating-linear-gradient(0deg,transparent,transparent 43px,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 44px),repeating-linear-gradient(90deg,transparent,transparent 43px,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 44px)}.proj .bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2e2e2e;border-radius:10px;padding:20px 24px;margin-top:10px}.proj .bar h3{font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.01em;color:#f5f2ec}.proj a:hover .bar h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.proj .bar .cat{letter-spacing:.06em;color:#8e8c84;flex:1 1;text-align:center}.proj .bar .cat,.proj .bar .code{font-family:var(--mono);font-size:12px}.proj .bar .code{letter-spacing:.08em;color:#f5f2ec}.proj .oneliner{margin-top:12px;font-size:15px;color:#a8a69d;max-width:64ch}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:72px}.approach-grid .item{border-top:1px solid hsla(0,0%,8%,.25);padding-top:18px}.approach-grid .m-num{font-family:var(--mono);font-size:12px;letter-spacing:.1em;opacity:.75}.approach-grid .m-title{font-size:clamp(18px,1.8vw,22px);font-weight:650;letter-spacing:-.01em;margin-top:12px}.approach-grid p{margin-top:14px;font-size:15.5px;color:#55534c}.credit-list{margin-top:72px}.credit-list .row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid hsla(40,31%,94%,.18);padding:22px 0}.credit-list .row:last-child{border-bottom:1px solid hsla(40,31%,94%,.18)}.credit-list .title{font-size:clamp(22px,3.4vw,42px);font-weight:600;letter-spacing:-.02em}.credit-list .meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#8e8c84;white-space:nowrap}.p-contact{min-height:70vh;display:flex;flex-direction:column;justify-content:space-between}.p-contact .statement{font-size:clamp(30px,4.6vw,64px);font-weight:650;letter-spacing:-.025em;line-height:1.18;max-width:22ch;margin-top:56px}.contact-links{margin-top:48px;display:flex;gap:36px;flex-wrap:wrap}.contact-links a{font-family:var(--mono);font-size:13px;letter-spacing:.04em;border-bottom:1px solid;padding-bottom:2px}.foot-note{margin-top:72px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#7b7970}.detail{max-width:1100px;margin:0 auto;padding:32px 0 96px}.detail .back{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--mid)}.detail .back:hover{color:var(--ink)}.detail .video-wrap{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#111;margin-top:24px}.detail .video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.detail .video-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-family:var(--mono);font-size:12px;letter-spacing:.08em}.detail h1{font-size:clamp(28px,4vw,52px);font-weight:650;letter-spacing:-.025em;margin-top:40px}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px;border-top:1px solid #ddd8cc;border-bottom:1px solid #ddd8cc;padding:24px 0;margin-top:32px}.meta-grid .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--mid)}.meta-grid .v{margin-top:6px;font-size:14px;font-weight:500}.detail .overview{margin-top:40px;font-size:clamp(16px,1.5vw,19px);line-height:1.75;max-width:64ch;white-space:pre-line}.detail h2{font-family:var(--mono);font-size:12px;letter-spacing:.1em;font-weight:500;color:var(--mid);margin-top:72px}.process-item{margin-top:28px}.process-item .img{border-radius:10px;overflow:hidden;background:#e5e0d5;aspect-ratio:16/9}.process-item .img img{width:100%;height:100%;object-fit:cover}.process-item .cap{margin-top:12px;font-size:15px;color:#55534c;max-width:64ch}.decision{border-left:2px solid var(--ink);padding:4px 0 4px 20px;margin-top:24px;font-size:16px;line-height:1.75;max-width:62ch;white-space:pre-line}.pdf-wrap{margin-top:24px;border-radius:12px;overflow:hidden;background:#e5e0d5;border:1px solid #ddd8cc;height:min(85vh,1000px)}.pdf-wrap iframe{width:100%;height:100%;border:0;display:block}@media (max-width:880px){.pdf-wrap{height:70vh}}.next-proj{margin-top:96px;border-top:1px solid #ddd8cc;padding-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}.next-proj .label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--mid)}.next-proj a{font-size:clamp(20px,2.6vw,32px);font-weight:600;letter-spacing:-.02em}.next-proj a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.about{max-width:820px;margin:0 auto;padding:48px 0 96px}.about h1{font-size:clamp(28px,3.6vw,44px);font-weight:650;letter-spacing:-.02em}.about .role{margin-top:8px;color:var(--mid);font-size:16px}.about p{margin-top:28px;font-size:clamp(16px,1.5vw,18px);line-height:1.85}@media (max-width:880px){aside.nav{position:-webkit-sticky;position:sticky;top:0;left:0;bottom:auto;width:auto;flex-direction:row;height:auto;padding:8px;gap:8px;background:var(--cream);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-card{flex:none;width:104px;height:58px;min-height:0;padding:8px 10px;border-radius:9px}.nav-card.on{flex:none;width:128px}.nav-card .num{top:8px;left:10px;font-size:10px}.nav-card .lbl{bottom:7px;left:10px;font-size:12px}.nav-card .dot{top:9px;right:10px}main.shell{margin-left:0;padding:8px}.ticker{top:78px}.p-intro{min-height:auto;padding-top:48px;padding-bottom:48px}.p-intro .mid{padding:40px 0}.corner{flex-direction:column;gap:6px}.corner .right{text-align:left}.approach-grid{grid-template-columns:1fr;gap:24px;margin-top:48px}.proj{margin-top:40px}.proj .thumb{aspect-ratio:16/10}.proj .bar{flex-wrap:wrap;padding:16px 18px}.proj .bar .cat{flex:none;text-align:left;width:100%;order:3}.credit-list{margin-top:48px}.panel .sec-title{margin-top:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.method-lead{margin-top:28px;font-size:clamp(16px,1.5vw,19px);max-width:50ch}.bg-lead{margin-top:28px;font-size:clamp(17px,1.8vw,22px);max-width:46ch;line-height:1.6}.toolset{margin-top:56px}.toolset .t-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#a9c4de}.toolset .t-row{display:flex;gap:18px;align-items:baseline;border-top:1px solid rgba(242,246,251,.25);padding:16px 0}.toolset .t-row:last-child{border-bottom:1px solid rgba(242,246,251,.25)}.toolset .t-k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#a9c4de;min-width:48px}.toolset .t-v{font-size:clamp(14px,1.5vw,17px);font-weight:500}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.p-intro .role-line{margin-top:30px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:#3d5575}.d1{transition-delay:.08s}.d2{transition-delay:.18s}.d3{transition-delay:.28s}.s-00,.s-01,.s-02,.s-03,.s-04{isolation:isolate;overflow:hidden}.s-00:before,.s-01:before,.s-02:before,.s-03:before,.s-04:before{content:"";position:absolute;inset:-22%;z-index:-1;pointer-events:none;animation-name:gradient-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;will-change:transform}.s-00:after,.s-01:after,.s-02:after,.s-03:after,.s-04:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);mix-blend-mode:soft-light}@keyframes gradient-drift{0%{transform:translate3d(-2.5%,-1.5%,0) scale(1)}to{transform:translate3d(2.5%,2%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){.s-00:before,.s-01:before,.s-02:before,.s-03:before,.s-04:before{animation:none}}.glow{position:absolute;left:-300px;top:-300px;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .6s ease;background:radial-gradient(circle,hsla(0,0%,100%,.55) 0,hsla(0,0%,100%,0) 60%);mix-blend-mode:soft-light;will-change:transform}.s-01 .glow{background:radial-gradient(circle,hsla(35,54%,67%,.32) 0,hsla(35,54%,67%,0) 60%);mix-blend-mode:screen}.s-03 .glow{background:radial-gradient(circle,rgba(212,201,238,.3) 0,rgba(212,201,238,0) 60%);mix-blend-mode:screen}@media (hover:none){.glow{display:none}}@media (prefers-reduced-motion:reduce){.glow{display:none}}