.method-study {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 6vw;
  padding: 5vw 8vw;
  background: #e6e9de;
}
.method-study h2 {
  font-size: clamp(32px, 4.5vw, 67px);
  line-height: 1.25;
  margin-top: 13px;
}
.method-study nav {
  display: flex;
  gap: 16px;
}
.method-study nav button {
  padding: 6px 0;
  color: #4c675a;
}
.method-study nav button[aria-pressed="true"] {
  border-bottom: 2px solid;
}
.method-study h3 {
  margin: 19px 0 6px;
}
.method-study p {
  line-height: 1.85;
}
.method-study #method-text button,
.method-study > div > a {
  display: inline-block;
  color: #79452d;
  margin: 12px 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
::view-transition-group(lillian-portrait) {
  animation-duration: 330ms;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 150ms;
}
@media (max-width: 700px) {
  .method-study {
    display: block;
    padding: 32px 6vw;
  }
  .method-study nav {
    margin-top: 22px;
  }
}
