/* SDC corporate-page alignment v2.0: brand green, white sections and angled edges.
   Based on the user-supplied about-page HTML; external corporate CSS is not imported. */
:root{--brand:#279b48;--blue:#217c3c;--ink:#282e2a;--muted:#69716b;--line:#dde5df;--paper:#fff;--soft:#f3f7f3;background:#fff}
body{background:#fff;color:var(--ink)}
.simple-header{max-width:1220px;background:#fff;min-height:100px;padding:22px 30px}
.official-logo,.official-sub{display:inline-flex;align-items:center}
.official-brand>span,.official-brand span{color:#333;font-weight:600;letter-spacing:.04em;font-size:16px;white-space:nowrap}
.simple-header nav a,.simple-header nav a:hover{color:#333}
.simple-header nav a:after{background:var(--brand)}
.home main{background:#fff;color:var(--ink);border-top:0;padding-bottom:72px}
.gallery-intro{max-width:none;margin:0;position:relative;background:var(--brand);color:#fff;padding:58px max(30px,calc((100vw - 1160px)/2)) 82px}
.gallery-intro:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%)}
.gallery-intro>p{color:#fff;font-size:12px;font-weight:500;letter-spacing:.1em;margin-bottom:20px}
.gallery-intro h1{color:#fff;font-size:clamp(28px,3.2vw,43px);font-weight:700;letter-spacing:.025em;line-height:1.55}
.gallery-intro>span{color:#fff;opacity:.95;font-size:14px;line-height:1.9;letter-spacing:.025em;margin-top:20px}
.thumbnail-gallery{max-width:1220px;padding:35px 30px 0}
.thumbnail-gallery .story-grid{gap:38px 24px}
.photo-card .card-image{border-radius:0;background:#f0f4f0}
.thumb-copy{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.73) 100%)}
.thumb-copy h3{font-size:clamp(19px,1.7vw,25px);font-weight:650;letter-spacing:.025em;line-height:1.6}
.home .thumb-meta{color:#282e2a}
.home .thumb-meta small{color:#687169}
.photo-card:hover .thumb-meta{border-top-color:var(--brand)}
.photo-card:focus-visible{outline:3px solid #217c3c;outline-offset:6px}
.detail main,.recruit main{background:#fff}
.article-cover h1,.recruit-intro h1{color:#282e2a}
.article-cover .eyebrow,.company-number,.recruit-points .eyebrow{color:#217c3c}
.detail .chapter{border-top-color:#d9e5dc;position:relative;padding-top:24px}
.detail .chapter:before{content:"";position:absolute;left:0;top:-1px;width:48px;height:3px;background:var(--brand)}
.detail .article-recruit{background:#f1f7f2;border-left:3px solid var(--brand)}
.button-dark{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:0}
.button-dark:hover{background:#217c3c;border-color:#217c3c;color:#fff}
.text-link:hover{color:var(--ink)}
.recruit-points{max-width:1220px;margin-left:auto;margin-right:auto}
@media(max-width:700px){
 .simple-header{padding:18px;gap:14px;min-height:82px}
 .simple-header nav{gap:14px;font-size:11px;margin-left:auto}
 .official-brand img{width:42px}
 .official-brand>span,.official-brand span{font-size:12px}
 .gallery-intro{padding:35px 18px 56px}
 .gallery-intro:after{height:18px}
 .gallery-intro>p{font-size:10px;letter-spacing:.07em;margin-bottom:17px}
 .gallery-intro h1{font-size:clamp(24px,5.4vw,33px);line-height:1.55;letter-spacing:0}
 .gallery-intro>span{font-size:12px;margin-top:17px;max-width:28em}
 .thumbnail-gallery{padding:22px 18px 0}
 .thumbnail-gallery .story-grid{gap:28px 12px}
 .thumb-copy h3,.related .photo-card .thumb-copy h3{font-size:17px;line-height:1.6}
 .home main{padding-bottom:40px}
}
@media(max-width:360px){.simple-header nav{width:100%;justify-content:flex-start;margin-left:0;gap:18px}.gallery-intro h1{font-size:23px}.thumb-copy h3,.related .photo-card .thumb-copy h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.photo-card .card-image>img,.simple-header nav a:after{transition:none}.photo-card:hover .card-image>img{transform:none}}
@media print{.gallery-intro{background:#fff;color:#000}.gallery-intro h1,.gallery-intro>p,.gallery-intro>span{color:#000}.gallery-intro:after{display:none}}
