/* Maged Sobhy: cinematic editorial portfolio. One consolidated presentation layer. */
:root{--bg:#101010;--surface:#191918;--ink:#f5f1e9;--muted:#aaa69e;--line:#383735;--hot:#ff6034;--paper:#f0ece3;--pad:clamp(22px,4.3vw,72px);--max:1560px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.06em}img,video{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.wrap{width:calc(100% - var(--pad)*2);max-width:var(--max);margin-inline:auto}.mono,.eyebrow{font:12px/1.5 'Courier New',monospace;letter-spacing:.04em}.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--hot);flex:none}.muted{color:#8f8b84}.muted-on-light{color:#8b857b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--hot);outline-offset:5px}.skip{position:fixed;z-index:200;left:20px;top:10px;background:var(--ink);color:var(--bg);padding:15px 20px;transform:translateY(-150%)}.skip:focus{transform:none}
/* Navigation */
.topbar{position:fixed;inset:0 0 auto;z-index:30;height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--pad);border-bottom:1px solid #ffffff30;background:linear-gradient(#080808b3,#08080800);transition:background .25s,height .25s}.topbar.is-scrolled{height:76px;background:#101010f5;backdrop-filter:blur(16px)}.brandmark{display:flex;gap:14px;align-items:center;min-height:44px}.monogram{font-size:32px;letter-spacing:-3px;font-weight:900}.monogram i{font-style:normal;color:var(--hot)}.name-mark{font-size:10px;line-height:1.2;letter-spacing:.06em;font-weight:700;border-left:1px solid #ffffff50;padding-left:14px}.nav{display:flex;gap:clamp(22px,3vw,48px);font-size:14px}.nav a{min-height:44px;display:flex;align-items:center;gap:7px}.nav sup{font:12px 'Courier New',monospace;color:#928c82;transform:translateY(-4px)}.nav a:hover,.nav a.is-active{color:var(--hot)}.header-end{display:flex;gap:7px;align-items:center}.nav-contact{min-height:44px;border:1px solid #ffffff80;padding:12px 18px;display:flex;gap:30px;align-items:center;font-size:14px}.nav-contact:hover{background:var(--ink);color:var(--bg)}.menu-toggle{width:44px;height:44px;padding:10px;background:none;display:none}.menu-toggle span{height:1px;background:var(--ink);display:block;margin:7px 0;transition:transform .2s}.mobile-nav{display:none}
/* Opening: name, statement and a real project share the frame. */
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;background:#0b0b0b}.hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-media picture,.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media video{opacity:0;transition:opacity .5s}.hero-media video.is-playing{opacity:1}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909ed 0%,#090909b5 38%,#09090920 100%),linear-gradient(0deg,#090909f0 0%,#09090920 70%,#09090980 100%)}.hero-copy{padding-top:140px;padding-bottom:48px}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:46px;color:#e6e1d8}.hero-topline>.mono{color:#c6beb1}.hero-composition{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:64px}.hero h1{font-size:clamp(100px,13.2vw,205px);line-height:.8;letter-spacing:-.08em;font-weight:900}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.name-period{color:var(--hot);-webkit-text-stroke:0}.hero-statement{margin-top:38px;font-size:clamp(22px,2.5vw,34px);line-height:1.16;letter-spacing:-.035em;font-weight:500}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-watch{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;background:var(--hot);color:#111;padding:16px 20px;font-size:14px}.hero-watch:hover{background:#ff7b56}.hero-explore{display:flex;align-items:center;gap:20px;min-height:48px;font-size:14px;border-bottom:1px solid #ffffff70}.hero-explore:hover{color:var(--hot)}.hero-feature{position:relative;padding:0;text-align:left;border:1px solid #fff5;background:#131313e8;box-shadow:0 24px 70px #0005;transition:transform .4s,border-color .4s;overflow:hidden}.hero-feature:hover{transform:translateY(-7px);border-color:var(--hot)}.hero-feature-image{display:block;position:relative;height:235px;overflow:hidden}.hero-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 41%;transition:transform .65s}.hero-feature:hover img{transform:scale(1.045)}.hero-feature-play{position:absolute;inset:auto 18px 18px auto;width:47px;height:47px;display:grid;place-items:center;background:var(--hot);color:#111;border-radius:50%;font-size:13px}.hero-feature-copy{display:block;padding:22px 24px}.hero-feature-copy>.mono{display:block;color:#bdb5a7}.hero-feature-copy>strong{display:block;font-size:54px;line-height:.9;letter-spacing:-.06em;margin-top:17px}.hero-feature-caption{display:block;font-size:14px;line-height:1.5;color:#bbb4a9;margin-top:14px}.hero-feature-link{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-top:20px;padding-top:17px;border-top:1px solid #ffffff30}.hero-feature-link>span{color:var(--hot);font-size:23px}.hero-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px var(--pad);border-top:1px solid #ffffff2c}.hero-controls>span{color:#b8b1a5}.motion-toggle{display:flex;align-items:center;gap:10px;background:none;min-height:32px;padding:0;font-size:12px;color:#d1c9bd}.motion-icon{font-size:14px}
.discipline-band{display:grid;grid-template-columns:1fr 1fr 1.35fr;padding:0 var(--pad);border-bottom:1px solid var(--line);background:#171716}.discipline-band>a{display:flex;align-items:center;gap:18px;font-size:17px;line-height:1.25;font-weight:600;min-height:102px;padding:22px 28px;border-right:1px solid var(--line);transition:background .2s}.discipline-band>a:first-child{padding-left:0}.discipline-band>a:last-child{border-right:0;padding-right:0}.discipline-band .mono{align-self:flex-start;color:var(--hot);font-weight:400;margin-top:4px}.discipline-band>a>span:last-child{margin-left:auto;font-size:25px;font-weight:400}.discipline-band>a:hover{color:var(--hot)}
/* Editorial introduction */
.statement{padding:110px 0 118px}.statement-grid{display:grid;grid-template-columns:.65fr 2fr;gap:80px}.statement .eyebrow{align-self:start;margin-top:8px}.statement h2{font-size:clamp(48px,6.6vw,104px);line-height:.92;max-width:1040px}.statement h2 .muted{display:inline-block;max-width:100%}.statement p{max-width:670px;margin-top:32px;font-size:18px;line-height:1.65;color:#bcb5aa}
/* Featured project: one lead film and three supporting perspectives. */
.feature{padding:100px 0;background:var(--paper);color:#141414;color-scheme:light}.feature-top{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.feature h2{font-size:clamp(72px,9vw,138px);line-height:.82;letter-spacing:-.07em;margin-top:28px}.feature-copy>p{max-width:540px;font-size:20px;line-height:1.45;color:#49453f}.project-facts{margin-top:25px;border-top:1px solid #c9c3b9}.project-facts>div{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #c9c3b9}.project-facts dt{font:12px/1.5 'Courier New',monospace;color:#6d665c}.project-facts dd{font-size:14px;line-height:1.5}.feature-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.feature-meta span{font:12px/1.3 'Courier New',monospace;border:1px solid #bab3a8;border-radius:20px;padding:8px 10px}.work-grid{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:0 40px;height:690px}.work-card{position:relative;min-width:0;min-height:0;overflow:hidden;border-bottom:1px solid #b7afa3}.work-primary{grid-row:1/4;border:0}.reel-trigger{position:relative;width:100%;height:100%;padding:0;text-align:left;overflow:hidden;color:#171717;background:transparent}.work-card img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .7s}.reel-trigger:hover img{transform:scale(1.035)}.work-primary .reel-trigger{background:#151515;color:var(--ink)}.work-primary .reel-trigger:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,#0000 35%,#0002 58%,#000e);pointer-events:none}.reel-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;position:relative;z-index:2}.work-primary .reel-top{position:absolute;inset:23px 25px auto}.play-disc{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #fffc;background:#1116;color:white;font-size:18px;padding-left:3px;transition:background .2s}.reel-trigger:hover .play-disc{background:var(--hot);border-color:var(--hot);color:#111}.work-label{position:relative;z-index:3;display:block}.work-label strong{display:block;font-size:clamp(27px,3.1vw,46px);line-height:.98;letter-spacing:-.06em;font-weight:800}.work-label small{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;line-height:1.4;margin-top:14px}.work-label b{font-size:25px;font-weight:400;color:var(--hot)}.work-primary .work-label{position:absolute;inset:auto 25px 27px}.work-primary .work-label strong{font-size:clamp(34px,4vw,58px)}.work-primary .work-label small{color:#e5dfd5}.work-card:not(.work-primary) .reel-trigger{display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:36px 1fr;gap:10px 24px;padding:20px 0}.work-card:not(.work-primary) img{grid-column:1;grid-row:1/3}.work-card:not(.work-primary) .reel-top{grid-column:2;grid-row:1;align-self:start;color:#6d675d}.work-card:not(.work-primary) .work-label{grid-column:2;grid-row:2;align-self:center}.work-card:not(.work-primary) .play-disc{display:none}.work-context{display:block;font-size:15px;line-height:1.45;color:#6b645a;margin-top:10px;max-width:285px}.work-card:not(.work-primary) .work-label small{font-size:12px;margin-top:12px}.work-card:not(.work-primary) .reel-trigger:hover strong{color:#ca3e18}.work-footnote{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:27px}.work-footnote p{font-size:14px;line-height:1.5;color:#615b51}.work-footnote>.mono{white-space:nowrap;color:#655e53}
/* Expertise: a stable introduction beside a compact service index. */
.services{padding:118px 0}.services>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.services .section-head{display:block;position:sticky;top:118px}.section-head h2{font-size:clamp(46px,5.2vw,79px);line-height:.91;margin-top:28px}.section-head p{font-size:18px;line-height:1.6;max-width:330px;margin-top:28px;color:#b9b1a6}.service{border-top:1px solid #49463f;scroll-margin-top:110px}.service:last-child{border-bottom:1px solid #49463f}.service summary{display:grid;grid-template-columns:36px minmax(0,1fr) 25px;gap:15px;align-items:center;padding:28px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service h3{font-size:clamp(25px,2.3vw,35px);font-weight:600;letter-spacing:-.045em;line-height:1.13}.service-num{font-size:12px;align-self:start;margin-top:5px;color:#a59d90}.plus{width:25px;height:25px;position:relative}.plus:before,.plus:after{content:'';position:absolute;top:12px;left:3px;width:19px;height:1px;background:var(--ink)}.plus:after{transform:rotate(90deg);transition:transform .2s}.service[open] .plus:after{transform:none}.service[open] h3,.service[open] .service-num,.service summary:hover h3{color:var(--hot)}.service-body{padding:0 30px 30px 51px}.service-kicker{font-size:21px;line-height:1.35;margin-bottom:17px;max-width:380px}.service-body>div>p:first-child{font-size:16px;line-height:1.65;color:#b5afa4}.service-tags{font-size:12px;line-height:1.7;margin-top:18px;color:#a59d90}.service-brief{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;min-height:48px;text-align:left;padding:13px 0;background:none;border-bottom:1px solid #6f6658;font-size:14px;margin-top:18px}.service-brief>span{font-size:22px;color:var(--hot)}.service-brief:hover{color:var(--hot)}
/* Brand gallery. Original artwork and optical sizing remain intact. */
.clients{padding:100px 0;background:#e8e4db;color:#141414;color-scheme:light}.clients-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.clients-intro h2{font-size:clamp(64px,8.4vw,126px);line-height:.85;margin-top:26px}.clients-intro .muted{color:#8c8578}.clients-intro p{font-size:18px;line-height:1.6;max-width:370px;color:#5e574c}.brand-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 25px}.brand-filters{display:flex;flex-wrap:wrap;gap:8px}.brand-filters button{min-height:44px;padding:11px 16px;border:1px solid #aaa192;border-radius:30px;background:none;color:#4b453b;font-size:14px;line-height:1.3}.brand-filters button span{font:12px 'Courier New',monospace;margin-left:10px}.brand-filters button[aria-pressed=true]{background:#181817;color:#fff;border-color:#181817}.brand-filters button:hover{border-color:#111}#brand-count{font-size:12px;color:#62594b;white-space:nowrap}.client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.client-tile{min-width:0;min-height:191px;padding:25px 18px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#fff;border:1px solid #d7d0c6;transition:transform .25s,box-shadow .25s}.client-tile:has(.logo-dark){background:#242424;border-color:#242424}.client-tile:hover{transform:translateY(-4px);box-shadow:0 12px 20px #17120b12}.client-logo-frame{display:flex;align-items:center;justify-content:center;width:min(180px,100%);height:82px;flex:0 0 82px}.client-logo-frame.logo-local{padding:10px 13px}.client-logo-frame .client-logo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;background:none}.client-logo-frame.logo-light{background:#fff}.client-logo-frame.logo-dark{background:#242424}.client-tile[data-brand="bosch"] .client-logo-frame{width:68px}.client-tile[data-brand="xiaomi"] .client-logo-frame{width:65px}.client-tile[data-brand="rixos"] .client-logo-frame{width:174px}.client-tile[data-brand="lc-waikiki"] .client-logo-frame{width:172px}.client-tile[data-brand="intel"] .client-logo-frame{width:145px}.client-tile[data-brand="beko"] .client-logo-frame{width:118px}.client-tile[data-brand="ehab"] .client-logo-frame{width:102px;padding:3px}.client-caption{font-size:12px;line-height:1.45;text-align:center;color:#6b6257;min-height:18px}.client-tile:has(.logo-dark) .client-caption{color:#bcb6ad}.client-wordmark{display:grid;place-items:center;min-height:82px;font-size:23px;line-height:1.2;font-weight:750;letter-spacing:-.03em;overflow-wrap:anywhere;text-align:center}.client-wordmark.arabic{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:25px;line-height:1.5}.client-tile[data-logo-state="none"],.client-tile[data-logo-state="failed"]{background:#dcd7cd;border-color:#c9c2b6}.brand-note{font-size:12px;line-height:1.6;max-width:700px;color:#655d51;margin-top:25px}
/* About and closing */
.about{padding:115px 0}.about-shell{display:grid;grid-template-columns:.8fr 1.5fr;gap:90px}.about-aside{border-right:1px solid #49443c;padding-right:45px}.about-monogram{display:block;font-weight:900;letter-spacing:-.1em;line-height:.9;font-size:clamp(120px,16vw,240px);color:transparent;-webkit-text-stroke:1px #72695c;margin:45px 0 28px}.about-monogram span{color:var(--hot);-webkit-text-stroke:0}.about-aside>p{font-size:20px;line-height:1.4;color:#a69e90}.about-copy h2{font-size:clamp(44px,5.9vw,90px);line-height:.94;max-width:790px}.about-copy>p{font-size:19px;line-height:1.7;color:#beb6aa;max-width:655px;margin-top:35px}.about-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px;padding-top:28px;border-top:1px solid #49443c}.about-point small{display:block;font:12px/1.5 'Courier New',monospace;color:var(--hot);margin-bottom:15px}.about-point strong{display:block;font-size:16px;line-height:1.5;font-weight:500}.contact{padding:105px 0 85px;background:var(--hot);color:#111}.contact .eyebrow:before{background:#111}.contact h2{font-size:clamp(68px,11.5vw,176px);line-height:.82;letter-spacing:-.075em;margin-top:37px}.contact h2>span{color:transparent;-webkit-text-stroke:1.5px #111}.contact-foot{display:flex;align-items:end;justify-content:space-between;gap:45px;border-top:1px solid #1115;margin-top:43px;padding-top:30px}.contact-foot p{font-size:20px;line-height:1.5;max-width:500px}.brief-trigger{display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:78px;padding:20px 26px;text-align:left;background:#111;color:var(--ink);font-size:18px;flex-shrink:0}.brief-trigger>span{font-size:36px}.brief-trigger:hover{background:#29231b}#preview-note{font-size:13px;line-height:1.6;max-width:535px;margin-top:25px;color:#33231a}#contact-channels{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}#contact-channels a{font-size:16px;overflow-wrap:anywhere;border-bottom:1px solid;padding:10px 0}footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:22px;padding:38px var(--pad);background:#101010}.footer-name{font-size:clamp(28px,4vw,58px);font-weight:900;letter-spacing:-.07em}.footer-name span{color:var(--hot)}footer>span{font:12px/1.5 'Courier New',monospace;color:#a59b8a}.back-top{display:flex;align-items:center;min-height:44px;font:12px 'Courier New',monospace}
/* Native video and brief dialogs */
dialog{padding:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);max-height:94svh;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#000e}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-top>.mono{font-size:12px;color:var(--muted)}.dialog-close{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid #a89e8f;font-size:30px;font-weight:300;line-height:1;flex-shrink:0}.dialog-close:hover{background:var(--ink);color:var(--bg)}.film-dialog{width:min(1000px,94vw);overflow:auto}.film-layout{display:grid;grid-template-columns:1fr 1fr}.film-stage{background:#050505;min-width:0;display:flex;flex-direction:column;justify-content:center}.film-stage video{width:100%;height:min(84svh,760px);object-fit:contain;background:#000}.film-stage>p{font-size:14px;padding:22px;line-height:1.5}.film-information{padding:23px 28px;display:flex;flex-direction:column;min-width:0}.film-sequence{color:var(--hot);margin:30px 0 20px}.film-information h2{font-size:44px;line-height:1;letter-spacing:-.055em}.film-information>p{font-size:15px;color:var(--muted);line-height:1.6;margin-top:14px}.film-information .film-note{margin-top:20px}.film-playlist{border-top:1px solid var(--line);margin-top:25px}.film-playlist button{width:100%;min-height:49px;padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;background:none;font-size:14px;text-align:left}.film-playlist button span{font:12px 'Courier New',monospace;color:var(--muted)}.film-playlist button b{margin-left:auto;font-size:18px;font-weight:400}.film-playlist button[aria-pressed=true]{color:var(--hot)}.film-actions{margin-top:auto;padding-top:24px}.film-actions a{font-size:12px;border-bottom:1px solid #8c8376;padding-bottom:6px;display:inline-flex;align-items:center;min-height:38px}.film-actions p{margin-top:18px;font-size:12px;color:var(--muted)}.film-brief-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;text-align:left;padding:13px 16px;margin-bottom:20px;background:var(--hot);color:var(--bg);font-size:14px}.film-brief-trigger:hover{background:#ff7b56}.brief-dialog{width:min(780px,94vw);padding:25px 33px 22px;max-height:92svh;overflow:auto}.brief-dialog h2{font-size:clamp(35px,4vw,55px);line-height:.97;letter-spacing:-.06em;margin:22px 0 18px}.brief-intro{font-size:16px;line-height:1.55;color:var(--muted);margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:14px;line-height:1.4;display:flex;flex-direction:column;gap:8px;min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;min-height:46px;border:1px solid #665e52;border-radius:0;background:#201e1b;color:var(--ink);padding:12px;font-size:16px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#b8aea0;opacity:1}.form-grid select{padding-right:26px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{resize:vertical}.brief-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button-solid,.button-line{min-height:46px;padding:14px 20px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:30px}.button-solid{background:var(--hot);color:var(--bg)}.button-line{border:1px solid #aaa093;background:none;color:var(--ink)}#brief-status{font-size:14px;line-height:1.5;min-height:18px;margin-top:15px}.privacy-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}.brief-details{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brief-details summary{cursor:pointer;padding:16px 0;font-size:14px;line-height:1.5}.brief-details summary span{font-size:12px;color:var(--muted);margin-left:12px}.brief-details .form-grid{padding-bottom:20px}.brief-reference{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#25221e;border-left:2px solid var(--hot);padding:12px 14px;margin-bottom:20px}.brief-reference p{font-size:14px;line-height:1.5}.brief-reference button{min-height:44px;padding:8px;background:none;text-decoration:underline;font-size:12px}
/* Motion is progressive; content is never hidden while waiting for JavaScript. */
@media(prefers-reduced-motion:no-preference){.hero-title-block{animation:enter .85s both}.hero-feature{animation:enter 1s .12s both}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}
@supports(animation-timeline:view()){.statement h2,.feature-top,.clients-intro,.about-copy{animation:section-in linear both;animation-timeline:view();animation-range:entry 0% entry 22%}@keyframes section-in{from{opacity:.35;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}
/* Responsive compositions */
@media(min-width:1700px){.hero-composition{grid-template-columns:minmax(0,1fr) 400px}.hero-feature-image{height:270px}.hero-copy{padding-bottom:65px}.work-grid{height:820px}}
@media(max-width:1100px){.hero-composition{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.hero h1{font-size:12.8vw}.hero-feature-image{height:210px}.hero-feature-copy>strong{font-size:47px}.hero-topline{margin-bottom:34px}.hero-copy{padding-top:130px}.hero-statement{font-size:28px}.hero-actions{gap:18px}.hero-watch{gap:18px;padding:15px}.discipline-band>a{padding:22px 20px;font-size:15px;gap:12px}.statement-grid{grid-template-columns:.55fr 2fr;gap:40px}.statement h2{font-size:6.5vw}.feature-top{gap:50px}.work-grid{gap:0 25px;height:650px}.work-card:not(.work-primary) .reel-trigger{grid-template-columns:105px minmax(0,1fr);gap:7px 18px}.work-context{font-size:14px}.services>.wrap{gap:55px;grid-template-columns:.8fr 1.2fr}.brand-toolbar{display:block}.brand-toolbar>span{display:block;margin-top:18px}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-shell{gap:50px}.contact-foot p{font-size:18px}}
@media(max-width:850px){.nav{gap:17px}.nav a{font-size:13px}.nav sup{display:none}.topbar{gap:15px}.nav-contact{gap:16px;font-size:13px}.hero-composition{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.hero h1{font-size:12vw}.hero-feature-copy{padding:18px}.hero-feature-copy>strong{font-size:43px}.hero-feature-image{height:180px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-statement{font-size:27px}.feature-copy>p{font-size:18px}.work-grid{height:590px;gap:0 20px}.work-card:not(.work-primary) .reel-trigger{grid-template-columns:85px minmax(0,1fr);gap:7px 15px}.work-context{display:none}.work-label strong{font-size:30px}.services>.wrap{gap:35px}.section-head h2{font-size:44px}.service h3{font-size:25px}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-tile{min-height:170px;padding:20px 12px}.about-points{grid-template-columns:1fr;gap:24px}.about-point small{margin-bottom:8px}.contact-foot{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:760px){html{scroll-padding-top:90px}.topbar,.topbar.is-scrolled{height:76px}.nav{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;inset:76px 0 auto;background:#101010;padding:15px var(--pad) 25px;border-bottom:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:13px 0;font-size:25px;letter-spacing:-.04em;border-bottom:1px solid var(--line)}.mobile-nav a span{font:12px 'Courier New',monospace;color:var(--hot)}.hero{min-height:100svh}.hero::after{background:linear-gradient(0deg,#090909f0 0%,#0909099e 55%,#09090955 100%)}.hero-copy{padding-top:116px;padding-bottom:26px}.hero-topline{margin-bottom:34px}.hero-topline>.mono{display:none}.hero-topline .eyebrow{font-size:12px;letter-spacing:.025em;gap:8px}.hero-topline .eyebrow:before{width:17px}.hero-composition{display:block}.hero h1{font-size:23vw;line-height:.8;letter-spacing:-.078em}.hero-statement{font-size:26px;line-height:1.18;margin-top:28px}.hero-actions{flex-direction:row;align-items:center;gap:25px;margin-top:25px}.hero-watch{min-height:50px;padding:14px 17px;gap:28px}.hero-explore{font-size:14px;gap:12px;min-height:46px}.hero-feature{display:grid;grid-template-columns:112px 1fr;width:100%;margin-top:32px;background:#111e}.hero-feature-image{height:100%;min-height:136px}.hero-feature-image img{object-position:center 32%}.hero-feature-play{width:34px;height:34px;right:9px;bottom:10px;font-size:12px}.hero-feature-copy{padding:17px 20px}.hero-feature-copy>.mono{font-size:12px}.hero-feature-copy>strong{font-size:32px;line-height:1;letter-spacing:-.055em;margin-top:12px}.hero-feature-copy>strong br{display:none}.hero-feature-caption{font-size:13px;margin-top:9px}.hero-feature-link{display:none}.hero-controls{padding-block:13px;gap:18px}.hero-controls>span{font-size:12px;max-width:175px}.motion-toggle{font-size:12px;gap:7px;white-space:nowrap}.discipline-band{display:block;padding:0 var(--pad)}.discipline-band>a,.discipline-band>a:first-child,.discipline-band>a:last-child{min-height:70px;padding:19px 0;gap:17px;border-right:0;border-bottom:1px solid var(--line);font-size:16px}.discipline-band>a:last-child{border-bottom:0}.discipline-band br{display:none}.discipline-band>a>span:last-child{font-size:22px}.statement{padding:70px 0}.statement-grid{grid-template-columns:1fr;gap:27px}.statement h2{font-size:clamp(39px,7.5vw,59px);line-height:.96}.statement p{font-size:17px;line-height:1.65;margin-top:25px;max-width:560px}.feature{padding:70px 0}.feature>.wrap{display:flex;flex-direction:column}.feature-top,.feature-copy{display:contents}.feature-top>div:first-child{order:0;margin-bottom:26px}.feature-copy>p{order:1;margin-bottom:30px}.work-grid{order:2}.project-facts{order:3}.feature-meta{order:4}.work-footnote{order:5}.feature noscript{order:6}.feature h2{font-size:clamp(70px,15.6vw,115px);line-height:.83;margin-top:27px}.feature h2 br{display:block}.feature-copy{margin-top:30px}.feature-copy>p{font-size:18px;line-height:1.55;max-width:570px}.project-facts{margin-top:22px}.feature-meta{gap:7px}.work-grid{display:flex;flex-direction:column;height:auto;gap:0}.work-primary{height:620px;flex:none;margin-bottom:16px}.work-primary .work-label strong{font-size:43px}.work-card:not(.work-primary){height:190px;flex:none}.work-card:not(.work-primary) .reel-trigger{grid-template-columns:116px minmax(0,1fr);grid-template-rows:27px 1fr;gap:8px 22px;padding:18px 0}.work-card:not(.work-primary) .work-label strong{font-size:34px}.work-context{display:block;font-size:14px;line-height:1.4;margin-top:8px}.work-card:not(.work-primary) .work-label small{font-size:12px;margin-top:8px}.work-footnote{align-items:flex-start;flex-direction:column;gap:12px;margin-top:22px}.work-footnote p{font-size:14px}.services{padding:75px 0}.services>.wrap{display:block}.services .section-head{position:static;margin-bottom:35px}.section-head h2{font-size:clamp(42px,8vw,65px);line-height:.93;margin-top:25px}.section-head p{font-size:17px;max-width:520px;margin-top:24px}.service summary{grid-template-columns:28px minmax(0,1fr) 23px;gap:14px;padding:24px 0}.service h3{font-size:25px}.service-body{padding:0 25px 28px 42px}.service-kicker{font-size:20px}.clients{padding:75px 0}.clients-intro{display:block}.clients-intro h2{font-size:clamp(68px,14vw,104px);line-height:.87;margin-top:25px}.clients-intro p{margin-top:26px;max-width:480px;font-size:17px}.brand-toolbar{margin-top:30px}.brand-filters{gap:7px}.brand-filters button{font-size:13px;padding:10px 13px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-tile{padding:22px 12px;gap:17px;min-height:174px}.client-logo-frame{width:min(140px,100%);height:72px;flex-basis:72px}.client-tile[data-brand="rixos"] .client-logo-frame,.client-tile[data-brand="lc-waikiki"] .client-logo-frame{width:min(140px,100%)}.client-tile[data-brand="intel"] .client-logo-frame{width:min(120px,100%)}.client-tile[data-brand="beko"] .client-logo-frame{width:min(105px,100%)}.about{padding:75px 0}.about-shell{display:block}.about-aside{display:grid;grid-template-columns:1fr auto;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:35px}.about-monogram{font-size:95px;margin:0;grid-column:2;grid-row:1/3}.about-aside>p{font-size:16px;line-height:1.4;margin-top:22px}.about-copy h2{font-size:clamp(41px,8vw,66px);line-height:.95}.about-copy>p{font-size:17px;line-height:1.7;margin-top:27px}.about-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;padding-top:25px}.about-point strong{font-size:15px}.contact{padding:75px 0 65px}.contact h2{font-size:clamp(58px,12vw,91px);line-height:.87;margin-top:30px}.contact-foot{margin-top:30px;padding-top:24px;gap:25px}.contact-foot p{font-size:18px}.brief-trigger{width:100%;min-height:70px;padding:18px 22px;font-size:17px}#preview-note{font-size:13px}.footer-name{font-size:40px}footer{padding-block:30px;gap:17px}footer>span{order:3;flex-basis:100%;font-size:12px}.back-top{margin-left:auto}.film-information{padding:22px}.film-information h2{font-size:35px}.film-stage video{height:min(75svh,650px)}.brief-dialog{padding:23px}.brief-dialog h2{font-size:39px}}
@media(max-width:480px){.clients-intro h2{font-size:clamp(52px,14vw,68px)}.hero-copy{padding-top:110px}.hero-topline{margin-bottom:31px}.hero h1{font-size:23vw}.hero-statement{font-size:25px}.hero-actions{gap:21px}.hero-watch{font-size:14px;gap:18px;padding:14px}.hero-explore{font-size:13px;gap:10px}.hero-feature{grid-template-columns:92px 1fr;margin-top:27px}.hero-feature-image{min-height:132px}.hero-feature-copy{padding:17px}.hero-feature-copy>.mono{font-size:12px;letter-spacing:0}.hero-feature-copy>strong{font-size:28px}.hero-feature-caption{font-size:12px}.hero-controls>span{max-width:150px}.statement h2{font-size:10.1vw}.feature h2{font-size:16.3vw}.feature h2 br{display:block}.project-facts>div{grid-template-columns:85px 1fr}.feature-copy>p{font-size:17px}.feature-meta span{font-size:12px}.work-primary{height:520px}.work-primary .work-label{inset:auto 20px 24px}.work-primary .work-label strong{font-size:37px}.work-primary .reel-top{inset:18px 20px auto}.play-disc{width:66px;height:66px;font-size:16px}.work-card:not(.work-primary){height:181px}.work-card:not(.work-primary) .reel-trigger{grid-template-columns:96px minmax(0,1fr);gap:6px 17px;padding:17px 0}.work-card:not(.work-primary) .work-label strong{font-size:30px}.work-context{font-size:14px}.work-card:not(.work-primary) .work-label small{font-size:12px}.service h3{font-size:24px}.service-body{padding-right:0}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-tile{min-height:178px;padding:22px 10px;gap:20px}.client-caption{font-size:12px}.client-wordmark{font-size:22px;min-height:72px}.client-wordmark.arabic{font-size:23px}.about-copy h2{font-size:10.2vw}.about-points{grid-template-columns:1fr;gap:22px}.about-point{display:grid;grid-template-columns:100px 1fr;gap:16px}.about-point small{margin:0}.about-point strong{font-size:16px}.contact h2{font-size:12vw}.footer-name{font-size:33px}.brief-dialog{width:96vw;padding:20px;max-height:95svh}.brief-dialog h2{font-size:35px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid .wide{grid-column:1}.brief-actions>*{flex:1 1 auto;gap:12px;padding:13px 14px}.film-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;border:0}.film-layout{display:flex;flex-direction:column}.film-information{display:contents}.film-information .dialog-top{position:sticky;top:0;z-index:4;background:var(--bg);order:0;padding:12px 17px}.film-information h2{order:1;font-size:34px;padding:6px 18px 17px}.film-stage{order:2}.film-stage video{height:57svh;max-height:560px}.film-sequence,#film-description{display:none}.film-information .film-note{order:3;margin:0;padding:20px 18px 0;font-size:15px}.film-playlist{order:4;margin:15px 18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 17px;border:0}.film-playlist button{font-size:14px;min-height:50px}.film-actions{order:5;margin:0;padding:0 18px 24px}.film-actions p{display:none}}
@media(max-width:360px){.brandmark{gap:9px}.name-mark{padding-left:9px;font-size:9px}.nav-contact{padding:10px;gap:12px;font-size:12px}.topbar{gap:7px}.hero-topline .eyebrow{font-size:12px}.hero-actions{gap:15px}.hero-watch{font-size:13px;padding:13px 11px;gap:12px}.hero-explore{font-size:12px;gap:8px}.hero-feature{grid-template-columns:76px 1fr}.hero-feature-copy{padding:15px 13px}.hero-feature-copy>.mono{font-size:12px}.hero-feature-copy>strong{font-size:26px}.hero-controls{gap:12px}.hero-controls>span,.motion-toggle{font-size:12px}.hero-controls>span{max-width:125px}.work-card:not(.work-primary) .reel-trigger{grid-template-columns:85px minmax(0,1fr);gap:6px 14px}.work-context{display:none}.footer-name{font-size:28px}.about-monogram{font-size:80px}.about-aside .eyebrow{font-size:12px}.about-point{grid-template-columns:85px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-feature:hover,.reel-trigger:hover img,.client-tile:hover{transform:none}}
@media print{.topbar,.hero-media,.hero:after,.hero-feature,.hero-controls,.hero-actions,.discipline-band,.play-disc,.reel-top,.brand-filters,dialog,.brief-trigger,.back-top{display:none!important}body,.feature,.clients,.contact{background:#fff;color:#111}.hero{min-height:0}.hero-copy{padding:20px 0}.hero h1{font-size:70px}.hero h1 .outline,.contact h2>span{color:#111;-webkit-text-stroke:0}.hero-composition,.services>.wrap{display:block}.statement,.feature,.services,.clients,.about,.contact{padding:35px 0}.work-grid{height:auto;display:grid;grid-template-columns:repeat(4,1fr)}.work-card,.work-primary{height:260px;grid-row:auto}.client-grid{grid-template-columns:repeat(5,1fr)}.client-tile{min-height:110px}.services .section-head{position:static}footer{background:#fff;color:#111}}