/* People, place and craft: the Twist Media story. */
.about-redesign h1,.about-redesign h2{font-weight:500}
.about-redesign em{font-weight:500;color:#778b65}
.about-opening{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding-block:50px 60px}
.about-opening .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:28px}
.about-opening h1{font-size:clamp(50px,5.6vw,80px);line-height:1.08;letter-spacing:-.06em}
.about-opening>div>p:not(.eyebrow){max-width:420px;color:#67765b;font-size:13px;margin-top:28px}
.about-story-link{display:inline-flex;align-items:center;gap:18px;font-size:11px;margin-top:26px}
.about-story-link>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b9c8aa;border-radius:50%}
.about-story-link:hover{color:#778b65}
.about-studio-art svg{display:block;width:100%;height:auto}
.about-origin{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid #cbd6c0;padding-block:65px 75px}
.about-origin-date{display:flex;flex-direction:column;align-items:flex-start}
.about-origin-date>.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:30px}
.about-origin-date>strong{display:block;position:relative;font-size:clamp(90px,10vw,140px);font-weight:400;letter-spacing:-8px;line-height:1;color:#7a8f66}
.about-origin-date>strong>span{font-size:8px;position:absolute;left:5px;bottom:-22px;letter-spacing:2px;color:#516847}
.about-origin-date>p:not(.eyebrow){font-size:12px;color:#6c7d5f;margin-top:50px;border-left:1px solid #b7c8a5;padding-left:17px}
.about-origin-copy h2{font-size:45px;line-height:1.13;margin-bottom:27px}
.about-origin-copy>p{font-size:14px;color:#65755a;margin-top:17px;max-width:570px}
.about-founder{display:flex;align-items:center;gap:15px;margin-top:28px;padding-top:24px;border-top:1px solid #d3dccb}
.founder-portrait{display:block;width:96px;height:120px;object-fit:cover;object-position:center 30%;border-radius:3px;flex-shrink:0}
.about-founder h3{font-size:14px}.about-founder div>span{font-size:10px;color:#758569}
.about-team{background:#1c3428;color:#f3f4eb;padding-block:60px}
.about-team-heading{display:flex;justify-content:space-between;align-items:center;gap:70px}
.about-team .eyebrow{font-size:8px;letter-spacing:1.7px;color:#b7c8a6;margin-bottom:25px}
.about-team h2{font-size:clamp(42px,4.8vw,64px);line-height:1.1}
.about-team h2 em{color:#bed0a8}
.about-team-count{display:flex;align-items:center;gap:28px;border-left:1px solid #ffffff30;padding-left:50px}
.about-team-count strong{font-size:118px;font-weight:400;line-height:1;letter-spacing:-6px;color:#d7e2c4}
.about-team-count strong>span{font-size:50px;vertical-align:top;line-height:1.5;margin-left:5px;color:#97b07d}
.about-team-count p{font-size:12px;color:#b9c9a8;line-height:1.8}
.about-team-note{display:flex;justify-content:space-between;gap:70px;align-items:center;border-top:1px solid #ffffff26;margin-top:40px;padding-top:28px}
.about-team-note>p{font-size:12px;color:#c4d0b7;max-width:610px}
.about-team-note>a{display:flex;gap:22px;align-items:center;font-size:11px;white-space:nowrap}
.about-team-note>a>span{border:1px solid #a9be9170;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:17px}
.about-team-note>a:hover{color:#b8d19c}
.about-reach{padding-block:70px 60px}
.about-reach>.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:25px}
.about-reach-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}
.about-reach-heading h2{font-size:clamp(38px,4.2vw,58px);line-height:1.12}
.about-reach-heading>p{max-width:310px;font-size:13px;color:#67795c}
.about-milestones{display:grid;grid-template-columns:1.25fr 1fr .75fr;margin-top:12px;border-top:1px solid #cbd6c0;padding-block:30px}
.about-milestones>div{padding-inline:40px;border-left:1px solid #d0d9c6}
.about-milestones>div:first-child{padding-left:0;border:0}
.about-milestones strong{font-size:clamp(46px,5.6vw,76px);line-height:1.15;font-weight:400;letter-spacing:-3px}
.about-milestones strong>span{color:#849b70;font-size:.6em;margin-left:4px}
.about-milestones p{font-size:11px;color:#6c7f5f;margin-top:10px}
.about-milestones-period{margin-top:35px;font-size:9px;letter-spacing:1.5px;color:#74866a}
.about-office{padding-bottom:60px}.about-office .eyebrow{font-size:8px}.about-office h2{font-size:40px}.about-office .office-grid{margin-bottom:0}
.about-invitation{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;border-top:1px solid #bfcdb3;padding-block:50px 70px}
.about-invitation-label{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.7px;color:#617453;margin-bottom:27px}
.about-invitation-label>span{width:6px;height:6px;background:#81976d;border-radius:50%}
.about-invitation h2{font-size:clamp(42px,4.8vw,66px);line-height:1.09;letter-spacing:-.06em}
.about-invitation .invitation-actions{max-width:300px;width:100%;justify-self:end;margin-bottom:5px}
.about-invitation .invitation-actions>p{font-size:12px;color:#637458;margin-bottom:20px}
@media(max-width:1000px){.about-opening{gap:20px}.about-origin{gap:50px}.about-team-heading{gap:30px}.about-team-count{display:block;padding-left:30px}.about-team-count strong{font-size:100px}.about-team-count p{margin-top:15px}.about-invitation{gap:40px}.about-origin-copy h2{font-size:39px}}
@media(max-width:720px){.about-opening{grid-template-columns:1fr;padding-block:33px 30px;gap:12px}.about-opening h1{font-size:clamp(44px,10.8vw,66px)}.about-opening .eyebrow{font-size:7px;margin-bottom:24px}.about-opening>div>p:not(.eyebrow){font-size:12px;margin-top:22px}.about-story-link{font-size:10px;margin-top:20px}.about-studio-art{max-width:350px;justify-self:center;width:100%}.about-origin{grid-template-columns:1fr;gap:36px;padding-block:40px}.about-origin-date>strong{font-size:105px;letter-spacing:-6px}.about-origin-date>p:not(.eyebrow){margin-top:42px}.about-origin-copy h2{font-size:37px}.about-origin-copy>p{font-size:13px}.about-team{padding-block:40px}.about-team-heading{display:block}.about-team h2{font-size:40px}.about-team-count{border-left:0;padding:0;display:flex;gap:24px;margin-top:30px}.about-team-count strong{font-size:88px}.about-team-count strong>span{font-size:36px}.about-team-count p{margin:0;font-size:11px}.about-team-note{display:block;margin-top:28px;padding-top:23px}.about-team-note>p{font-size:12px}.about-team-note>a{margin-top:20px;width:fit-content}.about-reach{padding-block:42px}.about-reach-heading{display:block}.about-reach-heading h2{font-size:37px}.about-reach-heading>p{font-size:12px;margin-top:23px;max-width:100%}.about-milestones{grid-template-columns:1fr;gap:21px;margin-top:12px;padding-block:24px}.about-milestones>div,.about-milestones>div:first-child{padding:0 0 20px;border:0;border-bottom:1px solid #d0d9c6;display:flex;justify-content:space-between;gap:15px;align-items:center}.about-milestones>div:last-child{padding:0;border:0}.about-milestones strong{font-size:49px;letter-spacing:-2px}.about-milestones p{margin:0;font-size:11px;text-align:right}.about-office{padding-bottom:40px}.about-office h2{font-size:35px}.about-office .office-grid{grid-template-columns:1fr}.about-invitation{grid-template-columns:1fr;gap:28px;padding-block:32px 45px}.about-invitation h2{font-size:39px}.about-invitation-label{font-size:7px;margin-bottom:23px}.about-invitation .invitation-actions{max-width:none;margin:0}.about-invitation .invitation-actions>p{font-size:12px;margin-bottom:16px}}
