.foundation-page,.foundation-scene{--foundation-coral:#f27166;--foundation-night:#0f1624;--foundation-mist:#e4e2e2}
.foundation-label{font-size:13px;color:var(--muted)}
.foundation-scene{position:relative;container-type:inline-size;min-height:520px;border-radius:20px;overflow:hidden;background:var(--foundation-night);color:#fff}
.foundation-scene .eyebrow{font-size:10px;letter-spacing:1.7px;color:inherit;line-height:1.7}
.foundation-scene-note{font-size:13px;line-height:1.7;opacity:.7;margin:0}
.foundation-position{padding:48px 48px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.foundation-position-copy{position:relative;z-index:1}
.foundation-position-copy>p{font-size:clamp(38px,5.5cqw,76px);line-height:1.08;letter-spacing:-.035em;margin:28px 0 22px;font-weight:400}
.foundation-position-copy>p>span{color:#f27166}
.foundation-watermark{position:absolute;right:-2%;top:5%;width:49%;height:78%;object-fit:contain;opacity:.045;pointer-events:none}
.foundation-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff30;padding-top:20px}
.foundation-path>span{font-size:13px;line-height:1.6;display:flex;gap:12px;align-items:baseline;max-width:240px}
.foundation-path b{color:#f27166;font-size:11px;font-weight:400}
.foundation-character{display:grid;grid-template-columns:1fr 1fr;background:#f27166;color:#0f1624;align-items:stretch}
.foundation-sign-stage{padding:55px;display:grid;place-items:center;min-width:0}
.foundation-sign-stage img{width:min(100%,350px);height:350px;object-fit:contain}
.foundation-sign-meanings{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.foundation-sign-meanings>p{font-size:clamp(24px,2.8cqw,42px);line-height:1.25;display:flex;align-items:center;gap:20px;letter-spacing:-.02em;margin:0;padding:26px 0;border-bottom:1px solid #0f162430}
.foundation-sign-meanings>p>span{font-size:11px;opacity:.65;letter-spacing:0}
.foundation-sign-meanings .foundation-scene-note{margin-top:26px;opacity:.85}
.foundation-architecture{padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:440px}
.foundation-lockup{display:flex;align-items:center;justify-content:center;gap:2cqw;width:100%;min-height:110px}
.foundation-lockup img{width:clamp(120px,24cqw,360px);height:auto;flex:0 0 auto}
#foundation-descriptor{font-family:'Ubuntu Condensed',sans-serif;font-size:clamp(18px,3.5cqw,52px);line-height:1;white-space:nowrap;letter-spacing:0}
.foundation-lockup-labels{display:flex;justify-content:center;gap:32px;width:100%;font-size:12px;color:#b9bdc6}
.foundation-lockup-labels>span{padding-top:16px;border-top:1px solid #ffffff35}
.foundation-directions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.foundation-directions button{background:var(--surface);color:var(--text);border:1px solid transparent;border-radius:24px;min-height:44px;padding:10px 18px;font-size:13px}
.foundation-directions button[aria-pressed=true]{background:var(--surface);border-color:#f27166;color:var(--text)}
.foundation-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.foundation-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:48px 0;border-bottom:1px solid var(--border);margin-bottom:64px}
.foundation-principles .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.foundation-principles h2{font-size:28px;font-weight:400;letter-spacing:-.5px;margin:18px 0 14px;line-height:1.2}
.foundation-principles p{font-size:16px;line-height:1.7;color:var(--muted);max-width:34ch;margin:0}
.foundation-explorer{margin-bottom:64px}
.foundation-explorer .pattern-section-heading>div{width:64%}
.foundation-explorer .pattern-section-heading h2{width:auto;max-width:620px}
.foundation-explorer .pattern-section-heading p{font-size:16px;line-height:1.65;color:var(--muted);margin:16px 0 0;max-width:50ch}
.foundation-explorer-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:48px;align-items:start}
.foundation-choices{display:flex;flex-direction:column;min-width:0}
.foundation-choices>button{min-height:70px;border:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:18px 14px;background:transparent;color:var(--muted);font-size:18px;text-align:left;line-height:1.35;border-radius:0}
.foundation-choices>button>span{font-size:10px;opacity:.7;flex:0 0 20px}
.foundation-choices>button>.mega-icon{margin-left:auto;flex:0 0 18px;width:18px;height:18px;opacity:0}
.foundation-choices>button[aria-pressed=true]{color:var(--text);background:var(--surface);border-radius:12px;border-bottom-color:transparent}
.foundation-choices>button[aria-pressed=true]>.mega-icon{opacity:1;color:var(--foundation-coral)}
.foundation-panel[hidden]{display:none!important}
.foundation-panel{min-width:0;background:var(--surface);border-radius:18px;overflow:hidden}
.foundation-panel-copy{padding:36px}
.foundation-panel-copy>.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.7;color:var(--muted)}
.foundation-panel h3{font-size:34px;font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:18px 0 24px;max-width:25ch}
.foundation-panel-copy>p{font-size:17px;line-height:1.75;max-width:54ch;color:var(--muted);margin:0 0 22px}
.foundation-panel-copy>.foundation-panel-note{font-size:13px;line-height:1.65;border-top:1px solid var(--border);padding-top:20px;margin:28px 0 0}
.foundation-panel-copy>.text-button{margin-top:24px;gap:12px;font-size:13px;display:inline-flex;align-items:center}
.foundation-panel-copy>.text-button{width:auto!important;min-width:0}
.foundation-element{height:260px;background:#e4e2e2;color:#0f1624;display:grid;place-items:center;padding:32px}
.foundation-element-sign img{height:170px;width:170px;object-fit:contain}
.foundation-element-geometry{background:#424050}
.foundation-soft-shape{display:block;background:#f27166;width:190px;height:190px;mask:url('/static/shape/shape-original.svg') center/contain no-repeat;-webkit-mask:url('/static/shape/shape-original.svg') center/contain no-repeat}
.foundation-element-type{background:#f7b491}
.foundation-element-type>span{font-size:43px;line-height:1.1;letter-spacing:-1px}
.foundation-element-type small{display:block;font-size:12px;letter-spacing:0;margin-top:18px}
.foundation-color-bars{display:flex;width:100%;height:100%;overflow:hidden;border-radius:12px}
.foundation-color-bars i{flex:1;background:#f27166}.foundation-color-bars i:nth-child(2){background:#0f1624}.foundation-color-bars i:nth-child(3){background:#424050}.foundation-color-bars i:nth-child(4){background:#805771}.foundation-color-bars i:nth-child(5){background:#f7b491}.foundation-color-bars i:nth-child(6){background:#e4e2e2}
.foundation-element-color{background:#fff;padding:0;height:220px}.foundation-element-color .foundation-color-bars{border-radius:0}
.foundation-context-logo{background:#e4e2e2;min-height:180px;display:flex;align-items:center;justify-content:center;gap:16px;padding:28px;container-type:inline-size}
.foundation-context-logo img{width:45%;max-width:230px;height:auto}
.foundation-context-logo>span{font-family:'Ubuntu Condensed',sans-serif;font-size:clamp(16px,5cqw,34px);color:#0f1624}
.foundation-diagram{border-radius:18px;min-height:360px;padding:38px;background:var(--surface);color:var(--text);display:flex;flex-direction:column;justify-content:center;gap:24px}
.foundation-diagram>.eyebrow{font-size:10px;letter-spacing:1.4px;line-height:1.6;color:inherit;opacity:.7}
.foundation-diagram>strong{font-size:36px;line-height:1.15;font-weight:400;letter-spacing:-.7px}
.foundation-diagram>p{margin:0;font-size:15px;line-height:1.65;opacity:.8}
.foundation-tags{display:flex;gap:8px;flex-wrap:wrap}
.foundation-tags>span{border:1px solid currentColor;border-radius:20px;padding:8px 12px;font-size:12px;line-height:1.4}
.foundation-stack{background:#f7b491;color:#0f1624}
.foundation-stack>strong{font-size:40px}
.foundation-line{height:32px;width:1px;background:currentColor;opacity:.35;margin:0 auto}
.foundation-territory strong{font-size:44px}.foundation-territory .foundation-line{margin-left:0}
.foundation-trust,.foundation-growth{background:#424050;color:#fff}
.foundation-trust>img,.foundation-growth>img{width:200px;max-width:90%;height:auto;margin-bottom:8px}
.foundation-balance>div{padding:22px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
.foundation-balance strong{font-size:28px;font-weight:400}.foundation-balance span{font-size:15px;color:var(--muted)}
.foundation-master{background:#e4e2e2;color:#0f1624;align-items:center;text-align:center}
.foundation-master>img{width:240px;max-width:90%;height:auto}.foundation-master .foundation-tags{justify-content:center}
.foundation-meaning{background:#f27166;color:#0f1624;align-items:center}
.foundation-meaning>img{width:190px;height:190px;object-fit:contain}.foundation-meaning>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:14px}
.foundation-geometry{align-items:center;background:#424050;color:#fff}.foundation-geometry>p{text-align:center;font-size:28px;line-height:1.2}
.foundation-clarity{background:#f7b491;color:#0f1624;align-items:flex-start}
.foundation-clarity>img{width:130px;height:auto;margin-bottom:20px}
.foundation-clarity strong{font-size:40px}.foundation-clarity>p{max-width:28ch}
.foundation-recognition{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.foundation-recognition>div{background:#e4e2e2;color:#0f1624;padding:30px 18px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;border-radius:14px}
.foundation-recognition>div:last-child{background:#424050;color:#fff}.foundation-recognition img{width:100%;max-width:210px;height:70px;object-fit:contain}.foundation-recognition span{font-size:12px}
.foundation-formula{background:#e4e2e2;color:#0f1624;display:block}
.foundation-formula>.eyebrow{display:block;margin-bottom:40px}
.foundation-formula>img{display:inline-block;width:53%;height:auto;vertical-align:middle}
.foundation-formula-descriptor{display:inline-block;font-family:'Ubuntu Condensed',sans-serif;font-size:clamp(16px,2.5vw,32px);vertical-align:middle;margin-left:10px}
.foundation-formula-key{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.foundation-formula-key>div{border-top:1px solid #0f162440;padding-top:16px;display:flex;flex-direction:column;gap:8px}.foundation-formula-key b{font-size:14px;font-weight:400}.foundation-formula-key span{font-size:11px;opacity:.7}
.foundation-descriptor-list{padding:16px 0}.foundation-descriptor-list>.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.3px}
.foundation-descriptor-list>p{font-size:26px;line-height:1.4;margin:0;padding:18px 0;border-bottom:1px solid var(--border);font-weight:700}
.foundation-descriptor-list>p>span{font-family:'Ubuntu Condensed',sans-serif;font-weight:400;margin-left:12px}
.foundation-context-diagram{display:grid;gap:16px}
.foundation-context-diagram>div{padding:28px;background:#e4e2e2;color:#0f1624;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.foundation-context-diagram>div:last-child{background:#f7b491}.foundation-context-diagram .eyebrow{font-size:10px;letter-spacing:1.2px}.foundation-context-diagram strong{font-size:27px;line-height:1.2;font-weight:400}
.foundation-context-diagram img{width:130px;height:auto}.foundation-context-diagram p{font-size:27px;font-weight:700;margin:0}.foundation-context-diagram p span{font-family:'Ubuntu Condensed',sans-serif;font-weight:400;font-size:22px;margin-left:8px}
.foundation-growth .foundation-tags>span:last-child{border-style:dashed;opacity:.75}
.foundation-scene.mega-viewer-target{width:100%;height:100%;min-height:0;border-radius:0}
.foundation-position.mega-viewer-target{padding:clamp(28px,5vh,72px)}
.foundation-position.mega-viewer-target .foundation-position-copy>p{font-size:clamp(32px,min(7cqw,11vh),100px)}
.foundation-architecture.mega-viewer-target{gap:6vh}
@media(max-width:1180px){.foundation-position{padding:36px}.foundation-sign-stage{padding:35px}.foundation-sign-meanings{padding:35px 24px}.foundation-sign-stage img{height:270px}.foundation-principles{gap:28px}.foundation-explorer-layout{gap:28px}.foundation-panel-copy{padding:28px}.foundation-panel h3{font-size:30px}.foundation-diagram{padding:28px}.foundation-descriptor-list>p{font-size:23px}}
@media(max-width:980px){.foundation-scene{min-height:460px}.foundation-character{grid-template-columns:1fr 1.2fr}.foundation-sign-stage{padding:28px}.foundation-sign-stage img{height:230px}.foundation-sign-meanings{padding:28px}.foundation-sign-meanings>p{font-size:25px;padding:22px 0;gap:12px}.foundation-architecture{min-height:360px;padding:32px}.foundation-path{gap:16px}.foundation-path>span{font-size:12px;display:block}.foundation-path b{display:block;margin-bottom:8px}.foundation-principles h2{font-size:24px}.foundation-principles p{font-size:15px}.foundation-explorer-layout{grid-template-columns:1fr;gap:24px}.foundation-choices{flex-direction:row;flex-wrap:wrap;gap:8px}.foundation-choices>button{font-size:15px;min-height:48px;padding:12px 16px;border:1px solid var(--border);border-radius:24px;gap:8px}.foundation-choices>button>span,.foundation-choices>button>.mega-icon{display:none}.foundation-choices>button[aria-pressed=true]{border:1px solid #f27166;border-radius:24px}.foundation-panel-copy{padding:32px}.foundation-explorer .pattern-section-heading>div{width:65%}.foundation-diagram{min-height:340px}.foundation-formula{max-width:600px}.foundation-formula-descriptor{font-size:30px}}
@media(max-width:680px){.foundation-label{font-size:12px;max-width:70%;line-height:1.5}.foundation-scene{border-radius:16px;min-height:0}.foundation-position{padding:28px 22px 24px;gap:32px}.foundation-position-copy>p{font-size:clamp(30px,8cqw,48px);margin:24px 0;line-height:1.13}.foundation-position .eyebrow{font-size:9px}.foundation-watermark{top:10%;width:75%;right:-25%}.foundation-path{grid-template-columns:1fr;gap:14px}.foundation-path>span{display:flex;gap:12px;max-width:none;font-size:12px}.foundation-path b{margin:0}.foundation-character{grid-template-columns:1fr}.foundation-sign-stage{padding:30px;min-height:220px}.foundation-sign-stage img{height:190px;width:190px}.foundation-sign-meanings{padding:8px 24px 30px}.foundation-sign-meanings>p{font-size:26px;padding:16px 0}.foundation-sign-meanings .eyebrow{font-size:9px}.foundation-scene-note{font-size:12px}.foundation-architecture{padding:34px 20px;min-height:310px;gap:24px}.foundation-lockup{gap:10px;min-height:65px}.foundation-lockup img{width:37%;min-width:0}#foundation-descriptor{font-size:4.8cqw}.foundation-lockup-labels{gap:14px;font-size:10px}.foundation-lockup-labels>span{max-width:48%}.foundation-architecture>.eyebrow{font-size:9px}.foundation-architecture>.foundation-scene-note{text-align:center;font-size:11px}.foundation-directions{gap:8px}.foundation-directions button{font-size:12px;min-height:44px;padding:10px 14px}.foundation-footnote{font-size:11px}.foundation-principles{grid-template-columns:1fr;gap:30px;padding:36px 0;margin-bottom:40px}.foundation-principles h2{font-size:26px;margin:12px 0}.foundation-principles p{font-size:16px;max-width:42ch}.foundation-explorer{margin-bottom:40px}.foundation-explorer .pattern-section-heading>div{width:auto}.foundation-explorer .pattern-section-heading p{font-size:16px}.foundation-choices{gap:8px}.foundation-choices>button{font-size:13px;padding:12px 14px;min-height:44px}.foundation-panel-copy{padding:24px}.foundation-panel h3{font-size:28px;line-height:1.25}.foundation-panel-copy>p{font-size:16px;line-height:1.75}.foundation-panel-copy>.foundation-panel-note{font-size:12px}.foundation-element{height:220px;padding:24px}.foundation-element-type>span{font-size:36px}.foundation-element-type small{font-size:11px}.foundation-context-logo{min-height:140px;padding:24px;gap:12px}.foundation-diagram{padding:24px;min-height:300px;gap:22px}.foundation-diagram>strong,.foundation-stack>strong{font-size:32px}.foundation-diagram>p{font-size:14px}.foundation-tags{gap:7px}.foundation-tags>span{font-size:11px;padding:7px 10px}.foundation-balance strong{font-size:26px}.foundation-balance span{font-size:14px}.foundation-recognition{grid-template-columns:1fr;gap:12px}.foundation-recognition>div{min-height:180px;gap:20px}.foundation-meaning>img{width:150px;height:150px}.foundation-meaning>div{font-size:12px}.foundation-formula-descriptor{font-size:22px;margin-left:6px}.foundation-formula>img{width:54%}.foundation-formula-key{gap:10px}.foundation-formula-key b{font-size:12px}.foundation-formula-key span{font-size:10px}.foundation-descriptor-list>p{font-size:22px}.foundation-descriptor-list>p>span{margin-left:8px}.foundation-scene.mega-viewer-target.foundation-character{grid-template-columns:1fr;grid-template-rows:minmax(120px,1fr) auto}.foundation-character.mega-viewer-target .foundation-sign-stage{min-height:0}.foundation-character.mega-viewer-target .foundation-sign-stage img{height:min(28vh,200px)}.foundation-character.mega-viewer-target .foundation-sign-meanings>p{font-size:22px;padding:12px 0}}
@media(prefers-reduced-motion:no-preference){.foundation-choices>button,.foundation-directions button{transition:background .15s,color .15s,border-color .15s}}
@media(max-width:680px){.foundation-page .pattern-heading h1{font-size:32px;letter-spacing:-.7px}}
@media(max-width:680px){.foundation-lockup img{width:45%}#foundation-descriptor{font-size:17px}}
