.about-page{background:#fffaf1;color:var(--ink)}
.about-kicker{margin:0 0 .75rem;color:var(--green-deep);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}

.about-hero{padding:72px 0 88px;background:linear-gradient(155deg,#fffaf1 0%,#fce8c6 55%,#f7cb76 100%);overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(36px,6vw,88px)}
.about-hero-copy h1{max-width:650px;margin:0;font-size:clamp(3.3rem,6.4vw,6.2rem);line-height:.86;letter-spacing:-.045em}
.about-hero-copy h1 em{color:var(--green-deep);font-style:normal}
.about-lead{max-width:600px;margin:1.8rem 0 0;color:#51463e;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.62}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.7rem}
.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:2.2rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(43,36,32,.16)}
.about-facts div{padding-right:1rem}.about-facts div+div{padding-left:1rem;border-left:1px solid rgba(43,36,32,.14)}
.about-facts dt{color:var(--ink-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.about-facts dd{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.05rem;font-weight:850}
.about-hero-visual{position:relative;padding:0 0 60px 38px}
.about-main-photo{margin:0;overflow:hidden;aspect-ratio:1.14;border:10px solid rgba(255,253,248,.72);border-radius:48px 48px 120px 48px;box-shadow:0 28px 70px rgba(85,59,24,.22);transform:rotate(1.5deg)}
.about-main-photo img{width:100%;height:100%;object-fit:cover}
.about-signature{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:14px;width:min(390px,82%);padding:1rem 1.15rem;border:1px solid rgba(43,36,32,.1);border-radius:24px;background:rgba(255,253,248,.93);box-shadow:0 18px 46px rgba(43,36,32,.18);backdrop-filter:blur(16px)}
.about-signature img{width:46px;height:46px;object-fit:contain}.about-signature p{margin:0}.about-signature strong,.about-signature span{display:block}.about-signature strong{font-family:var(--font-display);font-size:1.05rem;line-height:1.1}.about-signature span{margin-top:.2rem;color:var(--ink-soft);font-size:.82rem}

.about-purpose{padding:110px 0;background:var(--white)}
.about-purpose-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1fr);gap:clamp(40px,8vw,120px);align-items:start}
.about-purpose-grid h2{max-width:520px;font-size:clamp(2.3rem,4vw,4.2rem);line-height:.96;letter-spacing:-.03em}
.about-purpose-copy{padding-top:2.1rem;border-top:3px solid var(--yellow)}
.about-purpose-copy p{color:#51463e;font-size:1.1rem;line-height:1.72}.about-purpose-copy p:last-child{margin-bottom:0}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:72px}
.about-values article{min-height:230px;padding:1.65rem;border:1px solid rgba(43,36,32,.1);border-radius:26px;background:#fffaf1}
.about-values article:nth-child(2){background:#edf8f4}.about-values article:nth-child(3){background:#fff1d9}
.about-values span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:2.6rem;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:850}
.about-values h3{margin-bottom:.35rem;font-size:1.45rem}.about-values p{margin:0;color:var(--ink-soft);line-height:1.55}

.about-spaces{padding:110px 0;background:#edf8f4}
.about-spaces-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(38px,7vw,104px);align-items:center}
.about-video-column{width:100%;max-width:430px;justify-self:center}
.about-video-frame{position:relative;overflow:hidden;aspect-ratio:464/832;border:9px solid rgba(255,255,255,.8);border-radius:38px;background:#d9e9e3;box-shadow:0 28px 70px rgba(25,88,68,.19)}
.about-video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#d9e9e3}
.about-video-badge{position:absolute;z-index:2;top:14px;left:14px;padding:.48rem .72rem;border:1px solid rgba(43,36,32,.12);border-radius:999px;background:rgba(255,250,241,.9);box-shadow:0 7px 20px rgba(43,36,32,.14);font-size:.72rem;font-weight:900;letter-spacing:.035em;pointer-events:none}
.about-video-sound{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;width:100%;margin-top:12px;border:1px solid rgba(43,36,32,.16);border-radius:14px;background:#fffaf1;color:var(--ink);font:850 .9rem/1 var(--font-body);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.about-video-sound:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(43,36,32,.1)}.about-video-sound:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.about-spaces-copy h2{max-width:720px;margin:0;font-size:clamp(2.55rem,4.8vw,5rem);line-height:.92;letter-spacing:-.035em}
.about-spaces-lead{max-width:690px;margin:1.35rem 0 2rem;color:#51463e;font-size:1.1rem;line-height:1.7}
.about-space-list{border-bottom:1px solid rgba(43,36,32,.14)}
.about-space-list article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:1.25rem 0;border-top:1px solid rgba(43,36,32,.14)}
.about-space-list article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-size:.78rem;font-weight:900}
.about-space-list h3{margin:0 0 .28rem;font-size:1.28rem}.about-space-list p{margin:0;color:var(--ink-soft);line-height:1.56}
.about-spaces-actions{margin-top:1.6rem}

.about-page .about-story{padding:110px 0;background:var(--ink);color:#fffaf1}
.about-story .about-kicker{color:#f7cb76}.about-story-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,120px);align-items:end}
.about-story-head h2{max-width:560px;margin:0;font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:.95;letter-spacing:-.03em}
.about-story-head>p{margin:0;color:#dfd4ca;font-size:1.08rem;line-height:1.72}
.about-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:68px 0 0;padding:0;list-style:none}
.about-timeline li{padding:1.45rem;border-top:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.045);border-radius:0 0 24px 24px}
.about-timeline li>span{display:block;min-height:3.2rem;color:#f7cb76;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.about-timeline h3{margin-bottom:.4rem;font-size:1.35rem}.about-timeline p{margin:0;color:#dfd4ca;line-height:1.6}

.about-gallery{padding:110px 0;background:#fffaf1}
.about-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.about-gallery-head h2{margin:0;font-size:clamp(2.3rem,4vw,4rem);line-height:1}.about-gallery-head>a{color:var(--green-deep);font-weight:900;text-decoration:none}.about-gallery-head>a:hover{text-decoration:underline;text-underline-offset:4px}
.about-gallery-grid{display:grid;grid-template-columns:1.45fr .78fr;grid-template-rows:310px 310px;gap:14px}
.about-gallery-grid figure{position:relative;margin:0;overflow:hidden;border-radius:28px}.about-gallery-large{grid-column:1;grid-row:1 / 3}.about-gallery-grid figure:nth-child(2){grid-column:2;grid-row:1}.about-gallery-grid figure:nth-child(3){grid-column:2;grid-row:2}.about-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.about-gallery-grid figure:hover img{transform:scale(1.025)}
.about-gallery-grid figcaption{position:absolute;right:14px;bottom:14px;left:14px;padding:.72rem .9rem;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(35,31,32,.72);backdrop-filter:blur(10px);color:#fff;font-size:.84rem;font-weight:850;line-height:1.25}

.about-place{padding:40px 0 110px;background:#fffaf1}
.about-place-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:clamp(30px,5vw,62px);overflow:hidden;border-radius:38px;background:var(--yellow);box-shadow:0 20px 60px rgba(93,61,20,.14)}
.about-place-card>div{position:relative;z-index:1}.about-place-card h2{font-size:clamp(2.2rem,4vw,4.1rem);line-height:.95}.about-place-card>div>p:not(.about-kicker){max-width:590px;font-size:1.08rem}.about-place-mark{display:flex;margin:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,8rem);font-weight:900;letter-spacing:-.08em;opacity:.18;transform:rotate(-5deg)}
.about-place-mark span:nth-child(1){color:#e94f37}.about-place-mark span:nth-child(2){color:#4fa3d9}.about-place-mark span:nth-child(3){color:#17a672}.about-place-mark span:nth-child(4){color:#f3b23e}.about-place-mark span:nth-child(5){color:#ec5fa6}.about-place-mark span:nth-child(6){color:#17a672}.about-place-mark span:nth-child(7){color:#4fa3d9}.about-place-mark span:nth-child(8){color:#e94f37}

@media (max-width:900px){
  .about-hero-grid,.about-purpose-grid,.about-spaces-grid,.about-story-head{grid-template-columns:1fr}
  .about-hero-grid{gap:48px}.about-hero-copy h1{font-size:clamp(3rem,12vw,5.2rem)}.about-hero-visual{max-width:680px;margin-inline:auto}
  .about-purpose-grid{gap:30px}.about-purpose-copy{padding-top:1.4rem}.about-values,.about-timeline{grid-template-columns:1fr}.about-values article{min-height:0}.about-values span{margin-bottom:1.4rem}
  .about-spaces-grid{gap:50px}.about-video-column{max-width:390px}.about-spaces-copy{max-width:720px;margin-inline:auto}
  .about-gallery-grid{min-height:520px}.about-place-card{grid-template-columns:1fr}.about-place-mark{position:absolute;right:-20px;bottom:-26px}
}
@media (max-width:640px){
  .about-hero{padding:40px 0 58px}.about-hero-grid{gap:36px}.about-hero-copy h1{font-size:clamp(2.75rem,15vw,4.3rem);line-height:.89}.about-lead{margin-top:1.25rem;font-size:1rem}.about-actions{display:grid;grid-template-columns:1fr}.about-actions .btn{width:100%}
  .about-facts{grid-template-columns:1fr;gap:.8rem}.about-facts div{padding:.1rem 0}.about-facts div+div{padding:.75rem 0 0;border-top:1px solid rgba(43,36,32,.12);border-left:0}
  .about-hero-visual{padding:0 0 52px 14px}.about-main-photo{border-width:7px;border-radius:28px 28px 72px 28px}.about-signature{width:92%;padding:.85rem}.about-signature img{width:40px;height:40px}
  .about-purpose,.about-spaces,.about-story,.about-gallery{padding:74px 0}.about-purpose-grid h2,.about-spaces-copy h2,.about-story-head h2,.about-gallery-head h2{font-size:clamp(2.2rem,11vw,3.2rem)}.about-values,.about-timeline{margin-top:44px}
  .about-video-column{max-width:360px}.about-video-frame{border-width:6px;border-radius:28px}.about-video-badge{top:10px;left:10px}.about-space-list article{grid-template-columns:40px minmax(0,1fr);gap:13px}.about-space-list article>span{width:36px;height:36px}
  .about-gallery-head{display:block}.about-gallery-head>a{display:inline-flex;margin-top:1rem}.about-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px}.about-gallery-large{grid-column:1 / -1;grid-row:1}.about-gallery-grid figure:nth-child(2){grid-column:1;grid-row:2}.about-gallery-grid figure:nth-child(3){grid-column:2;grid-row:2}.about-gallery-grid figure{border-radius:20px}
  .about-place{padding:0 0 80px}.about-place-card{border-radius:28px}.about-place-mark{font-size:4rem}.about-place-card .about-actions{display:grid}
}
@media (prefers-reduced-motion:reduce){.about-gallery-grid img,.about-video-sound{transition:none}.about-gallery-grid figure:hover img,.about-video-sound:hover{transform:none}}