.arabia-page{--arabia-muted:#c8c8d2;--arabia-rule:#34343f;--arabia-accent:#adadff;max-width:1560px;margin-inline:auto;padding:28px var(--gutter) 80px}
.arabia-page *{box-sizing:border-box}
.arabia-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}
.arabia-page :is(h1,h2,h3){text-wrap:balance}
.arabia-page p{font-size:19px;line-height:1.75;color:var(--arabia-muted)}
.arabia-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;color:var(--arabia-muted)}
.arabia-breadcrumb a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.arabia-page-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,64px);align-items:center;padding-block:48px 80px}
.arabia-page :is(.arabia-hero-copy,.arabia-hero-image,.arabia-conversations>*,.arabia-guest>*){min-width:0}
.arabia-page .arabia-project-name{font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:-.025em;color:#fff;margin-block-end:24px}
.arabia-page h1{font-size:clamp(40px,4.3vw,68px);line-height:1.1;letter-spacing:-.04em;font-weight:700}
.arabia-page .arabia-page-lead{font-size:20px;line-height:1.7;margin-block-start:28px}
.arabia-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-block-start:32px}
.arabia-page .button{height:auto;min-height:52px;white-space:normal;max-width:100%;font-size:17px;line-height:1.5;text-align:start}
.arabia-text-link{font-size:17px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:6px}
.arabia-text-link:hover,.arabia-contact-address:hover{color:var(--arabia-accent)}
.arabia-hero-image img,.arabia-production img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111114}
.arabia-hero-image figcaption{padding-block:20px;border-block-end:1px solid var(--arabia-rule)}
.arabia-hero-image figcaption strong{display:block;font-size:19px;line-height:1.5;font-weight:500}
.arabia-hero-image figcaption span{display:block;font-size:16px;line-height:1.6;color:var(--arabia-muted);margin-block-start:6px}
.arabia-page h2{font-size:clamp(30px,3.3vw,48px);line-height:1.2;letter-spacing:-.025em}
.arabia-page .arabia-page-kicker{font-size:16px;line-height:1.6;color:var(--arabia-accent);margin-block-end:18px}
.arabia-conversations{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,110px);padding-block:64px;border-block:1px solid var(--arabia-rule)}
.arabia-conversations h2+p{margin-block-start:24px;max-width:520px}
.arabia-conversations dl>div{padding-block:24px;border-block-end:1px solid var(--arabia-rule)}
.arabia-conversations dl>div:first-child{padding-block-start:0}
.arabia-conversations dl>div:last-child{border:0;padding-block-end:0}
.arabia-conversations dt{font-size:23px;line-height:1.4;font-weight:600;margin-block-end:8px}
.arabia-conversations dd{font-size:18px;line-height:1.7;color:var(--arabia-muted)}
.arabia-selected{padding-block:72px;scroll-margin-top:32px}
.arabia-selected>h2{max-width:820px}
.arabia-page .arabia-work-note{margin-block-start:22px;max-width:800px}
.arabia-production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-block-start:40px}
.arabia-production>div{padding-block:22px}
.arabia-production h3{font-size:25px;line-height:1.35;margin-block-end:14px}
.arabia-production p{font-size:17px;line-height:1.65}
.arabia-page .arabia-production .arabia-page-kicker{font-size:15px;margin-block-end:12px}
.arabia-exclusive{padding:clamp(28px,4vw,56px);background:#3333cc}
.arabia-page .arabia-exclusive p{color:#fff;max-width:900px}
.arabia-exclusive h2{max-width:950px}
.arabia-exclusive h2+p{margin-block-start:24px}
.arabia-guest{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);padding-block-start:80px;scroll-margin-top:32px}
.arabia-guest p+p{margin-block-start:22px}
.arabia-page .arabia-guest-intro{font-size:21px;color:#eeeef4}
.arabia-contact-address{font-size:17px;line-height:1.6;display:inline-block;unicode-bidi:isolate;margin-block-start:24px;text-decoration:underline;text-underline-offset:5px}
.arabia-page .email-contact{max-width:100%}
.arabia-page .email-options{max-width:100%;min-width:0}
.arabia-page :is(a,button,summary):focus-visible{outline:2px solid #c4c4ff;outline-offset:5px}
html[lang=ar] .arabia-page :is(h1,h2,h3,.arabia-project-name){letter-spacing:0;line-height:1.35}
html[lang=ar] .arabia-page h1{font-size:clamp(42px,4.3vw,66px)}
html[lang=ar] .arabia-page p{line-height:1.9}
@media(max-width:1000px){.arabia-page-hero{grid-template-columns:1fr;gap:36px}.arabia-hero-copy{max-width:850px}.arabia-hero-image{max-width:960px}.arabia-production-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arabia-production:last-child{grid-column:1/-1;max-width:700px}}
@media(max-width:640px){.arabia-page{padding-block-start:16px;padding-block-end:56px}.arabia-page-hero{padding-block:28px 44px}.arabia-page h1{font-size:42px}.arabia-page .arabia-page-lead{font-size:19px}.arabia-conversations,.arabia-guest{grid-template-columns:1fr;gap:32px}.arabia-conversations{padding-block:40px}.arabia-selected{padding-block:44px}.arabia-production-grid{grid-template-columns:1fr;gap:20px;margin-block-start:28px}.arabia-production:last-child{grid-column:auto}.arabia-exclusive{padding:28px 24px}.arabia-guest{padding-block-start:48px}.arabia-page .arabia-guest-intro{font-size:20px}}

.arabia-show{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"show photo" "host photo";column-gap:clamp(32px,6vw,90px);row-gap:36px;align-items:start;padding-block:48px 72px;border-block-end:1px solid var(--arabia-rule)}
.arabia-show>div{min-width:0}
.arabia-show-copy{grid-area:show}
.arabia-page .arabia-show-intro{margin-block-start:24px;font-size:20px}
.arabia-host{grid-area:host;border-block-start:1px solid var(--arabia-rule);padding-block-start:28px}
.arabia-host h2+p{margin-block-start:20px}
.arabia-host-portrait{grid-area:photo;width:100%;max-width:500px;justify-self:end}
.arabia-host-portrait img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.arabia-show{grid-template-columns:1fr;grid-template-areas:"show" "photo" "host";gap:32px;padding-block:28px 44px}.arabia-host-portrait{justify-self:center;max-width:480px}.arabia-page .arabia-show-intro{font-size:19px}}