/* v62 — knowledge in exchange; the existing hero artwork and motion stay intact. */
.v57 .museum-hero h1{font-size:clamp(65px,6.4vw,100px);line-height:.98}
.v57 .hero-intro{gap:25px;padding-block:48px}
.v57 .hero-intro>div{width:72%;max-width:970px}
.v57 .hero-definition{width:48%;max-width:49ch;font-size:16px;line-height:1.75}
.v58-history-body{align-items:start;grid-template-columns:1.05fr 1fr;gap:7vw}
.v62-examples{border-inline-start:1px solid #dca47d;padding-inline-start:36px}
.v62-examples article+article{border-top:1px solid #dca47d80;margin-top:30px;padding-top:30px}
.v62-examples h3{font:600 28px/1.2 var(--serif);color:#ffebc8;margin:0}
.v62-examples p{margin-top:15px!important}
.v62-source{display:inline-flex;align-items:center;min-height:44px;font:500 11px/1.7 var(--sans);text-decoration:underline;text-underline-offset:5px;gap:12px;color:#ffebc8}
.v62-source:hover{color:white}
.v58-history .v62-history-note{font:400 12px/1.8 var(--sans);margin:40px 0 0;padding-top:24px;border-top:1px solid #dca47d80;max-width:100ch;color:#f3e7d7}
/* The image sits behind the opening, with a deliberately clear lower process area. */
.v58-method{padding:0;background:#102f35;color:#f7eedf}
.v62-method-opening{position:relative;isolation:isolate;min-height:660px;display:flex;flex-direction:column;justify-content:flex-end;padding:90px var(--gutter) 38px;overflow:hidden;background:#102f35}
.v62-method-image{position:absolute;inset:0;z-index:-2}
.v62-method-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.v62-method-opening::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,26,30,.87),rgba(7,26,30,.18) 80%),linear-gradient(0deg,#102f35 0%,rgba(16,47,53,.88) 24%,rgba(16,47,53,.05) 83%)}
.v62-method-opening .v58-heading{grid-template-columns:1.1fr 1fr;gap:8vw;align-items:end;margin-bottom:24px}
.v62-method-opening .v58-heading h2{color:#fff5e6}.v62-method-opening h2 em{color:#f1c995}
.v62-method-opening .v58-label{color:#f1d8b2}.v62-method-opening .v58-deck{color:#fff3e3;font-size:16px;line-height:1.85}
.v62-image-caption{font:400 10px/1.8 var(--sans);color:#d6dfd8;margin:0}
.v62-method-process{padding:18px var(--gutter) 90px}
.v58-method .v58-steps,.v58-method .v58-bench,.v58-method .v58-bench li{border-color:#67817c}
.v58-method .v58-step-number{color:#edc895}.v58-method .v58-steps p,.v58-method .v58-bench p{color:#e4ebe3}
.v58-method .v58-small{color:#c5d2c9}.v58-method .v58-reference-link:hover{color:#f1c995}
.lang-ar .v62-examples h3{font-size:25px;line-height:1.6}
@media(min-width:1700px){.v62-method-opening,.v62-method-process{padding-inline:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(min-width:701px) and (max-width:1100px){.v57 .museum-hero h1{font-size:66px}.v57 .hero-definition{font-size:15px;width:53%}}
@media(max-width:800px){.v58-history-body{grid-template-columns:1fr;gap:34px}.v62-method-opening{min-height:700px;padding-top:230px}.v62-method-opening .v58-heading{grid-template-columns:1fr;gap:28px}.v62-method-opening .v58-deck{font-size:15px}.v62-method-process{padding-bottom:64px}.v62-method-image img{object-position:65% top}.v62-method-opening::before{background:linear-gradient(180deg,rgba(16,47,53,.08),rgba(16,47,53,.72) 35%,#102f35 90%)}.v62-examples{padding-inline-start:25px}}
@media(max-width:700px){.v57 .hero-intro{display:contents}.v57 .hero-intro>div{width:auto}.v57 .museum-hero h1{font-size:clamp(43px,10.8vw,72px);line-height:1.02}.v57 .hero-definition{width:auto;max-width:none;font-size:15px}.v57.lang-ar .museum-hero h1{font-size:41px;line-height:1.4}}
@media(max-width:520px){.v62-method-opening{min-height:760px;padding-top:250px;padding-bottom:24px}.v62-method-opening .v58-heading h2{font-size:44px}.v62-method-opening .v58-deck{font-size:14px}.v62-method-process{padding-top:10px;padding-bottom:55px}.v62-examples h3{font-size:27px}.v62-image-caption{font-size:9px}.lang-ar .v62-method-opening .v58-heading h2{font-size:38px}}
@media print{.v58-method{background:#fff;color:#163f4b}.v62-method-opening{min-height:0;padding-top:40px}.v62-method-image,.v62-method-opening::before{display:none}.v62-method-opening .v58-heading h2,.v62-method-opening h2 em,.v62-method-opening .v58-deck,.v62-method-opening .v58-label,.v62-image-caption,.v58-method .v58-steps p,.v58-method .v58-bench p{color:#163f4b}}