/* v30: dealer positioning — hero facts, about us, short enquiry forms, stone key facts. */

/* ---------- hero ---------- */
.dealer-hero h1{font-family:var(--serif-display);font-weight:400}
.dealer-hero .intro{max-width:560px;font-size:19px;line-height:1.65;color:#d6d8dc}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:30px}
.hero-actions .button{margin-top:0;color:var(--cream);background:rgba(190,158,94,.12)}
.hero-actions .button:hover{background:rgba(190,158,94,.24)}
.hero-actions .text-link{color:var(--cream);text-decoration:none}
.hero-facts{list-style:none;padding:0;margin:46px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.hero-facts li{padding:18px 18px 0 0;display:grid;gap:4px}
.hero-facts li+li{padding-left:18px;border-left:1px solid var(--line)}
.hero-facts b{font-family:var(--serif-display);font-weight:400;font-size:34px;line-height:1;color:var(--cream)}
.hero-facts span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------- about us ---------- */
.about{background:var(--paper);color:var(--navy)}
.about-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:24px 60px;align-items:end;border-bottom:1px solid var(--navy);padding-bottom:30px}
.about-head .eyebrow{grid-column:1/-1;margin:0;color:#8a6f3c}
.about-head h2{font-family:var(--serif-display);font-weight:400;font-size:clamp(42px,4.8vw,70px);line-height:1;margin:0}
.about-head h2 em{font-style:italic;color:#8a6f3c}
.about-lead{margin:0;font-family:var(--serif-text);font-style:italic;font-size:22px;line-height:1.4;color:var(--ink-soft)}
.about-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:40px 0 10px}
.about-clients h3{font-family:var(--serif-display);font-weight:400;font-size:28px;margin:0 0 10px}
.about-clients p{margin:0;font-family:var(--serif-text);font-size:20px;line-height:1.5;color:#1d2938}
.about-principles{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid var(--rule)}
.about-principles li{display:grid;gap:10px;padding-top:22px;align-content:start}
.about-principles span{font-size:13px;letter-spacing:.14em;color:#8a6f3c}
.about-principles h3{font-size:16px;letter-spacing:.06em;font-weight:500;margin:0}
.about-principles p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-soft)}

/* ---------- sourcing ---------- */
.dealer-sourcing{align-items:start}
.dealer-sourcing h2{font-family:var(--serif-display);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1.08;margin:0 0 18px}
.dealer-sourcing .eyebrow{color:var(--gold)}
.dealer-sourcing p{color:#d6d8dc}
.qf-hint{font-size:13px;opacity:.7;letter-spacing:0}

/* ---------- short enquiry form ---------- */
.qf{display:grid;gap:14px;text-align:left}
.qf label{display:flex;flex-direction:column;gap:6px;font-size:14px;letter-spacing:.04em}
.qf input,.qf textarea,.qf-pick select{width:100%;min-width:0;padding:12px;background:var(--cream);color:var(--navy);border:1px solid var(--gold);font:inherit;font-size:16px}
.qf textarea{min-height:92px;resize:vertical}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qf-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}
.qf-send{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.qf-send .button{margin-top:0}
.qf-privacy{margin:0!important;font-size:13px;opacity:.75}
.qf-status{margin:0!important;min-height:22px;font-size:15px}
.qf.is-sent .qf-row,.qf.is-sent .qf-note,.qf.is-sent .qf-send{display:none}
.qf.is-sent .qf-status{font-family:var(--serif-display);font-size:22px}
.qf button[disabled]{opacity:.6;cursor:default}
.sourcing .qf .button,.enquiries .qf .button{color:var(--cream)}

.dealer-contact .contact-lead{font-size:17px}
.contact-form{max-width:640px;margin:26px auto 0;display:grid;gap:14px;text-align:left}
.qf-pick{display:flex;flex-direction:column;gap:6px;font-size:14px;letter-spacing:.04em}
.qf-pick select{appearance:auto;letter-spacing:0;max-width:none}

/* ---------- stone page: key facts first ---------- */
.feature-facts{max-width:1280px;margin:-20px auto 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 50px;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:34px}
.feature-facts dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px}
.feature-facts dl div{border-top:1px solid var(--rule);padding-top:10px;min-width:0}
.feature-facts dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8a6f3c;margin-bottom:4px}
.feature-facts dd{margin:0;font-family:var(--serif-text);font-size:19px;line-height:1.3;color:var(--navy);overflow-wrap:anywhere}
.facts-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.facts-actions .button{margin-top:0;color:var(--navy);background:rgba(190,158,94,.14)}
.facts-actions .text-link{color:var(--navy);cursor:pointer}
.mag-stone #stone-content>.detail-head,.mag-stone #stone-content>.dossier-nav{display:none}
.mag-stone #enquiry .qf .button{color:var(--navy)}

@media (max-width:1100px){
 .about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-facts{grid-template-columns:1fr}
 .feature-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 .hero-facts{grid-template-columns:1fr}
 .hero-facts li,.hero-facts li+li{padding:14px 0;border-left:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:baseline;gap:12px}
 .hero-facts b{font-size:28px;min-width:64px}
 .about-head{display:block}
 .about-head .eyebrow{margin-bottom:14px}
 .about-lead{margin-top:18px;font-size:19px}
 .about-clients{grid-template-columns:1fr;gap:26px}
 .about-principles{grid-template-columns:1fr;gap:6px}
 .qf-row{grid-template-columns:1fr}
 .feature-facts{margin-top:0}
 .feature-facts dl{gap:12px 18px}
 .feature-facts dd{font-size:17px}
}

/* ---------- v31: marketplace grid, compact daylight film ---------- */
.feature-text .feature-wide{margin:2.2em 0 0;max-width:none}
.feature-text .feature-wide video{aspect-ratio:16/10}
.feature-text .feature-wide.is-portrait,.feature-text .feature-diptych~.feature-wide.is-portrait{max-width:300px}
.feature-text .feature-wide.is-portrait video{aspect-ratio:9/16}
.feature-text .feature-diptych{margin:2.2em 0 0;gap:14px}
.feature-text .feature-wide.is-portrait figcaption{flex-wrap:wrap}

/* ---------- v32: phones show the catalogue as a two-column marketplace grid ---------- */
@media (max-width:767px){
 .mag-collection .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;margin-top:22px}
 .mag-no{left:8px;top:7px;font-size:12px}
 .mag-new{right:6px;top:6px;padding:3px 5px;font-size:8px;letter-spacing:.14em}
 .mag-copy{padding-top:10px}
 .mag-kicker{font-size:9px;letter-spacing:.14em;margin-bottom:6px}
 .mag-card h3{font-size:18px;line-height:1.15;margin-bottom:8px}
 .mag-deck{display:none}
 .mag-meta{flex-direction:column;gap:2px;font-size:11px;padding-top:6px}
 .mag-meta span:last-child{font-size:15px}
 .mag-card .card-footer{flex-direction:column;align-items:flex-start;gap:2px}
 .mag-card .card-footer label,.mag-read{font-size:12px}
}