/* One explanatory film, with optional paused chapter inspection and a transcript. */
.marine-feature{background:#e9eee1;scroll-margin-top:108px}
.marine-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:60px;align-items:end;margin-bottom:38px}
.marine-heading h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.05;letter-spacing:-.055em}
.marine-heading>p{max-width:390px;color:#486357;font-size:1rem;line-height:1.75}
.marine-feature .film-stage,.marine-feature .film-stage>div{border-radius:3px!important;border:0;box-shadow:none;scroll-margin-top:110px}
.marine-controls-note{font-size:.8rem;color:#496357;line-height:1.7;margin-top:21px;max-width:760px}
.marine-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:26px}
.marine-chapters button{appearance:none;text-align:left;background:transparent;border:0;border-top:1px solid #153f3440;border-bottom:1px solid #153f3440;border-right:1px solid #153f3424;padding:22px 22px 23px;color:#153f34;cursor:pointer;min-height:107px}
.marine-chapters button:first-child{padding-left:0}
.marine-chapters button:last-child{border-right:0}
.marine-chapters button:hover{background:#dce6d3}
.marine-chapters button:focus-visible{outline:3px solid #8e741a;outline-offset:3px;position:relative;z-index:1}
.marine-chapters button span{display:block;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;color:#496b57}
.marine-chapters button strong{font-family:var(--display);font-size:1.2rem;letter-spacing:-.025em;line-height:1.2;display:block}
.marine-transcript{border-bottom:1px solid #153f3440;padding-block:24px}
.marine-transcript summary{cursor:pointer;font-size:.94rem;font-weight:700;min-height:30px}
.marine-transcript ol{max-width:880px;padding-left:22px;margin-top:24px}
.marine-transcript li{padding-left:8px;margin-top:14px;font-size:.94rem;line-height:1.8;color:#486357}
.marine-transcript strong{color:#153f34}
.marine-next{margin-top:37px}
.marine-next>p{font-family:var(--display);font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.3;letter-spacing:-.035em;max-width:850px;color:#153f34}
.marine-next .actions{margin-top:26px}
.flagship-design-case{max-width:890px}
.flagship-design-case h2{max-width:750px}
@media(max-width:950px){.marine-heading{grid-template-columns:1fr;gap:25px}.marine-heading>p{max-width:600px}.marine-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.marine-chapters button{border-bottom:0}.marine-chapters button:nth-child(3){padding-left:0}.marine-chapters button:nth-child(even){border-right:0}.marine-chapters button:nth-child(n+3){border-bottom:1px solid #153f3440}}
@media(max-width:640px){.marine-heading{gap:24px;margin-bottom:28px}.marine-heading h2{font-size:clamp(2.3rem,9.9vw,3.6rem)}.marine-heading>p{font-size:.94rem}.marine-controls-note{font-size:.76rem}.marine-chapters{margin-top:21px}.marine-chapters button{padding:20px 13px;min-height:117px}.marine-chapters button span{font-size:.56rem;line-height:1.5;letter-spacing:.075em}.marine-chapters button strong{font-size:1.02rem}.marine-transcript summary{font-size:.87rem}.marine-transcript li{font-size:.87rem}.marine-next>p{font-size:1.5rem}.marine-next .button{font-size:.78rem;gap:16px}.marine-next .text-link{font-size:.83rem}}
@media print{.marine-chapters,.marine-controls-note{display:none}.marine-feature{background:#fff;padding-block:25px}.marine-heading h2{font-size:28pt}.marine-transcript{display:block}.marine-transcript ol{display:block}.marine-next{display:none}}