.portfolio-shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.portfolio-heading{padding-block:76px 65px;text-align:center}.portfolio-heading .eyebrow{font-size:17px;color:var(--color-ink)}.portfolio-heading h1{margin-top:20px;font-size:clamp(48px,6vw,80px);font-weight:600;line-height:1.04;letter-spacing:-.045em}.portfolio-heading h1>span{color:var(--color-ink-mute)}.portfolio-heading-bottom{margin-top:25px}.portfolio-heading-bottom p{color:var(--color-ink-mute);font-size:20px;line-height:1.45}.portfolio-heading-bottom nav{display:flex;justify-content:center;gap:12px;margin-top:28px}.portfolio-heading-bottom nav a{padding:12px 21px;background:var(--color-paper-2);border-radius:30px;color:var(--color-ink);font-size:14px;display:flex;gap:22px}.portfolio-heading-bottom nav a span{color:var(--color-ink-mute);font-size:12px}.portfolio-heading-bottom nav a:hover{background:var(--color-paper-3)}.portfolio-web{padding-bottom:90px}.portfolio-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:30px}.portfolio-section-label h2{font-size:32px;font-weight:600;letter-spacing:-.035em}.portfolio-section-label>span{font-size:13px;color:var(--color-ink-mute)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.portfolio-card{min-width:0;border-radius:28px;background:var(--color-paper-2);overflow:clip}.portfolio-preview{display:block;padding:38px 30px 12px;transition:translate .4s}.portfolio-preview:hover{translate:0 -4px}.portfolio-info{padding:20px 30px 32px}.portfolio-meta{display:flex;justify-content:space-between;gap:15px;color:var(--color-ink-mute);font-size:12px}.portfolio-info h3{margin-top:10px;font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:600}.portfolio-info h3 a{display:flex;justify-content:space-between;gap:12px;align-items:center}.portfolio-info h3 a>span[aria-hidden]{font-size:22px;color:var(--color-accent)}.portfolio-info>p{color:var(--color-ink-mute);font-size:15px;line-height:1.5;margin-top:12px}.portfolio-app-section{background:var(--color-paper-2);padding-block:80px}.portfolio-app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:38px}.portfolio-app{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 5px;transition:translate .4s}.portfolio-app:hover{translate:0 -4px}.portfolio-app img{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 16px #00000012;margin-bottom:21px}.portfolio-app-category{color:var(--color-ink-mute);font-size:11px}.portfolio-app h3{font-size:20px;font-weight:600;letter-spacing:-.025em;margin-top:7px}.portfolio-app p{font-size:13px;color:var(--color-ink-mute);margin-block:10px 20px;line-height:1.5}.portfolio-app-link{font-size:13px;color:var(--color-accent);margin-top:auto}.portfolio-contact{margin-block:80px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--color-paper-2);border-radius:32px;padding:60px}.portfolio-contact p{font-size:16px;color:var(--color-ink-mute);margin-bottom:18px}.portfolio-contact h2{font-size:52px;line-height:1.06;letter-spacing:-.045em;font-weight:600}@media(max-width:1050px){.portfolio-shell{width:calc(100% - 64px)}.portfolio-preview{padding:28px 20px 8px}.portfolio-info{padding:20px 24px 28px}.portfolio-info h3{font-size:25px}.portfolio-app-grid{gap:16px}.portfolio-app h3{font-size:17px}}@media(max-width:700px){.portfolio-shell{width:calc(100% - 40px)}.portfolio-heading{padding-block:50px}.portfolio-heading h1{font-size:54px}.portfolio-heading-bottom p{font-size:18px}.portfolio-section-label h2{font-size:27px}.portfolio-section-label>span{font-size:11px}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-info h3{font-size:26px}.portfolio-info>p{font-size:14px}.portfolio-web{padding-bottom:55px}.portfolio-card{border-radius:26px}.portfolio-app-section{padding-block:54px}.portfolio-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px}.portfolio-app:last-child{grid-column:1/-1;width:50%;justify-self:center}.portfolio-app{padding:12px 0}.portfolio-app h3{font-size:19px}.portfolio-contact{padding:38px 28px;margin-block:45px;display:block}.portfolio-contact h2{font-size:40px}.portfolio-contact .btn-primary{margin-top:27px}.portfolio-info h3 a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.portfolio-preview:hover,.portfolio-app:hover{translate:none}}