/* Production additions on top of the B3 design (style.css). */
body{font-size:15px}
.hero-bottom>p,.growth-section>div>p:not(.eyebrow),.contact-section>div>p:not(.eyebrow),.process-section article>p,.section-heading p{font-size:15px}
.site-header nav{font-size:13px}
.cream-button{font-size:14px}
.quiet-link{font-size:13px}
.eyebrow{font-size:11px}
.fine{font-size:12px}
#audit-result p{font-size:14px;margin:10px 0 16px}
.contact-section label,.audit-panel label{font-size:12px;display:block}
.contact-section select,.contact-section textarea,.contact-section input{display:block;width:100%;background:#193a31;color:var(--cream);border:1px solid #74906f;border-radius:0;padding:12px 14px;margin-bottom:22px;font-size:14px}
.button-row{display:flex;gap:10px;flex-wrap:wrap}
.button-row>*{flex:1 1 200px}
.ghost-button{border:1px solid var(--sage);background:none;color:inherit;text-decoration:none;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;min-height:52px}
.growth-section .ghost-button{border-color:#55764f;color:var(--green)}
.growth-section .cream-button{background:var(--green);color:var(--cream)}

/* services */
.services-section{background:var(--cream);color:var(--green);padding:100px 7%;--focus:#32664b}
.services-section h2 em,.experience-section h2 em{color:#55764f}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c9cfbb;border:1px solid #c9cfbb}
.service{background:var(--cream);padding:34px}
.service>span{font-size:11px;letter-spacing:1.4px;color:#55764f}
.service h3{font:28px/1.15 Georgia,serif;letter-spacing:-.5px;margin:14px 0 10px}
.service p{color:#37504a}
.service ul{margin:16px 0 0;padding-left:18px;color:#37504a;font-size:14px}
.service li{margin:4px 0}

/* concept samples strip */
.samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#c9cfbb;border-top:1px solid #c9cfbb;margin:70px 0 0}
.samples a{background:var(--cream);padding:22px 20px;text-decoration:none;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}
.samples a:hover{background:#e7e8d8}
.samples b{font:22px Georgia,serif;font-weight:400}
.samples span{font-size:12px;color:#55764f}
.samples-note{font-size:12px;color:#55764f;padding:18px 0 40px}

/* experience */
.experience-section{background:#e5e6d7;color:var(--green);padding:100px 7%;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}
.experience-section h2{margin:24px 0}
.experience-section>div>p:not(.eyebrow){font-size:15px;color:#37504a;max-width:520px}
.facts{list-style:none;margin:0;padding:0;border-top:1px solid #a8b79e;align-self:center}
.facts li{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #a8b79e}
.facts b{font:400 24px Georgia,serif}
.facts span{font-size:14px;color:#55764f;text-align:right}

/* tools */
.tools-section{padding:100px 7%;border-top:1px solid #5f7964}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff26;border:1px solid #ffffff26}
.tool{background:var(--green);padding:28px;text-decoration:none;display:flex;flex-direction:column;gap:8px;min-height:180px}
.tool:hover{background:#163a32}
.tool b{font:400 26px Georgia,serif}
.tool span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--sage)}
.tool p{color:#d0d7c7;font-size:14px;flex:1}
.tool i{font-style:normal;font-size:13px;border-bottom:1px solid #829a83;align-self:flex-start}

/* workspace + plans */
.plans-section{background:var(--cream);color:var(--green);padding:100px 7%;--focus:#32664b}
.plans-section h2 em{color:#55764f}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#a8b79e;border:1px solid #a8b79e;margin-top:40px}
.plan{background:#f7f5ea;padding:26px;display:flex;flex-direction:column;gap:10px}
.plan h3{font:400 24px Georgia,serif}
.plan strong{font:400 30px Georgia,serif}
.plan strong small{font:13px Arial,sans-serif;color:#55764f}
.plan p{font-size:14px;color:#37504a;flex:1}
.plan a{font-size:13px;border-bottom:1px solid #55764f;align-self:flex-start;text-decoration:none;padding-bottom:3px}
.plans-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:14px}

/* footer */
.big-footer{margin:0 4%;padding:60px 0 30px;border-top:1px solid #5b725e;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;font-size:14px}
.big-footer h4{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--sage);font-weight:400;margin:0 0 14px}
.big-footer ul{list-style:none;margin:0;padding:0}
.big-footer li{margin:6px 0}
.big-footer a{text-decoration:none}
.big-footer a:hover{text-decoration:underline}
.big-footer address{font-style:normal;color:#d0d7c7;line-height:1.7}
.footer-base{margin:0 4%;padding:22px 0 40px;border-top:1px solid #5b725e;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#b5c3ad}

@media(max-width:1050px){.samples{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.big-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .services-section,.experience-section,.tools-section,.plans-section{padding:56px 6%}
  .service-grid,.tool-grid,.plan-grid,.experience-section{grid-template-columns:1fr}
  .experience-section{gap:30px}
  .samples{grid-template-columns:repeat(2,minmax(0,1fr));margin:40px 0 0}
  .facts li{flex-direction:column;gap:2px}.facts span{text-align:left}
  .big-footer{grid-template-columns:1fr;gap:28px;margin:0 6%}
  .footer-base{margin:0 6%}
}