/* A single material plate with three deliberate, user-selected readings. */
.approach .section-intro .section-subtitle{max-width:none;width:100%}
.approach-exhibit{margin:0 0 46px}
.approach .engineering-showcase.approach-plate{height:clamp(490px,29vw,590px);min-height:0;margin:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 44%,#514340 70%,#302a2a 100%);isolation:isolate}
.approach .approach-plate > img:not(.approach-founder-image){position:absolute;right:0;top:0;width:74%;height:100%;object-fit:cover;object-position:60% 50%;opacity:.24;transform:scale(1.025);transition:transform .65s ease,object-position .65s ease,opacity .5s ease}
.approach .approach-plate[data-phase="1"] > img:not(.approach-founder-image){opacity:1;transform:scale(1.06) translateX(-1.5%)}
.approach .approach-plate[data-phase="2"] > img:not(.approach-founder-image){transform:scale(1.045) translateX(1%)}
/* top:auto обязателен: базовое .engineering-showcase img задаёт top:0, и без сброса bottom игнорируется — фигура висит над низом плиты. */
.approach .approach-plate > img.approach-founder-image{position:absolute;z-index:1;right:5%;top:auto;bottom:-1%;width:37%;height:96%;max-width:none;object-fit:contain;object-position:center bottom;opacity:1;filter:drop-shadow(0 14px 24px #100f1099);transition:opacity .45s ease,transform .65s ease}
.approach .approach-plate[data-phase="1"] > img.approach-founder-image{opacity:0;transform:translateX(4%)}
.approach-founder-credit{position:absolute;z-index:2;right:clamp(22px,2vw,42px);top:29px;display:grid;gap:3px;color:#f0f3f3;text-align:right;text-shadow:0 1px 6px #171b1bbb}
.approach-founder-credit strong{font:500 14px/1.3 var(--head)}
.approach-founder-credit small{font:400 11px/1.35 var(--body);color:#d0d6d7}
.approach .approach-plate[data-phase="1"] .approach-founder-credit{display:none}
.approach .approach-plate:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 22%,rgba(246,247,247,.96) 33%,rgba(246,247,247,.65) 46%,transparent 66%)}
.approach .approach-plate figcaption{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:min(53%,780px);height:100%;padding:clamp(34px,3.2vw,62px);color:var(--ink)}
.approach-plate-overline{font:500 11px/1.4 var(--body);letter-spacing:.14em;color:var(--muted)}
.approach-plate-index{color:var(--oxide-deep)}
.approach-plate-panel{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;max-width:570px;padding:25px 0}
.approach-plate-panel[hidden]{display:none}
.approach-plate-phase{color:var(--oxide-deep);font:500 12px/1.4 var(--body);letter-spacing:.04em}
.approach .approach-plate-title{margin:25px 0 19px;font:400 clamp(36px,3.1vw,61px)/1.1 var(--head);font-variation-settings:var(--heading-variation);letter-spacing:-.045em;text-wrap:pretty}
.approach-plate-description{max-width:32ch;color:var(--muted);font:400 clamp(16px,1.07vw,21px)/1.55 var(--body)}
.approach-plate-note{padding-top:14px;border-top:1px solid rgba(160,116,54,.5);color:var(--muted);font:500 11px/1.5 var(--body);letter-spacing:.025em}
.approach-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#1b2a33;border:1px solid rgba(238,242,243,.14);border-top:0}
.approach-selector-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;min-height:124px;padding:23px clamp(24px,2.2vw,44px);border:0;border-right:1px solid rgba(238,242,243,.13);background:transparent;color:var(--depth-text);text-align:left;cursor:pointer;transition:background .22s ease}
.approach-selector-tab:last-child{border-right:0}
.approach-selector-tab:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent}
.approach-selector-tab.is-active{background:#253741}
.approach-selector-tab.is-active:before{background:linear-gradient(90deg,#6a481f,#c69752 42%,#a07436 75%,#5b3b1e)}
.approach-selector-tab span{color:#aebfc6;font:500 10px/1.35 var(--body);letter-spacing:.095em;text-transform:uppercase}
.approach-selector-tab strong{font:500 clamp(19px,1.35vw,26px)/1.2 var(--head);letter-spacing:-.025em}
.approach-selector-tab:hover{background:#263943}
.approach-selector-tab:focus-visible{outline:2px solid var(--ice);outline-offset:-5px}
.approach .approach-details{margin-top:0}
@media(max-width:1050px){.approach .engineering-showcase.approach-plate{height:480px}.approach .approach-plate > img:not(.approach-founder-image){width:79%;object-position:64% 50%}.approach .approach-plate figcaption{width:55%}.approach .approach-plate-title{font-size:45px}.approach-plate-description{font-size:17px}.approach-selector-tab{min-height:112px;padding:20px 24px}}
@media(max-width:700px){.approach-exhibit{margin-bottom:32px}.approach .engineering-showcase.approach-plate{display:flex;flex-direction:column;height:auto;min-height:0}.approach .approach-plate > img:not(.approach-founder-image){position:relative;order:1;right:auto;top:auto;width:100%;height:255px;object-position:72% 48%;transform:none!important}.approach .approach-plate > img.approach-founder-image{top:0;bottom:auto;right:4%;width:46%;height:255px;filter:drop-shadow(0 8px 18px #100f1080)}.approach-founder-credit{top:205px;left:14px;right:auto;padding:5px 8px;text-align:left;background:#111c23cc}.approach-founder-credit strong{font-size:11px}.approach-founder-credit small{font-size:9px}.approach .approach-plate:after{display:none}.approach .approach-plate figcaption{order:2;width:100%;height:auto;min-height:300px;padding:28px 24px 25px;background:var(--paper)}.approach-plate-panel{padding:32px 0 25px}.approach .approach-plate-title{font-size:36px;margin:18px 0 14px}.approach-plate-description{font-size:16px;max-width:34ch}.approach-selector-tab{gap:10px;min-height:98px;padding:16px 10px}.approach-selector-tab span{font-size:9px;letter-spacing:0}.approach-selector-tab strong{font-size:16px}.approach-plate-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.approach .approach-plate img,.approach-selector-tab{transition:none}}