/* Portfolio surfaces are isolated from the home page's editorial system. */
.pf-project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px 25px!important}.pf-card{display:block;min-width:0;text-decoration:none;color:var(--ink,#191c1e)}.pf-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/4.5;background:#ded9ce}.pf-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.pf-card:nth-child(3n+2) .pf-card-image{aspect-ratio:4/4.5}.pf-card:hover img{transform:scale(1.035)}.pf-card-open{position:absolute;bottom:17px;right:17px;padding:11px 14px;color:#f5f1e7;background:#1b1e20df;font-size:10px;letter-spacing:.8px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.pf-card:hover .pf-card-open,.pf-card:focus-visible .pf-card-open{opacity:1;transform:none}.pf-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-top:17px}.pf-card-title{font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.4px}.pf-card-title small{display:block;font-size:9px;line-height:1.7;letter-spacing:1px;text-transform:uppercase;color:#79776f;margin-top:8px;font-weight:400}.pf-card-index{font-size:11px;color:#958052;white-space:nowrap;margin-top:3px}.pf-no-image{display:grid;height:100%;place-items:center;color:#77715f;font-size:12px;letter-spacing:2px}.pf-state{grid-column:1/-1;padding:50px 25px;text-align:center;border:1px solid #d7d0c2;width:100%;font-size:14px;line-height:1.8}.pf-text-button{border:0;border-bottom:1px solid currentColor;background:none;color:#75603e;padding:7px 0;font:inherit;cursor:pointer}.pf-project-grid a:focus-visible,.pf-photo-grid button:focus-visible,.pf-cover:focus-visible{outline:3px solid #9a7c3e;outline-offset:5px}.pf-page{background:var(--paper,#f4f1e9)}.pf-page header{position:relative}.pf-page h1{font:500 clamp(44px,6.6vw,96px)/1.02 var(--display);letter-spacing:-.055em;max-width:950px;margin:0}.pf-page h1 em{font-style:normal;color:#9c824d}.pf-archive-intro{padding:78px 6.5% 55px;border-bottom:1px solid #d9d3c7}.pf-archive-intro .eyebrow{margin-bottom:28px}.pf-archive-intro>p:last-child{max-width:520px;line-height:1.9;font-size:15px;color:#6c6b62;margin-top:28px}.pf-archive-body{padding:42px 6.5% 100px}.pf-archive-tools{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.pf-search{display:flex;align-items:center;gap:12px;min-width:260px;font-size:11px;white-space:nowrap;color:#706d62}.pf-search input{font:inherit;width:210px;margin:0}.pf-archive-count{font-size:11px;color:#77736a;white-space:nowrap}.pf-archive-body .filters{flex-wrap:wrap;gap:16px 27px}.pf-archive-body .filters button{font-size:11px}.pf-page .filters sup,.pf-stage-filters sup{font-size:8px;margin-left:5px;opacity:.65}.pf-project-intro{padding:34px 6.5% 55px}.pf-breadcrumb{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d0c2;padding-bottom:28px;margin-bottom:48px;font-size:11px}.pf-breadcrumb>span{color:#8b7851}.pf-project-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:end}.pf-project-heading h1{font-size:clamp(44px,5.8vw,82px);max-width:800px}.pf-project-heading .eyebrow{margin-bottom:24px}.pf-project-summary p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#66685f}.pf-project-summary>span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8e7a51}.pf-cover{position:relative;display:block;border:0;padding:0;background:#d6d0c3;width:100%;height:min(77vw,760px);min-height:430px;cursor:zoom-in}.pf-cover>img{width:100%;height:100%;object-fit:cover;object-position:center}.pf-cover>span{position:absolute;right:6.5%;bottom:30px;display:flex;gap:32px;align-items:center;padding:15px 20px;background:#191c1eea;color:#f4f1e9;font-size:11px;letter-spacing:.5px}.pf-cover b{font-size:20px;font-weight:400}.pf-project-notes{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:65px 6.5%;border-bottom:1px solid #d9d3c7}.pf-description{font-size:21px;line-height:1.65;letter-spacing:-.4px;max-width:800px;margin:0 0 25px;white-space:pre-line}.pf-features{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}.pf-features li{border:1px solid #d4caba;padding:9px 13px;font-size:11px}.pf-gallery-section{padding:70px 6.5% 80px}.pf-gallery-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.pf-gallery-top h2{font-size:clamp(30px,4vw,54px);letter-spacing:-1.9px;margin:0}.pf-gallery-top .eyebrow{margin-bottom:18px}.pf-gallery-count{font-size:11px;color:#837456;white-space:nowrap}.pf-stage-filters{display:flex;flex-wrap:wrap;gap:15px 27px;border-bottom:1px solid #d6cdbc;margin-bottom:30px}.pf-stage-filters button{font:inherit;font-size:11px;padding:0 0 15px;border:0;border-bottom:2px solid transparent;background:none;color:#777369;cursor:pointer}.pf-stage-filters button.active{color:#1a1e20;border-bottom-color:#9c8147}.pf-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;align-items:start}.pf-photo-grid figure{margin:0;min-width:0}.pf-photo-grid figure:first-child{grid-column:span 2;grid-row:span 2}.pf-photo-grid button{display:block;position:relative;width:100%;padding:0;border:0;background:#e3ded3;cursor:zoom-in;overflow:hidden;aspect-ratio:4/4.5}.pf-photo-grid figure:first-child button{aspect-ratio:4/4.2}.pf-photo-grid button img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pf-photo-grid button:hover img{transform:scale(1.025)}.pf-photo-grid button>span{position:absolute;right:15px;bottom:15px;background:#1a1e20d9;color:#fff;width:31px;height:31px;display:grid;place-items:center}.pf-photo-grid figcaption{padding-top:15px}.pf-photo-grid figcaption small{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#917b4f}.pf-photo-grid figcaption p{font-size:12px;line-height:1.7;color:#66685e;margin:7px 0 0}.pf-gallery-hint{font-size:10px;color:#858075;margin:35px 0 0}.pf-project-cta{background:#1b1e20;color:#f4f1e9;text-align:center;padding:75px 6.5%}.pf-project-cta .eyebrow{justify-content:center;color:#c2aa6c}.pf-project-cta h2{font-size:clamp(42px,5vw,68px);letter-spacing:-2px;line-height:1.1}.pf-project-cta>p:not(.eyebrow){font-size:14px;color:#b9b6ad;margin:25px 0}.pf-project-cta .button{display:inline-flex}.pf-call{display:block;width:max-content;max-width:100%;font-size:11px;color:#c8b27d;border-bottom:1px solid #87784f;margin:24px auto 0;padding-bottom:5px}.pf-related{padding:70px 6.5% 90px}.pf-related .pf-card-image{aspect-ratio:4/3}.pf-missing{min-height:65vh}.pf-missing>p:not(.eyebrow){margin:30px 0;font-size:15px;line-height:1.8;max-width:450px}.pf-viewer{position:fixed;inset:0;margin:auto;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;background:#151719;color:#f4f1e9;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto auto}.pf-viewer[open]{display:grid}.pf-viewer::backdrop{background:#151719}.pf-viewer button{font-family:inherit;cursor:pointer}.pf-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 3%;border-bottom:1px solid #ffffff20}.pf-viewer-position{font-size:11px;color:#c0b9aa;line-height:1.5}.pf-viewer-toolbar>div{display:flex;gap:12px;flex-shrink:0}.pf-viewer-toolbar button{border:1px solid #ffffff50;background:transparent;color:#f4f1e9;padding:10px 14px;font-size:11px}.pf-viewer-stage{position:relative;min-height:0;display:flex;justify-content:center;padding:15px 70px}.pf-viewer-canvas{height:100%;width:100%;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:center;touch-action:pan-y}.pf-viewer-canvas>img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.pf-viewer .pf-prev,.pf-viewer .pf-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff50;background:#191c1ee0;color:#f4f1e9;width:42px;height:42px;font-size:20px;border-radius:50%;z-index:2}.pf-prev{left:20px}.pf-next{right:20px}.pf-viewer-caption{text-align:center;padding:10px 7% 15px}.pf-viewer-caption p{font-size:12px;line-height:1.5;margin:0}.pf-viewer-caption small{display:block;color:#b29b65;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-top:7px}.pf-viewer-thumbs{display:flex;justify-content:safe center;gap:9px;padding:10px 3% 18px;overflow-x:auto}.pf-viewer-thumbs button{flex:0 0 55px;height:55px;padding:0;background:transparent;border:2px solid transparent;opacity:.55}.pf-viewer-thumbs button.active{border-color:#d7bd7d;opacity:1}.pf-viewer-thumbs img{height:100%;width:100%;object-fit:cover}.pf-viewer.is-zoomed .pf-viewer-canvas{display:block}.pf-viewer.is-zoomed .pf-viewer-canvas>img{max-width:none;max-height:none;width:160%;height:auto;margin:auto}.pf-viewer :focus-visible{outline:2px solid #d6bc7e;outline-offset:3px}
@media(hover:none){.pf-card-open{opacity:1;transform:none;font-size:9px}}@media(max-width:1000px){.pf-project-heading{grid-template-columns:1.3fr 1fr}.pf-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-photo-grid figure:first-child{grid-column:span 1;grid-row:auto}.pf-photo-grid figure:first-child button{aspect-ratio:4/4.5}.pf-project-grid{gap:32px 18px!important}.pf-card-title{font-size:15px}.pf-card-index{display:none}.pf-archive-tools{align-items:flex-start}.pf-search{min-width:230px}}@media(max-width:760px){.pf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:29px 15px!important}.pf-card-meta{padding-top:12px}.pf-card-title{font-size:14px}.pf-card-title small{font-size:8px;letter-spacing:.6px;margin-top:6px}.pf-card-open{bottom:10px;right:10px;padding:8px;font-size:8px}.pf-archive-intro{padding:45px 7% 35px}.pf-archive-intro .eyebrow{margin-bottom:20px}.pf-archive-body{padding:30px 7% 65px}.pf-archive-tools{display:block;margin-bottom:25px}.pf-search{width:100%;margin-bottom:22px}.pf-search input{width:100%}.pf-archive-body .filters{gap:12px 20px}.pf-project-intro{padding:25px 7% 35px}.pf-breadcrumb{padding-bottom:20px;margin-bottom:32px}.pf-project-heading{display:block}.pf-project-heading h1{font-size:45px}.pf-project-summary{margin-top:25px}.pf-project-summary p{font-size:13px}.pf-cover{height:70svh;min-height:400px;max-height:650px}.pf-cover>span{right:7%;bottom:22px;padding:12px 15px;font-size:10px}.pf-project-notes{display:block;padding:40px 7%}.pf-description{font-size:18px;line-height:1.7}.pf-gallery-section{padding:45px 7%}.pf-gallery-top{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.pf-gallery-top h2{font-size:34px}.pf-gallery-count{margin:0}.pf-stage-filters{gap:12px 20px}.pf-stage-filters button{font-size:10px}.pf-photo-grid{gap:25px 15px}.pf-photo-grid figcaption p{font-size:11px}.pf-photo-grid figcaption small{font-size:8px}.pf-photo-grid button>span{right:10px;bottom:10px;width:25px;height:25px}.pf-related{padding:45px 7% 60px}.pf-related .pf-project-grid .pf-card:nth-child(3){display:none}.pf-project-cta{padding:55px 7%}.pf-project-cta h2{font-size:46px}.pf-viewer-toolbar{padding:13px 4%;gap:10px}.pf-viewer-position{font-size:9px;max-width:52%}.pf-viewer-toolbar>div{gap:6px}.pf-viewer-toolbar button{padding:9px;font-size:10px}.pf-viewer-stage{padding:10px 0}.pf-viewer .pf-prev,.pf-viewer .pf-next{width:34px;height:34px;font-size:17px}.pf-prev{left:10px}.pf-next{right:10px}.pf-viewer-caption{padding:10px 5%}.pf-viewer-caption p{font-size:11px}.pf-viewer-thumbs{padding-bottom:max(15px,env(safe-area-inset-bottom))}.pf-viewer-thumbs button{flex-basis:46px;height:46px}.pf-gallery-hint{line-height:1.7}.pf-page footer{margin-bottom:0}}
@media(max-width:420px){.pf-card-title{font-size:12px}.pf-card-title small{font-size:7px}.pf-photo-grid{grid-template-columns:1fr}.pf-photo-grid button{aspect-ratio:4/4.2}.pf-photo-grid figure:first-child button{aspect-ratio:4/4.2}.pf-card-open{font-size:7px;padding:6px}.pf-page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.pf-card-image img,.pf-card-open,.pf-photo-grid button img{transition:none}.pf-card:hover img,.pf-photo-grid button:hover img{transform:none}}
/* Readable portfolio headings and touch controls without altering the home hero. */
.pf-page h1 em{background:none;-webkit-text-fill-color:currentColor;color:#80632f}
.pf-search input{font-size:16px}
.pf-viewer.is-zoomed .pf-viewer-canvas{touch-action:pan-x pan-y}
@media(max-width:420px){.pf-search{align-items:flex-start;flex-direction:column;gap:5px}.pf-search input{width:100%}}
.pf-viewer .pf-prev,.pf-viewer .pf-next{width:44px;height:44px;min-width:44px;min-height:44px}
.pf-viewer-toolbar button,.pf-stage-filters button,.pf-archive-body .filters button,.work .filters button{min-height:44px;min-width:44px}
.pf-card-title small,.pf-photo-grid figcaption small,.pf-gallery-count,.pf-archive-count,.pf-project-summary>span,.pf-gallery-hint{font-size:10px;color:#62665f}
.pf-stage-filters sup,.pf-archive-body .filters sup{font-size:10px;opacity:1}
.pf-viewer-caption small{font-size:10px}
@media(max-width:420px){.pf-card-title small{font-size:10px;letter-spacing:0}.pf-card-open{font-size:10px}}

@media(max-width:420px){.pf-project-grid{grid-template-columns:1fr!important}.pf-card-title{font-size:17px}.pf-card-title small{font-size:10px}}
@media(max-width:760px){.pf-cover{height:auto;min-height:0;max-height:none}.pf-cover>img{height:auto;width:100%}}

@media(max-width:760px){.work .filters{flex-wrap:wrap;overflow:visible;gap:8px 18px}.work .filters button{flex-shrink:0;min-height:44px;min-width:44px}}

/* Portrait and near-square project covers retain the full composition on wider screens. */
@media(min-width:761px){.pf-cover.pf-cover--portrait{background:#191c1e}.pf-cover.pf-cover--portrait>img{object-fit:contain;object-position:center}}
/* Keep the archive introduction concise so the work arrives sooner. */
.pf-archive-intro{padding:40px 6.5% 28px}
.pf-archive-intro .eyebrow{margin-bottom:16px}
.pf-archive-intro h1{font-size:clamp(44px,5vw,72px)}
.pf-archive-intro>p:last-child{margin-top:18px;margin-bottom:0;max-width:620px;font-size:14px;line-height:1.7}
.pf-archive-body{padding-top:26px}
.pf-archive-tools{margin-bottom:16px}
.pf-archive-body .filters{margin-bottom:23px}
@media(max-width:760px){.pf-archive-intro{padding:30px 7% 24px}.pf-archive-body{padding-top:22px}}

/* Three factual project studies, kept separate from individual photo captions. */
.pf-case-study{padding:45px 6.5%;display:grid;grid-template-columns:1fr 2fr;gap:6%;background:#eae5da;border-bottom:1px solid #d4cbbb}
.pf-case-heading h2{font-size:34px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 24px}
.pf-case-heading .eyebrow{margin-bottom:16px}
.pf-case-heading .text-link{font-size:11px;gap:12px}
.pf-case-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pf-case-number{display:block;font-size:10px;color:#80632f;margin-bottom:18px}
.pf-case-chapters h3{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:0 0 12px}
.pf-case-chapters p{font-size:12px;line-height:1.8;color:#555b53;margin:0}
@media(max-width:1000px){.pf-case-study{grid-template-columns:1fr;gap:30px}.pf-case-heading h2 br{display:none}.pf-case-heading h2{font-size:32px;margin-bottom:18px}}
@media(max-width:760px){.pf-case-study{padding:34px 7%}.pf-case-chapters{grid-template-columns:1fr;gap:22px}.pf-case-chapters article{position:relative;padding-left:35px}.pf-case-number{position:absolute;left:0;top:4px;margin:0}.pf-case-chapters h3{margin-bottom:7px}.pf-case-chapters p{font-size:13px}}

.pf-before-after{padding:46px 6.5%;border-bottom:1px solid #d9d3c7}
.pf-comparison-context{max-width:310px;font-size:12px;line-height:1.7;color:#62665f;margin:0}
.pf-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pf-comparison-grid figure{margin:0;min-width:0}
.pf-comparison-grid figcaption{font-size:12px;letter-spacing:1px;padding-bottom:12px}
.pf-comparison-grid button{display:block;position:relative;width:100%;padding:0;border:0;background:#191c1e;aspect-ratio:4/4.2;cursor:zoom-in}
.pf-comparison-grid img{width:100%;height:100%;object-fit:contain}
.pf-comparison-grid button>span{position:absolute;right:15px;bottom:15px;background:#191c1ee6;color:#f4f1e9;width:36px;height:36px;display:grid;place-items:center}
.pf-comparison-grid button:focus-visible{outline:3px solid #80632f;outline-offset:5px}
@media(max-width:760px){.pf-before-after{padding:34px 7%}.pf-comparison-grid{grid-template-columns:1fr;gap:25px}.pf-comparison-grid button{aspect-ratio:auto}.pf-comparison-grid img{height:auto;display:block}.pf-comparison-context{max-width:none}}

.pf-detail-callouts{padding:34px 6.5%;border-bottom:1px solid #d9d3c7}
.pf-detail-callouts h2{font-size:26px;letter-spacing:-.8px;margin:0 0 22px}
.pf-callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pf-photo-callout{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;min-width:0;padding:0;border:0;background:none;text-align:left;color:var(--ink,#191c1e);cursor:zoom-in;font:inherit}
.pf-photo-callout>img{width:104px;height:118px;object-fit:cover;background:#191c1e}
.pf-photo-callout strong{display:block;font-size:15px;line-height:1.4;font-weight:500;margin-bottom:7px}
.pf-photo-callout>span>span{display:block;font-size:12px;line-height:1.6;color:#62665f}
.pf-photo-callout small{display:block;font-size:10px;color:#80632f;margin-top:9px}
.pf-photo-callout:focus-visible{outline:3px solid #80632f;outline-offset:6px}
@media(max-width:760px){.pf-detail-callouts{padding:28px 7%}.pf-callout-grid{grid-template-columns:1fr;gap:22px}.pf-photo-callout{grid-template-columns:84px 1fr;gap:15px}.pf-photo-callout>img{width:84px;height:104px}.pf-detail-callouts h2{font-size:25px;margin-bottom:20px}}

/* Small collections receive a concise introduction and two complete photographs. */
.pf-compact-project .pf-project-intro{padding-bottom:28px}
.pf-compact-project .pf-project-notes{display:block;padding-top:0;padding-bottom:28px;border-bottom:0}
.pf-compact-project .pf-project-notes>.eyebrow,.pf-compact-project .pf-features{display:none}
.pf-compact-project .pf-description{font-size:15px;line-height:1.8;letter-spacing:0;max-width:850px;margin-bottom:16px}
.pf-compact-project .pf-gallery-section{padding-top:20px;padding-bottom:40px}
.pf-compact-project .pf-gallery-top h2{font-size:28px;letter-spacing:-.8px}
.pf-compact-project .pf-gallery-top .eyebrow{display:none}
.pf-compact-project .pf-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pf-compact-project .pf-photo-grid figure:first-child{grid-column:auto;grid-row:auto}
.pf-compact-project .pf-photo-grid button,.pf-compact-project .pf-photo-grid figure:first-child button{aspect-ratio:4/4.5;background:#191c1e}
.pf-compact-project .pf-photo-grid button img{object-fit:contain}
.pf-compact-project .pf-project-cta{padding:35px 6.5%;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}
.pf-compact-project .pf-project-cta h2{font-size:27px;letter-spacing:-.8px;margin:0}
.pf-compact-project .pf-project-cta .pf-call{margin:0}
@media(max-width:760px){.pf-compact-project .pf-photo-grid{grid-template-columns:1fr}.pf-compact-project .pf-photo-grid button,.pf-compact-project .pf-photo-grid figure:first-child button{aspect-ratio:auto}.pf-compact-project .pf-photo-grid button img{height:auto;display:block}.pf-compact-project .pf-project-cta{padding:30px 7%;gap:20px;flex-direction:column}.pf-compact-project .pf-project-notes{padding-left:7%;padding-right:7%}}
.pf-compact-project .pf-photo-grid button:hover img{transform:none}

.pf-card-phase{position:absolute;left:12px;top:12px;background:#f4f1e9;color:#343a32;border:1px solid #d9cfbb;padding:8px 10px;font-size:10px;line-height:1.4;letter-spacing:.2px;box-shadow:0 2px 10px #191c1e10}
.pf-project-summary>.pf-intro-phase{display:table;margin-top:14px;padding:7px 10px;border:1px solid #bcb09a;color:#4b5148;background:#eee9df;font-size:10px;letter-spacing:.3px;text-transform:none}
@media(max-width:420px){.pf-card-phase{left:10px;top:10px}}

/* Portfolio reveals are progressive enhancement; content is never hidden in CSS. */
.pf-page .pf-card-image img,.pf-page .pf-photo-grid button img{transition:transform .36s cubic-bezier(.2,.65,.3,1)}
@media(prefers-reduced-motion:reduce){.pf-page .pf-card-image img,.pf-page .pf-photo-grid button img{transition:none}}

/* Editorial home rhythm, with simple grids when filtering or on smaller screens. */
@media(min-width:1001px){
 .work .pf-project-grid.pf-home-editorial{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px 25px!important;align-items:start}
 .pf-home-editorial>.pf-card{grid-column:span 2}
 .pf-home-editorial>.pf-card:first-child{grid-column:span 3;grid-row:span 2}
 .pf-home-editorial>.pf-card:nth-child(2),.pf-home-editorial>.pf-card:nth-child(3){grid-column:span 3}
 .pf-home-editorial>.pf-card:first-child .pf-card-image{aspect-ratio:4/3.2}
 .pf-home-editorial>.pf-card:nth-child(2) .pf-card-image,.pf-home-editorial>.pf-card:nth-child(3) .pf-card-image{aspect-ratio:16/4.3}
 .pf-home-editorial>.pf-card:nth-child(n+4) .pf-card-image{aspect-ratio:4/2.6}
 .pf-home-editorial>.pf-card:first-child .pf-card-title{font-size:24px;line-height:1.2;letter-spacing:-.7px}
}
@media(min-width:761px) and (max-width:1000px){.work .pf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.pf-card-image>.pf-card-secondary{position:absolute;inset:0;opacity:0;pointer-events:none}
.pf-alt-stage{display:none;position:absolute;left:12px;top:12px;font-size:10px;line-height:1.4;color:#f4f1e9;background:#191c1ee8;padding:7px 10px;pointer-events:none}
.pf-card-title>.pf-card-phase{position:static;display:block;background:none;border:0;box-shadow:none;padding:0;margin-top:6px;font-size:10px;line-height:1.5;color:#62665f;letter-spacing:0}
.pf-card-image>.pf-card-phase{box-shadow:none;border:0;padding:6px 9px;background:#f4f1e9ed}
@media(hover:hover) and (min-width:761px){
 .pf-card-image>.pf-card-secondary{transition:opacity .3s ease,transform .36s cubic-bezier(.2,.65,.3,1)}
 .pf-card--paired:hover .pf-card-secondary,.pf-card--paired:focus-visible .pf-card-secondary{opacity:1}
 .pf-card--paired:hover .pf-alt-stage,.pf-card--paired:focus-visible .pf-alt-stage{display:block}
 .pf-card:focus-visible .pf-card-image img{transform:scale(1.025)}
}
/* A closer editorial cadence through the project story and its photographs. */
.pf-project-notes{padding-top:42px;padding-bottom:38px}
.pf-description{font-size:19px;line-height:1.65;margin-bottom:20px}
.pf-features{margin-bottom:23px}
.pf-case-study{padding-top:34px;padding-bottom:34px}
.pf-before-after{padding-top:34px;padding-bottom:34px}
.pf-detail-callouts{padding-top:28px;padding-bottom:28px}
.pf-gallery-section{padding-top:44px;padding-bottom:48px}
.pf-gallery-top{margin-bottom:24px}
.pf-gallery-top h2{font-size:clamp(31px,4vw,51px);line-height:1.08;letter-spacing:-1.6px}
.pf-gallery-top .eyebrow{margin-bottom:13px}
.pf-case-heading h2{max-width:320px}
.pf-related{padding-top:48px;padding-bottom:60px}
.pf-related .pf-gallery-top h2{font-size:clamp(30px,3.2vw,42px)}
.pf-project-cta{padding-top:52px;padding-bottom:52px}
.pf-viewer-toolbar button,.pf-viewer .pf-prev,.pf-viewer .pf-next{transition:background-color .18s,border-color .18s}
.pf-viewer-toolbar button:hover,.pf-viewer .pf-prev:hover,.pf-viewer .pf-next:hover{background-color:#343738;border-color:#d7bd7d}
@media(max-width:760px){.pf-project-notes{padding-top:30px;padding-bottom:28px}.pf-description{font-size:17px}.pf-case-study,.pf-before-after{padding-top:28px;padding-bottom:28px}.pf-gallery-section{padding-top:32px;padding-bottom:38px}.pf-gallery-top h2{font-size:33px}.pf-related{padding-top:35px;padding-bottom:45px}.pf-project-cta{padding-top:40px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.pf-card-image>.pf-card-secondary,.pf-viewer-toolbar button,.pf-viewer .pf-prev,.pf-viewer .pf-next{transition:none}.pf-card:focus-visible .pf-card-image img{transform:none}}
/* Room views and details share a shorter magazine-style spread. */
@media(min-width:1001px){
 .pf-photo-grid button{aspect-ratio:4/3.5}
 .pf-photo-grid figure:first-child button{aspect-ratio:4/3.2}
 .pf-comparison-grid button{aspect-ratio:4/3.35}
 .pf-project-cta h2{font-size:clamp(40px,4.3vw,60px);margin-bottom:18px}
}

/* Curated room-to-detail pairs retain the architecture in their cover crops. */
.pf-card[href="/projects/port-st-lucie-tiled-entry"] .pf-card-primary{object-position:center 25%!important}
.pf-card[href="/projects/port-st-lucie-tiled-entry"] .pf-card-secondary{object-position:center 53%!important}
.pf-card[href="/projects/geometric-kitchen-backsplash"] .pf-card-secondary{object-position:center 54%!important}
@media(min-width:1001px){.work .pf-home-editorial>.pf-card[href="/projects/port-st-lucie-tiled-entry"] .pf-card-image{aspect-ratio:16/9}}
