/* The original identity carries the explanation. No substitute emblem or ornamental objects. */
.home-opening,.system-opening,.engineering-opening,.assessment-spread,.investment-opening,.about-opening,.arrival-opening,.care-opening,.stewardship-window { background:#000; }
.trio-visual { width:100%; min-width:0; }
.canonical-icon { display:block; width:100%; height:auto; object-fit:contain; background:#000; }
.trio-identity-visual { max-width:640px; margin:0 auto; }
.identity-kicker { color:var(--silver); text-align:center; font-size:.875rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 .75rem; }
.identity-core { width:min(100%,390px); margin:auto; }
.identity-core .canonical-icon { transform:none; }
.core-meaning { text-align:center; color:var(--electric); font-size:1rem; margin:.55rem 0 1.5rem; }
.core-meaning::before { content:""; display:block; height:20px; width:1px; background:var(--electric); margin:0 auto .6rem; }
.identity-methods { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:0; margin:0; border-top:1px solid #54452e; }
.identity-methods li { padding-top:1rem; text-align:center; }
.identity-methods strong { display:block; font:400 clamp(1.3rem,2vw,1.65rem)/1.2 var(--display); color:var(--gold); }
.identity-methods span { display:block; color:var(--muted); font-size:.875rem; margin-top:.5rem; }
.hero-art-caption { padding:.9rem 0 0; font-size:.875rem; }
.hero-art-caption::before { display:none; }
.home-landscape { max-width:640px; }
.home-stage { padding-block:2rem; }
.visual-signature { display:flex; align-items:center; gap:1.1rem; padding-bottom:1.25rem; }
.visual-signature .canonical-icon { width:76px; flex:none; }
.visual-signature p { font-size:.875rem; color:var(--muted); margin:0; }
.visual-signature p span { display:block; color:var(--gold); font:400 1.85rem/1.25 var(--display); margin-top:.4rem; }
.assessment-visual { padding:2rem; background:#000; border:1px solid #415266; max-width:610px; margin:auto; }
.assessment-visual-steps { list-style:none; padding:0; margin:0; }
.assessment-visual-steps li { display:grid; grid-template-columns:2rem 1fr; gap:1rem; padding:1.5rem 0; border-top:1px solid #364454; }
.assessment-visual-steps li:last-child { padding-bottom:0; }
.visual-step-number { color:var(--electric); font-size:.875rem; padding-top:.35rem; }
.assessment-visual-steps strong { font:400 1.65rem/1.2 var(--display); color:var(--silver); }
.assessment-visual-steps p { color:var(--muted); font-size:1rem; margin:.65rem 0 0; line-height:1.6; }
.engineering-proof-credit { font-size:.875rem; color:var(--muted); margin:1rem 0 1.5rem; }
.engineering-visual-keys { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; }
.engineering-visual-keys>div { border-top:1px solid #5b6570; padding-top:.8rem; }
.engineering-visual-keys dt { font-size:.9375rem; color:var(--gold); margin-bottom:.4rem; }
.engineering-visual-keys dd { margin:0; color:var(--muted); font-size:.875rem; line-height:1.6; }
.care-visual { width:min(100%,570px); margin:auto; }
.care-visual-heading { display:flex; align-items:center; gap:1.5rem; margin-bottom:1rem; }
.care-visual-heading .canonical-icon { width:160px; flex:none; }
.care-visual-heading p { color:var(--gold); font:400 1.9rem/1.25 var(--display); margin:0; }
.care-visual-heading p span { display:block; color:var(--muted); font:400 1rem/1.5 var(--body); margin-top:.5rem; }
.care-visual-steps { margin:0; padding:0; list-style:none; border-left:1px solid #756344; }
.care-visual-steps li { display:grid; grid-template-columns:6.5rem 1fr; gap:.5rem; padding:1.25rem 0 1.25rem 1.5rem; border-bottom:1px solid #2d3540; }
.care-visual-steps strong { color:var(--silver); font-size:1.1rem; font-weight:500; }
.care-visual-steps span { color:var(--muted); font-size:1rem; }
.care-visual-close { color:var(--electric); font-size:.9375rem; margin:1.25rem 0 0 1.5rem; }
.company-visual { max-width:550px; margin:auto; }
.company-lockup { display:block; width:min(100%,490px); height:auto; margin:auto; }
.company-visual-method { font:400 1.75rem/1.3 var(--display); color:var(--gold); text-align:center; margin:0 0 2rem; }
.company-visual-proof { color:var(--muted); font-size:.875rem; margin-bottom:.75rem; }
.company-visual ul { list-style:none; margin:0; padding:0; }
.company-visual li { border-top:1px solid #3d4651; }
.company-visual li a { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0; color:var(--silver); font-size:1rem; text-decoration:none; min-height:48px; }
.company-visual li a:hover { color:var(--gold); text-decoration:underline; }
.company-visual li a span { color:var(--electric); }
.arrival-visual { display:flex; align-items:center; gap:1.5rem; max-width:450px; margin:auto; }
.arrival-visual .canonical-icon { width:135px; flex:none; }
.arrival-visual ol { margin:0; padding-left:1.3rem; color:var(--gold); }
.arrival-visual li { padding:.7rem 0 .7rem .35rem; font-size:1rem; }
.care-caption,.arrival-image+figcaption { display:none; }
.care-sculpture { padding:1.5rem 0; }
.method-chapter { background:#0d141e; }
.method-continuity { color:var(--muted); border-top:1px solid #344253; padding-top:1.25rem; margin:1.75rem 0 0; }
.method-explanation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; margin:0; padding:0; list-style:none; }
.method-explanation li { border-top:1px solid #5c6b7e; padding-top:1.25rem; }
.method-explanation .method-name { color:var(--gold); font-size:.875rem; letter-spacing:.1em; text-transform:uppercase; margin:0 0 .75rem; }
.method-explanation h3 { font:400 2rem/1.2 var(--display); }
.method-explanation p { color:var(--muted); }
.icon-reading { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.icon-reading .canonical-icon { width:min(100%,430px); margin:auto; }
.icon-reading dl { margin:0; }
.icon-reading dl>div { padding:1.25rem 0; border-top:1px solid #465366; }
.icon-reading dt { color:var(--gold); font:400 1.6rem/1.3 var(--display); }
.icon-reading dd { color:var(--muted); margin:.65rem 0 0; line-height:1.7; }
.icon-reading dd strong { color:var(--electric); font-weight:500; }
.system-object { background:#000; }
.system-object .trio-identity-visual { max-width:580px; }
@media(min-width:1100px) {
 .home-stage { min-height:675px; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); }
 .home-landscape { align-self:center; padding-inline:.5rem; }
 .system-opening { padding-block:2.5rem; }
 .system-opening .identity-core { width:340px; }
 .engineering-opening,.investment-opening,.about-opening { min-height:620px; }
 .engineering-opening { grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr); gap:3rem; }
 .arrival-opening { min-height:390px; }
 .stewardship-window { padding-block:3.5rem; gap:3.5rem; }
 .care-opening>.shell { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4rem; }
}
@media(max-width:699px) {
 .home-stage { padding-top:1.7rem; }
 .assessment-spread .page-opening,.care-opening .page-opening { width:100%; padding-block:1.5rem; }
 .home-opening .trio-identity-visual { display:grid; grid-template-columns:135px minmax(0,1fr); gap:.65rem 1rem; align-items:start; }
 .home-opening .identity-kicker { grid-column:1/-1; margin:0 0 .4rem; }
 .home-opening .identity-core { width:135px; }
 .home-opening .core-meaning { font-size:.875rem; line-height:1.4; margin:.3rem 0 0; }
 .home-opening .core-meaning::before { height:8px; margin-bottom:.4rem; }
 .home-opening .identity-methods { grid-template-columns:1fr; border-top:0; border-left:1px solid #54452e; padding-left:1rem; gap:.7rem; }
 .home-opening .identity-methods li { padding:0; text-align:left; }
 .home-opening .identity-methods strong { font-size:1.3rem; }
 .home-opening .identity-methods span { margin-top:.2rem; }
 .identity-core { width:270px; max-width:100%; }
 .identity-methods { gap:.4rem; }
 .identity-methods strong { font-size:1.3rem; }
 .identity-methods span { font-size:.875rem; }
 .core-meaning { margin-bottom:1rem; }
 .assessment-visual { padding:1.25rem; }
 .visual-signature { gap:.85rem; }
 .visual-signature .canonical-icon { width:60px; }
 .visual-signature p span { font-size:1.5rem; }
 .engineering-visual-keys { grid-template-columns:1fr; gap:.8rem; }
 .engineering-visual-keys>div { display:flex; justify-content:space-between; gap:1rem; }
 .care-visual-heading { gap:1rem; }
 .care-visual-heading .canonical-icon { width:105px; }
 .care-visual-heading p { font-size:1.5rem; }
 .care-visual-steps li { grid-template-columns:5.7rem 1fr; padding-left:1rem; }
 .arrival-visual { gap:1rem; padding:1rem 0; }
 .arrival-visual .canonical-icon { width:95px; }
 .arrival-visual li { padding-block:.45rem; }
 .method-explanation,.icon-reading { grid-template-columns:1fr; gap:1.5rem; }
 .icon-reading .canonical-icon { max-width:300px; }
 .company-visual-method { font-size:1.5rem; }
 .system-object { padding-top:0; }
}