.work-section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.work-section-heading h2{margin-top:22px;font-size:clamp(40px,4.3vw,66px);line-height:1.15}.work-section-heading h2 em{font-style:normal;color:#91a8d3}.work-section-heading>p{max-width:340px}.portfolio-showcase{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.portfolio-project{display:block;border:1px solid #536d9c44;border-radius:24px;overflow:hidden;background:linear-gradient(140deg,#111e33,#0b1221);transition:border-color .35s,box-shadow .35s,translate .35s;isolation:isolate;min-width:0}.portfolio-project:hover{border-color:#8eb1e294;box-shadow:0 25px 50px #0003;translate:0 -5px}.portfolio-project.portfolio-feature{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:stretch}.work-visual{position:relative;height:360px;overflow:hidden;background:#1c2b46;perspective:1000px;isolation:isolate}.portfolio-feature .work-visual{height:450px}.project-open{position:absolute;right:22px;top:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff6;background:#10182780;backdrop-filter:blur(10px);border-radius:50%;font-size:21px;color:white;z-index:6;transition:rotate .35s,background .35s}.portfolio-project:hover .project-open{rotate:45deg;background:#7d9dce}.project-badge{position:absolute;left:22px;top:24px;z-index:6;font-size:8px;letter-spacing:1px;border:1px solid #ffffff44;border-radius:20px;padding:7px 10px;background:#111c2cbb;color:#edf3ff;backdrop-filter:blur(9px)}.project-info{padding:30px 30px 28px;display:flex;flex-direction:column;gap:19px}.portfolio-feature .project-info{justify-content:center;padding:40px}.project-type{display:block;font-size:10px;letter-spacing:.8px;color:#8da7d2;margin-bottom:11px}.project-info h3{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 clamp(28px,3vw,42px)/1.15 Manrope;letter-spacing:-1.6px;color:#edf3ff}.project-info h3>span{font-size:22px;color:#8eace0}.section .project-info>p{font-size:15px!important;line-height:1.85!important;color:#a4b7d8!important;max-width:440px}.project-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}.project-tags li{font-size:10px;line-height:1.5;color:#a8bfdf;border:1px solid #6c8ab044;padding:6px 9px;border-radius:25px}.project-read{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding-top:18px;border-top:1px solid #6582ad33;font-size:13px;color:#d9e6ff}.project-read i{font-style:normal}.portfolio-footnote{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #4b649033;padding-top:30px;margin-top:40px}.section .portfolio-footnote>p{font-size:12px!important;line-height:1.8!important;max-width:550px;color:#7f98be!important}.portfolio-footnote .pill{flex-shrink:0}.portfolio-art{position:relative;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#6b87aa,#182e4b);transform-style:preserve-3d}.art-tutor{background:radial-gradient(ellipse at 40% 40%,#596c46,#223626 65%,#15271e)}.art-numa{background:radial-gradient(ellipse at 55% 35%,#3f578c,#16223e 65%,#0e192f)}.mock-browser{position:absolute;left:9%;right:9%;top:23%;height:60%;border:1px solid #d4e4f777;border-radius:12px;box-shadow:9px 12px 0 #0c172744,0 25px 30px #0003;background:#0d182b;transform:rotateY(-12deg) rotateX(6deg) rotateZ(-4deg);transform-style:preserve-3d;transition:transform .65s;overflow:hidden}.work-visual:hover .mock-browser{transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg) translateY(-8px)}.mock-top{height:20%;border-bottom:1px solid #ffffff22;display:flex;align-items:center;padding:0 7%;gap:9px;font-size:9px;color:#b2c7e8}.mock-top b{font:700 18px Manrope;letter-spacing:-1px;color:#e6edff}.mock-top i{font-style:normal;font-size:5px;letter-spacing:.7px;margin-left:auto}.mock-page{height:80%;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;padding:8% 7%;position:relative}.mock-page small{display:block;font-size:5px;letter-spacing:.6px;color:#a1b8df}.mock-page strong{display:block;font:600 clamp(16px,2vw,28px)/1.15 Manrope;letter-spacing:-.8px;color:#e6edff;margin-top:9px}.mock-page em{font-style:normal;color:#9cb7f7}.mock-button{display:inline-block;font-size:6px;border-radius:20px;padding:6px 9px;background:#c5d7ff;color:#18315b;margin-top:13px}.art-tutor .mock-browser{background:#f5f5e9;border-color:#fff9}.art-tutor .mock-top{color:#354633;border-color:#1728131c}.art-tutor .mock-top b{background:#f6d039;padding:3px;border-radius:5px;color:#182c1b;font-size:16px}.art-tutor .mock-page small{color:#879175}.art-tutor .mock-page strong{color:#1e2f20}.art-tutor .mock-page em{color:#70815d}.art-tutor .mock-button{background:#263a25;color:#eff3d4}.mock-house{position:relative;transform:rotateY(-12deg) rotateZ(7deg);transform-style:preserve-3d;align-self:center;justify-self:center;width:100px;height:115px}.house-body{position:absolute;width:76px;height:70px;top:40px;left:12px;background:linear-gradient(90deg,#e7c746 50%,#fff9c6 51%);transform:skewY(6deg);box-shadow:8px 5px 0 #bea853}.house-roof{position:absolute;left:4px;top:9px;width:81px;height:61px;background:#f5d448;transform:rotate(-33deg) skewX(21deg);box-shadow:6px 7px 0 #c8a62d;z-index:2}.house-door{position:absolute;left:60px;top:80px;width:16px;height:31px;background:#415037;transform:skewY(-10deg)}.mock-house>span{position:absolute;right:-13px;top:-4px;border-radius:8px;padding:7px;background:#273d28;color:#eed966;font:700 13px Manrope;box-shadow:2px 3px 0 #142b18;z-index:3}.floating-caption{position:absolute;bottom:12%;left:8%;font-size:8px;letter-spacing:.6px;background:#102339dd;border:1px solid #e1ecff33;border-radius:25px;padding:9px 12px;color:#d5e6fa;box-shadow:4px 6px 0 #08132255;animation:project-float 7s ease-in-out infinite}.floating-object{position:absolute;right:8%;top:17%;font-size:32px;line-height:1;background:#c8daff;color:#223963;border-radius:14px;padding:12px 14px;box-shadow:3px 6px 0 #6583b4;animation:project-float 8s -3s ease-in-out infinite}.art-tutor .floating-object{background:#f2d343;color:#394627;box-shadow:3px 6px 0 #8c842f}.mock-orbit{position:relative;align-self:center;height:110px;perspective:400px;transform-style:preserve-3d}.mock-orbit i{position:absolute;left:12%;top:5%;width:86%;height:86%;border:2px solid #a9caff;border-radius:50%;transform:rotateY(65deg) rotateX(15deg)}.mock-orbit i:nth-child(2){transform:rotateY(-45deg) rotateX(45deg);border-color:#6a94e1}.mock-orbit i:nth-child(3){transform:rotateX(70deg) rotateY(20deg);border-color:#d1dfff}.mock-orbit span{position:absolute;left:38%;top:27%;font-size:41px;color:#c9dcff;animation:project-spin 22s linear infinite}.art-forma{background:#d7cfc1}.art-verdant{background:#344e3b}.art-pulse{background:#de512b}.portfolio-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;mix-blend-mode:luminosity;transform:scale(1.08) rotate(-3deg);transition:transform .7s,opacity .7s}.work-visual:hover .portfolio-art>img{transform:scale(1.14) rotate(0deg);opacity:.85}.art-wordmark{position:absolute;left:10%;top:27%;font:600 clamp(45px,6vw,95px)/1 Manrope;letter-spacing:-6px;z-index:2;text-shadow:1px 2px #0002;color:#263026}.art-verdant .art-wordmark{color:#e2e7cb;font-family:Georgia,serif;font-style:italic;font-weight:400}.art-pulse .art-wordmark{color:#ffddaa;font-weight:800;letter-spacing:-5px;transform:rotate(-8deg)}.art-descriptor{position:absolute;left:11%;top:59%;font-size:8px;letter-spacing:1.6px;color:#273324;z-index:2}.art-verdant .art-descriptor{color:#e2e7cb}.art-pulse .art-descriptor{color:#ffd5b1}.portfolio-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:5%;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#1c315855,transparent 65%);padding-bottom:65px}.portfolio-hero h1{font-size:clamp(56px,6.4vw,100px);line-height:1.08;letter-spacing:-.065em;margin:28px 0}.portfolio-hero h1 em{font-style:normal;color:#94acd8}.section.portfolio-hero p{font-size:17px;line-height:1.9;max-width:580px}.portfolio-facts{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:30px}.portfolio-facts>span{font-size:11px;color:#9fb4d9}.portfolio-facts b{display:block;color:#d3e3fc;font:500 26px Manrope;margin-bottom:5px}.portfolio-facts a{font-size:12px;color:#c0d5fb;border-bottom:1px solid #849ec355;padding:8px 0}.portfolio-seal{height:260px;position:relative;display:grid;place-items:center;perspective:900px}.portfolio-seal>span{font-size:150px;line-height:1;color:#c2d5ff;text-shadow:3px 4px #6883b7,6px 8px #243a66;animation:project-spin 35s linear infinite}.portfolio-seal i{position:absolute;inset:10%;border:1px solid #8ba8dd55;border-radius:50%;transform:rotateY(60deg) rotateX(15deg)}.portfolio-seal i:nth-child(2){transform:rotateX(65deg) rotateY(-15deg);border-color:#6686bd33}.portfolio-seal small{position:absolute;bottom:-15px;font-size:8px;letter-spacing:1.3px;color:#819bc4}.portfolio-section{padding-top:35px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #5873a344;padding-bottom:24px;margin-bottom:35px}.portfolio-toolbar .filters{margin:0;gap:8px;flex-wrap:wrap}.portfolio-toolbar .filters button{font-size:13px;padding:11px 17px;min-height:44px}.portfolio-toolbar #filter-status{font-size:12px!important;color:#8ea5cb!important;margin:0;white-space:nowrap}.portfolio-case-hero{padding-top:55px;padding-bottom:50px}.portfolio-case-hero .breadcrumb{display:block;font-size:13px;margin-bottom:30px;color:#93add5}.portfolio-case-hero h1{font-size:clamp(60px,8vw,120px);margin:28px 0;line-height:1.1;letter-spacing:-.06em}.portfolio-case-hero h1>span{font-size:.5em;color:#9fbfff;display:inline-block;margin-left:25px;vertical-align:top}.portfolio-case-hero>p{max-width:650px;font-size:19px!important;line-height:1.8!important}.portfolio-case-hero .project-tags{margin:25px 0}.portfolio-case-hero .pill{margin-top:5px}.portfolio-case-art{height:560px;margin:0 6%;border-radius:25px;overflow:hidden;border:1px solid #6482b255;perspective:1200px}.portfolio-case-art .mock-browser{left:14%;right:14%;top:17%;height:70%}.portfolio-case-art .mock-page strong{font-size:clamp(24px,3.5vw,47px)}.portfolio-case-art .mock-page small{font-size:8px}.portfolio-case-art .mock-top{font-size:12px}.portfolio-case-art .mock-top b{font-size:25px}.portfolio-case-art .mock-top i{font-size:8px}.portfolio-case-art .mock-button{font-size:10px;padding:10px 15px}.portfolio-case-art .mock-house{transform:scale(1.5) rotateY(-12deg)}.portfolio-case-art .mock-orbit{height:185px}.portfolio-case-art .mock-orbit span{font-size:70px}.portfolio-case-art .floating-caption{font-size:10px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:9%}.case-story h2{font-size:clamp(35px,3.8vw,55px);margin-top:25px;line-height:1.2}.case-story p+p{margin-top:25px;color:#829bc2!important;font-size:14px!important}.project-delivery{padding-top:15px}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.delivery-grid article{padding:25px 0;border-top:1px solid #617fac55}.delivery-grid article>span{font-size:12px;color:#85a2ce}.delivery-grid h3{font-size:25px;line-height:1.3;margin:22px 0 15px;letter-spacing:-.8px}.section .delivery-grid p{font-size:15px;line-height:1.85}.portfolio-project-cta{border-top:1px solid #48679444;background:radial-gradient(ellipse at 90% 80%,#203d6e44,transparent 70%)}.portfolio-project-cta h2{margin:25px 0;line-height:1.15}.portfolio-project-cta h2 em{font-style:normal;color:#91acd8}.portfolio-project-cta p{max-width:530px}.portfolio-project-cta .pill{margin-top:27px}.work-visual.motion-tilt .portfolio-art{transform:rotateX(var(--work-x,0deg)) rotateY(var(--work-y,0deg)) scale(1.04);transition:transform .3s}.portfolio-feature[hidden],.portfolio-project[hidden]{display:none!important}@keyframes project-float{50%{translate:0 -10px;rotate:3deg}}@keyframes project-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.portfolio-feature .work-visual{height:400px}.portfolio-feature .project-info{padding:30px}.project-info{padding:25px}.project-info h3{font-size:30px}.mock-house{transform:scale(.8) rotateY(-12deg)}.mock-page strong{font-size:20px}.mock-top{font-size:7px}.mock-top b{font-size:15px}.work-visual{height:320px}.project-info p{font-size:14px}.portfolio-hero h1{font-size:6.8vw}.portfolio-seal>span{font-size:120px}.portfolio-case-art{height:460px}.portfolio-case-art .mock-house{transform:scale(1.3) rotateY(-12deg)}}@media(max-width:700px){.work-section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.work-section-heading h2{font-size:39px}.work-section-heading>p{max-width:100%}.portfolio-showcase{grid-template-columns:1fr;gap:26px}.portfolio-project.portfolio-feature{display:block;grid-column:auto}.work-visual,.portfolio-feature .work-visual{height:310px}.project-info,.portfolio-feature .project-info{padding:27px 23px}.project-info h3{font-size:32px}.project-info p{font-size:15px!important}.project-type{font-size:10px}.project-tags li{font-size:10px}.project-badge{font-size:7px;left:18px;top:21px}.project-open{width:36px;height:36px;right:18px;top:18px}.project-read{font-size:14px}.mock-browser{top:25%;height:58%;left:9%;right:9%}.mock-page strong{font-size:20px}.mock-page small{font-size:4px}.mock-top{font-size:7px}.mock-top b{font-size:14px}.mock-top i{font-size:4px}.mock-button{font-size:5px;padding:6px 8px}.mock-house{transform:scale(.67) rotateY(-12deg)}.mock-orbit{height:85px}.mock-orbit span{font-size:30px}.floating-caption{font-size:6px;padding:8px 10px;bottom:10%}.floating-object{font-size:25px;padding:10px;right:7%;top:21%}.portfolio-footnote{flex-direction:column;align-items:flex-start;gap:20px}.portfolio-footnote>p{font-size:12px!important}.portfolio-hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:40px}.portfolio-hero h1{font-size:clamp(47px,11.5vw,65px);line-height:1.12;margin:25px 0}.section.portfolio-hero p{font-size:16px;line-height:1.8}.portfolio-seal{display:none}.portfolio-facts{gap:23px;margin-top:25px}.portfolio-facts>span{font-size:11px}.portfolio-facts b{font-size:25px}.portfolio-facts a{width:100%;font-size:13px}.portfolio-toolbar{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}.portfolio-toolbar .filters button{font-size:12px;padding:10px 14px}.portfolio-toolbar #filter-status{font-size:12px!important}.portfolio-section{padding-top:20px}.art-wordmark{font-size:70px}.art-descriptor{font-size:7px}.portfolio-case-hero{padding-top:42px;padding-bottom:35px}.portfolio-case-hero h1{font-size:clamp(48px,12vw,70px);line-height:1.1}.portfolio-case-hero>p{font-size:17px!important}.portfolio-case-hero h1>span{margin-left:12px;font-size:.4em}.portfolio-case-art{height:330px;margin:0 5%;border-radius:20px}.portfolio-case-art .mock-browser{left:8%;right:8%;top:23%;height:62%}.portfolio-case-art .mock-page strong{font-size:21px}.portfolio-case-art .mock-page small{font-size:4px}.portfolio-case-art .mock-top{font-size:7px}.portfolio-case-art .mock-top b{font-size:14px}.portfolio-case-art .mock-top i{font-size:4px}.portfolio-case-art .mock-button{font-size:5px;padding:6px 8px}.portfolio-case-art .mock-house{transform:scale(.75) rotateY(-12deg)}.portfolio-case-art .mock-orbit{height:90px}.portfolio-case-art .mock-orbit span{font-size:32px}.portfolio-case-art .floating-caption{font-size:7px}.case-story{grid-template-columns:1fr;gap:28px}.case-story h2{font-size:36px;line-height:1.2}.delivery-grid{grid-template-columns:1fr;gap:12px}.delivery-grid h3{font-size:26px;margin-top:18px}.delivery-grid article{padding-top:24px}.portfolio-project-cta h2{font-size:38px}.project-delivery{padding-top:10px}.project-tags{gap:6px}}@media(max-width:380px){.work-visual,.portfolio-feature .work-visual{height:285px}.mock-page strong{font-size:17px}.mock-house{transform:scale(.6) rotateY(-12deg)}.project-info h3{font-size:29px}.portfolio-case-art .mock-page strong{font-size:18px}.project-info,.portfolio-feature .project-info{padding:25px 21px}.project-tags li{font-size:9px}.project-type{font-size:9px}.portfolio-toolbar .filters button{font-size:11px;padding:10px 12px}.art-wordmark{font-size:60px}.work-section-heading h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.floating-caption,.floating-object,.mock-orbit span,.portfolio-seal>span{animation:none}.portfolio-project,.mock-browser,.portfolio-art>img{transition:none}.work-visual.motion-tilt .portfolio-art{transform:none}.portfolio-project:hover{translate:none}}