/* A single original line brings the existing architectural study into view. */
.v57 .museum-hero{position:relative;grid-template-rows:minmax(620px,76svh) auto auto;background:#082b43}
.v57 .hero-architecture{background:radial-gradient(ellipse at 74% 48%,#23546b 0%,#10384f 43%,#082b43 76%)}
.v57 .hero-art-plane{position:absolute;inset-block:0;inset-inline-start:24%;width:76%;transform:perspective(1500px) translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotateY(var(--hero-turn,0deg));transform-origin:65% 50%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.v57 .hero-art-plane picture{inset:0;width:100%;height:100%;transform:none;will-change:auto;opacity:.83}
.v57 .hero-art-plane img{object-fit:cover;object-position:center;width:100%;height:100%}
.v57 .hero-drawing{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.hero-construction{opacity:.22}.hero-ink-architecture{opacity:.62}.hero-signature-line{opacity:.85}.hero-ink-water{opacity:.3}
.v57 .hero-architecture:after{z-index:1;background:linear-gradient(90deg,#082b43 3%,#082b43fa 22%,#082b43e8 35%,#082b4399 47%,#082b4322 66%,transparent 83%),linear-gradient(0deg,#082b43b8,transparent 24%)}
.v57.lang-ar .hero-architecture:after{background:linear-gradient(270deg,#082b43 3%,#082b43fa 22%,#082b43e8 35%,#082b4399 47%,#082b4322 66%,transparent 83%),linear-gradient(0deg,#082b43b8,transparent 24%)}
.v57 .hero-intro{z-index:2;padding-block:70px;gap:34px;pointer-events:none}
.v57 .hero-intro>div{width:64%;max-width:830px}
.v57 .hero-intro .eyebrow{color:#ecd5a5;letter-spacing:.2em;font-size:10px;display:flex;align-items:center;gap:16px}
.v57 .hero-intro .eyebrow:before{content:'';height:1px;width:40px;background:#d6b875}
.v57 .museum-hero h1{font-size:clamp(76px,8.4vw,124px);font-weight:500;line-height:.94;letter-spacing:-.045em;margin-top:32px;text-shadow:0 2px 32px #082b4355}
.v57 .museum-hero h1 em{color:#efd2a0}
.v57 .hero-definition{width:43%;max-width:40ch;font-size:17px;line-height:1.8;color:#e4e8e5}
.v57 .hero-invitation{background:#082b43;padding-block:18px;gap:40px;border-top:1px solid #a3b8ba38}
.v57 .hero-invitation a:first-child{padding:10px 20px;border:1px solid #d7be8c88;color:#efd2a0;transition:background .25s,color .25s;min-height:46px}
.v57 .hero-invitation a:first-child:hover{background:#efd2a0;color:#082b43}
.v57 .hero-motion-control{position:absolute;inset-inline-end:var(--gutter);top:calc(max(620px,76svh) - 62px);z-index:3;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #e1cca169;border-radius:0;color:#eee2c8;background:#082b43d9;font:400 11px/1.5 var(--sans);cursor:pointer;backdrop-filter:blur(8px)}
.hero-motion-symbol{font-size:17px;width:17px;text-align:center}.hero-motion-control:hover{background:#194761}.hero-motion-control:focus-visible{outline:2px solid #f2d49e;outline-offset:5px}
.v57.lang-ar .hero-intro .eyebrow{letter-spacing:0}
.v57.lang-ar .museum-hero h1{font-size:clamp(64px,6.6vw,98px);line-height:1.4;letter-spacing:0}
.v57.lang-ar .hero-definition{font-size:16px;line-height:1.9}
@media(min-width:701px) and (max-width:1100px){
 .v57 .museum-hero{grid-template-rows:620px auto auto}.v57 .museum-hero h1{font-size:82px}.v57 .hero-intro>div{width:72%}.v57 .hero-definition{width:48%;font-size:16px}.v57 .hero-motion-control{top:558px}.v57.lang-ar .museum-hero h1{font-size:68px}
}
@media(max-width:700px){
 .v57 .museum-hero{grid-template-rows:auto 260px auto auto auto}
 .v57 .hero-intro{display:contents}
 .v57 .hero-intro>div{grid-area:1/1;position:relative;z-index:2;width:auto;max-width:none;padding:30px var(--gutter) 0}.v57 .hero-intro .eyebrow{font-size:9px;letter-spacing:.14em;gap:12px}.v57 .hero-intro .eyebrow:before{width:25px}
 .v57 .museum-hero h1{font-size:clamp(49px,13.1vw,82px);line-height:.96;margin-top:22px;max-width:none;letter-spacing:-.035em}
 .v57 .hero-definition{grid-area:3/1;position:relative;z-index:2;width:auto;max-width:none;padding:8px var(--gutter) 28px;font-size:15px;line-height:1.75}
 .v57 .hero-architecture{grid-area:2/1}
 .v57 .hero-art-plane{inset:0;width:100%;height:100%;transform:none}
 .v57 .hero-art-plane picture{opacity:.8}
 .v57 .hero-architecture:after,.v57.lang-ar .hero-architecture:after{background:linear-gradient(180deg,#082b43,transparent 22%,transparent 64%,#082b43)}
 .v57 .hero-invitation{grid-area:4/1;padding-block:16px;gap:10px 24px}.v57 .hero-invitation a:first-child{padding:8px 14px}.v57 .hero-invitation .text-link{font-size:12px}
 .v57 .hero-bottom{grid-area:5/1}
 .v57 .hero-motion-control{position:relative;grid-area:2/1;align-self:end;justify-self:end;inset:auto;margin:0 var(--gutter) 6px;min-height:44px;font-size:10px;padding:7px 10px;background:#082b43eb}
 .v57.lang-ar .hero-motion-control{justify-self:start}
 .v57.lang-ar .museum-hero h1{font-size:48px;line-height:1.3}.v57.lang-ar .hero-definition{font-size:15px;line-height:1.9}
}
@media(max-width:360px){.v57 .museum-hero h1{font-size:44px}.v57.lang-ar .museum-hero h1{font-size:42px}.v57 .hero-definition{font-size:14px}}
@media(prefers-reduced-motion:reduce){.v57 .hero-art-plane{transform:none;transition:none}.v57 .hero-motion-control{display:none}}
@media print{.v57 .hero-motion-control{display:none}.v57 .hero-art-plane{transform:none}.v57 .hero-drawing{display:none}}