.portfolio-shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.portfolio .portfolio-intro{padding-block:30px 52px}.portfolio .portfolio-intro__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(40px,8vw,110px)}.portfolio .portfolio-intro h1{max-width:700px;font-size:clamp(2.25rem,4vw,3rem);line-height:1.13}.portfolio .portfolio-intro__copy>p:first-child{margin-top:0}.portfolio .portfolio-intro__copy>a{margin-top:16px}.portfolio .portfolio-work{padding-bottom:88px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}.portfolio-card{min-width:0}.portfolio-card__link{display:block;color:inherit;text-decoration:none;border-radius:18px}.portfolio-stage--light{--portfolio-stage: #eceff0}.portfolio-stage--dark{--portfolio-stage: #252321}.portfolio-stage--warm{--portfolio-stage: #eee8e2}.portfolio-stage--orange{--portfolio-stage: #f3d6a8}.portfolio-card__stage{position:relative;display:grid;place-items:center;aspect-ratio:3 / 2;padding:clamp(24px,3vw,36px);overflow:hidden;border-radius:18px;background:var(--portfolio-stage, #eceff0)}.portfolio-card__stage>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:6px;box-shadow:0 18px 32px -18px #0006;transition:transform .26s ease}.portfolio-card__arrow{position:absolute;right:18px;bottom:18px;display:grid;width:40px;height:40px;place-items:center;border:1px solid #e2e2df;border-radius:8px;background:#fff;color:var(--ink);transition:background-color .2s ease,border-color .2s ease}.portfolio-card__arrow svg{display:block;width:20px;height:20px;margin:0}.portfolio-card__caption{padding:24px 2px 0}.portfolio .portfolio-card__kind{margin:0 0 8px;color:var(--brand-dark);font-size:.875rem;font-weight:600}.portfolio .portfolio-card h3{font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.2}.portfolio .portfolio-card__caption>p:not(.portfolio-card__kind){max-width:510px;margin-top:12px;font-size:1rem}.portfolio-card__more{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:10px;font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:#c0bdb7;text-underline-offset:5px}.portfolio .agent-overview__contact .agent-overview__label{color:#f3bc62;margin-bottom:16px}.portfolio-project-image{margin:0;padding:48px;border-radius:18px;background:var(--portfolio-stage, #eceff0)}.portfolio-project-image>img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 20px 48px -24px #0007}.portfolio-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;margin:0;padding-block:32px;border-bottom:1px solid #e4e2de}.portfolio-facts dt{margin-bottom:6px;color:#707070;font-size:.875rem}.portfolio-facts dd{margin:0;font-size:1rem;font-weight:600;overflow-wrap:anywhere}.portfolio-story{padding-block:80px}.portfolio-story .agent-overview__split{align-items:start}.portfolio-story__service{margin-top:24px}.portfolio .portfolio-story__body>p:first-child{margin-top:0}.portfolio-highlights{margin-top:32px;padding-top:28px;border-top:1px solid #e4e2de}.portfolio-highlights ul{display:grid;gap:12px;padding-left:18px;margin:18px 0 0;color:#575757}.portfolio-highlights li::marker{color:var(--brand-dark)}.portfolio-related{padding-block:72px;background:#f6f6f5}.portfolio-related__heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:36px}.portfolio--detail .agent-overview__contact{padding-top:72px}.portfolio--overview .portfolio-intro{padding-block:48px;background:#f3f4f4}.portfolio-overview-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:64px}.portfolio-overview-hero__copy{min-width:0}.portfolio--overview .agent-overview__breadcrumb{margin-bottom:24px}.portfolio--overview .portfolio-intro h1{max-width:480px;font-size:clamp(2rem,3.5vw,2.75rem);text-wrap:pretty}.portfolio--overview .portfolio-intro__summary{margin-top:20px;max-width:420px;font-size:1rem}.portfolio--overview .portfolio-overview-hero__link{display:inline-flex;align-items:center;gap:16px;margin-top:28px}.portfolio-overview-hero__link svg{flex-shrink:0}.portfolio-collage{position:relative;width:100%;aspect-ratio:1.55;isolation:isolate}.portfolio-collage__shot{position:absolute;margin:0;overflow:hidden;border:3px solid #fff;border-radius:10px;background:#fff;box-shadow:0 14px 36px -14px #20232638}.portfolio-collage__shot img{display:block;width:100%;height:auto}.portfolio-collage__shot--one{top:0;left:0;width:78%}.portfolio-collage__shot--two{top:28%;right:0;z-index:2;width:60%}.portfolio-collage__shot--three{bottom:0;left:8%;z-index:3;width:48%}.portfolio--overview .portfolio-work{padding-top:56px;scroll-margin-top:84px}.portfolio-deck{position:relative;isolation:isolate}.portfolio-deck__card{position:relative;--deck-surface: #f1f3f4;--deck-ink: var(--ink);--deck-muted: #575757;--deck-line: #dfe1e1;--deck-accent: var(--brand-dark);margin-bottom:28px}.portfolio .portfolio-deck__card{scroll-margin-top:160px}.portfolio-deck__card--dark{--deck-surface: var(--anthracite);--deck-ink: #fff;--deck-muted: #d5d1cc;--deck-line: #3f3d3a;--deck-accent: var(--brand)}.portfolio-deck__card--warm{--deck-surface: #f1ece7}.portfolio-deck__card--orange{--deck-surface: #f5ead7}.portfolio-deck__card:last-child{margin-bottom:0}.portfolio-deck__link{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"copy media";align-items:center;gap:48px;min-height:400px;padding:32px;border:1px solid var(--deck-line);border-radius:18px;background:var(--deck-surface);color:var(--deck-ink);text-decoration:none;transform-origin:top center}.portfolio-deck__copy{grid-area:copy;min-width:0}.portfolio .portfolio-deck__kind{margin:0 0 16px;color:var(--deck-muted);font-size:.875rem}.portfolio .portfolio-deck__copy h3{color:var(--deck-ink);font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.18;text-wrap:pretty;overflow-wrap:anywhere}.portfolio-deck__more{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:28px;font-size:1rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--deck-muted);text-underline-offset:6px}.portfolio-deck__arrow{display:inline-flex;flex-shrink:0;color:var(--deck-accent)}.portfolio-deck__arrow svg{display:block;width:20px;height:20px}.portfolio-deck__media{grid-area:media;min-width:0;aspect-ratio:8 / 5}.portfolio-deck__media img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}.portfolio-deck__link:is(:hover,:focus-visible) .portfolio-deck__more{text-decoration-color:var(--deck-accent)}.portfolio-deck__card:focus-within{z-index:20}.portfolio-deck__card--dark .portfolio-deck__link:focus-visible{outline-color:var(--brand)}@media(min-width:900px)and (min-height:740px)and (prefers-reduced-motion:no-preference){.portfolio-deck__card{position:sticky;top:calc(104px + var(--case-offset, 0px));z-index:var(--case-order, 1);margin-bottom:clamp(48px,10vh,96px)}.portfolio-deck__card:last-child{margin-bottom:0}.portfolio-deck__link{transform:scale(var(--case-scale, 1))}.portfolio-deck__card:focus-within{z-index:20}.portfolio-deck__card:focus-within .portfolio-deck__link{transform:none}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.portfolio--detail .portfolio-card__link:hover .portfolio-card__stage>img{transform:translateY(-4px)}}.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__arrow{background:var(--brand);border-color:var(--brand)}.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__more{text-decoration-color:var(--brand-dark)}@media(max-width:899px){.portfolio-shell{width:calc(100% - 40px)}.portfolio .portfolio-intro__grid,.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:32px}.portfolio-grid{gap:44px}.portfolio-overview-hero{grid-template-columns:minmax(0,1fr);gap:36px}.portfolio-collage{max-width:620px;margin-inline:auto}.portfolio-deck__link{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "copy";gap:24px;min-height:0;padding:28px}.portfolio-deck__more{margin-top:16px}.portfolio-card__stage{padding:32px}.portfolio .portfolio-intro__copy{max-width:620px}.portfolio .portfolio-work{padding-bottom:56px}.portfolio-project-image{padding:24px}.portfolio-story,.portfolio-related{padding-block:56px}.portfolio--detail .agent-overview__contact{padding-top:56px}}@media(max-width:639px){.portfolio .portfolio-intro{padding-block:22px 36px}.portfolio--overview .portfolio-work{padding-top:32px}.portfolio-deck__link{padding:16px;border-radius:14px}.portfolio .portfolio-deck__kind{margin-bottom:10px}.portfolio .portfolio-deck__copy h3{font-size:1.625rem}.portfolio-card__stage{padding:16px;border-radius:14px}.portfolio-card__arrow{right:12px;bottom:12px}.portfolio-project-image{padding:16px;border-radius:14px}.portfolio-facts{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:28px}.portfolio-facts>div{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:16px}.portfolio-facts dt{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.portfolio-card__stage>img,.portfolio-card__arrow{transition:none}}
