/* Jennifer's visual layer. Core palette and font choices live in styles.css. */
:root{--line:#75142e35;--blue-ink:#324e62;--page:1280px}
body{font-size:17px;line-height:1.65}
main{overflow:clip}
section[id]{scroll-margin-top:24px}
header{max-width:1440px;padding:26px 5%;gap:30px}
.announcement{font-size:12px;padding:7px 16px;letter-spacing:.2em}
.wordmark{font-size:35px}
.wordmark span{font-size:10px;letter-spacing:.14em}
nav a{padding:8px 0}nav small{font-size:11px}
.eyebrow,.tag{font-size:12px;line-height:1.6;letter-spacing:.13em}
.button{font-size:13px;letter-spacing:.07em;min-height:54px;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.text-link{line-height:1.7;text-underline-offset:5px;padding:8px 0}
.hero{max-width:1440px;grid-template-columns:1.12fr 1fr;min-height:600px}
.hero-copy{padding:66px 9% 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(4.2rem,6.4vw,6.9rem);line-height:.98;margin-bottom:26px}
.hero .intro{font-size:18px;max-width:405px;margin-bottom:28px}
.handnote{font-size:24px;margin-top:34px}
.hero-image{background:repeating-linear-gradient(90deg,var(--blue) 0 25px,#c5d6e6 25px 50px);display:grid;place-items:center;min-height:600px;padding:34px 40px;isolation:isolate}
.hero-portrait{width:260px;max-width:72%;margin:0 0 0 30px;padding:10px 10px 0;background:var(--cream);transform:rotate(4deg);box-shadow:3px 9px 22px #251b2030}
.hero-image .hero-portrait img{width:100%;height:auto;aspect-ratio:1/2;object-fit:cover;object-position:center}
.hero-portrait figcaption{font:italic 25px/1.4 var(--serif);color:var(--wine);padding:8px 0 10px;text-align:center}
.image-note{font:35px/1.05 var(--serif);right:auto;left:8%;bottom:54px;padding:20px 26px;transform:rotate(-7deg);box-shadow:2px 5px 12px #251b2020;z-index:2}
.hero-heart{position:absolute;right:9%;top:9%;font:64px/1 var(--serif);color:var(--wine);transform:rotate(15deg)}
.quick-links{max-width:1440px;padding:58px 5%;gap:36px;grid-template-columns:.85fr 2.15fr}
.quick-intro .eyebrow{margin-bottom:12px}.quick-intro h2{font-size:49px}
.quick-grid{gap:12px}.quick-card{min-height:174px;border:1px solid var(--wine);padding:20px 16px}
.quick-card strong{font-size:27px;line-height:1.08}.quick-card>small{font-size:10px;letter-spacing:.07em}
.quick-card>span{font-size:19px}.quick-card.cream{background:var(--cream)}
.ribbon{padding:15px 20px;gap:25px;font-size:11px;border-block:1px solid var(--line)}
.section{padding:88px max(6%,calc((100vw - var(--page))/2))}
.free-tools{background:var(--cream);gap:55px;grid-template-columns:1.15fr 1fr}
.impact{font-size:clamp(5rem,8.2vw,8rem);line-height:.95}
.serif-large{font-size:clamp(3.2rem,5.8vw,6rem);line-height:1;margin:4px 0 28px}
.free-copy .intro{font-size:18px;max-width:460px}.fine-print{font-size:13px;line-height:1.6;max-width:420px}
.phone-wrap{min-height:590px;padding:38px 30px;background:var(--pink);border-radius:50% 50% 4px 4px;max-width:460px;width:100%;justify-self:center}
.phone{width:282px;flex-shrink:0;transform:rotate(5deg);border-width:7px;box-shadow:12px 16px 0 #75142e18}
.paper-label{top:22px;right:-3%;font:700 15px var(--impact);padding:12px 18px;border:1px solid var(--line)}
.phone-screen>a{font-size:25px;padding:19px 14px;line-height:1.1}.phone-screen>a span{right:10px;bottom:12px}
.mini-brand{font-size:11px;letter-spacing:.12em}.phone-note{font-size:22px}
.stripe-divider{height:23px}
.library{padding-top:74px;background:#f1c9d51f}
.section-heading h2{font-size:clamp(3.2rem,4.6vw,4.7rem)}
.resource-grid{gap:20px}.resource{padding:30px 27px;background:var(--cream);border:1px solid var(--wine);border-top:4px solid var(--wine);box-shadow:4px 5px 0 #75142e12}
.resource:nth-child(2){background:#dbe5ee}.resource:nth-child(3){background:#f5dce3}
.resource .tag{font-size:11px;letter-spacing:.1em;margin-bottom:30px}
.resource h3{font-size:35px;line-height:1.04}.resource p{font-size:16px}.resource details{margin-top:auto}
.clarity{display:grid;grid-template-columns:minmax(150px,.6fr) 1.5fr;gap:65px;align-items:center;background:repeating-linear-gradient(90deg,var(--blue) 0 28px,#c5d6e6 28px 56px)}
.clarity-portrait{width:100%;max-width:270px;justify-self:center;position:relative;padding:9px 9px 28px;background:var(--cream);transform:rotate(-6deg);box-shadow:0 8px 20px #251b2020}
.clarity-portrait img{width:100%;height:auto}.clarity-portrait>span{position:absolute;bottom:-65px;right:0;font:85px var(--serif);color:var(--wine);transform:rotate(-14deg)}
.clarity-card{padding:45px;box-shadow:7px 9px 0 var(--wine);margin:0;width:100%;position:relative}
.clarity-card h2{font-size:clamp(3rem,4.2vw,4.4rem);line-height:1.02}.clarity-card>p:not(.eyebrow){font-size:17px}
.clarity-card ul{display:grid;font-size:12px;gap:8px;letter-spacing:.03em}
.about{gap:75px;grid-template-columns:1fr 1.1fr}
.about-art{position:relative;background:transparent;padding:0 14px 0 0;max-width:440px}
.about-photo{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:10px solid var(--cream);outline:1px solid var(--line);transform:rotate(-3deg)}
.note-card{position:relative;max-width:350px;margin:-32px -24px 0 auto;transform:rotate(3deg);padding:23px 16px;box-shadow:4px 7px 0 #afc6df80;outline:0}
.note-card .eyebrow{font-size:10px;margin-bottom:12px}.note-card>p:not(.eyebrow){font-size:33px;margin-bottom:13px}.note-card>span{font-size:11px}
.about-copy h2{font-size:clamp(3.2rem,4.7vw,5rem)}.about-copy p{max-width:530px}
.listen{grid-template-columns:.7fr 1.3fr;gap:80px;border-block:1px solid var(--wine)}
.listen-photo{max-width:290px;padding:9px 9px 26px;background:var(--cream);transform:rotate(4deg);justify-self:center;box-shadow:6px 8px 0 #ffffff15}
.listen-photo img{width:100%;height:auto}.listen-copy h2{font-size:clamp(3.2rem,4.9vw,5rem)}.listen-copy>p:not(.eyebrow){max-width:520px}
.worlds{display:grid;grid-template-columns:.52fr 1.7fr .52fr;gap:36px;align-items:center;background:var(--cream);padding-block:100px}
.world-copy{min-width:0}.worlds h2{font-size:clamp(3.5rem,5vw,5.5rem)}.worlds p:not(.eyebrow){font-size:17px;margin-bottom:0}.worlds-note{font-size:24px;margin-top:25px}
.world-photo{padding:7px 7px 19px;background:var(--cream);outline:1px solid var(--line);box-shadow:3px 5px 13px #251b2020;max-width:205px}
.world-photo img{width:100%;height:auto}.world-photo-table{transform:rotate(-7deg)}.world-photo-notes{transform:rotate(7deg);margin-top:110px}
.brands{background:#afc6df40;padding-block:64px}.brands h2{font-size:clamp(2.8rem,3.8vw,4rem);max-width:750px;margin-inline:auto}
.closing{position:relative;background:var(--pink);padding-block:74px}.closing:before,.closing:after{content:'';height:15px;background:repeating-linear-gradient(90deg,var(--wine) 0 17px,var(--pink) 17px 34px);position:absolute;left:0;right:0}
.closing:before{top:0}.closing:after{bottom:0}.closing h2{font-size:clamp(3.5rem,5.3vw,5.5rem)}
footer{padding:38px 5%;font-size:13px}footer .wordmark{font-size:31px}
@media(min-width:1600px){.hero{border-inline:1px solid var(--line)}}
@media(max-width:1100px){.quick-links{grid-template-columns:1fr}.quick-intro h2 br{display:none}.quick-grid{grid-template-columns:repeat(4,1fr)}.clarity{gap:35px}.clarity-card{padding:32px}.worlds{gap:22px}.hero-portrait{max-width:80%;width:235px}.hero h1{font-size:clamp(3.5rem,6.8vw,5rem)}nav{gap:18px}.about{gap:45px}}
@media(max-width:850px){
 header{padding:20px 6%;gap:12px}.wordmark{font-size:30px}.wordmark span{font-size:9px}.announcement{font-size:10px;letter-spacing:.16em}
 .hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 7% 30px}.hero h1{font-size:clamp(3.5rem,10.5vw,5.6rem);margin-bottom:19px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero .intro{font-size:17px;margin-bottom:22px;max-width:430px}.handnote{margin-top:22px;font-size:21px}
 .hero-image{height:380px;min-height:0;padding:18px 30px}.hero-portrait{width:160px;max-width:none;margin-left:42px;padding:7px 7px 0}.hero-portrait figcaption{font-size:20px;padding:5px 0}.image-note{font-size:29px;left:calc(50% - 160px);bottom:35px;padding:16px 20px}.hero-heart{font-size:48px;top:35px;right:calc(50% - 160px)}
 .quick-links{padding:44px 7%;gap:25px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:11px}.quick-card{min-height:145px;padding:16px}.quick-card strong{font-size:26px}.quick-card>small{font-size:9px}.quick-intro h2{font-size:43px}.quick-intro .eyebrow{font-size:11px}
 .ribbon{gap:8px 15px;font-size:9px;padding:13px 14px;letter-spacing:.08em}
 .section{padding:60px 7%}.section-heading h2{font-size:43px}.section-heading{margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}
 .free-tools{grid-template-columns:1fr;gap:38px}.impact{font-size:clamp(4.5rem,15vw,6.5rem)}.serif-large{font-size:clamp(3.2rem,10vw,4.5rem);margin-bottom:23px}.free-copy .intro{font-size:17px}.fine-print{font-size:12px;max-width:100%}
 .phone-wrap{max-width:350px;min-height:555px;padding:32px 18px}.phone{width:257px}.phone-screen>a{font-size:23px;padding:18px 12px}.phone-screen h3{font-size:34px}.phone-note{font-size:20px}.paper-label{right:-1%;top:15px}.stripe-divider{height:18px}
 .resource-grid{grid-template-columns:1fr;gap:18px}.resource{padding:26px}.resource .tag{margin-bottom:19px}.resource h3{font-size:33px}.resource p{margin-bottom:18px}
 .clarity{grid-template-columns:1fr;gap:26px;padding-top:45px}.clarity-portrait{width:155px;justify-self:start;margin-left:14px;padding:6px 6px 14px}.clarity-portrait>span{right:-82px;bottom:0;font-size:64px;transform:rotate(10deg)}.clarity-card{padding:28px 23px;box-shadow:5px 7px 0 var(--wine)}.clarity-card h2{font-size:39px}.clarity-card>p:not(.eyebrow){font-size:16px}.clarity-card ul{font-size:11px}.clarity-card .button{font-size:11px;gap:12px;padding:14px 17px;width:100%}
 .about{grid-template-columns:1fr;gap:45px}.about-art{max-width:345px;padding:0 10px 0 0;justify-self:center}.about-photo{border-width:7px}.note-card{max-width:270px;margin:-24px -8px 0 auto;padding:19px 13px}.note-card>p:not(.eyebrow){font-size:29px}.about-copy h2{font-size:44px}.about-copy>p{font-size:16px!important}
 .listen{grid-template-columns:1fr;gap:35px}.listen-photo{width:205px;justify-self:start;margin-left:6px;padding:7px 7px 18px}.listen-copy h2{font-size:43px}.listen-copy>p:not(.eyebrow){font-size:16px}.listen .button{font-size:11px;gap:14px}
 .worlds{grid-template-columns:1fr 1fr;gap:32px 30px}.world-copy{grid-column:1/-1;grid-row:1}.worlds h2{font-size:49px}.worlds p:not(.eyebrow){font-size:16px}.worlds-note{font-size:23px}.world-photo{width:140px;max-width:100%;justify-self:center;padding:6px 6px 14px}.world-photo-table{margin-top:0}.world-photo-notes{margin-top:35px}
 .brands{padding-block:50px}.brands h2{font-size:39px}.brands>p:not(.eyebrow){font-size:16px}.closing{padding-block:63px}.closing h2{font-size:49px}footer{padding:35px 7%;gap:15px}
}
@media(max-width:360px){.hero h1{font-size:3.25rem}.quick-card strong{font-size:23px}.quick-card{padding:13px}.phone-wrap{min-height:530px}.phone{width:232px}.phone-screen>a{font-size:22px}.hero-image{height:360px}.hero-portrait{width:150px}.image-note{left:5%;font-size:25px}.hero-heart{right:8%}.button{font-size:11px}.clarity-card h2{font-size:35px}}