
.ro-hero h1{margin-bottom:30px}
.ro-stage .blob{inset:12% 4% 4% 10%}
.ro-stage .phero-arch{right:6%;width:56%;height:92%}
.ro-stage .phero-arch img{object-position:50% 30%}
.ro-figs{left:0;right:auto;top:auto;bottom:10%;width:min(300px,48%)}
.ro-figs p{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;margin-top:14px;font-size:14px;line-height:1.45;color:var(--body)}
.ro-figs p+p{padding-top:14px;border-top:1px solid var(--line)}
.ro-figs b{font:400 38px/1 var(--serif);letter-spacing:-.04em;color:var(--green)}
.ro-stage .note{right:-2%;left:auto;top:4%;bottom:auto;--r:5deg;max-width:200px}

.ro-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px)}
.ro-person{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,44px)}
.ro-portrait{aspect-ratio:3/4;rotate:-1.5deg}
.ro-person:nth-child(2) .ro-portrait{rotate:1.5deg}
.ro-portrait img{height:100%;object-position:50% 25%}
.ro-person h3{font-size:clamp(34px,3vw,46px)}
.ro-role{margin:6px 0 18px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.ro-person-body>p:not(.ro-role){font-size:16px;line-height:1.7}
.ro-person .textlink{margin-top:20px}
.ro-duo-note{max-width:640px;margin:clamp(48px,5vw,72px) auto 0;text-align:center;font:italic 400 clamp(19px,1.6vw,23px)/1.5 var(--serif);letter-spacing:-.01em;color:var(--ink)}

.ro-tl{list-style:none;position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}
.ro-tl::before{content:'';position:absolute;left:0;right:0;top:27px;height:1px;background:var(--line-2)}
.ro-tl li{position:relative;display:flex;flex-direction:column;gap:18px}
.ro-year{position:relative;align-self:flex-start;padding:12px 16px;border-radius:999px;background:var(--white);box-shadow:var(--shadow-s);font:400 22px/1 var(--serif);letter-spacing:-.02em;color:var(--green)}
.ro-tl b{display:block;margin-bottom:8px;font:400 19px/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ro-tl p{font-size:14px;line-height:1.62;color:var(--muted)}
.ro-tl li:last-child .ro-year{background:var(--green);color:#fff}

.ro-learn-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px)}
.ro-learn{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ro-learn li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:26px 24px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.ro-learn i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sage);font:italic 400 20px/1 var(--serif);color:var(--green)}
.ro-learn b{display:block;margin:8px 0 8px;font:400 21px/1.22 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ro-learn p{font-size:15px;line-height:1.65;color:var(--body)}
.ro-learn-art{--r:3deg;max-width:440px;justify-self:center}
.ro-learn-art img{aspect-ratio:640/484;width:100%;height:auto}
.ro-fine{max-width:760px;margin:clamp(40px,4vw,56px) auto 0;text-align:center;font-size:15px;line-height:1.7;color:var(--muted)}

.ro-why{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,100px)}
.ro-why-copy>p:not(.eyebrow):not(.lead){margin-top:22px;max-width:620px}
.ro-why-copy .lead{max-width:620px}
.ro-quote{padding:34px 34px 32px;border-radius:28px 28px 28px 8px;background:var(--white);box-shadow:var(--shadow-m)}
.ro-quote p{font:400 clamp(26px,2.3vw,34px)/1.2 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.ro-quote em{font-style:italic;font-weight:350;color:var(--green)}
.ro-for{margin-top:28px;padding:28px 30px;border-radius:22px;background:rgba(255,254,250,.7)}
.ro-for>b{display:block;margin-bottom:14px;font:400 22px/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ro-for .ticks li{font-size:15px;line-height:1.6}
.ro-for>p{margin-top:18px;font-size:14.5px;line-height:1.65;color:var(--muted)}

.ro-find{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ro-find a{position:relative;display:flex;flex-direction:column;height:100%;padding:28px 26px 60px;border:1px solid var(--line);border-radius:22px;background:var(--paper);text-decoration:none;transition:border-color .3s,box-shadow .3s,translate .35s var(--ease)}
.ro-find a:hover{border-color:var(--line-2);box-shadow:var(--shadow-m);translate:0 -3px}
.ro-find small{display:block;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.ro-find b{display:block;margin-bottom:10px;font:400 24px/1.18 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ro-find span{font-size:14.5px;line-height:1.62;color:var(--muted)}
.ro-find em{position:absolute;left:26px;bottom:22px;font-style:normal;font-size:18px;color:var(--green);transition:translate .35s var(--ease)}
.ro-find a:hover em{translate:6px 0}

.ro-studio{margin-top:34px!important;padding-top:22px;border-top:1px solid rgba(80,102,84,.25);font-size:14.5px;line-height:1.7;color:var(--body)}
.ro-studio a{color:var(--green);font-weight:500}
.ro-closing-art .polaroid img{aspect-ratio:640/579;width:100%;height:auto}

@media (max-width:1180px){
  .ro-tl{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:40px}
  .ro-tl::before{display:none}
  .ro-find{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ro-person{grid-template-columns:1fr;align-items:start}
  .ro-portrait{max-width:320px}
}
@media (max-width:1020px){
  .ro-learn-grid,.ro-why{grid-template-columns:1fr}
  .ro-learn-art{max-width:380px}
  .ro-tl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .ro-stage .phero-arch{right:0;width:70%;height:86%}
  .ro-figs{bottom:2%;width:min(230px,62%);padding:16px 16px 14px}
  .ro-figs b{font-size:30px}
  .ro-figs p{font-size:12.5px;gap:10px;margin-top:10px}
  .ro-figs p+p{padding-top:10px}
  .ro-stage .note{top:2%;right:0;max-width:160px;font-size:24px;padding:14px 18px 12px}
  .ro-duo{grid-template-columns:1fr;gap:56px}
  .ro-portrait{max-width:260px}
  .ro-tl{grid-template-columns:1fr;row-gap:26px}
  .ro-tl li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:start}
  .ro-year{font-size:19px;padding:10px 12px;text-align:center}
  .ro-learn{grid-template-columns:1fr}
  .ro-learn li{padding:22px 20px}
  .ro-find{grid-template-columns:1fr}
  .ro-quote{padding:26px 24px}
  .ro-for{padding:24px 22px}
}
.ro-say{margin-top:22px;padding-left:18px;border-left:2px solid var(--line-2)}
.ro-say p{font:italic 400 clamp(17px,1.3vw,19px)/1.45 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.ro-say img{display:block;width:130px;height:auto;margin-top:12px;opacity:.85}
