.book-commitment{margin:0 auto 34px;max-width:940px;padding:28px 34px 30px;border:1px solid #c8b8d4;border-left:7px solid #c72976;border-radius:8px;background:#f1e6f1;box-shadow:0 12px 26px rgba(38,55,67,.08)}
.book-commitment .eyebrow{color:#704776;margin:0 0 7px}
.book-commitment h3{font:normal clamp(27px,3vw,37px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 11px;color:#173f47}
.book-commitment p:last-child{margin:0;font-size:16px;line-height:1.65;max-width:800px}
.theo-feature{padding:0 22px 64px;background:#e7f1e9}
.theo-feature-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,5vw,70px);align-items:center}
.theo-feature-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1584/780;min-height:280px;border:1px solid #a3c8c7;border-radius:28px;background:#087c9b;box-shadow:0 20px 46px rgba(18,74,86,.22)}
.theo-reef-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}
.theo-poster,.theo-transparent-video{position:absolute;z-index:1;height:94%;width:auto;max-width:none;object-fit:contain;left:58%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 12px rgba(5,38,54,.22))}
.theo-transparent-video{opacity:0}
.theo-feature-art.is-playing .theo-transparent-video,.theo-feature-art.is-fallback.is-playing .theo-fallback-video{opacity:1}
.theo-feature-art.is-playing .theo-poster{opacity:0}
.theo-fallback-video{display:none;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:1;opacity:0}
.theo-feature-art.is-fallback .theo-fallback-video{display:none}
.theo-feature-art.is-fallback .theo-transparent-video{display:none}
.theo-feature-art.is-fallback.is-playing .theo-fallback-video{display:block}
.theo-feature-art.is-fallback.is-playing .theo-reef-background,.theo-feature-art.is-fallback.is-playing .theo-poster{display:none}
.theo-video-error{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff4d7;color:#263f42;font-size:13px;font-weight:bold}
.theo-feature-copy{max-width:390px}
.theo-feature-copy .eyebrow{color:#a3266c;margin:0 0 9px}
.theo-feature-copy h2{margin:0 0 13px;font-size:clamp(34px,3.6vw,48px)}
.theo-feature-copy>p:not(.eyebrow){margin:0 0 18px;color:#3f6165}
.theo-play-toggle{min-height:52px;padding:11px 22px;border:1px solid #145c68;border-radius:32px;background:#125c68;color:#fff;font-weight:bold;cursor:pointer;transition:transform .18s,background .18s}
.theo-play-toggle:hover{background:#173f47;transform:translateY(-2px)}
.theo-play-toggle:focus-visible{outline:3px solid #c72976;outline-offset:4px}
.theo-motion-note{font-size:12px!important;margin:11px 0 0!important;color:#546c6e!important}
@media(max-width:800px){.theo-feature{padding:0 20px 42px}.theo-feature-inner{grid-template-columns:1fr;gap:20px}.theo-feature-art{min-height:0;aspect-ratio:1.55;border-radius:21px}.theo-feature-copy{max-width:600px}.theo-feature-copy h2{font-size:36px}.theo-reef-background{object-position:center}.theo-poster,.theo-transparent-video{height:94%;left:55%}}
@media(max-width:430px){.book-commitment{padding:21px 19px;margin-bottom:25px}.book-commitment p:last-child{font-size:15px}.theo-feature{padding:0 14px 35px}.theo-feature-inner{gap:15px}.theo-feature-art{aspect-ratio:1.24;border-radius:17px}.theo-feature-copy h2{font-size:31px}.theo-poster,.theo-transparent-video{height:90%;left:54%}.theo-play-toggle{width:100%}}
@media(prefers-reduced-motion:reduce){.theo-play-toggle{transition:none}}
