.values-layout{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.4fr);gap:24px;align-items:start;margin:26px 0 35px}
.values-plaque{position:relative;overflow:hidden;padding:30px 24px;border:1px solid #75877d;border-radius:20px;background:linear-gradient(#c6cec0ab,#dce0d5e8),var(--steel) center/480px;box-shadow:inset 0 1px #ffffff80;color:#293d38}
.values-plaque:before,.values-plaque:after{content:'';position:absolute;top:12px;width:7px;height:7px;border-radius:50%;background:#435951;box-shadow:inset 1px 1px #e2e4d5}
.values-plaque:before{left:12px}.values-plaque:after{right:12px}
.values-plaque img{width:145px;margin:0 auto 30px}.values-plaque .eyebrow{font-size:calc(11px * var(--text-scale,1));letter-spacing:.06em}
.values-pillars{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:19px;font-weight:700;font-size:calc(20px * var(--text-scale,1));line-height:1.2;overflow-wrap:break-word}
.values-pillars li{padding-top:17px;border-top:1px solid #96a69a}.values-articles{display:grid;gap:15px;min-width:0}
.value-card{border:1px solid #a3b0a5;border-radius:16px;background:#f6f4eafa;overflow:hidden;box-shadow:0 3px 0 #53685813}
.value-card summary{list-style:none;display:flex;align-items:center;gap:14px;padding:23px 25px;cursor:pointer;color:#293f37;background:linear-gradient(#e5e8deee,#e5e8deee),var(--steel) center/500px}
.value-card summary::-webkit-details-marker{display:none}.value-card summary h2{flex:1;font-size:calc(clamp(25px,2.4vw,34px) * var(--text-scale,1));letter-spacing:-.03em}
.value-number{font-size:calc(12px * var(--text-scale,1));font-weight:700;color:#6c766b}.value-plus{font-size:calc(29px * var(--text-scale,1));font-weight:400;transition:transform .2s}
.value-plus::before{content:"+"}.value-card[open] .value-plus::before{content:"−"}.value-card[open] .value-plus{transform:none}.value-card summary:hover{color:#6d432e}.value-card>p{padding:24px 26px 28px;font-size:calc(21px * var(--text-scale,1));line-height:1.65;letter-spacing:-.01em;color:#33443d;overflow-wrap:break-word}
.value-card[open]>p{animation:value-reveal .28s ease-out}@keyframes value-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.values-layout{grid-template-columns:1fr}.values-plaque{display:grid;grid-template-columns:110px 1fr;gap:0 25px;align-items:center}.values-plaque img{width:100px;grid-row:span 2;margin:0}.values-pillars{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:14px}.values-pillars li{border:0;padding:0;font-size:calc(17px * var(--text-scale,1))}}
@media(max-width:800px){.values-layout{margin-top:20px;gap:18px}.values-plaque{padding:25px 19px;grid-template-columns:72px minmax(0,1fr);gap:0 18px}.values-plaque img{width:72px}.values-pillars{display:grid;gap:10px}.values-plaque .eyebrow{font-size:calc(10px * var(--text-scale,1))}.value-card summary{padding:20px 17px;gap:11px}.value-card summary h2{font-size:calc(27px * var(--text-scale,1))}.value-card>p{padding:18px 19px 24px;font-size:calc(20px * var(--text-scale,1));line-height:1.6}.value-number{font-size:calc(11px * var(--text-scale,1))}}
@media(prefers-reduced-motion:reduce){.value-card[open]>p{animation:none}.value-plus{transition:none}}
[data-motion='off'] .value-card[open]>p{animation:none}

.owner-car-copy{margin:28px 0}.owner-car-copy>p{max-width:70ch;line-height:1.65}.bot-features{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:15px;color:#33443d;font-size:calc(19px * var(--text-scale,1));line-height:1.5}.bot-features li{position:relative;padding-left:24px}.bot-features li:before{content:"✓";position:absolute;left:0;color:#6d432e;font-weight:700}

/* A large light steel plate, with neutral brushed grain and metal fasteners. */
[data-screen="values"] .values-plaque{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:0 30px;min-height:210px;padding:28px 32px;background:repeating-linear-gradient(0deg,#ffffff26 0,#ffffff26 1px,#343b4012 1px,#343b4012 3px),linear-gradient(115deg,#bfc5c8 0%,#edf0ef 24%,#c0c7ca 49%,#e9eceb 75%,#b7c0c4 100%);border:1px solid #939da1;border-radius:12px;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #545e6370,0 3px 5px #222c3020;color:#293237}
[data-screen="values"] .values-plaque::before,[data-screen="values"] .values-plaque::after{width:9px;height:9px;background:linear-gradient(135deg,#eef1f1,#768187 45%,#454f54 48%,#d1d7d9 55%,#737e83);box-shadow:0 1px 2px #30383a80}
[data-screen="values"] .values-plaque img{width:150px;height:150px;grid-row:span 2;margin:0;object-fit:contain;filter:drop-shadow(0 2px 1px #29323840)}
[data-screen="values"] .values-plaque .eyebrow{color:#485358;font-size:14px;letter-spacing:.1em}
[data-screen="values"] .values-pillars{color:#293237;font-size:20px;gap:14px 26px}
[data-screen="values"] .values-pillars li{border-color:#8d979b}
@media(max-width:600px){[data-screen="values"] .values-plaque{grid-template-columns:100px minmax(0,1fr);min-height:190px;padding:25px 18px;gap:0 18px}[data-screen="values"] .values-plaque img{width:100px;height:120px}[data-screen="values"] .values-plaque .eyebrow{font-size:11px}[data-screen="values"] .values-pillars{font-size:17px;gap:12px}}

/* Balanced lettering and a matched pair of slotted steel screws. */
[data-screen="values"] .values-plaque{padding:32px 40px;column-gap:32px}
[data-screen="values"] .values-plaque .eyebrow{text-align:center;font-size:clamp(20px,2vw,28px);font-weight:800;letter-spacing:.12em;align-self:end;margin:0 0 18px}
[data-screen="values"] .values-pillars{justify-content:center;text-align:center;font-size:clamp(22px,2.1vw,29px);line-height:1.3;margin:0;align-self:start;gap:12px 25px}
[data-screen="values"] .values-plaque::before,[data-screen="values"] .values-plaque::after{top:15px;width:15px;height:15px;border:1px solid #657078;background:linear-gradient(0deg,transparent 42%,#525b61 43%,#525b61 55%,#eff2f3 57%,transparent 60%),radial-gradient(circle at 35% 28%,#fff 0%,#c8cfd2 35%,#939da3 68%,#626d74 100%);box-shadow:inset 0 1px 1px #fff,0 1px 2px #343c4260}
[data-screen="values"] .values-plaque::before{left:15px}[data-screen="values"] .values-plaque::after{right:15px}
@media(max-width:600px){[data-screen="values"] .values-plaque{grid-template-columns:1fr;justify-items:center;padding:32px 22px;gap:16px}[data-screen="values"] .values-plaque img{grid-row:auto;width:110px;height:110px}[data-screen="values"] .values-plaque .eyebrow{font-size:21px;margin:0}[data-screen="values"] .values-pillars{display:grid;font-size:21px;gap:12px}}
