@charset "UTF-8";

.about-page .nav a[aria-current="page"]{color:var(--pink)}
.about-hero{overflow:hidden;background:radial-gradient(circle at 74% 15%,#f8dbe5,transparent 35%),linear-gradient(130deg,#fff 15%,var(--cream) 100%)}
.about-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(38px,6vw,88px);padding-block:88px 96px}
.about-hero__copy h1{max-width:none;margin:0 0 12px}
.about-hero__statement{max-width:650px;margin-bottom:26px;color:var(--pink);font-size:clamp(1.55rem,3vw,2.6rem);font-weight:850;line-height:1.18;letter-spacing:-.035em}
.about-hero__copy .lead{max-width:650px}
.about-hero__media{position:relative;margin:0 0 0 18px;padding:12px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow);transform:rotate(2deg)}
.about-hero__media::before{content:"";position:absolute;inset:30px -19px -24px 30px;z-index:-1;border:2px solid var(--pink);border-radius:32px}
.about-hero__media img{width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:50% 50%;border-radius:22px}
.about-hero__media figcaption{padding:13px 8px 4px;text-align:center;color:var(--muted);font-size:.85rem;font-weight:700}

.about-origin{padding-block:118px}
.about-origin__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px)}
.about-origin h2{max-width:560px}
.about-origin__copy{padding-top:8px}
.about-origin__copy p{font-size:clamp(1.08rem,1.7vw,1.28rem)}
.about-text-link{display:inline-flex;gap:10px;align-items:center;margin-top:10px;padding-bottom:5px;border-bottom:2px solid var(--pink);color:var(--pink-dark);font-weight:850}
.about-text-link:hover{color:var(--ink)}

.about-method{padding-block:112px;background:var(--ink);color:#fff}
.about-method .section-head p:not(.eyebrow){color:#c9c5c2}
.about-method__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-method__grid article{min-height:258px;padding:32px;border:1px solid #494649;border-radius:var(--radius);background:#221f21}
.about-method__number{display:block;margin-bottom:30px;color:#f36b98;font-size:.86rem;font-weight:900;letter-spacing:.14em}
.about-method__grid h3{max-width:280px;font-size:clamp(1.35rem,2vw,1.75rem)}
.about-method__grid p{margin:0;color:#c9c5c2}

.about-training{padding-block:112px;background:var(--cream)}
.about-training__intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:55px;margin-bottom:45px}
.about-training__intro h2{margin-bottom:0}
.about-training__intro>p{margin:0;font-size:1.08rem}
.about-training__intro strong{color:var(--ink)}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.credential{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 15px 38px rgba(30,22,24,.06)}
.credential__preview{position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;background:#eee7e3;border-bottom:1px solid var(--line)}
.credential__preview img{position:absolute;inset:22px;display:block;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:contain;filter:drop-shadow(0 9px 12px rgba(25,20,22,.16))}
.credential__preview:hover img{transform:scale(1.015)}
.credential__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px}
.credential__body>span{margin-bottom:12px;color:var(--pink-dark);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.credential__body h3{font-size:clamp(1.45rem,2.4vw,1.85rem)}
.credential__body p{margin-bottom:22px}
.credential__body>a{margin-top:auto;color:var(--pink-dark);font-weight:850;text-decoration:underline;text-underline-offset:5px}
.credential__body>a:hover{color:var(--ink)}

.about-next{padding-block:86px;background:var(--pink-soft)}
.about-next__inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.about-next h2{max-width:730px;margin-bottom:0}
.about-next__actions{display:flex;flex-wrap:wrap;gap:12px}
.about-next .button{white-space:nowrap}
.about-page .footer a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:1060px){
  .about-hero__grid{gap:35px}
  .about-hero__media{margin-right:12px}
  .about-next__inner{align-items:flex-start;flex-direction:column}
}
@media (max-width:850px){
  .about-hero__grid,.about-origin__grid,.about-training__intro{grid-template-columns:1fr}
  .about-hero__grid{padding-block:65px 85px}
  .about-hero__media{max-width:650px;margin:10px auto 0}
  .about-hero__media img{aspect-ratio:4/3}
  .about-origin,.about-method,.about-training{padding-block:84px}
  .about-origin__grid,.about-training__intro{gap:12px}
  .about-method__grid{grid-template-columns:1fr}
  .about-method__grid article{min-height:0}
}
@media (max-width:700px){
  .about-hero__grid{padding-block:48px 72px}
  .about-hero__statement{font-size:1.72rem}
  .about-hero__media{margin:4px 12px 0 0;transform:none}
  .about-hero__media::before{inset:22px -12px -14px 22px}
  .about-hero__media img{aspect-ratio:4/3}
  .about-origin,.about-method,.about-training{padding-block:72px}
  .about-origin__copy p{font-size:1.06rem}
  .about-method__grid article{padding:26px}
  .credential-grid{grid-template-columns:1fr;gap:18px}
  .credential__preview img{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}
  .credential__body{padding:24px}
  .about-next{padding-block:70px}
  .about-next__inner{gap:25px}
  .about-next__actions{width:100%;flex-direction:column}
  .about-next__actions .button{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .credential__preview img{transform:none!important}
}