.dev-portfolio{--p-bg:#eeeee9;--p-ink:#171719;--p-muted:#5f5f63;--p-line:#c8c8c4;background:var(--p-bg);min-height:100vh;color:var(--p-ink)}.portfolio-hero{width:min(1180px,100% - 48px);margin:auto;padding:120px 0 82px}.portfolio-hero>p,.case-label{color:#77777b;font:650 12px/1.5 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;margin:0}.portfolio-hero h1{max-width:960px;font:600 clamp(58px,8vw,112px)/.88 var(--font-display);letter-spacing:-.07em;margin:22px 0 70px}.portfolio-hero>div:not(.portfolio-hero-top){border-top:1px solid var(--p-line);justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.portfolio-hero>div:not(.portfolio-hero-top) p{max-width:510px;color:var(--p-muted);margin:0;font-size:17px;line-height:1.65}.portfolio-hero>div:not(.portfolio-hero-top) span{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:650}.portfolio-index{border-block:1px solid var(--p-line);grid-template-columns:repeat(5,1fr);width:min(1180px,100% - 48px);margin:0 auto 150px;display:grid}.portfolio-index a{border-right:1px solid var(--p-line);min-height:112px;font:600 15px var(--font-display);flex-direction:column;justify-content:space-between;padding:18px;transition:background .2s;display:flex}.portfolio-index a:last-child{border-right:0}.portfolio-index a:hover{background:#fff}.portfolio-index span{color:#98989b;font:500 10px var(--font-sans)}.case-studies{width:min(1180px,100% - 48px);margin:auto}.case-study{border-top:1px solid var(--p-line);padding:85px 0 140px;scroll-margin-top:24px}.case-study>header{grid-template-columns:1fr 2fr;align-items:end;gap:32px;margin-bottom:56px;display:grid}.case-study>header>div{color:var(--p-muted);text-transform:uppercase;letter-spacing:.08em;align-self:start;gap:15px;font-size:11px;display:flex}.case-study>header>div p{margin:0}.case-study>header h2{font:600 clamp(42px,4vw,58px)/.95 var(--font-display);letter-spacing:-.05em;margin:0}.case-layout{grid-template-columns:1.15fr 1fr;gap:8vw;display:grid}.case-visual{background:#d8e5fa;border-radius:3px;flex-direction:column;justify-content:space-between;min-height:560px;padding:38px;display:flex;position:relative;overflow:hidden}.case-visual>span{z-index:1;font:600 clamp(34px,4vw,58px) var(--font-display);letter-spacing:-.055em;position:relative}.case-visual i{aspect-ratio:1;border:1px solid #ffffff90;border-radius:50%;width:70%;position:absolute;bottom:10%;right:-12%;box-shadow:0 0 0 60px #ffffff1f,0 0 0 120px #ffffff17}.case-visual small{z-index:1;letter-spacing:.09em;text-transform:uppercase;font-size:10px;position:relative}.case-visual-2{color:#fff;background:#171b25}.case-visual-3{background:#c9dfcf}.case-visual-4{background:#e9dc91}.case-visual-5{color:#fff;background:#938be2}.case-content{flex-direction:column;gap:42px;display:flex}.case-content>div{border-top:1px solid var(--p-line);padding-top:17px}.case-content>div>p:last-child{color:var(--p-muted);margin:16px 0 0;font-size:15px;line-height:1.75}.stack-list{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.stack-list li{background:#f4f4f0;border:1px solid #bdbdb8;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:600}.case-link{border-bottom:1px solid var(--p-ink);align-self:flex-start;padding-bottom:5px;font-size:13px;font-weight:650}.case-private{color:var(--p-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}@media (max-width:820px){.portfolio-hero{padding:90px 0 64px}.portfolio-hero h1{margin-bottom:48px}.portfolio-hero>div:not(.portfolio-hero-top){flex-direction:column;align-items:flex-start;gap:24px}.portfolio-index{grid-template-columns:1fr;margin-bottom:90px}.portfolio-index a{border-right:0;border-bottom:1px solid var(--p-line);min-height:72px}.portfolio-index a:last-child{border-bottom:0}.case-study{padding:64px 0 95px}.case-study>header{grid-template-columns:1fr auto;gap:20px}.case-study>header>div{grid-column:1/-1}.case-layout{grid-template-columns:1fr;gap:50px}.case-visual{min-height:420px}}@media (max-width:520px){.portfolio-hero,.portfolio-index,.case-studies{width:calc(100% - 32px)}.portfolio-hero h1{font-size:15vw}.case-study>header{grid-template-columns:1fr}.case-study>header>div{grid-column:1}.case-study>header h2{grid-area:2/1;font-size:10vw}.case-visual{min-height:340px;padding:26px}}.portfolio-hero{padding-top:148px}.portfolio-hero>.portfolio-hero-top{border-top:0;justify-content:space-between;align-items:center;padding-top:0;display:flex}.portfolio-hero-top>span{color:#78787c;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:400;line-height:1.5}.portfolio-hero h1{margin-top:92px}@media (max-width:820px){.portfolio-hero{padding-top:130px}.portfolio-hero>.portfolio-hero-top{flex-direction:row;align-items:center;gap:24px}.portfolio-hero h1{margin-top:72px}}@media (max-width:520px){.portfolio-hero>.portfolio-hero-top{flex-direction:column;align-items:stretch}.portfolio-hero-top>span{display:none}}.case-visual-card{min-height:560px;box-shadow:none;border-radius:3px;display:block;overflow:hidden}.case-visual-card .shared-project-stage{width:100%;height:100%;min-height:560px}.case-visual-card .shared-project-1{background:linear-gradient(145deg,#d9e9ff,#779fec)}.case-visual-card .shared-project-2{background:linear-gradient(145deg,#202533,#090b10)}.case-visual-card .shared-project-3{background:linear-gradient(145deg,#e4efe8,#a7cbb4)}.case-visual-card .shared-project-4{background:linear-gradient(145deg,#f2edcf,#dcc766)}.case-visual-card .shared-project-5{background:linear-gradient(145deg,#dcd8ff,#7a71d6)}@media (max-width:820px){.case-visual-card,.case-visual-card .shared-project-stage{min-height:430px}}