/* Editorial portfolio: CMS content, original photography, native document flow. */
.page-project .case-page--agents .case-hero .interior-hero-media img{object-position:72% center}
.page-project .case-page--agents .case-hero .interior-hero-content{max-width:1440px}
.page-project .case-page--agents .case-hero .interior-lead{max-width:550px}
:is(.page-projects,.page-project) .portfolio-card[data-project="startit-agents"] .portfolio-card-media>img{object-position:72% center}
:is(.page-projects,.page-project){--portfolio-ink:#202a34;--portfolio-muted:#64717e;--portfolio-line:#d6dde3;--portfolio-blue:#245d96}
:is(.page-projects,.page-project) .interior-kicker{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.page-projects .portfolio-hero{min-height:620px}
.page-projects .portfolio-hero .interior-hero-media img{object-position:65% center}
.page-projects .portfolio-hero .interior-hero-content{padding-block:110px 100px}
.page-projects .portfolio-hero h1{max-width:1050px}
.page-projects .portfolio-hero .interior-lead{max-width:560px}
.page-projects .portfolio-hero .interior-link{margin-top:30px}
.page-projects .portfolio-collection{padding:105px 0 90px;scroll-margin-top:75px}
.page-projects .portfolio-collection-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:55px}
.page-projects .portfolio-collection-heading .interior-kicker{color:var(--portfolio-muted);margin-bottom:24px}
.page-projects .portfolio-collection-heading h2{font-size:clamp(40px,4.5vw,65px);line-height:1.08;font-weight:500;letter-spacing:-.05em;color:var(--portfolio-ink)}
.page-projects .portfolio-collection-heading>p{font-size:16px;line-height:1.8;max-width:350px;color:var(--portfolio-muted);margin-bottom:4px}
.page-projects .portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;border-block:1px solid var(--portfolio-line);padding:18px 0;margin-bottom:55px}
.page-projects .portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.page-projects .portfolio-filters a{display:inline-flex;align-items:center;min-height:44px;border:1px solid transparent;border-radius:4px;padding:11px 16px;font-size:12px;line-height:1.5;color:#5b6875;overflow-wrap:anywhere}
.page-projects .portfolio-filters a:hover{background:#edf2f7;color:#203d5c}
.page-projects .portfolio-filters a[aria-current=page]{background:#122d48;border-color:#122d48;color:#fff}
.page-projects .portfolio-result-count{font-size:11px;white-space:nowrap;color:var(--portfolio-muted);letter-spacing:.02em}
.page-projects .portfolio-result-count>span{font-size:17px;font-weight:500;color:var(--portfolio-ink);margin-right:5px}
:is(.page-projects,.page-project) .portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 40px}
:is(.page-projects,.page-project) .portfolio-card{min-width:0;grid-column:span 6}
:is(.page-projects,.page-project) .portfolio-card-link{display:block;color:var(--portfolio-ink);text-decoration:none}
:is(.page-projects,.page-project) .portfolio-card-link:focus-visible{outline:3px solid #0071e3;outline-offset:7px;border-radius:2px}
:is(.page-projects,.page-project) .portfolio-card-media{position:relative;aspect-ratio:3/2;overflow:clip;background:#e8edf1;border-radius:5px}
:is(.page-projects,.page-project) .portfolio-card-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
:is(.page-projects,.page-project) .portfolio-card-link:hover .portfolio-card-media>img{transform:scale(1.035)}
:is(.page-projects,.page-project) .portfolio-card-open{position:absolute;right:22px;bottom:22px;width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff85;background:#ffffffed;color:#17334f;font-size:24px;line-height:1;border-radius:50%;transition:background .2s,color .2s}
:is(.page-projects,.page-project) .portfolio-card-link:hover .portfolio-card-open{background:#122d48;color:#fff}
:is(.page-projects,.page-project) .portfolio-card-placeholder{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:35px;background:linear-gradient(145deg,#0f2943,#315c83);color:#e8f2fc}
:is(.page-projects,.page-project) .portfolio-card-placeholder>span:first-child{font-size:10px;letter-spacing:.16em}
:is(.page-projects,.page-project) .portfolio-card-placeholder>span:last-child{font-size:clamp(30px,4vw,60px);line-height:1.1;letter-spacing:-.05em;overflow-wrap:anywhere}
:is(.page-projects,.page-project) .portfolio-card-caption{padding-top:25px}
:is(.page-projects,.page-project) .portfolio-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:14px;color:var(--portfolio-muted);font-size:9px;font-weight:500;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
:is(.page-projects,.page-project) .portfolio-card-meta>span+span:not(.portfolio-card-number){border-left:1px solid #bcc8d4;padding-left:18px}
:is(.page-projects,.page-project) .portfolio-card-number{margin-left:auto;font-size:12px;letter-spacing:0;color:#7692ad}
:is(.page-projects,.page-project) .portfolio-card-caption h3{font-size:clamp(28px,3.1vw,43px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin-bottom:17px;color:var(--portfolio-ink);overflow-wrap:anywhere}
:is(.page-projects,.page-project) .portfolio-card-summary{font-size:15px;line-height:1.8;color:var(--portfolio-muted);max-width:520px}
:is(.page-projects,.page-project) .portfolio-card-more{display:inline-flex;align-items:center;gap:22px;margin-top:20px;font-size:12px;color:var(--portfolio-blue);line-height:1.5}
:is(.page-projects,.page-project) .portfolio-card-more>span{font-size:20px}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1){grid-column:1/-1}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-media{aspect-ratio:1.9}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:0 12%;padding-top:28px}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-meta{grid-column:1/-1}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) h3{grid-column:1;grid-row:2/4;font-size:clamp(34px,4.2vw,59px);max-width:600px}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-summary,.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-more{grid-column:2}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+2){grid-column:span 7}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3){grid-column:span 5;padding-top:100px}
.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3) .portfolio-card-media{aspect-ratio:1.12}
.page-projects .portfolio-empty{grid-column:1/-1;padding:45px 0 90px;max-width:600px}
.page-projects .portfolio-empty-mark{font-size:52px;color:#6f96bc;line-height:1;display:block;margin-bottom:25px}
.page-projects .portfolio-empty h3{font-size:40px;font-weight:500;margin-bottom:22px}
.page-projects .portfolio-empty>p{font-size:16px;line-height:1.8;color:var(--portfolio-muted);margin-bottom:20px}
.page-projects .portfolio-collection .pagination{padding-top:55px;justify-content:center;gap:25px}
.page-projects .portfolio-note{background:#f1f4f7;padding:65px 0}
.page-projects .portfolio-note>.wrap{display:grid;grid-template-columns:1fr 2.1fr;gap:20px 10%;align-items:start}
.page-projects .portfolio-note .interior-kicker{color:#6a7d8e;margin-top:5px}
.page-projects .portfolio-note p:not(.interior-kicker){font-size:clamp(26px,2.8vw,40px);line-height:1.25;font-weight:400;letter-spacing:-.035em;color:#263b50;max-width:780px}
.page-projects .portfolio-note .interior-link{grid-column:2}
/* Individual case: photography first, then a calm reading column. */
.page-project .case-hero{min-height:690px}
.page-project .case-hero .interior-hero-media img{object-position:65% center}
.page-project .case-hero .interior-hero-content{padding-block:45px 85px}
.page-project .case-back{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:11px;color:#d5e5f5;margin-bottom:75px;border-bottom:1px solid #ffffff40}
.page-project .case-back>span{font-size:19px}.page-project .case-back:hover{color:#fff;border-color:#fff}
.page-project .case-hero .interior-kicker{display:flex;flex-wrap:wrap;gap:8px 15px;max-width:680px;margin-bottom:22px}
.page-project .case-hero h1{max-width:980px;font-size:clamp(50px,6.1vw,88px);line-height:1.04;font-weight:500;overflow-wrap:anywhere}
.page-project .case-hero .interior-lead{max-width:580px;font-size:18px;line-height:1.7;margin-top:28px}
.page-project .case-hero-actions{display:flex;align-items:center;gap:20px 35px;flex-wrap:wrap;margin-top:30px}
.page-project .case-hero-actions .interior-link{margin:0}
.page-project .case-hero--text{min-height:600px;background:#0d2339}
.page-project .case-image-credit{font-size:10px;line-height:1.6;text-align:right;color:#6d7b88;padding-top:15px}
.page-project .case-story{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.5fr);gap:12%;align-items:start;padding-block:100px 110px;scroll-margin-top:80px}
.page-project .case-facts{min-width:0}
.page-project .case-facts>.interior-kicker{margin-bottom:25px;color:#627486}
.page-project .case-facts dl{margin:0}
.page-project .case-facts dl>div{padding:20px 0;border-top:1px solid var(--portfolio-line)}
.page-project .case-facts dt{color:#74808c;font-size:11px;line-height:1.5;margin-bottom:8px}
.page-project .case-facts dd{margin:0;font-size:15px;line-height:1.6;color:#253a4f;overflow-wrap:anywhere}
.page-project .case-facts dd>a{text-decoration:underline;text-decoration-color:#b2c3d2;text-underline-offset:5px}
.page-project .case-facts>.interior-link{font-size:12px;margin-top:27px;gap:15px;max-width:100%}
.page-project .case-story-copy{min-width:0;max-width:780px}
.page-project .case-story-copy>.interior-kicker{color:#627486;margin-bottom:22px}
.page-project .case-story-copy>h2{font-size:clamp(37px,3.8vw,53px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin-bottom:48px;color:var(--portfolio-ink)}
.page-project .case-prose{font-size:17px;line-height:1.9;color:#5c6b78;overflow-wrap:anywhere}
.page-project .case-prose>:last-child{margin-bottom:0}
.page-project .case-prose h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.035em;color:#23384d;margin:46px 0 21px}
.page-project .case-prose h2:first-child{margin-top:0}
.page-project .case-prose h3{font-size:25px;font-weight:500;color:#23384d;line-height:1.25;margin:33px 0 18px}
.page-project .case-prose p{color:inherit;margin:0 0 24px}
.page-project .case-prose ul,.page-project .case-prose ol{padding-left:23px;margin-block:25px 30px}
.page-project .case-prose li{padding-left:5px;margin-block:10px}
.page-project .case-prose li::marker{color:#527ca6}
.page-project .case-prose a{color:#245d96;text-decoration:underline;text-underline-offset:4px}
.page-project .case-prose strong{font-weight:600;color:#283c50}
.page-project .case-prose blockquote{margin:30px 0;border-left:2px solid #6f9bca;padding:2px 0 2px 25px;font-size:21px;line-height:1.6}
.page-project .case-prose blockquote p:last-child{margin-bottom:0}
.page-project .case-prose img{width:auto;max-width:100%;height:auto;border-radius:4px}
.page-project .case-prose pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:#f1f4f7;font-size:14px}
.page-project .case-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px}
.page-project .case-prose th,.page-project .case-prose td{border-bottom:1px solid var(--portfolio-line);padding:12px 15px;text-align:left;min-width:120px}
.page-project .case-conversation{padding:80px 0;background:#102a43;color:#fff}
.page-project .case-conversation>.wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}
.page-project .case-conversation .interior-kicker{color:#9dbcd8;margin-bottom:24px}
.page-project .case-conversation h2{font-size:clamp(37px,4.1vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.1}
.page-project .case-conversation h2>span{color:#a8cff8}
.page-project .case-conversation .wrap>div:last-child>p{color:#c7d7e7;font-size:16px;line-height:1.8;margin-bottom:27px;max-width:450px}
.page-project .case-conversation .interior-button{background:#fff;color:#173a5c;border-color:#fff}
.page-project .case-related{padding-block:100px 90px}
.page-project .case-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}
.page-project .case-related-heading .interior-kicker{color:#627486;margin-bottom:22px}
.page-project .case-related-heading h2{font-size:clamp(38px,4vw,57px);font-weight:500;line-height:1.08;color:var(--portfolio-ink)}
.page-project .case-related-heading>.interior-link{flex-shrink:0;font-size:12px}
.page-project .case-return{padding-block:30px 65px;border-top:1px solid var(--portfolio-line)}
@media(min-width:901px) and (min-height:700px){.page-project .case-facts{position:sticky;top:95px}}
@media(max-width:1000px){
 .page-projects .portfolio-hero{min-height:570px}.page-projects .portfolio-hero .interior-hero-content{padding-block:85px}.page-projects .portfolio-collection-heading{gap:7%}
 :is(.page-projects,.page-project) .portfolio-grid{gap:65px 28px}.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3){padding-top:70px}
 .page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-caption{column-gap:7%}
 :is(.page-projects,.page-project) .portfolio-card-meta{font-size:8px;gap:6px 11px}:is(.page-projects,.page-project) .portfolio-card-meta>span+span:not(.portfolio-card-number){padding-left:11px}
 .page-project .case-hero{min-height:660px}.page-project .case-hero .interior-lead{max-width:540px}
 .page-project .case-story{gap:8%}.page-project .case-conversation>.wrap{gap:7%}
}
@media(max-width:800px){
 .page-projects .portfolio-hero .interior-hero-content{padding-block:75px}.page-projects .portfolio-hero{min-height:540px}
 .page-projects .portfolio-collection{padding-block:75px 65px}.page-projects .portfolio-collection-heading{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.page-projects .portfolio-collection-heading>p{max-width:560px}
 .page-projects .portfolio-toolbar{align-items:flex-start;gap:18px;margin-bottom:40px}.page-projects .portfolio-filters{gap:5px}.page-projects .portfolio-filters a{padding-inline:12px;font-size:11px}.page-projects .portfolio-result-count{padding-top:12px}
 :is(.page-projects,.page-project) .portfolio-card-caption h3{font-size:30px}:is(.page-projects,.page-project) .portfolio-card-summary{font-size:14px}:is(.page-projects,.page-project) .portfolio-card-media{aspect-ratio:1.35}
 .page-projects .portfolio-grid>.portfolio-card:nth-child(3n+2),.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3){grid-column:span 6}.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3){padding-top:65px}.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3) .portfolio-card-media{aspect-ratio:1.35}
 .page-projects .portfolio-note>.wrap{grid-template-columns:1fr;gap:22px}.page-projects .portfolio-note .interior-link{grid-column:auto}.page-projects .portfolio-note{padding-block:50px}
 .page-project .case-hero{min-height:650px}.page-project .case-back{margin-bottom:55px}.page-project .case-hero .interior-hero-content{padding-block:30px 65px}.page-project .case-hero h1{font-size:clamp(43px,7.8vw,68px)}
 .page-project .case-story{grid-template-columns:1fr;gap:55px;padding-block:70px}.page-project .case-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.page-project .case-facts>.interior-link{margin-top:15px}.page-project .case-facts dd{font-size:13px}
 .page-project .case-story-copy{max-width:none}.page-project .case-story-copy>h2{font-size:43px;margin-bottom:35px}
 .page-project .case-conversation{padding-block:65px}.page-project .case-conversation>.wrap{grid-template-columns:1fr;gap:30px}.page-project .case-conversation .wrap>div:last-child>p{max-width:620px}
 .page-project .case-related{padding-block:70px}.page-project .case-related-heading{gap:20px}.page-project .case-related-heading h2{font-size:42px}
}
@media(max-width:600px){
 .page-projects .portfolio-hero{min-height:570px}.page-projects .portfolio-hero .interior-hero-content{padding-block:70px}.page-projects .portfolio-hero h1{font-size:clamp(42px,10.8vw,62px);line-height:1.06}.page-projects .portfolio-hero .interior-lead{font-size:16px;line-height:1.75}.page-projects .portfolio-hero .interior-link{margin-top:25px}
 .page-projects .portfolio-collection{padding-block:60px}.page-projects .portfolio-collection-heading h2{font-size:38px}.page-projects .portfolio-collection-heading .interior-kicker{font-size:9px;margin-bottom:20px}.page-projects .portfolio-collection-heading>p{font-size:15px;line-height:1.75}
 .page-projects .portfolio-toolbar{display:block;padding-block:15px;margin-bottom:35px}.page-projects .portfolio-filters a{font-size:12px;padding-inline:13px}.page-projects .portfolio-result-count{padding-top:14px;font-size:10px;text-align:right}.page-projects .portfolio-result-count>span{font-size:14px}
 :is(.page-projects,.page-project) .portfolio-grid{display:block}:is(.page-projects,.page-project) .portfolio-card{margin-bottom:48px}:is(.page-projects,.page-project) .portfolio-card:last-child{margin-bottom:0}
 .page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3){padding-top:0}
 :is(.page-projects,.page-project) .portfolio-card-media,.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-media,.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+3) .portfolio-card-media{aspect-ratio:3/2;border-radius:3px}
 :is(.page-projects,.page-project) .portfolio-card-open{width:38px;height:38px;right:15px;bottom:15px;font-size:21px}
 :is(.page-projects,.page-project) .portfolio-card-caption,.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) .portfolio-card-caption{display:block;padding-top:20px}
 :is(.page-projects,.page-project) .portfolio-card-meta{font-size:8px;gap:7px 10px;margin-bottom:12px}:is(.page-projects,.page-project) .portfolio-card-meta>span+span:not(.portfolio-card-number){padding-left:10px}:is(.page-projects,.page-project) .portfolio-card-number{font-size:10px}
 :is(.page-projects,.page-project) .portfolio-card-caption h3,.page-projects .portfolio-grid>.portfolio-card:nth-child(3n+1) h3{font-size:31px;line-height:1.1;margin-bottom:15px}:is(.page-projects,.page-project) .portfolio-card-summary{font-size:14px;line-height:1.8}:is(.page-projects,.page-project) .portfolio-card-more{font-size:12px;margin-top:17px}
 :is(.page-projects,.page-project) .portfolio-card-placeholder{padding:25px}:is(.page-projects,.page-project) .portfolio-card-placeholder>span:last-child{font-size:32px}
 .page-projects .portfolio-empty{padding:20px 0 35px}.page-projects .portfolio-empty h3{font-size:33px}.page-projects .portfolio-empty>p{font-size:15px}.page-projects .portfolio-collection .pagination{padding-top:40px;gap:15px}.page-projects .portfolio-note p:not(.interior-kicker){font-size:29px;line-height:1.3}
 .page-project .case-hero{min-height:660px}.page-project .case-hero .interior-hero-content{padding-block:25px 60px}.page-project .case-back{font-size:10px;margin-bottom:85px;gap:12px}.page-project .case-hero .interior-kicker{font-size:9px;line-height:1.7;gap:5px 10px;margin-bottom:22px}
 .page-project .case-hero h1{font-size:clamp(40px,10.7vw,61px);line-height:1.06}.page-project .case-hero .interior-lead{font-size:16px;line-height:1.75;margin-top:24px}.page-project .case-hero-actions{gap:15px 25px;margin-top:26px}.page-project .case-hero-actions .interior-button,.page-project .case-hero-actions .interior-link{font-size:12px}
 .page-project .case-image-credit{font-size:9px;text-align:left;padding-top:12px}.page-project .case-story{padding-block:55px;gap:45px}.page-project .case-facts>.interior-kicker{margin-bottom:20px}.page-project .case-facts dl{grid-template-columns:1fr 1fr;gap:0 22px}.page-project .case-facts dl>div:last-child{grid-column:1/-1}.page-project .case-facts dl>div{padding-block:17px}.page-project .case-facts dt{font-size:10px}.page-project .case-facts dd{font-size:14px}
 .page-project .case-story-copy>.interior-kicker{font-size:9px;margin-bottom:18px}.page-project .case-story-copy>h2{font-size:37px;margin-bottom:35px}.page-project .case-prose{font-size:16px;line-height:1.85}.page-project .case-prose h2{font-size:27px;margin-top:35px}.page-project .case-prose h3{font-size:23px}.page-project .case-prose blockquote{font-size:19px;padding-left:20px}
 .page-project .case-conversation{padding-block:55px}.page-project .case-conversation h2{font-size:37px}.page-project .case-conversation .interior-kicker{font-size:9px;margin-bottom:22px}.page-project .case-conversation .wrap>div:last-child>p{font-size:15px;line-height:1.8}
 .page-project .case-related{padding-block:60px}.page-project .case-related-heading{display:block;margin-bottom:32px}.page-project .case-related-heading h2{font-size:38px}.page-project .case-related-heading .interior-kicker{font-size:8px;margin-bottom:20px}.page-project .case-related-heading>.interior-link{margin-top:17px}.page-project .case-return{padding-block:22px 45px}
}
@media(prefers-reduced-motion:reduce){:is(.page-projects,.page-project) .portfolio-card-media>img,:is(.page-projects,.page-project) .portfolio-card-open{transition:none}:is(.page-projects,.page-project) .portfolio-card-link:hover .portfolio-card-media>img{transform:none}.page-project .case-facts{position:static}}
html.motion-paused :is(.page-projects,.page-project) .portfolio-card-media>img,html.motion-paused :is(.page-projects,.page-project) .portfolio-card-open{transition:none}
html.motion-paused :is(.page-projects,.page-project) .portfolio-card-link:hover .portfolio-card-media>img{transform:none}
html.motion-paused .page-project .case-facts{position:static}