.portfolio-page{background:radial-gradient(circle at 78% 7%,#2d7eea24,#0000 34rem),#050d17}.portfolio-page:before{opacity:.1}.portfolio-header .site-header__brand{align-items:center;display:flex}.portfolio-header .site-header__brand .brand{order:1}.portfolio-header .site-header__brand:after{content:"";background:#9bcdf638;order:2;width:1px;height:20px;margin-left:14px}.portfolio-header .site-header__brand:before{content:"PORTFOLIO";color:#7e9bb2;letter-spacing:.15em;order:3;font-family:IBM Plex Mono,monospace;font-size:.58rem;font-weight:700}.portfolio-hero{background:linear-gradient(90deg,#040d17fa 0%,#040d17db 42%,#040d1742 72%,#040d17b3 100%),radial-gradient(circle at 75% 40%,#3284e833,#0000 32rem);border-bottom:1px solid #8ec9f821;min-height:100svh;position:relative;overflow:hidden}.portfolio-hero:after{pointer-events:none;content:"";background:linear-gradient(#0000,#050d17);height:28%;position:absolute;inset:auto 0 0}.portfolio-hero__grid{opacity:.32;background-image:linear-gradient(#68b4ee14 1px,#0000 1px),linear-gradient(90deg,#68b4ee14 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 44%,#000);mask-image:linear-gradient(90deg,#0000,#000 44%,#000)}.portfolio-hero__orb{aspect-ratio:1;border:1px solid #6dbfff33;border-radius:50%;width:min(38vw,580px);position:absolute;top:16%;right:13%;box-shadow:0 0 0 48px #59aaf006,0 0 0 96px #59aaf005,inset 0 0 90px #2f80ed1f,0 0 120px #2f80ed24}.portfolio-hero__inner{z-index:2;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:30px;min-height:100svh;padding-block:130px 88px;display:grid;position:relative}.portfolio-hero__copy{z-index:4;max-width:760px;position:relative}.portfolio-hero__copy h1{max-width:780px;margin-bottom:28px;font-size:clamp(3.25rem,6.6vw,7.15rem);font-weight:500;line-height:.94}.portfolio-hero__copy h1 em{color:#0000;background:linear-gradient(105deg,#f6fbff,#70c0ff 56%,#2f80ed);-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.portfolio-hero__lead{color:#afc2d2;max-width:610px;margin-bottom:34px;font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.75}.portfolio-hero__actions{flex-wrap:wrap;gap:11px;display:flex}.portfolio-hero__composition{perspective:1500px;min-height:620px;position:relative}.portfolio-hero__shot{background:#07111c;border:1px solid #a6d7ff3d;border-radius:17px;animation:7s ease-in-out infinite portfolio-float;position:absolute;overflow:hidden;box-shadow:0 38px 90px #0000007a}.portfolio-hero__shot:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px #030a127a}.portfolio-hero__shot img{object-fit:cover;width:100%;height:100%}.portfolio-hero__shot span{z-index:2;color:#e7f3fc;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a12b3;border:1px solid #ffffff26;border-radius:999px;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:.54rem;position:absolute;bottom:10px;right:12px}.portfolio-hero__shot--1{aspect-ratio:16/9;width:76%;top:9%;right:-5%;transform:rotateY(-13deg)rotate(2deg)}.portfolio-hero__shot--2{z-index:2;aspect-ratio:16/9;width:70%;animation-delay:-2.4s;top:42%;left:0;transform:rotateY(11deg)rotate(-3deg)}.portfolio-hero__shot--3{z-index:3;aspect-ratio:16/9;width:57%;animation-delay:-4.8s;bottom:0;right:1%;transform:rotateY(-8deg)rotate(1deg)}@keyframes portfolio-float{0%,to{translate:0}50%{translate:0 -10px}}.portfolio-hero__scroll{z-index:6;color:#708da4;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;align-items:center;gap:10px;padding:8px 0;font-size:.68rem;display:inline-flex;position:absolute;bottom:30px;left:0}.portfolio-hero__scroll svg{animation:1.8s ease-in-out infinite portfolio-scroll}@keyframes portfolio-scroll{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}.portfolio-manifesto{background:radial-gradient(circle at 15% 70%,#2f80ed24,#0000 28rem),#050d17;padding:180px 0;position:relative;overflow:hidden}.portfolio-manifesto__inner>p{color:#79c5ff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:700}.portfolio-manifesto h2{max-width:1120px;margin-bottom:90px;font-size:clamp(2.9rem,6vw,6.9rem);font-weight:400;line-height:1.02}.portfolio-manifesto h2 span{color:#6bbcff}.portfolio-manifesto__metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.portfolio-manifesto__metrics>div{border-right:1px solid var(--line);align-items:center;gap:18px;min-height:150px;padding:26px;display:flex}.portfolio-manifesto__metrics>div:last-child{border-right:0}.portfolio-manifesto__metrics strong{color:#0000;-webkit-text-stroke:1px #6cc0ff85;font-family:Sora,sans-serif;font-size:clamp(3rem,6vw,5.7rem);font-weight:600;line-height:1}.portfolio-manifesto__metrics span{color:#8ba4b8;max-width:150px;font-size:.78rem;line-height:1.45}.portfolio-cases{border-top:1px solid var(--line)}.portfolio-cases__intro{padding:150px 0 90px}.portfolio-cases__intro h2,.portfolio-archive__heading h2{margin:0;font-size:clamp(2.75rem,5vw,5.45rem);font-weight:500;line-height:1.03}.portfolio-case{--case-accent:#64baff;background:radial-gradient(circle at 82% 50%, color-mix(in srgb, var(--case-accent) 12%, transparent), transparent 33rem), linear-gradient(180deg, #06101b, #050d17);border-top:1px solid #96cefa1c;align-items:center;min-height:96svh;padding:130px 0;display:flex;position:relative;overflow:hidden}.portfolio-case,.portfolio-archive{scroll-margin-top:72px}.portfolio-case--reverse{background:radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--case-accent) 12%, transparent), transparent 33rem), linear-gradient(180deg, #050d17, #06101b)}.portfolio-case:before{color:#0000;content:attr(id);opacity:.1;text-transform:uppercase;-webkit-text-stroke:1px var(--case-accent);font-family:Sora,sans-serif;font-size:clamp(5rem,13vw,13rem);font-weight:700;line-height:1;position:absolute;top:9%;right:-2%}.portfolio-case__layout{z-index:2;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(50px,7vw,110px);display:grid;position:relative}.portfolio-case--reverse .portfolio-case__layout{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}.portfolio-case--reverse .portfolio-case__copy{order:2}.portfolio-case--reverse .portfolio-case__media{order:1}.portfolio-case__meta{align-items:center;gap:18px;margin-bottom:38px;display:flex}.portfolio-case__meta>span{color:var(--case-accent);font-family:Sora,sans-serif;font-size:2.9rem;font-weight:500;line-height:1}.portfolio-case__meta small{max-width:190px;color:color-mix(in srgb, var(--case-accent) 70%, white);letter-spacing:.13em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.62rem;font-weight:700;line-height:1.5}.portfolio-case__copy h2{margin-bottom:20px;font-size:clamp(3rem,5.5vw,6.2rem);font-weight:500;line-height:.95}.portfolio-case__copy h3{color:#d9e9f5;max-width:520px;margin-bottom:22px;font-size:clamp(1.35rem,2.2vw,2.05rem);font-weight:400;line-height:1.3}.portfolio-case__copy>p{max-width:500px;margin-bottom:26px;line-height:1.78}.portfolio-case__copy ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.portfolio-case__copy li{border:1px solid color-mix(in srgb, var(--case-accent) 28%, transparent);color:color-mix(in srgb, var(--case-accent) 62%, white);border-radius:999px;padding:7px 10px;font-size:.63rem;font-weight:600}.portfolio-case__copy>a{color:#ecf7ff;align-items:center;gap:9px;margin-top:25px;font-size:.77rem;font-weight:700;display:inline-flex}.portfolio-case__copy>a:after{content:"";background:var(--case-accent);width:0;height:1px;transition:width .25s}.portfolio-case__copy>a:hover:after{width:34px}.portfolio-case__media{perspective:1400px;min-width:0;display:block;position:relative}.portfolio-browser{border:1px solid color-mix(in srgb, var(--case-accent) 30%, #ffffff14);box-shadow:0 40px 100px #00000075, 0 0 80px color-mix(in srgb, var(--case-accent) 8%, transparent);background:#08121d;border-radius:22px;transition:border-color .35s,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .35s;overflow:hidden;transform:rotateY(-3deg)rotateX(1.5deg)}.portfolio-case--reverse .portfolio-browser{transform:rotateY(3deg)rotateX(1.5deg)}.portfolio-case__media:hover .portfolio-browser{border-color:color-mix(in srgb, var(--case-accent) 68%, white 5%);box-shadow:0 48px 110px #00000085, 0 0 90px color-mix(in srgb, var(--case-accent) 14%, transparent);transform:rotateY(0)rotateX(0)translateY(-7px)}.portfolio-browser__bar{background:#081522f5;border-bottom:1px solid #96c7ee1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:43px;padding:0 15px;display:grid}.portfolio-browser__bar>span{gap:5px;display:flex}.portfolio-browser__bar i{background:#9ac2e061;border-radius:50%;width:6px;height:6px}.portfolio-browser__bar small{color:#7690a5;letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:.51rem}.portfolio-browser img{aspect-ratio:16/9;object-fit:contain;transform-origin:top;width:100%;height:auto;display:block}.portfolio-case__open{z-index:4;color:#06101b;background:var(--case-accent);border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .3s;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 32px #0000004d}.portfolio-case__media:hover .portfolio-case__open{transform:rotate(8deg)scale(1.06)}.portfolio-archive{border-top:1px solid var(--line);background:radial-gradient(circle at 6% 22%,#2f80ed21,#0000 30rem),#06101b;padding-top:170px}.portfolio-archive__heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:80px;display:grid}.portfolio-archive__heading>p{max-width:500px;margin-bottom:4px;line-height:1.8}.portfolio-archive__grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.portfolio-archive-card{--case-accent:#64baff;border:1px solid var(--line);background:#081726c2;border-radius:24px;transition:border-color .3s,transform .35s,box-shadow .3s;position:relative;overflow:hidden}.portfolio-archive-card:hover{border-color:color-mix(in srgb, var(--case-accent) 52%, transparent);transform:translateY(-6px);box-shadow:0 30px 70px #00000047}.portfolio-archive-card__media{aspect-ratio:16/9;position:relative;overflow:hidden}.portfolio-archive-card__media:after{content:"";background:linear-gradient(#0000 46%,#040c14bd);position:absolute;inset:0}.portfolio-archive-card__media img{object-fit:contain;width:100%;height:100%;transition:filter .45s,transform .75s cubic-bezier(.16,1,.3,1);display:block}.portfolio-archive-card:hover img{filter:saturate(1.1)contrast(1.03);transform:scale(1.04)}.portfolio-archive-card__copy{padding:28px}.portfolio-archive-card__copy>span{color:color-mix(in srgb, var(--case-accent) 68%, white);letter-spacing:.11em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:700}.portfolio-archive-card__copy h3{margin:8px 0 10px;font-size:clamp(1.7rem,3vw,2.9rem);font-weight:500}.portfolio-archive-card__copy p{max-width:680px;margin-bottom:18px}.portfolio-archive-card__copy small{color:#d7e9f7;align-items:center;gap:7px;font-size:.67rem;font-weight:700;display:inline-flex}.portfolio-index{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:80px;display:grid}.portfolio-index a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#c5d7e5;min-height:108px;padding:22px;font-size:.74rem;font-weight:600;transition:color .22s,background .22s}.portfolio-index a:hover{color:#fff;background:#2e7fdc1f}.portfolio-index span{color:#55758e;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.62rem;display:block}.portfolio-cta{border-top:1px solid var(--line);text-align:center;background:#050d17;padding:180px 0;position:relative;overflow:hidden}.portfolio-cta__glow{aspect-ratio:1.8;filter:blur(100px);background:#2f80ed2e;border-radius:50%;width:min(80vw,980px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-cta__inner{z-index:2;position:relative}.portfolio-cta .eyebrow{justify-content:center}.portfolio-cta h2{max-width:960px;margin:0 auto 26px;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:1}.portfolio-cta h2 span{color:#6bc0ff}.portfolio-cta__inner>p:not(.eyebrow){max-width:650px;margin:0 auto 36px;font-size:1.05rem}.portfolio-cta__inner>div{flex-wrap:wrap;justify-content:center;gap:11px;display:flex}.portfolio-footer__main{grid-template-columns:1fr auto;gap:60px;padding:70px 0 52px;display:grid}.portfolio-footer__main>div:first-child p{max-width:520px;margin:20px 0 0}.portfolio-footer__actions{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.portfolio-footer__actions a,.portfolio-footer__actions button{color:#91a8ba;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0;font-size:.76rem;display:inline-flex}.portfolio-footer__actions a:hover,.portfolio-footer__actions button:hover{color:#fff}@media (max-width:1120px){.portfolio-hero__inner{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr)}.portfolio-hero__composition{min-height:520px}.portfolio-case__layout{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:46px}.portfolio-case--reverse .portfolio-case__layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr)}}@media (max-width:900px){.portfolio-hero__inner{padding-top:150px;display:block}.portfolio-hero__copy{max-width:690px}.portfolio-hero__composition{min-height:470px;margin-top:50px}.portfolio-hero__shot--1{width:68%;right:0}.portfolio-hero__shot--2{width:64%;top:37%}.portfolio-hero__shot--3{width:54%}.portfolio-hero__scroll{display:none}.portfolio-manifesto{padding:130px 0}.portfolio-manifesto__metrics{grid-template-columns:1fr}.portfolio-manifesto__metrics>div{border-right:0;border-bottom:1px solid var(--line);min-height:112px}.portfolio-manifesto__metrics>div:last-child{border-bottom:0}.portfolio-case,.portfolio-case--reverse{background:radial-gradient(circle at 76% 60%, color-mix(in srgb, var(--case-accent) 12%, transparent), transparent 28rem), linear-gradient(180deg, #06101b, #050d17);min-height:auto;padding:110px 0}.portfolio-case__layout,.portfolio-case--reverse .portfolio-case__layout{grid-template-columns:1fr}.portfolio-case--reverse .portfolio-case__copy,.portfolio-case--reverse .portfolio-case__media{order:initial}.portfolio-case__copy{max-width:660px}.portfolio-browser,.portfolio-case--reverse .portfolio-browser{transform:none}.portfolio-archive__heading{grid-template-columns:1fr;gap:32px}.portfolio-index{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-header .site-header__brand:before,.portfolio-header .site-header__brand:after{display:none}.portfolio-hero__inner{padding-top:120px}.portfolio-hero__copy h1{font-size:clamp(2.75rem,13vw,4.7rem)}.portfolio-hero__lead{font-size:.98rem}.portfolio-hero__actions{flex-direction:column;align-items:stretch}.portfolio-hero__actions .button{width:100%}.portfolio-hero__composition{min-height:350px;margin-top:34px}.portfolio-hero__shot--1{width:79%;top:4%}.portfolio-hero__shot--2{width:72%;top:37%}.portfolio-hero__shot--3{width:62%}.portfolio-manifesto{padding:100px 0}.portfolio-manifesto h2{margin-bottom:60px;font-size:clamp(2.35rem,12vw,4rem)}.portfolio-manifesto__metrics>div{padding:20px 12px}.portfolio-cases__intro{padding:105px 0 66px}.portfolio-case,.portfolio-case--reverse{padding:86px 0}.portfolio-case:before{font-size:4.4rem;top:5%;right:2%}.portfolio-case__layout{gap:40px}.portfolio-case__meta{margin-bottom:24px}.portfolio-case__meta>span{font-size:2.35rem}.portfolio-case__copy h2{font-size:clamp(2.65rem,14vw,4.5rem)}.portfolio-case__copy h3{font-size:1.25rem}.portfolio-browser{border-radius:14px}.portfolio-browser__bar{height:34px}.portfolio-case__open{width:43px;height:43px;bottom:10px;right:10px}.portfolio-archive{padding-top:105px}.portfolio-archive__grid{grid-template-columns:1fr}.portfolio-archive-card__copy{padding:22px}.portfolio-index{grid-template-columns:1fr 1fr;margin-top:55px}.portfolio-index a{min-height:92px;padding:17px}.portfolio-cta{padding:115px 0}.portfolio-cta h2{font-size:clamp(2.55rem,12vw,4.2rem)}.portfolio-cta__inner>div{flex-direction:column;align-items:stretch}.portfolio-cta .button{width:100%}.portfolio-footer__main{grid-template-columns:1fr;gap:38px}}@media (prefers-reduced-motion:reduce){.portfolio-hero__shot,.portfolio-hero__scroll svg{animation:none}}