/* The copy follows the notebook; photography keeps a stable composition. */
.notebook-mode .right-lane,.notebook-mode .left-lane{padding-inline:0}
.hero-copy{width:100%;max-width:760px}
.hero .button{min-width:0;max-inline-size:420px;gap:14px}
.hero-food{width:min(570px,100%)}
.section-heading>div,.about-copy,.about-grid{min-width:0}
.story-pick,.stories-bottom .underlined,.menu-link,.about-copy .underlined{max-inline-size:max-content}
.stories-bottom{display:block}
.stories-bottom .underlined{margin-top:15px}
.format-row{min-width:0}
.format-row>div{min-width:0}
.format-row small{line-height:1.6}
.notebook-mode .stories,.notebook-mode .formats,.notebook-mode .about{min-height:0}
.final-cta{min-height:0;padding:64px 0 50px}
.summary-card{max-width:none}
#discuss{min-width:0;max-inline-size:420px}
.final-flower{right:8%;bottom:0;font-size:90px;opacity:.55}

/* A compact closing row, with the three contact channels always together. */
.footer{display:block;width:100%;margin:0;padding:0 0 64px;border-top:1px solid var(--line)}
.footer .footer-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding-block:24px;flex-direction:row}
.footer .brand{gap:8px}
.footer .brand img{width:36px;height:36px}
.footer .brand-type{font-size:22px;letter-spacing:1px}
.footer .brand-type small{font-size:4.5px;letter-spacing:1.3px}
.footer-label{display:block;font-size:7px;letter-spacing:1px;margin:0 0 6px}
.footer-location{justify-self:center;min-width:0}
.footer-location p{font-size:11px;line-height:1.6;font-weight:600}
.footer-location p>span{font-size:10px;font-weight:400;color:var(--muted)}
.footer-contact{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:20px;row-gap:9px;min-width:0}
.footer-contact .footer-label{margin:0}
.footer-phone{font-size:12px;font-weight:600;white-space:nowrap;justify-self:end}
.footer-socials{grid-column:1/-1;display:flex;align-items:center;gap:6px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;gap:13px;flex:1;white-space:nowrap;padding:7px 12px;border:1px solid #ded3c2;border-radius:99px;font-size:10px;line-height:1.3;transition:background .2s,border-color .2s}
.footer-socials a>span{color:#9a7b59}
.footer-socials a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.footer .footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding-top:11px;border-top:1px solid var(--line);font-size:8px;line-height:1.5;color:var(--muted)}
.footer-bottom>a{color:var(--ink);white-space:nowrap}
.is-at-footer:not(.is-reading) .notebook-controls{left:auto!important;top:auto!important;right:23px;bottom:20px}
.is-at-footer:not(.is-reading) .book-help{display:none}
@media(min-width:700px) and (max-width:1000px){
  .footer .footer-main{gap:20px;grid-template-columns:auto 1fr auto}
  .footer-location p{font-size:10px}
  .footer-location p>span{font-size:9px}
  .footer-contact{column-gap:10px}
  .footer-phone{font-size:11px}
  .footer-socials a{font-size:9px;padding:7px 9px;gap:8px}
}
@media(max-width:699px){
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(29px,7.4vw,52px)}
  .brand-type small{font-size:8px;font-weight:700;letter-spacing:.9px;margin-top:5px}
  .header-cta{font-size:10px}
  .hero .eyebrow{font-size:10px;font-weight:700;letter-spacing:.9px;line-height:1.5}
  .hero-note{font-size:11px;font-weight:500;line-height:1.55;max-width:270px;color:#564a43}
  .food-caption{font-size:10px;font-weight:500;line-height:1.5;color:#564a43}
  .food-sticker{font-size:9px}
  .eyebrow{font-size:10px;font-weight:700;letter-spacing:.9px}
  .section-number{font-size:10px;font-weight:700}
  .section-heading>p,.section-heading>div>p{font-size:12px}
  .wizard .stepper button{font-size:10px;font-weight:600;gap:4px;min-height:51px;padding:9px 1px 7px}
  .wizard .stepper button:disabled{opacity:.72}
  .step-number{display:block;font-size:11px;font-weight:700;line-height:1}
  .step-label{display:block;font-size:9px;font-weight:650;line-height:1.25;letter-spacing:-.18px;white-space:nowrap}
  .step-eyebrow,.range-labels,.wizard-actions>span,.wizard-footnote,.privacy-note{font-size:10px;font-weight:500}
  .chip{font-size:11px;font-weight:600;padding:10px 14px;border-color:#d8c8b4}
  .story-meta,.source-note,.format-row small,.summary-card .eyebrow,.summary-card small{font-size:10px;font-weight:500}
  .story-card p{font-size:12px}
  .story-pick,.stories-bottom .underlined,.about-copy .underlined{font-size:11px}
  .format-index{font-size:10px!important;font-weight:600}
  .format-row p{font-size:11px}
  .menu-link{font-size:11px}
  .hero .button,.summary-card .button{font-size:11px}
  .hero-food{width:100%}
  .story-grid{gap:35px}
  .final-cta{min-height:0;padding:42px 0 34px}
  .final-inner>.eyebrow{margin-bottom:21px}
  .summary-card{margin-top:22px;padding-top:19px}
  .footer{padding:0 0 60px}
  .footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 16px;padding-block:20px 16px}
  .footer .brand img{width:33px;height:33px}
  .footer .brand-type{font-size:20px}
  .footer .brand-type small{font-size:7.5px;letter-spacing:.8px}
  .footer-location{justify-self:end}
  .footer-location p{font-size:10px}
  .footer-location p>span{font-size:9px}
  .footer-contact{grid-column:1/-1;grid-template-columns:auto 1fr;column-gap:15px;row-gap:9px}
  .footer-phone{font-size:11px}
  .footer-socials{gap:6px}
  .footer-socials a{font-size:10px;padding:8px 12px}
  .footer-label{font-size:9px}
  .footer .footer-bottom{font-size:9px;padding-top:10px}
  .result-brand,.result-eyebrow{font-size:9px}
  .result-dialog .note-letterhead{font-size:8px;letter-spacing:.8px}
  .result-dialog .note-details dt{font-size:9px}
  .result-contact-heading p,.result-phone{font-size:11px}
  .result-demo{font-size:9px}
  .result-contacts>a{font-size:11px}
  .is-at-footer:not(.is-reading) .notebook-controls{right:10px;bottom:10px}
}