/* Preserve full image bounds while extending the hero to the viewport edge. */
.hero-layout{width:100%;margin:0;padding-inline-start:max(48px,calc((100% - 1240px)/2));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;min-height:0}
.hero-photography{margin:0;min-height:0;display:grid;align-content:center}
.hero-photography>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.hero-copy{min-width:0}
.hero-copy h1{font-size:clamp(40px,4vw,62px)}
.photo-caption{right:24px}
.factory-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:58px}
.factory-feature-visual{margin:0;min-width:0}
.factory-feature-visual>img{display:block;width:100%;height:auto;border-radius:10px}
.factory-feature-visual figcaption{font-size:10px;color:var(--muted);margin-top:10px}
.factory-feature-copy h2{font-size:38px;line-height:1.2;white-space:pre-line;letter-spacing:-1px}
.factory-feature-copy>p:not(.section-label){font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:18px}
.factory-feature-note{border-left:3px solid var(--purple);padding:12px 16px;background:var(--mist);font-size:12px;font-weight:600;margin:24px 0}
.brand-story-section{padding-top:0}
.brand-story-card{display:grid;grid-template-columns:1.1fr 1fr;background:#121e43;border-radius:12px;overflow:hidden}
.brand-story-visual{margin:0;min-width:0;position:relative;display:flex;align-items:center;background:#e8eff4}
.brand-story-visual>img{display:block;width:100%;height:auto}
.brand-story-visual figcaption{position:absolute;bottom:12px;left:16px;background:rgba(255,255,255,.9);border-radius:3px;padding:4px 8px;color:#384664;font-size:9px}
.brand-story-copy{padding:44px;align-self:center}
.brand-story-copy .section-label{color:#b9b8ff;font-size:12px}
.brand-story-copy h2{color:#fff;font-size:36px;line-height:1.2;letter-spacing:-.9px;white-space:pre-line;margin-bottom:22px}
.brand-story-copy>p:not(.section-label){color:#c6d0e6;font-size:13px;line-height:1.85;margin-bottom:17px}
.brand-story-copy .text-link{color:#fff;border-bottom:1px solid #717cad;padding-bottom:7px;margin-top:8px;font-size:12px}
@media(max-width:1150px){.hero-layout{padding-inline-start:32px;gap:24px}.factory-feature{gap:35px}.factory-feature-copy h2{font-size:32px}.brand-story-copy{padding:32px}.brand-story-copy h2{font-size:30px}}
@media(max-width:900px){.hero-copy h1{font-size:40px}.factory-feature{grid-template-columns:1fr;gap:26px}.factory-feature-copy{max-width:680px}.factory-feature-visual{max-width:780px}.brand-story-card{grid-template-columns:1fr}.brand-story-copy{padding:38px}.brand-story-copy h2{font-size:36px;max-width:620px}.brand-story-copy>p:not(.section-label){max-width:660px}.brand-story-visual>img{height:auto}.factory-feature-copy h2{white-space:pre-line}.brand-story-section{padding-top:0}}
@media(max-width:640px){.hero-layout{padding:0;gap:0}.hero-copy{padding:40px 20px 26px}.hero-copy h1{font-size:43px}.hero-photography{width:100%;height:auto;margin:0;min-height:0}.hero-photography>img{height:auto}.photo-caption{left:20px;right:20px;bottom:12px}.factory-feature{margin-bottom:34px;gap:22px}.factory-feature-copy h2{font-size:30px}.factory-feature-copy>p:not(.section-label){font-size:13px}.factory-feature-note{font-size:11px;padding:11px 13px}.factory-feature-visual>img{border-radius:7px}.factory-feature-visual figcaption{font-size:9px}.brand-story-card{border-radius:8px}.brand-story-copy{padding:28px 24px}.brand-story-copy h2{font-size:31px}.brand-story-copy .section-label{font-size:10px}.brand-story-copy>p:not(.section-label){font-size:13px}.brand-story-visual figcaption{font-size:8px;left:10px;bottom:10px}.brand-story-section{padding-top:0}}

.documentation-heading{max-width:750px;margin-bottom:35px}.documentation-heading h2{white-space:pre-line;font-size:38px}.documentation-heading>p:not(.section-label){color:var(--muted);font-size:14px;line-height:1.85}.documentation-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.documentation-list article{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.documentation-list article>.icon{flex-shrink:0;margin-top:5px;color:var(--blue);width:23px;height:23px}.documentation-list h3{font-size:19px;margin:0 0 10px}.documentation-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.documentation-aside{background:var(--mist);border-radius:10px;overflow:hidden}.documentation-aside figure{position:relative;margin:0}.documentation-aside img{display:block;width:100%;height:355px;object-fit:cover;object-position:center}.documentation-aside figcaption{position:absolute;left:18px;bottom:18px;font-size:11px;background:rgba(255,255,255,.94);padding:6px 10px;border-radius:3px}.documentation-aside>div{padding:30px}.documentation-aside h3{font-size:24px;line-height:1.35}.documentation-aside p{font-size:13px;line-height:1.85;color:var(--muted)}
@media(max-width:900px){.documentation-layout{gap:30px;grid-template-columns:1.1fr .9fr}.documentation-aside>div{padding:24px}.documentation-aside h3{font-size:21px}}
@media(max-width:640px){.documentation-heading h2{font-size:30px}.documentation-heading>p:not(.section-label){font-size:13px}.documentation-layout{grid-template-columns:1fr;gap:25px}.documentation-list h3{font-size:17px}.documentation-list article{gap:14px;padding:20px 0}.documentation-aside img{height:300px}.documentation-heading{margin-bottom:25px}}
@media(max-width:380px){.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.section-heading>.text-link{max-width:none;margin-top:0}}