@font-face{font-family:TimesRoman;src:url('assets/times-new-roman-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
.tea-method{position:relative;isolation:isolate;background:#f6f6f1;color:#426139}
.method-canvas{position:relative;width:100%;aspect-ratio:4000/7321}
.method-element{position:absolute;margin:0}
.method-heading{left:7.35%;top:1.8%;display:flex;align-items:center;gap:2.4vw}
.method-heading h2{margin:0;color:#426139;font-style:italic}.method-heading>span{font-style:italic}
.method-intro{left:54.95%;top:4.65%;width:40%}.method-intro h3,.method-intro p{margin:0}.method-intro p{color:#abb8a2;margin-top:.5vw}
.method-connections{inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.method-connections path{stroke:#55564e;stroke-width:1.05;fill:none;vector-effect:non-scaling-stroke}
.method-copy{background:#f6f6f1;max-width:38%;width:max-content}
.method-copy h3,.method-copy p{margin:0}.method-copy h3{font-weight:500}
.method-copy .method-italic{font-style:italic;white-space:nowrap}
.method-copy .method-description{margin-top:2.5vw;color:#809575}
.method-origin-copy{left:12.35%;top:13.95%}
.method-extraction-copy{left:63.7%;top:30.5%}
.method-evidence-copy{left:6.85%;top:47.85%}
.method-synergy-copy{left:61.25%;top:63.75%}
.method-rhythm-copy{left:12.6%;top:86.25%}
.method-node{left:43.2%;width:13.08%;aspect-ratio:1;background:#dbf9a4;color:#151515;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.method-node p{margin:0;white-space:nowrap}
.method-origin-node{top:14.08%}.method-extraction-node{top:30.62%}.method-evidence-node{top:47.7%}.method-synergy-node{top:64.02%}.method-rhythm-node{top:82.18%}
.method-photo{width:29.55%;height:12.15%;border-radius:1.05vw;overflow:hidden;background:#a9bbc0}
.method-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.method-photo figcaption{position:absolute;z-index:1;left:8.3%;top:12%;color:#e3e5dd;text-shadow:0 1px 4px #0002}
.method-origin-photo{left:60.5%;top:11.42%}.method-extraction-photo{left:8.65%;top:28.12%}.method-evidence-photo{left:60.5%;top:45.17%}.method-synergy-photo{left:8.65%;top:61.08%}.method-rhythm-photo{left:60.5%;top:76.22%}
.method-origin-photo>img{object-position:right center}
.method-extraction-photo .method-peptide{position:absolute;width:52.3%;height:auto;aspect-ratio:1;object-fit:cover;left:23.85%;top:14.7%;border-radius:50%}
.method-extraction-photo figcaption{top:auto;bottom:7.5%;left:6.7%}
.method-evidence-photo figcaption{top:auto;bottom:8%;left:8.3%}
.method-synergy-photo figcaption{top:8%;left:6.7%}
.method-rhythm-photo figcaption{top:auto;bottom:7%;left:auto;right:10%}
.method-cta{left:74.45%;top:96.02%;width:15.65%;height:2.7%;padding:.5vw 1vw;border-radius:1vw;min-height:0;gap:.1vw;background:#009f57}
.method-button-row{display:flex;align-items:center;justify-content:center;gap:.65vw;white-space:nowrap}
@media(max-width:760px){
  .method-canvas{aspect-ratio:auto;display:flex;flex-direction:column;gap:22px;padding:38px 6% 46px}
  .method-canvas>.method-element{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;margin:0}
  .method-canvas>.method-connections{display:none}
  .method-heading{order:0;gap:16px;align-items:baseline}.method-heading h2{max-width:calc(100% - 55px)}
  .method-intro{order:1;margin-bottom:12px!important}.method-intro p{margin-top:12px}
  .method-canvas>.method-node{width:144px;align-self:center;margin-top:22px;flex-shrink:0}
  .method-origin-node{order:2}.method-origin-copy{order:3}.method-origin-photo{order:4}
  .method-extraction-node{order:5}.method-extraction-copy{order:6}.method-extraction-photo{order:7}
  .method-evidence-node{order:8}.method-evidence-copy{order:9}.method-evidence-photo{order:10}
  .method-synergy-node{order:11}.method-synergy-copy{order:12}.method-synergy-photo{order:13}
  .method-rhythm-node{order:14}.method-rhythm-copy{order:15}.method-rhythm-photo{order:16}
  .method-canvas>.method-copy{max-width:100%;background:transparent}
  .method-copy .method-italic{white-space:normal}.method-copy .method-description{margin-top:20px}
  .method-canvas>.method-photo{aspect-ratio:4/3;border-radius:12px;max-width:520px;align-self:center}
  .method-photo figcaption{font-size:19px}.method-canvas>.method-cta{order:17;width:250px;min-height:78px;height:auto;align-self:flex-end;margin-top:12px;padding:14px;border-radius:13px}
}