body.qpa-page-legal-notice .qpa-legal-hub-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(182px,15vw,220px) 0 clamp(78px,7vw,108px);
  background:var(--neutral);
}
body.qpa-page-legal-notice .qpa-legal-hub-hero:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--line-fade) 8%,var(--line-fade) 92%,transparent 100%);
}
body.qpa-page-legal-notice .qpa-legal-hub-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  gap:clamp(48px,7vw,120px);
  align-items:end;
}
body.qpa-page-legal-notice .qpa-legal-hub-hero h1{
  max-width:12ch;
  margin:0;
  font-size:clamp(52px,6.4vw,92px);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body.qpa-page-legal-notice .qpa-legal-hub-intro{
  max-width:560px;
  margin:0;
  padding:6px 0 6px clamp(24px,3vw,42px);
  border-left:1px solid transparent;
  border-image:var(--divider-v);
  color:var(--char);
  font-size:clamp(18px,1.55vw,21px);
  line-height:1.6;
  text-wrap:pretty;
}
body.qpa-page-legal-notice .qpa-legal-directory{
  background:#fff;
}
body.qpa-page-legal-notice .qpa-legal-directory-head{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(340px,.88fr);
  gap:clamp(42px,7vw,120px);
  align-items:end;
  margin-bottom:clamp(48px,5vw,72px);
}
body.qpa-page-legal-notice .qpa-legal-directory-head h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(38px,4.1vw,62px);
  text-wrap:balance;
}
body.qpa-page-legal-notice .qpa-legal-directory-head p{
  max-width:650px;
  margin:0;
  color:var(--text);
  font-size:18px;
  line-height:1.7;
  text-wrap:pretty;
}
body.qpa-page-legal-notice .qpa-legal-list{
  display:block;
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent 0%,var(--line-fade) 8%,var(--line-fade) 92%,transparent 100%) 1;
}
body.qpa-page-legal-notice .qpa-legal-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(130px,.42fr) minmax(0,1.35fr) auto;
  gap:clamp(24px,4vw,72px);
  align-items:center;
  min-height:148px;
  padding:28px clamp(18px,2.2vw,32px);
  border-top:1px solid transparent;
  border-image:linear-gradient(90deg,transparent 0%,var(--line-fade) 8%,var(--line-fade) 92%,transparent 100%) 1;
  background:#fff;
  transition:background-color .3s ease;
}
body.qpa-page-legal-notice .qpa-legal-row:before{
  content:"";
  position:absolute;
  top:-1px;
  bottom:-1px;
  left:0;
  width:2px;
  background:var(--teal);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .38s cubic-bezier(.2,.7,.2,1);
}
body.qpa-page-legal-notice .qpa-legal-row:hover,
body.qpa-page-legal-notice .qpa-legal-row:focus-visible{
  background:var(--neutral);
}
body.qpa-page-legal-notice .qpa-legal-row:hover:before,
body.qpa-page-legal-notice .qpa-legal-row:focus-visible:before{
  transform:scaleY(1);
}
body.qpa-page-legal-notice .qpa-legal-row:focus-visible{
  outline:2px solid var(--teal-deep);
  outline-offset:3px;
}
body.qpa-page-legal-notice .qpa-legal-row-type{
  color:var(--teal-deep);
  font:500 12.5px/1.4 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.qpa-page-legal-notice .qpa-legal-row-copy{
  display:grid;
  gap:11px;
  min-width:0;
}
body.qpa-page-legal-notice .qpa-legal-row-copy strong{
  color:var(--head);
  font:500 clamp(27px,2.45vw,38px)/1.08 var(--display);
  letter-spacing:-.026em;
}
body.qpa-page-legal-notice .qpa-legal-row-copy>span{
  max-width:660px;
  color:var(--text);
  font:400 16.5px/1.55 var(--body);
  text-wrap:pretty;
}
body.qpa-page-legal-notice .qpa-legal-row-action{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--head);
  font:500 14px/1 var(--display);
  white-space:nowrap;
}
body.qpa-page-legal-notice .qpa-legal-row-action:after{
  content:"";
  width:18px;
  height:18px;
  flex:none;
  background:var(--teal-deep);
  -webkit-mask:var(--arrow-e) center/contain no-repeat;
  mask:var(--arrow-e) center/contain no-repeat;
  transition:transform .38s cubic-bezier(.2,.7,.2,1);
}
body.qpa-page-legal-notice .qpa-legal-row:hover .qpa-legal-row-action:after,
body.qpa-page-legal-notice .qpa-legal-row:focus-visible .qpa-legal-row-action:after{
  transform:translateX(7px);
}
@media(max-width:900px){
  body.qpa-page-legal-notice .qpa-legal-hub-hero-grid,
  body.qpa-page-legal-notice .qpa-legal-directory-head{
    grid-template-columns:1fr;
  }
  body.qpa-page-legal-notice .qpa-legal-hub-hero-grid{
    align-items:start;
  }
  body.qpa-page-legal-notice .qpa-legal-hub-intro{
    max-width:650px;
  }
  body.qpa-page-legal-notice .qpa-legal-directory-head{
    align-items:start;
  }
  body.qpa-page-legal-notice .qpa-legal-row{
    grid-template-columns:minmax(110px,.34fr) minmax(0,1fr);
  }
  body.qpa-page-legal-notice .qpa-legal-row-action{
    grid-column:2;
  }
}
@media(max-width:600px){
  body.qpa-page-legal-notice .qpa-legal-hub-hero{
    padding-top:154px;
    padding-bottom:72px;
  }
  body.qpa-page-legal-notice .qpa-legal-hub-hero h1{
    font-size:clamp(46px,14vw,66px);
  }
  body.qpa-page-legal-notice .qpa-legal-hub-intro{
    padding-left:20px;
    font-size:18px;
  }
  body.qpa-page-legal-notice .qpa-legal-directory{
    padding-top:72px;
    padding-bottom:80px;
  }
  body.qpa-page-legal-notice .qpa-legal-directory-head{
    gap:24px;
    margin-bottom:42px;
  }
  body.qpa-page-legal-notice .qpa-legal-row{
    grid-template-columns:1fr;
    gap:14px;
    min-height:0;
    padding:28px 18px 30px;
  }
  body.qpa-page-legal-notice .qpa-legal-row-action{
    grid-column:1;
    margin-top:8px;
  }
  body.qpa-page-legal-notice .qpa-legal-row-copy strong{
    font-size:29px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.qpa-page-legal-notice .qpa-legal-row,
  body.qpa-page-legal-notice .qpa-legal-row:before,
  body.qpa-page-legal-notice .qpa-legal-row-action:after{
    transition:none;
  }
}