/* ==================================================================
   PROJECT KAIROS — BRAND PAGES v3.1
   ABOUT / MISSION / ORGANIZATION / PROJECTS / JOURNAL
   ------------------------------------------------------------------
   This file replaces the accumulated WordPress "Additional CSS".
   HTML contains structure and content; this file owns presentation.
   ================================================================== */

:root{
  --kairos-page-width: 1160px;
  --kairos-section-width: 940px;
  --kairos-copy-width: 820px;

  --kairos-ivory: #f4f0e9;
  --kairos-paper: #ebe5dc;
  --kairos-stone: #d3c8bb;
  --kairos-taupe: #766c62;
  --kairos-bronze: #9a7d5f;
  --kairos-gold: #c8a46e;
  --kairos-charcoal: #2c2925;
  --kairos-copy: #514a43;

  --kairos-line: rgba(44, 41, 37, 0.13);
  --kairos-line-dark: rgba(244, 240, 233, 0.15);

  --kairos-font-serif:
    "Iowan Old Style",
    "Palatino Linotype",
    "Book Antiqua",
    Palatino,
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  --kairos-font-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif;
}


/* ------------------------------------------------------------------
   PRIVACY GUARD — STATIC PAGES

   Cocoon may render author/follow modules independently of the
   KAIROS brand body class. Static HQ pages do not expose the
   WordPress author identity.
   ------------------------------------------------------------------ */

body.page .author-info,
body.page .author-box,
body.page .sns-follow {
  display: none !important;
}

/* ------------------------------------------------------------------
   COCOON RESET — BRAND FIXED PAGES ONLY
   ------------------------------------------------------------------ */

body.kairos-brand-page .entry-title,
body.kairos-brand-page .sns-share,
body.kairos-brand-page .sns-follow,
body.kairos-brand-page .post-date,
body.kairos-brand-page .post-update,
body.kairos-brand-page .author-info,
body.kairos-brand-page .toc,
body.kairos-brand-page .breadcrumb,
body.kairos-brand-page .breadcrumb-content{
  display: none !important;
}

body.kairos-brand-page .content{
  margin-top: clamp(2rem, 4vw, 4rem);
  margin-bottom: clamp(4rem, 8vw, 8rem);
}

body.kairos-brand-page .content-in{
  display: block;
  width: 100%;
  max-width: 1360px;
}

body.kairos-brand-page .sidebar{
  display: none;
}

body.kairos-brand-page .main{
  width: min(calc(100% - 2rem), 1280px);
  max-width: 1280px;
  margin-inline: auto;
  padding:
    clamp(22px, 3vw, 40px)
    clamp(24px, 5vw, 72px)
    clamp(72px, 8vw, 112px);
  background: rgba(248, 245, 239, 0.58);
}

body.kairos-brand-page .article{
  font-size: 16px;
  line-height: 1.9;
}

body.kairos-brand-page .article .yoin-page{
  width: 100%;
  max-width: var(--kairos-page-width);
  margin-inline: auto;
}

/* ------------------------------------------------------------------
   SHARED LAYOUT
   ------------------------------------------------------------------ */

body.kairos-brand-page .article .yoin-page > section:not(.yoin-dark-section){
  width: 100%;
  max-width: var(--kairos-section-width);
  margin-inline: auto;
  padding-block: clamp(68px, 7vw, 96px);
}

body.kairos-brand-page .article .yoin-page > section.yoin-page-hero{
  padding-top: clamp(24px, 3vw, 42px);
  padding-bottom: clamp(82px, 8vw, 112px);
}

body.kairos-brand-page .article .yoin-page > hr{
  width: 100%;
  max-width: var(--kairos-section-width);
  height: 1px;
  margin: 0 auto;
  border: 0;
  background: var(--kairos-line);
}

/* ------------------------------------------------------------------
   TYPE
   ------------------------------------------------------------------ */

