.portfolio-shell{--portfolio-text:#dce6f4;--portfolio-muted:#8e9bac;--portfolio-line:#b9cfed30;isolation:isolate;min-height:100svh;color:var(--portfolio-text);background:#000;position:relative}.portfolio-shell>.editorial-ferrofluid{z-index:-1;pointer-events:none;opacity:.76;width:auto;height:auto;position:fixed;inset:0;overflow:hidden}.portfolio-shell *{min-width:0}.portfolio-shell button,.portfolio-shell a,.portfolio-shell input{touch-action:manipulation}:is(.portfolio-shell a:focus-visible,.portfolio-shell button:focus-visible,.portfolio-shell input:focus-visible){outline-offset:5px;outline:2px solid #c7dcfb}.portfolio-skip{z-index:250;color:#030507;background:#dce6f4;padding:14px 20px;position:fixed;top:-100px;left:16px}.portfolio-skip:focus{top:16px}.portfolio-header{z-index:35;padding:0 max(24px, env(safe-area-inset-left));border-bottom:1px solid var(--portfolio-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030507f0;position:sticky;top:0}.portfolio-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:38px;width:min(1280px,100%);min-height:94px;margin:auto;display:grid}.portfolio-brand{flex-direction:column;gap:4px;padding-block:10px;display:flex}.portfolio-brand>span{letter-spacing:-.06em;align-items:center;gap:13px;font-size:27px;font-weight:650;line-height:1;display:flex}.portfolio-brand small{letter-spacing:.14em;font-size:11px;font-weight:450}.portfolio-brand i{color:var(--portfolio-muted);letter-spacing:.26em;font-size:8px;font-style:normal;line-height:1.5}.portfolio-nav{justify-content:center;align-self:stretch;gap:clamp(15px,3vw,40px);display:flex}.portfolio-nav a{min-height:44px;color:var(--portfolio-muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;transition:color .2s;display:flex;position:relative}.portfolio-nav a>span{opacity:.7;font-variant-numeric:tabular-nums;font-size:9px}.portfolio-nav a:hover,.portfolio-nav a[aria-current=page]{color:#f0f5fc}.portfolio-nav a[aria-current=page]:after{content:"";background:#d8e8ff;height:1px;position:absolute;bottom:19px;left:0;right:0;box-shadow:0 1px 9px #c2e0ff73}.portfolio-home{white-space:nowrap;align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.portfolio-content{width:min(1120px,100% - 80px);margin:0 auto;padding:68px 0 100px;scroll-margin-top:110px}.portfolio-heading{margin:0 0 38px}.portfolio-index{color:var(--portfolio-muted);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:15px;margin:0 0 26px;font-size:10px;line-height:1.8;display:flex}.portfolio-index>span:first-child{white-space:nowrap}.portfolio-index>span:last-child{text-align:right;letter-spacing:.08em}.portfolio-title{flex-wrap:wrap;align-items:baseline;gap:12px 27px;display:flex}.portfolio-title h1{letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4.1vw,3.5rem);font-weight:450;line-height:1.28}.portfolio-description{color:#9aa9ba;margin:16px 0 0;font-size:14px;line-height:1.9}.portfolio-content--coming-soon{flex-direction:column;min-height:calc(100svh - 280px);display:flex}.portfolio-coming-soon{border-block:1px solid var(--portfolio-line);flex:1;place-items:center;min-height:clamp(280px,40svh,480px);padding:48px 20px;display:grid}.portfolio-coming-soon h2{color:#a8b9cc;letter-spacing:.2em;margin:0;padding-left:.2em;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:400;line-height:1.6}.portfolio-footer{width:min(1280px,100% - 80px);padding:28px 0 max(30px, env(safe-area-inset-bottom));border-top:1px solid var(--portfolio-line);margin:0 auto}.portfolio-footer-top{align-items:center;gap:35px;display:flex}.portfolio-footer-top>a{align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.portfolio-footer-top .portfolio-footer-brand{letter-spacing:-.045em;flex:1;font-size:23px}.portfolio-footer-brand span{color:var(--portfolio-muted);letter-spacing:.15em;margin-left:9px;font-size:9px}.portfolio-copyright{color:#6f7e90;text-align:center;letter-spacing:.06em;margin:18px 0 0;font-size:9px;line-height:1.8}@media (max-width:960px){.portfolio-header-inner{gap:20px}.portfolio-brand small,.portfolio-nav a>span{display:none}.portfolio-nav{gap:24px}.portfolio-content{width:calc(100% - 48px)}}@media (max-width:700px){.portfolio-header{padding-inline:max(18px, env(safe-area-inset-left))}.portfolio-header-inner{grid-template-columns:1fr auto;gap:0;min-height:0}.portfolio-brand{padding-block:18px 12px}.portfolio-brand>span{font-size:25px}.portfolio-brand small{display:block}.portfolio-home{grid-area:1/2;font-size:11px}.portfolio-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.portfolio-nav a{justify-content:center;min-height:48px;padding-bottom:2px;font-size:11px}.portfolio-nav a[aria-current=page]:after{bottom:1px}.portfolio-content{width:calc(100% - 36px);padding:34px 0 60px;scroll-margin-top:140px}.portfolio-heading{margin-bottom:25px}.portfolio-index{letter-spacing:.09em;margin-bottom:18px;font-size:8px}.portfolio-index>span:last-child{font-size:9px}.portfolio-title{display:block}.portfolio-title h1{font-size:clamp(1.95rem,8.6vw,2.5rem)}.portfolio-description{margin-top:12px;font-size:12px}.portfolio-footer{width:calc(100% - 36px);padding-top:20px}.portfolio-footer-top{flex-wrap:wrap;gap:8px 25px}.portfolio-footer-top .portfolio-footer-brand{flex-basis:100%}.portfolio-footer-top>a{font-size:11px}.portfolio-footer .footer-legal{gap:12px;padding-top:22px;font-size:10px}}@media (prefers-reduced-motion:reduce){.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}