/* Retail displays use the existing site palette and typography. */
.retail-displays .header{background:var(--dark)}
.retail-display-page{padding-top:78px;background:var(--paper);color:var(--ink)}
.retail-display-page h1{font:700 clamp(44px,4.8vw,76px)/1.03 Display,Arial,sans-serif;letter-spacing:-.025em}
.retail-display-page h2{font:700 clamp(34px,3.6vw,52px)/1.08 Display,Arial,sans-serif}
.retail-display-page h3{font:700 27px/1.15 Display,Arial,sans-serif}
.retail-display-page p,.retail-display-page li{font-size:17px;line-height:1.65}
.retail-display-page img{display:block;width:100%;height:auto}
.retail-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(660px,58vw,900px);overflow:hidden;background:var(--dark);color:var(--paper)}
.retail-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,17,16,.90),rgba(15,17,16,.68) 35%,rgba(15,17,16,.16) 70%,rgba(15,17,16,.04))}
.retail-hero-copy{width:min(55%,730px);padding:70px 0;margin-left:6%}
.retail-hero-copy p{max-width:510px;color:#f0ece4;margin:28px 0}
.retail-display-page .retail-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.retail-type,.retail-finish{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:70px 6%}
.retail-type+.retail-type{border-top:1px solid var(--line)}
.retail-type p{color:var(--muted)}
.retail-type-reverse>div{order:2}
.retail-finish{background:#e9e5dc}
.retail-finish li{margin:14px 0}
.retail-process{padding:75px 6%;background:var(--dark);color:var(--paper)}
.retail-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:0;list-style:none;margin-top:45px}
.retail-process li{border-top:1px solid #ffffff40;padding-top:20px}
.retail-process p{color:#d5cfc3}
.retail-brief{padding:70px 6%;max-width:1050px}
.retail-inquiry{padding:65px 6%;background:#e9e5dc;scroll-margin-top:90px}
.retail-inquiry form{max-width:1000px;margin-top:35px}
.retail-inquiry label{display:block;font-size:14px;margin:20px 0}
.retail-inquiry input,.retail-inquiry select,.retail-inquiry textarea{display:block;width:100%;padding:13px;border:1px solid #aaa499;background:var(--paper);color:var(--ink);font:inherit;margin-top:7px}
.retail-inquiry .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.retail-inquiry .form-note{font-size:13px}
#retail .retail-finish-photo{display:block;width:100%;height:auto;margin-top:22px}
#retail .retail-links{margin-top:35px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){.retail-type,.retail-finish{grid-template-columns:1fr}.retail-hero{min-height:700px}.retail-hero-copy{width:88%;padding:65px 0;margin:0 6%}.retail-hero::after{background:linear-gradient(90deg,rgba(15,17,16,.86),rgba(15,17,16,.50)),linear-gradient(0deg,rgba(15,17,16,.35),transparent)}.retail-display-page .retail-hero>img{object-position:60% center}.retail-type,.retail-finish{padding:45px 6%;gap:25px}.retail-type-reverse>div{order:0}.retail-process ol{grid-template-columns:1fr 1fr}.retail-inquiry .form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:480px){.retail-process ol{grid-template-columns:1fr}.retail-display-page h1{font-size:43px}}

/* Invitation belongs only to the sourcing page's retail section. */
#retail .retail-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:45px;padding:40px;background:var(--dark);color:var(--paper)}
#retail .retail-invitation h2{font-size:clamp(30px,3.2vw,44px);margin:0 0 15px}
#retail .retail-invitation p{max-width:680px;margin:0;color:#d5cfc3;font-size:17px;line-height:1.65}
#retail .retail-invitation .button{flex-shrink:0}
@media(max-width:800px){#retail .retail-invitation{align-items:flex-start;flex-direction:column;padding:28px 24px;gap:25px}}

.retail-mixed{padding:70px 6%}
.retail-mixed>p{max-width:1050px;color:var(--muted);margin:25px 0 35px}
.retail-mixed-images{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
@media(max-width:800px){.retail-mixed{padding:45px 6%}.retail-mixed-images{grid-template-columns:1fr;gap:24px}}