/* Narrative: era -> people -> belief -> working together -> ownership -> invitation. */
.header nav{gap:24px}
.header .nav-invite{margin-left:12px}
.era-scene{background:#111719;min-height:920px;max-height:1100px}
.era-media{position:absolute;inset:0 0 0 15%;opacity:.74;pointer-events:none}
[data-motion-media] video,[data-motion-media] .motion-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-motion-media] video{opacity:0;transition:opacity .6s}
[data-motion-media][data-media-ready] video{opacity:1}
[data-motion-media][data-media-ready] .motion-poster{opacity:0}
/* Decorative loops must never expose native player chrome or a picture-in-picture entry. */
[data-motion-media] video::-webkit-media-controls,
[data-motion-media] video::-webkit-media-controls-enclosure,
[data-motion-media] video::-webkit-media-controls-panel,
[data-motion-media] video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.era-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#111719 0%,#111719ed 22%,#111719b0 46%,#11171914 86%),linear-gradient(0deg,#111719 0%,transparent 24%,transparent 82%,#1117199e)}
.era-content{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:160px 0 30px}
.era-scene .eyebrow{font-size:11px;letter-spacing:.12em;color:#b7c4c5;display:flex;align-items:center;gap:12px}
.era-dot{width:6px;height:6px;border-radius:50%;background:#a4d0d5;box-shadow:0 0 15px #89d8e175}
.era-scene .era-title{font:400 clamp(44px,4.8vw,72px)/1.42 var(--serif);letter-spacing:-.025em;margin:43px 0 0;color:var(--paper);max-width:100%}
.era-title>span{display:block}
.era-note{font-size:18px;line-height:1.9;color:#c1cccc;margin-top:27px}
.era-scene .era-quote{font:400 26px/1.8 var(--serif);color:#c5d0cd;margin-top:26px}
.era-quote cite{font:11px/1.8 var(--sans);color:#9aadaa;display:block;margin-top:6px}
.era-bottom{width:100%;display:flex;align-items:center;gap:26px;margin-top:auto;padding-top:42px}
.era-bottom .scroll-link{color:#d0dbd8}
.era-folio{font-size:10px;color:#a2b1b0}
.media-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#b8c2bc;border:1px solid #adbbb24d;border-radius:30px;padding:7px 14px;font-size:11px;line-height:1.5;letter-spacing:.03em;transition:color .2s,border-color .2s}
.media-toggle[hidden]{display:none}
.media-toggle:hover{color:#f1eee6;border-color:#d1dace}
.era-bottom .media-toggle{margin-left:auto}
.era-bottom .arrow-circle{border-color:#93a5a666}
.era-bottom .scroll-link:hover .arrow-circle{background:#9bbcc0;border-color:#9bbcc0;color:#111719}
.recognition{padding:65px 0 85px}
.recognition-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:center;margin-top:65px}
.recognition-quote{font:400 clamp(36px,4.7vw,68px)/1.65 var(--serif);letter-spacing:-.025em}
.recognition-quote>span{display:block;white-space:nowrap}
.recognition-meaning{font-size:14px;line-height:1.9;color:#716b62;margin-top:22px}
.recognition-intent h3{font:500 26px/1.85 var(--sans)}
.recognition-intent>p{font-size:17px;line-height:2;color:#6c6458;margin-top:24px}
.belief{padding-top:25px;padding-bottom:75px}
.aspiration-open{padding-top:10px}
.aspiration-open blockquote{font:400 27px/1.95 var(--serif);margin-top:26px;color:#625748}
.aspiration-open>p{font-size:15px;line-height:2;color:#716b62;margin-top:23px}
#declaration{scroll-margin-top:74px}
.practice-declaration>p{font-size:17px;line-height:2;color:#b7afa2;margin-top:24px}
.process-principle{margin-top:52px;border-top:1px solid #b9ab913b;padding-top:30px}
.process-principle h3{font:400 26px/1.8 var(--sans);color:#e8e0d0}
.process-principle>p{font-size:16px;line-height:2;color:#b7afa2;margin-top:16px;max-width:880px}
.practice-promises{grid-template-columns:1fr 1fr;gap:0 70px;margin-top:31px;padding:0}
.practice-promises article{display:block;padding:28px 0 31px}
.practice-promises article:nth-child(n+3){border-top:1px solid #b9ab912e}
.practice-promises h4{font:500 21px/1.8 var(--sans);color:#eee6d3;margin:0}
.practice-promises p{font-size:16px;line-height:2;margin-top:12px}
.talent{padding-top:65px}
.talent-heading>p{font-size:22px;min-width:280px}
.growth-postscript .growth-principle{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:36px;padding-bottom:42px}
.growth-principle h3{font:400 39px/1.6 var(--serif);color:#655945}
.growth-principle>p{font-size:17px;line-height:2;color:#625c53}
.growth-postscript .growth-quotations{grid-template-columns:1.2fr 1fr;padding-top:27px}
.ownership{background:#1d3730;color:#f1eee6}
.ownership-backdrop{background:#1d3730;clip-path:none}
.ownership .section-meta{border-color:#526c5e;color:#aebeaf}
.ownership .chapter-code,.ownership .public-title,.ownership-intent h3{color:#f1eee6}
.ownership .note-label{color:#aebeaf}
.ownership-copy>p{color:#d0d9cd}
.ownership-copy>.ownership-status{color:#aebeaf;border-color:#526c5e;font-size:14px}
.ownership .comrades{border-color:#526c5e}
.ownership .comrades blockquote{color:#f1eee6}
.ownership .comrades cite,.ownership .comrades>p{color:#aebeaf}
.invitation-heading-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px}
.invitation-top{padding-top:50px}
.invitation-media{position:relative;height:435px;align-self:end;background:var(--ink);isolation:isolate}
.flame-art{position:absolute;inset:0;left:50%;right:auto;width:min(100%,435px);transform:translateX(-50%);mix-blend-mode:screen;pointer-events:none}
/* The flame plate is a black-backed clip: without a working mask it reads as a
   hard video/photo box. Keep a single-layer fade that every browser can render,
   then upgrade to the two-axis window only where layer compositing is supported. */
.flame-art video,.flame-art .motion-poster{object-fit:contain;mask-image:radial-gradient(ellipse 58% 58% at 50% 50%,#000 36%,#0000 100%);-webkit-mask-image:radial-gradient(ellipse 58% 58% at 50% 50%,#000 36%,#0000 100%)}
@supports (mask-composite:intersect) or (-webkit-mask-composite:source-in){
 .flame-art video,.flame-art .motion-poster{mask-image:linear-gradient(90deg,transparent 9%,#000 30%,#000 75%,transparent 92%),linear-gradient(180deg,transparent 13%,#000 31%,#000 66%,transparent 87%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 9%,#000 30%,#000 75%,transparent 92%),linear-gradient(180deg,transparent 13%,#000 31%,#000 66%,transparent 87%);-webkit-mask-composite:source-in}
}
.invitation-media .media-toggle{position:absolute;right:25px;bottom:16px;z-index:2}
.invitation-main{margin-top:46px}
.contact-block>p+p{margin-top:18px}

@media(max-width:1100px){
 .era-scene{min-height:880px}
 .era-content{padding-top:155px}
 .era-scene .era-title{font-size:clamp(44px,5.6vw,62px)}
 .era-scene .era-quote{font-size:24px}
 .era-media{inset:4% -22% 0 12%}
 .recognition-grid{grid-template-columns:1fr;gap:37px;margin-top:45px}
 .recognition-intent{display:flex;gap:60px;align-items:center}
 .recognition-intent>p{margin-top:0}
 .recognition-intent h3{font-size:24px}
 .recognition-quote{font-size:clamp(38px,5vw,56px)}
 .aspiration-open blockquote{font-size:23px;line-height:2}
 .process-principle h3{font-size:24px}
 .practice-promises{gap:0 42px}
 .practice-promises h4{font-size:20px}
 .talent-heading>p{font-size:20px;min-width:255px}
 .growth-postscript .growth-principle{gap:40px}
 .growth-principle h3{font-size:33px}
 .invitation-heading-layout{gap:20px}
 .invitation-media{height:350px}
}
@media(max-width:760px){
 .era-scene{min-height:790px;height:100svh;max-height:none}
 .era-content{padding-top:137px;padding-bottom:24px}
 .era-scene .eyebrow{font-size:10px;letter-spacing:.06em;gap:10px}
 .era-scene .era-title{font-size:clamp(29px,8.2vw,52px);line-height:1.58;margin-top:37px;letter-spacing:-.03em}
 .era-note{font-size:16px;line-height:1.9;margin-top:25px}
 .era-scene .era-quote{font-size:21px;line-height:1.8;margin-top:31px}
 .era-quote cite{font-size:10px;margin-top:8px}
 .era-media{inset:20% -50% 0 -5%;opacity:.68;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent)}
 .era-shade{background:linear-gradient(90deg,#111719f2,#111719a8 70%,#11171944),linear-gradient(0deg,#111719,transparent 26%,transparent 58%,#111719da)}
 .era-bottom{gap:15px;flex-wrap:wrap;padding-top:40px}
 .era-bottom .scroll-link{font-size:10px}
 .media-toggle{font-size:10px;padding:6px 10px}
 .era-folio{display:none}
 .recognition{padding:40px 0 48px}
 .recognition-grid{margin-top:33px;gap:27px}
 .recognition-quote{font-size:clamp(26px,7.7vw,48px);line-height:1.8;letter-spacing:-.025em}
 .recognition-meaning{font-size:12px;line-height:1.9;margin-top:16px}
 .recognition-intent{display:block}
 .recognition-intent h3{font-size:21px;line-height:1.85}
 .recognition-intent>p{font-size:15px;line-height:1.9;margin-top:18px}
 .belief{padding-top:8px;padding-bottom:42px}
 .aspiration-open{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
 .aspiration-open blockquote{font-size:21px;line-height:1.95;margin-top:20px}
 .aspiration-open>p{font-size:14px;line-height:1.9;margin-top:18px}
 .practice-declaration>p{font-size:15px;margin-top:19px}
 .process-principle{margin-top:31px;padding-top:24px}
 .process-principle h3{font-size:22px;line-height:1.85}
 .process-principle h3>span{display:block}
 .process-principle>p{font-size:14px;line-height:2;margin-top:17px}
 .practice-promises{display:block;margin-top:25px;padding:0}
 .practice-promises article{padding:24px 0}
 .practice-promises article+article{border-top:1px solid #b9ab912e}
 .practice-promises h4{font-size:19px;line-height:1.7}
 .practice-promises p{font-size:15px;line-height:2;margin-top:13px}
 .talent{padding-top:40px}
 .talent-heading>p{font-size:20px;min-width:0}
 .growth-postscript .growth-principle{display:block;padding-top:26px;padding-bottom:29px}
 .growth-principle h3{font-size:31px;line-height:1.65}
 .growth-principle>p{font-size:15px;line-height:2;margin-top:18px}
 .growth-postscript .growth-quotations{display:block;padding-top:24px}
 .ownership-copy>.ownership-status{font-size:13px}
 .invitation-heading-layout{display:block}
 .invitation-top{padding-top:36px}
 .invitation-media{height:210px;margin-top:5px}
 .flame-art{width:210px}
 .invitation-media .media-toggle{right:0;bottom:3px}
 .invitation-main{margin-top:29px}
 .contact-block>p+p{margin-top:17px}
}
@media(max-width:360px){
 .era-scene .era-title{font-size:27px}
 .era-scene .era-quote{font-size:19px}
 .era-bottom{gap:12px}
 .era-bottom .scroll-link{font-size:9px}
 .media-toggle{font-size:9px;padding:6px 8px}
 .recognition-quote{font-size:26px}
 .recognition-intent h3{font-size:19px}
 .aspiration-open blockquote{font-size:19px}
 .process-principle h3{font-size:20px}
}
/* Phones render the still frame instead of a video element. A decorative loop is
   not worth a native player box, a black first frame, or several megabytes on a
   mobile connection; the stills are the same artwork, already colour-graded. */
@media(max-width:760px),(hover:none) and (pointer:coarse) and (max-width:1024px){
 [data-motion-media] video{display:none!important}
 [data-motion-media] .motion-poster{opacity:1!important}
}
@media(prefers-reduced-motion:reduce){[data-motion-media] video{transition:none}}