/* Residential direction approved by Fed: existing two-column portfolio and restrained gold typography. */
.residential-portfolio-complete .single-photo-end{height:35px}
.residential-portfolio-complete main:focus{outline:none}
.residential-page .page-intro{padding-block:48px 34px}
.residential-page .page-intro .eyebrow{font:400 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#666;margin-bottom:17px}
.residential-page .page-intro h1{font-size:clamp(46px,5.2vw,78px);color:#666;margin-bottom:18px}
.residential-page .page-intro .residential-subtitle{max-width:none;font-size:clamp(21px,2vw,27px);line-height:1.4;color:#666}
.residential-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.residential-section-nav{display:flex;gap:32px;flex-wrap:wrap;margin-top:25px;border-bottom:1px solid #d9d3bf}
.residential-section-nav a{display:inline-block;padding:7px 0 9px;margin-bottom:-1px;border-bottom:2px solid transparent;font:400 24px/1.3 var(--serif);color:#666}
.residential-section-nav a[aria-current],.residential-section-nav a:hover{color:#948a54;border-bottom-color:currentColor}
.residential-section-nav a:focus-visible{outline:2px solid #948a54;outline-offset:5px}
.residential-page [data-residential-section][hidden]{display:none}
@media(max-width:600px){.residential-section-nav{margin-top:20px;gap:28px}.residential-section-nav a{font-size:23px}}
.portfolio-pilot .breadcrumb:hover,.portfolio-pilot .breadcrumb:focus-visible{color:#948a54}
.portfolio-pilot .portfolio-hero{margin:0;width:100%}
.portfolio-pilot .portfolio-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.portfolio-pilot .portfolio-photo{margin:0;position:relative;aspect-ratio:16/9;background:var(--wash)}
.portfolio-pilot .portfolio-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.portfolio-pilot .project-grid{padding-bottom:35px}
.portfolio-pilot .project-end{justify-content:flex-end}
.project-return-bar{position:fixed;z-index:15;bottom:18px;right:var(--gutter);display:flex;align-items:center;gap:0;border:1px solid #c6bd99;background:#fffffff2;box-shadow:0 3px 14px #0000000a;backdrop-filter:blur(8px);transition:opacity .15s}
.project-return-bar[hidden]{display:none}
.project-return-bar a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 15px;color:#666;font-size:15px;line-height:1.3}
.project-return-bar a+a{border-left:1px solid #dfdbcc}
.project-return-bar a:hover,.project-return-bar a:focus-visible{color:#948a54}
.project-return-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25}
@media(max-width:600px){.residential-page .page-intro{padding-block:32px 27px}.residential-page .page-intro .eyebrow{font-size:13px;letter-spacing:.12em}.residential-page .page-intro h1{font-size:clamp(43px,10.5vw,60px)}.residential-page .page-intro .residential-subtitle{font-size:21px}.residential-page .portfolio-grid{grid-template-columns:1fr}.project-return-bar{bottom:12px;right:12px;max-width:calc(100vw - 24px)}.project-return-bar a{font-size:14px;padding:8px 12px}.portfolio-pilot .project-end{padding-bottom:70px}}

/* Portfolio cover: image directly beneath navigation, identity inside the image. */
.portfolio-pilot .portfolio-hero{position:relative;isolation:isolate}
.portfolio-pilot .portfolio-hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(18,18,15,.58) 0%,rgba(18,18,15,.28) 20%,rgba(18,18,15,0) 48%)}
.portfolio-cover-caption{position:absolute;z-index:2;top:clamp(24px,3vw,54px);left:var(--gutter);right:var(--gutter);color:#fff;pointer-events:none;text-shadow:0 1px 5px #0009,0 0 18px #0004}
.portfolio-cover-caption h1{font:400 clamp(34px,4vw,66px)/1.08 var(--serif);color:#fff;margin:0 0 12px;max-width:850px}
.portfolio-cover-caption .project-type{font:400 17px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#fff;padding:0;margin:0;text-transform:uppercase}
/* Match the visible left edge of Perpetua's C rather than its glyph box. */
.portfolio-pilot[data-project-id="hospitality-029"] .portfolio-cover-caption .project-type{padding-inline-start:clamp(1px,.2vw,3px)}
@media(max-width:600px){.portfolio-cover-caption{top:20px}.portfolio-cover-caption h1{font-size:clamp(28px,7.5vw,42px);margin-bottom:8px}.portfolio-cover-caption .project-type{font-size:13px;letter-spacing:.1em}.portfolio-pilot .portfolio-hero::before{background:linear-gradient(135deg,rgba(18,18,15,.6),rgba(18,18,15,.24) 34%,transparent 65%)}}
