.tt-hero h1{margin-bottom:30px}
.tt-hero .hero-copy>p:not(.eyebrow):not(.lead){margin-top:18px;max-width:520px;color:var(--body)}
.tt-lead-quote{font-family:var(--serif);font-style:italic;font-size:clamp(20px,1.7vw,24px);line-height:1.5;letter-spacing:-.01em;color:var(--ink)}
.tt-stage .blob{inset:12% 4% 4% 10%}
.tt-stage .phero-arch{right:6%;width:56%;height:92%}
.tt-stage .phero-arch img{object-position:50% 25%}
.tt-stage .note{right:-2%;left:auto;top:auto;bottom:8%;--r:5deg;max-width:230px}

.tt-chapter{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px)}
.tt-chapter.is-flip>.tt-copy{order:2}
.tt-copy>p:not(.eyebrow):not(.lead){margin-top:22px;max-width:620px}
.tt-copy .lead{max-width:620px}
.tt-punch{font:italic 400 clamp(19px,1.6vw,23px)/1.45 var(--serif);letter-spacing:-.01em;color:var(--green)}
.tt-figs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.5vw,36px);align-items:start}
.tt-figs .polaroid{--r:-3deg}
.tt-figs .polaroid:nth-child(2){--r:3deg;margin-top:clamp(40px,6vw,90px)}
.tt-figs .polaroid img{aspect-ratio:2/3;width:100%;height:auto;object-position:50% 20%}
.tt-figs.is-single{grid-template-columns:1fr;justify-items:center}
.tt-figs.is-single .polaroid{--r:2deg;width:min(360px,100%);margin-top:0}

.tt-narrow{max-width:800px}
.tt-narrow>p:not(.eyebrow):not(.lead){margin-top:22px}

.tt-today{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,100px)}
.tt-today-art{--r:-3deg;width:min(440px,100%);justify-self:center}
.tt-today-art img{aspect-ratio:1/1;width:100%;height:auto}
.tt-quote{margin-top:34px;padding:30px 32px 28px;border-radius:28px 28px 28px 8px;background:var(--sage-2);box-shadow:var(--shadow-s)}
.tt-quote p{font:italic 400 clamp(18px,1.5vw,22px)/1.5 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.tt-quote img{display:block;width:150px;height:auto;margin-top:18px;opacity:.85}
.tt-quote footer{margin-top:10px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}

.tt-tl.ro-tl{grid-template-columns:1fr;row-gap:clamp(28px,3vw,40px);max-width:880px;margin-inline:auto}
.tt-tl.ro-tl::before{display:none}
.tt-tl.ro-tl li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start}
.tt-tl.ro-tl li>div{position:relative;padding:6px 0 0 28px}
.tt-tl.ro-tl li>div::before{content:'';position:absolute;left:0;top:6px;bottom:calc(-1 * clamp(28px,3vw,40px));width:1px;background:var(--line-2)}
.tt-tl.ro-tl li:last-child>div::before{bottom:0}
.tt-tl.ro-tl li>div::after{content:'';position:absolute;left:-4px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--green)}
.tt-tl.ro-tl b{margin-bottom:12px;font-size:clamp(22px,1.9vw,27px)}
.tt-tl.ro-tl p{max-width:620px;font-size:15.5px;line-height:1.68;color:var(--body)}
.tt-tl.ro-tl .tt-tl-punch{margin-top:14px;font:italic 400 clamp(17px,1.4vw,20px)/1.45 var(--serif);letter-spacing:-.01em;color:var(--green)}

.tt-numbers{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px)}
.tt-stats{display:grid;gap:22px}
.tt-stats>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:22px;padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.tt-stats dt{font:400 clamp(48px,4.6vw,72px)/1 var(--serif);letter-spacing:-.045em;color:var(--green)}
.tt-stats dd{font-size:15.5px;line-height:1.6;color:var(--body)}

.tt-ways{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tt-ways li{display:flex;flex-direction:column;padding:28px 26px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.tt-ways small{display:inline-flex;align-self:flex-start;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:var(--sage-2);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.tt-ways b{display:block;margin-bottom:10px;font:400 23px/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.tt-ways p{font-size:14.5px;line-height:1.65;color:var(--body)}
.tt-ways li:last-child{background:var(--sage-2)}
.tt-ways li:last-child small{background:var(--white)}

.tt-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px);max-width:1000px;margin-inline:auto}
.tt-member{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,40px)}
.tt-portrait{aspect-ratio:2/3;rotate:-1.5deg}
.tt-member:nth-child(2) .tt-portrait{rotate:1.5deg}
.tt-portrait img{height:100%;object-position:50% 25%}
.tt-member h3{font-size:clamp(30px,2.6vw,40px)}
.tt-member-body>p:not(.ro-role){font-size:15.5px;line-height:1.68;color:var(--body)}
.tt-member .textlink{margin-top:18px}

.tt-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.5vw,32px);align-items:start;margin-top:clamp(64px,7vw,110px)}
.tt-row .polaroid{--r:-2.5deg}
.tt-row .polaroid:nth-child(2n){--r:2.5deg;margin-top:28px}
.tt-row .polaroid img{aspect-ratio:1/1;width:100%;height:auto;object-position:50% 25%}
.tt-row figcaption{font-size:21px;line-height:1.1}

.tt-closing h2{font-size:clamp(32px,3.6vw,54px)}
.tt-closing .closing-art .polaroid{width:min(340px,80%)}
.tt-closing .closing-art .polaroid img{aspect-ratio:1/1;object-position:50% 20%}

@media (max-width:1180px){
  .tt-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-member{grid-template-columns:1fr;align-items:start}
  .tt-portrait{max-width:300px}
}
@media (max-width:1020px){
  .tt-chapter,.tt-chapter.is-flip,.tt-today,.tt-numbers{grid-template-columns:1fr}
  .tt-chapter.is-flip>.tt-copy{order:0}
  .tt-figs{max-width:640px}
  .tt-today-art{max-width:400px}
  .tt-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .tt-stage .phero-arch{right:0;width:70%;height:86%}
  .tt-stage .note{bottom:2%;right:0;max-width:170px;font-size:24px;padding:14px 18px 12px}
  .tt-figs{gap:14px}
  .tt-figs .polaroid:nth-child(2){margin-top:36px}
  .tt-tl.ro-tl li{grid-template-columns:76px minmax(0,1fr);gap:12px}
  .tt-tl.ro-tl li>div{padding-left:18px}
  .tt-stats>div{padding:20px;gap:16px}
  .tt-ways{grid-template-columns:1fr}
  .tt-ways li{padding:22px 20px}
  .tt-team{grid-template-columns:1fr;gap:48px}
  .tt-portrait{max-width:240px}
  .tt-row{gap:14px}
  .tt-row figcaption{font-size:17px}
  .tt-quote{padding:24px 22px 22px}
}