.portfolio{--paper:#0b0f17;--surface:#121a27;--ink:#e5ebf5;--muted:#9aa7bd;--line:#29374d;--accent:#82b6ff;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:var(--ink);background:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.65 Hk Grotesk,Helvetica Neue,sans-serif;overflow:clip}.portfolio *,.portfolio :before,.portfolio :after{box-sizing:border-box}.portfolio ::selection{color:#0b0f17;background:#82b6ff}.portfolio a{color:inherit;font-family:inherit;text-decoration:none}.portfolio button,.portfolio input{font-family:inherit}.portfolio p{max-width:none;margin:0}.portfolio h1,.portfolio h2,.portfolio h3{color:inherit;margin:0;font-family:Hk Grotesk,Helvetica Neue,sans-serif;font-weight:500}.portfolio h2:after{display:none}.portfolio img{zoom:1}.portfolio section{padding:0;scroll-margin-top:32px}.portfolio :is(a,button,input):focus-visible{outline-offset:5px;outline:2px solid var(--accent)!important}.portfolio em{color:var(--accent);font-family:inherit;font-style:normal}.portfolio-container{width:min(1280px,100% - 128px);margin-inline:auto}.portfolio-arrow{vertical-align:middle;flex-shrink:0;transition:transform .2s;display:inline-block}.portfolio a:hover>.portfolio-arrow{transform:translate(3px,-2px)}.portfolio-skip{background:var(--accent);z-index:1000;padding:12px 22px;position:fixed;top:-100px;left:20px;color:var(--paper)!important}.portfolio-skip:focus{top:16px}.portfolio-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;height:88px;display:flex}.portfolio-brand{align-items:center;gap:13px;display:inline-flex;font:14px/1 var(--mono)!important}.portfolio-brand__monogram{background:var(--accent);width:32px;height:32px;color:var(--paper);letter-spacing:-2px;border-radius:2px;grid-template-columns:auto auto;justify-content:center;align-items:center;padding-right:3px;font-size:17px;font-weight:700;display:grid}.portfolio-brand__path{color:var(--muted)}.portfolio-nav__links{font:12px/1.5 var(--mono);gap:29px;margin-left:auto;margin-right:20px;display:flex}.portfolio-nav__links a{color:#bbc1c9;align-items:center;gap:6px;min-height:44px;display:flex}.portfolio-nav__links a:before{color:#7c8693;font-size:10px}.portfolio-nav__links a:first-child:before{content:"01"}.portfolio-nav__links a:nth-child(2):before{content:"02"}.portfolio-nav__links a:nth-child(3):before{content:"03"}.portfolio-nav__links a:nth-child(4):before{content:"04"}.portfolio-nav__links a[aria-current=page],.portfolio-nav__links a:hover{color:var(--accent)}.portfolio-nav__contact{border:1px solid #435061;border-radius:2px;align-items:center;gap:15px;min-height:42px;padding:9px 16px;display:flex;font:12px/1.7 var(--mono)!important}.portfolio-nav__contact .portfolio-arrow{width:16px}.portfolio-nav__contact:hover{color:var(--accent);background:#181f28}.portfolio .portfolio-hero{grid-template-columns:1.12fr 1fr;column-gap:65px;padding-top:91px;display:grid;position:relative}.portfolio-hero:before{content:"";pointer-events:none;opacity:.09;background-image:radial-gradient(#525f72 .7px,#0000 .7px);background-size:24px 24px;position:absolute;inset:0 -80px;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.portfolio-hero>*{min-width:0;position:relative}.portfolio-eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.25px}.portfolio-hero__copy>.portfolio-eyebrow{color:var(--muted);align-items:center;gap:10px;display:flex}.portfolio-status-dot{background:var(--accent);flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #82b6ff33}.portfolio-hero h1{letter-spacing:-4.6px;margin-top:32px;margin-bottom:27px;font-size:clamp(61px,5.8vw,84px);font-weight:600;line-height:1.04}.portfolio-hero h1 em{color:var(--accent);font-weight:500}.portfolio-cursor{color:var(--accent);font:52px/.8 var(--mono);margin-left:5px;display:inline-block}.portfolio-hero__intro{color:#aeb6c0;font-size:17px;line-height:1.8;max-width:470px!important}.portfolio .portfolio-hero__focus{color:var(--muted);font:11px/1.9 var(--mono);max-width:470px;margin-top:25px}.portfolio-code-key{color:#9bccd1}.portfolio-hero__focus strong{color:var(--ink);font-weight:400}.portfolio-hero__actions{align-items:center;gap:30px;margin-top:30px;display:flex}.portfolio-button{background:var(--accent);border:1px solid var(--accent);border-radius:2px;align-items:center;gap:27px;padding:14px 21px;display:inline-flex;color:#0b0f17!important;font:12px/1.7 var(--mono)!important}.portfolio-button:hover{background:#aed0ff;transform:translate(-2px,-2px);box-shadow:4px 4px #2a3442}.portfolio-text-link{align-items:center;gap:11px;min-height:44px;display:inline-flex;font:12px/1.6 var(--mono)!important}.portfolio-text-link:hover{color:var(--accent)}.portfolio-hero__visual{align-self:start;padding-top:0}.portfolio-person{align-items:center;gap:12px;margin-top:17px;display:flex}.portfolio-person img{object-fit:cover;filter:grayscale(.9);border:1px solid #3c4450;border-radius:3px;width:36px;height:36px}.portfolio-person p{font:10px/1.8 var(--mono);color:#bcc3cc}.portfolio-person p span{color:var(--muted);font-size:9px}.portfolio-hero__foot{grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:72px;padding-block:15px 26px;display:flex}.portfolio-hero__foot>span{font:10px/1.7 var(--mono);color:var(--muted)}.portfolio-hero__foot a{font:10px/1.5 var(--mono);color:#9aa5b4;align-items:center;gap:20px;display:flex}.portfolio-hero__foot a span{color:var(--accent);font-size:20px}.portfolio-credentials{border-block:1px solid var(--line);background:#101215}.portfolio-credentials__inner{justify-content:space-between;align-items:center;gap:25px;padding-block:27px;display:flex}.portfolio-credentials__inner>.portfolio-eyebrow{color:var(--muted);letter-spacing:.5px;font-size:9px}.portfolio-credentials__name{font:20px/1.3 var(--mono);color:#b6bec8;letter-spacing:-.8px}.portfolio-credentials__name>span{font:9px/1.5 var(--mono);color:var(--muted);letter-spacing:0;margin-top:8px;display:block}.portfolio .portfolio-work{padding-block:92px 90px}.portfolio-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.portfolio-section-heading .portfolio-eyebrow{color:var(--accent);margin-bottom:15px}.portfolio-section-heading .portfolio-eyebrow:before{content:"// ";color:#798ba3}.portfolio-section-heading h2{letter-spacing:-1.45px;font-size:clamp(32px,3.25vw,44px);line-height:1.15}.portfolio-section-heading>p,.portfolio-work__tools>p{color:var(--muted);padding-bottom:3px;font-size:13px;line-height:1.75}.portfolio-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.portfolio-case{flex-direction:column;min-width:0;display:flex}.portfolio-cover{aspect-ratio:3/2;border:1px solid var(--line);background:var(--surface);color:var(--ink);isolation:isolate;border-radius:4px;flex-direction:column;justify-content:space-between;padding:20px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.portfolio-cover .project-animation{z-index:-1;position:absolute;inset:0}.portfolio-case:hover .portfolio-cover,.portfolio-case:focus-visible .portfolio-cover{border-color:var(--accent)}.portfolio-cover__label{font:8px/1.5 var(--mono);letter-spacing:1px;text-shadow:0 1px 10px #0b0f17;justify-content:space-between;align-items:center;gap:10px;display:flex}.portfolio-cover__label>span:last-child{font-size:16px}.portfolio-cover__label strong{color:var(--accent);font-size:11px;font-weight:500}.portfolio-cover__bottom{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.portfolio-cover__bottom>span:first-child{font:25px/1.2 var(--mono);letter-spacing:-1.2px}.portfolio-cover__bottom>span:last-child{text-align:right;max-width:75px;font:7px/1.5 var(--mono)}.portfolio-cover__suffix{color:var(--accent)}@media (min-width:621px) and (max-width:1050px){.portfolio-cover{padding:14px}.portfolio-cover__label{letter-spacing:.5px;font-size:6px}.portfolio-cover__bottom>span:first-child{font-size:20px}.portfolio-cover__bottom>span:last-child{display:none}}.portfolio-case__meta{font:9px/1.6 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin-block:20px 11px;display:flex}.portfolio-case__meta .portfolio-arrow{width:16px;color:var(--accent)}.portfolio-case h3{letter-spacing:-.6px;max-width:300px;margin-bottom:13px;font-size:25px;line-height:1.23}.portfolio-case>p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.8}.portfolio-case__tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.portfolio-case__tags span{font:9px/1.5 var(--mono);color:#a9b3c0;border:1px solid var(--line);border-radius:2px;padding:4px 7px}.portfolio .portfolio-about{border-block:1px solid var(--line);background:#121519;padding-block:76px}.portfolio-about__inner{grid-template-columns:1fr 1fr;gap:105px;display:grid}.portfolio-about .portfolio-eyebrow{color:var(--accent)}.portfolio-about h2{letter-spacing:-2px;margin-block:23px;font-size:52px;line-height:1.1}.portfolio-about__intro>p:not(.portfolio-eyebrow){color:#a3adba;max-width:480px;margin-top:17px;font-size:14px;line-height:1.9}.portfolio-about__links{flex-wrap:wrap;gap:32px;margin-top:25px;display:flex}.portfolio-about__links a{font:12px/1.6 var(--mono);color:var(--accent);border-bottom:1px solid #33445b;align-items:center;gap:12px;padding-block:8px;display:flex}.portfolio-principles{padding-top:0}.portfolio-principle{border-bottom:1px solid #293039;grid-template-columns:28px 1fr;gap:17px;padding-block:23px;display:grid}.portfolio-principle:first-child{padding-top:0}.portfolio-principle>span{color:var(--accent);font:10px/2.7 var(--mono)}.portfolio-principle h3{font:17px/1.5 var(--mono);letter-spacing:-.4px;margin-bottom:10px}.portfolio-principle p{color:#a3adba;font-size:13px;line-height:1.75}.portfolio-about__signature{font:11px/1.6 var(--mono);align-items:center;gap:13px;padding-top:25px;display:flex}.portfolio-about__signature img{object-fit:cover;filter:grayscale(.9);border-radius:3px;width:43px;height:43px}.portfolio-about__signature>span>span{color:#9da6b3;margin-top:3px;font-size:10px;display:block}.portfolio-about__asterisk{color:var(--accent);font:32px/1 var(--mono);margin-left:auto}.portfolio .portfolio-projects{padding-block:90px 45px}.portfolio-projects h2{font:42px/1.2 var(--mono);letter-spacing:-2px}.portfolio-heading-count{color:var(--muted);font:16px/1 var(--mono);vertical-align:middle;letter-spacing:-.5px;margin-left:16px}.portfolio .portfolio-notes{padding-block:43px 89px}.portfolio-notes .portfolio-section-heading{margin-bottom:29px}.portfolio-notes__list{border-top:1px solid var(--line)}.portfolio-note{border-bottom:1px solid var(--line);grid-template-columns:124px 1fr 125px;align-items:center;gap:35px;padding-block:27px;display:grid}.portfolio-note__date{font:10px/1.6 var(--mono);color:var(--muted);align-self:start;padding-top:3px}.portfolio-note__tag{color:#8fa6c5;font:9px/1.6 var(--mono);margin-bottom:9px;display:block}.portfolio-note h3{letter-spacing:-.4px;font-size:23px;line-height:1.3;transition:color .2s}.portfolio-note:hover h3{color:var(--accent)}.portfolio-note p{color:var(--muted);max-width:640px;margin-top:10px;font-size:12px;line-height:1.75}.portfolio-note__read{font:9px/1.6 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;display:flex}.portfolio-note__read .portfolio-arrow{color:var(--accent);width:18px}.portfolio .portfolio-contact{background:#121820;border-block:1px solid #2a3544;padding-block:64px 46px}.portfolio-contact .portfolio-eyebrow{color:#adbed5}.portfolio-contact__heading{justify-content:space-between;align-items:center;gap:32px;margin-block:29px 34px;display:flex}.portfolio-contact h2{letter-spacing:-2.5px;font-size:clamp(40px,5.1vw,68px);line-height:1.12}.portfolio-contact__arrow{background:var(--accent);width:83px;height:83px;color:var(--paper);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.portfolio-contact__arrow .portfolio-arrow{width:36px;height:36px}.portfolio-contact__heading:hover .portfolio-contact__arrow{transform:translate(4px,-4px);box-shadow:-5px 5px #304562}.portfolio-contact__bottom{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.portfolio-contact__email{border-bottom:1px solid #445977;padding-bottom:5px;font:15px/1.6 var(--mono)!important;color:var(--accent)!important}.portfolio-contact__bottom p{color:#a0adbf;font-size:12px;line-height:1.7}.portfolio-footer{font:9px/1.7 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:23px;display:flex}.portfolio-footer nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.portfolio-footer nav a{align-items:center;gap:5px;min-height:44px;display:inline-flex}.portfolio-footer nav a:hover{color:var(--accent)}.portfolio-footer .portfolio-arrow{width:11px;height:11px}.portfolio-footer__note{font-size:9px}@media (prefers-reduced-motion:no-preference){.portfolio-hero__copy{animation:.6s both portfolio-boot}.portfolio-hero__visual{animation:.7s .1s both portfolio-boot}.portfolio-cursor{animation:1.4s step-end 4 portfolio-blink}@keyframes portfolio-boot{0%{transform:translateY(10px)}to{transform:none}}@keyframes portfolio-blink{50%{opacity:0}}}@media (max-width:1150px){.portfolio-container{width:calc(100% - 80px)}.portfolio .portfolio-hero{gap:38px;padding-top:67px}.portfolio-hero h1{letter-spacing:-3.8px;font-size:65px}.portfolio-cursor{font-size:38px}.portfolio-hero__copy>.portfolio-eyebrow{letter-spacing:.7px;font-size:8px}.portfolio-hero__intro{font-size:16px}.portfolio-hero__focus{font-size:10px!important}.portfolio-hero__actions{gap:20px}.portfolio-button{gap:18px;padding-inline:16px}.portfolio-hero__actions .portfolio-text-link{font-size:10px!important}.portfolio-hero__foot{margin-top:27px}.portfolio-credentials__name{font-size:18px}.portfolio-credentials__inner>.portfolio-eyebrow{font-size:8px}.portfolio-cases{gap:21px}.portfolio-about__inner{gap:60px}.portfolio-note{grid-template-columns:113px 1fr 111px;gap:25px}.portfolio-footer__note{display:none}}@media (max-width:850px){.portfolio-container{width:calc(100% - 48px)}.portfolio-nav{gap:18px;height:77px}.portfolio-nav__links{gap:21px;margin-right:4px;font-size:11px}.portfolio-brand{font-size:12px!important}.portfolio-brand__path{display:none}.portfolio .portfolio-hero{grid-template-columns:1fr;gap:0;padding-top:57px}.portfolio-hero__copy{max-width:640px}.portfolio-hero h1{letter-spacing:-4.5px;margin-top:26px;font-size:78px}.portfolio-cursor{font-size:48px}.portfolio-hero__copy>.portfolio-eyebrow{letter-spacing:.9px;font-size:10px}.portfolio-hero__intro{font-size:17px;max-width:540px!important}.portfolio .portfolio-hero__focus{max-width:none;font-size:11px!important}.portfolio-hero__visual{width:100%;max-width:640px;margin-top:42px}.portfolio-hero__actions .portfolio-text-link{font-size:12px!important}.portfolio-hero__foot{margin-top:32px}.portfolio-credentials__inner{gap:18px}.portfolio-credentials__inner>.portfolio-eyebrow{display:none}.portfolio-credentials__name{font-size:17px}.portfolio-credentials__name>span{font-size:8px}.portfolio .portfolio-work{padding-block:65px}.portfolio-section-heading>p{font-size:11px}.portfolio-cases{gap:16px}.portfolio-case__meta{font-size:8px}.portfolio-case h3{font-size:21px}.portfolio-case>p{font-size:12px}.portfolio-case__tags span{font-size:8px}.portfolio-about__inner{gap:37px}.portfolio-about h2{font-size:42px}.portfolio-about__intro>p:not(.portfolio-eyebrow){font-size:13px}.portfolio-principle{grid-template-columns:23px 1fr;gap:10px}.portfolio-principle h3{font-size:15px}.portfolio-principle p{font-size:12px}.portfolio-about__links{gap:22px}.portfolio-about__links a{font-size:11px}.portfolio-note{grid-template-columns:100px 1fr 20px;gap:18px}.portfolio-note__read{gap:0;font-size:0}.portfolio-note h3{font-size:21px}.portfolio-contact h2{letter-spacing:-1.7px;font-size:45px}.portfolio-contact__arrow{width:66px;height:66px}}@media (max-width:620px){.portfolio-container{width:calc(100% - 40px)}.portfolio-nav{gap:11px;height:73px}.portfolio-brand{gap:9px;font-size:11px!important}.portfolio-brand__monogram{width:27px;height:27px;font-size:15px}.portfolio-nav__links{gap:14px;margin-right:0;font-size:10px}.portfolio-nav__links a:before{display:none}.portfolio-nav__contact{border:none;gap:5px;padding:0;font-size:10px!important}.portfolio-nav__contact .portfolio-arrow{width:12px}.portfolio .portfolio-hero{padding-top:43px}.portfolio-hero h1{letter-spacing:-2.5px;margin-block:28px 23px;font-size:clamp(43px,11.1vw,67px);line-height:1.09}.portfolio-cursor{margin-left:3px;font-size:29px}.portfolio-hero__copy>.portfolio-eyebrow{letter-spacing:.45px;gap:8px;font-size:8px}.portfolio-hero__intro{font-size:16px;line-height:1.8}.portfolio .portfolio-hero__focus{margin-top:20px;font-size:10px!important}.portfolio-hero__actions{gap:24px;margin-top:25px}.portfolio-button{gap:17px;padding:13px 15px;font-size:11px!important}.portfolio-hero__actions .portfolio-text-link{gap:8px;font-size:10px!important}.portfolio-hero__actions .portfolio-text-link .portfolio-arrow{width:15px}.portfolio-hero__visual{margin-top:35px}.portfolio-person p{font-size:9px}.portfolio-person p span{font-size:8px}.portfolio-person img{width:34px;height:34px}.portfolio-hero__foot{align-items:flex-end;gap:20px;margin-top:27px;padding-bottom:22px}.portfolio-hero__foot>span{max-width:190px;font-size:8px}.portfolio-hero__foot a{text-align:right;gap:9px;font-size:8px}.portfolio-credentials__inner{grid-template-columns:1fr 1fr;gap:23px;padding-block:26px;display:grid}.portfolio-credentials__inner>.portfolio-eyebrow{grid-column:1/-1;font-size:8px;display:block}.portfolio-credentials__name{font-size:20px}.portfolio-credentials__name>span{font-size:9px}.portfolio .portfolio-work{padding-block:55px 58px}.portfolio-section-heading{margin-bottom:27px;display:block}.portfolio-section-heading h2{letter-spacing:-1px;font-size:34px}.portfolio-eyebrow{letter-spacing:1px;font-size:9px}.portfolio-section-heading>p{margin-top:16px;font-size:13px}.portfolio-section-heading>p br{display:none}.portfolio-section-heading>.portfolio-text-link{margin-top:17px}.portfolio-cases{grid-template-columns:1fr;gap:36px}.portfolio-case__meta{margin-top:18px;font-size:10px}.portfolio-case h3{max-width:340px;font-size:26px}.portfolio-case>p{font-size:14px}.portfolio-case__tags span{font-size:9px}.portfolio .portfolio-about{padding-block:50px}.portfolio-about__inner{grid-template-columns:1fr;gap:36px}.portfolio-about h2{letter-spacing:-1.5px;font-size:43px}.portfolio-about__intro>p:not(.portfolio-eyebrow){font-size:14px}.portfolio-principle{gap:14px}.portfolio-principle h3{font-size:17px}.portfolio-principle p{font-size:13px}.portfolio .portfolio-projects{padding-block:54px 28px}.portfolio-projects h2{letter-spacing:-1.5px;font-size:33px}.portfolio-heading-count{margin-left:12px;font-size:14px}.portfolio .portfolio-notes{padding-block:28px 53px}.portfolio-note{grid-template-columns:1fr 20px;gap:12px;padding-block:23px}.portfolio-note__date{grid-column:1/-1;padding:0;font-size:9px}.portfolio-note h3{font-size:22px}.portfolio-note p{font-size:12px}.portfolio-note__tag{font-size:8px}.portfolio .portfolio-contact{padding-block:43px 35px}.portfolio-contact__heading{align-items:flex-end;gap:16px;margin-block:25px 28px}.portfolio-contact h2{letter-spacing:-1px;font-size:clamp(30px,7.5vw,42px)}.portfolio-contact__arrow{width:40px;height:40px;margin-bottom:3px}.portfolio-contact__arrow .portfolio-arrow{width:22px;height:22px}.portfolio-contact__bottom{display:block}.portfolio-contact__email{font-size:14px!important}.portfolio-contact__bottom p{margin-top:20px;font-size:12px}.portfolio-contact__bottom p br{display:none}.portfolio-footer{flex-direction:column-reverse;align-items:flex-start;gap:8px;padding-block:17px 26px}.portfolio-footer nav{gap:26px;font-size:11px}}@media (max-width:360px){.portfolio-container{width:calc(100% - 32px)}.portfolio-brand>span:last-child{display:none}.portfolio-nav__links{gap:17px}.portfolio-hero h1{letter-spacing:-2px;font-size:38px}.portfolio-cursor{font-size:24px}.portfolio-hero__copy>.portfolio-eyebrow{font-size:7px}.portfolio-hero__actions{gap:17px}.portfolio-about h2{font-size:37px}.portfolio-contact h2{font-size:27px}}@media (prefers-reduced-motion:reduce){html:has(.portfolio){scroll-behavior:auto}.portfolio *,.portfolio :before,.portfolio :after{transition:none!important;animation:none!important}}