/* R15 / Masrawy Ramadan — an early commercial, part of the original forest-green + gold system */
.m15-page{background:var(--paper);color:var(--ink)}
.m15-page .header{border-bottom-color:#ffffff38}
.m15-hero{position:relative;isolation:isolate;min-height:min(820px,100svh);background:var(--deep);color:var(--paper);overflow:hidden}
.m15-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 24% 43%,#22574477,transparent 55%),linear-gradient(124deg,#08271f,#061d19 65%);pointer-events:none}
.m15-hero-layout{display:grid;grid-template-columns:46% 54%;gap:0;align-items:stretch;padding-top:147px;min-height:780px;position:relative;z-index:2}
.m15-hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:5px 5% 65px 0;min-width:0}
.m15-upper{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:750;font-size:9px;letter-spacing:.18em;color:#bbcec0}
.m15-crumb{color:var(--acid);white-space:nowrap}.m15-crumb:hover{text-decoration:underline}
.m15-eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--acid);display:flex;align-items:center;gap:12px}
.m15-eyebrow i{display:inline-block;width:34px;height:1px;background:var(--acid)}
.m15-headline h1{font-size:clamp(70px,7.9vw,145px);line-height:.88;letter-spacing:-.083em;font-weight:850;margin:23px 0 0}
.m15-headline h1>span{display:block;font-size:.76em;white-space:nowrap;letter-spacing:-.086em;margin-top:7px}
.m15-headline h1 em{font-family:var(--serif);font-weight:400;color:var(--acid);margin-left:.01em}
.m15-headline p{font-family:var(--serif);font-size:clamp(22px,2.6vw,40px);line-height:1.18;margin:32px 0 0;letter-spacing:-.04em}.m15-headline p em{color:var(--acid);font-weight:400}
.m15-hero-ctas{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.m15-cta-primary{background:var(--acid);color:var(--deep);padding:19px 20px;display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:850;transition:background .2s}.m15-cta-primary:hover{background:#ffe48b}.m15-cta-primary>span{font-size:18px;line-height:0}.m15-runtime{font-size:9px;letter-spacing:.13em;color:#9cb4a6}
.m15-cover{margin:0 0 30px 0;position:relative;background:#132c2b;min-height:595px;overflow:hidden}.m15-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#02140f48,transparent 30%,#02140f77 80%,#02140fd9)}
.m15-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform 1.15s ease}.m15-cover:hover>img{transform:scale(1.04)}
.m15-cover-corner,.m15-cover-edge{z-index:2;position:absolute;font-size:9px;letter-spacing:.18em;color:#fff;font-weight:800}.m15-cover-corner{top:25px;left:23px}.m15-cover-edge{top:25px;right:23px;writing-mode:vertical-rl}
.m15-cover-stamp{position:absolute;z-index:2;bottom:29px;left:29px;right:29px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #ffffff7a;padding-top:20px}.m15-cover-stamp span{font-size:9px;letter-spacing:.18em;font-weight:750;max-width:95px;line-height:1.8}.m15-cover-stamp strong{font-size:clamp(43px,4.4vw,78px);line-height:.89;letter-spacing:-.07em;color:var(--acid);text-align:right}
.m15-hero-baseline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;color:#a3b9a9;font-size:9px;letter-spacing:.18em;font-weight:650}
.m15-marquee{height:59px;background:var(--acid);color:var(--deep);overflow:hidden;display:flex;align-items:center;white-space:nowrap}.m15-marquee>span{font-family:var(--serif);font-style:italic;font-size:clamp(22px,3vw,40px);letter-spacing:-.03em}.m15-marquee b{padding:0 35px;font-size:.7em;font-family:var(--sans);font-style:normal}
.m15-intro{background:var(--paper);padding:125px 0 144px}.m15-intro-grid{display:grid;grid-template-columns:27% 1fr;gap:65px}.m15-section-label{display:flex;align-items:start;gap:18px;line-height:1.8;font-size:10px;letter-spacing:.16em;font-weight:800}.m15-line{height:1px;background:#94a69a;width:55px;margin-top:9px}.m15-intro-tag{color:#647665;letter-spacing:.17em;font-size:10px;font-weight:750}
.m15-intro h2{font-size:clamp(56px,7vw,112px);letter-spacing:-.075em;line-height:.91;margin:20px 0 32px;font-weight:830}.m15-intro h2 em,.m15-frames h2 em,.m15-film h2 em,.m15-last h2 em{font-family:var(--serif);font-weight:400;font-style:italic}
.m15-intro p{font-family:var(--serif);font-size:clamp(22px,2.4vw,34px);max-width:700px;line-height:1.38;margin:0;color:#355143}.m15-meta{display:flex;flex-wrap:wrap;gap:18px 45px;margin-top:59px;padding-top:20px;border-top:1px solid #bdc7ba;font-size:9px;font-weight:800;letter-spacing:.16em;color:#5e7165}
.m15-frames{background:#dce1d7;padding:112px 0 135px}.m15-frames-heading{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-bottom:51px}.m15-frames-heading>span{font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.5}.m15-frames h2{font-size:clamp(60px,7.3vw,108px);font-weight:830;letter-spacing:-.08em;line-height:.9;text-align:right;margin:0}
.m15-frames-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.m15-frame{margin:0;position:relative;overflow:hidden;background:var(--forest);min-height:350px}.m15-frame:first-child{grid-column:1/3;aspect-ratio:2.15;min-height:0}.m15-frame:not(:first-child){aspect-ratio:1.42}.m15-frame img{height:100%;width:100%;object-fit:cover;transition:transform .85s ease;filter:contrast(1.04) saturate(.9)}.m15-frame:hover img{transform:scale(1.05)}.m15-frame:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#051a16db);pointer-events:none}.m15-frame figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:15px;color:white}.m15-frame figcaption span{font-size:10px;font-weight:800;letter-spacing:.17em}.m15-frame figcaption strong{font-family:var(--serif);font-size:clamp(18px,2.4vw,37px);font-weight:400;font-style:italic;text-align:right}
.m15-film{background:#061c17;color:var(--paper);padding:125px 0 130px}.m15-film-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.m15-film-heading>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#aabfb1}.m15-film h2{font-size:clamp(54px,7.8vw,117px);letter-spacing:-.085em;line-height:.95;font-weight:840;margin:0}.m15-film h2 em{color:var(--acid)}
.m15-player-shell{position:relative;aspect-ratio:16/9;background:#112a24;overflow:hidden;border:1px solid #6d8b7770}.m15-player{width:100%;height:100%;object-fit:contain;display:block}.m15-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#061a1655;border:0;color:#fff;z-index:2;font-weight:800;letter-spacing:.17em;font-size:12px;line-height:2;text-align:center}.m15-play[hidden]{display:none}.m15-play:hover .m15-play-circle{background:var(--acid);color:var(--deep);transform:scale(1.04)}.m15-play-circle{display:grid;place-items:center;width:100px;height:100px;border:1.5px solid #fff;border-radius:50%;background:#031b1377;transition:background .25s,transform .25s;font-size:27px;padding-left:6px}.m15-play small{font-size:9px;color:#c4d7c7;letter-spacing:.2em}
.m15-film-under{display:flex;justify-content:space-between;gap:15px;color:#91aa98;font-size:9px;letter-spacing:.14em;font-weight:700;margin-top:17px}.m15-chapters{display:grid;grid-template-columns:repeat(3,1fr);margin-top:74px;border-top:1px solid #d6e6d143}.m15-chapters button{background:transparent;border:0;border-right:1px solid #d6e6d143;color:var(--paper);padding:24px 15px 17px;text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center;transition:background .2s}.m15-chapters button:last-child{border-right:0}.m15-chapters button:hover,.m15-chapters button:focus-visible{background:#205040}.m15-chapters button span{font-size:9px;letter-spacing:.12em;color:var(--acid)}.m15-chapters button strong{font-size:12px;letter-spacing:.12em;font-weight:750}
.m15-last{background:var(--paper);padding:120px 0 95px}.m15-last-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:75px;align-items:end}.m15-last-inner>div>span,.m15-next>span{font-size:10px;letter-spacing:.18em;font-weight:800}.m15-last h2{font-size:clamp(70px,8vw,130px);font-weight:830;line-height:.88;letter-spacing:-.08em;margin:24px 0 0}.m15-last h2 em{color:#487259}.m15-last-copy p{font-family:var(--serif);font-size:clamp(23px,2.3vw,34px);line-height:1.35;margin:0 0 28px}.m15-last-copy a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:11px;border-bottom:1px solid var(--ink);letter-spacing:.13em;font-size:10px;font-weight:850}.m15-last-copy a span{font-size:18px}
.m15-next{border-top:1px solid #9eafa3;margin-top:125px;padding-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:end}.m15-next>a{font-size:clamp(29px,4.1vw,58px);font-weight:830;letter-spacing:-.055em;transition:color .2s}.m15-next>a:hover{color:#4a7555}.m15-next>a span{font-size:.55em;color:#67816e;vertical-align:top}
.m15-footer{padding:22px 0;background:#061d19;color:#d7e6d9}.m15-footer>.container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:9px;letter-spacing:.13em;font-weight:700}
/* Homepage commercial tile: cinematic film preview, but not another homepage hero. */
.m15-home-image{position:relative;isolation:isolate}.m15-home-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .45s;pointer-events:none}.project-masrawy .project-img:after{z-index:1}.m15-home-image .work-no,.m15-home-image .project-action{z-index:3}.m15-home-stamp{position:absolute;z-index:3;bottom:22px;left:22px;background:#f3c426;color:#092f26;letter-spacing:.13em;font-size:9px;font-weight:850;padding:8px 10px}.project-masrawy .project-action{bottom:18px}.project-masrawy .project-meta h3 em{font-family:var(--serif);font-weight:400}.m15-home-image.m15-is-playing .m15-home-loop{opacity:1}
@media(max-width:1050px){.m15-headline h1{font-size:clamp(65px,8vw,115px)}.m15-hero-layout{grid-template-columns:50% 50%}.m15-hero-ctas{gap:14px}.m15-cta-primary{gap:18px}}
@media(max-width:720px){.m15-hero{min-height:0}.m15-hero-layout{display:flex;flex-direction:column;padding-top:112px;min-height:0}.m15-hero-copy{padding:0 0 26px;gap:44px}.m15-upper{font-size:8px}.m15-headline h1{font-size:clamp(67px,13.9vw,95px)}.m15-headline p{font-size:29px;margin-top:19px}.m15-cover{min-height:0;aspect-ratio:1.05;margin-bottom:17px}.m15-cover-stamp{bottom:19px;left:17px;right:17px}.m15-cover-stamp strong{font-size:clamp(39px,9vw,65px)}.m15-cover-stamp span{font-size:8px}.m15-hero-baseline{font-size:7px;line-height:1.5}.m15-hero-baseline span:last-child{display:none}.m15-marquee{height:48px}.m15-intro{padding:74px 0 88px}.m15-intro-grid{display:block}.m15-section-label{margin-bottom:30px}.m15-intro h2{font-size:clamp(45px,10vw,69px)}.m15-intro p{font-size:23px}.m15-meta{gap:13px 25px;margin-top:39px}.m15-frames{padding:78px 0 88px}.m15-frames-heading{display:block}.m15-frames-heading>span{font-size:9px}.m15-frames h2{font-size:clamp(55px,12vw,83px);text-align:left;margin-top:27px}.m15-frames-grid{display:block}.m15-frame,.m15-frame:first-child,.m15-frame:not(:first-child){min-height:0;aspect-ratio:1.22;margin-bottom:10px}.m15-frame:first-child{aspect-ratio:1.55}.m15-frame figcaption{left:16px;right:16px;bottom:16px;align-items:start;flex-direction:column;gap:8px}.m15-frame figcaption strong{font-size:26px}.m15-film{padding:78px 0 86px}.m15-film-heading{display:block}.m15-film-heading>span{display:block;margin:0 0 18px}.m15-film h2{font-size:clamp(54px,11.8vw,85px);margin:12px 0}.m15-player-shell{margin:0 -10px;aspect-ratio:16/10}.m15-play-circle{width:70px;height:70px;font-size:22px}.m15-play{gap:7px;font-size:9px}.m15-film-under{font-size:8px;line-height:1.6;flex-direction:column;gap:4px}.m15-chapters{margin-top:40px;grid-template-columns:1fr}.m15-chapters button{border-right:0;border-bottom:1px solid #d6e6d143;min-height:70px}.m15-last{padding:82px 0 70px}.m15-last-inner{display:block}.m15-last h2{font-size:clamp(54px,12vw,91px)}.m15-last-copy{margin-top:38px}.m15-last-copy p{font-size:24px}.m15-next{margin-top:85px;display:block}.m15-next>a{display:block;margin-top:15px;font-size:35px}.m15-footer>.container{display:block;line-height:2}.m15-footer>.container span{display:block}.m15-cover-edge{right:13px;top:17px}.m15-home-stamp{font-size:8px;bottom:15px;left:15px}}
@media(max-width:365px){.m15-headline h1{font-size:61px}.m15-hero-ctas{gap:13px}.m15-cta-primary{padding:16px 13px}}
@media(prefers-reduced-motion:reduce){.m15-cover>img,.m15-frame img,.m15-home-loop{transition:none}.m15-marquee{overflow:hidden}}

/* Revision 16 / editorial, film-first experience. Viewer goes before any case-study copy. */
.m15-hero{min-height:0}
.m15-hero-layout{min-height:555px;padding-top:125px}
.m15-hero-copy{padding-bottom:45px}
.m15-cover{min-height:400px;margin-bottom:15px}
.m15-hero-baseline{padding-bottom:15px}
.m15-hero .m15-cover-stamp strong{font-size:clamp(35px,3.5vw,62px)}
.m15-film{padding:65px 0 75px;scroll-margin-top:5px}
.m15-film-heading{margin-bottom:23px}
.m15-film h2{font-size:clamp(46px,6vw,83px)}
.m15-chapters{margin-top:30px}
.m15-intro{padding:85px 0 88px}
.m15-frames{padding:85px 0 95px}
.m15-last{padding:85px 0 80px}
@media(max-width:720px){.m15-hero-layout{min-height:0;padding-top:102px}.m15-hero-copy{gap:21px;padding-bottom:24px}.m15-headline h1{font-size:clamp(55px,12.2vw,83px);margin-top:14px}.m15-headline p{font-size:24px;margin-top:16px}.m15-cover{display:none}.m15-hero-baseline{padding-bottom:24px}.m15-hero-ctas{gap:12px}.m15-film{padding:36px 0 63px}.m15-film-heading{margin-bottom:18px}.m15-film h2{font-size:clamp(45px,11vw,70px)}.m15-film-heading>span:last-child{display:none}.m15-chapters{margin-top:17px}.m15-intro{padding:66px 0 70px}.m15-frames{padding:64px 0 75px}}