/* v0.5 — a single project image and a 70/30 editorial hero. */
.hero-static{padding-block:28px;min-height:0}
.hero-shell{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);min-height:550px;height:clamp(550px,calc(100svh - 138px),820px)}
.hero-editorial{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding-block:12px 0;padding-inline-end:clamp(36px,5vw,86px)}
.hero-static .hero-top{display:block;color:var(--silver);padding:0;margin:0}
.hero-static .hero-name{display:block;grid-area:auto;font-size:clamp(104px,11vw,190px);line-height:1.02;letter-spacing:-.07em;padding:0;margin-block:28px 24px;pointer-events:auto}
.hero-static .hero-name .last{margin-inline-start:28%;line-height:1.05}
.hero-information{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:22px}
.hero-static .hero-copy{grid-area:auto;align-self:auto;font-size:clamp(17px,1.55vw,23px);line-height:1.55;padding:0;max-width:25ch}
.hero-availability{display:flex;align-items:center;gap:10px;max-width:27ch;color:var(--silver);font-size:12px;line-height:1.65}
.hero-availability .status-dot{flex:none}
.hero-static .hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:0;margin:0;padding-block:15px 18px}
.hero-static .hero-bottom>.button{margin:0;min-width:225px;justify-self:auto}
.hero-static .hero-bottom>.hero-scroll{font-size:10px;white-space:nowrap}
.hero-project{height:100%;min-height:0;min-width:0;margin:0;position:relative;background:var(--glass);overflow:hidden}
.hero-project-open{display:block;position:relative;width:100%;height:100%;padding:0;cursor:zoom-in;overflow:hidden}
.hero-project img{height:100%;width:100%;object-fit:cover;object-position:53% center;animation:project-photo-in 1s var(--ease) both}
.project-photo-expand{position:absolute;inset-inline-end:16px;inset-block-end:16px;width:42px;height:42px;display:grid;place-items:center;font-size:24px;color:white;background:#0b1320b3;border:1px solid #eef2f544;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.hero-project-open:hover .project-photo-expand,.hero-project-open:focus-visible .project-photo-expand{opacity:1;transform:none}
.hero-project-open:focus-visible{outline-offset:-5px}
html[lang=ar] .hero-static .hero-name{font-size:clamp(100px,10vw,180px);line-height:1.12;letter-spacing:0}
html[lang=ar] .hero-static .hero-copy{font-size:clamp(20px,1.6vw,25px);line-height:1.65}
html[lang=ar] .hero-availability{font-size:15px;max-width:25ch}
html[lang=ar] .hero-static .hero-bottom>.hero-scroll{font-size:13px}
@keyframes project-photo-in{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:901px) and (max-width:1100px){
 .hero-editorial{padding-inline-end:35px}.hero-information{grid-template-columns:1fr;gap:14px;padding-block:18px}
 .hero-static .hero-copy br{display:initial}.hero-static .hero-copy{max-width:none}
 .hero-availability{max-width:none}.hero-static .hero-bottom{gap:16px}.hero-static .hero-bottom>.button{min-width:200px;padding-inline:16px}
 .hero-static .hero-bottom>.hero-scroll{font-size:9px}
}
@media(max-width:900px){
 .hero-shell{grid-template-columns:1fr;height:auto;min-height:0;gap:30px}
 .hero-editorial{padding-inline-end:0;padding-block-start:0}
 .hero-static .hero-name{font-size:clamp(98px,18vw,155px);margin-block:28px 24px;line-height:1.03}
 .hero-static .hero-name .last{font-size:inherit;margin-inline-start:31%;margin-block-start:0}
 .hero-information{grid-template-columns:1fr 1fr;gap:20px;padding-block:20px}
 .hero-static .hero-copy{font-size:18px;padding:0;max-width:none;margin:0}
 .hero-availability{font-size:11px;max-width:24ch}
 .hero-static .hero-bottom>.button{min-width:210px;width:auto;flex:none}
 .hero-static .hero-bottom>.hero-scroll{display:inline-flex;font-size:10px}
 .hero-project{height:clamp(430px,115vw,650px)}
 .hero-project img{object-position:center 55%}
 .project-photo-expand{opacity:1;transform:none}
 html[lang=ar] .hero-static .hero-name{font-size:clamp(96px,17.5vw,150px);line-height:1.13}
 html[lang=ar] .hero-static .hero-copy{font-size:21px;padding:0}
 html[lang=ar] .hero-availability{font-size:13px}
 html[lang=ar] .hero-static .hero-bottom>.hero-scroll{font-size:12px}
}
@media(max-width:480px){
 .hero-static{padding-block:24px 28px}
 .hero-static .hero-top{font-size:10px;max-width:28ch}
 .hero-static .hero-name{font-size:25vw;margin-block:27px 25px}
 .hero-static .hero-name .last{margin-inline-start:34%}
 .hero-information{grid-template-columns:1fr;gap:17px;padding-block:19px}
 .hero-static .hero-copy br{display:initial}
 .hero-availability{max-width:none;font-size:10px}
 .hero-static .hero-bottom{gap:16px;padding-block:12px 17px;flex-wrap:wrap}
 .hero-static .hero-bottom>.button{min-width:0;width:100%;font-size:11px}
 .hero-static .hero-bottom>.hero-scroll{font-size:10px}
 .hero-project{height:clamp(410px,126vw,570px)}
 html[lang=ar] .hero-static .hero-top{font-size:12px;max-width:none}
 html[lang=ar] .hero-static .hero-name{font-size:24.5vw}
 html[lang=ar] .hero-static .hero-copy{font-size:21px}
 html[lang=ar] .hero-availability{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hero-project img{animation:none}.project-photo-expand{transition:none;transform:none}}