@charset "UTF-8";
.about-playground { background:#193d30;color:#f4f4e9;position:relative;overflow:hidden; }
.about-playground-layout { min-height:calc(100svh - 165px);max-height:850px;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;padding-block:70px 45px; }
.about-opening .eyebrow { font-size:10px;color:#b9cabc;letter-spacing:.2em; }
.about-opening .eyebrow>span { background:#d5b56d; }
.about-opening h1 { font-size:clamp(38px,4vw,68px);font-weight:500;line-height:1.5;letter-spacing:.02em;margin-block:30px 22px; }
.about-opening>p:not(.eyebrow) { color:#c9d5c9;font-size:14px;line-height:2.2; }
.about-discover { color:#f4f4e9;margin-top:35px;border-color:#ffffff40; }
.about-capsule-area { min-width:0; }
.capsule-kicker { color:#a6bdad;font-size:12px;letter-spacing:.12em;margin-bottom:18px; }
.about-capsules { position:relative;list-style:none;margin:0;padding:12px;min-height:400px;height:clamp(400px,34vw,540px);display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #ffffff30; }
.about-capsule { display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;padding:0 25px;height:64px;border-radius:999px;font-size:clamp(16px,1.65vw,25px);font-weight:500;letter-spacing:.025em;border:1px solid transparent;flex:0 0 auto;user-select:none; }
.about-capsule>span { font-size:20px;font-weight:400; }
.capsule-cream { background:#f3f1e6;color:#193d30; }
.capsule-gold { background:#d9bb75;color:#203b2f; }
.capsule-outline { background:#2b5140;color:#eef3e6;border-color:#8aa58a; }
.about-capsules.is-physics { overflow:hidden; }
.is-physics .about-capsule { position:absolute;left:0;top:0;cursor:grab;touch-action:none;will-change:transform; }
.is-physics .about-capsule.is-grabbed { cursor:grabbing; }
.capsule-hint { margin-top:18px;display:none;justify-content:space-between;font-size:10px;color:#a6bdad;letter-spacing:.08em; }
.capsule-hint>span { font-size:20px;line-height:1; }
.about-capsule-area:has(.is-physics) .capsule-hint { display:flex; }
.about-opening-footer { display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid #ffffff20;color:#a8bfad;font-size:10px;letter-spacing:.1em; }
.about-whoweare h2 { font-size:44px;letter-spacing:.02em;margin-top:24px; }
@media(max-width:1100px) {
 .about-playground-layout { gap:4%; }
 .about-capsule { height:54px;padding-inline:19px;font-size:18px; }
 .about-capsules { height:410px; }
}
@media(max-width:760px) {
 .about-playground-layout { min-height:0;max-height:none;display:block;padding-block:46px 25px; }
 .about-opening h1 { font-size:38px;margin-block:22px 15px; }
 .about-opening>p:not(.eyebrow) { font-size:12px; }
 .about-discover { margin-top:20px;font-size:12px; }
 .about-capsule-area { margin-top:36px; }
 .capsule-kicker { font-size:10px;margin-bottom:10px; }
 .about-capsules { height:310px;min-height:310px;padding:5px;gap:8px; }
 .about-capsule { height:42px;padding-inline:15px;gap:8px;font-size:15px; }
 .about-capsule>span { font-size:15px; }
 .capsule-hint { font-size:9px;margin-top:13px; }
 .about-opening-footer { padding-block:18px;font-size:8px;gap:10px; }
 .about-opening-footer>span:last-child { max-width:140px;text-align:right;line-height:1.7; }
 .about-whoweare h2 { font-size:35px; }
}