.reference-site{--navy:#0a2838;--gold:#e7ad48;--cream:#f4f1e9;--text:#202a33;--muted:#657783;color:var(--text);background:#fff;font-family:'Satoshi',Arial,sans-serif;font-size:16px;line-height:1.6}
.reference-site *{box-sizing:border-box}
.reference-site h1,.reference-site h2,.reference-site h3,.reference-site h4,.reference-site p{margin:0}
.reference-site a{text-decoration:none}
.reference-site a:hover{text-decoration:underline;text-underline-offset:4px}
.reference-site :focus-visible{outline:3px solid #b97712;outline-offset:5px}
.reference-site section,.reference-site #signed-books{scroll-margin-top:30px}
.ref-container{width:86%;max-width:1240px;margin:0 auto}
.ref-section{padding:128px 0}
.reference-site h2{font-size:clamp(32px,4.2vw,58px);line-height:1.04;letter-spacing:-2.3px;font-weight:900}
.reference-site h3{font-weight:900;line-height:1.2;font-size:25px;letter-spacing:-.7px}
.reference-site h4{font-size:16px;font-weight:700}
.reference-site p+p{margin-top:16px}
.reference-site .eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.5px;font-weight:700;color:#a77928;margin-bottom:20px}
.ref-header{height:85px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--cream);gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;flex-shrink:0}
.monogram{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:13px;font-weight:900}
.brand strong{display:block;font-size:15px;line-height:1.2;letter-spacing:.3px}
.brand small{display:block;font-size:10px;color:var(--muted)}
.ref-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}
.ref-header .invite{background:var(--navy);color:#fff;border-radius:24px;padding:12px 20px}
.ref-hero{display:grid;grid-template-columns:62.5% 37.5%;min-height:995px;background:var(--navy);color:#fff}
.hero-copy{padding:126px 9.5% 120px}
.reference-site h1{font-size:clamp(44px,5.85vw,84px);line-height:1.02;letter-spacing:-4px;font-weight:900;margin-bottom:30px}
.hero-intro{font-size:23px;line-height:1.5;max-width:670px;color:#d2dce1}
.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;padding:13px 20px;font-size:13px;font-weight:700;line-height:1.35;border-radius:0;cursor:pointer;min-height:44px}
.button.gold{background:var(--gold);color:var(--navy)}
.button.white{background:#fff;color:var(--navy)}
.button.outline{border-color:#8495a0;color:var(--navy);background:white}
.text-button{font-size:13px;font-weight:700;padding:12px 0}
.hero-stats{border-top:1px solid #36505d;margin-top:65px;padding-top:24px;display:flex;gap:46px}
.hero-stats strong{display:block;color:#e8bf69;font-size:19px}
.hero-stats span{display:block;font-size:11px;color:#a9bbc4;margin-top:3px}
.hero-quote{position:relative;display:flex;align-items:center;padding:70px 16%;overflow:hidden;background:linear-gradient(135deg,#ce9028,#e5b14f);color:var(--navy)}
.hero-quote:after{content:'';width:350px;height:350px;border:1px solid #ffffff30;border-radius:50%;position:absolute;bottom:-160px;right:-170px}
.hero-quote .quote-mark{display:block;font-family:Georgia,serif;font-size:125px;line-height:.5;color:#a97620;opacity:.6}
.hero-quote h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;white-space:nowrap;margin:6px 0 35px}
.hero-quote p{font-size:17px;line-height:1.7}
.hero-quote strong{display:block;margin-top:30px;font-size:14px}
.audience-strip{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 6%;font-size:14px;font-weight:700;color:#5d7280}
.audience-strip .eyebrow{font-size:10px;letter-spacing:1.7px;margin:0;color:#81909a}
.cream{background:var(--cream)}
.section-intro{margin-top:42px!important;color:var(--muted);font-size:18px;line-height:1.7}
.topic-grid,.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:55px}
.topic-card{background:#fff;border-top:4px solid var(--gold);padding:36px 30px 42px}
.card-number{display:block;color:var(--gold);font-size:13px;margin-bottom:38px}
.topic-card h3{margin-bottom:24px}
.topic-card p,.topic-card ul{font-size:16px;color:var(--muted);line-height:1.65}
.topic-card ul{padding-left:19px;margin:15px 0 0;list-style:disc}
.topic-note{text-align:center;font-size:14px;color:var(--muted);margin-top:34px!important}
.about-grid{display:grid;grid-template-columns:1fr 1.93fr;gap:58px;align-items:center}
.story-art{min-height:715px;background:linear-gradient(145deg,#0b2939,#1b526b);position:relative;overflow:hidden;color:white;display:flex;align-items:end;padding:32px}
.story-art>span{position:absolute;top:38px;left:-12px;font-size:330px;font-weight:900;line-height:1;color:#ffffff0d;letter-spacing:-25px}
.story-art p{font-size:58px;font-weight:900;line-height:1.03;letter-spacing:1px;z-index:1}
.story-art b{color:#edc36d}
.about-copy h4{margin:45px 0 25px;font-size:20px}
.about-copy>p:not(.eyebrow){font-size:15px;color:#53616b;line-height:1.75}
.inline-link{display:inline-block;font-size:14px;color:#97651d;text-decoration:underline!important;text-underline-offset:4px;font-weight:700;margin-top:17px}
.split-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:start}
.dark{background:#101922;color:#fff}
.dark p,.blue p{color:#bdcbd3;font-size:18px}
.dark .eyebrow,.blue .eyebrow{color:#dbb76b}
.audience-list{margin:26px 0 0;font-size:15px}
.audience-list>div{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:22px 0;border-top:1px solid #ffffff20}
.audience-list dt{font-weight:700;color:#e8c677;font-size:14px}
.audience-list dd{margin:0;color:#c4cdd2}
.book-grid{gap:24px}
.book-card{padding:30px;background:white;border-top:4px solid var(--navy)}
.book-card:nth-child(2){border-color:#da7433}
.book-card img{width:100%;aspect-ratio:660/1000;object-fit:cover;display:block;margin-bottom:24px}
.book-card .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:12px}
.book-card h3{font-size:25px;margin-bottom:13px}
.book-card h4{font-size:15px;margin-bottom:18px}
.book-card>p:not(.eyebrow){font-size:15px;line-height:1.7}
.book-card .actions{gap:8px;margin-top:20px}
.book-card .button{font-size:11px;padding:10px 13px;min-height:38px}
.book-card .book-subtitle{color:#a57829;margin:-4px 0 12px}
.signed-panel{display:grid;grid-template-columns:1fr 1.48fr;gap:60px;padding:60px;background:var(--navy);color:#fff;margin-top:24px}
.signed-panel h3{font-size:42px;letter-spacing:-1.3px}
.signed-panel>div>p:last-child{font-size:16px;color:#bdcbd3;margin-top:20px}
.ref-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:var(--text);align-content:start}
.ref-form label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}
.ref-form input:not([type=hidden]),.ref-form select,.ref-form textarea{background:#fff;color:#263943;border:1px solid #ccd2d7;border-radius:0;width:100%;min-width:0;min-height:46px;padding:10px;font-family:inherit;font-size:13px;box-shadow:none}
.ref-form textarea{min-height:105px;resize:vertical}
.ref-form .full{grid-column:1/-1}
.signed-panel .ref-form{color:white}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.form-bottom p{font-size:11px!important;line-height:1.6;color:#85939d}
.signed-panel .form-bottom p{color:#b8c8d1}
.form-error,.errorlist{color:#ac2525;background:#fff0ea;padding:8px;font-size:13px;list-style:none}
.feedback{padding:16px;background:#fff;margin-bottom:20px}
.blue{background:#143c50;color:#fff}
.reset-grid{display:grid;grid-template-columns:1fr 1fr;margin:30px 0}
.reset-grid>div{border:1px solid #ffffff30;padding:20px;font-size:15px}
.reset-grid span{display:block;color:#dcb763;font-size:11px;margin-bottom:12px}
.ministry p:not(.eyebrow){font-size:18px;color:var(--muted)}
.contact{background:var(--gold)}
.contact-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:115px;align-items:start}
.contact h2{margin-bottom:45px}
.contact-grid>div>p:not(.eyebrow){font-size:16px;margin-bottom:28px}
.contact .eyebrow{color:#8d6625}
.contact-link{display:block;text-decoration:underline!important;font-size:15px;font-weight:700}
.inquiry-form{background:#fff;padding:48px}
.ref-footer{background:#071d29;color:#f5f5f1;padding:70px 0}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-top p{font-size:14px}
.ref-footer .monogram{background:var(--gold);color:var(--navy)}
.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px;margin-top:36px}
.copyright{border-top:1px solid #ffffff15;color:#94a5ae;margin-top:45px!important;padding-top:25px;font-size:11px}
.skip-link{position:absolute;top:-100px;left:10px;z-index:100;background:white;padding:12px}
.skip-link:focus{top:10px}
@media(min-width:1600px){.hero-copy{padding-left:max(9.5%,calc((100vw - 1240px)/2))}
.ref-hero{min-height:995px}
}
@media(max-width:1100px){.ref-section{padding:90px 0}
.ref-hero{min-height:780px}
.hero-copy{padding:105px 9%}
.reference-site h1{letter-spacing:-2.5px}
.hero-intro{font-size:19px}
.hero-quote{padding:60px 12%}
.hero-quote h2{font-size:35px}
.hero-stats{gap:25px;margin-top:45px}
.audience-strip{font-size:12px;gap:15px}
.story-art{min-height:540px}
.story-art p{font-size:44px}
.story-art>span{font-size:250px}
.split-grid{gap:55px}
.contact-grid{gap:60px}
.inquiry-form{padding:30px}
.signed-panel{padding:35px;gap:35px}
.topic-card,.book-card{padding:25px 20px}
.book-card h3{font-size:22px}
.ref-header nav{gap:18px}
.desktop-break{display:none}
}
@media(max-width:760px){.ref-header{height:auto;min-height:85px;padding:20px 6%;flex-wrap:wrap}
.ref-header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}
.ref-header .invite{padding:9px 12px}
.ref-hero{grid-template-columns:1fr;min-height:0}
.hero-copy{padding:70px 7%}
.reference-site h1{font-size:clamp(40px,8.9vw,66px);letter-spacing:-2px}
.hero-intro{font-size:18px}
.hero-quote{padding:80px 7%;min-height:320px}
.hero-quote h2{font-size:42px}
.hero-quote p{font-size:16px}
.hero-stats{justify-content:space-between;gap:14px}
.hero-stats span{font-size:10px}
.audience-strip{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:25px 6%;font-size:11px;gap:20px 12px}
.audience-strip .eyebrow{font-size:8px}
.ref-section{padding:70px 0}
.reference-site h2{font-size:38px;letter-spacing:-1.5px}
.section-intro{font-size:16px;margin-top:25px!important}
.topic-grid,.book-grid{grid-template-columns:1fr;margin-top:35px;gap:22px}
.topic-card{padding:30px}
.card-number{margin-bottom:25px}
.topic-card h3{margin-bottom:18px}
.about-grid,.split-grid,.contact-grid,.signed-panel{grid-template-columns:1fr;gap:38px}
.story-art{min-height:420px;max-width:420px;width:100%}
.story-art>span{font-size:300px}
.story-art p{font-size:48px}
.about-copy h4{font-size:18px;margin:28px 0 20px}
.book-card{padding:28px}
.book-card img{max-width:330px;margin:0 auto 28px}
.signed-panel{padding:28px}
.signed-panel h3{font-size:35px}
.form-bottom{flex-wrap:wrap;gap:12px}
.ref-form{gap:16px 12px}
.inquiry-form{padding:25px}
.ref-form input:not([type=hidden]),.ref-form textarea,.ref-form select{font-size:16px}
.contact h2{margin-bottom:25px}
.footer-top{align-items:start;flex-direction:column}
.footer-top p{font-size:12px}
.ref-footer{padding:50px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}
}

