/* BASF Group introduction page */
.basf-page{--basf-ink:#0b293b;--basf-navy:#061c2b;--basf-gold:#c5a66a;--basf-muted:#60717d;--basf-line:#dce3e7;color:var(--basf-ink)}
.basf-hero{position:relative;isolation:isolate;display:flex;min-height:650px;align-items:center;overflow:hidden;background:var(--basf-navy);color:#fff}
.basf-hero-image,.basf-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.basf-hero-image{z-index:-2;object-fit:cover;object-position:center 48%;opacity:.78}
.basf-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,22,34,.94) 0%,rgba(4,22,34,.77) 46%,rgba(4,22,34,.24) 100%)}
.basf-hero-content{padding-block:100px}
.basf-eyebrow{margin:0 0 22px;color:#e0c587;font-size:12px;font-weight:700;letter-spacing:.28em}
.basf-hero h1{max-width:800px;margin:0 0 22px;font-size:clamp(42px,6.2vw,78px);line-height:1.2;letter-spacing:.015em}
.basf-hero-content>p:not(.basf-eyebrow){max-width:680px;margin:0;color:#e5edf1;font-size:17px;line-height:1.95}
.basf-hero-link,.basf-inline-link{display:inline-flex;align-items:center;gap:14px;margin-top:28px;color:#f0d99e;font-size:13px;font-weight:700;letter-spacing:.03em}
.basf-hero-link span,.basf-inline-link span{font-size:18px}
.basf-hero-index{position:absolute;right:5%;bottom:38px;display:flex;align-items:center;gap:14px;color:#fff;font-size:11px;letter-spacing:.18em}
.basf-hero-index i{width:72px;height:1px;background:#d9c18c}
.basf-overview{background:#fff}
.basf-overview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,8vw,120px);align-items:start}
.basf-overview-grid h2,.basf-local-copy h2{margin:14px 0 0;color:var(--basf-ink);font-size:clamp(30px,4vw,48px);line-height:1.35}
.basf-overview-grid>div:nth-child(2)>p,.basf-local-copy>p:not(.english-title){margin:0;color:#526574;font-size:16px;line-height:2}
.basf-inline-link{color:#947847}
.basf-portfolio{background:#f4f6f6}
.basf-segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.basf-segment{position:relative;min-height:220px;padding:30px;background:#fff;border:1px solid var(--basf-line);border-top:2px solid var(--basf-gold);box-shadow:0 12px 30px rgba(5,28,43,.045)}
.basf-segment>span{color:#aa8a4f;font-size:11px;letter-spacing:.2em}
.basf-segment h3{margin:22px 0 12px;font-size:20px;line-height:1.35}
.basf-segment p,.basf-principle p{margin:0;color:var(--basf-muted);font-size:14px;line-height:1.85}
.basf-source-note{margin:26px 0 0;text-align:right;font-size:12px}
.basf-source-note a{color:#526574;text-decoration:underline;text-decoration-color:#c5a66a;text-underline-offset:4px}
.basf-approach{background:#fff}
.basf-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.basf-principle{padding:28px 30px;border-left:1px solid var(--basf-gold);background:#f7f8f7}
.basf-mark{color:#b7985f;font-size:20px}
.basf-principle h3{margin:18px 0 10px;font-size:20px}
.basf-local{background:var(--basf-navy);color:#fff}
.basf-local-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(34px,7vw,100px)}
.basf-local-image{height:430px;overflow:hidden}
.basf-local-image img{width:100%;height:100%;object-fit:cover}
.basf-local-copy h2{margin-bottom:20px;color:#fff}
.basf-local-copy>p:not(.english-title){color:#d4dfe5}
.basf-local-copy .main-button{margin-top:22px;text-decoration:none}
.basf-footer-note{max-width:42em;margin-top:12px;color:#aebdc5;font-size:12px;line-height:1.7}
@media(max-width:900px){.basf-hero{min-height:580px}.basf-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basf-overview-grid{gap:40px}}
@media(max-width:760px){.basf-hero{min-height:580px;align-items:flex-end}.basf-hero-image{object-position:60% center}.basf-hero-shade{background:linear-gradient(0deg,rgba(4,22,34,.95) 0%,rgba(4,22,34,.70) 65%,rgba(4,22,34,.2) 100%)}.basf-hero-content{padding-block:90px 82px}.basf-hero h1{font-size:clamp(38px,10vw,54px)}.basf-hero-content>p:not(.basf-eyebrow){font-size:15px}.basf-hero-index{bottom:24px}.basf-overview-grid,.basf-local-grid{grid-template-columns:1fr;gap:26px}.basf-overview-grid h2,.basf-local-copy h2{font-size:clamp(30px,8vw,40px)}.basf-segment-grid,.basf-principle-grid{grid-template-columns:1fr;gap:14px}.basf-segment{min-height:0;padding:25px}.basf-segment h3{margin-top:14px}.basf-principle{padding:24px}.basf-local-image{height:280px}.basf-source-note{text-align:left}.basf-footer-note{font-size:11px}}

@media(min-width:761px){html[lang="ja"] .basf-hero h1{max-width:900px;font-size:clamp(42px,5.2vw,68px)}}
html[lang="en"] .basf-hero h1{max-width:1020px}
@media(min-width:761px){html[lang="en"] .basf-hero h1{font-size:clamp(42px,5.2vw,68px)}}