:root{
  --blue-950:#12355b;
  --blue-900:#1b4f88;
  --blue-800:#215f9d;
  --teal-700:#1d5fa7;
  --teal-600:#2b70b9;
  --mint-200:#dff2ee;
  --mint-100:#eef7f7;
  --green-500:#74a943;
  --text:#244664;
  --text-soft:#5c7488;
  --white:#ffffff;
  --bg:#f5f9fb;
  --shadow:0 20px 60px rgba(17,56,95,.12);
  --radius-xl:40px;
  --radius-lg:28px;
  --container:min(1180px, calc(100% - 40px));
  --header-h:88px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{max-width:100%;display:block}
.zoom-wrap{overflow:hidden}
.zoomable{--zoom-scale:1.04;will-change:transform}
img.zoomable{transform:scale(var(--zoom-scale));transition:transform .25s linear}
.hero-media.zoomable,.section-bg.zoomable{transform:translate3d(0,var(--parallax-y),0) scale(var(--zoom-scale));transition:transform .25s linear}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;padding:.75rem 1rem;background:#fff;border-radius:10px;z-index:2000}
.container{width:var(--container);margin-inline:auto}
.eyebrow{margin:0 0 .9rem;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:700;color:var(--teal-700)}
h1,h2,h3{margin:0 0 1rem;font-family:Manrope,Inter,Segoe UI,Arial,sans-serif;line-height:1.08;color:var(--blue-950)}
h1{font-size:clamp(3.2rem,7vw,5.8rem);font-weight:500;letter-spacing:-.04em}
h2{font-size:clamp(2.2rem,4.4vw,3.55rem);font-weight:500;letter-spacing:-.03em}
h3{font-size:1.25rem;font-weight:650}
p{margin:0 0 1rem}
.lead{font-size:1.12rem;max-width:650px;color:#ecf6fb}
.microcopy{font-size:.92rem;color:#cfe7f2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.5rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(180deg,#2b70b9,#174f91);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 16px 30px rgba(23,79,145,.22);transition:transform .22s ease, box-shadow .22s ease, background .22s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 22px 38px rgba(23,79,145,.28)}
.btn-secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.45);backdrop-filter:blur(12px);box-shadow:none}
.btn-small{padding:.82rem 1.15rem;font-size:.92rem}
.btn-wide{min-width:320px}
.icon-svg{display:grid;place-items:center;color:var(--teal-700)}
.icon-svg svg{width:26px;height:26px}
.site-header{position:sticky;top:0;z-index:1000;background:transparent;transition:background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease}
.site-header.scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(18,53,91,.08)}
.nav-wrap{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img,.footer-brand img{width:58px;height:58px;border-radius:50%}
.brand span,.footer-brand span{display:grid}
.brand strong,.footer-brand strong{font-size:1.15rem;letter-spacing:.04em;color:var(--blue-950)}
.brand small,.footer-brand small{font-size:.62rem;letter-spacing:.12em;color:#547188}
.main-nav{display:flex;align-items:center;gap:22px}
.main-nav a{text-decoration:none;color:var(--blue-950);font-weight:600;font-size:.96rem}
.menu-toggle{display:none;width:46px;height:46px;border:none;border-radius:14px;background:rgba(255,255,255,.8);cursor:pointer;padding:0;position:relative}
.menu-toggle span{position:absolute;left:12px;right:12px;height:2px;background:var(--blue-950);border-radius:2px;transition:.25s ease}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:27px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#173f68;color:#fff}
.hero-media{position:absolute;inset:0;background:#123a58;transform:translate3d(0,var(--parallax-y),0) scale(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(12,38,66,.78) 0%, rgba(14,63,98,.48) 40%, rgba(19,77,134,.18) 100%),linear-gradient(180deg, rgba(255,255,255,.05), rgba(9,27,43,.22) 70%, rgba(245,249,251,.16) 100%)}
.hero-grid{position:relative;z-index:3;padding-top:calc(var(--header-h) + 60px);padding-bottom:115px}
.hero-copy{max-width:720px}.hero h1,.hero h2,.hero .eyebrow{color:#fff}.hero h2{font-size:clamp(1.32rem,2.2vw,1.8rem);font-weight:500;color:#eef8fd;margin-bottom:1.2rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:2rem 0 1rem}.scroll-cue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:grid;justify-items:center;gap:10px;z-index:4;color:#edf7fb}.scroll-cue span{width:28px;height:48px;border:1.5px solid rgba(255,255,255,.72);border-radius:999px;position:relative}.scroll-cue span:after{content:'';position:absolute;left:50%;top:9px;transform:translateX(-50%);width:4px;height:11px;border-radius:999px;background:#fff;animation:scrollDot 1.7s infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}.scroll-cue small{font-size:.74rem;letter-spacing:.18em}.bubble-field{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.bubble-field i{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.86),rgba(255,255,255,.12) 60%,rgba(255,255,255,.05));opacity:.45;animation:rise linear infinite}@keyframes rise{to{transform:translateY(-115vh);opacity:0}}
.panel{position:relative;padding:0 0 110px;margin-top:-42px;z-index:1}.panel-shell,.panel-shell-dark,.panel-shell-glass{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}
.panel-light .panel-shell{background:linear-gradient(180deg,#ffffff 0%, #f7fbfc 100%)}
.panel-dark .panel-shell-dark{background:rgba(8,40,69,.56);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px)}
.panel-image .panel-shell-glass{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(15px)}
.section-bg{position:absolute;inset:0;border-radius:0;transform:translate3d(0,var(--parallax-y),0) scale(1.08);will-change:transform}
.bg-underwater{background:linear-gradient(180deg,rgba(5,31,53,.35),rgba(6,25,40,.72)), url('/ebook/assets/fw-v2/img/underwater-bg.webp') center/cover no-repeat}
.bg-light{background:linear-gradient(180deg,rgba(5,31,53,.25),rgba(4,16,30,.58)), url('/ebook/assets/fw-v2/img/light-bg.webp') center/cover no-repeat}
.bg-contact{background:linear-gradient(180deg,rgba(15,44,70,.14),rgba(15,44,70,.34)), url('/ebook/assets/fw-v2/img/contact-bg.webp') center/cover no-repeat}
.split,.frequency-grid,.light-grid,.ebook-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:70px}
.copy p{color:var(--text-soft)}.copy strong{color:var(--blue-950)}
.visual-photo{position:relative;min-height:470px;border-radius:28px;overflow:hidden;box-shadow:0 20px 42px rgba(18,53,91,.16)}
.visual-photo img{width:100%;height:100%;object-fit:cover}
.icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:2rem 0 2.2rem}
.icon-grid article{padding:22px 16px;border-radius:22px;background:#f5fbfd;border:1px solid rgba(25,92,134,.08);text-align:center}
.icon-grid h3{font-size:.92rem;letter-spacing:.08em;margin:.85rem 0 .4rem;text-transform:uppercase}
.icon-grid p{margin:0;font-size:.92rem}
.frequency{padding-top:40px}.frequency .copy,.light-sequence .copy{color:#eef8fd}.frequency .copy p,.light-sequence .copy p,.frequency .copy strong,.light-sequence .copy strong{color:#e7f3f8}.frequency .copy h2,.light-sequence .copy h2,.frequency .eyebrow,.light-sequence .eyebrow{color:#fff}.frequency-stack{display:grid;gap:18px}.freq-item{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:.76;transform:translateY(10px);transition:.4s ease}.freq-item.active,.freq-item:hover{opacity:1;transform:none;background:rgba(255,255,255,.12)}.freq-item .icon-svg{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);color:#d8f4ff}.freq-item .icon-svg svg{width:28px;height:28px}.freq-item strong{display:block;color:#fff;font-size:1rem}.freq-item small{color:#d7ebf4}
.audience .panel-shell,.faq .panel-shell,.ebook .panel-shell{padding:70px}
.section-heading{max-width:700px;margin-bottom:34px}.section-heading p{color:var(--text-soft)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.topic-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(18,53,91,.08);box-shadow:0 18px 48px rgba(18,53,91,.08)}
.card-art{aspect-ratio:4/2.8;overflow:hidden;background:#edf2f5}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center center}
.card-body{padding:22px}.card-icon{width:54px;height:54px;border-radius:50%;background:#eef8fb;margin-top:-48px;position:relative;box-shadow:0 8px 18px rgba(18,53,91,.08)}.card-icon svg{width:26px;height:26px}.topic-card h3{font-size:1.2rem;margin:16px 0 .2rem}.topic-card strong{display:block;color:var(--blue-900);margin-bottom:.45rem}.topic-card p{font-size:.95rem;margin:0;color:var(--text-soft)}
.light-sequence{padding-top:40px}.light-visual{aspect-ratio:4/3;min-height:auto;overflow:hidden;border-radius:28px}.drop-image{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:28px;box-shadow:0 20px 45px rgba(0,0,0,.18);transform:translate3d(0,var(--parallax-y),0) scale(var(--zoom-scale))}
.disclaimer{margin:28px auto 0;width:min(980px,calc(100% - 40px));padding:16px 20px;border-radius:20px;text-align:center;font-size:.95rem;color:#e7f4f8;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}
.book-stage{display:grid;place-items:center;min-height:350px}.book-cover-pro{width:min(340px,100%);aspect-ratio:10/14;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(229,241,245,.96) 45%, rgba(196,225,220,.96)), url('/ebook/assets/fw-v2/img/light-bg.webp') center/cover no-repeat;background-blend-mode:screen, normal;box-shadow:0 24px 60px rgba(18,53,91,.18);padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid rgba(18,53,91,.08)}.book-cover-pro img{width:84px;height:84px;border-radius:50%;margin-bottom:20px}.book-cover-pro small{letter-spacing:.18em;color:var(--teal-700);font-weight:800}.book-cover-pro strong{font-size:2.2rem;letter-spacing:.06em;color:var(--blue-950);line-height:1.02;margin:.8rem 0}.book-cover-pro span{font-size:1rem;color:#3d617d;font-weight:600}.ebook h3{font-size:1.28rem;font-weight:550;margin:-.15rem 0 1rem;color:var(--blue-900)}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:0;list-style:none;margin:1.7rem 0}.check-list li{position:relative;padding-left:30px;color:var(--text)}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#82b64c,#66983a);color:#fff;font-size:.7rem}
.contact{padding-top:40px}.contact-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.contact-links a{padding:.82rem 1rem;border-radius:999px;background:rgba(255,255,255,.88);text-decoration:none;font-weight:700;color:var(--blue-950);box-shadow:0 10px 24px rgba(18,53,91,.06)}
.contact-form{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:26px;display:grid;gap:12px;box-shadow:0 16px 40px rgba(18,53,91,.08)}.contact-form label{display:grid;gap:6px;font-size:.88rem;font-weight:700;color:#44657b}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(18,53,91,.12);background:#fff;border-radius:14px;padding:.92rem 1rem;font:inherit;color:var(--text);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal-700);box-shadow:0 0 0 3px rgba(29,95,167,.12)}.consent{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:500!important}.consent input{width:auto;margin-top:4px}.hp{position:absolute!important;left:-9999px!important}.form-status{padding:.85rem 1rem;border-radius:14px;font-weight:700}.form-status.success{background:#e7f7ee;color:#196741}.form-status.error{background:#feecea;color:#93352d}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.faq details{border:1px solid rgba(18,53,91,.09);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(18,53,91,.05);overflow:hidden}.faq summary{padding:1.05rem 1.15rem;cursor:pointer;font-weight:700;list-style:none;color:var(--blue-950)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:var(--teal-700)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 1.15rem 1rem;margin:0;font-size:.95rem;color:var(--text-soft)}
.site-footer{background:linear-gradient(135deg,#143960,#1b4f88);color:#d9ebf5;padding:52px 0 24px;margin-top:-36px;position:relative;z-index:3}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px;align-items:start}.site-footer nav{display:grid;gap:10px}.site-footer nav a{text-decoration:none;font-size:.95rem;color:#e9f5fa}.site-footer p{margin:0;color:#d7e7f2;font-size:.88rem}.ai-note{max-width:320px}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:#b9d2e1}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease, transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.parallax.reveal{transform:translate3d(0,calc(var(--parallax-y) + 32px),0)}.parallax.reveal.is-visible{transform:translate3d(0,var(--parallax-y),0)}body.menu-open{overflow:hidden}
@media(max-width:1080px){.split,.frequency-grid,.light-grid,.ebook-grid,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:900px}.main-nav{gap:16px}}
@media(max-width:900px){.brand span{display:none}.menu-toggle{display:grid;z-index:1100}.main-nav{position:fixed;inset:0 0 0 16%;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);padding:110px 28px 40px;display:flex;flex-direction:column;align-items:stretch;gap:18px;transform:translateX(105%);transition:transform .35s ease;box-shadow:-25px 0 60px rgba(18,53,91,.14)}.main-nav.open{transform:none}.main-nav a{font-size:1.06rem}.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg);top:22px}.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg);top:22px}.cards,.faq-grid{grid-template-columns:1fr}.split,.frequency-grid,.light-grid,.ebook-grid,.contact-grid,.audience .panel-shell,.faq .panel-shell,.ebook .panel-shell{padding:42px}.icon-grid{grid-template-columns:1fr}.btn-wide{min-width:0;width:100%}}
@media(max-width:640px){:root{--container:min(100% - 24px,1180px)}h1{font-size:3rem}.hero h2{font-size:1.18rem}.lead{font-size:1rem}.actions{display:grid}.btn,.btn-secondary{width:100%}.hero-grid{padding-top:calc(var(--header-h) + 36px);padding-bottom:100px}.panel{padding-bottom:76px}.split,.frequency-grid,.light-grid,.ebook-grid,.contact-grid,.audience .panel-shell,.faq .panel-shell,.ebook .panel-shell{padding:26px}.visual-photo,.light-visual{aspect-ratio:4/3}.contact-links{display:grid}.check-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.site-footer{padding-top:42px}.panel-shell,.panel-shell-dark,.panel-shell-glass{border-radius:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.parallax,.section-bg,.hero-media,.drop-image{transform:none!important}.bubble-field{display:none}}

/* v4 fixes: image composition + stronger scroll zoom */
.visual-photo{aspect-ratio:4/3;min-height:auto;background:#e9f0f4}
.visual-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:640px){.visual-photo{aspect-ratio:4/3;min-height:auto}}

/* v7 accent + motion */
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;left:18%;right:18%;bottom:7px;height:2px;border-radius:2px;background:rgba(130,182,76,.78);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.btn:hover:after{transform:scaleX(1)}
.check-list li:before{background:linear-gradient(180deg,#82b64c,#66983a)!important}
.icon-svg,.eyebrow,.faq summary:after{color:#1d5fa7}
.zoomable{transition:transform .12s linear}

/* V8: button/bullet color consistency */
.main-nav .btn{color:#fff!important}
.check-list li:before{background:linear-gradient(180deg,#2f75bd,#1f5fa8)!important}


/* V10 – optimierter eBook-Bereich */
.ebook-grid-pro{grid-template-columns:minmax(320px, 460px) 1fr;gap:64px;align-items:center}
.book-stage{display:grid;justify-items:center;gap:14px;min-height:unset}
.ebook-figure{position:relative;margin:0;width:min(100%,430px);padding:18px;border-radius:34px;background:linear-gradient(180deg,#fafdff 0%,#eef6fb 100%);border:1px solid rgba(18,53,91,.08);box-shadow:0 26px 60px rgba(18,53,91,.12);overflow:hidden}
.ebook-visual-surface{position:absolute;inset:auto 10% 6% 10%;height:24%;background:radial-gradient(circle at center, rgba(45,117,189,.16), rgba(45,117,189,0) 72%);filter:blur(26px);pointer-events:none}
.ebook-cover-image{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 22px 48px rgba(18,53,91,.16)}
.ebook-note{margin:0;font-size:.88rem;color:var(--text-soft);text-align:center}
.ebook-copy .eyebrow{margin-bottom:.7rem}
.ebook-kicker{display:inline-block;margin-bottom:.75rem;padding:.45rem .8rem;border-radius:999px;background:rgba(47,117,189,.10);color:var(--blue-900);font-size:.82rem;font-weight:800;letter-spacing:.18em}
.ebook-title-stack h2{margin-bottom:1rem;max-width:12ch}
.ebook h3{font-size:1.16rem;line-height:1.5;font-weight:500;margin:0 0 1rem;color:var(--blue-900);max-width:760px}
.ebook-copy p:not(.eyebrow):not(.microcopy):not(.ebook-note){max-width:760px}
.ebook-check-list{margin:1.5rem 0 1.9rem;grid-template-columns:1fr 1fr;gap:12px 28px}
.ebook-check-list li{font-size:1rem}
.ebook-microcopy{color:var(--text-soft);margin-top:1rem}
.ebook .btn-wide{min-width:340px}
@media(max-width:1080px){.ebook-grid-pro{grid-template-columns:1fr;gap:36px}.ebook-title-stack h2,.ebook h3,.ebook-copy p:not(.eyebrow):not(.microcopy):not(.ebook-note){max-width:none}.book-stage{order:1}.ebook-copy{order:2}}
@media(max-width:640px){.ebook-figure{width:min(100%,360px);padding:14px;border-radius:26px}.ebook-kicker{font-size:.75rem}.ebook .btn-wide{min-width:0;width:100%}.ebook-check-list{grid-template-columns:1fr}}

/* V41: performance, resilient content, accessible navigation. */
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.reveal{opacity:1;transform:none}.parallax.reveal{transform:translate3d(0,var(--parallax-y),0)}
html.js .reveal{opacity:0;transform:translateY(32px)}
html.js .reveal.is-visible{opacity:1;transform:none}
html.js .parallax.reveal.is-visible{transform:translate3d(0,var(--parallax-y),0)}
.ebook-return{font-size:1rem}.ebook-return a{text-decoration:underline;text-underline-offset:3px}
.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;overflow-wrap:break-word}
.hero-copy,.copy,.card-body,.contact-form{min-width:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087f77;outline-offset:4px}
@media(max-width:1180px){.main-nav{gap:12px}.main-nav a{font-size:.91rem}.brand small{font-size:.58rem}}
@media(max-width:900px){
 .main-nav{display:none;transform:none;overflow-y:auto}.main-nav.open{display:flex}
 html:not(.js) .menu-toggle{display:none}
 html:not(.js) .nav-wrap{flex-wrap:wrap;height:auto;padding:12px 0}
 html:not(.js) .main-nav{display:flex;position:static;padding:12px 0;flex-direction:row;flex-wrap:wrap;box-shadow:none;width:100%;background:transparent;gap:12px}
 .main-nav a{font-size:1rem;min-height:44px;display:flex;align-items:center}
}
@media(max-width:640px){
 .hero{min-height:0}.hero h1{font-size:clamp(2.25rem,8.5vw,3rem)}.hero-grid{padding-bottom:100px}
 .hero-media{min-height:100%}.hero .lead{font-size:1.05rem}
 .bg-underwater{background-image:linear-gradient(180deg,rgba(5,31,53,.35),rgba(6,25,40,.72)),url('/ebook/assets/fw-v2/img/underwater-bg-800.webp')}
 .bg-light{background-image:linear-gradient(180deg,rgba(5,31,53,.25),rgba(4,16,30,.58)),url('/ebook/assets/fw-v2/img/light-bg-800.webp')}
 .bg-contact{background-image:linear-gradient(180deg,rgba(15,44,70,.14),rgba(15,44,70,.34)),url('/ebook/assets/fw-v2/img/contact-bg-800.webp')}
}
@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none}}

/* Bound decorative, scaled parallax backgrounds to their section. */
.panel{overflow:clip}