body.kairos-brand-page .article .yoin-eyebrow{
  margin: 0 0 24px;
  color: #8a7d70;
  font-family: var(--kairos-font-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.kairos-brand-page .article .yoin-display{
  max-width: 17ch;
  margin: 0 0 38px;
  padding: 0;
  border: 0;
  color: var(--kairos-charcoal);
  background: transparent;
  font-family: var(--kairos-font-serif);
  font-size: clamp(48px, 4.2vw, 70px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -0.048em;
  text-wrap: balance;
}

body.kairos-brand-page .article .yoin-lead{
  max-width: var(--kairos-copy-width);
  margin: 0 0 30px;
  color: #37322d;
  font-size: clamp(20px, 1.45vw, 24px);
  line-height: 1.72;
  letter-spacing: -0.015em;
  text-wrap: pretty;
}

body.kairos-brand-page .article .yoin-page section >
p:not(.yoin-eyebrow):not(.yoin-display):not(.yoin-lead){
  max-width: var(--kairos-copy-width);
  margin-top: 0;
  margin-bottom: 26px;
  color: var(--kairos-copy);
  font-size: 16.5px;
  line-height: 1.95;
}

body.kairos-brand-page .article .yoin-page h2{
  max-width: 22ch;
  margin: 0 0 28px;
  padding: 0;
  border: 0;
  color: var(--kairos-charcoal);
  background: transparent;
  font-family: var(--kairos-font-serif);
  font-size: clamp(36px, 3.25vw, 52px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.042em;
  text-wrap: balance;
}

body.kairos-brand-page .article .yoin-page h3{
  max-width: var(--kairos-copy-width);
  margin: 0 0 18px;
  padding: 0 0 0 16px;
  border: 0;
  border-left: 1px solid var(--kairos-bronze);
  color: var(--kairos-charcoal);
  background: transparent;
  font-family: var(--kairos-font-serif);
  font-size: clamp(23px, 2vw, 30px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

body.kairos-brand-page .article .yoin-page blockquote{
  position: relative;
  max-width: 760px;
  margin: 40px 0 48px;
  padding: 22px 34px;
  border: 0;
  border-left: 1px solid var(--kairos-bronze);
  color: #37322d;
  background: rgba(235, 229, 220, 0.36);
  font-family: var(--kairos-font-serif);
  font-size: clamp(22px, 2vw, 29px);
  line-height: 1.65;
}

body.kairos-brand-page .article .yoin-page blockquote::before,
body.kairos-brand-page .article .yoin-page blockquote::after{
  color: rgba(44, 41, 37, 0.17);
}

/* ------------------------------------------------------------------
   ABOUT
   ------------------------------------------------------------------ */

body.kairos-brand-page .article .yoin-display.yoin-display--about{
  width: 100%;
  max-width: 960px;
  text-wrap: initial;
}

body.kairos-brand-page .article .yoin-display--about span{
  display: block;
  white-space: nowrap;
}

body.kairos-brand-page .article .yoin-page-about .yoin-page-hero .yoin-lead,
body.kairos-brand-page .article .yoin-page-about .yoin-page-hero >
p:not(.yoin-eyebrow):not(.yoin-lead){
  max-width: 880px;
}

body.kairos-brand-page .article .yoin-page-about .yoin-page-hero >
p:not(.yoin-eyebrow):not(.yoin-lead){
  color: #5b534b;
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.01em;
}

body.kairos-brand-page .article .yoin-split-heading{
  max-width: 20ch;
}

body.kairos-brand-page .article .yoin-split-heading span{
  display: inline;
}

body.kairos-brand-page .article .yoin-split-heading span + span::before{
  content: " ";
}

body.kairos-brand-page .article .yoin-page-about section >
h2:not(:first-of-type){
  max-width: none;
  margin-top: 68px;
  padding-top: 48px;
  border-top: 1px solid var(--kairos-line);
}

/* ------------------------------------------------------------------
   MISSION / VISION
   ------------------------------------------------------------------ */









/* Values: a compact 3 × 3 editorial grid on desktop */








/* ------------------------------------------------------------------
   PAGE-SPECIFIC COMPONENTS
   See assets/css/kairos-components.css
   ------------------------------------------------------------------ */

/* ------------------------------------------------------------------
   NOTE / FLOW
   ------------------------------------------------------------------ */

body.kairos-brand-page .article .yoin-note{
  width: 100%;
  max-width: var(--kairos-section-width);
  margin: clamp(56px, 7vw, 88px) auto;
  padding: clamp(34px, 4vw, 52px);
  border: 0;
  border-left: 1px solid var(--kairos-bronze);
  background: rgba(235, 229, 220, 0.56);
}



/* ------------------------------------------------------------------
   DARK CLOSING
   ------------------------------------------------------------------ */

body.kairos-brand-page .article .yoin-dark-section{
  width: 100%;
  max-width: var(--kairos-section-width);
  margin: clamp(76px, 9vw, 120px) auto 0 !important;
  padding:
    clamp(58px, 7vw, 88px)
    clamp(34px, 6vw, 72px);
  color: var(--kairos-ivory);
  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(154, 125, 95, 0.18),
      transparent 300px
    ),
    var(--kairos-charcoal);
  box-shadow: 0 24px 70px rgba(44, 41, 37, 0.10);
}

body.kairos-brand-page .article .yoin-dark-section h2{
  max-width: 22ch;
  margin-bottom: 34px;
  color: var(--kairos-ivory) !important;
  font-size: clamp(42px, 3.8vw, 60px);
  line-height: 1.02;
}

body.kairos-brand-page .article .yoin-dark-section p:not(.yoin-eyebrow){
  max-width: 760px;
  color: rgba(244, 240, 233, 0.78) !important;
}

body.kairos-brand-page .article .yoin-dark-section .yoin-eyebrow{
  color: var(--kairos-gold) !important;
}