/* Futura Display has one static cut: every weight uses it without faux bold. */
@font-face{font-family:SpecialtyDisplay;src:url("/releases/20261009185112612/futura-display.woff2") format('woff2');font-weight:1 1000;font-display:optional}
*{box-sizing:border-box}html{--paper:#071e2b;--surface:#102d3b;--ink:#f3f8fa;--muted:#b2c6cf;--accent:#a6eef4;--line:#335968;--gutter:clamp(22px,5.2vw,92px);--depth:0;scroll-behavior:smooth;scroll-padding-top:34px;color-scheme:dark}
html[data-course=nitrox]{--paper:#0b221b;--surface:#153b2d;--accent:#e3ef60;--muted:#b9c9b9;--line:#3e6351}
html[data-course=night]{--paper:#090f18;--surface:#141e2c;--accent:#f3d39c;--muted:#bdc6d2;--line:#3a4655}
html[data-course=navigation]{--paper:#09232c;--surface:#123d43;--accent:#93e5d0;--muted:#b6cdd0;--line:#35626a}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;isolation:isolate}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}svg{width:24px;height:24px;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-family:SpecialtyDisplay,'Arial Narrow',sans-serif;font-weight:400;line-height:1.04;letter-spacing:0}h1{font-size:clamp(64px,7.2vw,114px)}h2{font-size:clamp(48px,5.2vw,80px)}h3{font-size:23px;line-height:1.3}h4{font-size:20px;line-height:1.3}em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.pad{padding-inline:var(--gutter)}.skip{position:fixed;top:10px;left:20px;z-index:20;transform:translateY(-150%);background:var(--accent);color:var(--paper);padding:12px}.skip:focus{transform:none}[hidden]{display:none!important}
.ocean{position:absolute;inset:0 0 auto;height:min(1000px,110svh);min-height:650px;background:url("https://divers.cz/media/assets/a9fd05f4adf5a59303ed07744ebf504b5523f451afe5f8b28771abac9a42708a.webp.asset") 65% 0/cover no-repeat;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent)}html[data-course=deep] .ocean{opacity:calc(1 - var(--depth)*.8)}html[data-course=nitrox] .ocean{background:radial-gradient(ellipse at 78% 40%,#53792b66,transparent 60%),linear-gradient(125deg,#081d16,#18412c);opacity:1}html[data-course=night] .ocean{opacity:.24}html[data-course=navigation] .ocean{opacity:.55}.nav{background:linear-gradient(90deg,#061b28f5,#061b28e8);color:#f3f8fa;border-bottom:1px solid #ffffff20;min-height:92px;display:flex;gap:30px;align-items:center;justify-content:space-between}.brand img{width:180px;height:auto;aspect-ratio:5765/1006;object-fit:contain;filter:none}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.nav nav a{padding:14px 0}.nav a:hover:not(:where(html[data-divers-appearance] *)){color:var(--accent)}.course-name{font-size:15px;font-weight:700;max-width:340px}.motion-toggle{color:#f3f8fa;background:#0b2535;border:1px solid #7f9ba9;padding:9px 12px;border-radius:6px;font-size:11px;min-height:38px;white-space:nowrap}.motion-toggle:hover{border-color:var(--accent)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:620px;height:calc(100svh - 235px);max-height:790px;gap:4vw;padding-block:60px 40px}.hero-copy{position:relative;z-index:2}.hero-copy>p:not(.hero-course){max-width:550px;font-size:18px;line-height:1.7;margin-top:27px;color:#d5e1e6}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 24px;background:var(--accent);color:var(--paper);border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:700;min-height:58px;transition:background .2s,box-shadow .2s}.button:hover:not(:where(html[data-divers-appearance] *)){background:var(--ink);box-shadow:0 5px 25px #0003}.button:active{box-shadow:inset 0 0 0 2px var(--paper)}.text-button{display:inline-flex;align-items:center;gap:11px;border:0;padding:8px 0;background:none;font-size:14px}.text-button:hover:not(:where(html[data-divers-appearance] *)){color:var(--accent)}.play-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.play-icon svg{width:19px;height:19px}.hero-course{font-size:12px;letter-spacing:.09em;margin-top:28px;color:var(--muted)}
.card-scene{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:400px;perspective:1200px}/* Keep the float wrapper from intercepting hits on the tilted card plane. */
.card-float{pointer-events:none;width:100%;max-width:550px;position:relative;z-index:1;animation:float-card 9s ease-in-out infinite;transform-style:preserve-3d}.cert-card{pointer-events:auto;--rx:7deg;--ry:-13deg;--rz:-6deg;--flip:0deg;position:relative;display:block;padding:0;width:100%;aspect-ratio:1200/762;background:transparent;border:0;border-radius:19px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip))) rotateZ(var(--rz));transition:transform .65s cubic-bezier(.2,.75,.2,1);text-align:left}.cert-card.is-flipped{--flip:180deg;--rz:4deg}.card-face{position:absolute;inset:0;overflow:hidden;border-radius:19px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:2px 3px 0 #a4bac0,4px 5px 0 #375765,0 30px 45px -12px #0009;border:1px solid #d5edf76b}.card-front img{width:100%;height:100%;object-fit:cover}.card-front{transform:translateZ(1px)}.card-sheen{position:absolute;inset:0;background:linear-gradient(118deg,transparent 25%,#fff1 40%,#fff5 48%,transparent 65%);background-size:250% 100%;background-position:var(--shine,85%) 0;pointer-events:none;mix-blend-mode:screen}.card-back{transform:rotateY(180deg);background:linear-gradient(130deg,var(--surface),var(--paper));padding:8%;display:flex;flex-direction:column;justify-content:center;gap:12px;color:var(--ink)}.card-back-label{font-size:10px;letter-spacing:.17em;color:var(--muted)}.card-back strong{font:clamp(30px,3.2vw,50px)/1.1 SpecialtyDisplay,sans-serif;color:var(--accent)}.card-back>span:not(.card-back-label){font-size:13px}.card-back-facts{display:flex;gap:12px;color:var(--muted)}.card-back-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.card-back-footer small{font-size:9px;color:var(--muted)}.card-hint{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:var(--muted);letter-spacing:.03em}.card-hint svg{width:18px;height:18px;transform:rotate(35deg)}.scene-mark{position:absolute;inset:-25% -3% 0;display:flex;align-items:flex-start;justify-content:center;font:clamp(280px,31vw,520px)/1 SpecialtyDisplay,sans-serif;color:transparent;-webkit-text-stroke:1px #a6eef426;pointer-events:none}.scene-mark>span{display:block}html[data-course=nitrox] .scene-mark{-webkit-text-stroke:1px #d7ef6038}.beam{position:absolute;inset:-10% -8%;background:conic-gradient(from 252deg at 86% 30%,transparent 0deg,#fae2ae05 3deg,#fae2ae35 20deg,#fff2 27deg,transparent 36deg);filter:blur(5px);transform-origin:86% 30%;animation:beam 12s ease-in-out infinite}.compass{position:absolute;width:95%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;inset:-15% 0 auto;transform:rotate(calc(var(--depth)*70deg));transition:transform .15s}.compass::before,.compass::after{content:'';position:absolute;inset:10%;border:1px dashed var(--line);border-radius:50%}.compass::after{inset:22%;border-style:solid}.compass span{position:absolute;color:var(--accent);font:15px Arial,sans-serif;-webkit-text-stroke:0;opacity:.7}.compass span:nth-child(1){left:49%;top:3%}.compass span:nth-child(2){right:4%;top:47%}.compass span:nth-child(3){left:49%;bottom:3%}.compass span:nth-child(4){left:3%;top:47%}.compass i{position:absolute;left:49%;top:12%;width:1px;height:76%;background:var(--line);transform:rotate(-28deg)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:28px 35px;position:relative}.facts::before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:0;border-top:1px solid var(--line)}.facts>div{text-align:center;border-right:1px solid var(--line);padding:5px 15px}.facts>div:last-child{border:0}.facts strong{display:block;font:clamp(28px,3.4vw,48px)/1.2 SpecialtyDisplay,sans-serif}.facts span{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:9px}.depth-meter{display:none}html[data-course=deep] .depth-meter{position:fixed;right:12px;top:40%;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;color:#b0d1dc;font-size:9px;pointer-events:none}.depth-meter i{width:10px;height:60px;background:repeating-linear-gradient(transparent 0 9px,#89d5e155 9px 10px)}.depth-value{writing-mode:vertical-rl;color:var(--accent)}
.section-index{font-size:10px;letter-spacing:.2em;color:var(--accent);display:block;margin-bottom:24px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:115px}.audience{margin-top:38px;max-width:500px}.audience h3{font-size:16px;margin-bottom:12px}.audience p{font-size:15px}.benefit-list article{border-top:1px solid var(--line);display:flex;gap:25px;padding:30px 0}.benefit-list article>span{font:42px/1 SpecialtyDisplay,sans-serif;color:var(--accent)}.benefit-list h3{margin-bottom:12px}.benefit-list p{font-size:16px}.practical{background:var(--surface);padding-block:80px}.practical-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.practical h2{font-size:clamp(46px,4vw,65px)}.duration{font:34px/1.2 SpecialtyDisplay,sans-serif;color:var(--accent);margin-top:26px}.duration span{display:block;font:12px/1.6 Arial,sans-serif;margin-top:8px;color:var(--muted)}.includes h3{font-size:20px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.includes ul{padding:0;margin:0;list-style:none}.includes li{padding-left:23px;position:relative;color:var(--muted);font-size:15px;margin-bottom:14px}.includes li::before{content:'';width:11px;height:2px;background:var(--accent);position:absolute;left:0;top:.8em}.includes p{font-size:15px}.location-line{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-block:1px solid var(--line);padding-block:24px;margin-block:40px}.location-line>span{color:var(--accent);font-size:13px}.location-line p{font-size:14px;max-width:740px}.course-path{padding-top:10px}.path-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.path-heading h3{font-size:20px}.path-heading>span{color:var(--muted);font-size:12px}.course-path ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:30px;margin:0}.course-path li{border-top:1px solid var(--line);padding-top:20px}.step-number{display:block;font:44px/1 SpecialtyDisplay,sans-serif;color:var(--accent);margin-bottom:24px}.course-path h4{font-size:17px;margin-bottom:12px}.course-path p{font-size:13px;line-height:1.7}
.media{padding-block:95px 70px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:270px;font-size:14px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery-photo{display:block;position:relative;overflow:hidden;border-radius:10px;background:var(--surface)}.gallery-photo>img{height:100%;width:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .5s}.gallery-photo:hover>img{transform:scale(1.025)}.gallery-photo>span{position:absolute;bottom:18px;right:18px;padding:9px 12px;background:#061722db;border:1px solid #ffffff60;border-radius:5px;display:flex;align-items:center;gap:13px;font-size:12px;color:#fff}.gallery-photo svg{width:18px;height:18px}html[data-course=nitrox] .gallery-photo{max-height:520px}html[data-course=nitrox] .gallery-photo>img{object-fit:contain;background:#071510}.video-poster{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left}.video-poster>img{max-height:300px;width:100%;object-fit:contain;border-radius:7px}.video-label{display:flex;align-items:center;justify-content:center;gap:24px;font:28px/1.2 SpecialtyDisplay,sans-serif}.video-label .play-icon{width:65px;height:65px}.video-label svg{width:24px;height:24px}.video-poster:hover{border-color:var(--accent)}.video-only .video-poster{max-width:1000px;width:100%;margin:auto;padding:40px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-block:55px 100px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:17px;line-height:1.4;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:400;font-size:25px;color:var(--accent)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:15px;line-height:1.75;padding:0 35px 24px 0}.faq summary:hover:not(:where(html[data-divers-appearance] *)){color:var(--accent)}
.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;background:var(--surface);padding-block:75px}.contact h2{font-size:clamp(52px,5.2vw,80px)}.contact h3{margin-bottom:20px}.contact p{font-size:15px;margin-bottom:20px}.contact .contact-course{font-size:12px;letter-spacing:.08em;margin-top:25px;margin-bottom:0}.contact-link{display:flex;align-items:center;gap:15px;font-size:20px;padding-block:8px;color:var(--ink);width:fit-content}.contact-link:hover:not(:where(html[data-divers-appearance] *)){color:var(--accent)}.contact-link svg{width:19px;height:19px}.continuation{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:55px}.continuation h3{font-size:19px;margin-bottom:15px}.continuation p{font-size:14px}.continuation p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.footer{padding-block:32px;display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer .brand img{width:145px}.footer>span{flex:1}.footer>a:last-child{display:flex;align-items:center;gap:12px}.footer svg{width:19px;height:19px;transform:rotate(-90deg)}.footer a:hover:not(:where(html[data-divers-appearance] *)){color:var(--accent)}
.media-dialog{width:min(1120px,94vw);max-width:none;max-height:92svh;border:1px solid var(--line);padding:20px;background:var(--paper);color:var(--ink);border-radius:12px}.media-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-family:Arial,sans-serif;font-size:17px;line-height:1.3}.dialog-close{background:var(--surface);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-close:hover{border-color:var(--accent)}.dialog-content img{max-height:72svh;max-width:100%;width:auto;margin:auto;object-fit:contain}.dialog-content iframe{display:block;border:0;width:100%;aspect-ratio:16/9}.dialog-content>p{margin-top:15px;font-size:13px}.dialog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.reveal{opacity:1}.motion-on .reveal.pending{opacity:0;transform:translateY(20px)}.motion-on .reveal{transition:opacity .65s ease,transform .65s ease}.motion-off .card-float,.motion-off .beam{animation:none}.motion-off *, .motion-off *::before,.motion-off *::after{scroll-behavior:auto!important;transition:none!important}.motion-off .cert-card{--rx:0deg!important;--ry:0deg!important;--rz:0deg!important}.motion-off .compass{transform:none}.motion-off .reveal.pending{opacity:1;transform:none}
@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes beam{0%,100%{rotate:-6deg;opacity:.65}50%{rotate:12deg;opacity:1}}
@media(min-width:1600px){.hero{gap:90px}.hero-copy>p:not(.hero-course){font-size:20px}.card-hint{bottom:-25px}}
@media(max-width:1050px){.nav{gap:20px}.nav nav{gap:18px}.nav .brand img{width:145px}.motion-toggle{font-size:10px;padding:7px}.hero{gap:30px;min-height:550px}.hero-copy>p:not(.hero-course){font-size:16px}h1{font-size:clamp(60px,8vw,90px)}.hero-actions{gap:12px}.button{padding:14px 17px;gap:15px}.text-button{font-size:12px}.card-scene{min-height:310px}.practical-top{grid-template-columns:1fr 1fr;gap:30px}.practical-top>div:first-child{grid-column:1/-1}.practical-top h2 br{display:none}.duration span{display:inline;margin-left:15px}.benefits{gap:5%}.benefit-list article{gap:16px}.benefit-list h3{font-size:20px}.benefit-list p{font-size:14px}.course-path ol{gap:20px}.video-label{font-size:25px}}
@media(max-width:760px){html{--gutter:24px}.nav{min-height:80px;flex-wrap:wrap;gap:12px;padding-top:21px;padding-bottom:17px}.nav .brand img{width:137px}.nav nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;font-size:12px;gap:12px}.nav nav a{padding:7px 0}.nav .motion-toggle{margin-left:auto}.course-name{font-size:12px;max-width:62%}.hero{grid-template-columns:1fr;min-height:0;height:auto;max-height:none;gap:20px;padding-block:32px 45px;overflow:clip}.hero-copy{max-width:610px}h1{font-size:clamp(58px,12vw,86px);line-height:1.02}.hero-copy>p:not(.hero-course){margin-top:22px;font-size:16px;max-width:530px}.hero-actions{gap:22px;margin-top:25px}.hero-course{font-size:10px;margin-top:20px}.card-scene{width:90%;max-width:475px;margin:24px auto 0;min-height:0;aspect-ratio:1.25}.card-float{width:90%}.scene-mark{font-size:70vw;inset:-15% 0 0}.card-hint{bottom:-12px;font-size:10px}.card-back strong{font-size:clamp(28px,7vw,40px)}.card-back{gap:8px}.card-back>span:not(.card-back-label){font-size:11px}.card-back-label{font-size:7px}.card-back-footer small{font-size:7px}.card-face,.cert-card{border-radius:13px}.facts{grid-template-columns:1fr 1fr;gap:25px 0;padding-block:25px}.facts>div:nth-child(2){border-right:0}.facts strong{font-size:35px}.facts span{font-size:8px;letter-spacing:.08em;line-height:1.5}.depth-meter{visibility:hidden}.benefits{grid-template-columns:1fr;padding-block:65px;gap:30px}.section-index{margin-bottom:20px;font-size:9px}.audience{margin-top:28px}.benefit-list article{padding:23px 0;gap:22px}.benefit-list h3{font-size:21px}.benefit-list p{font-size:15px}.benefit-list article>span{font-size:37px}h2{font-size:clamp(48px,9.7vw,70px)}.practical{padding-block:60px}.practical-top{gap:30px 22px}.practical-top h2 br{display:block}.practical h2{font-size:48px}.includes h3{font-size:17px}.includes li,.includes p{font-size:13px;line-height:1.7}.duration span{display:block;margin:6px 0 0}.location-line{grid-template-columns:1fr;gap:12px;margin-block:30px}.path-heading{display:block}.path-heading h3{font-size:20px;margin-bottom:10px}.course-path ol{grid-template-columns:1fr 1fr;gap:28px 22px}.course-path p{font-size:13px}.step-number{margin-bottom:18px}.media{padding-block:60px 35px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:300px}.media-grid{gap:14px}.gallery-photo>span{right:7px;bottom:7px;font-size:0;padding:7px;gap:0}.gallery-photo>img{aspect-ratio:3/4}.video-poster,.video-only .video-poster{padding:16px;gap:20px}.video-label{flex-direction:column;gap:10px;font:15px/1.4 Arial,sans-serif;text-align:center}.video-label .play-icon{width:45px;height:45px}.video-label svg{width:18px;height:18px}.faq{grid-template-columns:1fr;gap:35px;padding-block:35px 60px}.faq summary{font-size:16px;padding-block:21px}.faq details p{font-size:14px;padding-right:8px}.contact{grid-template-columns:1fr;gap:35px;padding-block:60px}.contact h2{font-size:52px}.contact h3{font-size:23px}.contact-link{font-size:19px}.continuation{grid-template-columns:1fr;padding-block:40px;gap:30px}.footer{flex-wrap:wrap;gap:22px;font-size:11px}.footer>span{display:none}.footer>a:last-child{margin-left:auto}.footer .brand img{width:123px}.media-dialog{padding:14px;width:calc(100vw - 24px)}.dialog-head h2{font-size:14px}.dialog-close{width:40px;height:40px}.ocean{height:950px;min-height:0;background-position:70% 0}.compass{inset:-10% 2% auto}.beam{inset:-5% -5%}}
@media(max-width:370px){html{--gutter:19px}.hero-actions{gap:13px}.button{font-size:12px;padding:13px}.text-button{font-size:11px}.play-icon{width:34px;height:34px}.card-back-facts{gap:5px}.card-back-footer{padding-top:5px}.card-back{gap:6px}.includes h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-float,.beam{animation:none}.reveal.pending{opacity:1!important;transform:none!important}*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.cert-card{--rx:0deg!important;--ry:0deg!important;--rz:0deg!important}.compass{transform:none!important}}
@media(hover:none){.gallery-photo:hover>img{transform:none}.cert-card{--rx:5deg;--ry:-7deg}.button:hover:not(:where(html[data-divers-appearance] *)){background:var(--accent);box-shadow:none}}
html[data-course=dry]{--paper:#111e2a;--surface:#203442;--accent:#c1dcf4;--muted:#becbd4;--line:#465c6c}html[data-course=dry] .ocean{opacity:.45}html[data-course=dry] .scene-mark{font-size:clamp(200px,25vw,410px);-webkit-text-stroke:1px #c1dcf440}html[data-course=dry] .hero h1{font-size:clamp(62px,6.5vw,105px)}html[data-course=dry] .facts>div:last-child strong{font-size:clamp(27px,2.7vw,42px)}.course-variants{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:35px;margin-top:40px}.course-variants h3{font-size:20px;margin-bottom:12px}.course-variants p{font-size:14px}html[data-course=dry] .gallery-photo{max-height:420px}html[data-course=dry] .gallery-photo img{object-fit:contain;background:#0b1822}@media(max-width:760px){html[data-course=dry] .hero h1{font-size:clamp(55px,11.2vw,82px)}html[data-course=dry] .scene-mark{font-size:56vw}.course-variants{grid-template-columns:1fr;gap:25px}html[data-course=dry] .card-back-facts{font-size:9px}}
@media(min-width:761px) and (max-height:850px){.hero{min-height:490px;padding-block:40px 35px;height:calc(100svh - 235px)}.card-scene{min-height:350px}.hero-copy>p:not(.hero-course){margin-top:22px}.hero-actions{margin-top:25px}.hero-course{margin-top:20px}}
html[data-embed=true] .hero{height:auto;min-height:580px;max-height:none}html[data-embed=true] .ocean{height:850px}html[data-embed=true] .depth-meter{display:none}html[data-embed=true] .reveal.pending{opacity:1;transform:none}html[data-embed=true] .media-dialog{position:absolute;top:var(--dialog-top,24px);bottom:auto;margin:0 auto;max-height:var(--dialog-height,700px)}html[data-embed=true] .dialog-content img{max-height:calc(var(--dialog-height,700px) - 100px)}@media(max-width:760px){html[data-embed=true] .hero{min-height:0}}
@media(min-width:761px){.card-hint{bottom:-42px}}
.benefit-list{padding:0;margin:0;list-style:none}.benefit-list li{border-top:1px solid var(--line);display:flex;gap:25px;padding:25px 0;align-items:flex-start}.benefit-list li:last-child{border-bottom:1px solid var(--line)}.benefit-list li>span{font:40px/1 SpecialtyDisplay,sans-serif;color:var(--accent)}.benefit-list li>p{font-size:18px;color:var(--ink);line-height:1.65}.audience-requirement{font-size:14px;margin-top:30px;color:var(--muted)}.benefits{padding-block:85px 65px}.original-description{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding-block:20px 85px}.original-description h2{font-size:clamp(36px,3.8vw,54px)}.original-description p{font-size:16px;line-height:1.8}.original-description p+p{margin-top:20px}html[data-course=night] .benefits h2{font-size:clamp(44px,4.8vw,70px)}html[data-course=nitrox] .hero-copy>p:not(.hero-course){font-size:16px;line-height:1.65}@media(max-width:760px){.benefits{padding-block:55px 40px}.benefit-list li{gap:20px;padding-block:22px}.benefit-list li>p{font-size:16px}.original-description{grid-template-columns:1fr;gap:25px;padding-block:0 55px}.original-description h2{font-size:42px}.original-description p{font-size:15px}.audience-requirement{font-size:13px;margin-top:22px}}
html[data-course=deep]{--paper:color-mix(in srgb,#071e2b calc(100% - var(--depth)*80%),#010508);--surface:color-mix(in srgb,#102d3b calc(100% - var(--depth)*65%),#071018)}
.divers-community{position:relative;overflow:clip;background:var(--paper)}.community-intro{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:6%;padding-block:80px 100px}.community-copy h2{font-size:clamp(56px,6.3vw,100px)}.community-copy>p{font-size:17px;line-height:1.8;margin-top:30px;max-width:520px}.community-link{display:flex;align-items:center;gap:30px;width:fit-content;border-bottom:1px solid var(--accent);color:var(--accent);font-size:16px;font-weight:600;padding:12px 0;margin-top:22px}.community-link:hover:not(:where(html[data-divers-appearance] *)){color:var(--ink)}.community-link svg{transition:transform .25s}.community-link:hover svg{transform:translateX(5px)}.community-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.community-photos figure{position:relative;min-width:0;overflow:hidden;border-radius:6px;background:var(--surface)}.community-trip{grid-column:1/-1}.community-photos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.community-trip img{aspect-ratio:16/10;object-position:50% 60%}.community-photos figcaption{position:absolute;bottom:0;left:0;right:0;padding:38px 16px 14px;background:linear-gradient(transparent,#000d);font-size:12px;line-height:1.4;color:#fff}.community-trip figcaption{font-size:14px}.club-discount{background:var(--accent);color:#09232c;display:grid;grid-template-columns:.9fr 1.65fr .4fr;align-items:center;gap:50px;padding-block:38px}.club-discount>strong{font:clamp(100px,13vw,200px)/.9 SpecialtyDisplay,sans-serif;white-space:nowrap}.club-discount>strong>span{font-size:.67em;margin-left:8px}.club-discount>div{border-left:1px solid #09232c55;padding-left:50px}.club-discount h3{font:clamp(32px,3.6vw,54px)/1.15 SpecialtyDisplay,sans-serif;margin-bottom:15px}.club-discount p{color:#15333c;font-size:16px;line-height:1.75;max-width:650px}.discount-icon{width:80px;height:80px;justify-self:center;opacity:.7}.school-benefits{padding-block:85px 100px;background:linear-gradient(transparent 70%,#0001)}.school-benefits>h2{font-size:clamp(55px,6vw,90px);margin-bottom:55px}.school-benefits>h2 br{display:none}.school-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.school-benefit-grid article{padding:34px 34px 38px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.school-benefit-grid article:nth-child(3n){border-right:0}.school-benefit-grid article:nth-last-child(-n+3){border-bottom:0}.school-benefit-grid article:nth-child(3n+1){padding-left:0}.school-benefit-grid article:nth-child(3n){padding-right:0}.school-benefit-grid article>svg{color:var(--accent);width:42px;height:42px;margin-bottom:18px}.school-benefit-grid h3{font-size:21px;margin-bottom:14px}.school-benefit-grid p{font-size:15px;line-height:1.75}.getting-started{padding-block:60px}.getting-started>h2{font-size:54px;margin-bottom:35px}.getting-started ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:0}.getting-started li{border-top:1px solid var(--line);padding-top:25px}.getting-started li>span{font:35px/1 SpecialtyDisplay,sans-serif;color:var(--accent);display:block;margin-bottom:16px}.getting-started h3{font-size:20px;margin-bottom:12px}.getting-started p{font-size:14px;line-height:1.75}.getting-started p a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1050px){.community-copy>p{font-size:15px}.community-intro{gap:4%}.club-discount{gap:30px;grid-template-columns:.8fr 1.7fr}.discount-icon{display:none}.club-discount>div{padding-left:30px}.school-benefit-grid article{padding:25px}.school-benefit-grid h3{font-size:19px}.school-benefit-grid p{font-size:14px}}@media(max-width:760px){.community-intro{grid-template-columns:1fr;padding-block:55px 50px;gap:45px}.community-copy h2{font-size:clamp(52px,11vw,75px)}.community-copy>p{font-size:16px;margin-top:25px}.community-link{font-size:14px;gap:20px}.community-photos{max-width:550px;width:100%;margin:auto;gap:10px}.community-photos figcaption{font-size:11px;padding:30px 10px 10px}.community-trip figcaption{font-size:13px}.club-discount{grid-template-columns:1fr;gap:25px;padding-block:35px}.club-discount>strong{font-size:120px}.club-discount>div{border-left:0;border-top:1px solid #09232c55;padding:25px 0 0}.club-discount h3{font-size:36px}.club-discount p{font-size:15px}.school-benefits{padding-block:55px}.school-benefits>h2{font-size:52px;margin-bottom:30px}.school-benefits>h2 br{display:block}.school-benefit-grid{grid-template-columns:1fr}.school-benefit-grid article,.school-benefit-grid article:nth-child(3n+1),.school-benefit-grid article:nth-child(3n){padding:27px 0;display:grid;grid-template-columns:38px 1fr;gap:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.school-benefit-grid article:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.school-benefit-grid article:last-child{border-bottom:0}.school-benefit-grid article>svg{grid-row:1/3;width:32px;height:32px;margin:0}.school-benefit-grid h3{font-size:20px;margin:0}.school-benefit-grid p{font-size:15px}.getting-started{padding-block:45px}.getting-started>h2{font-size:48px;margin-bottom:25px}.getting-started ol{grid-template-columns:1fr;gap:28px}.getting-started li{padding-top:22px}.getting-started li>span{float:left;margin-right:20px}.getting-started h3{padding-top:3px}.getting-started p{margin-left:54px}}

.hero{overflow:clip}
@media(min-width:1800px){html{--gutter:max(92px,calc((100vw - 1520px)/2))}.hero{gap:70px}.community-copy h2{font-size:100px}}

/* Actual organization marks on the certification card reverse. */
.card-back-label{display:block;height:27px;flex-shrink:0}.card-back-label img{display:block;width:auto;height:100%;max-width:95px;object-fit:contain}.card-back-footer{align-items:center;gap:12px}.card-back-footer img{width:120px;height:auto;aspect-ratio:5765/1006;object-fit:contain;filter:none}.card-back strong{font-size:clamp(25px,2.7vw,43px)}
@media(max-width:760px){.card-back{padding:6%;gap:6px}.card-back-label{height:18px}.card-back strong{font-size:clamp(20px,5.1vw,32px)}.card-back-footer{padding-top:7px}.card-back-footer img{width:85px}.card-back-footer small{font-size:6px}.card-back>span:not(.card-back-label){font-size:9px}.card-back-facts{gap:6px}}

/* Practical details share a bounded reading width and consistent groups. */
.practical-inner{max-width:1120px;margin-inline:auto}.practical-heading{margin-bottom:30px}.practical-heading .section-index{margin-bottom:16px}.practical-heading h2{font-size:clamp(44px,4.5vw,64px)}
.practical-overview{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:24px 0;border-block:1px solid var(--line);margin-bottom:28px}.practical-overview h3{font:600 14px/1.4 Arial,sans-serif;margin-bottom:10px;color:var(--ink)}.practical .duration{margin:0;font-size:28px}.practical .duration span{display:block;margin:5px 0 0;font-size:12px}.practical .location-line{display:block;border:0;margin:0;padding:0}.practical .location-line p{font-size:14px;max-width:65ch}
.practical .practical-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.practical .practical-top>div:first-child{grid-column:auto}.practical .includes{padding:24px;background:color-mix(in srgb,var(--paper) 55%,transparent);border:1px solid var(--line);border-radius:12px}.practical .includes h3{font-size:18px;padding-bottom:14px;margin-bottom:16px}.practical .includes li{font-size:14px;margin-bottom:12px;line-height:1.6}.practical .includes li:last-child{margin-bottom:0}
.variant-group{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:12px}.variant-group>h3{font-size:18px;margin-bottom:20px}.practical .course-variants{margin:0;padding:0;border:0;gap:24px}.practical .course-variants article+article{border-left:1px solid var(--line);padding-left:24px}.practical .course-variants h3{font-size:15px;color:var(--accent);margin-bottom:8px}.practical .course-variants p{font-size:14px;line-height:1.65}
.practical .course-path{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.practical .path-heading{margin-bottom:20px}.practical .path-heading h3{font-size:22px}.practical .course-path ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}.practical .course-path li{display:grid;grid-template-columns:40px 1fr;gap:5px 14px;border:0;padding:0;align-content:start}.practical .step-number{grid-row:1/3;font-size:32px;margin:0}.practical .course-path h4{font-size:16px;margin:0}.practical .course-path p{grid-column:2;font-size:14px;margin:0}
@media(max-width:760px){.practical{padding-block:50px}.practical-heading h2{font-size:48px}.practical-overview{grid-template-columns:1fr;gap:22px}.practical .practical-top{grid-template-columns:1fr;gap:16px}.practical .includes,.variant-group{padding:20px}.practical .course-variants{grid-template-columns:1fr;gap:20px}.practical .course-variants article+article{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.practical .course-path ol{grid-template-columns:1fr;gap:24px}.practical .path-heading h3{margin:0}}

/* Photographs unfold from a loose fan into a full-width contact sheet. */
.photo-fan{--fan-progress:1;grid-column:1/-1;min-width:0;padding-block:42px 18px;max-width:1320px;width:100%;margin-inline:auto}.photo-fan-track{display:grid;grid-template-columns:repeat(var(--photo-count),minmax(0,1fr));gap:18px;isolation:isolate}.photo-fan .gallery-photo{position:relative;min-width:0;height:clamp(250px,28vw,390px);max-height:none!important;border:5px solid #e8ece6;border-bottom-width:36px;border-radius:5px;background:#e8ece6;box-shadow:0 18px 35px -16px #000b;transform:translateX(calc(var(--fan-x,0px)*(1 - var(--fan-progress)))) translateY(calc(var(--fan-y,0px)*(1 - var(--fan-progress)))) rotate(calc(var(--fan-angle,0deg)*(1 - var(--fan-progress))));transform-origin:50% 100%;will-change:transform;transition:box-shadow .25s}.photo-fan .gallery-photo>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover!important;background:transparent!important}.photo-fan .gallery-photo>span{bottom:-31px;left:8px;right:8px;padding:0;border:0;background:transparent;color:#243c43;border-radius:0;font:11px/1.4 Arial,sans-serif;justify-content:flex-end;gap:8px;overflow:visible}.photo-fan .gallery-photo{overflow:visible}.photo-fan .gallery-photo>span b{margin-right:auto;font-weight:400;font-size:12px}.photo-fan .gallery-photo>span svg{width:14px;height:14px}.photo-fan .gallery-photo:hover{z-index:2;box-shadow:0 22px 40px -12px #000c}.photo-fan .gallery-photo:hover>img{transform:none}.photo-fan:focus-within{--fan-progress:1!important}.gallery-guidance{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:11px;letter-spacing:.03em}.gallery-mobile-hint{display:none}.photo-fan .gallery-photo:focus-visible{outline-offset:7px}.media:has(.photo-fan){overflow:clip}
@media(min-width:761px){.photo-fan:has(.gallery-photo:nth-child(2):last-child){max-width:1000px}.photo-fan:has(.gallery-photo:nth-child(2):last-child) .gallery-photo{height:clamp(290px,32vw,420px)}}
@media(max-width:760px){.photo-fan{padding-top:8px;padding-bottom:6px}.photo-fan-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 8px 24px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.photo-fan .gallery-photo{flex:0 0 83%;height:330px;transform:none;scroll-snap-align:start;border-width:4px;border-bottom-width:34px;will-change:auto}.photo-fan .gallery-photo>span{font-size:10px;bottom:-29px}.gallery-guidance{margin-top:12px;font-size:10px;gap:14px}.gallery-desktop-hint{display:none}.gallery-mobile-hint{display:inline}.media:has(.photo-fan) .section-heading{margin-bottom:16px}}
.motion-off .photo-fan{--fan-progress:1!important}@media(prefers-reduced-motion:reduce){.photo-fan{--fan-progress:1!important}.photo-fan .gallery-photo{will-change:auto}}

.original-description strong{font-weight:700;color:var(--ink)}

.faq summary span{transition:transform .26s cubic-bezier(.2,.7,.2,1)}.faq details.faq-animating summary[aria-expanded="false"] span{transform:rotate(0deg)}.faq details.faq-animating summary[aria-expanded="true"] span{transform:rotate(45deg)}

/* Initial focus announces the dialog title; Tab highlights the close control. */
#dialog-title:focus{outline:none}

/* Certification reverse: organization mark in the portrait position, course data alongside. */
.card-float{container-type:inline-size}.cert-card .card-back{padding:6%;gap:0;justify-content:space-between}.card-back-main{display:grid;grid-template-columns:24% minmax(0,1fr);gap:6%;align-items:stretch;flex:1;padding-bottom:5%}.card-back .card-back-label{height:auto;max-height:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.card-back .card-back-label img{width:72%;height:auto;max-width:none}.card-back-info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:3cqw}.card-back .card-back-info strong{font-size:6.2cqw;line-height:1.05}.card-back-subtitle{font-size:2.6cqw;line-height:1.4}.card-back .card-back-facts{display:grid;grid-template-columns:.75fr 1fr 1.5fr;gap:2cqw;border-top:1px solid var(--line);padding-top:3cqw}.card-back-facts>span{display:flex;flex-direction:column;gap:1cqw}.card-back-facts small{font:400 1.8cqw/1.3 Arial,sans-serif;color:var(--muted)}.card-back-facts b{font:600 2.4cqw/1.35 Arial,sans-serif;color:var(--ink)}.card-back .card-back-footer{flex-shrink:0;align-items:center;padding-top:3cqw;gap:3cqw}.card-back .card-back-footer img{width:30%;height:auto}.card-back .card-back-footer small{font-size:1.8cqw}

/* Give FAQ answers more room while keeping the heading in its own column. */
@media(min-width:761px){.faq{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);column-gap:5%}.faq h2{font-size:clamp(42px,4.3vw,70px)}.faq details p{padding-right:18px}}
.course-price{font-size:14px;color:var(--muted);margin:20px 0 0}.course-price strong{color:var(--ink);font-weight:600;margin-left:8px}
/* Individual worlds share typography and layout, but have their own physical motif. */
html[data-course=science]{--paper:#10162c;--surface:#1b2541;--ink:#f1f3ff;--muted:#bfc9e2;--accent:#c5b6ff;--line:#414d70}
html[data-course=buoyancy]{--paper:#072a34;--surface:#103d45;--ink:#f2fcff;--muted:#b9dce0;--accent:#8af0df;--line:#356870}
html[data-course=sidemount]{--paper:#111e29;--surface:#233640;--ink:#f4f8fa;--muted:#bed0d6;--accent:#d3e4a5;--line:#4b626b}
html[data-course=deco]{--paper:#111b25;--surface:#1d2c38;--ink:#faf5ea;--muted:#d0ccbf;--accent:#f5be75;--line:#55534b}
html[data-course=science] .ocean{background:radial-gradient(ellipse at 75% 30%,#6863ab50,transparent 55%),repeating-linear-gradient(0deg,transparent 0 59px,#a7b1ff0a 60px),repeating-linear-gradient(90deg,transparent 0 59px,#a7b1ff0a 60px),#10162c}
html[data-course=buoyancy] .ocean{background-image:linear-gradient(110deg,#072a34dd,#072a3444),url("https://divers.cz/media/assets/a9fd05f4adf5a59303ed07744ebf504b5523f451afe5f8b28771abac9a42708a.webp.asset");opacity:.8}
html[data-course=sidemount] .ocean{background:radial-gradient(ellipse at 75% 30%,#7d927144,transparent 55%),linear-gradient(115deg,#111e29,#233640)}
html[data-course=deco] .ocean{background:radial-gradient(ellipse at 80% 30%,#9a69352c,transparent 60%),repeating-linear-gradient(0deg,transparent 0 79px,#f5be7509 80px),#111b25}
.theme-feature{--feature-progress:0;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:470px;padding-block:75px;background:var(--surface);border-block:1px solid var(--line)}
.theme-feature-art{position:relative;min-height:330px;color:var(--accent)}
.theme-feature-copy{position:relative;z-index:2;max-width:580px}.theme-feature-copy h2{font-size:clamp(42px,4.4vw,70px);line-height:1.06;margin:18px 0 24px}.theme-feature-copy>p{color:var(--muted)}.theme-feature-copy .theme-feature-intro{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.molecule{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(calc(var(--feature-progress,0)*35deg));color:var(--accent)}
.molecule i{position:absolute;width:90%;height:35%;border:1px solid currentColor;border-radius:50%;transform:rotate(35deg);opacity:.6}.molecule i:nth-child(2){transform:rotate(95deg)}.molecule i:nth-child(3){transform:rotate(155deg)}.molecule i::after{content:'';position:absolute;left:15%;top:8%;width:16px;height:16px;border-radius:50%;background:currentColor;box-shadow:0 0 30px currentColor}.molecule b{font:70px SpecialtyDisplay;transform:rotate(calc(var(--feature-progress,0)*-35deg))}
.scene-mark .molecule{inset:0 2%;opacity:.5}.scene-mark .molecule b{display:none}
.trim-guide{position:absolute;inset:10% 0;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--accent);transform:rotate(calc((1 - var(--feature-progress,0))*-16deg))}
.trim-guide::before,.trim-guide::after{content:'';position:absolute;width:120%;height:1px;background:currentColor;opacity:.4}.trim-guide::after{transform:rotate(90deg);width:70%}.trim-guide i{position:absolute;width:60%;height:28%;border-block:2px solid currentColor;border-radius:50%;box-shadow:0 0 40px #8af0df15}.trim-guide b{font:12px Arial;letter-spacing:.3em;position:absolute;bottom:12%}.trim-guide>span{font:20px Arial;position:absolute;left:7%}.trim-guide>span:last-child{left:auto;right:7%}
html[data-course=buoyancy] .card-float{animation:none;transform:rotate(calc((1 - var(--hero-progress,0))*-10deg))}
.side-tanks{position:absolute;inset:5% 10%;color:var(--accent)}.side-tanks i{position:absolute;left:10%;top:5%;width:23%;height:85%;border:2px solid currentColor;border-radius:45px 45px 18px 18px;background:linear-gradient(90deg,#ffffff04,#ffffff18,#ffffff03);transform:translateX(calc((1 - var(--feature-progress,0))*-35px)) rotate(-12deg)}.side-tanks i:nth-child(2){left:auto;right:10%;transform:translateX(calc((1 - var(--feature-progress,0))*35px)) rotate(12deg)}.side-tanks i::before{content:'';position:absolute;top:-18px;left:35%;width:30%;height:18px;border:2px solid currentColor;border-radius:3px}.side-tanks i::after{content:'';position:absolute;inset:35% -2px auto;height:12px;background:currentColor;opacity:.25}.side-tanks b{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font:11px Arial;letter-spacing:.3em}
.dive-profile{position:absolute;width:100%;height:100%;inset:0;color:var(--accent)}.profile-grid{stroke:currentColor;stroke-width:1;opacity:.14}.profile-line{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--feature-progress,1));filter:drop-shadow(0 0 8px #f5be7550)}
.scene-mark .side-tanks,.scene-mark .trim-guide{opacity:.4}.scene-mark .dive-profile{opacity:.5;transform:rotate(-8deg)}
.theme-feature--night{background:#090f18;grid-template-columns:.8fr 1.2fr}.night-lamp{position:absolute;width:280px;height:90px;left:10%;top:40%;transform:rotate(-8deg);transform-origin:245px 45px}.torch-body{position:absolute;inset:0;z-index:2;filter:drop-shadow(0 18px 18px #0008)}.torch-grip{position:absolute;left:0;top:20px;width:215px;height:50px;border-radius:14px 5px 5px 14px;border:1px solid #63767f;background:repeating-linear-gradient(90deg,transparent 0 8px,#07101899 8px 11px),linear-gradient(#63717a,#1a2831 35%,#0a151e 70%,#34434d)}.torch-head{position:absolute;left:190px;top:4px;width:62px;height:82px;border-radius:12px 4px 4px 12px;background:linear-gradient(#85939a,#2c3c46 25%,#10202a 70%,#4f616c);border:1px solid #91a4ad}.torch-lens{position:absolute;left:243px;top:9px;width:14px;height:72px;border:3px solid #8c9ca3;border-radius:50%;background:#c6d8da;box-shadow:0 0 calc(var(--feature-progress)*24px) #fff2bf}.torch-cone{position:absolute;left:250px;top:-155px;width:850px;height:400px;transform-origin:0 50%;clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);background:linear-gradient(90deg,#f0e4b465,#fff2bf00);opacity:var(--feature-progress);pointer-events:none}.torch-bloom{position:absolute;left:237px;top:18px;width:28px;height:54px;background:#fff9d9;border-radius:50%;filter:blur(9px);box-shadow:0 0 55px 22px #f5de9755;opacity:var(--feature-progress)}
.theme-feature--night .theme-feature-copy{background:radial-gradient(ellipse at 0 50%,rgb(243 211 156 / calc(var(--feature-progress)*.1)),transparent 75%);padding-block:25px}
html.motion-off .theme-feature{--feature-progress:1!important}html.motion-off .card-float{transform:none}
@media(max-width:760px){.theme-feature{grid-template-columns:1fr;gap:20px;padding-block:45px;min-height:0}.theme-feature-art{min-height:230px;max-width:380px;width:100%;margin:auto}.theme-feature-copy h2{font-size:44px}.theme-feature-copy{max-width:none}.theme-feature--night .theme-feature-art{height:200px}.theme-feature--night .night-lamp{left:8%;top:0;transform:rotate(70deg) scale(.65);transform-origin:0 50%}.molecule b{font-size:55px}}
@media(prefers-reduced-motion:reduce){.theme-feature{--feature-progress:1!important}html[data-course=buoyancy] .card-float{animation:none;transform:none}}

.hero-torch{position:absolute;inset:0;--feature-progress:1;-webkit-text-stroke:0}.hero-torch .night-lamp{left:0;top:-15%;transform:rotate(40deg) scale(.4);transform-origin:0 50%}.hero-torch .torch-cone{width:1050px;height:500px;top:-205px;mask-image:linear-gradient(90deg,#000,transparent 95%)}html[data-course=night] .card-front::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 15%,#fff4c840,transparent 65%);mix-blend-mode:screen}html[data-course=night] .card-scene>.scene-mark{inset:-6% 0 0}
@media(max-width:760px){.hero-torch .night-lamp{left:8%;top:-13%;transform:rotate(40deg) scale(.32)}}

.torch-cone{mask-image:radial-gradient(ellipse at 0 50%,#000 8%,#0009 42%,transparent 72%)}
/* Longer specialty names and descriptions must expand the hero before the facts. */
.hero{height:auto;max-height:none;min-height:580px}
@media(max-width:760px){.hero{min-height:0}}
/* Paired film and gift: compact media, full voucher artwork. */
.media-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);align-items:start;margin-top:20px}
.media-pair>.video-poster{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:26px;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:4px;background:transparent;text-align:left}
.video-art{position:relative;display:block;overflow:hidden;border-radius:5px;aspect-ratio:1200/762;background:var(--paper)}
.video-art>img{width:100%;height:100%;object-fit:contain;filter:brightness(.82);transition:filter .3s,transform .5s}
.video-art>.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:1px solid #ffffff90;background:#071e2bc9;color:#fff;backdrop-filter:blur(8px);box-shadow:0 8px 30px #0004;transition:background .25s,color .25s}
.video-art>.play-icon svg{width:26px;height:26px;margin-left:3px}
.media-pair>.video-poster:hover .video-art>img{filter:brightness(1);transform:scale(1.025)}
.media-pair>.video-poster:hover .play-icon{background:var(--accent);color:var(--paper)}
.media-pair .video-label{display:grid;justify-content:start;gap:8px;text-align:left;font:clamp(28px,3vw,40px)/1.15 SpecialtyDisplay,sans-serif}
.media-pair .video-label>small{font:10px/1.65 Arial,sans-serif;letter-spacing:.17em;color:var(--accent)}
.media-pair .video-label>span{display:flex;align-items:center;gap:20px}.media-pair .video-label svg{width:24px;height:24px;color:var(--accent)}
.gift-poster{min-width:0;border:0;background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:26px;border-radius:16px}
.gift-art{--feature-progress:1;position:relative;display:block;transform:rotate(calc(-4deg + var(--feature-progress)*4deg));filter:drop-shadow(0 20px 20px #0006);margin:0}
.gift-art>img{width:100%;height:auto;aspect-ratio:1400/987;border-radius:4px}
.gift-ribbon{position:absolute;right:-3%;top:-8%;width:24%;aspect-ratio:3/2;pointer-events:none;background:url("https://divers.cz/media/assets/3d3c6b8028f5feea5ee79ee08cf26e72fd1ddaf60f4e34570b09dad7ca4d35f0.webp.asset") center/contain no-repeat;filter:drop-shadow(1px 4px 3px #0005);transform:rotate(8deg)}
.gift-caption{display:grid;gap:8px}.gift-caption>small{color:var(--accent);font-size:10px;letter-spacing:.17em}.gift-caption>strong{font:clamp(28px,3vw,40px)/1.15 SpecialtyDisplay,sans-serif}.gift-caption>span{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:13px}.gift-poster:hover .gift-caption>span{color:var(--accent)}
.media-pair:has(>.gift-poster:only-child){max-width:720px;margin-inline:auto;width:100%;grid-template-columns:1fr}
.gift-dialog{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px}.gift-dialog>img{width:100%;max-height:60vh;object-fit:contain}.gift-dialog>div{display:grid;gap:22px}.gift-dialog h3{font:clamp(30px,3vw,46px)/1.1 SpecialtyDisplay,sans-serif}.gift-dialog p{font-size:14px}.gift-dialog .button{font-size:13px;gap:8px;min-height:48px}
html.motion-off .gift-art{--feature-progress:1!important}
@media(max-width:760px){.media-pair{grid-template-columns:1fr;gap:32px}.media-pair .video-label{flex-direction:row;text-align:left;font-size:22px}.gift-dialog{grid-template-columns:1fr;gap:24px}.gift-dialog>img{max-height:32vh}.gift-dialog>div{gap:16px}}
@media(prefers-reduced-motion:reduce){.gift-art{--feature-progress:1!important}.video-art>img,.video-art>.play-icon{transition:none}.media-pair>.video-poster:hover .video-art>img{transform:none}}

html[data-course=dpv]{--paper:#061f2b;--surface:#103744;--accent:#75efe4;--muted:#bed9de;--line:#306374}
html[data-course=photo]{--paper:#171b2c;--surface:#282d45;--accent:#e8b9ef;--muted:#c9c9dd;--line:#55536e}
html[data-course=wreck]{--paper:#141e23;--surface:#263239;--accent:#e4b582;--muted:#c7c7c0;--line:#5a6264}
html[data-course=photo] .ocean{background:radial-gradient(ellipse at 80% 35%,#88639b55,transparent 60%),linear-gradient(130deg,#171b2c,#182e40)}
html[data-course=wreck] .ocean{filter:sepia(.55);opacity:.3}
.dpv-current,.wreck-outline{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);overflow:visible}
.dpv-current path{stroke:currentColor;stroke-width:2;stroke-dasharray:60 20;stroke-dashoffset:calc(var(--feature-progress,0)*-180)}
.dpv-current circle{stroke:currentColor;opacity:.5}.dpv-current .propeller{fill:currentColor;stroke:none;transform-origin:325px 150px;transform:rotate(calc(var(--feature-progress,0)*270deg));opacity:.65}
.scene-mark .dpv-current{opacity:.38;transform:scale(1.3)}
.camera-finder{position:absolute;inset:10%;color:var(--accent);transform:scale(calc(1.12 - var(--feature-progress,0)*.12))}
.camera-finder i{position:absolute;width:38px;height:38px;border:2px solid currentColor}.camera-finder i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.camera-finder i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.camera-finder i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.camera-finder i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}.camera-finder b{position:absolute;left:43%;top:40%;width:14%;height:20%;border:1px solid currentColor;opacity:calc(.2 + var(--feature-progress,0)*.8)}.camera-finder small{position:absolute;bottom:15%;width:100%;text-align:center;font-size:10px;letter-spacing:.2em}.scene-mark .camera-finder{inset:0 -5%;opacity:.6}.scene-mark .camera-finder small,.scene-mark .camera-finder b{display:none}
.wreck-floor{stroke:var(--accent);opacity:.25}.wreck-hull{stroke:var(--accent);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--feature-progress,0));fill:rgb(228 181 130 / calc(var(--feature-progress,0)*.06))}.scene-mark .wreck-outline{opacity:.35;transform:scale(1.35) rotate(-6deg);--feature-progress:1}

html.motion-off .video-art>img,html.motion-off .video-art>.play-icon{transition:none}html.motion-off .video-poster:hover .video-art>img{transform:none}

html[data-course=react]{--paper:#231b23;--surface:#392832;--accent:#f5a4b0;--muted:#dbc8cd;--line:#70505f}
html[data-course=rescue]{--paper:#12232b;--surface:#243b44;--accent:#ffc18c;--muted:#c1d1d5;--line:#4b626d}
html[data-course=react] .ocean{background:radial-gradient(ellipse at 75% 45%,#7c33484d,transparent 60%),linear-gradient(120deg,#201822,#33222c)}
html[data-course=rescue] .ocean{opacity:.35}
.rescue-line{position:absolute;inset:0;width:100%;height:100%;stroke:var(--accent);stroke-width:2}.rescue-line path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--feature-progress,0))}.rescue-line circle{fill:var(--accent);opacity:var(--feature-progress,1)}.scene-mark .rescue-line{--feature-progress:1;opacity:.45;transform:scale(1.35)}
.rescue-rings{position:absolute;inset:5%;display:grid;place-items:center;color:var(--accent)}.rescue-rings i{position:absolute;width:80%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;transform:scale(calc(.65 + var(--feature-progress,0)*.35))}.rescue-rings i:nth-child(2){width:55%;border-style:dashed;transform:rotate(calc(var(--feature-progress,0)*50deg))}.rescue-rings i:nth-child(3){width:30%;opacity:.5}.rescue-rings b{font:14px Arial,sans-serif;letter-spacing:.2em}.scene-mark .rescue-rings{inset:-10%;opacity:.35;--feature-progress:1}.scene-mark .rescue-rings b{display:none}

/* Rescue: layered underwater buddy scene, driven by the existing scroll progress. */
.theme-feature--rescue{background:radial-gradient(ellipse at 15% 30%,#244955,transparent 65%),#10232e;gap:5%;padding-block:85px}
.theme-feature--rescue .theme-feature-art{min-height:0;aspect-ratio:4/3;max-width:760px}
.buddy-scene{position:absolute;inset:-8% -3%;overflow:hidden;border-radius:48% 48% 12% 12%;mask-image:linear-gradient(#000 80%,transparent)}
.buddy-scene svg{width:100%;height:100%;overflow:visible}
.buddy-left{transform:translate(calc(192px + var(--feature-progress)*62px),calc(255px - var(--feature-progress)*34px)) rotate(-8deg)}
.buddy-right{transform:translate(calc(461px - var(--feature-progress)*62px),calc(190px + var(--feature-progress)*31px)) scale(-1,1) rotate(-8deg)}
.buddy-hover{animation:buddy-hover 5s ease-in-out infinite;transform-origin:0 0}
.buddy-right .buddy-hover{animation-delay:-2.5s}
.buddy-fins{animation:buddy-kick 3.5s ease-in-out infinite;transform-box:fill-box;transform-origin:right center}
.buddy-rays{transform-origin:50% 0;animation:buddy-rays 9s ease-in-out infinite alternate;opacity:calc(.4 + var(--feature-progress)*.6)}
.buddy-bubbles{animation:buddy-bubbles 4s linear infinite}
.buddy-particles{animation:buddy-drift 10s ease-in-out infinite alternate}
.buddy-contact-glow{opacity:var(--feature-progress);transform-origin:326px 232px;transform:scale(calc(.4 + var(--feature-progress)*.6))}
.buddy-scene-caption{position:absolute;left:0;right:0;bottom:13%;text-align:center;display:grid;gap:10px;color:#e3f0ef;opacity:calc(.5 + var(--feature-progress)*.5)}
.buddy-scene-caption span{font-size:9px;letter-spacing:.25em;color:var(--accent)}
.buddy-scene-caption b{font-weight:500;font-size:18px;letter-spacing:.04em}
@keyframes buddy-hover{50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes buddy-kick{50%{transform:rotate(9deg)}}
@keyframes buddy-rays{to{transform:skewX(-9deg) scaleX(1.15);opacity:.45}}
@keyframes buddy-bubbles{0%{transform:translateY(12px);opacity:0}20%{opacity:.7}80%{opacity:.5}100%{transform:translate(8px,-55px);opacity:0}}
@keyframes buddy-drift{to{transform:translate(15px,-18px)}}
html.motion-off .buddy-scene *{animation:none!important}
@media(prefers-reduced-motion:reduce){.buddy-scene *{animation:none!important}}
@media(max-width:760px){.theme-feature--rescue{padding-top:40px}.theme-feature--rescue .theme-feature-art{max-width:520px;min-height:270px}.buddy-scene{inset:0 -5%}.buddy-scene-caption b{font-size:15px}}
.specialty-world{position:absolute;inset:0;color:var(--accent);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}
.specialty-world svg{width:100%;height:100%;overflow:visible}
.world-label{position:absolute;bottom:-8%;left:0;right:0;text-align:center;font:10px Arial,sans-serif;letter-spacing:.15em;color:var(--accent)}
.scene-mark .specialty-world{opacity:.3;inset:-5%;--feature-progress:1}.scene-mark .world-label{display:none}.scene-mark .scr-world>img{display:none}
.world-swim{transform-origin:300px 200px;transform:translate(calc((1 - var(--feature-progress,0))*-70px),calc((1 - var(--feature-progress,0))*40px)) rotate(calc((1 - var(--feature-progress,0))*-18deg))}
.turtle-flippers{transform-origin:300px 200px;animation:turtle-stroke 6s ease-in-out infinite}
.world-shark{transform:translateX(calc((1 - var(--feature-progress,0))*-120px));filter:drop-shadow(0 18px 20px #0004)}
.world-shark>path:first-child{animation:shark-glide 7s ease-in-out infinite;transform-origin:300px 220px}
.world-nudi{transform:translateX(calc((1 - var(--feature-progress,0))*40px));filter:drop-shadow(0 12px 16px #0004)}
.nudi-frond{transform-origin:bottom;animation:nudi-sway 4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.4s)}
.world-specks{animation:world-drift 12s ease-in-out infinite alternate}.reef-fish{animation:reef-school 9s ease-in-out infinite alternate}
.reef-coral{transform-origin:bottom center;transform:scaleY(calc(.8 + var(--feature-progress,0)*.2))}
.computer-trace,.wreck-guideline{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--feature-progress,0))}
.mask-signal{opacity:calc(.15 + var(--feature-progress,0)*.85);animation:mask-talk 3s ease-in-out infinite}
.scr-world>img{position:absolute;inset:-12% 10%;width:80%;height:112%;object-fit:contain;transform:rotate(calc(-12deg + var(--feature-progress,0)*12deg));filter:drop-shadow(0 20px 20px #0006)}
.scr-world svg{position:relative;z-index:1}.scr-circuit{animation:scr-flow 8s linear infinite}.scr-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%)}
.scr-world--tryscr>img{transform:scale(calc(.8 + var(--feature-progress,0)*.2)) rotate(calc(-10deg + var(--feature-progress,0)*10deg))}
.scr-world--scrxr .scr-circuit{stroke-width:4;stroke-dasharray:5 16;animation-duration:12s}
.tech-tanks{transform-origin:center;transform:rotate(calc((1 - var(--feature-progress,0))*-15deg))}
html[data-course=xrside] .tech-cylinder{translate:0 calc((1 - var(--feature-progress,0))*var(--i)*-35px)}
html[data-course=xrnitrox] .tech-level{stroke-width:3;stroke-dashoffset:calc(var(--feature-progress,0)*100)}
html[data-course=foundations] .tech-level{stroke-dasharray:none;opacity:.5}
@keyframes turtle-stroke{50%{transform:scaleX(.88) rotate(3deg)}}
@keyframes shark-glide{50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes nudi-sway{to{transform:skewX(5deg)}}
@keyframes world-drift{to{transform:translate(10px,-15px);opacity:.15}}
@keyframes reef-school{to{transform:translate(45px,-12px)}}
@keyframes mask-talk{50%{opacity:.2}}
@keyframes scr-flow{to{stroke-dashoffset:-176}}
html.motion-off .specialty-world *{animation:none!important}
@media(prefers-reduced-motion:reduce){.specialty-world *{animation:none!important}}
@media(max-width:760px){.world-label{font-size:8px;bottom:-4%;letter-spacing:.1em}.theme-feature:has(.specialty-world){padding-bottom:45px;gap:45px}}

html[data-course=xrside]{--paper:#131f2c;--surface:#253848;--accent:#b7cef7;--muted:#c5d5dc;--line:#526773}
html[data-course=advwreck]{--paper:#181f25;--surface:#313d44;--accent:#e6ba83;--muted:#c5d5dc;--line:#526773}
html[data-course=tryscr]{--paper:#102932;--surface:#254650;--accent:#93e8dc;--muted:#c5d5dc;--line:#526773}
html[data-course=scr]{--paper:#102734;--surface:#203f50;--accent:#6ee1ee;--muted:#c5d5dc;--line:#526773}
html[data-course=scrxr]{--paper:#101f30;--surface:#27384d;--accent:#abaaff;--muted:#c5d5dc;--line:#526773}
html[data-course=nudibranch]{--paper:#251b32;--surface:#42324d;--accent:#edb4e8;--muted:#c5d5dc;--line:#526773}
html[data-course=turtle]{--paper:#132d2c;--surface:#274b43;--accent:#bedca0;--muted:#c5d5dc;--line:#526773}
html[data-course=freshwater]{--paper:#102e28;--surface:#244d3f;--accent:#b8dc98;--muted:#c5d5cf;--line:#526b60}
html[data-course=marine]{--paper:#112d34;--surface:#285054;--accent:#86e0c5;--muted:#c5d5dc;--line:#526773}
html[data-course=fullface]{--paper:#172630;--surface:#2e414d;--accent:#b0d8eb;--muted:#c5d5dc;--line:#526773}
html[data-course=shark]{--paper:#0d2331;--surface:#223e51;--accent:#88c5ed;--muted:#c5d5dc;--line:#526773}
html[data-course=computer]{--paper:#0b242b;--surface:#1d3c42;--accent:#79f2c9;--muted:#c5d5dc;--line:#526773}
html[data-course=xrnitrox]{--paper:#1b281f;--surface:#344832;--accent:#d8e98c;--muted:#c5d5dc;--line:#526773}
html[data-course=foundations]{--paper:#1b2531;--surface:#354252;--accent:#c8d4e7;--muted:#c5d5dc;--line:#526773}
.scr-world{background:radial-gradient(ellipse at 50% 46%,#e0eded 0%,#c1d5d7 48%,transparent 68%)}
.scr-world>img{mix-blend-mode:multiply;filter:none}
.scr-world .scr-circuit{stroke:#5d949f}
.scene-mark .scr-world{background:none}

/* Independent Diving: copper instruments in deep petrol water. */
html[data-course=independent]{--paper:#08272d;--surface:#103a40;--accent:#efbd8c;--muted:#bfd1d1;--line:#416064}
html[data-course=independent] .ocean{background:radial-gradient(ellipse at 75% 35%,#55877b50,transparent 62%),linear-gradient(140deg,#07252b,#17464a);opacity:1}
html[data-course=independent] .scene-mark{inset:0;opacity:.45}
html[data-course=independent] .specialty-hero-photo img{object-position:60% 45%}
html[data-course=independent] .theme-feature{background:radial-gradient(ellipse at 22% 50%,#32635d66,transparent 60%),#0b2d33}
.independent-instrument{position:relative;width:100%;aspect-ratio:600/440;color:var(--accent);font-family:Arial,Helvetica,sans-serif}
.independent-instrument svg{width:100%;height:100%}
.independent-instrument-top,.independent-instrument-bottom{position:absolute;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.17em;line-height:1.6}
.independent-instrument-top{top:2%}.independent-instrument-bottom{bottom:2%;font-size:12px;display:flex;align-items:center;justify-content:center;gap:18px}
.independent-instrument-bottom i{width:4px;height:4px;background:currentColor;border-radius:50%}
.independent-needle{transform-origin:300px 220px;animation:independent-bearing 14s ease-in-out infinite}
@keyframes independent-bearing{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}
html.motion-off .independent-needle{animation:none}
@media(prefers-reduced-motion:reduce){.independent-needle{animation:none}}
@media(max-width:760px){.independent-instrument-top{font-size:8px;letter-spacing:.1em}.independent-instrument-bottom{font-size:10px;gap:12px}html[data-course=independent] .scene-mark{inset:0 -5%}}
html[data-course=independent] .media-grid{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}
html[data-course=independent] .media-pair:empty{display:none}



/* Long qualifications stay subordinate to short numeric course facts. */
html .facts strong[data-fact-size=medium]{font-size:clamp(24px,2.2vw,32px);line-height:1.25;text-wrap:balance}
html .facts strong[data-fact-size=long]{font-size:clamp(22px,1.9vw,28px);line-height:1.3;text-wrap:balance}