.production.vera-production{display:block;min-height:0;background:#e9e5dd;padding:clamp(32px,5vw,84px) 0}
.vera-production-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,84px)}
.vera-production-media{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;gap:3px;background:#d3cfc5}
.vera-production-media .production-photo,.vera-production-media .production-photo:last-child{display:block;aspect-ratio:4/5;height:auto;width:100%;object-fit:cover}
.vera-production .production-panel{min-height:0;padding:0}
.vera-production .production-panel p{font-size:clamp(14px,1.16vw,17px);max-width:48ch;margin:0;line-height:1.7}
.vera-production-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.vera-production-links .text-link{width:auto;align-self:flex-start;margin:0}
.vera-landing{background:#f4f1eb;color:#1c211e}
.vera-landing-hero,.vera-guide-hero{color:#f6f2e9;background:#171b18;padding:clamp(38px,6vw,100px) 0}
.vera-landing-hero-grid,.vera-landing-brief-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,78px)}
.vera-landing-hero h1,.vera-guide-hero h1{font-size:clamp(38px,5vw,78px);line-height:1.05;margin:14px 0 18px;letter-spacing:-.025em}
.vera-landing-hero p,.vera-guide-hero p{max-width:46ch;color:#ded9ce;margin:0 0 24px;font-size:clamp(16px,1.4vw,21px)}
.vera-landing-back{color:#ddd4c4;font-size:13px}
.vera-landing-hero img,.vera-landing-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.vera-landing-systems{padding-block:clamp(36px,6vw,90px)}
.vera-landing h2{font-size:clamp(28px,3vw,48px);line-height:1.12;margin:0 0 22px}
.vera-landing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,38px)}
.vera-landing-card{border:1px solid #d6d0c5;background:#ebe7de}
.vera-landing-card img{aspect-ratio:4/3;object-fit:contain;background:#252b2d}
.vera-landing-card>div{padding:clamp(18px,2.6vw,38px)}
.vera-landing-card h3{font-size:clamp(24px,2.5vw,38px);margin:0 0 10px}
.vera-landing-card p,.vera-landing-brief p,.vera-guide-group p{line-height:1.7;margin:0 0 15px;max-width:70ch}
.vera-landing-brief{background:#e9e5dd;padding:clamp(34px,5vw,75px) 0}
.vera-landing-brief-grid{align-items:start}
.vera-guide-body{max-width:990px;padding-block:clamp(30px,5vw,72px)}
.vera-guide-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 36px}
.vera-guide-nav a{text-decoration:underline;text-underline-offset:4px}
.vera-guide-group{margin:0 0 42px;scroll-margin-top:110px}
.vera-guide-group details{border-top:1px solid #d6d0c5;padding:0 4px}
.vera-guide-group details:last-child{border-bottom:1px solid #d6d0c5}
.vera-guide-group summary{padding:16px 0;font-weight:600;cursor:pointer}
.vera-guide-group p{padding-left:18px}
@media(max-width:760px){
 .vera-production-grid,.vera-landing-hero-grid,.vera-landing-cards,.vera-landing-brief-grid{grid-template-columns:minmax(0,1fr)}
 .vera-production .production-panel{grid-row:1}
 .vera-production-media .production-photo,.vera-production-media .production-photo:last-child{aspect-ratio:6/5}
 .vera-landing-hero img{aspect-ratio:16/10}
}

.vera-production-media{grid-template-columns:repeat(2,minmax(0,1fr))}
.vera-production-links{justify-content:center;gap:12px}
.vera-production-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;min-width:126px;padding:10px 16px;border:1px solid #282d27;background:#282d27;color:#fff;font-weight:600}
.vera-production-button:hover{background:#f4f1eb;color:#282d27}
.vera-production-button:focus-visible,.vera-guide-nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.vera-landing-editorial{padding:clamp(34px,6vw,84px) 0;background:#ded9cd}
.vera-editorial-intro{max-width:72ch;margin:0 0 26px;line-height:1.65}
.vera-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vera-editorial-grid section{padding:clamp(17px,2.5vw,36px);border-top:2px solid #76705f;background:#f4f1eb}
.vera-editorial-grid h3{font-size:clamp(22px,2.3vw,32px);line-height:1.15;margin:0 0 12px}
.vera-editorial-grid p{margin:0;line-height:1.65}
.vera-guide-nav{justify-content:center;align-items:center;text-align:center;padding:12px clamp(12px,3vw,32px);background:#303730;color:#fbf7ef}
.vera-guide-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:inherit;text-decoration:none}
.vera-guide-nav a:hover{text-decoration:underline}
@media(max-width:760px){.vera-editorial-grid{grid-template-columns:1fr}}