@import url('./tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:1.125rem;line-height:1.8}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.5;text-wrap:pretty;overflow-wrap:anywhere}h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;letter-spacing:.025em}h2{font-size:clamp(1.75rem,3vw,2.25rem)}h3{font-size:1.375rem}p+p{margin-top:1rem}a{color:inherit;text-underline-offset:.25em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a:hover{color:var(--accent)}[hidden]{display:none!important}.container{width:min(calc(100% - 4rem),var(--container));margin-inline:auto}.reading{max-width:var(--reading)}.muted,small{color:var(--muted)}small,.small{font-size:1rem}.eyebrow{font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;color:var(--accent)}.skip{position:absolute;top:-10rem;left:1rem;background:white;padding:1rem;z-index:20}.skip:focus{top:1rem}.review-bar{background:var(--ink);color:white;font-size:.875rem;padding:.4rem 0}.review-bar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.review-bar a:hover{color:white}.site-header{border-bottom:1px solid var(--line);background:var(--canvas)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:6rem}.brand{text-decoration:none;font-family:var(--serif);font-size:1.375rem;font-weight:700;letter-spacing:.07em;line-height:1.5}.brand small{display:block;font-family:var(--sans);font-size:.875rem;font-weight:400;letter-spacing:.04em}.nav{display:flex;align-items:center;gap:1.25rem;font-size:1rem}.nav a{padding:.6rem 0;text-decoration:none}.nav a:hover{text-decoration:underline}.menu-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;min-height:3rem;padding:.7rem 1.25rem;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:var(--button-radius);font-weight:700;text-decoration:none;line-height:1.5}.button:hover{background:#25564f;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.quiet{background:white;color:var(--ink);border-color:var(--line)}.button.danger{background:var(--danger);border-color:var(--danger)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.hero{padding:3.5rem 0 4rem}.hero-grid{display:grid;grid-template-columns:5fr 6fr;gap:3rem;align-items:center}.hero-copy p{margin-top:1.5rem;max-width:31rem}.hero h1 span{display:block}.hero .eyebrow{border-left:3px solid var(--gold);padding-left:1rem}.photo-slot{background:var(--soft);border:1px solid var(--line);border-radius:var(--image-radius);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;color:var(--muted);overflow:hidden}.photo-slot .slot-inner{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:1.5rem .5rem}.photo-slot strong{display:block;color:var(--ink);font-family:var(--serif);font-size:1.75rem;font-weight:500;margin-bottom:.5rem}.photo-slot.warm{background:#f2e9dc}.photo-slot.cool{background:#e4edeb}.photo-slot.paper{background:#f2f0e7}.photo-slot small{display:block}figcaption{font-size:.875rem;color:var(--muted);margin-top:.65rem}.hero-foot{display:flex;gap:2rem;border-top:1px solid var(--line);margin-top:3rem;padding-top:1.25rem;flex-wrap:wrap;font-size:1rem}.hero-foot span{display:flex;gap:.75rem}.hero-foot b{color:var(--accent)}.section{padding-block:5rem}.section.surface{background:var(--surface)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.section-head .eyebrow{margin-bottom:.5rem}.text-link{font-size:1rem;font-weight:700;display:inline-block;min-height:2.75rem;padding:.5rem 0}.event-card{border-block:1px solid var(--ink);display:grid;grid-template-columns:11rem 1fr auto;gap:2rem;padding:2rem 0;align-items:center}.event-date{font-family:var(--serif);font-size:2rem;line-height:1.4}.event-date small{font-family:var(--sans);display:block}.pill{display:inline-block;background:var(--soft);border-radius:2rem;padding:.2rem .7rem;font-size:.875rem;font-weight:700}.event-card h3{font-size:1.65rem;margin:.5rem 0}.facts{display:flex;gap:1rem 2rem;flex-wrap:wrap;font-size:1rem;margin-top:.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.activity-card{min-width:0}.activity-card .photo-slot{border-radius:var(--radius)}.card-body{padding:1.25rem 0}.card-body .small{margin-bottom:.5rem}.card-body p{font-size:1rem;margin-top:.5rem}.card-body a{text-decoration:none}.card-body a:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.split p{margin-top:1.5rem}.principles{border-top:1px solid var(--line)}.principle{padding:1.3rem 0;border-bottom:1px solid var(--line)}.principle p{margin-top:.5rem;font-size:1rem}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}.gallery .photo-slot{aspect-ratio:3/2}.gallery figure:nth-child(2){padding-top:3rem}.link-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.link-list li{border-bottom:1px solid var(--line);padding:1.25rem 0}.link-list a{font-size:1.25rem;font-weight:700}.link-list p{font-size:1rem;margin-top:.4rem}.join-panel{border-top:3px solid var(--gold);padding:3rem;background:var(--ink);color:white;border-radius:var(--radius)}.join-panel .eyebrow,.join-panel .muted{color:#e0e8e1}.join-panel .button{background:white;color:var(--ink)}.join-panel .button:hover{background:var(--soft)}.join-panel p{max-width:40rem;margin-top:1rem}.join-panel .split{gap:2rem;grid-template-columns:1fr auto}.site-footer{padding:3rem 0;background:#edf0eb;font-size:1rem}.footer-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:start}.footer-note{border-top:1px solid #c7d0c9;margin-top:2rem;padding-top:1rem;font-size:.875rem}.notice{padding:1rem 1.25rem;border-left:4px solid var(--gold);background:#f2eee4;font-size:1rem;margin-block:1.5rem}.notice.error{border-color:var(--danger);color:var(--danger)}.demo-header{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:1.5rem;border-bottom:1px solid var(--line)}.demo-main{padding-block:2.5rem 4rem}.demo-main h1{font-size:2.25rem}.demo-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-block:1.5rem}.demo-nav button[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;min-width:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}.field{display:block;margin-bottom:1.25rem}.field>span,.field>label{display:block;font-weight:700;margin-bottom:.4rem}.field small{display:block;margin-top:.35rem}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:.6rem .75rem;min-height:3rem;border:1px solid #7c9189;border-radius:.4rem;background:white;color:var(--ink)}textarea{resize:vertical;min-height:7rem}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--ink);flex-shrink:0}.check{display:flex;gap:.75rem;align-items:center;min-height:2.75rem;font-size:1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}fieldset{border:1px solid var(--line);border-radius:.5rem;padding:1rem;margin:0 0 1.5rem;min-width:0}legend{font-weight:700;padding-inline:.4rem}dl{margin:1rem 0}dt{font-size:1rem;color:var(--muted)}dd{margin:0 0 1rem;overflow-wrap:anywhere}.status{font-size:1rem;font-weight:700;min-height:1.8rem;margin-top:1rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:left;padding:1rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft)}caption{text-align:left;font-weight:700;padding-bottom:1rem}.preview-shell{background:#e3e8e2;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.preview-frame{display:block;width:100%;height:44rem;border:0;background:var(--canvas);margin:auto;border-radius:.5rem;max-width:100%}.preview-frame.mobile{width:390px}.asset-row{border-top:1px solid var(--line);padding-block:1rem}.asset-row .photo-slot{aspect-ratio:3/1;margin-bottom:1rem;border-radius:.5rem}.inline-controls{display:flex;gap:.5rem;flex-wrap:wrap}.inline-controls .button{font-size:1rem;padding:.5rem .75rem}.empty{padding:2rem;text-align:center;border:1px dashed #7c9189;border-radius:var(--radius);color:var(--muted)}.preview-article{max-width:var(--reading);margin:auto;padding:2rem}.preview-article h1{font-size:clamp(1.75rem,4vw,2.5rem)}.preview-article .summary{font-size:1.25rem;margin-block:1rem}.preview-article .article-body{white-space:pre-wrap;margin-block:2rem;overflow-wrap:anywhere}.preview-article .photo-slot{margin-top:1.5rem}.preview-article.photo-first figure:first-of-type{margin-bottom:2rem}.preview-article.emphasis{border-top:4px solid var(--gold)}
@media(min-width:960px){.nav[hidden]{display:flex!important}.menu-toggle{display:none}}
@media(max-width:1100px){.nav{gap:.75rem;font-size:.875rem}.brand{font-size:1.2rem}.hero-grid{gap:2rem}}
@media(max-width:959px){.header-inner{flex-wrap:wrap;min-height:5rem;padding-block:1rem}.menu-toggle{display:inline-flex}.nav{width:100%;flex-direction:column;align-items:stretch;gap:0;font-size:1rem;padding-bottom:.5rem}.nav a{padding:.8rem 0;border-top:1px solid var(--line)}.hero-grid,.split,.join-panel .split,.workspace{grid-template-columns:1fr}.hero-grid{gap:2rem}.hero-visual{max-width:40rem;width:100%}.hero-visual .photo-slot{max-height:320px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card{grid-template-columns:8rem 1fr}.event-card>.button{grid-column:2;justify-self:start}.split{gap:2rem}.workspace{gap:1.5rem}}
@media(max-width:639px){.container{width:calc(100% - 2.5rem)}.hero{padding:2rem 0 3rem}.hero-foot{gap:.5rem;margin-top:2rem;flex-direction:column}.hero h1 span{display:inline}.hero h1 span+span:before{content:' '}.section{padding-block:3rem}.section-head{align-items:start;flex-direction:column;gap:.5rem}.grid-3,.gallery,.field-row{grid-template-columns:1fr}.event-card{grid-template-columns:1fr;gap:1rem}.event-card>.button{grid-column:1}.event-date{font-size:1.5rem}.event-date small{display:inline;margin-right:.75rem}.gallery figure:nth-child(2){padding-top:0}.join-panel,.panel{padding:1.5rem}.hero .actions .button{width:100%}.brand{font-size:1.05rem;letter-spacing:0}.brand small{font-size:.875rem}.menu-toggle{padding:.5rem .75rem;font-size:1rem}.demo-main h1{font-size:1.8rem}.preview-shell{padding:.5rem}.preview-article{padding:1.25rem}.review-bar{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.workspace>*{min-width:0}
@media(max-width:639px){.hero h1{font-size:clamp(1.75rem,7.6vw,2rem);letter-spacing:0}.hero h1 span{display:block}.hero h1 span+span:before{content:none}.hero .photo-slot strong{font-size:1.5rem}}

/* Design Candidate v1 IA additions: keep Astra B+A visual language; no sticky behavior yet. */
.join-link{font-weight:700}.reading{max-width:var(--reading)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.benefit-grid>div{border-top:1px solid rgba(255,255,255,.45);padding-top:1rem}.benefit-grid h3{font-size:1.2rem}.benefit-grid p{font-size:1rem;margin-top:.5rem}.join-action{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.45)}
.sponsor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.sponsor-card{min-height:8rem;border:1px solid var(--line);border-radius:var(--radius);background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem}.sponsor-card small{display:block;margin-top:.35rem}.contact-strip{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;border-block:1px solid var(--line);padding-block:2rem}.contact-strip p{max-width:42rem;margin-top:.5rem}
@media(max-width:959px){.benefit-grid{grid-template-columns:1fr}.join-action,.contact-strip{grid-template-columns:1fr}.join-action .button,.contact-strip .button{justify-self:start}}
@media(max-width:639px){.sponsor-grid{grid-template-columns:1fr}.join-action .button,.contact-strip .button{width:100%}}

/* H2 Header experiment: compact one-line sticky header. */
.site-header{position:sticky;top:0;z-index:30}
.site-header .header-inner{min-height:4.5rem}
.site-header .brand{white-space:nowrap}
html{scroll-padding-top:5.25rem}
@media(max-width:959px){
  .site-header{box-shadow:0 1px 0 var(--line)}
  .site-header .header-inner{min-height:4rem;padding-block:.5rem}
  html{scroll-padding-top:5rem}
}

/* V2 B-People: stronger People First personality while retaining H2 IA/accessibility. */
:root{--people-coral:#e86f51;--people-coral-strong:#b84b35;--people-yellow:#f5d766;--people-mint:#dceee9}
body{background:#fffaf4}
.site-header{background:rgba(255,250,244,.97);box-shadow:0 6px 22px rgba(23,59,55,.09);backdrop-filter:blur(10px)}
.nav .join-link{background:var(--people-coral-strong);color:#fff;padding:.5rem 1rem;border-radius:999px;box-shadow:0 5px 14px rgba(184,75,53,.22);text-decoration:none}
.nav .join-link:hover{background:#963d2c;color:#fff;text-decoration:none;transform:translateY(-1px)}
.hero{padding-top:2.7rem}.hero .eyebrow{display:inline-block;border-left:0;background:var(--people-yellow);color:var(--ink);border-radius:999px;padding:.42rem .9rem;letter-spacing:.05em}
.hero h1{letter-spacing:-.01em}.button{border-radius:999px}.button:not(.secondary){background:var(--people-coral-strong);border-color:var(--people-coral-strong);box-shadow:0 7px 18px rgba(184,75,53,.18)}
.button:not(.secondary):hover{background:#963d2c}.button.secondary{background:#fff}
.hero-visual{position:relative;padding:0 2rem 2rem 0}.hero-visual .photo-slot{border-radius:2rem;background:linear-gradient(145deg,#ed8f71,#f4c95d 48%,#7db9ad);border:0;box-shadow:0 22px 48px rgba(23,59,55,.14)}
.hero-visual .photo-slot:after{content:'知り合いがいなくても大丈夫';position:absolute;right:-.4rem;top:1.5rem;background:#fff;color:var(--ink);font-size:.9rem;font-weight:700;padding:.65rem .9rem;border-radius:1rem;box-shadow:0 10px 26px rgba(23,59,55,.12)}
.hero-foot span{background:#fff;border-radius:1.25rem;padding:.75rem 1rem;box-shadow:0 7px 20px rgba(23,59,55,.055)}
.section.surface{background:#f7f2e8}
.event-card{background:var(--ink);color:#fff;border:0;border-radius:1.8rem;padding:1.8rem;box-shadow:0 14px 34px rgba(23,59,55,.12)}
.event-card .event-date{background:var(--people-yellow);color:var(--ink);border-radius:1.3rem;padding:1rem;text-align:center}.event-card .event-date small{color:var(--ink)}
.event-card .pill{background:#fff;color:var(--ink)}.event-card .button.secondary{border-color:#fff;color:#fff;background:transparent}.event-card .button.secondary:hover{background:#fff;color:var(--ink)}
.activity-card{background:#fff;border:1px solid #e8ece9;border-radius:1.75rem;overflow:hidden;box-shadow:0 12px 28px rgba(23,59,55,.075)}
.activity-card .photo-slot{border-radius:0}.card-body{padding:1.35rem}.photo-slot.warm{background:linear-gradient(145deg,#ed8f71,#f4c95d)}.photo-slot.cool{background:linear-gradient(145deg,#72a59c,#c5ded8)}.photo-slot.paper{background:linear-gradient(145deg,#9db77e,#e0dfa9)}
.principles{border-top:0;display:grid;gap:.8rem}.principle{background:#fff;border:1px solid #e8ece9;border-radius:1.25rem;padding:1.1rem 1.25rem}
.gallery .photo-slot{border-radius:1.75rem;box-shadow:0 10px 26px rgba(23,59,55,.07)}
.join-panel{background:var(--people-yellow);color:var(--ink);border-top:0;border-radius:1.9rem;box-shadow:0 16px 36px rgba(23,59,55,.1)}
.join-panel .eyebrow,.join-panel .muted{color:var(--ink)}.join-panel .benefit-grid>div,.join-action{border-color:rgba(23,59,55,.25)}.join-panel .button{background:var(--people-coral-strong);color:#fff;border-color:var(--people-coral-strong)}
.sponsor-card{border-radius:1.5rem;box-shadow:0 8px 22px rgba(23,59,55,.05)}
.contact-strip{background:var(--people-mint);border:0;border-radius:1.6rem;padding:2rem}
@media(max-width:959px){.nav .join-link{margin-top:.5rem;text-align:center}.hero-visual{padding-right:1rem}.hero-visual .photo-slot:after{right:0;top:1rem}.event-card .event-date{text-align:left}}
@media(max-width:639px){.hero-visual .photo-slot:after{font-size:.8rem;max-width:13rem}.hero-foot span{width:100%}}

/* Refined V2: intentional 3-line Hero + Heritage-inspired About. */
.hero-title span{display:block;white-space:nowrap}
.about-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center}.about-home-copy{max-width:48rem}.about-lead-home{font-size:1.08rem;line-height:2;max-width:45rem;margin-top:1.25rem}.about-principles{margin-top:2rem;border-top:1px solid #bfb4a3}.about-principle{display:grid;grid-template-columns:3rem 8rem 1fr;gap:1rem;align-items:start;padding:1.15rem 0;border-bottom:1px solid #d8cfbf}.about-principle>span{font-family:var(--serif);color:#8c6a3b;font-size:.85rem;letter-spacing:.12em;padding-top:.15rem}.about-principle strong{font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:.05em}.about-principle p{font-size:.96rem;line-height:1.8;margin:0;color:#4b564e}.about-draft-note{margin-top:1.1rem}.about-home h2{font-family:var(--serif);font-weight:500;letter-spacing:.03em}.heritage-link{display:inline-block;margin-top:1.5rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}.about-seal{width:12rem;aspect-ratio:1;border:1px solid #bfb4a3;border-radius:50%;display:grid;place-items:center;text-align:center;position:relative;background:#fffaf4}.about-seal:before{content:'';position:absolute;inset:.65rem;border:1px solid #d8cfbf;border-radius:50%}.about-seal span{font-family:var(--serif);font-size:2.25rem;z-index:1}.about-seal small{display:block;position:absolute;bottom:2rem;font-size:.65rem;letter-spacing:.12em}
.about-page{background:#f6f1e8}.about-page .site-header{background:rgba(246,241,232,.97)}.about-page .nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.about-hero{border-bottom:1px solid #bfb4a3;padding:5rem 0}.about-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.heritage-eyebrow,.heritage-heading>p{font-size:.8rem;letter-spacing:.18em;color:#8c6a3b;font-weight:700;margin-bottom:1rem}.about-hero h1,.heritage-heading h2,.about-join h2{font-family:var(--serif);font-weight:500;letter-spacing:.04em}.about-hero h1{font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.45}.about-lead{margin-top:1.75rem;max-width:38rem;line-height:2}.about-note{font-size:.9rem;color:#6e756f;margin-top:1.25rem}.heritage-frame{margin:0}.heritage-photo{min-height:24rem;background:linear-gradient(150deg,#665746,#b7a98d 48%,#d7c8aa);position:relative;display:grid;place-items:end start;padding:1.25rem;color:#fff}.heritage-photo:after{content:'';position:absolute;inset:10%;border:1px solid rgba(255,255,255,.5)}.heritage-frame>p{font-size:.875rem;color:#6e756f;margin-top:.75rem}.heritage-section{padding:5rem 0;border-bottom:1px solid #d8cfbf}.heritage-soft{background:#fbf8f2}.heritage-heading{margin-bottom:2.25rem}.heritage-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}.heritage-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfb4a3;border-bottom:1px solid #bfb4a3}.heritage-values article{padding:2rem}.heritage-values article+article{border-left:1px solid #bfb4a3}.heritage-values span{font-family:var(--serif);color:#8c6a3b}.heritage-values h3{font-family:var(--serif);font-weight:500;margin-top:.65rem}.heritage-values p{font-size:1rem;margin-top:.75rem;color:#4b564e}.heritage-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.heritage-list{border-top:1px solid #bfb4a3}.heritage-list>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #bfb4a3}.heritage-list strong{font-family:var(--serif);font-size:1.25rem}.formal-note{border:1px solid #bfb4a3;padding:2rem;background:#fff}.formal-note>span{font-size:.75rem;letter-spacing:.15em;color:#8c6a3b}.formal-note h3{font-family:var(--serif);font-weight:500;margin-top:.75rem}.formal-note p{font-size:1rem;margin-top:.75rem}.about-join{background:var(--ink);color:#fff;padding:4.5rem 0}.about-join-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.about-join p{max-width:40rem;margin-top:1rem}.about-join .button{background:var(--people-coral-strong);border-color:var(--people-coral-strong)}
@media(max-width:959px){.about-home,.about-hero-grid,.heritage-split,.about-join-inner{grid-template-columns:1fr}.about-seal{width:10rem}.heritage-values{grid-template-columns:1fr}.heritage-values article+article{border-left:0;border-top:1px solid #bfb4a3}.heritage-photo{min-height:20rem}}
@media(max-width:639px){.hero-title{font-size:clamp(1.65rem,7.2vw,1.9rem)!important;line-height:1.35}.hero-title span{white-space:nowrap}.about-hero{padding:3.5rem 0}.about-hero h1{font-size:2.25rem}.heritage-section{padding:3.5rem 0}.about-seal{display:none}.heritage-list>div{grid-template-columns:5.5rem 1fr}.about-join .button{width:100%}}

/* Photo test only: real legacy photos in a copied prototype. */
.photo-slot.has-photo{padding:0;background:#ddd;position:relative}
.photo-slot.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo-test-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.photo-test-controls .button{font-size:.9rem;min-height:2.5rem;padding:.45rem .8rem}
@media(max-width:639px){.photo-test-controls .button{flex:1 1 100%}}

/* Photo test compare UI: overlay only, so normal Hero layout stays unchanged. */
.photo-test-hero .photo-slot{position:relative}
.photo-compare-toggle{position:absolute;left:1rem;top:1rem;z-index:3;border:1px solid rgba(255,255,255,.7);background:rgba(23,59,55,.84);color:#fff;border-radius:999px;padding:.5rem .85rem;font:inherit;font-size:.85rem;font-weight:700;line-height:1.2;backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(23,59,55,.18)}
.photo-compare-toggle:hover{background:rgba(23,59,55,.95)}
.photo-compare-toggle:focus-visible,.photo-test-controls button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.photo-test-controls{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:3;display:flex;gap:.5rem;flex-wrap:wrap;margin:0;padding:.6rem;background:rgba(255,250,244,.94);border:1px solid rgba(255,255,255,.8);border-radius:1rem;backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(23,59,55,.18)}
.photo-test-controls[hidden]{display:none}
.photo-test-controls button{flex:1 1 auto;min-height:2.5rem;border:1px solid rgba(23,59,55,.18);border-radius:999px;background:#fff;color:var(--ink);padding:.45rem .75rem;font:inherit;font-size:.82rem;font-weight:700}
.photo-test-controls button[aria-pressed="true"]{background:var(--people-coral-strong);border-color:var(--people-coral-strong);color:#fff}
@media(max-width:639px){.photo-compare-toggle{left:.7rem;top:.7rem;font-size:.78rem}.photo-test-controls{left:.6rem;right:.6rem;bottom:.6rem;gap:.4rem;padding:.5rem}.photo-test-controls button{flex:1 1 calc(50% - .4rem);min-height:2.25rem;font-size:.76rem;padding:.4rem .5rem}}

@media(max-width:639px){.about-principle{grid-template-columns:2.5rem 6rem 1fr;gap:.7rem}.about-principle strong{font-size:1.1rem}.about-principle p{font-size:.9rem}}


/* 2026-09-10 meeting polish: Hero intro + About values layout. */
.hero-intro span{display:block}
.hero-visual .photo-slot:after{right:-1.75rem;top:1.25rem}
.about-values-home>.eyebrow{margin-bottom:.7rem}
.about-values-home>h2{font-family:var(--serif);font-weight:500;letter-spacing:.03em;margin-bottom:2rem}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bfb4a3;border-bottom:1px solid #bfb4a3}
.about-values-grid article{padding:2rem 2rem 2.1rem}
.about-values-grid article+article{border-left:1px solid #bfb4a3}
.about-values-grid span{display:block;font-family:var(--serif);font-size:.95rem;color:#a36d35;margin-bottom:1rem}
.about-values-grid h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;letter-spacing:.03em}
.about-values-grid p{font-size:1rem;line-height:1.9;margin-top:.7rem;color:#4b564e}
.about-values-home>.heritage-link{margin-top:1.5rem}
@media(max-width:959px){.hero-visual .photo-slot:after{right:-.75rem}.about-values-grid{grid-template-columns:1fr}.about-values-grid article+article{border-left:0;border-top:1px solid #bfb4a3}}
@media(max-width:639px){.hero-intro span{display:inline}.hero-intro span+span:before{content:' '}.hero-visual .photo-slot:after{right:-.2rem;top:.8rem}.about-values-grid article{padding:1.5rem 0}.about-values-home>.heritage-link{margin-top:1.25rem}}

/* About font comparison: review-only toggle. */
.about-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2.25rem}.about-heading-row .heritage-heading{margin-bottom:0}.about-font-toggle{display:inline-flex;gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:#fff;flex-shrink:0}.about-font-toggle button{border:0;border-radius:999px;background:transparent;color:var(--ink);padding:.45rem .75rem;font:inherit;font-size:.8rem;font-weight:700;line-height:1.2}.about-font-toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}.about-font-toggle button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
#about.about-font-standard .heritage-heading h2,#about.about-font-standard .heritage-values span,#about.about-font-standard .heritage-values h3,#about.about-font-standard .heritage-list strong{font-family:var(--sans)}
#about.about-font-standard .heritage-heading h2,#about.about-font-standard .heritage-values h3,#about.about-font-standard .heritage-list strong{font-weight:700;letter-spacing:0}
@media(max-width:639px){.about-heading-row{flex-direction:column;gap:1rem}.about-font-toggle{align-self:flex-start}}


/* Content workshop: temporary co-editing preview page. */
.review-links{display:flex;gap:1rem;flex-wrap:wrap}
.workshop-page{min-height:100vh;background:#f4efe6}
.workshop-container{width:min(calc(100% - 2rem),1440px)}
.workshop-header{padding-block:.75rem}
.content-workshop{padding:1rem 0 1.5rem}
.workshop-intro{display:grid;grid-template-columns:auto minmax(32rem,1fr);gap:2rem;align-items:end}
.workshop-intro .eyebrow{margin-bottom:.25rem}.workshop-intro h1{font-size:clamp(1.8rem,2.4vw,2.5rem)}
.workshop-notice{font-size:.9rem;line-height:1.6;padding:.65rem .9rem;border-left:4px solid var(--gold);background:#fff9e8}
.workshop-tabs{display:flex;gap:.5rem;margin:.9rem 0}
.workshop-tabs button{min-height:2.55rem;padding:.45rem 1rem;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:700}
.workshop-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.workshop-editor{padding:1.25rem 1.4rem}
.workshop-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.9rem}
.workshop-panel-head h2{font-size:1.45rem}.workshop-panel-head p{margin-top:.15rem}.workshop-step{font-size:.82rem;font-weight:700;background:var(--soft);border-radius:999px;padding:.3rem .65rem}
.workshop-home-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:1rem;align-items:start}
.workshop-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.workshop-activity-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin-top:.8rem;align-items:start}
.workshop-activity-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.workshop-activity-fields fieldset{display:grid;gap:.7rem}
.workshop-title-field{display:grid;grid-template-columns:auto minmax(18rem,24rem);gap:.6rem;align-items:center;font-size:.9rem;font-weight:700}
.workshop-editor .field{margin-bottom:0}.workshop-editor .field>span{margin-bottom:.25rem;font-size:.92rem}
.workshop-editor input:not([type=checkbox]):not([type=radio]),.workshop-editor textarea{padding:.5rem .65rem;min-height:2.55rem;font-size:.95rem;line-height:1.55}
.workshop-editor textarea{min-height:5.4rem;resize:vertical}.workshop-editor small{font-size:.82rem;line-height:1.45}
.workshop-editor fieldset{padding:.7rem;margin:0;border-radius:.65rem}.workshop-editor legend{font-size:.9rem}
.workshop-file-picker{min-height:5.4rem;border:1px dashed #7c9189;border-radius:.65rem;background:#fafcf9;display:grid;place-items:center;text-align:center;padding:.7rem;cursor:pointer}.workshop-file-picker input{width:100%;font-size:.85rem}.workshop-file-picker strong{display:block;margin-top:.2rem}.workshop-image-field>small,.workshop-image-field p{margin-top:.35rem}
.workshop-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.workshop-footer .status{margin:0;font-size:.9rem;min-height:0}.workshop-actions{margin:0;justify-content:flex-end}.workshop-actions .button{min-height:2.55rem;padding:.45rem .9rem;font-size:.9rem}
.content-preview-bar{background:#fff3c9;border-bottom:1px solid #d8b95c;padding:.7rem 0;color:var(--ink)}.content-preview-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.content-preview-actions{display:flex;gap:.5rem;flex-wrap:wrap}.content-preview-bar .button{min-height:2.5rem;padding:.4rem .8rem;font-size:.9rem}.content-preview-active .review-bar{display:none}
@media(max-width:1100px){.workshop-intro{grid-template-columns:1fr}.workshop-home-grid,.workshop-values-grid,.workshop-activity-grid{grid-template-columns:1fr 1fr}.workshop-values-grid fieldset:last-child{grid-column:1/-1}.workshop-activity-fields{grid-template-columns:1fr}.workshop-title-field{grid-template-columns:1fr}}
@media(max-width:720px){.workshop-container{width:calc(100% - 1.5rem)}.workshop-intro,.workshop-home-grid,.workshop-values-grid,.workshop-activity-grid{grid-template-columns:1fr}.workshop-values-grid fieldset:last-child{grid-column:auto}.workshop-tabs button{flex:1}.workshop-panel-head,.workshop-footer{align-items:stretch;flex-direction:column}.workshop-actions .button{width:100%}.content-preview-actions{width:100%}.content-preview-actions .button{flex:1}}