.commanders-hero{min-height:58svh;background:radial-gradient(ellipse at 72% 30%,rgba(162,111,53,.16),transparent 36%),linear-gradient(105deg,#080b11,#10131a 62%,#11100d)}.commanders-section{padding-top:3.4rem}.commanders-heading{max-width:850px;margin:0 auto 2.3rem;text-align:center}.commanders-heading h2{font:clamp(2.3rem,5vw,4.4rem)/1.05 var(--serif);margin:.35rem 0 .75rem}.commanders-heading p{color:var(--muted);line-height:1.65}.commander-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.commander-profile{min-width:0;overflow:hidden;border:1px solid rgba(214,180,112,.19);background:linear-gradient(145deg,#131720,#0c0f14);box-shadow:0 16px 44px rgba(0,0,0,.2)}.commander-portrait{position:relative;height:300px;overflow:hidden;background:radial-gradient(ellipse,#29231b,#090c11 70%)}.commander-portrait:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#10131a,transparent)}.commander-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:saturate(.78);display:block}.commander-portrait span{position:absolute;z-index:1;left:1.15rem;bottom:.8rem;color:#e3c885;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;text-shadow:0 2px 8px #000}.commander-copy{padding:1.2rem 1.3rem 1.35rem}.commander-copy>h3{font:2.2rem/1 var(--serif);margin:.15rem 0 .25rem;color:#f2e5cb}.commander-role{margin:0 0 1rem;color:#aaa293;font-size:.9rem}.order-box{padding:1rem 1.05rem;background:rgba(200,160,83,.075);border:1px solid rgba(214,180,112,.24);border-left:3px solid #bd9955}.order-box small{color:#d2b26e;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.order-box h4{font:1.38rem/1.15 var(--serif);margin:.45rem 0 .35rem;color:#f4dfb2}.order-box p{margin:0;color:#d1c8b9;line-height:1.55;font-size:.92rem}.order-box strong{color:#fff0cc}.teaching-details{margin-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.teaching-details>summary{position:relative;list-style:none;padding:.85rem 1.8rem .75rem 0;cursor:pointer;color:#e0c27e;font-weight:750;font-size:.9rem}.teaching-details>summary::-webkit-details-marker{display:none}.teaching-details>summary:after{content:"+";position:absolute;right:.25rem;top:.68rem;font-size:1.25rem;color:#e0c27e}.teaching-details[open]>summary:after{content:"−"}.teaching-details>summary:focus-visible{outline:2px solid #d2b26e;outline-offset:3px}.teaching-content{display:grid;gap:.8rem;padding:.1rem 0 .25rem}.skill-tier{padding:.9rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}.skill-tier h4{margin:0 0 .7rem;color:#d5bc86;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.skill-tier ul{list-style:none;padding:0;margin:0;display:grid;gap:.58rem}.skill-tier li{display:grid;gap:.16rem;padding:.65rem .72rem;background:rgba(0,0,0,.18);border-left:2px solid rgba(214,180,112,.32)}.skill-tier li strong{font-size:.87rem;color:#efe2c5}.skill-tier li span{font-size:.82rem;line-height:1.45;color:#aaa497}.skill-branch{padding-top:.7rem;margin-top:.7rem;border-top:1px solid rgba(255,255,255,.08)}.skill-branch>b{font-size:.78rem;color:#c1aa77}.commander-note{max-width:900px;margin:1.5rem auto 0;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.08);color:#a9a193;font-size:.8rem;line-height:1.5;text-align:center;background:rgba(255,255,255,.02)}@media(max-width:800px){.commander-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.commander-portrait{height:350px}}@media(max-width:480px){.commander-portrait{height:300px}.commander-copy{padding:1rem}.commanders-section{padding-top:2.5rem}}