@import url('/assets/photo-pending-hd.css');

.upright-landing .upright-hero{background:#f4f0e8;padding:60px 0 44px}
.upright-landing .upright-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,70px);align-items:center}
.upright-landing .upright-hero h1{font:400 clamp(2.6rem,4.5vw,4.1rem)/1.06 var(--serif);margin:18px 0 26px}
.upright-landing .upright-hero p{font-size:1.05rem;line-height:1.75}
.upright-landing .upright-hero a:not(.btn),.upright-landing .upright-advice a,.upright-landing .upright-service a{color:#79541b;text-decoration:underline;text-underline-offset:4px}
.upright-landing .upright-hero .btn.outline{color:#30271c;border-color:#79541b}
.upright-landing .upright-hero .btn.outline:hover,.upright-landing .upright-hero .btn.outline:focus-visible{background:#30271c;color:#fff;border-color:#30271c}
.upright-landing .upright-hero-photo{margin:0}
.upright-landing .upright-hero-photo img{width:100%;height:auto;display:block}
.upright-landing .upright-hero-photo figcaption{font-size:.8rem;color:#706557;padding-top:10px}
.upright-landing .upright-inventory{padding:58px 0 64px}
.upright-landing .upright-inventory h2,.upright-landing .upright-advice h2,.upright-landing .upright-service h2{font:400 clamp(2rem,3.3vw,3rem)/1.15 var(--serif);margin:0 0 20px}
.upright-landing .upright-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 14px}
.upright-landing .upright-filters button{font:500 .9rem/1.4 var(--sans);padding:11px 18px;border:1px solid #bbaa8e;background:transparent;color:#30271c;cursor:pointer;border-radius:0}
.upright-landing .upright-filters button[aria-pressed=true]{background:#342b20;border-color:#342b20;color:#fff}
.upright-landing .upright-filters button:focus-visible,.upright-landing .upright-questions summary:focus-visible{outline:2px solid #79541b;outline-offset:4px}
.upright-landing #upright-results{font-size:.875rem;color:#625747;margin:12px 0 22px}
.upright-landing [hidden]{display:none!important}
.upright-landing #upright-more{margin-top:28px;cursor:pointer;color:#79541b;border-color:#79541b}
.upright-landing .upright-selection-note{margin:28px 0 4px}
.upright-landing .upright-advice{background:#f4f0e8;padding:70px 0}
.upright-landing .upright-advice h2{max-width:750px;margin-top:14px}
.upright-landing .upright-advice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,65px);align-items:center;margin-top:36px}
.upright-landing .upright-advice-grid>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.upright-landing .upright-advice h3{font:400 clamp(1.7rem,2.6vw,2.4rem)/1.15 var(--serif);margin:0 0 20px}
.upright-landing .upright-advice p,.upright-landing .upright-service p{line-height:1.8}
.upright-landing .upright-text-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
.upright-landing .upright-service{padding:70px 0;background:#fffdf9}
.upright-landing .upright-service-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,80px)}
.upright-landing .upright-service h2{margin-top:15px}
.upright-landing .upright-service img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 45%;display:block;margin-top:25px}
.upright-landing .upright-questions{border-top:1px solid #bdaf99;align-self:start}
.upright-landing .upright-questions details{border-bottom:1px solid #bdaf99;padding:0 0 20px}
.upright-landing .upright-questions details:not([open]){padding-bottom:0}
.upright-landing .upright-questions summary{padding:22px 32px 22px 0;font-weight:600;cursor:pointer;position:relative;list-style:none}
.upright-landing .upright-questions summary::-webkit-details-marker{display:none}
.upright-landing .upright-questions summary:after{content:'+';position:absolute;right:0;top:20px;font-size:1.4rem;font-weight:400;color:#79541b}
.upright-landing .upright-questions details[open]>summary:after{content:'−'}
.upright-landing .upright-all-link{display:inline-block;margin-top:28px}
@media(max-width:720px){
 .upright-landing .upright-hero,.upright-landing .upright-advice,.upright-landing .upright-service{padding:36px 0}
 .upright-landing .upright-hero-grid,.upright-landing .upright-advice-grid,.upright-landing .upright-service-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .upright-landing .upright-hero h1{font-size:2.55rem}
 .upright-landing .upright-hero-photo{max-width:500px}
 .upright-landing .upright-inventory{padding:40px 0}
 .upright-landing .upright-filters button{padding:10px 13px}
 .upright-landing .upright-advice-grid{margin-top:28px}
 .upright-landing .upright-advice-grid>img{aspect-ratio:5/4}
}