/* Reference-inspired editorial treatment, scoped to the Renhold case study. */
:root{--navy:#08131e;--ink:#101c27;--muted:#5d6972;--pale:#f3f6f8}
body{line-height:1.6}html{scroll-padding-top:24px}figure{margin:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:12px;background:white}.skip-link:focus{top:12px}
header{background:var(--navy);min-height:114px;padding:24px max(4vw,calc((100vw - 1320px)/2));border:0;gap:32px}.logo{width:248px;background:white;padding:10px 14px;border-radius:2px}nav{gap:0;background:white;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;align-items:stretch}nav>a{display:flex;align-items:center;padding:18px 25px}nav>a:hover{color:var(--blue);background:#edf6fc}nav .button{border-radius:0;color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 25px;border-radius:0;font-size:13px;letter-spacing:.03em;transition:background .2s}.button:hover{background:#065c9e}
.hero{display:block;text-align:center;padding:54px 24px 68px}.hero-copy{max-width:860px;margin:auto;padding:0}.eyebrow{font:700 11px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.17em;margin:0 0 18px}.hero .eyebrow,.cta .eyebrow{color:#72cff4}h1{font-size:clamp(40px,4.8vw,66px);font-weight:750;letter-spacing:-.04em;line-height:1.08;margin:0 0 23px}h1 span{color:white}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#c9d5df;max-width:690px;margin:0 auto 28px}.hero .button{background:#1686d8}.hero .button:hover{background:#0668af}
.facts{padding:29px max(6vw,calc((100vw - 1200px)/2));background:white;gap:24px}.facts div{border-left:3px solid var(--blue);padding-left:20px}.facts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.facts dd{font-size:clamp(19px,2vw,28px);font-weight:700;line-height:1.3;letter-spacing:-.025em}.wrap{max-width:1320px;padding-left:4vw;padding-right:4vw}
.intro{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:88px;padding-bottom:88px;border:0}.project-image{position:relative}.project-image img{width:100%;height:550px;object-fit:cover;object-position:center 45%}.project-image figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(8,19,30,.95));color:white;padding:65px 25px 25px;font-size:12px;font-weight:700;letter-spacing:.1em}.project-image figcaption span{display:block;color:#d0dee8;font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px}h2{font-size:clamp(30px,3.3vw,46px);font-weight:750;line-height:1.13;letter-spacing:-.035em;margin:0 0 23px}.intro p:not(.eyebrow),.chapter-heading>p:not(.eyebrow){font-size:16px;line-height:1.8}.accent-note{border-left:4px solid var(--blue);padding-left:22px;margin:25px 0}.text-link{font-size:13px;font-weight:700;color:var(--blue);margin-top:10px}.text-link:hover{text-decoration:underline}
.project-details{padding:65px 0;background:var(--pale)}.section-intro{text-align:center;margin-bottom:36px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.detail-grid article{border-top:1px solid #cbd7e0;padding-top:22px}.detail-number{font-size:13px;color:var(--blue);font-weight:700}.detail-grid h3{font-size:22px;letter-spacing:-.02em;margin:15px 0 10px}.detail-grid p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}.chapter-heading{margin-bottom:36px;max-width:850px}.chapter:first-child .chapter-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.chapter-heading p{margin-top:0}.photo-grid{gap:35px 25px}.photo-grid a{position:relative}.photo-grid a::after{content:'↗';position:absolute;right:14px;bottom:14px;background:#fff;color:var(--navy);width:35px;height:35px;display:grid;place-items:center;font-size:18px}.photo-grid a:hover::after{background:var(--blue);color:white}figcaption{padding-top:15px;font-size:13px;line-height:1.55}figcaption b{font-size:17px;margin-bottom:4px}.exterior{background:var(--pale)}.cta h2{font-size:clamp(34px,4vw,52px)}.cta .button{background:var(--blue);color:white;margin-top:12px}.cta .button:hover{background:#065c9e}.back{color:#a8c9df;font-size:13px}.back:hover{color:white}footer{padding:32px max(4vw,calc((100vw - 1320px)/2))}footer img{width:210px}a:focus-visible,button:focus-visible{outline-color:#21c9f3}
@media(min-width:1500px){.wrap{padding-left:40px;padding-right:40px}}
@media(max-width:900px){header{gap:20px}.logo{width:200px}nav>a{padding:15px}.hero{padding-top:42px}.intro{gap:35px}.project-image img{height:490px}.facts dd{font-size:22px}.detail-grid{gap:24px}.chapter:first-child .chapter-heading{gap:35px}}
@media(max-width:600px){header{padding:20px 6vw;flex-direction:column;gap:20px}.logo{width:210px}nav{font-size:10px;gap:0}nav>a{padding:13px 12px}nav .button{font-size:10px;padding:13px 12px}.hero{padding:35px 6vw 45px}.hero-copy{padding:0}.hero .eyebrow{font-size:10px;letter-spacing:.12em}h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:16px}.facts{gap:25px 15px;padding:27px 6vw}.facts div{padding-left:12px}.facts dd{font-size:21px}.wrap{padding-left:6vw;padding-right:6vw}.intro{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:35px}.project-image img{height:auto;aspect-ratio:4/5}.project-details{padding:45px 0}.section-intro{text-align:left}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid article{padding-top:17px}.detail-grid h3{margin-top:8px}.chapter{padding-top:48px;padding-bottom:48px}.chapter:first-child .chapter-heading{display:block}.photo-grid{gap:30px}.cta{padding:55px 6vw}footer{padding:30px 6vw}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* A lighter, photo-led opening using the project's kitchen photograph. */
header{background:#fff;border-bottom:1px solid #e3ebf0}
.hero{min-height:600px;display:flex;align-items:center;text-align:left;padding:80px max(6vw,calc((100vw - 1200px)/2));color:var(--ink);background:linear-gradient(90deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.94) 32%,rgba(248,250,252,.65) 52%,rgba(248,250,252,.08) 76%),url('/renhold/02-kitchen.webp') center 42%/cover no-repeat}
.hero-copy{max-width:650px;margin:0;padding:0}
.hero .eyebrow{color:#056aa9}
.hero h1 span{color:#0875bb}
.hero-copy>p:not(.eyebrow){max-width:540px;margin:0 0 28px;color:#354b5b}
@media(max-width:900px){.hero{min-height:560px;background-position:center,60% 42%}.hero-copy{max-width:560px}}
@media(max-width:600px){.hero{min-height:670px;align-items:flex-start;padding:40px 6vw 220px;background-image:linear-gradient(180deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.94) 48%,rgba(248,250,252,.45) 68%,rgba(248,250,252,.04) 100%),url('/renhold/02-kitchen.webp');background-position:center,center 48%}.hero-copy{max-width:100%}}