.glaucoma-page{background:#f0f7f3}
.video-scene{position:relative;background:#000;color:#fff;--message:1;--black:.85;--hint:0}
.video-scene.scroll-ready{height:450svh;--message:0;--black:0;--hint:1}
.video-stage{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;background:#000}
.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-black{position:absolute;inset:0;background:#000;opacity:var(--black);pointer-events:none}
.video-header{position:absolute;inset:0 0 auto;z-index:3;background:linear-gradient(#0008,transparent);padding-bottom:50px}
.video-header .header{padding-top:30px}.video-header .audience{display:block}
.video-statement{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px var(--gutter);text-align:center;opacity:var(--message);transform:translateY(calc((1 - var(--message))*20px));pointer-events:none}
.video-statement p{font-size:clamp(30px,5.5vw,86px);line-height:1.14;letter-spacing:-.045em;max-width:1200px;text-wrap:balance}
.video-statement span{display:block;color:#c2d8ce;margin-top:16px}
.video-hint{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-size:15px;opacity:var(--hint);text-shadow:0 1px 12px #000}
.video-skip{position:absolute;right:var(--gutter);bottom:30px;color:#fff;font-size:14px;border-bottom:1px solid #ffffff88;padding:6px}
/* Full-width sections share the same colors at their boundaries. */
.glaucoma-page{overflow-x:clip;background:#e0ece4}
#contenido{background:#f0f7f3}
.opening-blend{height:clamp(150px,22vw,310px);background:linear-gradient(#000 0%,#041810 16%,#28463a 37%,#849d90 66%,#d7e4dc 87%,#f0f7f3 100%)}
.glaucoma-overview{padding:50px 0 100px;position:relative;isolation:isolate;scroll-margin-top:45px;background:radial-gradient(ellipse at 92% 48%,#c5dbcf99,transparent 52%),#f0f7f3}
.textured-light:before,.habits-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/texture.webp') center/cover;opacity:.06;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,100px);align-items:center}
.overview-grid>*,.module-grid>*{min-width:0}
.overview-copy h1{font-size:clamp(60px,7vw,104px);margin:20px 0 30px}
.overview-copy h2{font-size:clamp(27px,2.5vw,38px);line-height:1.18;max-width:600px;margin-bottom:26px}
.overview-copy>p:not(.eyebrow){font-size:clamp(19px,1.5vw,22px);line-height:1.7;max-width:650px}
.glaucoma-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.glaucoma-links a{margin:0;padding:19px 22px;font-size:17px;border-color:#bfd7ca;gap:12px}
.image-composition{position:relative;padding:24px 0 36px 20px}
.image-composition:before{content:"";position:absolute;inset:0 -18px 0 0;border:1px solid #89ad9c65;border-radius:48% 48% 24px 24px;transform:rotate(5deg);pointer-events:none}
.image-slot{position:relative;min-height:320px;border:1px solid #9ebdaa80;border-radius:26px;background:radial-gradient(ellipse at 25% 15%,#ffffffbd,transparent 60%),linear-gradient(145deg,#e4eee7,#c3d8ca);box-shadow:0 22px 55px #193d3510;overflow:hidden;display:flex;align-items:center;justify-content:center}
.image-slot:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff8a;right:-30%;top:15%}
.image-slot:after{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff66;right:-37%;top:6%}
.overview-slot{min-height:540px;border-radius:140px 140px 26px 26px}
.slot-label{position:relative;z-index:1;text-align:center;font-size:15px;letter-spacing:.02em;color:#426353}
.slot-label>span{display:block;font-size:13px;margin-top:10px;color:#5b796a}
.slot-mark{position:absolute;left:24px;top:24px;font-size:26px;color:#6c8c7c}
.glass-caption{position:absolute;bottom:12px;left:0;right:30px;padding:23px 26px;border:1px solid #fff9;border-radius:16px;background:#edf6efa8;backdrop-filter:blur(20px);box-shadow:0 8px 28px #193d3515;font-size:18px}
.section-bridge{position:relative;isolation:isolate;padding:clamp(110px,13vw,190px) 0;text-align:center}
.section-bridge:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background:url('../assets/texture.webp') center/cover;mask-image:linear-gradient(transparent,#000,transparent)}
.bridge-to-dark{background:linear-gradient(#f0f7f3,#dbe7df 13%,#aac1b2 32%,#3e6250 65%,#082d24 94%);color:#fff}
.scroll-phrase{max-width:1060px;font-size:clamp(30px,3.65vw,55px);line-height:1.3;letter-spacing:-.035em;text-wrap:balance;padding:28px 34px;border-radius:26px;background:#06241cb8;box-shadow:0 15px 60px #09241a0a}
.phrase-word{display:inline-block;opacity:var(--word-opacity,1);transform:translateY(var(--word-y,0));transition:opacity .12s linear,transform .15s ease-out}
.glaucoma-module{position:relative;isolation:isolate;padding:90px 0;scroll-margin-top:40px}
.module-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start}
.glaucoma-module h2{font-size:clamp(32px,3.2vw,48px);line-height:1.17;letter-spacing:-.04em;text-wrap:balance}
.module-heading>.eyebrow,.habits-heading>.eyebrow{margin-bottom:22px;color:inherit;opacity:.7}
.treatment-section{background:#082d24;color:#edf5ee}
.treatment-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/texture.webp') center/cover;opacity:.35;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.treatment-slot{margin-top:42px;min-height:330px;background:radial-gradient(ellipse at 10% 0%,#567d66,transparent 70%),linear-gradient(135deg,#163e30,#244d3d);border-color:#9bbbab55}
.treatment-slot .slot-label,.treatment-slot .slot-label>span,.treatment-slot .slot-mark{color:#bfd4c6}
.module-content ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.module-content li{position:relative;padding:22px 24px 22px 48px;border:1px solid #aac9b933;border-radius:18px;background:linear-gradient(120deg,#ffffff0e,#ffffff04);font-size:20px;line-height:1.6}
.module-content li:before{content:"";position:absolute;left:23px;top:34px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}
.module-content .note{margin-top:25px;padding:25px 28px;border:1px solid #c0d7c755;border-radius:20px;background:#c9e1d316;font-size:19px;line-height:1.65;color:#e0ece4}
.bridge-to-light{background:linear-gradient(#082d24,#254838 22%,#91ab99 57%,#e1e8dc 83%,#f4f5ed);color:#193d35}
.bridge-to-light .scroll-phrase{background:#f3f6ecdc}
.habits-section{background:radial-gradient(ellipse at 10% 70%,#dbe6d8,transparent 65%),#f4f5ed;color:#193d35}
.habits-heading{max-width:800px;margin-bottom:50px}
.habits-grid{grid-template-columns:1.15fr .85fr;align-items:center}
.habits-section li{background:linear-gradient(120deg,#ffffffa6,#e5eddf70);border-color:#afc3b266}
.habits-slot{min-height:560px;background:radial-gradient(ellipse at 10% 10%,#fff,transparent 70%),linear-gradient(145deg,#e8ecdb,#cddac5);border-radius:26px 110px 26px 26px}
.bridge-to-sage{background:linear-gradient(#f4f5ed,#e9efdf 35%,#d4e4d8 70%,#e0ece4);color:#193d35}
.bridge-to-sage .scroll-phrase{background:#f7faf0b0;border:1px solid #ffffffa6}
.urgent-section{background:radial-gradient(ellipse at 90% 40%,#c2d9cb,transparent 65%),#e0ece4;padding:45px 0 70px}
.urgent-panel{display:grid;grid-template-columns:.55fr 1.45fr;gap:7%;padding:clamp(30px,5vw,70px);border:1px solid #9fbda88c;border-radius:30px;background:linear-gradient(120deg,#f9fcf5b0,#e4eee49c);box-shadow:0 25px 70px #1636280a}
.urgent-symbol{display:flex;width:58px;height:58px;border-radius:50%;align-items:center;justify-content:center;border:1px solid #5d7d69;font-size:30px;margin-top:30px}
.urgent-panel h2{margin-bottom:22px}.urgent-panel p:not(.eyebrow){font-size:21px;line-height:1.7}
.urgent-section .back-link{margin-top:45px}
@media(max-width:800px){.overview-grid,.module-grid,.habits-grid,.urgent-panel{grid-template-columns:1fr;gap:36px}.glaucoma-overview{padding:35px 0 65px}.overview-slot{min-height:390px}.habits-slot{min-height:380px}.image-composition{margin-right:18px}.glaucoma-module{padding:65px 0}.urgent-panel{padding:30px}.urgent-heading{display:flex;justify-content:space-between;align-items:center}.urgent-symbol{margin:0;width:40px;height:40px}.video-header .header{align-items:start}.video-header .audience{font-size:12px}.video-stage{min-height:480px}.video-statement p{font-size:clamp(32px,7vw,54px)}.video-hint{bottom:75px}.glaucoma-links a{padding:16px;font-size:15px}.module-content li{font-size:19px;padding:20px 22px 20px 43px}.section-bridge{padding:100px 0}.scroll-phrase{padding:25px 22px}.glaucoma-page .footer{padding-block:25px}}
@media(prefers-reduced-motion:reduce){.video-scene.scroll-ready{height:auto}.video-statement{opacity:1;transform:none}.video-black{opacity:1}.video-hint{display:none}.phrase-word{opacity:1!important;transform:none!important}}
.overview-media{position:relative;height:540px;overflow:hidden;border-radius:140px 140px 26px 26px;background:#071313;box-shadow:0 22px 55px #193d3518}
.overview-video{display:block;width:100%;height:100%;object-fit:cover}
.section-image{display:block;width:100%;object-fit:cover;box-shadow:0 22px 55px #193d3510}
.section-image.treatment-slot{min-height:0;aspect-ratio:3/2;border-radius:26px}
.section-image.habits-slot{min-height:0;aspect-ratio:4/5;border-radius:26px 110px 26px 26px}
@media(max-width:800px){.overview-media{height:390px}.section-image.habits-slot{max-height:540px}}