:root{--blue:#3182f6;--ink:#191f28;--body:#4e5968;--muted:#8b95a1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Malgun Gothic,sans-serif;color:var(--ink);word-break:keep-all;letter-spacing:-.035em;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;background:#fff;padding:12px;z-index:100}.skip:focus{top:0}.header{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 40px;background:#fffffff5;position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.brand{display:flex;gap:9px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{background:var(--blue);color:#fff;font-size:28px;line-height:34px;width:35px;height:35px;border-radius:12px;text-align:center}.brand-light{font-weight:700}.brand small{display:none}.main-nav{display:flex;gap:28px;align-items:center;color:#4e5968;font-size:15px}.main-nav a:hover{color:var(--blue)}.main-nav sup{display:none}.nav-contact{padding:9px 17px;background:#f2f4f6;border-radius:10px}.hero{padding:80px 24px 0}.hero-main{text-align:center}.kicker{font-size:18px;font-weight:700;color:var(--blue);margin:0 0 22px}.hero h1{font-size:clamp(43px,5.8vw,76px);font-weight:800;letter-spacing:-.065em;line-height:1.28;margin:0}.hero-text{font-size:21px;color:#6b7684;line-height:1.8;margin:30px 0}.button{display:inline-flex;gap:28px;align-items:center;font-size:17px;font-weight:600;border-radius:16px;padding:17px 24px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1b64da}.hero-showcase{max-width:1320px;margin:65px auto 0;padding:70px 65px;min-height:440px;background:#eaf2ff;border-radius:36px;display:grid;grid-template-columns:.85fr 1.3fr;gap:45px;align-items:center;overflow:hidden}.showcase-copy>span{font-weight:600;color:#6b8db9}.showcase-copy h2{font-size:39px;line-height:1.45;margin:20px 0 28px;letter-spacing:-.055em}.showcase-copy a{font-weight:700;color:#2272eb}.showcase-screen{padding:12px;background:#fff;border-radius:20px;box-shadow:0 24px 65px #3375c523;transform:rotate(-3deg)}.screen-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 5px 9px}.screen-bar i{width:7px;height:7px;background:#d1d6db;border-radius:50%}.screen-bar span{margin-left:10px;color:#8b95a1;font-size:10px}.showcase-screen img{border-radius:8px;width:100%}.screen-bottom{display:flex;gap:8px;padding:14px 3px 4px}.screen-bottom span{font-size:11px;padding:4px 12px;border-radius:6px;color:#3182f6;background:#f2f6ff}.work-section,.film-section,.experience-section{max-width:1160px;margin:auto;padding:130px 40px}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:55px}h2{font-size:46px;line-height:1.45;letter-spacing:-.055em;margin:0;font-weight:800}.section-title h2 span{color:#6b7684}.section-title>p{color:#8b95a1;font-size:17px;margin:0 0 8px;line-height:1.8}.work-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:none;border-radius:24px;background:#f2f4f6;color:#6b7684;padding:10px 18px;font-size:14px;font-weight:600}.filters button.selected{background:#e8f3ff;color:#1b64da}.filters span{margin-left:7px}.mono{font-size:11px;color:#8b95a1;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 32px}.project-card{min-width:0}.project-image{position:relative;background:#f2f4f6;border-radius:25px;overflow:hidden;aspect-ratio:1.48}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.project-card:hover .project-image img{transform:scale(1.04)}.image-label{display:none}.project-meta{display:flex;justify-content:space-between;color:#8b95a1;font-size:11px;letter-spacing:.045em;margin-top:25px}.project-card h3{font-size:25px;font-weight:700;margin:8px 0}.project-card>p{font-size:16px;line-height:1.8;margin:0;color:#6b7684}.card-footer{display:flex;align-items:center;gap:6px;margin-top:18px;font-size:11px;color:#8b95a1;flex-wrap:wrap}.card-footer span{padding:4px 8px;background:#f2f4f6;border-radius:6px}.card-footer b{margin-left:auto;color:var(--blue);font-size:13px}.card-footer b:after{content:" →"}.work-note{margin-top:70px;padding:25px;text-align:center;background:#f9fafb;border-radius:20px;color:#8b95a1;font-size:14px}.work-note>span{display:none}.work-note p{margin:0}.mobile-break{display:none}.film-section{max-width:none;background:#f9fafb}.film-section>.section-title,.film-grid{max-width:1080px;margin-left:auto;margin-right:auto}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.film-card{background:#fff;border-radius:25px;overflow:hidden}.video-player{aspect-ratio:16/9;background:#191f28;overflow:hidden;border-radius:24px;width:100%}.video-player button{width:100%;height:100%;padding:0;border:0;display:block;position:relative;color:#fff;background:#191f28}.video-player img{width:100%;height:100%;object-fit:cover;opacity:.8}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3182f6ed;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;padding-left:4px;font-size:23px;box-shadow:0 6px 30px #0003}.play-label{position:absolute;bottom:20px;left:0;right:0;font-size:13px;text-shadow:0 1px 5px #000}.video-player iframe{width:100%;height:100%;border:0}.film-card .video-player{border-radius:0}.film-info{padding:28px 30px 35px}.film-info>span{color:#8b95a1;font-size:13px}.film-info h3{font-size:22px;margin:12px 0}.film-info p{color:#6b7684;font-size:15px}.film-info a{color:var(--blue);font-size:14px;font-weight:700}.about-section{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding:140px 40px}.profile{width:150px;height:150px;object-fit:cover;background:#f2f4f6;border-radius:35px;margin-bottom:35px}.about-head h2{font-size:35px}.about-head .kicker{font-size:16px}.about-body{padding-top:10px}.about-body>p{font-size:16px;line-height:1.95;color:#6b7684;margin-bottom:24px}.about-body .large-copy{font-size:23px;color:#333d4b;line-height:1.7;margin-top:0}.capabilities{display:grid;gap:28px;margin-top:45px}.capabilities>div{padding:25px;background:#f9fafb;border-radius:20px}.capabilities>div>span{float:left;color:#3182f6;background:#e8f3ff;border-radius:10px;padding:7px 11px;margin-right:14px;font-size:13px}.capabilities h3{font-size:19px;margin:3px 0 14px}.capabilities p{color:#6b7684;font-size:15px;line-height:1.8}.capabilities small{color:#8b95a1;font-size:12px}.experience-section{padding-top:40px}.compact h2{font-size:38px}.timeline article{display:grid;grid-template-columns:220px 1fr 150px;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid #f2f4f6}.timeline time{font-size:14px;color:#8b95a1}.timeline h3{font-size:20px;font-weight:600;margin:0}.timeline article>span{font-size:14px;color:#6b7684;text-align:right}.contact-section{background:#e8f3ff;text-align:center;padding:110px 30px}.contact-section h2{font-size:46px}.contact-section p:not(.kicker){color:#6b7684;font-size:17px;line-height:1.8}.contact-links{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:35px}.contact-links>.mono{display:none}.email{color:#3182f6;font-size:29px;font-weight:700}.secondary-email{color:#8b95a1;font-size:14px}.contact-links button{background:#3182f6;color:#fff;border:0;border-radius:13px;padding:13px 20px;margin-top:10px}#copy-status{font-size:13px;color:#4e5968;min-height:20px}footer{display:flex;justify-content:space-between;gap:20px;max-width:1160px;margin:auto;padding:45px 40px;color:#8b95a1;font-size:12px}footer>a:first-child{font-weight:700;color:#6b7684}footer span{margin-left:8px}.case{max-width:1160px;padding:40px 40px 0;margin:auto}.case-breadcrumb{display:flex;gap:15px;font-size:13px;color:#8b95a1}.case-breadcrumb a{color:#3182f6}.case-heading{text-align:center;padding:70px 0 45px}.case-heading h1{font-size:56px;line-height:1.35;white-space:pre-line;margin:0;letter-spacing:-.06em;font-weight:800}.case-heading .lead{max-width:760px;margin:25px auto 0;font-size:19px;color:#6b7684;line-height:1.8}.case-heading .kicker{font-size:13px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:#f9fafb;border-radius:24px;padding:28px;margin:0 0 40px}.case-facts dt{font-size:10px;color:#8b95a1;letter-spacing:.07em}.case-facts dd{margin:10px 0 0;font-size:14px;color:#4e5968;line-height:1.7}.case-cover{width:100%;max-height:620px;object-fit:contain;background:#f2f4f6;border-radius:28px}.case-layout{display:grid;grid-template-columns:185px 1fr;gap:65px;margin-top:75px}.case-index{position:sticky;top:110px;height:fit-content;font-size:13px}.case-index p{font-size:10px;color:#8b95a1;margin:0 0 20px}.case-index a{display:flex;gap:12px;padding:11px;color:#8b95a1;border-radius:10px}.case-index a.current{background:#e8f3ff;color:#3182f6;font-weight:600}.case-index a span{font-size:11px}.case-index .back-link{margin-top:20px;color:#3182f6}.case-summary{padding:27px 30px;background:#e8f3ff;border-radius:20px}.case-summary span{font-size:11px;color:#3182f6;letter-spacing:.1em}.case-summary p{font-size:21px;font-weight:600;margin:10px 0 0}.case-step{padding:65px 0;border-bottom:1px solid #f2f4f6;scroll-margin-top:95px}.step-label{font-size:15px;font-weight:600;color:#3182f6;margin-bottom:22px}.step-label span{margin-right:12px;display:inline-block;border-radius:12px;padding:7px 12px;background:#e8f3ff}.case-step h2{font-size:31px;line-height:1.55;margin:0 0 25px}.case-step p{font-size:17px;color:#6b7684;line-height:1.95;margin:16px 0}.case-step ul{background:#f9fafb;border-radius:20px;padding:24px 25px 24px 43px;font-size:15px;color:#4e5968;line-height:1.95;margin-top:28px}.case-step li+li{margin-top:9px}.gallery-title{padding-top:70px}.gallery-title h2{font-size:32px}.gallery-title p:last-child{font-size:14px;color:#8b95a1}.gallery-title .kicker{font-size:12px}.gallery figure{margin:35px 0 50px}.zoom-image{border:0;padding:12px;background:#f2f4f6;border-radius:20px;width:100%;overflow:hidden}.zoom-image img{width:100%;max-height:600px;object-fit:contain}.gallery figcaption{display:flex;justify-content:space-between;gap:20px;color:#8b95a1;font-size:12px;margin-top:12px}.case-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:80px;padding:45px 35px;border-radius:25px;background:#f9fafb}.case-next small{font-size:11px;color:#8b95a1}.case-next h3{font-size:27px;margin:10px 0 0}.case-next>a:last-child{font-size:13px;color:#3182f6}dialog{width:min(1200px,95vw);max-height:94vh;border:0;border-radius:20px;padding:20px;background:#fff;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#101827b8}dialog img{width:100%;max-height:77vh;object-fit:contain}dialog button{display:block;margin:0 0 15px auto;border:0;background:#f2f4f6;border-radius:10px;padding:9px 15px}dialog p{font-size:14px;color:#6b7684;margin:14px 0 0}@media(min-width:1100px){.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;column-gap:50px;align-content:center}.project-card:first-child .project-image{grid-row:1/5;aspect-ratio:1.6;padding:24px;background:#edf4ff}.project-card:first-child .project-meta{align-self:end;margin-top:35px}.project-card:first-child h3{font-size:33px;margin-top:14px}.project-card:first-child .card-footer{align-self:start;margin-bottom:35px}}@media(max-width:800px){.header{padding:0 22px;height:70px}.brand{font-size:20px}.main-nav{gap:16px;font-size:13px}.main-nav a[href="#experience"]{display:none}.hero{padding-top:55px}.hero h1{font-size:52px}.hero-text{font-size:17px}.hero-showcase{padding:40px 30px;gap:35px;grid-template-columns:1fr}.showcase-copy{text-align:center}.showcase-copy h2{font-size:30px}.showcase-screen{max-width:600px}.work-section,.film-section,.experience-section{padding:85px 25px}.section-title{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:35px}h2{font-size:36px}.section-title>p{font-size:15px}.project-grid{gap:42px 22px}.project-card h3{font-size:21px}.project-card>p{font-size:14px}.project-meta>span:last-child{display:none}.project-meta{font-size:9px}.card-footer b{width:100%;margin-top:6px}.work-toolbar>.mono{display:none}.filters{gap:6px}.filters button{font-size:12px;padding:9px 13px}.about-section{grid-template-columns:1fr;padding:85px 25px;gap:40px}.profile{float:right;width:115px;height:115px;margin-left:20px}.about-body{padding:0}.timeline article{grid-template-columns:150px 1fr 100px;gap:15px}.timeline h3{font-size:16px}.timeline time,.timeline article>span{font-size:12px}.film-info{padding:22px}.film-info h3{font-size:19px}.case{padding:30px 25px 0}.case-heading h1{font-size:44px}.case-heading .lead{font-size:17px}.case-facts{grid-template-columns:1fr 1fr}.case-layout{display:block;margin-top:35px}.case-index{display:flex;position:sticky;top:70px;overflow-x:auto;white-space:nowrap;background:#fff;z-index:8;padding:10px 0;border-bottom:1px solid #f2f4f6}.case-index p,.case-index .back-link{display:none}.case-index a{flex-shrink:0;font-size:12px}.case-index a span{display:none}.case-summary{margin-top:35px}.case-step{scroll-margin-top:150px}.case-step h2{font-size:28px}.contact-section h2{font-size:37px}}@media(max-width:540px){.header{padding:0 18px}.brand{font-size:18px;gap:6px}.brand-mark{width:29px;height:29px;line-height:28px;font-size:24px;border-radius:10px}.main-nav{gap:14px;font-size:12px}.main-nav .nav-contact{display:none}.hero{padding:55px 16px 0}.hero h1{font-size:40px}.hero-text{font-size:15px;margin:25px 0}.kicker{font-size:15px}.button{font-size:14px;padding:14px 20px;border-radius:12px}.hero-showcase{margin-top:45px;border-radius:26px;padding:35px 21px}.showcase-copy>span{font-size:13px}.showcase-copy h2{font-size:27px;margin:15px 0 20px}.showcase-copy a{font-size:13px}.screen-bar span{font-size:8px}.screen-bottom span{font-size:9px}.work-section,.film-section,.experience-section{padding:75px 22px}h2{font-size:31px}.project-grid,.film-grid{grid-template-columns:1fr;gap:40px}.project-image{border-radius:21px}.project-card h3{font-size:24px}.project-meta{font-size:10px;margin-top:20px}.project-card>p{font-size:15px}.card-footer b{width:auto;margin-top:0}.work-note{font-size:12px;padding:20px;margin-top:45px}.mobile-break{display:block}.about-section{padding:75px 22px}.about-head h2{font-size:27px}.profile{width:87px;height:87px;border-radius:24px}.about-head .kicker{font-size:12px}.about-body .large-copy{font-size:21px}.timeline article{grid-template-columns:1fr auto;gap:7px}.timeline time{grid-column:1/-1;font-size:12px}.timeline h3{font-size:16px}.contact-section{padding:75px 22px}.contact-section h2{font-size:31px}.contact-section p:not(.kicker){font-size:15px}.email{font-size:25px}footer{padding:35px 22px;font-size:10px}footer>span{display:none}.case{padding:22px 20px 0}.case-breadcrumb{font-size:11px}.case-heading{padding:48px 0 30px}.case-heading h1{font-size:33px}.case-heading .lead{font-size:15px}.case-heading .kicker{font-size:10px}.case-facts{padding:20px;gap:20px}.case-facts dd{font-size:12px}.case-cover,.video-player{border-radius:18px}.case-step{padding:45px 0}.case-step h2{font-size:25px}.case-step p{font-size:16px}.case-step ul{font-size:14px;padding:20px 22px 20px 37px}.case-summary p{font-size:18px}.gallery-title h2{font-size:27px}.gallery figcaption{font-size:11px}.case-next{padding:28px 20px}.case-next h3{font-size:21px}.case-next>a:last-child{font-size:11px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/PretendardVariable.woff2) format("woff2")}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}.hero h1{letter-spacing:-.045em}.case-step p,.about-body>p{letter-spacing:-.01em;line-height:1.95}.avatar-logo{width:43px;height:43px;overflow:hidden;display:block;border-radius:15px;background:#e8f3ff}.avatar-logo img{width:70px;max-width:none;transform:translate(-8px,-1px)}.hero-intro{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px}.hero-main{text-align:left}.hero h1{font-size:clamp(42px,5.3vw,68px)}.avatar-stage{height:440px;position:relative;isolation:isolate;perspective:1000px}.avatar-halo{position:absolute;inset:36px 0 14px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f0f8ff,#d7e9ff 65%,#c7ddff);z-index:-2}.hero-avatar{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px #4277b324);transform-origin:50% 75%;animation:avatar-float 6s ease-in-out infinite;z-index:1}.avatar-shadow{position:absolute;bottom:0;left:20%;width:60%;height:30px;background:#4c78b82b;filter:blur(14px);border-radius:50%;animation:shadow-float 6s ease-in-out infinite;z-index:-1}.avatar-bubble{position:absolute;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 35px #4268961c;z-index:3;font-size:15px;font-weight:650;color:#3182f6;animation:bubble-float 7s ease-in-out infinite}.bubble-one{top:36px;left:-5px;transform:rotate(-8deg)}.bubble-two{right:-12px;bottom:56px;animation-delay:-3s}.profile{object-fit:contain;background:linear-gradient(145deg,#f1f7ff,#dceaff);border-radius:32px}.hero-showcase{margin-top:70px}@keyframes avatar-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes shadow-float{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(.85);opacity:.4}}@keyframes bubble-float{0%,to{translate:0 0}50%{translate:0 -8px}}@media(max-width:800px){.hero-intro{gap:16px}.hero h1{font-size:43px}.avatar-stage{height:340px}.hero-text{font-size:16px}.avatar-bubble{font-size:12px;padding:10px 13px}.bubble-two{right:0}}@media(max-width:600px){.hero-intro{grid-template-columns:1fr;gap:30px}.hero-main{text-align:center}.hero h1{font-size:42px}.avatar-stage{height:320px;width:310px;max-width:100%;margin:auto}.hero-showcase{margin-top:38px}.avatar-logo{width:34px;height:34px;border-radius:12px}.avatar-logo img{width:57px;transform:translate(-7px,-1px)}.bubble-one{top:25px;left:-4px}.bubble-two{bottom:40px;right:-5px}}@media(prefers-reduced-motion:reduce){.hero-avatar,.avatar-shadow,.avatar-bubble{animation:none}}.scroll-story{height:250svh;position:relative;margin:0 16px}.story-sticky{position:sticky;top:80px;height:calc(100svh - 96px);min-height:540px;border-radius:36px;overflow:hidden;isolation:isolate;background:#e9f3ff;--p:0}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff45 1px,transparent 1px),linear-gradient(90deg,#ffffff45 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#0005)}.story-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.orb-one{width:65vw;height:65vw;right:-15%;top:-40%;background:radial-gradient(circle,#a7ccff,#c3dcff00 70%)}.orb-two{width:65vw;height:65vw;left:-30%;bottom:-65%;background:radial-gradient(circle,#bcc8ff,#dfeaff00 70%)}.story-copy{position:absolute;left:7%;top:24%;z-index:3;transform:translateY(calc(var(--p)*-110px));opacity:clamp(0,calc(1 - var(--p)*3),1);pointer-events:none}.story-copy .kicker{font-size:16px;letter-spacing:.13em}.story-copy h1{font-size:clamp(48px,6.8vw,100px);letter-spacing:-.06em;line-height:1.15;margin:22px 0;color:#15304f}.story-copy>p:last-child{font-size:21px;color:#59738f;margin-top:28px}.story-avatar{position:absolute;right:-9%;bottom:-27%;height:130%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(-15px 25px 24px #3f669f22);transform-origin:55% 60%;transform:translate(calc(var(--p)*-36vw),calc(var(--p)*-4vh)) scale(calc(1 - var(--p)*.33)) rotate(calc(var(--p)*-9deg));will-change:transform;z-index:2}.story-second{position:absolute;right:6%;top:30%;z-index:4;opacity:clamp(0,calc((var(--p) - .4)*3),1);transform:translateY(calc((1 - var(--p))*80px));visibility:hidden}.story-sticky.story-revealed .story-second{visibility:visible}.story-second>span{font-size:18px;color:#3182f6;font-weight:700}.story-second h2{font-size:clamp(36px,4.7vw,68px);letter-spacing:-.055em;line-height:1.3;margin:20px 0 32px}.story-tag{position:absolute;z-index:3;backdrop-filter:blur(15px);background:#ffffffbd;border:1px solid #fff;border-radius:20px;padding:15px 23px;box-shadow:0 12px 40px #5884be15;font-size:17px;color:#3978ca;font-weight:650;opacity:clamp(0,calc(1 - var(--p)*2),1)}.tag-one{right:42%;top:14%;transform:translateY(calc(var(--p)*-160px)) rotate(-10deg)}.tag-two{right:4%;top:20%;transform:translateY(calc(var(--p)*70px)) rotate(9deg)}.tag-three{right:38%;bottom:12%;transform:translateY(calc(var(--p)*120px)) rotate(-5deg)}.scroll-cue{position:absolute;bottom:38px;left:7%;font-size:13px;color:#59738f;z-index:4;opacity:clamp(0,calc(1 - var(--p)*4),1)}.scroll-cue span{display:inline-block;margin-left:16px;animation:cue-down 1.8s ease-in-out infinite}.story-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#3182f60f}.story-progress i{display:block;height:100%;width:calc(var(--p)*100%);background:#3182f6}.story-static{height:auto}.story-static .story-sticky{position:relative}.story-static .story-copy{pointer-events:auto}@keyframes cue-down{50%{transform:translateY(7px)}}@media(max-width:800px){.story-sticky{top:70px;height:calc(100svh - 82px);min-height:540px;border-radius:26px}.scroll-story{margin:0 10px}.story-copy{top:12%;left:7%}.story-copy h1{font-size:58px}.story-avatar{height:105%;right:-32%;bottom:-25%;transform:translate(calc(var(--p)*-43vw),calc(var(--p)*12vh)) scale(calc(1 - var(--p)*.35)) rotate(calc(var(--p)*-8deg))}.story-second{top:12%;right:7%}.story-second h2{font-size:42px}.tag-one{top:47%;right:64%}.tag-two{top:43%}.tag-three{bottom:10%;right:57%}}@media(max-width:540px){.scroll-story{height:220svh}.story-sticky{min-height:540px}.story-copy{top:7%;left:7%}.story-copy .kicker{font-size:12px;margin-bottom:14px}.story-copy h1{font-size:44px;margin:14px 0}.story-copy>p:last-child{font-size:15px;margin-top:15px}.story-avatar{height:90%;right:-48%;bottom:-19%;transform:translate(calc(var(--p)*-42vw),calc(var(--p)*9vh)) scale(calc(1 - var(--p)*.23)) rotate(calc(var(--p)*-8deg))}.story-tag{font-size:12px;padding:10px 16px;border-radius:14px}.tag-one{top:44%;right:65%}.tag-two{top:44%;right:5%}.tag-three{bottom:18%;right:62%}.story-second{top:9%;left:7%;right:auto}.story-second>span{font-size:14px}.story-second h2{font-size:35px;margin:15px 0 22px}.story-second .button{font-size:13px;padding:12px 17px}.scroll-cue{bottom:25px;font-size:11px}.story-static{height:auto}}@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative}.story-avatar{will-change:auto}.scroll-cue span{animation:none}}.story-skip{position:absolute;top:26px;right:32px;z-index:6;padding:10px 16px;border:1px solid #ffffffa6;border-radius:30px;background:#ffffff80;backdrop-filter:blur(16px);font-size:13px;color:#305d91;font-weight:600}.story-skip:hover{background:#fff}.orb-one{transform:translate(calc(var(--p)*-12vw),calc(var(--p)*25vh))}.orb-two{transform:translate(calc(var(--p)*30vw),calc(var(--p)*-20vh))}.story-second .button{box-shadow:0 12px 35px #3182f62b}.story-avatar{user-select:none;pointer-events:none}.story-grid{transform:translateY(calc(var(--p)*-25px))}.story-copy,.story-second{will-change:transform,opacity}@media(max-width:540px){.story-skip{top:auto;bottom:19px;right:16px;font-size:10px;padding:7px 10px}.story-copy,.story-second{max-width:86%}.story-copy h1{font-size:clamp(35px,10.5vw,44px)}.story-second h2{font-size:clamp(29px,8.5vw,35px)}}@media(prefers-reduced-motion:reduce){.story-copy,.story-second{will-change:auto}.scroll-cue{display:none}}.avatar-rest{opacity:clamp(0,calc(1 - (var(--p) - .25)*5),1)}.avatar-wave{opacity:clamp(0,calc((var(--p) - .25)*5),1)}.wave-hello{position:absolute;top:18%;left:14%;z-index:5;padding:14px 23px;border-radius:22px 22px 22px 5px;background:#fff;box-shadow:0 12px 40px #4575b522;color:#2476e5;font-size:19px;font-weight:700;opacity:clamp(0,calc((var(--p) - .5)*4),1);transform:translateY(calc((1 - var(--p))*35px)) rotate(-6deg);pointer-events:none}@media(max-width:800px){.wave-hello{top:auto;bottom:26%;left:8%;font-size:15px;padding:11px 17px}}@media(max-width:540px){.wave-hello{bottom:32%;left:7%;font-size:13px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{display:none}.header{max-width:none;padding-left:max(32px,calc((100vw - 1160px)/2));padding-right:max(32px,calc((100vw - 1160px)/2));border-bottom:1px solid #f2f4f6}.main-nav a[aria-current]{color:#3182f6}.intro-strip{max-width:1080px;margin:0 auto;padding:72px 20px 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px;align-items:center}.intro-strip>p{color:#6b7684;font-size:20px;margin:0;line-height:1.6}.intro-strip strong{color:#333d4b}.intro-strip>div{display:flex;flex-direction:column;gap:4px;border-left:1px solid #e5e8eb;padding-left:30px}.intro-strip>div>span{font-size:37px;line-height:1.3;color:#3182f6;font-weight:750}.intro-strip small{font-size:13px;color:#6b7684}.work-toolbar{gap:16px;align-items:flex-start}.project-search input{width:170px;border:1px solid #e5e8eb;border-radius:12px;padding:11px 14px;background:#f9fafb;font:inherit;font-size:13px;color:#333d4b}.project-search input:focus-visible{outline:2px solid #3182f6;outline-offset:2px}.results-note{font-size:12px;color:#6b7684;margin:-15px 0 24px}.project-image .project-arrow{position:absolute;bottom:15px;right:15px;width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#3182f6;font-size:20px;box-shadow:0 5px 15px #294b7720}.project-card:hover .project-arrow{background:#3182f6;color:#fff}.process-section{max-width:1160px;margin:auto;padding:0 40px 110px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid article{background:#f9fafb;padding:28px 24px;border-radius:22px}.process-grid article>span{font-size:13px;color:#3182f6;font-weight:700}.process-grid h3{font-size:20px;line-height:1.6;margin:22px 0 13px}.process-grid p{font-size:14px;color:#6b7684;line-height:1.9;margin:0}.video-note{max-width:1080px;margin:28px auto 0;font-size:12px;color:#6b7684;line-height:1.8}.empty-state{padding:55px;text-align:center;background:#f9fafb;border-radius:24px}.empty-state h3{font-size:22px}.empty-state p{color:#6b7684}.empty-state button{border:0;background:#e8f3ff;color:#1b64da;padding:12px 20px;border-radius:12px}.project-brief{padding:30px;background:#f9fafb;border-radius:24px;margin-bottom:25px}.project-brief>.kicker{font-size:15px;margin-bottom:25px}.project-brief dl{margin:0;display:grid;gap:22px}.project-brief dt{font-size:12px;color:#8b95a1;margin-bottom:7px}.project-brief dd{margin:0;font-size:16px;color:#333d4b;line-height:1.85}.case-facts dt{font-size:12px;letter-spacing:0}.case-summary span{letter-spacing:0;font-size:12px}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;color:#6b7684;font-size:13px}.viewer-toolbar button{margin:0 0 15px}.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.viewer-controls button{flex-shrink:0;margin:0;padding:10px 15px}.viewer-controls p{margin:0;text-align:center}.image-dialog{padding:24px}.loading-screen,.not-found{max-width:1080px;min-height:60vh;margin:auto;padding:100px 30px}.not-found h1{font-size:38px}.loading-screen{font-size:17px;color:#6b7684}.scroll-story{height:220svh}.story-sticky{min-height:480px}.story-avatar{width:auto}.story-copy h1{font-weight:800}.case-index{scrollbar-width:thin}.case-index a:hover{background:#f2f4f6}.case-index a.current:hover{background:#e8f3ff}.case-step{scroll-margin-top:110px}@media(max-width:1000px){.work-toolbar{flex-direction:column}.project-search input{width:240px}.process-grid{grid-template-columns:1fr 1fr}.intro-strip{margin:0 30px;grid-template-columns:1.8fr repeat(3,1fr)}.intro-strip>div{padding-left:20px}.intro-strip>p{font-size:18px}.main-nav{gap:18px}}@media(max-width:800px){.header{padding-left:22px;padding-right:22px}.intro-strip{padding-top:50px;margin:0 20px}.intro-strip>div>span{font-size:28px}.intro-strip small{font-size:11px}.intro-strip>p{font-size:16px}.process-section{padding:0 25px 80px}.case-step{scroll-margin-top:155px}.story-second{max-width:47%}.story-second h2{font-size:clamp(30px,4.8vw,42px)}}@media(max-width:600px){.menu-toggle{display:block;border:0;border-radius:10px;padding:8px 12px;background:#f2f4f6;color:#4e5968;font-size:13px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px 22px 24px;box-shadow:0 14px 20px #1327450c;flex-direction:column;align-items:stretch;gap:4px}.main-nav.menu-open{display:flex}.main-nav a{padding:12px;border-radius:10px;font-size:15px}.main-nav a[href="#experience"],.main-nav .nav-contact{display:block}.intro-strip{grid-template-columns:repeat(3,1fr);gap:26px 10px;margin:0 22px;padding:40px 0 0}.intro-strip>p{grid-column:1/-1;text-align:center}.intro-strip>div{border:0;padding:0;align-items:center}.process-grid{gap:12px}.process-grid article{padding:22px 18px}.process-grid h3{font-size:17px;margin:15px 0 10px}.process-grid p{font-size:13px}.process-section{padding:0 22px 75px}.project-search,.project-search input{width:100%}.results-note{margin-top:-15px}.project-brief{padding:24px}.project-brief dd{font-size:15px}.image-dialog{padding:15px}.viewer-controls{gap:8px}.viewer-controls button{font-size:12px;padding:9px}.viewer-controls p{font-size:11px}.story-second{max-width:86%}.scroll-story{height:210svh}.story-sticky{min-height:500px}.case-heading .kicker{font-size:11px;line-height:1.8}.filters button{font-size:12px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-avatar{transform:none!important}.story-copy{opacity:1!important;transform:none}.story-second{display:none}.story-orb,.story-grid{transform:none}.avatar-rest{opacity:1}.avatar-wave,.wave-hello{opacity:0}.story-progress{display:none}}.avatar-logo img{height:auto}@media(max-width:540px){.story-avatar{right:calc(-48% + var(--p)*20%);bottom:calc(-19% + var(--p)*5%);transform-origin:50% 65%;transform:translate(calc(var(--p)*14vw)) scale(calc(1 - var(--p)*.48)) rotate(calc(var(--p)*-3deg))}.wave-hello{bottom:34%;left:9%}}