/* Your Hormones, Understood. Original photography and editable type. */
.hormone-page{--hormone-olive:#515e46;--hormone-paper:#fbf7ee;--hormone-muted:#6a6e60;background:#f9f7f1}
.hormone-hero{padding:65px 5.5% 54px;display:grid;grid-template-columns:.85fr 1.3fr;gap:34px;align-items:center;background:#f9f7f1}
.hormone-hero-copy{max-width:500px}
.hormone-hero .eyebrow{font-size:9px;letter-spacing:.18em;color:#6b755e;margin-bottom:30px}
.hormone-hero h1{font:400 clamp(47px,4.9vw,74px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.047em;margin:0 0 27px}
.hormone-hero h1 em{display:block;font-style:italic;font-weight:400;color:var(--hormone-olive)}
.hormone-deck{font:400 23px/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.015em;max-width:360px;margin:0 0 20px}
.hormone-intro{font-size:14px;line-height:1.85;color:#68685e;max-width:365px;margin:0}
.hormone-byline{display:block;margin-top:25px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#5c6552}
.hormone-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:29px}
.hormone-watch{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--hormone-olive);padding:17px 20px;background:var(--hormone-olive);color:white;font:500 9px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s ease}
.hormone-watch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
.hormone-watch:hover{background:#3a4830}
.hormone-actions .textlink{font-size:9px;letter-spacing:.12em}
.hormone-hero-media{min-width:0}
.hormone-page .hormone-hero .trailer-opening{width:100%;height:auto;min-height:0;aspect-ratio:3/2;background:#eee6d8;box-shadow:0 20px 42px #51453612}
.hormone-designed-cover{padding:0;background:none;display:block;overflow:hidden}
.hormone-designed-cover:before,.hormone-designed-cover:after{display:none}
.hormone-designed-cover>svg{width:100%;height:100%;display:block}
.hormone-screen{width:1087px;height:581px;display:grid;grid-template-columns:62% 38%;background:#faf6ee;overflow:hidden}
.hormone-screen-photo{width:100%;height:100%;overflow:hidden}
.hormone-screen-photo svg{width:100%;height:100%;display:block}
.hormone-screen-mark{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 35px 50px 38px;color:#414c36}
.hormone-screen-mark img{width:250px;max-width:100%;height:auto;margin-bottom:47px}
.hormone-screen-mark p{font:400 39px/1.19 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 34px;text-align:left}
.hormone-screen-mark small{font:400 11px/1.7 'DM Sans',Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #bac0ad;padding-top:19px;display:block}
.hormone-play-icon{position:absolute;right:4.5%;bottom:5%;width:41px;height:41px;display:flex;align-items:center;justify-content:center;border:1px solid #efe9da;background:#faf7edf0;border-radius:50%;color:#4c5741;box-shadow:0 3px 10px #3331}
.hormone-play-icon svg{width:14px;height:14px;fill:currentColor;margin-left:2px}
.hormone-page .hormone-hero .trailer-opening.is-playing{aspect-ratio:16/9}
.hormone-media-note{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#77776a;text-align:center;margin:14px 0 0}
.hormone-course-facts{border-top:1px solid #d8dbcf;border-bottom:1px solid #d8dbcf;display:flex;align-items:center;justify-content:center;gap:36px;background:#f0f1e8;padding:21px 5%;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#5c674f}
.hormone-course-facts span+span{padding-left:36px;border-left:1px solid #c4c9b7}
.hormone-collection{padding:74px 6% 76px;background:#eeeee5;scroll-margin-top:25px}
.hormone-collection-intro{max-width:1180px;margin:0 auto 40px;display:flex;justify-content:space-between;gap:45px;align-items:end}
.hormone-collection-intro .eyebrow{color:#667158;font-size:9px;letter-spacing:.18em;margin:0 0 17px}
.hormone-collection-intro h2{font:400 clamp(34px,3.6vw,51px)/1.11 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0}
.hormone-collection-intro h2 em{font-style:italic;color:#637057;font-weight:400}
.hormone-collection-intro>p{color:#686e5d;max-width:315px;font-size:13px;line-height:1.8;margin:0 0 2px}
.hormone-lessons{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:37px 24px;max-width:1180px;margin:0 auto}
.hormone-lesson{width:calc((100% - 72px)/4);min-width:0;padding:0;border:0;scroll-margin-top:24px}
.hormone-lesson>summary{list-style:none;cursor:pointer;display:block;padding:0;position:relative}
.hormone-lesson>summary::-webkit-details-marker{display:none}
.hormone-lesson>summary::marker{content:''}
.hormone-cover{display:flex;flex-direction:column;aspect-ratio:4/5;background:var(--hormone-paper);overflow:hidden;box-shadow:0 7px 20px #31392512;transition:transform .2s ease,box-shadow .2s ease}
.hormone-lesson>summary:hover .hormone-cover{transform:translateY(-4px);box-shadow:0 12px 22px #3139251c}
.hormone-cover-heading{display:flex;flex-direction:column;flex:0 0 41%;height:41%;padding:7.5% 8% 6%;min-height:0}
.hormone-cover-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.hormone-cover-top img{width:69px;height:auto}
.hormone-cover-top span{font:400 10px/1 'DM Sans',Arial,sans-serif;color:#7c806f;letter-spacing:.12em}
.hormone-cover .hormone-card-title{font:400 clamp(22px,2.2vw,32px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.038em;color:#292d24;margin:0}
.hormone-cover-photo{width:100%;flex:1 1 0;min-height:0;display:block;overflow:hidden;background:#dce0d1}
.hormone-cover-photo>img,.hormone-cover-photo>svg{display:block;width:100%;height:100%;object-fit:cover}
.hormone-topic{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-top:14px;font:400 10px/1.6 'DM Sans',Arial,sans-serif;color:#616b54;min-height:32px}
.hormone-topic .hormone-toggle{flex:0 0 auto;position:relative;width:17px;height:17px;margin-top:1px;border:1px solid #9aa38b;border-radius:50%}
.hormone-toggle:before,.hormone-toggle:after{content:'';position:absolute;left:4px;right:4px;top:7px;height:1px;background:#647055}
.hormone-toggle:after{transform:rotate(90deg);transition:transform .2s}
.hormone-lesson[open] .hormone-toggle:after{transform:rotate(0)}
.hormone-lesson-description{padding:17px 0 0;border-top:1px solid #cdd2c0;margin-top:10px}
.hormone-lesson .hormone-lesson-description>p{font-size:12px;color:#626955;line-height:1.8;margin:0;padding:0}
.hormone-labs-art{background:#536048;color:#f5f1e6;padding:9% 10%;display:flex;flex-direction:column;justify-content:center;gap:15px}
.hormone-labs-art span{display:block;font:400 clamp(16px,1.7vw,24px)/1.2 Georgia,'Times New Roman',serif;padding-bottom:11px;border-bottom:1px solid #aab39a77}
.hormone-labs-art span:last-child{border:0;padding-bottom:0}
.hormone-marker-list{list-style:none;padding:0;margin:19px 0 0;font-size:11px;color:#59634c}
.hormone-marker-list li{padding:6px 0;border-bottom:1px solid #d7dbcd;line-height:1.5}
.hormone-collection-note{max-width:1180px;margin:34px auto 0;font-size:10px;color:#78816b;text-align:center;letter-spacing:.02em}
.hormone-enrollment{max-width:1180px;margin:0 auto;padding:62px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.hormone-enrollment h2{font:400 clamp(31px,3vw,44px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 18px}
.hormone-enrollment p{font-size:14px;color:#676a5d;line-height:1.8;max-width:440px;margin-bottom:18px}
.hormone-enrollment aside{padding-left:34px;border-left:1px solid #d3d7c8}
.hormone-enrollment .eyebrow{color:#6e775f;font-size:9px;margin-bottom:16px}
.hormone-enrollment .textlink{font-size:10px}
.hormone-enrollment .quiet-note{font-size:11px;margin:16px 0 0}
.hormone-page .companion-guide{background:#f5f1e9}
.hormone-watch:focus-visible,.hormone-lesson>summary:focus-visible{outline:2px solid #596c49;outline-offset:6px}
.hormone-topic{font-size:12px}
@media(min-width:1600px){.hormone-hero h1{font-size:74px}}
@media(max-width:1100px){.hormone-hero{gap:23px;padding:48px 5%}.hormone-hero h1{font-size:51px}.hormone-deck{font-size:20px}.hormone-intro{font-size:13px}.hormone-cover-top img{width:56px}.hormone-cover-top{margin-bottom:9px}.hormone-cover .hormone-card-title{font-size:24px}.hormone-cover-heading{flex-basis:43%;height:43%}.hormone-lessons{gap:31px 20px}.hormone-lesson{width:calc((100% - 60px)/4)}}
@media(max-width:900px){.hormone-hero{grid-template-columns:1fr;gap:36px;padding:43px 7% 36px}.hormone-hero-copy{max-width:650px}.hormone-hero h1{font-size:clamp(49px,7.5vw,68px)}.hormone-hero h1 em{display:inline}.hormone-deck{max-width:100%;font-size:23px}.hormone-intro{max-width:560px;font-size:14px}.hormone-hero-media{width:100%;max-width:800px;margin:0 auto}.hormone-hero .eyebrow{margin-bottom:24px}.hormone-lesson{width:calc((100% - 22px)/2)}.hormone-lessons{gap:34px 22px}.hormone-cover-heading{flex-basis:39%;height:39%}.hormone-cover .hormone-card-title{font-size:clamp(26px,4.1vw,34px)}.hormone-cover-top img{width:73px}.hormone-topic{font-size:12px}.hormone-labs-art span{font-size:25px}.hormone-collection-intro{gap:32px}.hormone-collection-intro>p{max-width:265px}.hormone-collection-intro h2{font-size:37px}}
@media(max-width:550px){.hormone-hero{padding:35px 6% 26px;gap:28px}.hormone-hero h1{font-size:49px;letter-spacing:-.05em;line-height:1.04;margin-bottom:23px}.hormone-hero h1 em{display:block}.hormone-deck{font-size:22px;max-width:320px;margin-bottom:18px}.hormone-hero .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:24px}.hormone-intro{font-size:13px;line-height:1.8}.hormone-byline{margin-top:22px}.hormone-actions{gap:20px;margin-top:25px}.hormone-watch{padding:16px 15px;font-size:8px}.hormone-actions .textlink{font-size:8px}.hormone-hero-media{width:auto;max-width:none;margin:0 -6.82%}.hormone-media-note{font-size:7px;margin-top:12px}.hormone-play-icon{width:30px;height:30px}.hormone-play-icon svg{width:11px}.hormone-course-facts{gap:12px;font-size:7px;letter-spacing:.07em;padding:19px 4%}.hormone-course-facts span+span{padding-left:12px}.hormone-collection{padding:45px 6% 48px}.hormone-collection-intro{display:block;margin-bottom:29px}.hormone-collection-intro h2{font-size:35px}.hormone-collection-intro>p{font-size:13px;max-width:350px;margin-top:21px}.hormone-lessons{gap:26px 16px}.hormone-lesson{width:calc((100% - 16px)/2)}.hormone-cover-heading{flex-basis:44%;height:44%;padding:8% 8% 6%}.hormone-cover-top{margin-bottom:9px}.hormone-cover-top img{width:50px}.hormone-cover-top span{font-size:8px}.hormone-cover .hormone-card-title{font-size:clamp(18px,4.9vw,26px);letter-spacing:-.04em;line-height:1.02}.hormone-topic{font-size:9px;margin-top:10px;gap:6px;min-height:31px}.hormone-topic .hormone-toggle{width:15px;height:15px}.hormone-toggle:before,.hormone-toggle:after{left:3px;right:3px;top:6px}.hormone-labs-art{gap:10px;padding:10%}.hormone-labs-art span{font-size:17px;padding-bottom:8px}.hormone-lesson .hormone-lesson-description>p{font-size:11px}.hormone-marker-list{font-size:10px}.hormone-enrollment{grid-template-columns:1fr;padding:44px 7%;gap:30px}.hormone-enrollment aside{padding:25px 0 0;border-left:0;border-top:1px solid #d3d7c8}.hormone-enrollment h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hormone-cover,.hormone-watch,.hormone-toggle:after{transition:none}.hormone-lesson>summary:hover .hormone-cover{transform:none}}
@media(max-width:550px){.hormone-topic{font-size:11px;min-height:36px}.hormone-marker-list{font-size:11px}}