.package-page h1,.package-page h2,.package-page h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400}
.package-hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:48% 52%;background:linear-gradient(135deg,var(--cream),#ead8cf 72%);overflow:hidden}
.package-hero-copy{padding:9vh 3vw 9vh 8vw;align-self:center;position:relative;z-index:2}
.package-hero h1{font-size:clamp(52px,6vw,94px);line-height:.9;letter-spacing:-.045em;margin:0 0 30px}
.package-hero h1 em{color:var(--red);font-weight:400}
.package-lead{font-size:18px;line-height:1.7;max-width:620px}
.package-hero-product{min-height:690px;position:relative;align-self:stretch;background:radial-gradient(circle at 56% 48%,#fffffff2,#fff0 53%)}
.package-hero-product .cover{position:absolute;width:29%;max-height:63%;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(31,42,68,.25));transition:transform .5s ease}
.cover-one{left:14%;top:17%;transform:rotate(-9deg)}
.cover-two{left:38%;top:12%;z-index:2}
.cover-three{right:5%;top:18%;transform:rotate(8deg);width:29%}
.package-hero-product:hover .cover-one{transform:rotate(-12deg) translate(-8px)}
.package-hero-product:hover .cover-two{transform:translateY(-9px)}
.package-hero-product:hover .cover-three{transform:rotate(11deg) translate(8px)}
.package-orbit{position:absolute;right:6%;bottom:8%;width:172px;height:172px;border-radius:50%;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:58px/1 "DM Serif Display";z-index:4;box-shadow:0 18px 35px #c53a3a40}
.package-orbit span{font:600 10px/1.4 Inter;text-transform:uppercase;letter-spacing:.12em;text-align:center;margin-top:7px}
.package-promise{padding:125px 8vw;background:var(--white)}
.package-promise>h2{font-size:clamp(46px,5vw,78px);line-height:.98;max-width:1050px;margin:0 0 70px}
.package-promise h2 em,.package-for h2 em,.package-equation h2 em,.package-order h2 em{color:var(--red);font-weight:400}
.package-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--nude)}
.package-steps article{padding:35px 4vw 20px 0;border-right:1px solid var(--nude)}
.package-steps article+article{padding-left:4vw}
.package-steps article:last-child{border-right:0}
.package-steps span{color:var(--red);font-size:11px;letter-spacing:.14em}
.package-steps h3{font-size:32px;margin:22px 0 12px}
.package-steps p{line-height:1.7;color:#5f6573}
.package-books{background:var(--cream)}
.package-book{min-height:760px;padding:110px 8vw;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:9vw;align-items:center}
.package-book:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,.72fr);background:var(--navy);color:#fff}
.package-book:nth-child(2n) .package-book-image{order:2}
.package-book:nth-child(2n) .package-book-copy{order:1}
.package-book-image{display:flex;justify-content:center;align-items:center;min-height:540px;position:relative}
.package-book-image:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:var(--nude)}
.package-book:nth-child(2n) .package-book-image:before{background:#c6a77d2e}
.package-book-image img{width:min(330px,72%);max-height:560px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 26px 27px rgba(31,42,68,.3));transform:rotate(-3deg)}
.package-book.first .package-book-image img{transform:rotate(3deg)}
.package-book.workbook .package-book-image img{transform:rotate(2deg)}
.package-book-copy h2{font-size:clamp(48px,5.5vw,84px);line-height:.91;margin:0 0 28px}
.package-book-intro{font:25px/1.42 "DM Serif Display";max-width:690px}
.package-book-copy ul{list-style:none;padding:0;margin:38px 0 10px;max-width:700px;border-top:1px solid var(--nude)}
.package-book-copy li{padding:15px 0;border-bottom:1px solid var(--nude);line-height:1.5}
.package-book:nth-child(2n) li{border-color:#fff3}
.package-book-copy li:before{content:"—";color:var(--red);margin-right:12px}
.package-book:nth-child(2n) li:before{color:var(--gold)}
.package-equation{background:var(--teal);color:#fff;padding:125px 8vw}
.package-equation>div:first-child{display:grid;grid-template-columns:35% 65%;align-items:center}
.package-big-number{font:clamp(140px,20vw,300px)/.75 "DM Serif Display";color:var(--gold);letter-spacing:-.07em}
.package-equation h2{font-size:clamp(42px,4.8vw,74px);line-height:1;margin:0}
.package-process{margin-top:85px;padding-top:35px;border-top:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;align-items:center;font:clamp(26px,3vw,46px) "DM Serif Display"}
.package-process i{font: 18px Inter;color:var(--gold)}
.package-for{display:grid;grid-template-columns:1fr 1fr;min-height:800px;background:var(--nude)}
.package-for-photo{overflow:hidden}
.package-for-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.package-for>div:last-child{padding:110px 8vw 100px 7vw;align-self:center}
.package-for h2{font-size:clamp(46px,5vw,76px);line-height:.96;margin:0 0 40px}
.package-for ul{list-style:none;padding:0;margin:0}
.package-for li{padding:17px 0;border-bottom:1px solid rgba(31,42,68,.17);line-height:1.55}
.package-for li:before{content:"✓";color:var(--red);font-weight:600;margin-right:14px}
.package-order{padding:125px 8vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:9vw}
.package-order h2{font-size:clamp(50px,5.5vw,86px);line-height:.92;margin:0 0 30px}
.package-order>div>p:not(.eyebrow){color:#d7dce5;line-height:1.75;max-width:550px}
.package-order-links{border-top:1px solid rgba(255,255,255,.25)}
.package-order-list{border-top:0}
.package-order-list .eyebrow{margin:0 0 20px}
.package-order-list div{display:grid;grid-template-columns:45px 1fr 25px;gap:18px;align-items:center;padding:27px 0;border-top:1px solid rgba(255,255,255,.25);font:27px "DM Serif Display"}
.package-order-list div:last-child{border-bottom:1px solid rgba(255,255,255,.25)}
.package-order-links a{display:grid;grid-template-columns:45px 1fr 25px;gap:18px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.25);font:27px "DM Serif Display";transition:.25s}
.package-order-links a:hover{color:var(--gold);padding-left:9px}
.package-order-links span{font:11px Inter;color:var(--gold)}
.package-order-links b{font-weight:400;color:var(--gold)}
@media(max-width:1000px){.package-hero{grid-template-columns:1fr}
.package-hero-copy{padding:80px 8vw 25px}
.package-hero-product{min-height:650px}
.package-promise,.package-equation{padding:95px 8vw}
.package-book,.package-book:nth-child(2n){grid-template-columns:1fr;padding:90px 8vw;gap:40px}
.package-book:nth-child(2n) .package-book-image{order:1}
.package-book:nth-child(2n) .package-book-copy{order:2}
.package-book-image{min-height:460px}
.package-equation>div:first-child{grid-template-columns:1fr}
.package-big-number{margin-bottom:40px}
.package-for{grid-template-columns:1fr}
.package-for-photo{height:700px}
.package-order{grid-template-columns:1fr;gap:65px}
}
@media(max-width:620px){.package-hero{min-height:auto}
.package-hero-copy{padding:65px 24px 25px}
.package-hero h1{font-size:52px}
.package-lead{font-size:16px}
.package-hero-product{min-height:470px}
.package-hero-product .cover{width:30%;top:15%}
.cover-one{left:7%}
.cover-two{left:35%}
.cover-three{right:1%;width:30%}
.package-orbit{width:120px;height:120px;font-size:42px;right:5%;bottom:7%}
.package-orbit span{font-size:8px}
.package-promise,.package-equation{padding:75px 24px}
.package-promise>h2,.package-equation h2{font-size:43px}
.package-steps{grid-template-columns:1fr}
.package-steps article,.package-steps article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--nude)}
.package-book,.package-book:nth-child(2n){padding:75px 24px}
.package-book-image{min-height:380px}
.package-book-copy h2{font-size:49px}
.package-book-intro{font-size:22px}
.package-process{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;text-align:center}
.package-process span:last-child{grid-column:3}
.package-for-photo{height:510px}
.package-for>div:last-child{padding:75px 24px}
.package-for h2{font-size:44px}
.package-order{padding:80px 24px}
.package-order h2{font-size:51px}
.package-order-links a,.package-order-list div{font-size:22px;grid-template-columns:34px 1fr 20px}
}

