/* Standalone comparison: opening only. Approved service styles remain intact. */
.masthead{position:absolute;inset:0 0 auto;z-index:3;background:transparent;padding:20px 5.5vw;min-height:112px}
.masthead nav a{color:#f8f6ee;text-shadow:0 1px 8px #0006}
.cinematic-entry{position:relative;isolation:isolate;height:100svh;min-height:640px;max-height:1040px;background:#293127;color:#f8f6ee;overflow:hidden}
.entry-photograph{position:absolute;inset:0;z-index:-2}
.entry-photograph img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 47%}
.entry-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,23,18,.42),transparent 27%),linear-gradient(90deg,rgba(18,23,18,.69),rgba(18,23,18,.31) 47%,rgba(18,23,18,.03) 80%),linear-gradient(0deg,rgba(18,23,18,.62),transparent 65%)}
.entry-composition{position:absolute;inset:auto 5.5vw 8.3%;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.entry-words{max-width:740px}
.entry-words .eyebrow{color:#eee9dc;font-size:10px;letter-spacing:.19em;margin-bottom:23px}
.entry-words h1{font-size:clamp(48px,4.35vw,82px);font-weight:350;line-height:1.045;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.entry-introduction{font-size:clamp(16px,1.08vw,19px);line-height:1.65;max-width:425px;color:#eee9dc}
.enter-experience{display:inline-flex;align-items:center;gap:16px;min-height:54px;margin-top:30px;text-decoration:none;font-size:clamp(17px,1.15vw,21px);font-weight:400;letter-spacing:-.015em}
.entry-circle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #f8f6eec2;border-radius:50%;font-size:21px;line-height:1;flex:none;transition:background-color .25s,border-color .25s}
.enter-experience:hover .entry-circle{background:#f8f6ee12;border-color:#f8f6ee}
.explore-remodeling{display:inline-flex;align-items:center;gap:22px;min-height:48px;text-decoration:none;color:#eee9dc;font-size:13px;white-space:nowrap}
.explore-remodeling>span:first-child{border-bottom:1px solid #eee9dc80;padding-bottom:3px}
.secondary-arrow{font-size:20px;font-weight:300}
.service-arrival{scroll-margin-top:0}
.service-arrival:focus{outline:none}
.service-arrival h2{max-width:560px}
.service-arrival .lead{font-size:18px;line-height:1.75}
@media(min-width:1700px){.entry-composition{bottom:9.5%}.entry-words .eyebrow{margin-bottom:30px}.enter-experience{margin-top:34px}}
@media(max-width:900px){.entry-composition{gap:25px}.explore-remodeling{font-size:12px;gap:12px}.entry-words{max-width:580px}}
@media(max-width:760px){
 .masthead{min-height:90px;padding:12px 6vw}.masthead .logo{width:106px;height:68px}.masthead nav{font-size:11px;gap:8px}
 .cinematic-entry{height:100svh;min-height:620px;max-height:none}
 .entry-photograph img{object-position:58% 45%}
 .entry-shade{background:linear-gradient(180deg,rgba(18,23,18,.4),transparent 26%),linear-gradient(0deg,rgba(18,23,18,.93),rgba(18,23,18,.69) 35%,rgba(18,23,18,.09) 73%)}
 .entry-composition{inset:auto 6vw 27px;display:block}
 .entry-words{max-width:440px}.entry-words .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:17px}
 .entry-words h1{font-size:clamp(39px,10.65vw,48px);line-height:1.08;letter-spacing:-.04em;margin-bottom:19px}
 .entry-introduction{font-size:15px;line-height:1.65;max-width:340px}
 .enter-experience{font-size:17px;margin-top:20px;gap:13px;min-height:52px}
 .entry-circle{width:42px;height:42px;font-size:20px}
 .explore-remodeling{margin:13px 0 0 55px;min-height:44px;gap:17px;font-size:12px}
 .service-arrival .lead{font-size:16px}
}
@media(max-width:760px) and (max-height:700px){.entry-composition{bottom:19px}.entry-words .eyebrow{margin-bottom:13px}.entry-words h1{margin-bottom:16px}.enter-experience{margin-top:17px}.explore-remodeling{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.entry-circle{transition:none}html{scroll-behavior:auto}}

/* Phase 10G paired landing pages: quiet emphasis without moving the invitation. */
.enter-experience{font-weight:500}
.enter-experience>span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:#f8f6ee80}
.entry-circle{border-color:#f8f6ee}
.cabinetry-entry .entry-introduction{max-width:510px}
.cabinetry-entry .entry-photograph img{object-position:58% 48%}
@media(max-width:760px){.cabinetry-entry .entry-introduction{max-width:350px}.cabinetry-entry .entry-photograph img{object-position:90% 48%}}

