/*
Theme Name: Business by Design
Description: VERT podcast library, built from the supplied HTML references.
Template: kadence
Version: 1.0.0
Text Domain: vertflywheel
*/

  :root{
    --navy:#16233F;
    --navy-deep:#0F1A30;
    --navy-light:#1F3358;
    --gold:#F0A93A;
    --gold-deep:#D9932A;
    --cream:#F6F2E9;
    --grey:#9BA3AD;
    --blue:#4A8FC2;
    --ink:#16233F;
    --max:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:var(--cream);
    background:var(--navy);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Anton',sans-serif;
    font-weight:400;
    line-height:1.02;
    letter-spacing:.2px;
    margin:0;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px;}
  button{font-family:'Inter',sans-serif;cursor:pointer;}
  :focus-visible{outline:3px solid var(--gold);outline-offset:3px;}

  /* ---------- Logo mark ---------- */
  .mark{width:36px;height:36px;flex:none;}
  .mark path{transform-origin:100px 100px;}

  /* ---------- Nav ---------- */
  .nav{
    position:sticky;top:0;z-index:20;
    background:rgba(15,26,48,.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(246,242,233,.08);
  }
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
  .brand-word{font-family:'Inter',sans-serif;font-weight:800;font-size:15px;letter-spacing:.5px;color:var(--cream);}
  .brand-word span{display:block;font-weight:500;font-size:11px;color:var(--grey);letter-spacing:.5px;}
  .nav-links{display:flex;align-items:center;gap:32px;}
  .nav-links a{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--cream);opacity:.85;}
  .nav-links a:hover{opacity:1;}
  .nav-cta{
    background:var(--gold);color:var(--navy-deep);
    padding:10px 20px;border-radius:2px;font-weight:700;font-size:14px;
    text-decoration:none;
  }
  .nav-cta:hover{background:var(--gold-deep);}

  /* ---------- Hero ---------- */
  .hero{padding:88px 0 96px;position:relative;overflow:hidden;}
  .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;}
  .bracket{
    border-left:5px solid var(--gold);
    padding-left:28px;
  }
  .bracket-top,.bracket-bottom{height:5px;background:var(--gold);width:64px;}
  .bracket-top{margin-bottom:22px;}
  .bracket-bottom{margin-top:28px;}
  @media (prefers-reduced-motion:no-preference){
    .bracket{animation:growV .7s cubic-bezier(.2,.7,.2,1) both;}
    .bracket-top{animation:growH .5s .55s cubic-bezier(.2,.7,.2,1) both;}
    .bracket-bottom{animation:growH .5s .65s cubic-bezier(.2,.7,.2,1) both;}
  }
  @keyframes growV{from{border-left-width:0;opacity:0;}to{border-left-width:5px;opacity:1;}}
  @keyframes growH{from{width:0;opacity:0;}to{width:64px;opacity:1;}}

  .eyebrowline{font-size:14.5px;font-weight:700;color:var(--gold);margin-bottom:14px;}
  h1.hero-title{font-size:clamp(38px,4.6vw,58px);color:var(--cream);text-transform:none;}
  .hero-title em{font-style:normal;color:var(--gold);}
  .hero-sub{margin-top:20px;max-width:52ch;font-size:17.5px;color:rgba(246,242,233,.8);}

  .signup-form{margin-top:32px;display:flex;gap:10px;max-width:460px;}
  .signup-form input{
    flex:1;padding:15px 16px;border-radius:2px;border:1px solid rgba(246,242,233,.25);
    background:rgba(246,242,233,.06);color:var(--cream);font-size:15.5px;font-family:'Inter',sans-serif;
  }
  .signup-form input::placeholder{color:rgba(246,242,233,.5);}
  .signup-form button{
    background:var(--gold);color:var(--navy-deep);border:none;border-radius:2px;
    padding:0 26px;font-weight:800;font-size:15px;white-space:nowrap;
  }
  .signup-form button:hover{background:var(--gold-deep);}
  .micro{margin-top:12px;font-size:13px;color:rgba(246,242,233,.55);}

  .hero-right{display:flex;flex-direction:column;align-items:center;gap:18px;}
  .hero-mark{width:220px;height:220px;}
  .hero-tagline{
    font-family:'Anton',sans-serif;font-size:15px;color:var(--grey);text-align:center;
    letter-spacing:.5px;max-width:230px;
  }

  .hero-trust{margin-top:44px;padding-top:26px;border-top:1px solid rgba(246,242,233,.12);
    font-size:13.5px;color:var(--grey);}
  .hero-trust strong{color:var(--cream);}

  /* ---------- Section shell ---------- */
  .section{padding:88px 0;}
  .section.on-cream{background:var(--cream);color:var(--navy);}
  .section-head{max-width:640px;margin-bottom:48px;}
  .section-head h2{font-size:clamp(28px,3vw,36px);color:inherit;}
  .on-cream .section-head h2{color:var(--navy);}
  .section-head p{margin-top:14px;font-size:16.5px;color:rgba(246,242,233,.75);}
  .on-cream .section-head p{color:rgba(22,35,63,.7);}

  /* ---------- Pillars ---------- */
  .pillar-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  }
  .pillar-card{
    background:var(--navy-light);padding:28px 24px 26px;border-top:4px solid var(--grey);
    display:flex;flex-direction:column;min-height:210px;
  }
  .pillar-card .tag{font-size:12px;font-weight:700;color:var(--grey);margin-bottom:14px;}
  .pillar-card h3{font-family:'Inter',sans-serif;font-weight:800;font-size:19px;color:var(--cream);margin-bottom:10px;}
  .pillar-card p{font-size:14.5px;color:rgba(246,242,233,.72);flex:1;}
  .pillar-card .state{margin-top:16px;font-size:12.5px;font-weight:700;}

  .pillar-card.value{
    grid-column:span 2;background:var(--gold);border-top-color:var(--navy-deep);
  }
  .pillar-card.value .tag{color:rgba(15,26,48,.65);}
  .pillar-card.value h3{color:var(--navy-deep);font-size:23px;}
  .pillar-card.value p{color:rgba(15,26,48,.78);}
  .pillar-card.value .state{color:var(--navy-deep);}

  .pillar-card.engine{border-top-color:var(--grey);}
  .pillar-card.reach{border-top-color:var(--blue);}
  .pillar-card.team{border-top-color:var(--cream);}
  .pillar-card .state.live::before{content:"● ";color:var(--navy-deep);}
  .pillar-card .state.soon{color:var(--grey);}

  @media (max-width:860px){
    .pillar-grid{grid-template-columns:1fr 1fr;}
    .pillar-card.value{grid-column:span 2;}
  }
  @media (max-width:560px){
    .pillar-grid{grid-template-columns:1fr;}
    .pillar-card.value{grid-column:span 1;}
  }

  /* ---------- Hosts ---------- */
  .hosts-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
  .host{display:flex;gap:20px;}
  .avatar{
    width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;
    font-size:20px;flex:none;
  }
  .host h3{font-family:'Inter',sans-serif;font-weight:800;font-size:17px;color:var(--navy);}
  .host .role{font-size:13px;font-weight:700;color:var(--gold-deep);margin:4px 0 10px;}
  .host p{font-size:14.5px;color:rgba(22,35,63,.75);}
  @media (max-width:760px){.hosts-grid{grid-template-columns:1fr;gap:36px;}}

  /* ---------- Book teaser ---------- */
  .book-section{padding:96px 0;background:var(--navy-deep);}
  .book-inner{display:grid;grid-template-columns:.62fr 1fr;gap:64px;align-items:center;}
  .book-cover{box-shadow:0 30px 60px -20px rgba(0,0,0,.55);}
  .book-eyebrow{color:var(--gold);font-weight:700;font-size:14.5px;margin-bottom:14px;}
  .book-inner h2{font-size:clamp(28px,3.4vw,40px);color:var(--cream);}
  .book-inner p{margin-top:18px;font-size:16.5px;color:rgba(246,242,233,.78);max-width:48ch;}
  .book-cta{
    display:inline-block;margin-top:26px;background:transparent;color:var(--gold);
    border:2px solid var(--gold);padding:13px 26px;border-radius:2px;font-weight:800;
    font-size:14.5px;text-decoration:none;
  }
  .book-cta:hover{background:var(--gold);color:var(--navy-deep);}
  @media (max-width:760px){.book-inner{grid-template-columns:1fr;}.book-cover{max-width:220px;}}

  /* ---------- Episodes (Buzzsprout embeds) ---------- */
  .episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media (max-width:860px){.episode-grid{grid-template-columns:1fr;}}
  .episode-embed{background:var(--navy);padding:4px;}
  .buzzsprout-slot{
    min-height:200px;display:flex;align-items:center;justify-content:center;
    border:1.5px dashed rgba(22,35,63,.3);color:rgba(22,35,63,.55);
    font-size:13px;text-align:center;padding:20px;
  }
  .cta-row{margin-top:36px;text-align:center;}
  .cta-row a{
    display:inline-block;color:var(--navy);border:2px solid var(--navy);
    padding:13px 26px;border-radius:2px;font-weight:800;font-size:14.5px;text-decoration:none;
  }
  .cta-row a:hover{background:var(--navy);color:var(--cream);}

  /* ---------- Footer ---------- */
  footer{background:var(--navy-deep);padding:56px 0 34px;border-top:1px solid rgba(246,242,233,.08);}
  .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
  .footer-links{display:flex;gap:36px;flex-wrap:wrap;}
  .footer-links a{text-decoration:none;font-size:14px;color:rgba(246,242,233,.7);font-weight:600;}
  .footer-links a:hover{color:var(--cream);}
  .footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(246,242,233,.08);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--grey);}

  :root{
    --navy:#16233F;
    --navy-deep:#0F1A30;
    --navy-light:#1F3358;
    --gold:#F0A93A;
    --gold-deep:#D9932A;
    --cream:#F6F2E9;
    --grey:#9BA3AD;
    --blue:#4A8FC2;
    --ink:#16233F;
    --max:1180px;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;font-family:'Inter',sans-serif;color:var(--cream);background:var(--navy);
    line-height:1.55;-webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:'Anton',sans-serif;font-weight:400;line-height:1.05;margin:0;}
  a{color:inherit;}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px;}
  button{font-family:'Inter',sans-serif;cursor:pointer;}
  :focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
  .mark{width:36px;height:36px;flex:none;}

  /* ---- nav (shared) ---- */
  .nav{position:sticky;top:0;z-index:30;background:rgba(15,26,48,.92);backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(246,242,233,.08);}
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
  .brand-word{font-weight:800;font-size:15px;letter-spacing:.5px;color:var(--cream);}
  .brand-word span{display:block;font-weight:500;font-size:11px;color:var(--grey);letter-spacing:.5px;}
  .nav-links{display:flex;align-items:center;gap:32px;}
  .nav-links a{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--cream);opacity:.85;}
  .nav-links a:hover{opacity:1;}

  /* ---- demo toggle strip (not part of the real site — mockup aid only) ---- */
  .demo-strip{background:#3a2e13;border-bottom:1px solid rgba(240,169,58,.4);padding:10px 0;}
  .demo-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .demo-strip p{font-size:12.5px;color:var(--gold);margin:0;}
  .demo-toggle{display:flex;gap:8px;}
  .demo-toggle button{
    background:transparent;border:1px solid rgba(240,169,58,.5);color:var(--gold);
    font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:2px;
  }
  .demo-toggle button.active{background:var(--gold);color:var(--navy-deep);}

  /* ---- header ---- */
  .page-head{padding:64px 0 40px;}
  .page-head h1{font-size:clamp(32px,4vw,46px);}
  .page-head p{margin-top:16px;max-width:56ch;font-size:16.5px;color:rgba(246,242,233,.75);}

  /* ---- gate ---- */
  .gate-wrap{padding-bottom:56px;}
  .gate{
    background:var(--navy-light);border-left:5px solid var(--gold);padding:36px 40px;
    display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  }
  .gate h2{font-size:22px;font-family:'Inter',sans-serif;font-weight:800;color:var(--cream);}
  .gate p{margin-top:8px;font-size:14.5px;color:rgba(246,242,233,.7);max-width:48ch;}
  .gate-form{display:flex;gap:10px;min-width:360px;}
  .gate-form input{
    flex:1;padding:14px 16px;border-radius:2px;border:1px solid rgba(246,242,233,.25);
    background:rgba(246,242,233,.06);color:var(--cream);font-size:15px;font-family:'Inter',sans-serif;
  }
  .gate-form input::placeholder{color:rgba(246,242,233,.5);}
  .gate-form button{
    background:var(--gold);color:var(--navy-deep);border:none;border-radius:2px;
    padding:0 22px;font-weight:800;font-size:14.5px;white-space:nowrap;
  }
  .gate-form button:hover{background:var(--gold-deep);}
  .gate-micro{grid-column:1/-1;font-size:12.5px;color:rgba(246,242,233,.5);margin-top:-14px;}
  @media (max-width:760px){
    .gate{grid-template-columns:1fr;}
    .gate-form{min-width:0;}
  }

  .unlocked-banner{
    background:rgba(240,169,58,.12);border-left:5px solid var(--gold);padding:18px 28px;
    display:none;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  }
  .unlocked-banner p{margin:0;font-size:14.5px;color:var(--cream);}
  .unlocked-banner strong{color:var(--gold);}
  .unlocked-banner a{font-size:13px;font-weight:700;color:var(--grey);text-decoration:underline;}

  /* ---- tabs ---- */
  .tabs-section{padding:8px 0 96px;}
  .tabs{display:flex;gap:8px;border-bottom:1px solid rgba(246,242,233,.14);margin-bottom:40px;flex-wrap:wrap;}
  .tab{
    background:none;border:none;color:rgba(246,242,233,.6);font-weight:700;font-size:14.5px;
    padding:14px 4px;margin-right:28px;border-bottom:3px solid transparent;position:relative;
  }
  .tab .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;}
  .tab[data-pillar="value"] .dot{background:var(--gold);}
  .tab[data-pillar="engine"] .dot{background:var(--grey);}
  .tab[data-pillar="reach"] .dot{background:var(--blue);}
  .tab[data-pillar="team"] .dot{background:var(--cream);}
  .tab.active{color:var(--cream);border-bottom-color:var(--gold);}

  .panel{display:none;}
  .panel.active{display:block;}

  .res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  @media (max-width:760px){.res-grid{grid-template-columns:1fr;}}

  .res-card{
    background:var(--navy-light);padding:26px 26px 24px;border-top:4px solid var(--gold);
    display:flex;flex-direction:column;transition:filter .2s;
  }
  .res-card .format{font-size:11.5px;font-weight:700;color:var(--gold);letter-spacing:.4px;}
  .res-card h3{font-family:'Inter',sans-serif;font-weight:800;font-size:17.5px;color:var(--cream);margin:10px 0 10px;}
  .res-card p{font-size:14px;color:rgba(246,242,233,.72);flex:1;}
  .res-card .dl{
    margin-top:18px;align-self:flex-start;font-size:13.5px;font-weight:700;color:var(--navy-deep);
    background:var(--gold);padding:10px 18px;border-radius:2px;text-decoration:none;
  }
  .res-card .dl:hover{background:var(--gold-deep);}

  /* locked visual state for cards, shown when body is not unlocked */






  .empty-state{
    grid-column:1/-1;border:1.5px dashed rgba(246,242,233,.2);padding:44px 32px;text-align:center;
  }
  .empty-state h3{font-family:'Inter',sans-serif;font-weight:800;font-size:16.5px;color:var(--cream);}
  .empty-state p{margin-top:8px;font-size:14px;color:rgba(246,242,233,.6);max-width:44ch;margin-left:auto;margin-right:auto;}

  footer{background:var(--navy-deep);padding:56px 0 34px;border-top:1px solid rgba(246,242,233,.08);}
  .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
  .footer-links{display:flex;gap:36px;flex-wrap:wrap;}
  .footer-links a{text-decoration:none;font-size:14px;color:rgba(246,242,233,.7);font-weight:600;}
  .footer-links a:hover{color:var(--cream);}
  .footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(246,242,233,.08);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--grey);}
