.portfolio-page{overflow:clip}.portfolio-intro{padding-block:32px 56px}.portfolio-intro-grid{grid-template-columns:1fr .85fr;align-items:end;gap:70px;padding-top:38px;display:grid}.portfolio-intro h1{letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(43px,6vw,76px);line-height:1.4}.portfolio-intro h1>span{color:var(--muted);margin-top:18px;font-size:clamp(23px,3vw,38px);font-weight:500;line-height:1.8;display:block}.portfolio-summary>p:first-child{color:var(--muted);font-size:15px;line-height:2.1}.portfolio-live-link{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:16px;font-size:13px;display:flex}.portfolio-live-link>span{color:var(--accent);font:13px/1.8 ui-monospace,monospace}.portfolio-page .portfolio-evidence-label{color:var(--muted);font-size:11px;line-height:2}.portfolio-canvas{background:var(--raised);border:1px solid var(--line);border-radius:22px;padding:42px clamp(20px,5vw,70px) 70px;position:relative}.portfolio-canvas figure{margin:0}.portfolio-desktop{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:87%;overflow:hidden}.portfolio-desktop img{width:100%;height:auto;display:block}.portfolio-browser-bar{color:var(--muted);background:var(--surface);direction:ltr;justify-content:space-between;align-items:center;padding:10px 15px;font:10px/1.5 ui-monospace,monospace;display:flex}.portfolio-browser-bar>span:first-child{letter-spacing:4px;opacity:.45}.portfolio-mobile{background:var(--surface);border:7px solid var(--ink);border-radius:28px;width:23%;max-width:265px;position:absolute;bottom:30px;left:30px;overflow:hidden;box-shadow:0 16px 50px #0003}.portfolio-mobile img{width:100%;height:auto;display:block}.portfolio-page figcaption{color:var(--muted);text-align:center;padding:12px;font-size:11px}.portfolio-overview,.portfolio-next{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:72px;display:grid}.portfolio-page h2{letter-spacing:-.03em;margin:12px 0 22px;font-size:clamp(27px,3vw,38px);line-height:1.7}.portfolio-overview p:not(.eyebrow),.portfolio-detail-copy p:not(.eyebrow),.portfolio-estimator-heading p:not(.eyebrow),.portfolio-next p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2.1}.portfolio-observed{flex-wrap:wrap;gap:10px;margin-block:24px;display:flex}.portfolio-observed>span{background:var(--raised);border-radius:7px;padding:6px 12px;font-size:11px}.portfolio-detail{border-bottom:1px solid var(--line);grid-template-columns:.6fr 1.4fr;align-items:center;gap:48px;padding-block:64px;display:grid}.portfolio-feature-shot{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:0;overflow:hidden}.portfolio-feature-shot img{width:100%;height:auto;display:block}.portfolio-detail-copy>a,.portfolio-estimator-heading a,.portfolio-next a:not(.button){color:var(--accent);padding-block:12px;font-size:12px;display:inline-block}.portfolio-estimator{border-bottom:1px solid var(--line);padding-block:64px}.portfolio-estimator-heading{grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:32px;display:grid}.portfolio-estimator-images{grid-template-columns:1fr 250px;align-items:start;gap:32px;display:grid}.portfolio-estimator-images figure{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0;overflow:hidden}.portfolio-estimator-images img{width:100%;height:auto;display:block}.portfolio-action{margin-top:18px}@media (max-width:900px){.portfolio-detail{grid-template-columns:1fr;gap:24px}.portfolio-estimator-images{grid-template-columns:1fr 190px;gap:20px}}@media (max-width:760px){.portfolio-intro-grid,.portfolio-overview,.portfolio-next,.portfolio-estimator-heading{grid-template-columns:1fr;gap:20px}.portfolio-intro{padding-bottom:32px}.portfolio-intro-grid{padding-top:20px}.portfolio-canvas{border-radius:14px;grid-template-columns:1fr 100px;align-items:start;gap:12px;padding:18px 12px 24px;display:grid}.portfolio-desktop{border-radius:8px;width:100%}.portfolio-mobile{border:3px solid var(--ink);border-radius:12px;width:100%;position:static}.portfolio-browser-bar{padding:6px;font-size:6px}.portfolio-page figcaption{padding:8px;font-size:9px}.portfolio-overview,.portfolio-next,.portfolio-detail,.portfolio-estimator{padding-block:44px}.portfolio-estimator-images{grid-template-columns:1fr}.portfolio-estimator-images>figure:last-child{width:min(100%,300px);margin-inline:auto}}