/* Found footage is part of the page surface, never an inline media card. */
.recognition,.belief,.practice,.talent,.natural,.growth-stage{position:relative;isolation:isolate}
.recognition,.belief,.practice,.talent,.natural{overflow:clip}
.chapter>.shell,.growth-stage>.shell{position:relative;z-index:1}
.chapter-atmosphere{position:absolute;pointer-events:none;overflow:hidden;z-index:0;user-select:none}
.chapter-atmosphere video,.chapter-atmosphere .motion-poster{object-fit:cover}
.process-principle h3>span{display:block}
/* Water dissolves into paper below the declaration. */
/* A wash of morning light, strongest in the outer margin. */
.atmosphere-belief{inset:0 -10% 0 20%;opacity:.13;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 2%,#000 80%),linear-gradient(0deg,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-composite:intersect}
.atmosphere-belief video,.atmosphere-belief .motion-poster{filter:grayscale(1) contrast(.72) brightness(1.4);object-position:68% center}
/* Grass shares the existing charcoal ground. */
.atmosphere-practice{top:0;right:-2%;width:78%;height:730px;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000 65%),linear-gradient(0deg,transparent,#000 32%,#000 70%,transparent);mask-composite:intersect}
.atmosphere-practice video,.atmosphere-practice .motion-poster{object-position:68% center;filter:saturate(.55) brightness(.66)}
.practice-heading,.process-principle{position:relative}
/* Shadows land on paper without changing the text layout. */
/* Attach growth to the sticky stage, keeping it in view. */
.growth-stage{overflow:clip}
/* A full chapter environment beneath the forest-green tint. */
.ownership{background:#1d3730}
.atmosphere-ownership{inset:0;opacity:.42}
.atmosphere-ownership video,.atmosphere-ownership .motion-poster{object-position:center 45%;filter:saturate(.55) brightness(.66)}
.ownership:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,#1d373066,#1d373077 40%,#1d3730ed 83%,#1d3730),linear-gradient(90deg,#1d373099,transparent 45%,#1d373066)}
.ownership-backdrop{display:none}
.ownership .public-title{text-shadow:0 2px 30px #10251e38}
/* Birds occupy the sky above the words. */
/* One persistent motion control; source links live at the end. */
.header .motion-control{border:0;border-left:1px solid #b8c2bc50;padding:4px 0 4px 18px;min-height:36px;background:none;color:#b8c2bc;font:10px/1.5 var(--sans);white-space:nowrap;letter-spacing:.04em}
.motion-control:before{content:'Ⅱ';display:inline-block;margin-right:7px;font-size:12px}
.motion-control[aria-pressed='false']:before{content:'▷'}
.header .motion-control:hover{color:#fff}
.motion-control[hidden]{display:none}
.motion-control:focus-visible,.motion-credits summary:focus-visible{outline:1px solid currentColor;outline-offset:6px}
.motion-credits{font-size:10px;color:#a49d90;padding:16px 0;border-top:1px solid #b9ab912e;margin-top:6px}
.motion-credits summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:12px}
.motion-credits summary:after{content:'＋'}
.motion-credits[open] summary:after{content:'－'}
.motion-credits>div{display:flex;gap:15px 28px;flex-wrap:wrap;padding:18px 0 5px;line-height:1.8}
.motion-credits a:hover{text-decoration:underline;text-underline-offset:4px}
.era-folio{margin-left:auto}
@media(max-width:1100px){
 .header nav{gap:18px}
 .header .motion-control{padding-left:14px}
}
@media(min-width:761px) and (max-height:820px){
 html.motion .growth-stage{min-height:600px;padding-top:35px}
 html.motion .growth-composition{margin-top:25px}
 html.motion .growth-explanations{height:315px}
 html.motion .growth-number{font-size:72px}
 html.motion .growth-explanations h3{margin-top:14px}
 html.motion .growth-controls{margin-top:26px}
}
@media(max-width:760px){
 .header nav{gap:16px}
 .header .nav-invite{margin-left:0}
 .nav-invite span{margin-left:8px}
 .header .motion-control{font-size:9px;padding-left:12px;letter-spacing:0}
 .motion-control:before{font-size:11px;margin-right:5px}
 .atmosphere-belief{inset:0 -35% 0 10%;opacity:.1}
 .atmosphere-practice{top:0;right:-24%;width:115%;height:740px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 90%),linear-gradient(0deg,transparent,#000 40%,#000 70%,transparent);mask-composite:intersect}
 .atmosphere-ownership{opacity:.38}
 .atmosphere-ownership video,.atmosphere-ownership .motion-poster{object-position:45% center}
 .motion-credits{padding-top:18px;font-size:10px}
 .motion-credits>div{display:grid;grid-template-columns:1fr;gap:12px}
}
@media(max-width:360px){
 .header nav{gap:11px}
 .header .motion-control{padding-left:10px}
}

/* Local moving illustrations occupy their own space in the typography. */
.chapter-motif{position:relative;pointer-events:none;user-select:none;flex-shrink:0;background:var(--paper);isolation:isolate;overflow:clip}
.chapter-motif video,.chapter-motif .motion-poster{object-fit:cover;mix-blend-mode:multiply}
.recognition-grid{align-items:start}
.motif-recognition{width:340px;max-width:100%;height:180px;margin:20px 0 -30px -16px;mask-image:radial-gradient(ellipse 50% 45% at 50% 52%,#000 35%,#000d 58%,transparent 100%)}
.motif-recognition video,.motif-recognition .motion-poster{filter:grayscale(1) contrast(1.3) brightness(1.1);object-position:50% 55%}

.talent-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.65fr) minmax(260px,.85fr);align-items:center;gap:30px;padding-top:48px;padding-bottom:42px}
.talent-heading h2{font-size:clamp(48px,5.1vw,74px)}
.talent-heading>p{min-width:0;font-size:21px}
.motif-talent{width:100%;height:285px;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 16%,#000 86%,transparent);mask-composite:intersect}
.motif-talent video,.motif-talent .motion-poster{filter:grayscale(1) brightness(1.45) contrast(1.35);object-position:center}

.growth-composition{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:70px}
.growth-illustrated-quote{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:8px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;min-width:0}
.growth-composition h2{font-size:clamp(40px,5.1vw,74px);white-space:nowrap}
.motif-growth{width:210px;height:355px;margin-bottom:-18px;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 95%,transparent)}
.motif-growth video,.motif-growth .motion-poster{object-fit:contain;object-position:center bottom;filter:saturate(.78) contrast(1.1) brightness(1.05)}

.natural-content{padding-top:64px}
.natural-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:38px;max-width:1100px;margin:0 auto 0;text-align:left}
.natural-heading h2{font-size:clamp(44px,5.2vw,74px)}
.motif-natural{height:260px;width:300px;align-self:start;mask-image:radial-gradient(ellipse 55% 55% at 50% 50%,#000 45%,transparent 100%)}
.motif-natural video,.motif-natural .motion-poster{object-position:85% 65%;filter:grayscale(1) brightness(1.48) contrast(1.45)}

@media(max-width:1100px){
 .recognition-intent{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px 30px;align-items:start}
 .recognition-intent>h3,.recognition-intent>p{grid-column:1}
 .recognition-intent>p{margin-top:0}
 .motif-recognition{grid-column:2;grid-row:1/3;width:260px;height:180px;margin:0}
 .talent-heading{grid-template-columns:minmax(0,1fr) 220px;gap:20px 36px}
 .talent-heading h2{grid-column:1;font-size:58px}
 .talent-heading>p{grid-column:1;grid-row:2}
 .motif-talent{grid-column:2;grid-row:1/3;height:260px}
 .growth-composition{gap:40px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 .growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 150px;gap:0}
 .growth-composition h2{font-size:clamp(37px,4.6vw,54px)}
 .motif-growth{width:150px;height:290px}
 .natural-heading{grid-template-columns:minmax(0,1fr) 230px;gap:20px}
 .natural-heading h2{font-size:clamp(34px,5vw,55px)}
 .motif-natural{width:230px;height:220px}
}
@media(max-width:760px){
 .recognition-grid{gap:28px}
 .recognition-intent{display:block;position:relative;padding-bottom:92px}
 .recognition-intent>p{margin-top:18px}
 .motif-recognition{position:absolute;bottom:-16px;right:-5px;width:210px;height:110px;margin:0}
 .talent-heading{grid-template-columns:minmax(0,1fr) 115px;gap:22px 4px;padding-top:35px;padding-bottom:30px}
 .talent-heading h2{font-size:clamp(30px,8vw,43px);line-height:1.6;grid-column:1/-1}
 .talent-heading>p{grid-row:2;grid-column:1;min-width:0;font-size:17px;line-height:1.9;margin:0;padding:0}
 .motif-talent{grid-column:2;grid-row:2;height:145px;width:115px;margin:0}
 .growth-composition{display:block}
 .growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 125px;gap:4px;padding-bottom:12px}
 .growth-composition h2{font-size:clamp(32px,9vw,46px);line-height:1.75}
 .motif-growth{width:125px;height:230px;margin-bottom:-12px}
 .natural-content{padding-top:32px}
 .natural-heading{display:grid;grid-template-columns:1fr;gap:0;text-align:left;margin:0}
 .natural-heading h2{grid-row:2;font-size:clamp(29px,7.4vw,45px)}
 .motif-natural{grid-row:1;width:175px;height:125px;justify-self:end;margin:-12px -10px 0 0}
}
@media(max-width:360px){
 .talent-heading>p{font-size:16px}
 .talent-heading{grid-template-columns:minmax(0,1fr) 100px}
 .motif-talent{width:100px}
 .growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 110px}
 .motif-growth{width:110px;height:218px}
}