/* WordPress integration and narrow-screen refinements. */
body.vert-site{margin:0;background:var(--navy);color:var(--cream);font-family:Inter,sans-serif;line-height:1.55;}
.vert-site h1,.vert-site h2{font-family:Anton,sans-serif;font-weight:400;line-height:1.05;color:inherit;}
.vert-site p{margin-bottom:0;}
.vert-site button{border-radius:2px;}
.vert-site .nav{top:0;}
.admin-bar.vert-site .nav{top:32px;}
.vert-site .skip-link{position:absolute;left:-10000px;top:8px;z-index:100;background:var(--cream);color:var(--navy);padding:12px;}
.vert-site .skip-link:focus{left:16px;}
.vert-site main{display:block;}
.vert-site #signup{scroll-margin-top:120px;}
.vert-site .pillar-card{text-decoration:none;}
.vert-site .pillar-card:hover{outline:2px solid var(--gold);outline-offset:3px;}
.vert-site .signup-embed{max-width:460px;margin-top:32px;}
.vert-site .signup-embed .formkit-form{max-width:100%!important;min-width:0!important;}
.vert-site .signup-embed .formkit-fields{margin:0!important;}
.vert-site .signup-embed .formkit-input{border-radius:2px!important;background:rgba(246,242,233,.06)!important;border-color:rgba(246,242,233,.25)!important;color:var(--cream)!important;font-family:Inter,sans-serif!important;}
.vert-site .signup-embed .formkit-submit{background:var(--gold)!important;color:var(--navy-deep)!important;border-radius:2px!important;font-weight:800!important;}
.vert-site .signup-embed .formkit-header,.vert-site .signup-embed .formkit-subheader,.vert-site .signup-embed .formkit-guarantee{color:var(--cream)!important;}
.vert-site .unlocked-banner{display:flex;margin-bottom:30px;}
.vert-site .locked-preview{margin-top:36px;pointer-events:none;user-select:none;}
.vert-site .locked-preview .res-card{filter:blur(2.5px) grayscale(.35);opacity:.55;}
.vert-site .locked-preview .tabs{pointer-events:none;}
.vert-site .resource-content:has(.vert-library) .locked-preview{display:none;}
.vert-site .resource-content:has(#convertkit-restrict-content){display:flex;flex-direction:column;}
.vert-site .vert-member-gate{display:flex;flex-direction:column;}
.vert-site #convertkit-restrict-content{order:-1;background:var(--navy-light);border-left:5px solid var(--gold);padding:36px 40px;margin:0 0 16px;width:100%;text-align:left;border-radius:0;}
.vert-site .convertkit-restrict-content-actions{display:grid;grid-template-columns:1fr 390px;column-gap:32px;row-gap:8px;align-items:center;}
.vert-site .convertkit-restrict-content-actions h3{font-family:Inter,sans-serif;font-size:22px;font-weight:800;line-height:1.3;color:var(--cream);grid-column:1;margin:0;}
.vert-site .convertkit-restrict-content-actions>p{font-size:14.5px;color:rgba(246,242,233,.7);grid-column:1;margin:0;}
.vert-site .convertkit-restrict-content-actions>p:last-child{grid-column:1/-1;font-size:12.5px;margin-top:8px;}
.vert-site .convertkit-restrict-content-actions form{grid-column:2;grid-row:1/3;width:100%;max-width:none;}
.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field{display:flex;gap:10px;align-items:stretch;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;}
.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field:before{display:none;}
.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field input[type=email]{min-width:0;flex:1;width:auto;padding:14px 16px;background:rgba(246,242,233,.06);border:1px solid rgba(246,242,233,.25);border-radius:2px;color:var(--cream);font-family:Inter,sans-serif;font-size:15px;}
.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field input[type=email]::placeholder{color:rgba(246,242,233,.5);}
.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field input[type=submit]{flex:none;width:auto;margin:0;background:var(--gold);color:var(--navy-deep);padding:14px 18px;border:0;border-radius:2px;font-weight:800;font-size:14px;}
.vert-site .tab:hover,.vert-site .tab:focus{background:transparent;color:var(--cream);}
.vert-site #convertkit-restrict-content .convertkit-restrict-content-modal-open{color:var(--gold);}
.vert-site .mark path{transform-origin:0 0;}
.vert-site .panel[hidden]{display:none;}
.vert-site .pending-download{opacity:.7;cursor:default;}
.vert-site .resource-content{padding-bottom:56px;}
.vert-site .resource-detail{min-height:65vh;padding-top:64px;padding-bottom:64px;}
.vert-site .resource-detail h1{font-size:clamp(30px,4vw,46px);margin:24px 0;}
.vert-site .back-link{color:var(--gold);font-size:14px;}
.vert-site .member-account{margin-top:32px;}
.vert-site .episode-embed{overflow:hidden;}
.vert-site .episode-embed iframe{width:100%;border:0;}
.vert-site .book-cover{max-width:400px;width:100%;}
@media(max-width:782px){.admin-bar.vert-site .nav{top:46px;}}
@media(max-width:760px){.vert-site .convertkit-restrict-content-actions{grid-template-columns:1fr;}.vert-site .convertkit-restrict-content-actions form{grid-column:1;grid-row:auto;}.vert-site #convertkit-restrict-content{padding:28px 24px;}.vert-site #convertkit-restrict-content #convertkit-restrict-content-email-field{flex-direction:column;}}
@media(max-width:650px){
 .vert-site .nav .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:72px;gap:18px 10px;padding-top:16px;padding-bottom:16px;}
 .vert-site .nav-links{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;gap:28px;}
 .vert-site .brand-word{font-size:12px;}.vert-site .brand .mark{width:28px;height:28px;}.vert-site .nav .brand{gap:8px;}
 .vert-site .nav-cta{grid-column:2;grid-row:1;font-size:11px;padding:9px 10px;}
 .vert-site .wrap{padding-left:20px;padding-right:20px;}
 .vert-site .hero{padding:56px 0 64px;}.vert-site .hero-inner{grid-template-columns:1fr;gap:44px;}
 .vert-site .hero-mark{width:150px;height:150px;}.vert-site .bracket{padding-left:20px;}
 .vert-site .section,.vert-site .book-section{padding:60px 0;}.vert-site .book-inner{gap:36px;}
 .vert-site .book-cover{max-width:220px;}.vert-site .section-head{margin-bottom:32px;}
 .vert-site .footer-links{flex-direction:column;gap:16px;}.vert-site .footer-bottom{flex-direction:column;}
 .vert-site .tabs{justify-content:space-between;gap:0;}.vert-site .tab{margin:0;font-size:13px;}.vert-site .page-head{padding-top:44px;}
}
@media(min-width:651px) and (max-width:900px){.vert-site .hero-inner{gap:32px;}.vert-site .nav-links{gap:20px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}