.conjunctiva-page{background:#edf4ee;overflow-x:clip}
.conj-cover{position:relative;isolation:isolate;min-height:100svh;background:#071b15;color:#f3f7f2;display:flex;flex-direction:column}
.cover-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:65% center}
.cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031b17fa 0%,#031b17ed 24%,#031b1788 49%,#031b1715 80%),linear-gradient(0deg,#06281e,transparent 28%,transparent 80%,#0006)}
.conj-cover .header{padding-top:30px}.cover-back{font-size:15px}.cover-content{padding-block:65px 100px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start}
.cover-content .eyebrow{font-size:14px;color:#d6e5da;margin-bottom:25px}.cover-content h1{font-size:clamp(50px,5.7vw,90px);line-height:1.03;max-width:760px;letter-spacing:-.048em}.cover-subtitle{font-size:clamp(22px,2vw,30px);line-height:1.45;margin-top:30px;color:#d3e3d8}
.cover-content .glass-button{margin-top:32px;color:#f3faf5;background:linear-gradient(135deg,#ffffff2b,#bdd4c30d);box-shadow:inset 0 1px 2px #ffffff66,0 5px 20px #0002;border-color:#d9eee566;min-width:240px}
.cover-bottom{display:flex;justify-content:space-between;gap:22px;font-size:14px;padding-bottom:40px;color:#d2e1d6}
.info-section{position:relative;isolation:isolate;padding:100px 0;scroll-margin-top:30px}.info-section h2{font-size:clamp(32px,3.7vw,56px);line-height:1.15;text-wrap:balance}.info-section p{font-size:21px;line-height:1.65}.info-section .eyebrow{font-size:13px;margin-bottom:22px;line-height:1.4;opacity:.75}
.intro-section{padding-top:220px;background:linear-gradient(#06281e,#9ab6a5 90px,#f0f7f3 210px,#f0f7f3)}
.intro-layout,.editorial-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.intro-layout>*,.editorial-layout>*{min-width:0}.intro-layout h2{margin-bottom:28px;font-size:clamp(44px,5vw,72px)}
.route-tiles{display:grid;grid-template-columns:1fr 1fr;gap:15px}.route-tiles a{margin:0;padding:23px;font-size:17px;border-color:#bcd4c5;gap:18px}
.season-panel{margin-top:75px;border:1px solid #b4ccbd80;padding:38px 42px;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#c7ddd0,transparent 65%),#e7f1e9;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}.season-panel h2{font-size:32px}
.reading-bridge{padding:140px 0;position:relative;isolation:isolate}.reading-bridge:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/texture.webp') center/cover;opacity:.07;mask-image:linear-gradient(transparent,#000,transparent)}
.scroll-phrase{font-size:clamp(30px,3.8vw,56px);line-height:1.28;letter-spacing:-.035em;text-align:center;text-wrap:balance;max-width:1000px;padding:30px;border-radius:24px;background:#f3f8efcc}
.phrase-word{display:inline-block;opacity:var(--word-opacity,1);transform:translateY(var(--word-y,0));transition:opacity .12s,transform .15s}
.mint-to-forest{background:linear-gradient(#f0f7f3,#d5e3d9 20%,#729680 60%,#082d24)}.mint-to-forest .scroll-phrase{background:#082d24cc;color:#f1f7f0}
.care-section-dark{background:#082d24;color:#ecf5ed}.care-section-dark:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/texture.webp') center/cover;opacity:.4;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.section-heading{max-width:880px;margin-bottom:50px}.section-heading h2{margin-bottom:24px}.section-heading>p:not(.eyebrow){color:#c9decf;max-width:760px}
.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.advice-tile{position:relative;overflow:hidden;border:1px solid #b8d3c240;border-radius:25px;padding:32px;background:radial-gradient(ellipse at 100% 0%,#b4d7c223,transparent 70%),linear-gradient(140deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px 0 #ffffff1f;transition:transform .3s,border-color .3s}.advice-tile:hover{transform:translateY(-5px);border-color:#b8d3c280}
.tile-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #bdd9c64f;border-radius:18px;background:linear-gradient(135deg,#def5e128,#cce5d009);margin-bottom:30px}.tile-icon svg{width:29px;height:29px}.advice-tile h3{font-size:27px;line-height:1.15;margin-bottom:18px}.advice-tile p{font-size:19px;color:#cde0d3;line-height:1.6}
.forest-to-ivory{background:linear-gradient(#082d24,#30513e 22%,#b4c8b5 64%,#f6f6ed)}
.medication-section{background:radial-gradient(ellipse at 0% 100%,#dce6d3,transparent 60%),#f6f6ed}.medication-card{padding:42px;border-radius:26px;background:#ffffff83;border:1px solid #bfd0ba;box-shadow:0 20px 60px #193d3508}.line-symbol{display:grid;place-items:center;width:50px;height:50px;border:1px solid #819e87;border-radius:50%;font-size:30px;margin-bottom:28px}
.ivory-to-sage{background:linear-gradient(#f6f6ed,#e5ecdc 45%,#dbe8dc)}
.allergy-section{background:#dbe8dc}.allergy-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/texture.webp') center/cover;opacity:.06;mask-image:linear-gradient(transparent,#000,transparent)}.allergy-card{position:relative;padding:45px;border-radius:70px 24px 24px;border:1px solid #9fbdaa;background:linear-gradient(145deg,#f8fcf0bd,#e6efe3);box-shadow:0 20px 60px #193d3508}
.sage-to-mint{background:linear-gradient(#dbe8dc,#e8f0e5 65%,#edf4ee)}.urgency-section{background:#edf4ee}.urgency-panel{padding:55px;border:1px solid #b9cbbb;border-radius:30px;background:radial-gradient(ellipse at 0 0,#dce9dd,transparent 70%),#f8faf3;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.urgency-panel .line-symbol{margin:32px 0 0}.urgency-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.urgency-panel li{padding:16px 0;border-bottom:1px solid #afc5b344;font-size:20px;line-height:1.5}.urgency-panel li:first-child{padding-top:0}.urgency-panel li:last-child{border:0}.back-link{margin-top:40px}
@media(max-width:1000px){.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-content h1{font-size:64px}.route-tiles a{padding:18px}}
@media(max-width:700px){.cover-content{padding:60px 0 85px}.cover-content h1{font-size:clamp(45px,9vw,62px)}.cover-content .eyebrow{font-size:12px}.cover-shade{background:linear-gradient(90deg,#031b17e8,#031b1760),linear-gradient(0deg,#06281e,transparent 55%)}.conj-cover .header{align-items:start}.cover-back{font-size:12px;max-width:90px}.cover-bottom{font-size:12px}.intro-layout,.editorial-layout,.season-panel,.urgency-panel{grid-template-columns:1fr;gap:30px}.info-section{padding-block:65px}.intro-section{padding-top:190px;background:linear-gradient(#06281e,#9ab6a5 75px,#f0f7f3 180px,#f0f7f3)}.care-grid{grid-template-columns:1fr}.advice-tile{padding:28px}.season-panel{padding:28px;margin-top:45px}.route-tiles a{padding:17px;font-size:15px}.info-section p{font-size:19px}.reading-bridge{padding:100px 0}.medication-card,.allergy-card,.urgency-panel{padding:30px}.urgency-panel li{font-size:19px}.scroll-phrase{padding:25px}}
@media(prefers-reduced-motion:reduce){.phrase-word{opacity:1!important;transform:none!important}.advice-tile:hover{transform:none}}
.intro-visual{min-width:0}.patient-portrait,.eyes-portrait{margin:0;overflow:hidden;box-shadow:0 20px 55px #193d3514;border:1px solid #ffffff80}
.patient-portrait{border-radius:80px 24px 24px;margin-bottom:24px}.patient-portrait img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}
.eyes-portrait{border-radius:24px;margin-top:35px}.eyes-portrait img{display:block;width:100%;aspect-ratio:2.15;object-fit:cover;object-position:center 48%}
@media(max-width:700px){.patient-portrait{margin-top:10px;border-radius:55px 20px 20px}}
/* Optical shapes sit behind content and fade into the alternating backgrounds. */
.intro-section,.care-section-dark,.medication-section,.allergy-section,.urgency-section{overflow:hidden}
.intro-section:after,.care-section-dark:after,.medication-section:after,.allergy-section:after,.urgency-section:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(240px,32vw,530px);aspect-ratio:1;border:1px solid #aac9b54a;border-radius:42% 58% 65% 35% / 50% 36% 64% 50%;background:radial-gradient(ellipse at 25% 20%,#ffffff3b,transparent 57%);box-shadow:inset 14px 8px 25px #ffffff12,0 0 0 24px #aac9b511,0 0 0 55px #aac9b509}
.intro-section:after{top:230px;right:-13%;transform:rotate(-25deg)}
.care-section-dark:after{left:-18%;bottom:4%;border-color:#d4ecdb36;transform:rotate(35deg)}
.medication-section:after{left:-10%;top:5%;transform:rotate(70deg)}
.allergy-section:after{right:-12%;top:0;transform:rotate(-30deg)}
.urgency-section:after{left:-15%;bottom:0;transform:rotate(110deg)}
.conjunctiva-page .glass-button{--shine-x:25%;--shine-y:10%;overflow:hidden;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#ffffffda,transparent 65%),linear-gradient(125deg,#ffffff91,#d2e6da55 40%,#b5d1c166 75%,#ffffffb0);border:1px solid #ffffffca;box-shadow:inset 0 2px 2px #ffffffef,inset 0 -2px 3px #729c8540,0 5px 15px #193d3510;transition:transform .25s,box-shadow .25s}
.conjunctiva-page .glass-button:before{inset:4px;border-color:#ffffff7a;border-radius:9px}
.conjunctiva-page .glass-button:hover{transform:translateY(-3px);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #729c8550,0 10px 24px #193d3520}
.conjunctiva-page .cover-content .glass-button{background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#e1f5e846,transparent 65%),linear-gradient(125deg,#ffffff25,#b4d2be16 60%,#ffffff36);border-color:#e3f1e7a6;color:#f8fcf8;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #c6e5d333,0 8px 25px #0002}
.advice-tile{backdrop-filter:blur(12px);box-shadow:inset 0 1px 2px #ffffff30,inset 0 -1px 1px #ffffff0a,0 10px 26px #00181017}
.mid-video-section{background:#082d24;position:relative;isolation:isolate}
.mid-video-frame{position:relative;min-height:660px;height:86svh;max-height:1000px;display:flex;align-items:center;overflow:hidden}
.mid-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mid-video-shade{position:absolute;inset:0;background:linear-gradient(#082d24 0%,#082d2410 23%,#082d2440 75%,#17372a 100%),linear-gradient(90deg,#05291ff2 0%,#05291fbd 27%,#05291f42 65%,#05291f0a)}
.mid-video-copy{position:relative;z-index:1;color:#f4f9f3;padding-block:80px}.mid-video-copy .eyebrow{font-size:13px;color:#d0e5d6;margin-bottom:28px}
.mid-video-copy .scroll-phrase{margin:0;padding:0;background:none;border:0;border-radius:0;text-align:left;max-width:660px;font-size:clamp(46px,5.4vw,80px);line-height:1.1;text-wrap:balance}
.mid-video-note{font-size:21px;line-height:1.6;max-width:470px;margin-top:30px;color:#dceadf}
.mid-video-out{height:150px;background:linear-gradient(#17372a,#7d9982 45%,#d8e2d0 80%,#f6f6ed)}
@media(max-width:700px){.mid-video-frame{height:75svh;min-height:530px}.mid-video-copy .scroll-phrase{font-size:46px;max-width:350px}.mid-video-note{font-size:19px;max-width:320px}.mid-video-shade{background:linear-gradient(#082d24,transparent 30%,#17372a),linear-gradient(90deg,#05291fdb,#05291f6b)}.mid-video-out{height:110px}}
@media(prefers-reduced-motion:reduce){.conjunctiva-page .glass-button:hover{transform:none}}
.care-slider-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.care-slider-tools p{font-size:16px;color:#c5dccc}
.care-slider-tools .round-button{background:linear-gradient(135deg,#ffffff36,#d6e9db0e 60%,#ffffff23);color:#f2f8f2;border-color:#d7eddd6b;box-shadow:inset 0 1px 2px #ffffff7a,0 5px 16px #001a1a26;backdrop-filter:blur(16px)}
.care-slider .carousel-track{padding-left:0}.care-slider{margin-right:calc(var(--gutter)*-1);padding:10px 0 35px}.care-slider .carousel-group{gap:24px;padding-right:24px}
.care-slider .advice-tile{padding:0;flex:0 0 clamp(300px,29vw,430px);width:clamp(300px,29vw,430px);border:1px solid #d8f0df70;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at var(--shine-x,20%) var(--shine-y,10%),#ffffff24,transparent 65%),linear-gradient(130deg,#52705f70,#1e48386b);backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 2px 2px #ffffff66,inset 0 -2px 3px #ffffff13,0 15px 35px #00181024}
.care-slider .advice-tile:hover{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px)}
.advice-photo{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block;border-radius:24px 24px 0 0}.advice-copy{padding:28px 29px 33px}.advice-copy h3{font-size:28px;line-height:1.15;margin-bottom:18px}.advice-copy p{font-size:19px;line-height:1.6;color:#e0ece3}.care-slider-hint{font-size:14px!important;color:#b6cebe}
@media(max-width:700px){.care-slider .advice-tile{width:82vw;flex-basis:82vw}.care-slider .carousel-group{gap:18px;padding-right:18px}.advice-copy{padding:25px}.care-slider-tools p{font-size:14px}.advice-copy h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.care-slider .advice-tile:hover{transform:none}}