/* Shared footer and targeted visual corrections. */
.wb-footer{display:block;position:relative;width:100%;margin:0;padding:0;background:#011516;color:#FAF6EE;border:0;border-top:1px solid #ffffff26;font:400 13px/1.6 WBArchivo,Arial,sans-serif}
.wb-footer-inner{width:min(1104px,calc(100% - 48px));min-height:96px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}
.wb-footer nav{display:flex;gap:28px}.wb-footer a{color:inherit;text-decoration:none;font:inherit;letter-spacing:.06em;display:inline-flex;align-items:center;min-height:44px}.wb-footer a:hover{text-decoration:underline;text-underline-offset:5px}.wb-footer :focus-visible{outline:2px solid #F08A57;outline-offset:4px}
html[lang=ar] .wb-footer,html[lang=ar] .wb-footer a{font-family:ArabicSans,WBArabic,Arial,sans-serif;font-size:15px;letter-spacing:0}
body[data-page=home] #inquiry .doors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;border:0}
body[data-page=home] #inquiry .door{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;width:100%;padding:0;border:0}
body[data-page=home] #inquiry .door img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 26px}
body[data-page=home] #inquiry .door-text{font-size:25px;line-height:1.5;max-width:100%}
body[data-page=home] #inquiry .door-kicker{font-size:15px}
body[data-page=about] .hero-inner{grid-template-columns:1.12fr .88fr;gap:64px}
body[data-page=about] .portrait{max-width:430px;justify-self:center}
body[data-page=about] .portrait img{aspect-ratio:4/5;object-fit:cover;mask-image:linear-gradient(0deg,transparent,#000 9%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
body[data-page=afterhold] .inquiry-grid img{mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 48%,#000c 67%,transparent 98%)}
body[data-page=work] .closing-inner,body[data-page=ideas] .closing-inner{min-height:520px;padding-block:80px}
body[data-page=work] .closing h2,body[data-page=ideas] .closing h2{font-size:clamp(40px,4.1vw,60px);max-width:820px;line-height:1.12}
body[data-page=afterhold] .closing,body[data-page=athar] .listen{padding-block:80px}
body[data-page=now]{background:#FAF6EE;color:#1B2A41}
body[data-page=now] .now-page{width:min(1104px,calc(100% - 48px));padding-top:0;padding-bottom:64px}
body[data-page=now] .now-page>section{padding:64px 0;border-bottom:1px solid #D9D0BC}
body[data-page=now] .now-hero-page h1{font-size:clamp(48px,5vw,68px);margin:0 0 20px}
body[data-page=now] .now-lead{font-size:30px!important;line-height:1.35;max-width:720px;margin-bottom:20px}
body[data-page=now] .now-lead br{display:none}
body[data-page=now] .now-intro{font-size:18px;line-height:1.75;max-width:720px;color:#4A5568}
body[data-page=now] .now-project{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}
body[data-page=now] .now-project-copy{grid-column:1;grid-row:1}
body[data-page=now] .now-project-visual{grid-column:2;grid-row:1;min-width:0}
body[data-page=now] .now-project h2{font-size:32px;margin-bottom:18px}
body[data-page=now] .now-project-question{font-size:24px!important;line-height:1.5;margin-bottom:20px}
body[data-page=now] .now-project-body p{font-size:18px;line-height:1.8;margin-bottom:18px}
body[data-page=now] .now-project-meta{font-size:14px;gap:18px;margin-top:26px}
body[data-page=now] .now-request-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;text-underline-offset:6px}
body[data-page=now] .now-diagram svg{overflow:visible;max-height:none}
html[lang=ar] main p,html[lang=ar] .premise-scene p{font-size:19px;line-height:1.85!important}
html[lang=ar] main .eyebrow,html[lang=ar] main .kicker{font-size:14px}
html[lang=ar] .btn,html[lang=ar] .link,html[lang=ar] .hero-actions a{font-size:16px!important;line-height:1.6;min-height:44px}
html[lang=ar] .map-hint{font-style:normal}
html[lang=ar] .ar-map-adoption,html[lang=ar] .ar-map-change{left:11.7%;width:18%;padding-inline:0}
html[lang=ar] .ar-map-scale,html[lang=ar] .ar-map-value{left:90.5%;width:15%;padding-inline:0}
html[lang=ar] .ar-map-label{font-size:clamp(11px,1.2vw,16px)}
html[lang=ar] .athar-ar{text-align:right;font-size:48px;margin-bottom:24px}
html[lang=ar] .athar-hero h1{font-size:clamp(40px,4vw,58px)!important;max-width:650px;line-height:1.4!important}
html[lang=ar] .athar-hero .hero-content{padding-block:84px}
html[lang=ar] .athar-hero .hero-art{transform:scaleX(-1)}
html[lang=ar] .athar-hero::after{background:linear-gradient(270deg,#041d20 0%,#041d20ef 35%,#041d2080 65%,transparent)}
html[lang=ar] .premise-bg,html[lang=ar] .listen-bg{transform:scaleX(-1)}
html[lang=ar] .premise-overlay{background:linear-gradient(270deg,#f5f0e6 0%,#f5f0e6fa 28%,#f5f0e6cc 44%,#f5f0e620 70%,transparent)}
html[lang=ar] .premise-scene-copy{width:min(580px,48%)}
html[lang=ar] .premise-scene h2,html[lang=ar] .listen h2{font-size:clamp(36px,3.5vw,52px)!important}
html[lang=ar] body[data-page=afterhold] .hero h1{font-size:clamp(42px,4.3vw,62px)!important}
html[lang=ar] body[data-page=afterhold] .hero .lead{font-size:20px;line-height:1.85}
html[lang=ar] body[data-page=afterhold] .hero-visual{inset:0 43% 0 0}
html[lang=ar] body[data-page=afterhold] .hero::after{background:linear-gradient(270deg,#041d20 0%,#041d20fa 31%,#041d20e8 45%,#041d2088 63%,transparent)}
html[lang=ar] body[data-page=now] .now-diagram text{font-size:15px;direction:rtl;text-anchor:middle}
html[lang=ar] body[data-page=now] .now-project{direction:rtl}
@media(min-width:901px){
 html[lang=ar] .ar-ideas .hero-inner,html[lang=ar] .ar-ideas .boundary-inner,html[lang=ar] .ar-ideas .adoption-inner,html[lang=ar] .ar-ideas .closing-inner{direction:rtl}
 html[lang=ar] .ar-ideas .hero-bg,html[lang=ar] .ar-ideas .closing-bg{transform:scaleX(-1)}
 html[lang=ar] .ar-ideas .boundary-art,html[lang=ar] .ar-ideas .boundary-wash,html[lang=ar] .ar-ideas .adoption-art,html[lang=ar] .ar-ideas .adoption-wash{transform:scaleX(-1);transform-origin:center}
 html[lang=ar] .ar-ideas .boundary-art{inset:0 36% 0 0}
 html[lang=ar] .ar-ideas .adoption-art{inset:0 0 0 42%}
}
@media(max-width:900px){
 body[data-page=about] .hero-inner{grid-template-columns:1fr;gap:32px}
 body[data-page=about] .portrait{width:100%;max-width:520px}
 body[data-page=home] #inquiry .doors{grid-template-columns:1fr;gap:48px}
 body[data-page=now] .now-project{grid-template-columns:1fr;gap:28px}
 body[data-page=now] .now-project-copy{grid-column:1;grid-row:1}
 body[data-page=now] .now-project-visual{grid-column:1;grid-row:2;width:100%;max-width:540px;margin-inline:auto}
 html[lang=ar] main p,html[lang=ar] .premise-scene p{font-size:18px}
 html[lang=ar] .athar-hero h1{font-size:38px!important}
 html[lang=ar] .athar-hero .hero-content{padding-block:56px}
 html[lang=ar] .premise-scene-copy{width:100%;padding-bottom:320px}
 html[lang=ar] .premise-overlay{background:linear-gradient(180deg,#f5f0e6 0%,#f5f0e6f0 45%,transparent 85%)}
 html[lang=ar] body[data-page=afterhold] .hero-visual{position:relative;inset:auto}
 html[lang=ar] body[data-page=afterhold] .hero h1{font-size:42px!important}
 html[lang=ar] .thinking .map{width:100%!important;max-width:100%!important;margin:0!important}
 body[data-page=work] .closing-inner,body[data-page=ideas] .closing-inner{min-height:0;padding-block:64px}
 .wb-footer-inner{flex-wrap:wrap;gap:10px;min-height:100px}
}
@media(max-width:480px){.wb-footer-inner,body[data-page=now] .now-page{width:calc(100% - 32px)}.wb-footer-inner{align-items:flex-start;flex-direction:column;padding:24px 0}.wb-footer nav{gap:24px}body[data-page=home] #inquiry .door-text{font-size:22px}body[data-page=now] .now-page>section{padding:44px 0}html[lang=ar] body[data-page=now] .now-diagram text{font-size:17px}}
body[data-page=home] .closing-inner{padding-bottom:64px}
body[data-page=work] .left-behind .inner{padding-block:80px;max-width:820px}
body[data-page=work] .left-behind h2,body[data-page=afterhold] .closing h2,body[data-page=athar] .listen-copy h2{font-size:clamp(40px,4.1vw,60px);line-height:1.15}
body[data-page=athar] .listen-scene-inner{padding-block:80px;min-height:460px}
body[data-page=athar] .listen-scene{min-height:0}
html[lang=ar] body[data-page=work] .left-behind .bg{transform:scaleX(-1)}
html[lang=ar] body[data-page=work] .left-behind::after{background:linear-gradient(270deg,#f5f0e6fa 0%,#f5f0e6ef 42%,#f5f0e690 68%,#f5f0e620)}
html[lang=ar] body[data-page=about] .hero-intro p{font-size:19px}
html[lang=ar] .listen-copy h2{font-size:clamp(36px,3.5vw,52px)!important}
@media(max-width:900px){body[data-page=work] .left-behind .inner,body[data-page=athar] .listen-scene-inner{padding-block:64px}html[lang=ar] body[data-page=about] .hero-intro p{font-size:18px}}
@media(min-width:901px){
 html[lang=ar] .athar-hero .hero-content>h1,html[lang=ar] .athar-hero .hero-content>.eyebrow,html[lang=ar] .athar-hero .hero-content>.athar-ar{margin-right:0;margin-left:auto;text-align:right}
 html[lang=ar] body[data-page=afterhold] .hero-copy{margin-right:0;margin-left:auto}
 html[lang=ar] body[data-page=work] .hero-content h1,html[lang=ar] body[data-page=work] .hero-content .lead,html[lang=ar] body[data-page=work] .hero-content>.eyebrow{margin-right:0;margin-left:auto;text-align:right}
 html[lang=ar] body[data-page=work] .hero-art{inset:0 40% 0 0;transform:scaleX(-1)}
 html[lang=ar] body[data-page=work] .work-hero::after{background:linear-gradient(270deg,#041d20 0%,#041d20f0 35%,#041d2080 65%,transparent)}
}
@media(min-width:1101px){
 html[lang=ar] body[data-page=afterhold] .scene:not(#book) .fig>img{transform:scaleX(-1)}
 html[lang=ar] body[data-page=afterhold] .scene:not(#book) .pin{left:calc(100% - var(--x) - var(--w));text-align:right}
}
@media(min-width:901px){html[lang=ar] body[data-page=afterhold] .hero-visual{mask-image:linear-gradient(90deg,#000 50%,transparent 100%)}}
html[lang=ar] body[data-page=now] .now-diagram text{font-size:18px}
@media(max-width:480px){html[lang=ar] body[data-page=now] .now-diagram text{font-size:22px}}