/* Verdeval — content sections */
.section{padding:clamp(48px,7vw,96px) 0}
.section-tight{padding:clamp(36px,5vw,64px) 0}
.section-dark{background:var(--surface);color:var(--content-light)}
.section-dark h2,.section-dark h3{color:var(--content-light)}
.section-dark .lede{color:#c2d2c8}
.section-alt{background:var(--chalk-2)}
.head-block{max-width:62ch;margin-bottom:clamp(28px,4vw,48px)}
.head-block.center{margin-inline:auto;text-align:center}

/* reveal (io-inline-in-other-js) */
.io{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.io.in{opacity:1;transform:none}

/* materials / feature rows */
.feature-row{display:grid;gap:30px}
.feature{background:var(--chalk);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:30px}
.section-dark .feature{background:#073b27;border-color:var(--rule-dark)}
.feature .ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(201,162,75,.16);color:var(--gold-deep);font-family:var(--ff-display);font-size:1.3rem;margin-bottom:16px}
.section-dark .feature .ic{color:var(--gold-soft)}
.feature h3{font-size:1.3rem;margin-bottom:.4em}
.feature p{color:var(--content-mut);margin:0}
.section-dark .feature p{color:#bcccc1}
@media(min-width:760px){.feature-row.cols-2{grid-template-columns:1fr 1fr}.feature-row.cols-3{grid-template-columns:repeat(3,1fr)}}

/* collection cards */
.coll-grid{display:grid;gap:26px}
.coll{background:var(--chalk);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.coll:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.coll-fig{aspect-ratio:4/3;background:linear-gradient(135deg,#0b5135,#04311c);position:relative}
.coll-fig img{width:100%;height:100%;object-fit:cover}
.coll-tag{position:absolute;top:12px;left:12px;background:rgba(4,49,28,.8);color:var(--gold-soft);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:30px}
.coll-body{padding:22px 24px}
.coll-body h3{margin-bottom:.25em}
.coll-body p{color:var(--content-mut);font-size:.96rem;margin-bottom:.7em}
.coll-price{font-family:var(--ff-display);font-size:1.35rem;color:var(--gold-deep)}
@media(min-width:680px){.coll-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.coll-grid{grid-template-columns:repeat(3,1fr)}}

/* process steps */
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:18px}
.steps li{counter-increment:s;position:relative;padding:22px 24px 22px 78px;background:#073b27;border:1px solid var(--rule-dark);border-radius:var(--radius-lg)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:24px;top:20px;font-family:var(--ff-display);font-size:1.7rem;color:var(--gold-soft)}
.steps h3{font-size:1.2rem;margin-bottom:.2em}
.steps p{color:#bcccc1;margin:0;font-size:.96rem}
@media(min-width:760px){.steps{grid-template-columns:1fr 1fr}}

/* pricing table */
.price-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius-lg)}
table.price{width:100%;border-collapse:collapse;min-width:520px;background:var(--chalk)}
table.price caption{text-align:left;padding:16px 20px;font-family:var(--ff-display);font-size:1.3rem}
table.price th,table.price td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--rule)}
table.price thead th{background:var(--surface);color:var(--gold-soft);font-family:var(--ff-body);font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
table.price tbody tr:last-child td{border-bottom:0}
table.price td.amt{font-family:var(--ff-display);font-size:1.2rem;color:var(--gold-deep);white-space:nowrap}

/* split / about */
.split{display:grid;gap:34px;align-items:center}
.split-fig{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-1)}
.split-fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:880px){.split{grid-template-columns:1fr 1fr}.split.flip .split-fig{order:2}}

/* timeline */
.tline{list-style:none;margin:0;padding:0;border-left:2px solid var(--gold);display:grid;gap:26px}
.tline li{position:relative;padding-left:26px}
.tline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.tline .yr{font-family:var(--ff-display);font-size:1.25rem;color:var(--gold-deep)}

/* team */
.team-grid{display:grid;gap:28px}
.member{text-align:left}
.member-fig{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1/1;margin-bottom:14px;background:var(--surface-2)}
.member-fig img{width:100%;height:100%;object-fit:cover}
.member h3{margin-bottom:.1em}
.member .role{color:var(--gold-deep);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5em}
.member p{color:var(--content-mut);font-size:.95rem;margin:0}
@media(min-width:720px){.team-grid{grid-template-columns:repeat(3,1fr)}}

/* faq */
.faq{max-width:780px;margin-inline:auto}
.faq details{border-bottom:1px solid var(--rule);padding:6px 0}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-family:var(--ff-display);font-size:1.25rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:1.5rem;color:var(--gold-deep);transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--content-mut);padding:0 0 16px}

/* contact grid */
.contact-grid{display:grid;gap:26px}
.contact-card{background:var(--chalk);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:26px}
.contact-card h3{font-size:1.2rem;margin-bottom:.3em}
.contact-card p,.contact-card address{font-style:normal;color:var(--content-mut);margin:0}
.contact-card a{font-weight:600}
@media(min-width:760px){.contact-grid{grid-template-columns:repeat(3,1fr)}}

/* cta strip */
.cta-strip{background:radial-gradient(120% 140% at 0% 0%,#0e6a46,#04311c);color:var(--content-light);border-radius:var(--radius-lg);padding:clamp(32px,5vw,56px);text-align:center}
.cta-strip h2{color:var(--content-light)}
.cta-strip p{color:#c8d6cc;margin-inline:auto}
.cta-strip .opener-actions{justify-content:center}

/* prose (legal) */
.prose{max-width:760px}
.prose h2{margin-top:1.6em}
.prose h3{margin-top:1.3em}
.prose p,.prose li{color:#33433a}