.sustain-hero{background:var(--burgundy-deep);color:var(--white)}
.sustain-heading{padding-top:96px;padding-bottom:60px}
.sustain-heading h1{max-width:780px;letter-spacing:-.025em}
.sustain-heading p{max-width:660px;margin:28px 0 0;font-size:20px;line-height:1.7;color:var(--white)}
.sustain-coast{position:relative;margin:0;max-height:660px;overflow:hidden}
.sustain-coast img{width:100%;height:auto;max-height:660px;object-fit:cover;transform:scale(1.035)}
.sustain-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}
.sustain-intro h2{max-width:480px}
.sustain-intro p{line-height:1.8}
.sustain-materials{background:var(--burgundy);color:var(--white);padding:80px 0}
.sustain-materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.sustain-materials h2{font-size:clamp(32px,3.3vw,46px);margin-bottom:24px}
.sustain-materials p{max-width:460px;line-height:1.8}
.sustain-policies{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start;scroll-margin-top:110px}
#rjc-policy{scroll-margin-top:84px}
.sustain-policy-visual>img:first-child{width:100%;height:auto}
.sustain-rjc{width:270px;height:auto;margin:30px auto 0}
.sustain-policies h2{margin-bottom:26px}
.sustain-policies p{line-height:1.8}
.sustain-policy-list{padding-left:22px;margin:30px 0 38px;line-height:1.65}
.sustain-policy-list li{padding-left:6px;margin-bottom:16px}
.sustain-policy-list li::marker{color:var(--brass)}
.sustain-compliance{background:var(--burgundy-deep);color:var(--white);padding:90px 0;text-align:center}
.sustain-compliance p{max-width:680px;margin:28px auto 32px;font-size:18px;line-height:1.8}
@media(max-width:800px){.sustain-heading{padding-top:70px;padding-bottom:48px}.sustain-intro,.sustain-policies{grid-template-columns:1fr;gap:36px}.sustain-policy-visual{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.sustain-policy-visual .sustain-rjc{width:100%;margin:0}.sustain-materials-grid{gap:36px}.sustain-materials{padding:60px 0}}
@media(max-width:520px){.sustain-heading h1{font-size:44px}.sustain-heading p{font-size:18px}.sustain-coast img{height:340px;object-fit:cover;object-position:50% 70%}.sustain-materials-grid{grid-template-columns:1fr}.sustain-compliance{text-align:left;padding:70px 0}.sustain-compliance p{font-size:16px}}
/* Slow composited movement keeps the coastline recognisable and avoids layout work per frame. */
.sustain-coast.coast-moving img{animation:coast-drift 22s ease-in-out infinite alternate}
@keyframes coast-drift{from{transform:scale(1.035) translate3d(-.45%,.25%,0)}to{transform:scale(1.055) translate3d(.45%,-.25%,0)}}
.coast-controls{position:absolute;right:24px;bottom:22px;display:flex;flex-wrap:wrap;gap:10px;max-width:calc(100% - 48px)}
.coast-controls[hidden]{display:none}
.coast-controls button{min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:rgba(25,31,35,.84);color:#fff;font:500 13px/1.3 Inter,sans-serif;cursor:pointer}
.coast-controls button:hover,.coast-controls button[aria-pressed=true]{background:#fff;color:#27101a}
.coast-controls button:focus-visible{outline:3px solid #e2c48c;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.sustain-coast.coast-moving img{animation:none}}