.first-shirt { color:#203f35; }
.first-shirt .about-hero { max-width:1260px; gap:64px; }
.first-shirt h1 { font-size:clamp(36px,4.2vw,58px); }
.first-shirt h1 em { font-weight:400; }
.first-shirt .about-btn { gap:24px; background:#203f35; border-radius:6px; }
.first-shirt .about-btn:hover { background:#315a4c; }
.first-shirt a:not(.about-btn) { color:#294c40; text-underline-offset:5px; }
.first-breadcrumb { margin-bottom:32px; font-size:12px; color:#767c76; }
.first-breadcrumb a { text-decoration:none; }
.first-text-link { display:inline-block; margin:18px 0 0 18px; font-size:13px; }
.first-points { display:flex; flex-wrap:wrap; gap:22px; border-top:1px solid #e3e7e1; padding-top:24px; margin-top:30px; font-size:12px; }
.first-points span::before { content:'✓'; margin-right:7px; }
.first-hero-photo { position:relative; height:520px; overflow:hidden; border-radius:14px; }
.first-hero-photo img { object-position:50% 45%; }
.first-hero-photo figcaption { position:absolute; bottom:18px; left:18px; right:18px; padding:14px 18px; background:#ffffffed; border-radius:7px; font:20px 'DM Serif Display',serif; }
.first-steps,.first-reassurance,.first-faq { padding-top:64px; padding-bottom:64px; }
.first-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:36px; }
.first-grid article { border-top:1px solid #dce4dc; padding-top:24px; }
.first-number { display:block; color:#7c8e80; font:32px 'DM Serif Display',serif; margin-bottom:20px; }
.first-shirt article a,.first-note a,.first-faq a { font-size:13px; font-weight:600; }
.first-smart { padding:56px 0; background:#f3f6f2; }
.first-two,.first-faq { display:grid; grid-template-columns:1fr 1fr; gap:54px; }
.first-note { align-self:center; padding:30px; border:1px solid #dce4dc; background:#fff; border-radius:12px; }
.first-faq { border-top:1px solid #e3e7e1; }
.first-faq details { border-bottom:1px solid #e3e7e1; padding:18px 0; }
.first-faq summary { cursor:pointer; font-weight:500; font-size:15px; line-height:1.5; }
.first-faq details p { font-size:14px; }
.first-shirt :is(a,summary):focus-visible { outline:2px solid #294c40; outline-offset:5px; }
@media(max-width:1000px) { .first-grid { grid-template-columns:1fr 1fr; } .first-shirt .about-hero { gap:30px; } }
@media(max-width:700px) { .first-hero-photo { height:350px; } .first-two,.first-faq { grid-template-columns:1fr; gap:24px; } .first-steps,.first-reassurance,.first-faq { padding-top:40px; padding-bottom:40px; } .first-note { padding:22px; } .first-text-link { margin-left:0; display:block; } }
@media(max-width:440px) { .first-grid { grid-template-columns:1fr; gap:20px; } .first-shirt .about-btn { width:100%; } }