.portfolio-page{background:var(--ink);color:var(--text)}.portfolio-page .shell{width:min(var(--shell),calc(100vw - 96px));margin-inline:auto}.portfolio-hero{padding:1px 0 56px}.portfolio-hero-copy{padding-bottom:40px}.portfolio-kicker{color:#5b6553;letter-spacing:.12em;margin:0 0 16px;font-size:10px;font-weight:650;display:block}.portfolio-hero h1{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(32px,3.8vw,56px);font-weight:600;line-height:1.2}.portfolio-hero h1 span{display:inline-block}.portfolio-intro{color:#555d50;margin:0;font-size:16px;line-height:1.8}.portfolio-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portfolio-category{background:#f8f9f4d9;border:1px solid #fff;border-radius:18px;align-items:center;gap:18px;min-width:0;padding:18px;transition:background .2s,transform .2s;display:flex;position:relative}.portfolio-category:hover{background:#fff;transform:translateY(-3px)}.portfolio-category-image{background:#d8ddd1;border-radius:10px;flex:0 0 90px;height:110px;position:relative;overflow:hidden}.portfolio-category img{object-fit:cover;object-position:center 25%}.portfolio-category .portfolio-kicker{margin-bottom:10px;font-size:8px}.portfolio-category h2{margin:0 0 8px;font-size:22px;font-weight:600}.portfolio-category p{color:#555f4b;margin:0;font-size:11px;line-height:1.7}.portfolio-arrow{color:#65745a;position:absolute;top:10px;right:12px}.portfolio-selected{background:var(--studio-surface);padding:56px 0}.portfolio-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.portfolio-section-head h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:600}.portfolio-section-head>span{color:#606b55;font-size:12px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;display:grid}.portfolio-work{min-width:0;display:block}.portfolio-work-image{aspect-ratio:4/3;background:#dce0d6;border-radius:14px;position:relative;overflow:hidden}.portfolio-work-image img{object-fit:cover;object-position:center 25%;transition:transform .45s}.portfolio-work:hover img{transform:scale(1.035)}.portfolio-work-caption{justify-content:space-between;align-items:center;padding:17px 2px 4px;display:flex}.portfolio-work-caption p{color:#57624b;margin:0 0 6px;font-size:11px}.portfolio-work-caption h3{margin:0;font-size:20px;font-weight:600}.portfolio-work-caption>span{color:#5f6c53;font-size:24px}.portfolio-contact{border-top:1px solid #b4bdaa66;justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding-top:30px;display:flex}.portfolio-contact p{margin:0;font-size:18px}.portfolio-contact a{color:#fff;white-space:nowrap;background:#30392a;border-radius:999px;padding:14px 24px;font-size:14px}.portfolio-contact a:hover{background:#46543c}@media (max-width:1180px){.portfolio-category{gap:12px;padding:14px}.portfolio-category-image{flex-basis:65px;height:90px}}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-category-image{display:none}}@media (max-width:768px){.portfolio-page .shell{width:calc(100vw - 32px)}.portfolio-hero{padding-bottom:32px}.portfolio-intro{font-size:15px}.portfolio-categories{grid-template-columns:1fr;gap:12px}.portfolio-category{gap:18px;padding:16px}.portfolio-category-image{flex-basis:82px;height:88px;display:block}.portfolio-category .portfolio-kicker{margin-bottom:7px;font-size:9px}.portfolio-category h2{font-size:22px}.portfolio-category p{font-size:12px}.portfolio-selected{padding:36px 0}.portfolio-section-head h2{font-size:22px}.portfolio-section-head>span{font-size:10px}.portfolio-contact{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portfolio-category,.portfolio-work-image img{transition:none}}