/* MYOKO WORKS — About page (load after home.css) */

/* One continuous page background: no band changes colour, sections are split by hairlines only. */

.page-hero{min-height:0;padding-top:calc(var(--header) + 96px);padding-bottom:96px}
.page-hero__body{max-width:1100px}
.page-hero__title{font-size:clamp(2.2rem,5.4vw,4.8rem)}
.page-hero__lead{font-size:1.05rem;line-height:1.95;letter-spacing:.05em;color:var(--text-soft);max-width:600px;text-wrap:pretty}

.intro__motto{flex:0 1 360px;font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:300;line-height:1.3;letter-spacing:.02em;color:var(--text)}
.intro__motto em{color:var(--primary-light)}
.stack{display:flex;flex-direction:column;gap:24px;max-width:680px}
.stack .prose{font-size:1.02rem;line-height:1.95;letter-spacing:.04em}

/* Ventures */
.ventures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:96px 64px;align-items:start}
.venture__figure{margin:0 0 48px}
.venture__photo{border-radius:12px}
.venture__photo img{aspect-ratio:3/2}
.venture__caption{margin-top:16px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-50)}
.venture__grid{display:flex;flex-direction:column;gap:32px}
.venture__head{min-width:0}
.venture__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.venture__body>*{margin:0;width:100%}
.venture__body>.text-link{width:auto}
.venture__tagline{font-family:var(--serif-jp);font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.7;letter-spacing:.05em;color:var(--text-soft)}
.venture__head .platform__title{margin-bottom:24px}
.venture__panel{aspect-ratio:3/2;padding:clamp(32px,4vw,64px)}
.venture__panel .panel__word{font-size:clamp(3rem,6vw,5.5rem)}
.js .is-in>.venture__panel .panel__word em{clip-path:inset(0 -10% 0 0)}
.panel__words{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}
.panel__words li+li::before{content:"/";color:var(--primary-light);opacity:.4;margin-right:16px}

.list-title{font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.15em;color:var(--text);margin-bottom:-16px!important}
.rule-list{border-top:1px solid var(--border)}
.rule-list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);font-size:.95rem;line-height:1.7;color:var(--text)}
.rule-list li::before{content:"";flex:0 0 6px;height:6px;margin-top:.65em;border-radius:50%;background:var(--primary);box-shadow:0 0 10px rgba(191,168,122,.4)}
.venture__body .platform__note{margin-bottom:0}

.subcard{padding:32px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.01);display:flex;flex-direction:column;gap:16px}
.status{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:500;letter-spacing:.15em;color:var(--primary-light)}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px rgba(191,168,122,.4)}
.subcard__title{font-family:var(--serif);font-size:1.8rem;font-weight:300;letter-spacing:-.01em;line-height:1.1}
.subcard .prose{font-size:.92rem}
.subcard__link{font-size:.85rem;letter-spacing:.1em}

/* Company profile */
.profile{display:flex;flex-wrap:wrap;gap:48px 96px}
.profile__head{flex:.8 1 340px}
.profile__list{flex:1.2 1 480px;min-width:0;max-width:720px;border-top:1px solid var(--border)}
.profile__list>div{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:16px 32px;padding:24px 0;border-bottom:1px solid var(--border)}
.profile__list dt{font-size:.8rem;letter-spacing:.1em;color:var(--text-50)}
.profile__list dd{font-size:1rem;line-height:1.9;color:var(--text)}

@media (max-width:767px){
  .page-hero{padding-top:calc(var(--header) + 48px);padding-bottom:64px}
  .ventures{gap:80px}
  .venture__figure{margin-bottom:32px}
  .profile__list>div{grid-template-columns:1fr;gap:4px}
  .subcard{padding:24px}
}