/* CENLEAF top page: styles for sections below the hero (moved from cenleaf-immersive-20260909/immersive.css on 2026-09-10) */
html{scrollbar-gutter:stable}
header{background:#0d0d0d;border-color:#333}
header .logo{letter-spacing:.12em}
#intro .hero-main{padding-top:96px;padding-bottom:80px}
#intro .hero-row{margin-top:0}
#intro .lead{font-size:clamp(18px,2vw,24px);line-height:1.9;max-width:760px;margin-top:0}
#intro .hero-row{grid-template-columns:minmax(0,1fr) auto;gap:64px}
#intro .facts{margin-top:54px}
.marquee .redline{display:none}
.marquee{border-block:1px solid #383838}
.film{padding-top:48px}
.film-player{position:relative}
.film-overlay{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:0;background:transparent;padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0;color:#fff}
.film-overlay[hidden]{display:none}
.film-play-circle{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#ff4d3a;color:#fff;box-shadow:0 6px 24px #0005;transition:transform .18s ease,background .18s ease}
.film-overlay:hover .film-play-circle{background:#c92f24;transform:scale(1.06)}
.film-overlay:focus-visible{outline:3px solid #fff;outline-offset:5px;border-radius:10px}
.film-toggle-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.works .chap-title{font-size:clamp(34px,8vw,116px);letter-spacing:-.04em}
.works .work{gap:5vw;padding:88px 0;align-items:center}
.works .work .shot{transform:perspective(1400px) rotateY(-9deg) translateY(25px);transition:transform 1.1s cubic-bezier(.2,.75,.15,1);transform-origin:20% 50%}
.works .work:nth-child(even) .shot{transform:perspective(1400px) rotateY(9deg) translateY(25px);transform-origin:80% 50%}
.works .work h3{font-size:clamp(26px,3.1vw,42px);line-height:1.3}
.works .work p{line-height:1.9}
.meeting-body-link{display:block;color:inherit;text-decoration:none}
.meeting-work h3{word-break:keep-all;overflow-wrap:normal}
.meeting-shot{position:relative;overflow:hidden}
.meeting-live-preview{position:relative;width:100%;aspect-ratio:1280/800;overflow:hidden;background:#f5f5f5}
.meeting-live-preview iframe{position:absolute;top:0;left:0;width:1280px;height:800px;transform:scale(var(--preview-scale,.25));transform-origin:top left;border:0;pointer-events:none}
.meeting-preview-link{position:absolute;inset:0;display:block}
.meeting-preview-link:focus-visible{outline:3px solid #ff4d3a;outline-offset:-4px}
.works-disclosure{font-size:15px;line-height:1.9;max-width:850px;margin-top:20px;color:#555}
.doing-item .t{font-size:16px;font-weight:500}
.doing-item .d{font-size:clamp(22px,2.25vw,32px);line-height:1.6;margin-top:12px;color:#f5f5f5}
.profile .chap-title{font-size:24px}
.profile .profile-support{font-family:var(--disp);font-weight:900;font-size:clamp(28px,3.4vw,44px);line-height:1.55;margin-bottom:30px}
.how .chap-title,.voices .chap-title,.next .chap-title{font-size:clamp(38px,6.8vw,92px)}
.chap-title{word-break:normal;overflow-wrap:normal;line-break:strict}
@media(max-width:1100px){#intro .hero-row{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){#intro .hero-main{padding-top:60px;padding-bottom:54px}#intro .hero-row{gap:26px}#intro .lead{font-size:17px}#intro .facts{margin-top:35px}.works .work{padding:44px 0;gap:28px}.works .work .shot,.works .work:nth-child(even) .shot{transform:none}.works .work h3{font-size:28px}.next .chap-title{font-size:clamp(28px,8vw,38px)}.film-play-circle{width:72px;height:72px}.film-overlay{gap:8px}.film-toggle-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.work .shot{transform:none!important;transition:none!important}}