body.realized-page{background:#242424;color:#f7f5f1}
.realized-page .rz-wrap{width:min(100% - 80px,1400px);margin-inline:auto}
.rz-hero{position:relative;min-height:min(760px,78svh);display:flex;align-items:end;overflow:hidden;background:#333}
.rz-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rz-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72))}
.rz-hero__inner{position:relative;z-index:1;padding-bottom:65px}
.rz-crumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px;font-size:12px;color:#fff}
.rz-crumbs a{color:inherit;text-underline-offset:4px}
.rz-eyebrow{margin:0 0 18px;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.rz-hero h1{max-width:990px;margin:0;font-size:clamp(42px,7vw,104px);font-weight:300;line-height:.98;letter-spacing:-.035em}
.rz-lead{max-width:850px;margin:0;padding:70px 0;font-size:clamp(22px,2.8vw,37px);line-height:1.3;font-weight:300}
.rz-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:30px 0 25px;border-top:1px solid #777}
.rz-section-head h2{margin:0;font-weight:300;font-size:clamp(30px,3.6vw,48px)}
.rz-section-head span{font-size:13px;color:#bbb}
.rz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:95px}
.rz-card{display:block;position:relative;min-height:480px;color:#fff;overflow:hidden;background:#333;text-decoration:none}
.rz-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.rz-card:hover img{transform:scale(1.03)}
.rz-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.68))}
.rz-card__text{position:absolute;z-index:1;bottom:34px;left:36px;right:36px}
.rz-card h2{margin:0 0 9px;font-weight:300;font-size:clamp(26px,3vw,44px)}
.rz-card p{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.rz-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-bottom:80px}
.rz-shot{display:block;background:#333;overflow:hidden}
.rz-shot img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s ease}
.rz-shot:hover img{transform:scale(1.02)}
.rz-related{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid #777;padding:42px 0 85px}
.rz-related p{margin:0;color:#bbb;font-size:14px}
.rz-related a{color:#fff;text-align:right;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:clamp(21px,2.7vw,35px)}
.rz-card:focus-visible,.rz-shot:focus-visible,.rz-related a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.realized-home{position:relative;min-height:460px;display:flex;align-items:end;color:#fff;background:#333;overflow:hidden}
.realized-home img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.realized-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1))}
.realized-home__inner{position:relative;z-index:1;width:min(100% - 80px,1400px);margin:0 auto;padding:70px 0}
.realized-home h2{font-size:clamp(35px,5vw,68px);font-weight:300;line-height:1.05;margin:0 0 18px}
.realized-home p{font-size:18px;margin:0 0 28px}
.realized-home a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:6px}
.rz-index-link{display:inline-block;margin:0 0 40px;color:#fff;text-underline-offset:5px;font-size:18px}
@media(max-width:760px){.realized-page .rz-wrap,.realized-home__inner{width:min(100% - 32px,1400px)}.rz-hero{min-height:68svh}.rz-hero__inner{padding-bottom:35px}.rz-lead{padding:52px 0}.rz-grid,.rz-gallery{grid-template-columns:1fr}.rz-grid{padding-bottom:65px}.rz-card{min-height:420px}.rz-gallery{gap:10px}.rz-related{display:block}.rz-related a{display:inline-block;text-align:left;margin-top:14px}.realized-home{min-height:410px}}
@media(prefers-reduced-motion:reduce){.rz-card img,.rz-shot img{transition:none}}

/* Project pages follow the same full-width hero and two-column introduction as the render portfolio. */
.realized-detail main{padding-top:var(--header-height)}
.realized-detail .rz-hero{min-height:calc(100svh - var(--header-height))}
.realized-detail .rz-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.03) 38%,rgba(0,0,0,.67) 100%)}
.realized-detail .rz-hero__inner{padding-bottom:64px}
.realized-detail .rz-hero h1{font-size:clamp(40px,6vw,92px);line-height:1.02;text-wrap:balance}
.rz-hero__place{margin:22px 0 0;font-size:14px;letter-spacing:.04em;color:rgba(255,255,255,.86)}
.rz-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:clamp(32px,8vw,150px);padding:clamp(64px,8vw,130px) 0;border-bottom:1px solid rgba(255,255,255,.24)}
.rz-intro>p{max-width:730px;margin:0;font-size:clamp(22px,2.7vw,36px);font-weight:300;line-height:1.37;letter-spacing:-.015em}
.rz-intro__nav{align-self:end}
.rz-intro__nav h2{margin:0 0 18px;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.rz-intro__nav a{display:block;padding:9px 0;border-top:1px solid rgba(255,255,255,.17);color:rgba(255,255,255,.74);font-size:15px;text-decoration:none}
.rz-intro__nav a:hover{color:#fff}
.realized-detail .rz-section-head{padding:66px 0 28px;border-top:0}
.realized-detail .rz-gallery{display:block;columns:2;column-gap:16px;padding-bottom:24px}
.realized-detail .rz-shot{break-inside:avoid;margin-bottom:16px}
.realized-detail .rz-shot img{height:auto;aspect-ratio:auto;object-fit:contain}
.realized-detail .rz-related a{font-size:clamp(18px,1.8vw,26px)}
@media(max-width:760px){
  .realized-detail .rz-hero{min-height:calc(100svh - var(--header-height))}
  .realized-detail .rz-hero__inner{padding-bottom:32px}
  .rz-intro{grid-template-columns:1fr;padding:60px 0}
  .realized-detail .rz-section-head{padding-top:46px}
  .realized-detail .rz-gallery{columns:1}
  .realized-detail .rz-shot{margin-bottom:10px}
  .realized-detail .rz-related a{font-size:20px}
}

/* The realized portfolio uses the same card layout as private interiors. */
.realized-index__footer{display:flex;align-items:baseline;justify-content:space-between;gap:32px;width:min(100% - 80px,1400px);margin:0 auto;padding:45px 0 85px;border-top:1px solid rgba(255,255,255,.24)}
.realized-index__footer p{max-width:650px;margin:0;color:rgba(255,255,255,.68);font-size:16px;line-height:1.5}
.realized-index__footer a{flex:none;color:#fff;font-size:clamp(18px,1.8vw,26px);border-bottom:1px solid currentColor;padding-bottom:5px;text-decoration:none}
.realized-index__footer a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.realized-index__footer{display:block;width:min(100% - 32px,1400px);padding:38px 0 65px}.realized-index__footer a{display:inline-block;margin-top:24px}}