/* About VELUGI. Scoped to this CMS page's content; native title/navigation stay intact. */
.velugi-about { padding: 8px 0 48px; color: var(--velugi-charcoal); }
.velugi-about *, .velugi-about *::before, .velugi-about *::after { box-sizing: border-box; }
.velugi-about .velugi-about__eyebrow { margin: 0 0 14px; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; color: var(--velugi-forest-sage); }
.velugi-about h2 { margin: 0 0 22px; color: var(--velugi-forest-sage); font-size: clamp(28px, 3vw, 40px); font-weight: 500; line-height: 1.16; letter-spacing: -.8px; text-wrap: balance; }
.velugi-about p { margin: 0 0 18px; font-size: 16px; line-height: 1.8; }
.velugi-about__hero { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; overflow: hidden; background: #e9ede5; border-radius: 16px; }
.velugi-about__hero-copy { padding: 44px 38px; }
.velugi-about__hero h2 { font-size: clamp(32px, 3.5vw, 46px); }
.velugi-about figure { margin: 0; min-width: 0; }
.velugi-about__hero figure { padding: 20px 20px 20px 0; }
.velugi-about img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; }
.velugi-about__intro { max-width: 850px; margin: 68px auto; text-align: center; }
.velugi-about__intro p:last-child { margin-bottom: 0; }
.velugi-about__everyday { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding: 8px 0 56px; }
.velugi-about__collections { border-block: 1px solid #cbd2c5; padding: 44px 0; }
.velugi-about__collections > h2 { font-size: 32px; }
.velugi-about__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 30px; }
.velugi-about__card { padding: 24px; background: #faf9f5; border: 1px solid #d5dbd0; border-radius: 12px; }
.velugi-about__card h3 { margin: 0 0 14px; font-size: 23px; line-height: 1.3; font-weight: 500; color: var(--velugi-forest-sage); }
.velugi-about__card p { font-size: 15px; margin: 0; }
.velugi-about__number { display: block; margin-bottom: 22px; color: var(--velugi-forest-sage); font-size: 12px; letter-spacing: 1px; }
.velugi-about__cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px 0 0; }
.velugi-about__cta h2 { margin-bottom: 12px; font-size: 30px; }
.velugi-about__cta p { margin: 0; max-width: 650px; }
.velugi-about__actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 26px; }
.velugi-about .velugi-about__button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 48px; padding: 12px 22px; border: 1px solid var(--velugi-forest-sage); border-radius: 5px; background: var(--velugi-mustard); color: var(--velugi-charcoal); font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.velugi-about .velugi-about__button:hover { background: var(--velugi-charcoal); color: var(--velugi-warm-cream); }
.velugi-about .velugi-about__link { color: var(--velugi-forest-sage); font-weight: 600; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; padding: 12px 0; }
.velugi-about a:focus-visible { outline: 3px solid var(--velugi-forest-sage); outline-offset: 4px; }
.velugi-about .velugi-about__image-note { margin: 28px 0 0; font-size: 11px; line-height: 1.6; color: var(--velugi-forest-sage); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .velugi-about .velugi-about__button { transition: color 180ms ease, background-color 180ms ease; }
}
@media (max-width: 1023px) {
 .velugi-about__hero-copy { padding: 32px 24px; }
 .velugi-about__everyday { gap: 30px; }
 .velugi-about__cards { gap: 16px; }
 .velugi-about__card { padding: 20px; }
}
@media (max-width: 767px) {
 .velugi-about { padding-bottom: 24px; }
 .velugi-about__hero { grid-template-columns: 1fr; }
 .velugi-about__hero figure { padding: 0 20px 20px; }
 .velugi-about__hero-copy { padding: 30px 24px 24px; }
 .velugi-about__hero h2 { font-size: 34px; }
 .velugi-about__intro { margin: 40px 0; text-align: left; }
 .velugi-about__everyday { grid-template-columns: 1fr; gap: 26px; padding-bottom: 36px; }
 .velugi-about__cards { grid-template-columns: 1fr; }
 .velugi-about__collections { padding: 32px 0; }
 .velugi-about__collections > h2 { font-size: 28px; }
 .velugi-about__number { margin-bottom: 12px; }
 .velugi-about__cta { align-items: flex-start; flex-direction: column; gap: 20px; padding-top: 30px; }
 .velugi-about p { font-size: 15px; }
}

/* About content only. The existing footer and native page title retain their styles. */
.velugi-about p { color:var(--velugi-charcoal); }
.velugi-about .velugi-about__eyebrow { color:var(--velugi-forest-sage); }
.velugi-about .velugi-about__hero-copy { padding:30px; }
.velugi-about .velugi-about__hero h2 { font-size:clamp(31px,3.2vw,43px); }
.velugi-about .velugi-about__intro { max-width:760px; margin:40px auto; }
.velugi-about .velugi-about__everyday { gap:34px; padding-bottom:36px; }
.velugi-about .velugi-about__collections { padding:30px 0; }
.velugi-about .velugi-about__collection-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.velugi-about .velugi-about__collection-link { display:flex; justify-content:space-between; align-items:center; flex:1 1 150px; gap:12px; padding:14px 16px; min-height:48px; background:#faf9f5; border:1px solid #cbd2c5; border-radius:6px; color:var(--velugi-forest-sage); font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.velugi-about .velugi-about__collection-link:hover { border-color:var(--velugi-forest-sage); color:var(--velugi-charcoal); }
.velugi-about .velugi-about__collections > .velugi-about__actions { display:none; }
@media (max-width:767px) {
 .velugi-about .velugi-about__hero-copy { padding:24px 22px 16px; }
 .velugi-about .velugi-about__hero figure img { height:165px; aspect-ratio:auto; }
 .velugi-about .velugi-about__intro { margin:28px 0; }
 .velugi-about .velugi-about__everyday { gap:24px; }
 .velugi-about .velugi-about__collection-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .velugi-about .velugi-about__collection-link { padding:12px; font-size:13px; }
}