:root{--paper:#faf8ef;--warm:#f3efe1;--white:#fffdf7;--ink:#153e3b;--text:#344d48;--muted:#51645c;--line:#cdd1c3;--sage:#e6eddf;--ochre:#a56429;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}
html{color-scheme:light;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
body,button,input{font-family:var(--sans)}
button,a,input{touch-action:manipulation}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a35517;outline-offset:4px}
button{font-size:inherit;cursor:pointer}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}
h1,h2,.guide-card h3,.steps h3{font-family:var(--serif)}
h1,h2{letter-spacing:-.049em;line-height:1.05}
em{font-weight:400}
.wrap{width:calc(100% - clamp(36px,10vw,160px));max-width:1320px;margin-inline:auto}
.icon{width:20px;height:20px;flex:none;vertical-align:middle}
.skip{position:absolute;top:-70px;left:15px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:8px}
header{border-bottom:1px solid var(--line);background:var(--paper)}
.nav{min-height:78px;display:flex;align-items:center;gap:clamp(16px,3.5vw,55px)}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);white-space:nowrap;line-height:1;font-family:var(--serif);font-size:clamp(22px,2.1vw,32px);letter-spacing:-.055em}
.mark{width:30px;height:30px;flex:none}
.brand em{font-style:italic}
.nav nav{display:flex;gap:clamp(18px,2.5vw,40px);margin-left:auto;align-items:center}
.nav nav a,.header-card,.mobile-nav a{font-size:14px;font-weight:600}
.nav nav a:hover,.foothead nav a:hover,.crumb a:hover{text-decoration:underline;text-underline-offset:4px}
.header-card{display:inline-flex;align-items:center;gap:9px;border:1px solid #6e8578;border-radius:32px;padding:9px 17px}
.header-card:hover,.button.alt:hover{background:var(--sage)}
.header-card .icon{width:17px;height:17px}
.menu,.mobile-nav{display:none}
main:focus{outline:none}
.hero{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:clamp(28px,5.4vw,86px);padding-block:clamp(35px,4.8vw,76px)}
.eyebrow,.kicker,.category,.stepnum,figcaption,.card-stage>p{font-family:var(--mono);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.115em;line-height:1.45}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#486a59}
.eyebrow>span{display:inline-block;width:23px;height:2px;background:#bd8848}
.hero h1{font-size:clamp(58px,6.05vw,96px);line-height:.99}
.hero h1 em,.inner h1 em{color:#406850}
.intro{font-size:clamp(16px,1.22vw,19px);line-height:1.63;color:var(--text);max-width:52ch}
.hero .intro{margin-top:24px;max-width:45ch}
.actions{display:flex;align-items:center;gap:clamp(16px,2.3vw,34px);flex-wrap:wrap;margin-top:28px}
.button,.text-link,.guide-read,.reset{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;font-weight:650}
.button{border:1px solid var(--ink);background:var(--ink);color:white;border-radius:30px;min-height:46px;padding:12px 21px;justify-content:center}
.button.alt{background:transparent;color:var(--ink)}
.button:hover{background:#245753}
.text-link{border-bottom:1px solid #8b9b88;padding:8px 0 5px}.text-link .icon,.guide-read .icon{width:16px;height:16px}
.text-link:hover,.guide-read:hover{color:#80521f}
.hero-art{position:relative;align-self:stretch;min-height:440px;border-radius:6px;overflow:hidden;background:#aeb399}
.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:block}
.hero-art figcaption{position:absolute;left:17px;bottom:16px;border-radius:24px;background:rgba(250,248,239,.94);color:#294337;display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:9px;letter-spacing:.075em}
.cap-dot{width:6px;height:6px;background:#578364;border-radius:50%}
h2{font-size:clamp(36px,3.44vw,52px)}
.steps-section,.pale{background:var(--sage);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps-layout{padding:46px 0;display:grid;grid-template-columns:1fr 3.15fr;align-items:center;gap:clamp(30px,5vw,75px)}
.steps-title h2{font-size:clamp(29px,2.4vw,38px);line-height:1.1}
.steps-title .eyebrow{margin-bottom:13px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps>div{border-left:1px solid #bac8b6;padding-left:clamp(16px,2vw,31px)}
.stepnum{font-size:12px;color:#71623b;letter-spacing:.05em}
.steps h3{font-size:clamp(19px,1.5vw,24px);line-height:1.2;letter-spacing:-.035em;margin:7px 0 8px}
.steps p,.guide-card>p,.section-head>p{font-size:14px;color:var(--text);line-height:1.55}
.guide-section{padding-block:clamp(62px,6.5vw,104px)}
.guide-section .eyebrow{margin-bottom:13px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}
.section-head>p{max-width:29ch;margin-bottom:2px}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guide-card{background:var(--white);border:1px solid var(--line);padding:clamp(20px,2.4vw,36px);border-radius:5px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start}
.guide-card:hover{border-color:#708674;background:#f7f5eb}
.guide-top{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.guide-icon{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;background:#dae7da;color:#326843}
.tone1 .guide-icon{color:#86581f;background:#f1e4c6}.tone2 .guide-icon{color:#426c73;background:#e0e9e5}
.category{font-size:10px;color:var(--muted)}
.guide-card h3{font-size:clamp(24px,2.1vw,33px);line-height:1.1;letter-spacing:-.038em;margin-bottom:10px}
.guide-read{margin-top:auto;padding-top:22px;font-size:13px}
.quote-band{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);border-radius:5px;padding:clamp(30px,4vw,62px)}
.quote-band>div:first-child{max-width:70%}
.quote-band .kicker{color:#b7d8c4}
.quote-band p{font:italic clamp(26px,2.8vw,43px)/1.2 var(--serif);letter-spacing:-.027em;margin-top:13px}
.quote-band .text-link{border-color:#89a99e;white-space:nowrap}.quote-band .text-link:hover{color:#fad799}
.faq-section{display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(30px,6vw,88px);padding-block:clamp(62px,6vw,92px)}
.faq-section .eyebrow{margin-bottom:13px}
.faqs details{border-top:1px solid #bdc6b8}
.faqs details:last-child{border-bottom:1px solid #bdc6b8}
.faqs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 1px;font-weight:600;font-size:16px}
summary::-webkit-details-marker{display:none}
.toggle{font-size:23px;font-weight:400;line-height:.85;color:#58735f;transition:transform .2s}.faqs details[open] .toggle{transform:rotate(45deg)}
.faqs details p{margin:0 36px 18px 1px;color:var(--text);max-width:70ch}
.faqs details a,.prose p a{text-decoration:underline;text-underline-offset:3px}
footer{background:#eeefe4;border-top:1px solid var(--line)}
footer .wrap{padding-block:31px 26px}
.foothead,.footnote{display:flex;justify-content:space-between;align-items:center;gap:20px}
.foothead .brand{font-size:25px}.foothead .mark{width:24px}
.foothead nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}
.footnote{border-top:1px solid var(--line);padding-top:16px;margin-top:23px;font-size:12px;color:var(--muted)}
.footnote p{max-width:87ch}.footnote span{white-space:nowrap}
.crumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin:0 0 43px}.crumb span{color:#8f998e}
.inner,.article{padding-block:29px clamp(65px,7vw,108px)}
.inner h1,.article h1{font-size:clamp(43px,4.6vw,76px);line-height:1.045}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,98px);align-items:center}
.duo .intro,.article-head .intro{margin-top:21px}
.proof-note,.note{border-left:3px solid #bb904f;padding-left:14px;margin-top:23px;max-width:52ch;font-size:14px;color:var(--text)}
.proof-note strong,.note strong{color:var(--ink)}.fine{margin-top:16px;font-size:13px;line-height:1.55;color:var(--muted)}
.card-stage{background:#e1e8d9;border:1px solid #ced7c5;border-radius:7px;padding:clamp(18px,3vw,45px);display:flex;flex-direction:column;align-items:center;gap:21px}
.card-stage img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 12px 20px -9px #153e3b50}
.card-stage>p{color:#486253;letter-spacing:.055em;font-size:10px}
.card-controls{display:inline-flex;border:1px solid #9caa95;background:#f4f5ea;border-radius:22px;padding:3px;gap:2px}
.card-controls button,.menu{border:0;background:transparent;color:var(--ink)}
.card-controls button{padding:6px 17px;line-height:1.3;font-size:13px;border-radius:18px}
.card-controls button[aria-pressed=true]{background:var(--ink);color:white}
.compare{align-items:start}
.calc{border:1px solid var(--line);background:var(--white);border-radius:7px;padding:clamp(21px,3vw,42px)}
.calc h2{font-size:clamp(28px,2.5vw,39px);margin:8px 0 11px}.calc>p:not(.category){font-size:14px;color:var(--muted)}
.field{display:block;margin-top:16px;font-size:14px;font-weight:650}.cash{display:flex;align-items:center;border:1px solid #a9b6a8;background:#fffef9;border-radius:5px;margin-top:6px;padding:4px 12px;gap:10px;color:var(--muted)}
.cash input{border:0;background:transparent;min-width:0;width:100%;font-size:18px;line-height:1.5;padding:5px 0;color:var(--ink)}
.cash input:focus-visible{outline:0}.cash:focus-within{outline:2px solid #677f67;outline-offset:1px}
.reset{border:0;background:transparent;text-decoration:underline;color:var(--muted);padding:10px}
#result:not(:empty){border-left:3px solid #618368;background:var(--sage);margin-top:22px;padding:12px 15px;font-size:15px}
.note p{margin-top:5px}
.article-head{max-width:900px;padding-bottom:34px}.article-head .eyebrow{margin-bottom:15px}.article-head .intro{max-width:60ch}
.article-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:220px minmax(0,715px);gap:clamp(35px,6.7vw,100px);padding-top:38px}
aside nav{display:grid;gap:10px;margin-top:14px}aside a{font-size:14px;color:var(--text)}aside a:hover{text-decoration:underline}
.prose{max-width:720px}.prose section+section{margin-top:31px}.prose h2{font-size:clamp(25px,2.1vw,33px);line-height:1.18;letter-spacing:-.03em;margin-bottom:11px}
.prose p{font-size:17px;line-height:1.72;color:var(--text)}.prose p+p{margin-top:12px}
.sources,.read-next{border-top:1px solid var(--line);margin-top:29px;padding-top:20px}
.sources{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center;font-size:13px}.sources a{text-decoration:underline;text-underline-offset:3px}.sources .icon{width:13px;height:13px}
.read-next p{font:700 11px/1.4 var(--mono)}.about{border-top:1px solid var(--line);padding-top:31px}
@media(min-width:1550px){.hero-art{min-height:530px}}
@media(max-width:1000px){.hero{gap:30px;grid-template-columns:1fr 1fr}.hero-art{min-height:400px}.hero h1{font-size:clamp(52px,6.7vw,70px)}.steps-layout{gap:20px;grid-template-columns:.8fr 2.6fr}.steps{gap:10px}.steps>div{padding-left:15px}.guide-card{padding:20px}.hero .actions{gap:15px}.button{padding:11px 16px}.quote-band>div:first-child{max-width:66%}.article-grid{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.nav{min-height:66px;gap:12px}.mark{width:24px;height:25px}.brand{font-size:24px}.nav nav{display:none}.header-card{margin-left:auto;padding:7px 12px;font-size:12px}.menu{display:grid;place-items:center;width:34px;height:40px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:4px 19px 15px;border-top:1px solid var(--line)}.mobile-nav a{padding:10px}.hero{grid-template-columns:1fr;gap:27px;padding-block:33px}.hero .eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(53px,10vw,74px)}.hero h1 br:nth-child(2){display:none}.hero h1 em:after{content:" "}.hero .intro{margin-top:16px}.hero .actions{margin-top:19px}.hero-art{min-height:0;aspect-ratio:1.73}.hero-art img{object-position:50% 54%}.hero-art figcaption{left:11px;bottom:11px;font-size:8px}.steps-layout{grid-template-columns:1fr;padding-block:32px;gap:19px}.steps-title h2 br,.faq-section h2 br{display:none}.steps-title h2 br:after,.faq-section h2 br:after{content:" "}.steps-title h2,.faq-section h2{word-spacing:.05em}.steps-title .eyebrow{margin-bottom:9px}.steps{grid-template-columns:repeat(3,1fr);gap:14px}.steps>div{border-left:0;border-top:1px solid #b2c0ad;padding:9px 0 0}.steps h3{font-size:19px}.steps p{font-size:13px}.section-head{display:block}.section-head>p{max-width:none;margin-top:11px}.guides{grid-template-columns:1fr;gap:12px}.guide-card{min-height:0}.guide-top{margin-bottom:14px}.guide-read{padding-top:15px}.quote-band{display:block}.quote-band>div:first-child{max-width:none}.quote-band .text-link{margin-top:15px}.faq-section{grid-template-columns:1fr;gap:23px}.foothead,.footnote{align-items:start;flex-direction:column}.foothead nav{gap:13px 19px}.footnote{gap:10px}.duo,.article-grid{grid-template-columns:1fr}.inner,.article{padding-top:18px}.crumb{margin-bottom:28px}.duo{gap:27px}.card-stage{padding:23px;gap:16px}.article-grid{gap:28px}.article-grid aside{border-bottom:1px solid var(--line);padding-bottom:19px}.article-head{padding-bottom:23px}.hero-copy{max-width:600px}.guide-section,.faq-section{padding-block:48px}}
@media(max-width:460px){.brand{font-size:21px;gap:6px}.header-card{gap:5px}.header-card .icon{width:15px}.nav{gap:5px}.hero h1{font-size:clamp(47px,12vw,56px)}.hero-art{aspect-ratio:1.5}.steps{grid-template-columns:1fr;gap:0}.steps>div{display:grid;grid-template-columns:27px 1fr;gap:0 12px;padding:13px 0}.stepnum{grid-row:1/3;margin-top:3px}.steps h3{margin:0 0 4px}.steps p{font-size:14px}.faq-section .eyebrow,.guide-section .eyebrow{margin-bottom:9px}.nav .brand .mark{width:23px}.card-stage{padding:16px}.foothead .brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* On-site message previews */
.delivery{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);margin-top:38px;padding:clamp(23px,3vw,42px);background:var(--sage);border:1px solid var(--line);border-radius:7px}
.delivery h2{font-size:clamp(26px,2.5vw,38px);margin:8px 0 13px}
.delivery-intro>p:last-child,.message-preview p{font-size:14px;line-height:1.6;color:var(--text)}
.delivery-options details{border-bottom:1px solid #b6c7b2}
.delivery-options details:first-child{border-top:1px solid #b6c7b2}
.delivery-options summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;font-weight:650}
.delivery-options summary>span:first-child{display:inline-flex;align-items:center;gap:10px}
.delivery-options details[open] .toggle{transform:rotate(45deg)}
.message-preview{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:18px;margin:0 0 16px}
.message-preview .message-label{font:700 10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:11px}
.message-preview h3{font:normal 22px/1.2 var(--serif);margin-bottom:9px}
.message-preview img{display:block;width:100%;max-width:320px;height:auto;border-radius:6px;margin-top:14px}
.message-preview .fine{font-size:12px}
.sms-bubble{background:#eaf0e6;border-radius:13px 13px 13px 2px;padding:13px 16px}
.sms-bubble dl{margin:12px 0;line-height:1.6;font-size:14px}
.sms-bubble dl div{display:flex;align-items:baseline;gap:10px}
.sms-bubble dt{min-width:76px;font-weight:600}
.sms-bubble dd{margin:0;font-family:var(--mono)}
@media(max-width:760px){.delivery{grid-template-columns:1fr;gap:20px;margin-top:26px}}

.device-share:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:5px 15px;margin-top:11px}
.device-share .text-link{border:0;background:transparent;padding:7px 0;color:var(--ink)}
.device-share .fine{margin:0;font-size:12px}

/* The people in the guides */
.cast-hero {
  min-height: 0;
  align-self: center;
  aspect-ratio: 3 / 2;
}
.cast-hero img { object-position: center; }
.cast-hero figcaption { letter-spacing: .045em; font-size: 10px; }
.guide-card { overflow: hidden; padding: 0; }
.guide-photo { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; }
.guide-photo img, .story-photo img, .comparison-photo img, .pickup-photo img {
  display: block;
  width: 100%;
  height: auto;
}
.guide-card .guide-top, .guide-card h3, .guide-card > p, .guide-card .guide-read {
  margin-inline: clamp(18px, 2vw, 29px);
}
.guide-card .guide-top { margin-block: 21px 9px; }
.guide-card .guide-read { padding-bottom: 22px; }
.story-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .88fr);
  gap: clamp(25px, 5vw, 76px);
  align-items: center;
  background: none;
  border: 0;
  padding-bottom: clamp(26px, 3.5vw, 54px);
}
.story-header .article-head { padding: 0; }
.story-photo img, .comparison-photo img, .pickup-photo img { border-radius: 6px; }
.story-photo figcaption, .comparison-photo figcaption {
  margin-top: 9px;
  font: 14px/1.45 var(--sans);
  letter-spacing: normal;
  text-transform: none;
  color: var(--muted);
}
.compare {
  grid-template-areas: "intro form" "photo form";
  row-gap: 24px;
  grid-template-rows: auto 1fr;
}
.compare-intro { grid-area: intro; }
.compare .calc { grid-area: form; }
.comparison-photo { grid-area: photo; max-width: 505px; }
.pickup-photo { margin-top: 23px; max-width: 340px; }
.card-request { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: center; }
.card-request[hidden], .card-request-received[hidden] { display: none; }
.card-request label { grid-column: 1 / -1; font-weight: 650; }
.card-request input[type="email"] { min-width: 0; width: 100%; padding: 12px; border: 1px solid #849c90; border-radius: 4px; background: #fff; font: inherit; }
.card-request .button { white-space: nowrap; justify-content: center; }
.card-privacy { grid-column: 1 / -1; font-size: 13px; text-decoration: underline; }
.card-request-received { margin: 0; align-self: center; line-height: 1.6; }
@media (max-width: 520px) {
  .card-request { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .story-header { grid-template-columns: 1fr; gap: 19px; }
  .compare { grid-template-areas: "intro" "form" "photo"; grid-template-rows: auto; }
  .comparison-photo { max-width: 100%; }
  .pickup-photo { max-width: 290px; }
}
@media (max-width: 760px) {
  .hero { grid-template-areas: "eyebrow" "title" "photo" "intro" "actions"; gap: 0; }
  .hero-copy { display: contents; }
  .hero-copy .eyebrow { grid-area: eyebrow; }
  .hero-copy h1 { grid-area: title; }
  .hero .cast-hero { grid-area: photo; margin-top: 20px; }
  .hero-copy .intro { grid-area: intro; }
  .hero-copy .actions { grid-area: actions; }
}
@media (max-width: 400px) {
  .nav { width: calc(100% - 24px); }
  .nav .brand { font-size: 19px; }
  .header-card { padding: 7px 9px; white-space: nowrap; }
  .header-card .icon { display: none; }
}