/* Shared design for both complete comparison options. */
:root{--paper:#f5f1e9;--cream:#f5f1e9;--ink:#30302d;--muted:#65615c;--accent:#594235;--walnut:#594235;--line:#c8bfb4;--surface:#e9e3da;--header:140px}
body{background:var(--paper);color:var(--ink)}
html{scroll-padding-top:calc(var(--header) + 20px)}
em{color:inherit}
.topline{background:var(--ink);color:var(--paper)}
.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.site-header .wrap{width:92%;max-width:1600px}
.masthead{padding:15px 0;border:0}
.brand img{width:137px}
.brand .brand-sub{font-size:9px;letter-spacing:.1em}
#navigation{gap:23px}
#navigation a{font-size:12px;min-height:44px;display:flex;align-items:center}
#navigation a:last-child{border:0;border-radius:0;background:var(--walnut);color:var(--paper);padding:12px 20px}
#navigation a:last-child:hover{background:#443227}
.site-tools{padding:0 0 8px;font-size:11px}
.eyebrow{color:var(--walnut)}
.topline,.hero-meta{letter-spacing:.12em}
.button{border-radius:0;background:var(--walnut);border-color:var(--walnut);color:var(--paper)}
.button:hover{background:#443227;color:var(--paper)}
.card,.storage-card,.intake-form,input,select,textarea,.menu-toggle{border-radius:0}
.card,.storage-card,.intake-form{background:#fbf8f3}
.project-photo figcaption{color:var(--muted)}
.project-photo img{background:var(--surface)}
.cta{background:var(--ink);color:var(--paper)}
.cta h2,.cta em{color:var(--paper)}
.cta .eyebrow{color:#dbc39a}
.cta .button{background:var(--paper);color:var(--walnut);border-color:var(--paper)}
.cta .button:hover{background:#ded7cd;color:var(--walnut)}
.cta :focus-visible{outline-color:#dbc39a}
.site-credit a,.site-credit a:visited{color:var(--walnut)}
footer{background:#ece6dd;box-shadow:0 0 0 100vmax #ece6dd;clip-path:inset(0 -100vmax);padding-top:50px}
footer .brand img{width:165px}
footer .text-button{display:block;margin-top:14px}
.copyright{color:var(--muted)}
.original-intro{padding:65px 0}
.original-intro .hero-copy h2{grid-column:1;grid-row:2/5;font-size:clamp(32px,3.3vw,48px);line-height:1.12}
.original-intro .hero-meta{margin-top:35px}
.comparison-trust{display:flex;justify-content:space-between;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px}
.comparison-trust p{margin:0}
.comparison-trust span{font:italic 17px Georgia,serif;color:var(--walnut);margin-right:12px}
.comparison-outcome{grid-column:1;grid-row:5;font:italic 21px/1.4 Georgia,serif;margin-top:20px}
.comparison-space-intro{margin:0 0 35px;max-width:70ch;color:var(--muted)}
.feature-spaces{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.comparison-space-card{text-decoration:none;min-width:0;display:block}
.comparison-space-card .project-photo{padding:0!important}
.comparison-space-card .project-photo img{height:290px!important;object-fit:cover}
.comparison-space-card .project-photo figcaption{font-size:11px;line-height:1.5;letter-spacing:0}
.comparison-space-card .card-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0 12px}
.comparison-space-card h3{font-size:25px;line-height:1.2}
.comparison-space-card>p{font-size:14px;color:var(--muted)}
.comparison-space-card:hover h3{text-decoration:underline;text-underline-offset:5px}
.comparison-detail{display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface);margin:20px 0 65px}
.comparison-detail .detail-photo{position:relative;min-width:0}
.comparison-detail figure{height:100%;display:flex;flex-direction:column}
.comparison-detail img{width:100%;height:100%;min-height:520px;object-fit:cover;flex:1}
.comparison-detail figcaption{padding:10px 20px;font-size:11px;color:var(--muted)}
.detail-copy{padding:60px 45px;align-self:center}
.detail-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12}
.detail-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:24px 0}
.detail-copy ul{list-style:none;padding:0;margin:25px 0 30px;font-size:14px}
.detail-copy li{border-top:1px solid var(--line);padding:16px 0}
.detail-copy li span{font:italic 15px Georgia;margin-right:18px;color:var(--walnut)}
.text-link{display:inline-block;min-height:32px;padding-bottom:6px;border-bottom:1px solid #927d6a;color:var(--walnut);font-size:14px;text-decoration:none}
.text-link:hover{text-decoration:underline}
.comparison-caption{display:block;margin-top:8px}
.comparison-step-note{font:italic 20px/1.4 Georgia,serif;margin-top:14px}
.comparison-invitation{font:italic 28px/1.3 Georgia,serif}
.guarantee{margin-bottom:35px}
.comparison-site .skip{position:fixed;z-index:100}
@media(max-width:1150px) and (min-width:750px){#navigation{gap:18px;width:100%;justify-content:space-between}.masthead{padding:12px 0;gap:10px}}
@media(max-width:749px){
 .site-header .wrap{width:calc(100% - 36px)}.brand img{width:109px}.brand .brand-sub{font-size:8px}
 .masthead{padding:10px 0}.site-tools{font-size:10px;padding-bottom:6px}.topline{font-size:8px;padding:6px 12px}
 #navigation{gap:0}#navigation a{font-size:15px}#navigation a:last-child{justify-content:center}
 .original-intro{padding:40px 0}.original-intro .hero-copy h2{font-size:36px}
 .comparison-trust{padding:20px 0;gap:14px;font-size:11px}.comparison-trust p{flex:1;line-height:1.5}.comparison-trust span{display:block;margin-bottom:6px}
 .feature-spaces{grid-template-columns:1fr;gap:30px}
 .comparison-space-card .project-photo img{height:280px!important}
 .comparison-detail{grid-template-columns:1fr;margin:10px 0 35px}
 .comparison-detail img{min-height:0;height:330px;flex:none}.detail-copy{padding:38px 22px}
 .detail-copy h2{font-size:34px}.detail-copy ul{font-size:14px}
 .cta .phone{margin-left:0}.guarantee{margin-bottom:20px}
}