.work-page{overflow:clip}.work-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;grid-gap:8%;gap:8%;min-height:370px;padding:108px 4.5% 84px}.work-end>span,.work-rail-category,.work-rail-top,.work-story-heading span,.work-story-notes>span,.work-visual-caption{font-size:11px;font-weight:600;letter-spacing:.12em}.work-hero h1{margin:0;font-size:clamp(54px,5.8vw,92px);font-weight:500;letter-spacing:-.075em;line-height:.98}.work-hero h1 em{color:var(--blue);font-style:normal}.work-hero-side{padding-bottom:9px}.work-hero-side p{max-width:510px;margin:0 0 26px;color:var(--muted);font-size:clamp(19px,1.55vw,23px);line-height:1.45;letter-spacing:-.025em}.work-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:51px;padding:12px 18px;background:#1259e8;color:#fff;font-size:15px;font-weight:500}.work-primary-link:hover{background:#0643ba}.work-primary-link svg{width:23px;height:23px}.work-layout{display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);border-top:1px solid var(--line)}.work-rail{position:-webkit-sticky;position:sticky;top:62px;align-self:start;min-width:0;height:calc(100svh - 62px);min-height:650px;padding:28px 6% 26px 14%;overflow-y:auto;border-right:1px solid var(--line);scrollbar-width:thin}.work-rail-top{display:flex;justify-content:flex-end;gap:16px;color:var(--muted)}.work-rail-top span:last-child{color:var(--blue)}.work-rail-active{min-height:310px;padding-top:clamp(45px,8vh,110px);animation:work-rail-enter .35s ease both}.work-rail-category{display:inline-block;margin-bottom:13px;padding:7px 9px;background:#e8f0ff;color:#1259e8}.work-rail-active h2{margin:0 0 13px;font-size:clamp(35px,3.3vw,50px);font-weight:500;letter-spacing:-.065em;line-height:1}.work-rail-active p{max-width:360px;min-height:80px;margin:0 0 21px;color:var(--muted);font-size:16px;line-height:1.5}.work-rail-actions{display:grid;grid-template-columns:1fr 1fr;max-width:370px;border:1px solid var(--line)}.work-rail-actions a{min-height:40px;display:grid;place-items:center;padding:8px;color:var(--muted);font-size:12px;font-weight:500;text-align:center}.work-rail-actions a:first-child{background:#1259e8;color:#fff}.work-rail-actions a:hover{background:#e8f0ff;color:#1259e8}.work-rail-actions a:first-child:hover{background:#0643ba;color:#fff}.work-rail-contact{display:inline-flex;align-items:center;gap:15px;margin-top:22px;padding-bottom:5px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}.work-rail-contact svg{width:16px;height:16px;color:var(--blue)}.work-rail-contact:hover{color:var(--blue)}.work-project-nav{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid var(--line)}.work-project-nav a{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;grid-gap:8px;gap:8px;min-height:54px;border-bottom:1px solid var(--line);color:var(--muted);transition:color .2s,padding .2s}.work-project-nav a:hover{padding-left:5px;color:var(--blue)}.work-project-nav a.is-active{color:var(--dark)}.work-project-nav a small{color:var(--blue);font-size:10px}.work-project-nav a span{font-size:clamp(17px,1.65vw,23px);font-weight:500;letter-spacing:-.04em}.work-project-nav a svg{width:16px;height:16px;color:var(--blue);opacity:0}.work-project-nav a.is-active svg,.work-project-nav a:hover svg{opacity:1}.work-stories{min-width:0}.work-story{padding:76px 4.5% 88px;border-bottom:1px solid var(--line);scroll-margin-top:80px}.work-story-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.work-story-heading span{color:var(--blue)}.work-story-heading h2{margin:11px 0 0;font-size:clamp(48px,5vw,72px);font-weight:500;letter-spacing:-.07em;line-height:1}.work-story-symbol{color:var(--blue)}.work-story-symbol svg{width:29px;height:29px}.work-visual{display:block;width:100%;aspect-ratio:16/10;padding:15px;border:1px solid var(--line);background:#e9eff9;overflow:hidden}button.work-visual{cursor:zoom-in}.work-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}button.work-visual:hover img{transform:scale(1.025)}.work-visual-ink{background:#152033}.work-visual-green{background:#dbece3}.work-visual-blue{background:#e7f1ff}.work-visual-orange{background:#f5e9e4}.work-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:49px;padding:11px 17px;background:#eaf1ff;color:#3f5e8d}.work-visual-caption button{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:#1259e8;font-size:12px;font-weight:600;letter-spacing:.03em}.work-visual-caption button svg{width:15px;height:15px}.work-story-notes{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:25px 34px;gap:25px 34px;padding-top:36px;scroll-margin-top:100px}.work-story-notes>span{color:var(--blue)}.work-story-notes p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(16px,1.4vw,20px);line-height:1.5}.work-story-notes>div{grid-column:2;display:flex;flex-wrap:wrap;gap:7px}.work-story-notes>div span{padding:7px 9px;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.work-more{position:relative;display:flex;flex-direction:column;justify-content:center;gap:48px;min-height:360px;padding:75px 0 70px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 5px,#d7e1f01c 5px 6px);text-align:center;overflow:hidden}.work-more:after,.work-more:before{content:"";position:absolute;width:22px;height:2px;background:var(--blue)}.work-more:before{top:0;right:0}.work-more:after{bottom:0;left:0}.work-more h2{margin:0 auto;padding:0 24px;color:var(--muted);font-size:clamp(18px,1.6vw,23px);font-weight:400;line-height:1.45;letter-spacing:-.025em}.work-more-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.work-more-track{display:flex;width:max-content;animation:work-more-scroll 24s linear infinite}.work-more-group{display:flex;padding-right:clamp(28px,4vw,60px)}.work-more-group,.work-more-group span{flex:none;align-items:center;gap:clamp(28px,4vw,60px)}.work-more-group span{display:inline-flex}.work-more-group b{color:var(--dark);font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-.055em;white-space:nowrap}.work-more-group i{width:6px;height:6px;border-radius:50%;background:var(--blue)}@keyframes work-more-scroll{to{transform:translateX(-25%)}}.work-end{padding:95px 4.5% 105px;background:#0d1728;color:#fff}.work-end>span{display:block;margin-bottom:38px;color:#75a4ff}.work-end>div{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;grid-gap:8%;gap:8%}.work-end h2{margin:0;font-size:clamp(58px,6.3vw,92px);font-weight:500;letter-spacing:-.075em;line-height:1}.work-end h2 em{color:#75a4ff;font-style:normal}.work-end p{max-width:490px;margin:0 0 28px;color:#b7c5d7;font-size:20px;line-height:1.45}.work-end a{display:inline-flex;align-items:center;gap:35px;padding:13px 17px;background:#1259e8;color:#fff;font-size:15px;font-weight:500}.work-end a:hover{background:#2670f4}.work-end a svg{width:18px;height:18px}.work-preview{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px;background:#050b16df}.work-preview-dialog{width:min(100%,1200px);max-height:min(95svh,950px);overflow:auto;background:#fff;color:#10151e;box-shadow:0 20px 80px #0009}.work-preview-dialog>div{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 18px;background:#fff;border-bottom:1px solid #d9dee7}.work-preview-dialog strong{font-size:18px;font-weight:500}.work-preview-dialog button{padding:6px 0 6px 12px;border:0;background:none;color:#1259e8;font-size:14px;font-weight:500}.work-preview-dialog img{display:block;width:100%;height:auto}@keyframes work-rail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .work-rail-category{background:#1c365c;color:#9ec1ff}html[data-theme=dark] .work-rail-actions a:hover{background:#213b60;color:#dce9ff}html[data-theme=dark] .work-rail-actions a:first-child{background:#1259e8;color:#fff}html[data-theme=dark] .work-visual-caption{background:#1b2e4a;color:#b9cce9}html[data-theme=dark] .work-visual-caption button{color:#9ec1ff}html[data-theme=dark] .work-visual{border-color:#385070}html[data-theme=dark] .work-end{background:#080f1b}@media (max-width:900px){.work-hero{min-height:0;grid-template-columns:1fr;gap:30px;padding-top:90px}.work-hero-side{max-width:640px}.work-layout{grid-template-columns:1fr}.work-rail{position:relative;top:auto;height:auto;min-height:0;padding:25px 4.5% 30px;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.work-rail-active{min-height:0;padding-top:34px}.work-rail-active p{min-height:0}.work-project-nav{display:flex;flex-direction:row;gap:8px;overflow-x:auto;border:0;padding-bottom:4px;scrollbar-width:none}.work-project-nav::-webkit-scrollbar{display:none}.work-project-nav a{display:flex;flex:none;min-height:37px;gap:8px;padding:8px 11px;border:1px solid var(--line)}.work-project-nav a:hover{padding-left:11px}.work-project-nav a.is-active{border-color:var(--blue);background:#eaf1ff;color:#1259e8}.work-project-nav a span{font-size:14px}.work-project-nav a svg{display:none}html[data-theme=dark] .work-project-nav a.is-active{background:#1b365d;color:#dce9ff}.work-story{padding-inline:4.5%}}@media (max-width:650px){.work-more{min-height:320px;gap:42px;padding-block:72px 60px}.work-more-break{display:none}.work-more-group b{font-size:27px}.work-hero{padding:75px 22px 65px}.work-hero h1{font-size:clamp(43px,9.8vw,58px)}.work-hero-side p{font-size:18px}.work-rail{padding:23px 22px 26px}.work-rail-active h2{font-size:39px}.work-rail-active p{font-size:15px}.work-story{padding:62px 22px 70px}.work-story-heading h2{font-size:clamp(43px,10vw,58px)}.work-story-heading span{font-size:9px}.work-visual{padding:6px}.work-visual-caption{padding:10px;font-size:9px}.work-visual-caption button{font-size:10px}.work-story-notes{grid-template-columns:1fr;gap:13px}.work-story-notes>div{grid-column:1}.work-end{padding:72px 22px 80px}.work-end>div{grid-template-columns:1fr;gap:28px}.work-end h2{font-size:clamp(52px,12vw,72px)}.work-end p{font-size:17px}}@media (prefers-reduced-motion:reduce){.work-rail-active{animation:none}.work-visual img{transition:none}.work-more-track{animation:none}}