@font-face{font-family:Satoshi;src:url(../assets/satoshi-400.woff2)}@font-face{font-family:Satoshi;src:url(../assets/satoshi-700.woff2);font-weight:700}@font-face{font-family:Satoshi;src:url(../assets/satoshi-900.woff2);font-weight:900}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg,#141414);color:var(--ink,#f4f5f3);font-family:Satoshi,Arial,sans-serif;line-height:1.6;--accent:#18eaf1;--line:#ffffff26;--muted:#b5c1c4;--panel:#202526}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);padding:10px 16px;min-height:44px;border-radius:30px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00aeb8;outline-offset:4px}a:hover{color:var(--accent)}.shell{max-width:1440px;margin:auto;padding:0 48px}header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;min-height:44px}.logo{width:224px;max-width:100%;height:auto}.tools{display:flex;gap:8px;flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;margin:0 0 20px}.hero{position:relative;margin:40px 0 72px}.hero-image{display:block;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(48px,6.7vw,100px);font-weight:900;line-height:.98;letter-spacing:-.055em;margin:0 0 26px;max-width:850px}h1 em{display:block;color:var(--accent);font-style:normal}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}h3{font-size:20px;line-height:1.2;margin:0 0 6px}.lead{font-size:17px;max-width:480px}.cta{display:inline-flex;gap:30px;align-items:center;min-height:50px;background:var(--accent);color:#09282b!important;padding:12px 24px;border-radius:3px;font-weight:700;margin-top:18px}.section-title{margin-bottom:28px}.section-title p:not(.eyebrow){color:var(--muted);max-width:480px}.contacts{margin-bottom:55px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card{display:flex;flex-wrap:wrap;align-items:start;gap:16px;padding:28px;background:var(--panel);border:1px solid var(--line);min-width:0}.num{font-size:12px;line-height:2;color:var(--accent)}.details{flex:1;min-width:150px}.details p{margin:0;color:var(--muted);font-size:15px}.phone{display:block;font-size:14px;letter-spacing:.06em;margin-top:8px;color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:2px}.contact-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px}.wa{font-weight:700;color:var(--accent)}.save{color:var(--muted)}.website{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:var(--accent);color:#09282b!important;font-weight:700;font-size:20px;margin:30px 0 65px}.website small{display:block;font-size:13px;font-weight:400}.website>span:last-child{font-size:32px}.socials{border-top:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.social-links{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.social-links a{min-height:48px;padding:10px 18px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:30px;font-size:14px}footer{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted)}footer a{display:flex;align-items:center;min-height:44px}figure{margin:0}figcaption{font-size:10px;letter-spacing:.12em;margin-top:12px}.skip{position:absolute;left:10px;top:-100px;background:#fff;color:#111;padding:14px;z-index:10}.skip:focus{top:10px}dialog{max-width:460px;width:calc(100% - 32px);border:1px solid #456;background:#13272c;color:#fff;border-radius:14px;padding:30px}dialog::backdrop{background:#000a}dialog form{text-align:end}dialog input{display:block;width:100%;padding:12px;margin:12px 0;background:#fff;color:#111;border:0}dialog #copy{background:#18eaf1;color:#123}dialog h2{font-size:27px}dialog label{font-size:14px}
/* 01 — panoramic cinema, immersive image and two-column contact directory */
.cinema .hero{min-height:580px;display:flex;align-items:center;overflow:hidden;padding:60px;border-radius:6px}.cinema .hero-image{position:absolute;inset:0}.cinema .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05242fed 0%,#05242f99 42%,#05242f1a 100%)}.cinema .hero-copy{max-width:720px}.cinema h1{font-size:clamp(52px,6vw,90px)}.cinema .lead{color:#e2edef}.cinema .contact-card:last-child{grid-column:1/-1}.cinema .contact-card:last-child .contact-actions{flex-direction:row;gap:35px}
/* 02 — white editorial, asymmetric spread, ruled contact list */
.editorial{--bg:#f6f5f0;--ink:#10282a;--accent:#087f81;--muted:#536668;--line:#153c3c30;--panel:transparent}.editorial .logo{filter:brightness(0)}.editorial .hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;padding:35px 0}.editorial h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(52px,6vw,92px)}.editorial h1 em{font-style:italic}.editorial .hero figure{height:520px}.editorial .hero-image{height:480px;border-radius:180px 180px 0 0}.editorial .contact-grid{display:block}.editorial .contact-card{border:0;border-top:1px solid var(--line);padding:25px 0;align-items:center}.editorial .num{min-width:60px}.editorial .details{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:15px}.editorial .phone{margin:0}.editorial .contact-actions{flex-direction:row;gap:24px}.editorial .wa{border-bottom:1px solid var(--accent)}.editorial .website{background:#102e32;color:white!important}.editorial .cta{background:#102e32;color:white!important}
/* 03 — compact concierge card, phone first */
.concierge{--bg:#071f24;--panel:#fff;--ink:#163238;--muted:#536d73;--line:#153e422b;--accent:#006e76}.concierge .shell{max-width:640px;padding:0 34px;background:#f4f8f7;margin:32px auto;border-radius:28px;overflow:hidden}.concierge header{min-height:94px}.concierge .logo{filter:brightness(0);width:172px}.concierge .tools{gap:4px}.concierge button{font-size:12px;padding:8px 10px}.concierge .hero{margin:0 -34px 28px;text-align:center}.concierge .hero-image{height:215px;object-position:center 65%}.profile-mark{display:flex;align-items:center;justify-content:center;width:94px;height:94px;border:7px solid #f4f8f7;border-radius:50%;background:#0b3037;margin:-46px auto 10px;position:relative}.concierge .hero-copy{padding:0 30px}.concierge .eyebrow{font-size:10px;margin-bottom:12px}.concierge h1{font-size:44px;line-height:1.08}.concierge h1 em{display:inline}.concierge .lead{margin:0 auto;font-size:15px}.concierge .cta{display:none}.concierge .website{border-radius:12px;font-size:17px;background:#0b3037;color:#fff!important;margin:0 0 36px;padding:18px 22px}.concierge .contact-grid{display:block}.concierge .contact-card{border-radius:12px;margin-bottom:12px;padding:20px;gap:10px}.concierge .num{display:none}.concierge h3{font-size:18px}.concierge .contact-actions{min-width:95px}.concierge .section-title h2{font-size:30px}.concierge .section-title p:not(.eyebrow){font-size:14px}.concierge .contacts{margin-bottom:24px}.concierge .socials{display:block;padding:28px 0}.concierge .socials h2{font-size:28px}.concierge footer{font-size:10px;gap:10px}.concierge .social-links{gap:8px}.concierge .social-links a{font-size:13px;padding:8px 13px}
/* 04 — graphic studio, enormous type with horizontal film still */
.studio{--bg:#101112;--accent:#18eaf1;--panel:transparent}.studio .hero{margin-top:60px}.studio .hero-copy{display:grid;grid-template-columns:2fr 1fr;column-gap:80px}.studio .hero-copy .eyebrow{grid-column:1/-1}.studio h1{font-size:clamp(72px,8.9vw,130px);text-transform:uppercase}.studio .hero-copy .lead{align-self:end}.studio .cta{grid-column:2;justify-self:start;margin-top:-65px}.studio .hero figure{margin-top:50px}.studio .hero-image{height:360px;object-position:center 62%}.studio .studio-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.studio .website{margin:0;background:transparent;color:var(--accent)!important;border-top:3px solid var(--accent);border-bottom:1px solid var(--line);padding:28px 0}.studio .contact-grid{display:block}.studio .contact-card{border:0;border-top:1px solid var(--line);padding:22px 0}.studio .section-title h2{font-size:46px}
/* 05 — quiet coastal, standing sidebar and airy white cards */
.coastal{--bg:#eef5f5;--ink:#0b353c;--accent:#076b74;--muted:#526e73;--panel:white;--line:#164d5026}.coastal .logo{filter:brightness(0)}.coastal .coastal-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;margin:55px 0}.coastal aside{background:#0b353c;color:white;border-radius:28px;padding:35px;align-self:start}.coastal aside .eyebrow{color:#8dcacf}.coastal .hero{margin:0}.coastal h1{font-size:clamp(46px,4.8vw,69px)}.coastal h1 em{color:#67e1df}.coastal .hero-image{height:260px;margin-top:32px;border-radius:16px}.coastal .cta{background:#b4eeeb;color:#0b353c!important}.coastal .website{background:none;border-top:1px solid #ffffff45;color:#fff!important;font-size:18px;margin:28px 0 0;padding:25px 0 0}.coastal .contact-grid{display:block}.coastal .contact-card{border:0;border-radius:16px;margin-bottom:14px;padding:25px}.coastal .socials{display:block;padding:30px 0 0}.coastal .socials h2{font-size:30px}
html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.2;font-family:Arial,sans-serif}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .cinema .hero:after{background:linear-gradient(270deg,#05242fed,#05242f99 50%,#05242f1a)}html[dir=rtl] .phone{direction:ltr;text-align:right}
@media(min-width:1600px){.shell{max-width:1520px}.concierge .shell{max-width:640px}}
@media(max-width:1000px){.shell{padding:0 30px}.contact-card{padding:22px}.contact-actions{flex-direction:row;flex-basis:100%;justify-content:space-between}.editorial .hero{gap:35px}.editorial .hero figure{height:430px}.editorial .hero-image{height:390px}.editorial .details{grid-template-columns:1fr 1fr}.editorial .phone{grid-column:1/-1}.editorial .contact-actions{flex-basis:auto;flex-direction:column;gap:0}.studio .hero-copy{display:block}.studio .cta{margin-top:10px}.studio .studio-body{gap:35px;grid-template-columns:.65fr 1.35fr}.coastal .coastal-layout{gap:25px;grid-template-columns:.9fr 1.1fr}.coastal aside{padding:25px}.coastal .contact-actions{flex-direction:row}.concierge .contact-actions{flex-direction:column;flex-basis:auto}.cinema .hero{padding:40px}.editorial .hero h1{font-size:58px}}
@media(max-width:650px){.shell{padding:0 22px}header{min-height:86px;gap:10px}.logo{width:154px}.tools{gap:4px}button{font-size:12px;padding:8px 10px}.hero{margin:24px 0 42px}h1{font-size:48px;letter-spacing:-.05em}h2{font-size:32px}.lead{font-size:15px}.eyebrow{font-size:10px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:22px;gap:12px}.contact-actions{flex-direction:row}.section-title{margin-bottom:22px}.website{margin:24px 0 40px;font-size:18px;padding:22px}.socials{grid-template-columns:1fr;gap:8px;padding:32px 0}.social-links a{font-size:13px;padding:10px 14px}footer{font-size:10px;gap:12px}.cinema .hero{min-height:570px;padding:28px 24px;align-items:end}.cinema .hero-image{object-position:62% center}.cinema .hero:after,html[dir=rtl] .cinema .hero:after{background:linear-gradient(0deg,#05242ffc,#05242f88 65%,#05242f05)}.cinema h1{font-size:52px}.cinema .contact-card:last-child .contact-actions{gap:15px}.editorial .hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:20px 0}.editorial .hero h1{font-size:62px}.editorial .hero figure{height:360px}.editorial .hero-image{height:325px;border-radius:130px 130px 0 0}.editorial .num{min-width:20px}.editorial .details{display:block;min-width:140px}.editorial .details p{margin:6px 0}.editorial .contact-actions{flex-basis:100%;flex-direction:row;padding-inline-start:36px}.concierge .shell{margin:0 auto;border-radius:0;padding:0 20px;min-height:100vh}.concierge .hero{margin-inline:-20px}.concierge .hero-copy{padding:0 20px}.concierge .hero-image{height:180px}.concierge .logo{width:154px}.concierge h1{font-size:38px}.concierge .contact-card{padding:18px}.concierge .details{min-width:140px}.studio h1{font-size:63px}.studio .hero-image{height:240px}.studio .hero figure{margin-top:30px}.studio .studio-body{display:flex;flex-direction:column;gap:45px}.studio .website,.studio .contacts{width:100%}.studio .hero{margin-top:38px}.studio .contact-card{padding:22px 0}.coastal .coastal-layout{display:block;margin:28px 0}.coastal aside{padding:28px;margin-bottom:42px;border-radius:20px}.coastal h1{font-size:48px}.coastal .hero-image{height:230px}.coastal .contact-card{padding:24px}.coastal .contact-actions{flex-basis:100%}}
@font-face{font-family:NotoArabic;src:url(../assets/noto-sans-arabic.ttf);font-weight:100 900;font-display:swap}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] button{font-family:NotoArabic,Arial,sans-serif}html[lang=ar] h1{font-weight:700}html[lang=ar] .lead{line-height:1.9}html[lang=ar] .details p{line-height:1.9}
.concierge h1 em{display:block}.coastal .hero-image{object-position:70% center}
@media(min-width:1001px){.studio .hero-copy h1{grid-column:1;grid-row:2/4}.studio .hero-copy .lead{grid-column:2;grid-row:2;align-self:end;margin-bottom:24px}.studio .hero-copy .cta{grid-column:2;grid-row:3;margin:0;align-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}