{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 #mbb-story-katie{ --wine:#6a2e30; --moss:#3d4e3b; --gold:#ca943f; --cream:#f2e5d1; --paper:#fbf7ef; --ink:#252525; --muted:#6a625a; --line:#d8c9b8; --serif:"Instrument Serif",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.7; overflow-x:clip; position:relative; isolation:isolate; text-align:left; } #mbb-story-katie, #mbb-story-katie *{box-sizing:border-box} #mbb-story-katie a{color:inherit;text-decoration:none} #mbb-story-katie img{display:block;max-width:100%;border:0} #mbb-story-katie h1, #mbb-story-katie h2, #mbb-story-katie h3, #mbb-story-katie p{max-width:none} #mbb-story-katie .mbb-wrap{width:min(1180px,calc(100% - 48px));margin:auto} #mbb-story-katie .mbb-skip-link{ position:absolute;left:18px;top:10px;z-index:9999;transform:translateY(-160%); background:var(--cream);color:var(--ink)!important;padding:10px 14px;font-weight:700; border:2px solid var(--gold);transition:transform .15s ease } #mbb-story-katie .mbb-skip-link:focus{transform:translateY(0)} #mbb-story-katie :where(a,button,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px} #mbb-story-katie .mbb-kicker{ font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--wine) } /* Utility + navigation */ #mbb-story-katie .mbb-utility{background:var(--moss);color:#fff;font-size:12px;letter-spacing:.05em} #mbb-story-katie .mbb-utility .mbb-wrap{ height:34px;display:flex;align-items:center;justify-content:space-between } #mbb-story-katie .mbb-utility span:last-child{opacity:.75} #mbb-story-katie .mbb-header{ background:var(--ink);border-bottom:1px solid rgba(242,229,209,.16);position:relative;z-index:30 } #mbb-story-katie .mbb-header .mbb-wrap{ height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px } #mbb-story-katie .mbb-logo{display:flex;align-items:center;color:var(--cream)!important;flex:0 0 auto} #mbb-story-katie .mbb-logo-text{ display:block;font:400 31px/.70 var(--serif);letter-spacing:-.035em; color:var(--cream);text-transform:lowercase } #mbb-story-katie .mbb-logo-text span{display:block} #mbb-story-katie .mbb-nav{ display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:var(--cream) } #mbb-story-katie .mbb-nav a{position:relative;color:var(--cream)!important} #mbb-story-katie .mbb-nav a:not(.mbb-join):after{ content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.2s } #mbb-story-katie .mbb-nav a:hover:after, #mbb-story-katie .mbb-nav a[aria-current="page"]:after{width:100%} #mbb-story-katie .mbb-join{ padding:13px 18px;background:var(--gold);color:var(--ink)!important } #mbb-story-katie .mbb-mobile-menu{display:none;position:relative;color:var(--cream);z-index:60} #mbb-story-katie .mbb-mobile-menu summary{ list-style:none;cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center; justify-content:center;border:1px solid rgba(242,229,209,.35);font-size:12px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;padding:0 14px } #mbb-story-katie .mbb-mobile-menu summary::-webkit-details-marker{display:none} #mbb-story-katie .mbb-mobile-menu[open] summary{background:var(--gold);color:var(--ink)} #mbb-story-katie .mbb-mobile-nav{ position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 28px)); background:var(--ink);border:1px solid rgba(242,229,209,.18);box-shadow:0 14px 34px rgba(0,0,0,.28);padding:10px } #mbb-story-katie .mbb-mobile-nav a{ display:flex;align-items:center;min-height:48px;padding:0 14px;color:var(--cream)!important; font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase } #mbb-story-katie .mbb-mobile-nav a:hover{background:rgba(242,229,209,.08)} /* Breadcrumb */ #mbb-story-katie .story-breadcrumb{ border-bottom:1px solid var(--line);background:var(--paper) } #mbb-story-katie .story-breadcrumb .mbb-wrap{ min-height:52px;display:flex;align-items:center;gap:9px;font-size:12px; letter-spacing:.07em;text-transform:uppercase;color:var(--muted) } #mbb-story-katie .story-breadcrumb a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-breadcrumb span[aria-hidden="true"]{color:var(--gold)} /* Hero */ #mbb-story-katie .story-hero{ display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); min-height:690px;background:var(--cream);overflow:hidden } #mbb-story-katie .story-hero-copy{ padding:88px max(42px,calc((100vw - 1180px)/2)) 72px max(36px,calc((100vw - 1180px)/2)); display:flex;flex-direction:column;justify-content:center } #mbb-story-katie .story-type{ display:flex;align-items:center;gap:12px;margin-bottom:18px } #mbb-story-katie .story-type:before{ content:"";width:38px;height:2px;background:var(--gold) } #mbb-story-katie .story-hero h1{ margin:0;color:var(--wine);font:400 clamp(58px,6vw,92px)/.91 var(--serif); letter-spacing:-.045em;max-width:760px } #mbb-story-katie .story-dek{ margin:28px 0 0;max-width:650px;color:#514e49;font-size:19px;line-height:1.6 } #mbb-story-katie .story-meta{ margin-top:34px;padding-top:22px;border-top:1px solid rgba(37,37,37,.18); display:flex;flex-wrap:wrap;gap:12px 25px;font-size:11px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;color:var(--muted) } #mbb-story-katie .story-meta strong{color:var(--moss)} #mbb-story-katie .story-hero-media{position:relative;min-height:690px;background:#d8c9b8} #mbb-story-katie .story-hero-media img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%; filter:saturate(.9) contrast(.97) } #mbb-story-katie .story-hero-media:after{ content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,229,209,.15),transparent 24%) } #mbb-story-katie .story-photo-note{ position:absolute;z-index:2;bottom:22px;right:22px;background:rgba(37,37,37,.72); color:#fff;padding:9px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase } /* Story body */ #mbb-story-katie .story-body{ display:grid;grid-template-columns:minmax(0,760px) 270px;gap:82px; align-items:start;padding:84px 0 105px } #mbb-story-katie .story-intro{ font-size:21px;line-height:1.72;color:#45413d;margin:0 0 55px } #mbb-story-katie .qa{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line)} #mbb-story-katie .qa:last-of-type{border-bottom:0;margin-bottom:0} #mbb-story-katie .qa h2{ font:400 clamp(35px,3.4vw,49px)/1.02 var(--serif);letter-spacing:-.025em; color:var(--wine);margin:0 0 22px } #mbb-story-katie .qa p{margin:0 0 18px;color:#3f3d39;font-size:17px;line-height:1.82} #mbb-story-katie .qa p:last-child{margin-bottom:0} /* Pull quote */ #mbb-story-katie .pullquote{ margin:62px 0;padding:48px 0 45px;border-top:2px solid var(--gold);border-bottom:1px solid var(--line) } #mbb-story-katie .pullquote blockquote{ margin:0;font:italic 400 clamp(40px,4.7vw,62px)/1 var(--serif); letter-spacing:-.025em;color:var(--moss) } #mbb-story-katie .pullquote cite{ display:block;margin-top:18px;font-style:normal;font-size:11px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:var(--muted) } /* Sidebar */ #mbb-story-katie .story-sidebar{ position:sticky;top:24px;border-top:4px solid var(--gold);background:var(--cream);padding:27px 24px 25px } #mbb-story-katie .story-sidebar h3{ margin:7px 0 12px;font:400 31px/1 var(--serif);color:var(--wine) } #mbb-story-katie .story-sidebar p{font-size:14px;line-height:1.65;color:#554f49;margin:0 0 20px} #mbb-story-katie .sidebar-label{ display:block;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--moss) } #mbb-story-katie .sidebar-list{border-top:1px solid rgba(37,37,37,.15);margin-top:19px} #mbb-story-katie .sidebar-list a, #mbb-story-katie .sidebar-list span{ display:block;padding:12px 0;border-bottom:1px solid rgba(37,37,37,.15); font-size:13px } #mbb-story-katie .sidebar-list a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-button{ display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 17px; margin-top:21px;background:var(--moss);color:#fff!important;font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase } /* Author block */ #mbb-story-katie .author-block{ background:var(--moss);color:#fff;padding:74px 0 } #mbb-story-katie .author-grid{ display:grid;grid-template-columns:210px 1fr;gap:48px;align-items:center } #mbb-story-katie .author-photo{ width:210px;aspect-ratio:1/1;overflow:hidden;background:#2d3b2c } #mbb-story-katie .author-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%} #mbb-story-katie .author-block .mbb-kicker{color:#e4b463} #mbb-story-katie .author-block h2{ margin:7px 0 15px;font:400 clamp(43px,4.5vw,64px)/.95 var(--serif) } #mbb-story-katie .author-block p{margin:0;max-width:740px;color:rgba(255,255,255,.8);font-size:16px} #mbb-story-katie .author-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} #mbb-story-katie .author-links a{ display:inline-flex;min-height:43px;align-items:center;padding:0 15px; border:1px solid rgba(255,255,255,.32);font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:#fff!important } #mbb-story-katie .author-links a:first-child{ background:var(--gold);border-color:var(--gold);color:var(--ink)!important } /* Books */ #mbb-story-katie .books{padding:84px 0 94px;background:var(--cream)} #mbb-story-katie .books-head{ display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:40px } #mbb-story-katie .books h2{ margin:7px 0 0;font:400 clamp(46px,5vw,70px)/.94 var(--serif);color:var(--wine) } #mbb-story-katie .books-head p{margin:0;color:#5b554e} #mbb-story-katie .book-grid{ display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(37,37,37,.15);border-top:1px solid rgba(37,37,37,.15) } #mbb-story-katie .book-card{ min-height:190px;padding:25px;border-right:1px solid rgba(37,37,37,.15); border-bottom:1px solid rgba(37,37,37,.15);display:flex;flex-direction:column;justify-content:space-between } #mbb-story-katie .book-card .status{ font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--moss) } #mbb-story-katie .book-card h3{ font:400 29px/1.02 var(--serif);color:var(--wine);margin:24px 0 8px } #mbb-story-katie .book-card p{font-size:13px;color:var(--muted);margin:0} #mbb-story-katie .book-card a{ margin-top:22px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine) } #mbb-story-katie .book-card a:after{content:" →"} /* Story footer CTA */ #mbb-story-katie .story-cta{padding:78px 0;background:var(--paper)} #mbb-story-katie .story-cta-grid{ display:flex;align-items:center;justify-content:space-between;gap:50px } #mbb-story-katie .story-cta h2{ font:400 clamp(42px,4.7vw,66px)/.95 var(--serif);color:var(--wine);margin:7px 0 0;max-width:700px } #mbb-story-katie .story-cta .story-button{margin-top:0;white-space:nowrap} /* Site footer */ #mbb-story-katie .mbb-footer{background:#302c2a;color:#fff;padding:60px 0 25px} #mbb-story-katie .mbb-footer-grid{ display:grid;grid-template-columns:1.3fr repeat(3,.55fr);gap:48px } #mbb-story-katie .mbb-footer .footer-brand{ font:400 38px/.78 var(--serif);letter-spacing:-.03em;color:var(--cream) } #mbb-story-katie .mbb-footer .footer-brand span{display:block} #mbb-story-katie .mbb-footer p{color:rgba(255,255,255,.65);max-width:310px} #mbb-story-katie .mbb-footer h4{ font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dca850;margin:0 0 16px } #mbb-story-katie .mbb-footer a{ display:block;color:rgba(255,255,255,.76);margin:8px 0;font-size:14px } #mbb-story-katie .mbb-footer-bottom{ display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16); margin-top:48px;padding-top:20px;font-size:11px;color:rgba(255,255,255,.55) } @media(max-width:1000px){ #mbb-story-katie .mbb-nav{display:none} #mbb-story-katie .mbb-mobile-menu{display:block} #mbb-story-katie .story-hero{grid-template-columns:1fr} #mbb-story-katie .story-hero-copy{padding:72px 32px} #mbb-story-katie .story-hero-media{min-height:560px} #mbb-story-katie .story-body{grid-template-columns:1fr;gap:45px} #mbb-story-katie .story-sidebar{position:static;max-width:560px} #mbb-story-katie .books-head{grid-template-columns:1fr;gap:20px} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ #mbb-story-katie .mbb-wrap{width:min(100% - 28px,1180px)} #mbb-story-katie .mbb-utility span:last-child{display:none} #mbb-story-katie .mbb-header .mbb-wrap{height:72px} #mbb-story-katie .mbb-logo-text{font-size:28px} #mbb-story-katie .story-breadcrumb .mbb-wrap{font-size:10px} #mbb-story-katie .story-hero-copy{padding:58px 22px 52px} #mbb-story-katie .story-hero h1{font-size:54px} #mbb-story-katie .story-dek{font-size:17px} #mbb-story-katie .story-hero-media{min-height:430px} #mbb-story-katie .story-body{padding:62px 0 75px} #mbb-story-katie .story-intro{font-size:19px} #mbb-story-katie .qa h2{font-size:37px} #mbb-story-katie .qa p{font-size:16px} #mbb-story-katie .pullquote{margin:48px 0;padding:38px 0} #mbb-story-katie .author-grid{grid-template-columns:1fr} #mbb-story-katie .author-photo{width:180px} #mbb-story-katie .book-grid{grid-template-columns:1fr} #mbb-story-katie .story-cta-grid{align-items:flex-start;flex-direction:column} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr} #mbb-story-katie .mbb-footer-bottom{flex-direction:column} } @media(prefers-reduced-motion:reduce){ #mbb-story-katie *,#mbb-story-katie *::before,#mbb-story-katie *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } 

html,body{margin:0;padding:0}

 #mbb-story-katie{ --wine:#6a2e30; --moss:#3d4e3b; --gold:#ca943f; --cream:#f2e5d1; --paper:#fbf7ef; --ink:#252525; --muted:#6a625a; --line:#d8c9b8; --serif:"Instrument Serif",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.7; overflow-x:clip; position:relative; isolation:isolate; text-align:left; } #mbb-story-katie, #mbb-story-katie *{box-sizing:border-box} #mbb-story-katie a{color:inherit;text-decoration:none} #mbb-story-katie img{display:block;max-width:100%;border:0} #mbb-story-katie h1, #mbb-story-katie h2, #mbb-story-katie h3, #mbb-story-katie p{max-width:none} #mbb-story-katie .mbb-wrap{width:min(1180px,calc(100% - 48px));margin:auto} #mbb-story-katie .mbb-skip-link{ position:absolute;left:18px;top:10px;z-index:9999;transform:translateY(-160%); background:var(--cream);color:var(--ink)!important;padding:10px 14px;font-weight:700; border:2px solid var(--gold);transition:transform .15s ease } #mbb-story-katie .mbb-skip-link:focus{transform:translateY(0)} #mbb-story-katie :where(a,button,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px} #mbb-story-katie .mbb-kicker{ font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--wine) } /* Utility + navigation */ #mbb-story-katie .mbb-utility{background:var(--moss);color:#fff;font-size:12px;letter-spacing:.05em} #mbb-story-katie .mbb-utility .mbb-wrap{ height:34px;display:flex;align-items:center;justify-content:space-between } #mbb-story-katie .mbb-utility span:last-child{opacity:.75} #mbb-story-katie .mbb-header{ background:var(--ink);border-bottom:1px solid rgba(242,229,209,.16);position:relative;z-index:30 } #mbb-story-katie .mbb-header .mbb-wrap{ height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px } #mbb-story-katie .mbb-logo{display:flex;align-items:center;color:var(--cream)!important;flex:0 0 auto} #mbb-story-katie .mbb-logo-text{ display:block;font:400 31px/.70 var(--serif);letter-spacing:-.035em; color:var(--cream);text-transform:lowercase } #mbb-story-katie .mbb-logo-text span{display:block} #mbb-story-katie .mbb-nav{ display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:var(--cream) } #mbb-story-katie .mbb-nav a{position:relative;color:var(--cream)!important} #mbb-story-katie .mbb-nav a:not(.mbb-join):after{ content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.2s } #mbb-story-katie .mbb-nav a:hover:after, #mbb-story-katie .mbb-nav a[aria-current="page"]:after{width:100%} #mbb-story-katie .mbb-join{ padding:13px 18px;background:var(--gold);color:var(--ink)!important } #mbb-story-katie .mbb-mobile-menu{display:none;position:relative;color:var(--cream);z-index:60} #mbb-story-katie .mbb-mobile-menu summary{ list-style:none;cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center; justify-content:center;border:1px solid rgba(242,229,209,.35);font-size:12px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;padding:0 14px } #mbb-story-katie .mbb-mobile-menu summary::-webkit-details-marker{display:none} #mbb-story-katie .mbb-mobile-menu[open] summary{background:var(--gold);color:var(--ink)} #mbb-story-katie .mbb-mobile-nav{ position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 28px)); background:var(--ink);border:1px solid rgba(242,229,209,.18);box-shadow:0 14px 34px rgba(0,0,0,.28);padding:10px } #mbb-story-katie .mbb-mobile-nav a{ display:flex;align-items:center;min-height:48px;padding:0 14px;color:var(--cream)!important; font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase } #mbb-story-katie .mbb-mobile-nav a:hover{background:rgba(242,229,209,.08)} /* Breadcrumb */ #mbb-story-katie .story-breadcrumb{ border-bottom:1px solid var(--line);background:var(--paper) } #mbb-story-katie .story-breadcrumb .mbb-wrap{ min-height:52px;display:flex;align-items:center;gap:9px;font-size:12px; letter-spacing:.07em;text-transform:uppercase;color:var(--muted) } #mbb-story-katie .story-breadcrumb a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-breadcrumb span[aria-hidden="true"]{color:var(--gold)} /* Hero */ #mbb-story-katie .story-hero{ display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); min-height:690px;background:var(--cream);overflow:hidden } #mbb-story-katie .story-hero-copy{ padding:88px max(42px,calc((100vw - 1180px)/2)) 72px max(36px,calc((100vw - 1180px)/2)); display:flex;flex-direction:column;justify-content:center } #mbb-story-katie .story-type{ display:flex;align-items:center;gap:12px;margin-bottom:18px } #mbb-story-katie .story-type:before{ content:"";width:38px;height:2px;background:var(--gold) } #mbb-story-katie .story-hero h1{ margin:0;color:var(--wine);font:400 clamp(58px,6vw,92px)/.91 var(--serif); letter-spacing:-.045em;max-width:760px } #mbb-story-katie .story-dek{ margin:28px 0 0;max-width:650px;color:#514e49;font-size:19px;line-height:1.6 } #mbb-story-katie .story-meta{ margin-top:34px;padding-top:22px;border-top:1px solid rgba(37,37,37,.18); display:flex;flex-wrap:wrap;gap:12px 25px;font-size:11px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;color:var(--muted) } #mbb-story-katie .story-meta strong{color:var(--moss)} #mbb-story-katie .story-hero-media{position:relative;min-height:690px;background:#d8c9b8} #mbb-story-katie .story-hero-media img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%; filter:saturate(.9) contrast(.97) } #mbb-story-katie .story-hero-media:after{ content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,229,209,.15),transparent 24%) } #mbb-story-katie .story-photo-note{ position:absolute;z-index:2;bottom:22px;right:22px;background:rgba(37,37,37,.72); color:#fff;padding:9px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase } /* Story body */ #mbb-story-katie .story-body{ display:grid;grid-template-columns:minmax(0,760px) 270px;gap:82px; align-items:start;padding:84px 0 105px } #mbb-story-katie .story-intro{ font-size:21px;line-height:1.72;color:#45413d;margin:0 0 55px } #mbb-story-katie .qa{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line)} #mbb-story-katie .qa:last-of-type{border-bottom:0;margin-bottom:0} #mbb-story-katie .qa h2{ font:400 clamp(35px,3.4vw,49px)/1.02 var(--serif);letter-spacing:-.025em; color:var(--wine);margin:0 0 22px } #mbb-story-katie .qa p{margin:0 0 18px;color:#3f3d39;font-size:17px;line-height:1.82} #mbb-story-katie .qa p:last-child{margin-bottom:0} /* Pull quote */ #mbb-story-katie .pullquote{ margin:62px 0;padding:48px 0 45px;border-top:2px solid var(--gold);border-bottom:1px solid var(--line) } #mbb-story-katie .pullquote blockquote{ margin:0;font:italic 400 clamp(40px,4.7vw,62px)/1 var(--serif); letter-spacing:-.025em;color:var(--moss) } #mbb-story-katie .pullquote cite{ display:block;margin-top:18px;font-style:normal;font-size:11px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:var(--muted) } /* Sidebar */ #mbb-story-katie .story-sidebar{ position:sticky;top:24px;border-top:4px solid var(--gold);background:var(--cream);padding:27px 24px 25px } #mbb-story-katie .story-sidebar h3{ margin:7px 0 12px;font:400 31px/1 var(--serif);color:var(--wine) } #mbb-story-katie .story-sidebar p{font-size:14px;line-height:1.65;color:#554f49;margin:0 0 20px} #mbb-story-katie .sidebar-label{ display:block;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--moss) } #mbb-story-katie .sidebar-list{border-top:1px solid rgba(37,37,37,.15);margin-top:19px} #mbb-story-katie .sidebar-list a, #mbb-story-katie .sidebar-list span{ display:block;padding:12px 0;border-bottom:1px solid rgba(37,37,37,.15); font-size:13px } #mbb-story-katie .sidebar-list a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-button{ display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 17px; margin-top:21px;background:var(--moss);color:#fff!important;font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase } /* Author block */ #mbb-story-katie .author-block{ background:var(--moss);color:#fff;padding:74px 0 } #mbb-story-katie .author-grid{ display:grid;grid-template-columns:210px 1fr;gap:48px;align-items:center } #mbb-story-katie .author-photo{ width:210px;aspect-ratio:1/1;overflow:hidden;background:#2d3b2c } #mbb-story-katie .author-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%} #mbb-story-katie .author-block .mbb-kicker{color:#e4b463} #mbb-story-katie .author-block h2{ margin:7px 0 15px;font:400 clamp(43px,4.5vw,64px)/.95 var(--serif) } #mbb-story-katie .author-block p{margin:0;max-width:740px;color:rgba(255,255,255,.8);font-size:16px} #mbb-story-katie .author-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} #mbb-story-katie .author-links a{ display:inline-flex;min-height:43px;align-items:center;padding:0 15px; border:1px solid rgba(255,255,255,.32);font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:#fff!important } #mbb-story-katie .author-links a:first-child{ background:var(--gold);border-color:var(--gold);color:var(--ink)!important } /* Books */ #mbb-story-katie .books{padding:84px 0 94px;background:var(--cream)} #mbb-story-katie .books-head{ display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:40px } #mbb-story-katie .books h2{ margin:7px 0 0;font:400 clamp(46px,5vw,70px)/.94 var(--serif);color:var(--wine) } #mbb-story-katie .books-head p{margin:0;color:#5b554e} #mbb-story-katie .book-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px } #mbb-story-katie .book-card{ min-width:0;display:flex;flex-direction:column } #mbb-story-katie .book-cover{ position:relative;aspect-ratio:2/3;background:#d8c9b8;overflow:hidden; box-shadow:0 14px 30px rgba(37,37,37,.13) } #mbb-story-katie .book-cover img{ width:100%;height:100%;object-fit:cover;object-position:center } #mbb-story-katie .book-card .status{ display:block;margin-top:18px;font-size:10px;font-weight:700;letter-spacing:.11em; text-transform:uppercase;color:var(--moss) } #mbb-story-katie .book-card h3{ font:400 26px/1.02 var(--serif);color:var(--wine);margin:8px 0 7px } #mbb-story-katie .book-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0} #mbb-story-katie .book-card a{ margin-top:auto;padding-top:17px;font-size:11px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;color:var(--wine) } #mbb-story-katie .book-card a:after{content:" →"} /* Story footer CTA */ #mbb-story-katie .story-cta{padding:78px 0;background:var(--paper)} #mbb-story-katie .story-cta-grid{ display:flex;align-items:center;justify-content:space-between;gap:50px } #mbb-story-katie .story-cta h2{ font:400 clamp(42px,4.7vw,66px)/.95 var(--serif);color:var(--wine);margin:7px 0 0;max-width:700px } #mbb-story-katie .story-cta .story-button{margin-top:0;white-space:nowrap} /* Site footer */ #mbb-story-katie .mbb-footer{background:#302c2a;color:#fff;padding:60px 0 25px} #mbb-story-katie .mbb-footer-grid{ display:grid;grid-template-columns:1.3fr repeat(3,.55fr);gap:48px } #mbb-story-katie .mbb-footer .footer-brand{ font:400 38px/.78 var(--serif);letter-spacing:-.03em;color:var(--cream) } #mbb-story-katie .mbb-footer .footer-brand span{display:block} #mbb-story-katie .mbb-footer p{color:rgba(255,255,255,.65);max-width:310px} #mbb-story-katie .mbb-footer h4{ font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dca850;margin:0 0 16px } #mbb-story-katie .mbb-footer a{ display:block;color:rgba(255,255,255,.76);margin:8px 0;font-size:14px } #mbb-story-katie .mbb-footer-bottom{ display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16); margin-top:48px;padding-top:20px;font-size:11px;color:rgba(255,255,255,.55) } @media(max-width:1000px){ #mbb-story-katie .mbb-nav{display:none} #mbb-story-katie .mbb-mobile-menu{display:block} #mbb-story-katie .story-hero{grid-template-columns:1fr} #mbb-story-katie .story-hero-copy{padding:72px 32px} #mbb-story-katie .story-hero-media{min-height:560px} #mbb-story-katie .story-body{grid-template-columns:1fr;gap:45px} #mbb-story-katie .story-sidebar{position:static;max-width:560px} #mbb-story-katie .books-head{grid-template-columns:1fr;gap:20px} #mbb-story-katie .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ #mbb-story-katie .mbb-wrap{width:min(100% - 28px,1180px)} #mbb-story-katie .mbb-utility span:last-child{display:none} #mbb-story-katie .mbb-header .mbb-wrap{height:72px} #mbb-story-katie .mbb-logo-text{font-size:28px} #mbb-story-katie .story-breadcrumb .mbb-wrap{font-size:10px} #mbb-story-katie .story-hero-copy{padding:58px 22px 52px} #mbb-story-katie .story-hero h1{font-size:54px} #mbb-story-katie .story-dek{font-size:17px} #mbb-story-katie .story-hero-media{min-height:430px} #mbb-story-katie .story-body{padding:62px 0 75px} #mbb-story-katie .story-intro{font-size:19px} #mbb-story-katie .qa h2{font-size:37px} #mbb-story-katie .qa p{font-size:16px} #mbb-story-katie .pullquote{margin:48px 0;padding:38px 0} #mbb-story-katie .author-grid{grid-template-columns:1fr} #mbb-story-katie .author-photo{width:180px} #mbb-story-katie .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #mbb-story-katie .story-cta-grid{align-items:flex-start;flex-direction:column} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr} #mbb-story-katie .mbb-footer-bottom{flex-direction:column} } @media(prefers-reduced-motion:reduce){ #mbb-story-katie *,#mbb-story-katie *::before,#mbb-story-katie *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } 

 #mbb-story-katie{ --wine:#6a2e30; --moss:#3d4e3b; --gold:#ca943f; --cream:#f2e5d1; --paper:#fbf7ef; --ink:#252525; --muted:#6a625a; --line:#d8c9b8; --serif:"Instrument Serif",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.7; overflow-x:clip; position:relative; isolation:isolate; text-align:left !important; direction:ltr !important; } #mbb-story-katie, #mbb-story-katie *{box-sizing:border-box} #mbb-story-katie a{color:inherit;text-decoration:none} #mbb-story-katie img{display:block;max-width:100%;border:0} #mbb-story-katie h1, #mbb-story-katie h2, #mbb-story-katie h3, #mbb-story-katie p{max-width:none} #mbb-story-katie .mbb-wrap{width:min(1180px,calc(100% - 48px));margin:auto} #mbb-story-katie .mbb-skip-link{ position:absolute;left:18px;top:10px;z-index:9999;transform:translateY(-160%); background:var(--cream);color:var(--ink)!important;padding:10px 14px;font-weight:700; border:2px solid var(--gold);transition:transform .15s ease } #mbb-story-katie .mbb-skip-link:focus{transform:translateY(0)} #mbb-story-katie :where(a,button,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px} #mbb-story-katie .mbb-kicker{ font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--wine) } /* Utility + navigation */ #mbb-story-katie .mbb-utility{background:var(--moss);color:#fff;font-size:12px;letter-spacing:.05em} #mbb-story-katie .mbb-utility .mbb-wrap{ height:34px;display:flex;align-items:center;justify-content:space-between } #mbb-story-katie .mbb-utility span:last-child{opacity:.75} #mbb-story-katie .mbb-header{ background:var(--ink);border-bottom:1px solid rgba(242,229,209,.16);position:relative;z-index:30 } #mbb-story-katie .mbb-header .mbb-wrap{ height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px } #mbb-story-katie .mbb-logo{display:flex;align-items:center;color:var(--cream)!important;flex:0 0 auto} #mbb-story-katie .mbb-logo-text{ display:block;font:400 31px/.70 var(--serif);letter-spacing:-.035em; color:var(--cream);text-transform:lowercase } #mbb-story-katie .mbb-logo-text span{display:block} #mbb-story-katie .mbb-nav{ display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:var(--cream) } #mbb-story-katie .mbb-nav a{position:relative;color:var(--cream)!important} #mbb-story-katie .mbb-nav a:not(.mbb-join):after{ content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.2s } #mbb-story-katie .mbb-nav a:hover:after, #mbb-story-katie .mbb-nav a[aria-current="page"]:after{width:100%} #mbb-story-katie .mbb-join{ padding:13px 18px;background:var(--gold);color:var(--ink)!important } #mbb-story-katie .mbb-mobile-menu{display:none;position:relative;color:var(--cream);z-index:60} #mbb-story-katie .mbb-mobile-menu summary{ list-style:none;cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center; justify-content:center;border:1px solid rgba(242,229,209,.35);font-size:12px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;padding:0 14px } #mbb-story-katie .mbb-mobile-menu summary::-webkit-details-marker{display:none} #mbb-story-katie .mbb-mobile-menu[open] summary{background:var(--gold);color:var(--ink)} #mbb-story-katie .mbb-mobile-nav{ position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 28px)); background:var(--ink);border:1px solid rgba(242,229,209,.18);box-shadow:0 14px 34px rgba(0,0,0,.28);padding:10px } #mbb-story-katie .mbb-mobile-nav a{ display:flex;align-items:center;min-height:48px;padding:0 14px;color:var(--cream)!important; font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase } #mbb-story-katie .mbb-mobile-nav a:hover{background:rgba(242,229,209,.08)} /* Breadcrumb */ #mbb-story-katie .story-breadcrumb{ border-bottom:1px solid var(--line);background:var(--paper) } #mbb-story-katie .story-breadcrumb .mbb-wrap{ min-height:52px;display:flex;align-items:center;gap:9px;font-size:12px; letter-spacing:.07em;text-transform:uppercase;color:var(--muted) } #mbb-story-katie .story-breadcrumb a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-breadcrumb span[aria-hidden="true"]{color:var(--gold)} /* Hero */ #mbb-story-katie .story-hero{ display:grid !important; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr) !important; grid-template-areas:"copy media"; min-height:690px;background:var(--cream);overflow:hidden; direction:ltr !important; text-align:left !important; align-items:stretch; } #mbb-story-katie .story-hero-copy{ grid-area:copy; padding:88px max(42px,calc((100vw - 1180px)/2)) 72px max(36px,calc((100vw - 1180px)/2)); display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important; width:100%;min-width:0;direction:ltr !important;text-align:left !important; } #mbb-story-katie .story-hero-copy > *{text-align:left !important;align-self:stretch;direction:ltr !important} #mbb-story-katie .story-type{ display:flex;align-items:center;gap:12px;margin-bottom:18px } #mbb-story-katie .story-type:before{ content:"";width:38px;height:2px;background:var(--gold) } #mbb-story-katie .story-hero h1{ margin:0;color:var(--wine);font:400 clamp(58px,6vw,92px)/.91 var(--serif); letter-spacing:-.045em;max-width:760px } #mbb-story-katie .story-dek{ margin:28px 0 0;max-width:650px;color:#514e49;font-size:19px;line-height:1.6 } #mbb-story-katie .story-meta{ margin-top:34px;padding-top:22px;border-top:1px solid rgba(37,37,37,.18); display:flex !important;flex-wrap:wrap !important;gap:12px 0 !important;font-size:11px;font-weight:700; letter-spacing:.09em;text-transform:uppercase;color:var(--muted); justify-content:flex-start !important;align-items:center !important;text-align:left !important; } #mbb-story-katie .story-meta span{display:inline-flex !important;align-items:center;white-space:normal;text-align:left !important} #mbb-story-katie .story-meta span + span::before{content:"•";color:var(--gold);margin:0 14px;font-size:10px} #mbb-story-katie .story-meta strong{color:var(--moss)} #mbb-story-katie .story-hero-media{grid-area:media;position:relative;min-height:690px;background:#d8c9b8;margin:0 !important;width:100%;min-width:0;direction:ltr !important} #mbb-story-katie .story-hero-media img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%; filter:saturate(.9) contrast(.97) } #mbb-story-katie .story-hero-media:after{ content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,229,209,.15),transparent 24%) } #mbb-story-katie .story-photo-note{ position:absolute;z-index:2;bottom:22px;right:22px;background:rgba(37,37,37,.72); color:#fff;padding:9px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase } /* Story body */ #mbb-story-katie .story-body{ display:grid;grid-template-columns:minmax(0,760px) 270px;gap:82px; align-items:start;padding:84px 0 105px } #mbb-story-katie .story-intro{ font-size:21px;line-height:1.72;color:#45413d;margin:0 0 55px } #mbb-story-katie .qa{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line)} #mbb-story-katie .qa:last-of-type{border-bottom:0;margin-bottom:0} #mbb-story-katie .qa h2{ font:400 clamp(35px,3.4vw,49px)/1.02 var(--serif);letter-spacing:-.025em; color:var(--wine);margin:0 0 22px } #mbb-story-katie .qa p{margin:0 0 18px;color:#3f3d39;font-size:17px;line-height:1.82} #mbb-story-katie .qa p:last-child{margin-bottom:0} /* Pull quote */ #mbb-story-katie .pullquote{ margin:62px 0;padding:48px 0 45px;border-top:2px solid var(--gold);border-bottom:1px solid var(--line) } #mbb-story-katie .pullquote blockquote{ margin:0;font:italic 400 clamp(40px,4.7vw,62px)/1 var(--serif); letter-spacing:-.025em;color:var(--moss) } #mbb-story-katie .pullquote cite{ display:block;margin-top:18px;font-style:normal;font-size:11px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:var(--muted) } /* Sidebar */ #mbb-story-katie .story-sidebar{ position:sticky;top:24px;border-top:4px solid var(--gold);background:var(--cream);padding:27px 24px 25px } #mbb-story-katie .story-sidebar h3{ margin:7px 0 12px;font:400 31px/1 var(--serif);color:var(--wine) } #mbb-story-katie .story-sidebar p{font-size:14px;line-height:1.65;color:#554f49;margin:0 0 20px} #mbb-story-katie .sidebar-label{ display:block;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--moss) } #mbb-story-katie .sidebar-list{border-top:1px solid rgba(37,37,37,.15);margin-top:19px} #mbb-story-katie .sidebar-list a, #mbb-story-katie .sidebar-list span{ display:block;padding:12px 0;border-bottom:1px solid rgba(37,37,37,.15); font-size:13px } #mbb-story-katie .sidebar-list a{font-weight:700;color:var(--wine)} #mbb-story-katie .story-button{ display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 17px; margin-top:21px;background:var(--moss);color:#fff!important;font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase } /* Author block */ #mbb-story-katie .author-block{ background:var(--moss);color:#fff;padding:74px 0 } #mbb-story-katie .author-grid{ display:grid;grid-template-columns:210px 1fr;gap:48px;align-items:center } #mbb-story-katie .author-photo{ width:210px;aspect-ratio:1/1;overflow:hidden;background:#2d3b2c } #mbb-story-katie .author-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%} #mbb-story-katie .author-block .mbb-kicker{color:#e4b463} #mbb-story-katie .author-block h2{ margin:7px 0 15px;font:400 clamp(43px,4.5vw,64px)/.95 var(--serif) } #mbb-story-katie .author-block p{margin:0;max-width:740px;color:rgba(255,255,255,.8);font-size:16px} #mbb-story-katie .author-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} #mbb-story-katie .author-links a{ display:inline-flex;min-height:43px;align-items:center;padding:0 15px; border:1px solid rgba(255,255,255,.32);font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:#fff!important } #mbb-story-katie .author-links a:first-child{ background:var(--gold);border-color:var(--gold);color:var(--ink)!important } /* Books */ #mbb-story-katie .books{padding:84px 0 94px;background:var(--cream)} #mbb-story-katie .books-head{ display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:40px } #mbb-story-katie .books h2{ margin:7px 0 0;font:400 clamp(46px,5vw,70px)/.94 var(--serif);color:var(--wine) } #mbb-story-katie .books-head p{margin:0;color:#5b554e} #mbb-story-katie .book-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px } #mbb-story-katie .book-card{ min-width:0;display:flex;flex-direction:column } #mbb-story-katie .book-cover{ position:relative;aspect-ratio:2/3;background:#d8c9b8;overflow:hidden; box-shadow:0 14px 30px rgba(37,37,37,.13) } #mbb-story-katie .book-cover img{ width:100%;height:100%;object-fit:cover;object-position:center } #mbb-story-katie .book-card .status{ display:block;margin-top:18px;font-size:10px;font-weight:700;letter-spacing:.11em; text-transform:uppercase;color:var(--moss) } #mbb-story-katie .book-card h3{ font:400 26px/1.02 var(--serif);color:var(--wine);margin:8px 0 7px } #mbb-story-katie .book-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0} #mbb-story-katie .book-card a{ margin-top:auto;padding-top:17px;font-size:11px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;color:var(--wine) } #mbb-story-katie .book-card a:after{content:" →"} /* Story footer CTA */ #mbb-story-katie .story-cta{padding:78px 0;background:var(--paper)} #mbb-story-katie .story-cta-grid{ display:flex;align-items:center;justify-content:space-between;gap:50px } #mbb-story-katie .story-cta h2{ font:400 clamp(42px,4.7vw,66px)/.95 var(--serif);color:var(--wine);margin:7px 0 0;max-width:700px } #mbb-story-katie .story-cta .story-button{margin-top:0;white-space:nowrap} /* Site footer */ #mbb-story-katie .mbb-footer{background:#302c2a;color:#fff;padding:60px 0 25px} #mbb-story-katie .mbb-footer-grid{ display:grid;grid-template-columns:1.3fr repeat(3,.55fr);gap:48px } #mbb-story-katie .mbb-footer .footer-brand{ font:400 38px/.78 var(--serif);letter-spacing:-.03em;color:var(--cream) } #mbb-story-katie .mbb-footer .footer-brand span{display:block} #mbb-story-katie .mbb-footer p{color:rgba(255,255,255,.65);max-width:310px} #mbb-story-katie .mbb-footer h4{ font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dca850;margin:0 0 16px } #mbb-story-katie .mbb-footer a{ display:block;color:rgba(255,255,255,.76);margin:8px 0;font-size:14px } #mbb-story-katie .mbb-footer-bottom{ display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16); margin-top:48px;padding-top:20px;font-size:11px;color:rgba(255,255,255,.55) } @media(max-width:1000px){ #mbb-story-katie .mbb-nav{display:none} #mbb-story-katie .mbb-mobile-menu{display:block} #mbb-story-katie .story-hero{grid-template-columns:1fr !important;grid-template-areas:"copy" "media"} #mbb-story-katie .story-hero-copy{padding:72px 32px} #mbb-story-katie .story-hero-media{min-height:560px} #mbb-story-katie .story-body{grid-template-columns:1fr;gap:45px} #mbb-story-katie .story-sidebar{position:static;max-width:560px} #mbb-story-katie .books-head{grid-template-columns:1fr;gap:20px} #mbb-story-katie .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ #mbb-story-katie .mbb-wrap{width:min(100% - 28px,1180px)} #mbb-story-katie .mbb-utility span:last-child{display:none} #mbb-story-katie .mbb-header .mbb-wrap{height:72px} #mbb-story-katie .mbb-logo-text{font-size:28px} #mbb-story-katie .story-breadcrumb .mbb-wrap{font-size:10px} #mbb-story-katie .story-hero-copy{padding:58px 22px 52px} #mbb-story-katie .story-hero h1{font-size:54px} #mbb-story-katie .story-dek{font-size:17px} #mbb-story-katie .story-meta{align-items:flex-start !important} #mbb-story-katie .story-meta span{width:100%} #mbb-story-katie .story-meta span + span::before{content:none} #mbb-story-katie .story-hero-media{min-height:430px} #mbb-story-katie .story-body{padding:62px 0 75px} #mbb-story-katie .story-intro{font-size:19px} #mbb-story-katie .qa h2{font-size:37px} #mbb-story-katie .qa p{font-size:16px} #mbb-story-katie .pullquote{margin:48px 0;padding:38px 0} #mbb-story-katie .author-grid{grid-template-columns:1fr} #mbb-story-katie .author-photo{width:180px} #mbb-story-katie .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #mbb-story-katie .story-cta-grid{align-items:flex-start;flex-direction:column} #mbb-story-katie .mbb-footer-grid{grid-template-columns:1fr} #mbb-story-katie .mbb-footer-bottom{flex-direction:column} } @media(prefers-reduced-motion:reduce){ #mbb-story-katie *,#mbb-story-katie *::before,#mbb-story-katie *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} }