/* One scene leaves before the next enters. Keep a clear lane for the material. */
.material-story{max-width:46%}.material-story h2{font-size:clamp(58px,6.6vw,120px);max-width:7em;text-wrap:initial}
.footer-brand{background:transparent;padding:0;width:210px;align-self:start;justify-self:start;height:auto}
.footer-wordmark{display:block;width:100%;height:auto;fill:none;stroke:none;pointer-events:none}

/* The seven beliefs share one orbit: the selected node drives the scene. */
.philosophy{padding-bottom:34px}
.belief-panel{grid-template-columns:48% 1fr;height:clamp(530px,36vw,610px);min-height:0;align-items:center}
.belief-image{width:min(25vw,420px);height:auto;aspect-ratio:1;border-radius:50%;justify-self:center;align-self:center;isolation:isolate;clip-path:none!important}
.belief-image img{height:100%;width:100%;min-height:0;max-height:none;object-fit:cover}
.belief-image.ambient .belief-video{border-radius:50%;object-fit:cover}
.belief-statement{height:auto;padding:30px 0 60px 5vw;align-self:center}
.belief-statement h3{font-size:clamp(56px,6.4vw,112px);max-width:10em}
.belief-statement p{font-size:clamp(14px,1.05vw,18px);max-width:32em;margin-top:26px}
.belief-orbit,.belief-navigation{position:absolute;left:24%;top:50%;width:min(40%,560px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);padding:0;overflow:visible}
.belief-orbit{pointer-events:none}.belief-orbit svg{width:100%;height:100%;stroke-width:1;overflow:visible}
.orbit-track{stroke:#eeeee74d}.orbit-inner{stroke:#eeeee717;stroke-dasharray:1 7}
.orbit-active{stroke:var(--orange);stroke-width:2;transform-origin:300px 300px;transform:rotate(-107.5deg);transition:transform 500ms var(--ease-out)}
.belief-navigation{display:block}
.belief-navigation button{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;max-width:none;min-width:0;min-height:44px;padding:0;font:550 clamp(14px,1vw,16px)/1.45 Manrope,sans-serif;color:var(--secondary);transition:color 180ms ease}
.belief-label{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);width:clamp(110px,8vw,145px);text-align:left;pointer-events:auto}
.belief-navigation [data-orbit-side=left] .belief-label{left:auto;right:calc(100% + 5px);text-align:right}
.belief-navigation [data-orbit-side=top] .belief-label{left:50%;top:auto;bottom:calc(100% + 3px);transform:translateX(-50%);text-align:center}
.belief-navigation [data-orbit-side=bottom] .belief-label{left:50%;top:calc(100% + 4px);transform:translateX(-50%);text-align:center}
.belief-navigation button:after{display:none}
.belief-node{display:block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--dark);border:1px solid #bfc6c4;box-shadow:0 0 0 7px var(--dark);transition:transform 180ms var(--ease-out),background 180ms ease,border-color 180ms ease}
.belief-navigation button[aria-selected=true] .belief-node{background:var(--orange);border-color:var(--orange);transform:scale(1.4)}
.belief-controls{bottom:20px;right:0}
.belief-current{display:none}
.history-meta{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-top:12px}
.history-caption{margin:0}.history-position{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--secondary-ink,#52605f)}

/* Brief brand entrance. The page remains usable if scripting or a font fails. */
.site-entry{display:none;position:fixed;inset:0;z-index:90;background:var(--paper);place-items:center;pointer-events:none;animation:entry-failsafe 1ms 2200ms forwards}
html.entry-pending .site-entry{display:grid}
.entry-brand{width:clamp(195px,22vw,310px);background:var(--paper);text-align:center;animation:entry-brand 350ms var(--ease-out) both}
.entry-brand img{mix-blend-mode:multiply}.entry-brand p{font-size:12px;margin-top:28px;font-weight:550;white-space:nowrap}
.entry-line{display:block;height:2px;background:var(--orange);width:100%;margin-top:28px;transform-origin:left;animation:entry-line 650ms var(--ease-out) both}
@keyframes entry-brand{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes entry-line{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@keyframes entry-failsafe{to{visibility:hidden;pointer-events:none}}
@media(min-width:1201px) and (max-width:1350px){.belief-statement{padding-left:4vw}.belief-statement h3{font-size:68px}}
@media(min-width:1501px){.belief-orbit,.belief-navigation{width:min(44%,650px)}}
@media(max-width:1200px){
 .belief-panel{height:auto;min-height:450px;grid-template-columns:42% 1fr}
 .belief-image{width:90%;max-width:420px}.belief-statement{padding:35px 0 65px 5vw}
 .belief-statement h3{font-size:clamp(52px,6.5vw,70px)}
 .belief-orbit{left:21%;width:54%;top:225px}
 .belief-navigation{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;aspect-ratio:auto;display:flex;justify-content:flex-start;gap:22px;overflow-x:auto;scrollbar-width:thin;padding:25px 8px 20px}
 .belief-navigation button{position:relative;left:auto!important;top:auto!important;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 120px;width:120px;height:auto;min-height:76px;gap:12px;font-size:13px;padding:8px 0}
 .belief-navigation [data-orbit-side] .belief-label{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;text-align:center}
 .belief-node{width:12px;height:12px;box-shadow:0 0 0 5px var(--dark)}
 .belief-navigation button:before{content:'';position:absolute;left:calc(50% + 12px);top:14px;width:118px;height:1px;background:#eeeee735}
 .belief-navigation button:last-child:before{display:none}
 .belief-controls{bottom:120px}.philosophy{padding-bottom:12px}
}
@media(max-width:700px){
 .material-story{top:25%;max-width:calc(100% - 48px)}.material-story h2{font-size:clamp(46px,12.5vw,72px);max-width:5.6em}.material-story p{max-width:14em}
 .footer-brand{width:185px;grid-column:1/-1}
 .philosophy-heading h2{font-size:clamp(37px,10.7vw,62px)}
 .belief-panel{display:flex;flex-direction:column;min-height:0;align-items:stretch}
 .belief-stage{--belief-media-size:min(74vw,290px)}
 .belief-image{width:var(--belief-media-size);height:var(--belief-media-size);max-width:none;margin:36px auto 28px;align-self:center}
 .belief-orbit{top:calc(36px + var(--belief-media-size)/2);left:50%;width:calc(var(--belief-media-size)*1.43);height:auto;transform:translate(-50%,-50%);aspect-ratio:1}
 .belief-statement{height:310px;min-height:310px;padding:24px 0 58px;justify-content:flex-start}
 .belief-statement h3{font-size:clamp(48px,13.8vw,76px);line-height:.95;max-width:10em}
 .belief-statement p{font-size:13px;max-width:31em;margin-top:21px}
 .belief-controls{bottom:124px}.belief-controls button{width:38px;height:38px}
 .belief-navigation{gap:10px;padding-top:16px;padding-bottom:20px}
 .belief-navigation button{flex-basis:115px;max-width:115px;font-size:12px;min-height:78px}
 .belief-navigation button:before{width:100px;top:14px}
 .history-meta{gap:10px;align-items:flex-start}.history-caption{font-size:9px;max-width:58%}.history-position{font-size:10px}
}
@media(max-width:380px){.belief-statement{height:335px;min-height:335px}.belief-statement h3{font-size:46px}.belief-statement p{font-size:12px}.history-meta{display:block}.history-caption{max-width:100%}.history-position{margin-top:7px}}
@media(hover:hover) and (pointer:fine){.belief-navigation button:hover .belief-node{background:var(--paper);transform:scale(1.4)}.belief-navigation button[aria-selected=true]:hover .belief-node{background:var(--orange)}}
@media(prefers-reduced-motion:reduce){.orbit-active,.belief-node{transition:none}.entry-brand{animation:none}.entry-line{animation:none}.belief-image{animation:none!important}}