.guide-page{background:#f8f7f3}.guide-page .hero{padding:75px 0}.guide-page .hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:65px;align-items:start}.guide-page .hero h1{font-size:clamp(2.8rem,4.9vw,4.6rem);line-height:1.12;text-wrap:balance}.guide-page .hero h1 span{display:inline;color:#e5c46e}.guide-page .hero p{font-size:16px;line-height:1.8}.guide-page .hero strong{font-size:13px}.guide-page .hero-grid>div:first-child{position:sticky;top:145px}.guide-page .guide-cover{width:min(260px,85%);aspect-ratio:3/4;margin:6px auto 38px;background:#d4af37;color:#1e242b;padding:25px;box-shadow:-8px 7px 0 #94772f,12px 18px 28px #0003;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.guide-page .guide-cover:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #29323a55;border-radius:50%;right:-140px;bottom:30px;pointer-events:none}.guide-page .guide-cover .number{font:5rem/1 Georgia,serif}.guide-page .cover-title{font:1.75rem/1.08 Georgia,serif;margin:5px 0 13px}.guide-page .cover-subtitle{font-size:12px;font-weight:600;line-height:1.45}.guide-page .guide-cover small{font-size:9px;letter-spacing:1.1px}.guide-page .guide-cover .eyebrow{font-size:8px;letter-spacing:1px}.guide-page .signup{background:white;color:#29323b;padding:30px;border:1px solid #d9d5cc;scroll-margin-top:120px}.guide-page .signup .eyebrow{color:#80651b}.guide-page .signup h2{font:400 27px/1.2 Georgia,serif;margin:14px 0 18px;letter-spacing:-.02em}.guide-page .signup fieldset{border:0;padding:0;margin:0;min-width:0}.guide-page .signup label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}.guide-page .signup input[type=text],.guide-page .signup input[type=email]{width:100%;padding:12px;border:1px solid #c9c4ba;background:#f7f7f4;color:#59636c;font:inherit}.guide-page .signup input:disabled{opacity:1;cursor:not-allowed}.guide-page .signup .consent{display:flex;align-items:start;gap:10px;margin:18px 0}.guide-page .consent label{font-size:12px;font-weight:400;line-height:1.5;margin:0}.guide-page .consent input{margin-top:4px;flex-shrink:0}.guide-page .signup .button{width:100%;background:#e8e5dc;color:#5b605e;border-color:#d4d0c4;cursor:not-allowed;font-size:12px;letter-spacing:.5px}.guide-page .signup .microcopy{font-size:11px;color:#59636c;line-height:1.6;margin:14px 0 0}.guide-page .signup .guide-availability{background:#f4f1e7;border-left:3px solid #b7954f;padding:12px 15px;font-size:13px;line-height:1.6;color:#3e4a54}.guide-page .guide-availability strong{font-weight:700}.guide-page .section{padding:78px 0}.guide-page .section-intro{max-width:850px}.guide-page .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.guide-page .benefit{padding:28px;background:#fff;border:1px solid #dddcd5}.guide-page .benefit-num{font:32px Georgia,serif;color:#9b7e36;margin-bottom:24px}.guide-page .benefit h3{font-size:18px;font-weight:500}.guide-page .benefit p{font-size:14px;line-height:1.8;margin-bottom:0}.guide-page .extra{background:#edeae2;padding:22px 26px;margin-top:25px;font-size:14px;line-height:1.8}.guide-page .author{background:#f0eee8}.guide-page .author-grid{display:grid;grid-template-columns:270px 1fr;gap:60px;align-items:center}.guide-page .guide-author-photo{height:330px;background:radial-gradient(ellipse at 50% 25%,#52616b,#23313d 80%);overflow:hidden}.guide-page .guide-author-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}.guide-page .author h2{font-size:clamp(1.9rem,3vw,2.9rem)}.guide-page .author strong{font-size:13px}.guide-page .author p{font-size:15px;max-width:700px;line-height:1.85}.guide-page .author p:first-of-type{margin-top:22px}.guide-page .faq{background:#fff}.guide-page .faq .container{max-width:900px}.guide-page details{border-bottom:1px solid #dddcd5;padding:20px 0}.guide-page summary{cursor:pointer;font-weight:700;font-size:15px}.guide-page details p{font-size:14px;margin:14px 0 0;line-height:1.8}.guide-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.guide-page .closing{text-align:center}.guide-page .closing h2{margin-left:auto;margin-right:auto;max-width:850px}.guide-page .closing p{max-width:620px;margin:0 auto 27px}.guide-page .closing .button{background:var(--gold);color:var(--slate);border-color:var(--gold)}.guide-sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:850px){.guide-page .hero-grid{grid-template-columns:1fr;gap:40px}.guide-page .hero-grid>div:first-child{position:static}.guide-page .hero h1{max-width:750px;font-size:clamp(2.7rem,7vw,3.6rem)}.guide-page .hero-grid>div:last-child{width:100%;max-width:580px;margin:auto}.guide-page .author-grid{grid-template-columns:230px 1fr;gap:30px}.guide-page .benefits{grid-template-columns:1fr}.guide-page .hero{padding:55px 0}.guide-page .section{padding:60px 0}}
@media(max-width:560px){.guide-page .hero h1{font-size:42px}.guide-page .hero .eyebrow{font-size:9px;line-height:1.8}.guide-page .hero p{font-size:15px}.guide-page .signup{padding:24px}.guide-page .author-grid{grid-template-columns:1fr;gap:30px}.guide-page .guide-author-photo{max-width:335px;width:100%;height:350px}.guide-page .extra{padding:20px}.guide-page .closing .button{font-size:12px}}

/* Put the sign-up box before the cover. */
.guide-page .hero{padding-top:45px}.guide-page .hero-grid{gap:40px}.guide-page .hero-grid>div:first-child{position:static}.guide-page .hero h1{font-size:clamp(40px,4.3vw,62px)}.guide-page .signup{padding:25px}.guide-page .signup h2{font-size:27px}.guide-page .signup .guide-availability{font-size:12px;padding:10px 12px}.guide-page .signup label{margin-top:12px}.guide-page .signup .consent{margin:14px 0}.guide-page .guide-cover{margin:40px auto 20px}
@media(max-width:850px){.guide-page .hero-grid{gap:28px}.guide-page .hero-grid>div:first-child>p:not(:first-of-type),.guide-page .hero-grid>div:first-child>strong{display:none}.guide-page .hero h1{font-size:38px;margin-bottom:18px}.guide-page .hero p{font-size:14px}.guide-page .hero{padding-top:30px}.guide-page .signup{padding:22px}}
@media(max-width:560px){.guide-page .hero{padding-top:22px}.guide-page .hero h1{font-size:32px;line-height:1.1;margin:14px 0}.guide-page .hero-grid{gap:18px}.guide-page .hero-grid>div:first-child>p:first-of-type{font-size:13px;line-height:1.55;margin-bottom:0}.guide-page .signup{padding:20px}.guide-page .signup h2{font-size:22px;line-height:1.15;margin:10px 0 12px}.guide-page .signup .guide-availability{font-size:11px;line-height:1.5;margin-bottom:10px}.guide-page .signup label{font-size:12px;margin-top:8px}.guide-page .signup input[type=text],.guide-page .signup input[type=email]{padding:10px;font-size:14px}.guide-page .signup .consent{margin:12px 0}.guide-page .consent label{font-size:11px}}