/* The default document is static and readable; only a successfully initialized timeline pins it. */
.story-panel,.story-reel,.scroll-track{display:none}
.islamotion-site .hero,.islamotion-site .hero-sticky{min-height:620px}
.islamotion-site .hero{height:100svh}
.islamotion-site .hero-sticky{height:100svh;position:relative}
.islamotion-site .scene{--scroll-scale:1;--scroll-x:0px;--scroll-y:0vh;transform:translate(-50%,-50%) translate(calc(var(--pointer-x,0px) + var(--scroll-x,0px)),calc(var(--pointer-y,0px) + var(--scroll-y,0px))) scale(var(--scroll-scale,1))}
.islamotion-site .hero.scroll-enabled{height:auto}
.islamotion-site .work-intro,.islamotion-site .film-visual,.islamotion-site .film-copy{transform:none}
.islamotion-site .film-project{--project-line:1}
.scroll-enabled .story-panel{display:block;position:absolute;width:42%;top:50%;transform:translateY(-50%);z-index:4;visibility:hidden}
.scroll-enabled .story-idea{left:53%;padding-right:5vw}
.scroll-enabled .story-impact{left:9%;width:42%}
.story-panel h2{font-size:clamp(45px,5.2vw,84px);line-height:1.04}
.story-panel p{font-size:15px;line-height:1.8;color:var(--muted);max-width:330px;margin-top:28px}
.story-number{display:block;font-size:9px;letter-spacing:.24em;color:var(--gold);margin-bottom:30px}
.scroll-enabled .story-reel{display:block;position:absolute;top:13%;right:12%;height:74%;aspect-ratio:9/16;z-index:3;visibility:hidden;border:1px solid #d6b48688;box-shadow:0 25px 90px #0008}
.story-reel img{width:100%;height:100%;object-fit:cover;display:block}
.story-impact .watch-film{margin-top:25px}
.scroll-enabled .scroll-track{display:flex;align-items:center;gap:22px;position:absolute;bottom:25px;left:9%;right:9%;z-index:5;font-size:8px;letter-spacing:.24em;color:#d6b486}
.scroll-track i{height:1px;flex:1;background:var(--gold);transform-origin:left}
.fallback-content{min-height:80vh;padding-top:160px}.fallback-content h1{font-size:54px;letter-spacing:0;text-indent:0}.fallback-content article{margin-bottom:60px}
.admin-bar .header{top:32px}
@media(min-width:901px) and (max-height:700px){.islamotion-site .hero,.islamotion-site .hero-sticky{min-height:560px}.hero-signature{display:none}.story-panel h2{font-size:55px}.story-panel p{margin-top:18px}.story-number{margin-bottom:20px}}
@media(max-width:900px){.islamotion-site .hero,.islamotion-site .hero-sticky{min-height:700px}.story-panel,.story-reel,.scroll-track{display:none!important}.admin-bar .header{top:46px}.islamotion-site .scene{transform:translate(-50%,-50%)}.film-description{max-width:100%}}
@media(prefers-reduced-motion:reduce){.story-panel,.story-reel,.scroll-track{display:none!important}}
@media print{.hero{height:auto!important;min-height:0!important}.hero-sticky{height:500px!important;min-height:0!important}.story-panel,.story-reel,.scroll-track,.logo-canvas{display:none!important}.logo-poster{opacity:1!important}.scene{transform:translate(-50%,-50%)!important;opacity:1!important}.hero-copy{visibility:visible!important;opacity:1!important;transform:none!important}.pin-spacer{padding:0!important;height:auto!important}}

/* Services and contact supplied by the studio, October 2026. */
.studio #expertises.service-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;font-size:inherit}
.service-item{border-top:1px solid var(--line);padding:30px 0 0}.service-item h3{font-size:27px;font-weight:300;color:#f4ecdf;margin:22px 0 16px}.service-item p{font-size:14px;line-height:1.8;color:#b6a894;margin:0}.service-item .eyebrow{font-size:11px}
.client-section{padding-top:35px;padding-bottom:105px}.client-section h2{font-size:clamp(32px,3.5vw,48px)}.client-names{list-style:none;padding:38px 0 0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}.client-names li{display:flex;align-items:center;min-height:90px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5;color:#d6b486}
.contact-note{margin:32px 0 22px;color:#b6a894;font-size:14px;line-height:1.7}.whatsapp-link{display:inline-block;padding:22px 34px;border:1px solid #d6b486;color:#f4ecdf;font-size:18px}.whatsapp-link small{display:block;font-size:12px;letter-spacing:.12em;color:#d6b486;margin-top:10px}.whatsapp-link:hover{background:#d6b48618}.whatsapp-link:focus-visible,.contact-alternatives a:focus-visible{outline:2px solid #d6b486;outline-offset:5px}.contact-alternatives{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 38px}
@media(max-width:900px){.studio #expertises.service-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}.client-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.client-names li{font-size:14px;min-height:80px}.client-section{padding-top:15px;padding-bottom:70px}.whatsapp-link{font-size:16px;padding:20px 25px}.contact-alternatives{flex-direction:column;gap:0}.contact-alternatives .contact-mail{max-width:100%;overflow-wrap:anywhere}}

.project-link{gap:16px;max-width:calc(100% - 36px)}.project-link .whatsapp-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor;stroke:none}.project-link>svg:last-child{flex-shrink:0}

/* Curated client identities: manually browsable, no forced motion. */
.client-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.client-controls{display:flex;gap:10px}.client-controls[hidden]{display:none}.client-controls button{width:46px;height:46px;background:transparent;border:1px solid #d6b48666;color:#d6b486;font-size:24px;cursor:pointer;transition:background .2s}.client-controls button:hover{background:#d6b48618}.client-controls button:disabled{opacity:.25;cursor:default}.client-controls button:focus-visible,.client-track:focus-visible{outline:2px solid #d6b486;outline-offset:4px}
.client-track{display:flex;list-style:none;gap:24px;margin:42px 0 0;padding:0 0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d6b48666 transparent;overscroll-behavior-x:contain}.client-item{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start;padding:0 4px 22px;border-bottom:1px solid var(--line);text-align:center}.client-logo{height:188px;display:flex;align-items:center;justify-content:center;padding:10px 10px 20px}.client-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.client-item>span{font-size:10px;letter-spacing:.1em;line-height:1.6;color:#b6a894;display:block}.client-help{font-size:11px;line-height:1.8;color:#b6a894;margin-top:18px;display:flex;justify-content:space-between;gap:20px}.client-count{letter-spacing:.16em;font-size:9px;white-space:nowrap}
@media(max-width:900px){.client-heading{display:block}.client-controls{margin-top:24px}.client-track{gap:20px;margin-top:22px}.client-item{flex-basis:calc((100% - 20px)/2)}.client-logo{height:142px;padding:8px 2px 14px}.client-item>span{font-size:9px;letter-spacing:.04em}.client-help{font-size:10px}.client-count{font-size:8px}}
@media(prefers-reduced-motion:reduce){.client-controls button{transition:none}}

/* Client film selection, in the established charcoal and champagne palette. */
.portfolio-selection{padding-top:110px}.selection-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:54px}.selection-heading h2{font-size:clamp(40px,4.5vw,64px)}.selection-heading>p{font-size:13px;color:#bfb4a4;line-height:1.9;margin:0 0 6px}.selected-work-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.portrait-project{width:100%;max-width:none}.horizontal-projects{display:grid;gap:52px}.project-kicker{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bf9e6055;padding:20px 0;font-size:8px;letter-spacing:.19em;color:#c5aa80;line-height:1.5}.project-cover{display:block;position:relative;overflow:hidden;isolation:isolate;background:#17130e;border:1px solid #c5a36545}.portrait-cover{aspect-ratio:9/16}.horizontal-cover{aspect-ratio:16/9}.project-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s,filter .6s;filter:brightness(.87) saturate(.8)}.project-cover:hover img{transform:scale(1.035);filter:brightness(1) saturate(1)}.cover-shade{position:absolute;inset:0;background:linear-gradient(transparent 55%,#070603cc)}.cover-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding-left:3px;border:1px solid #e8cd99c0;border-radius:50%;color:#f5dfb7;background:#17120ab3;backdrop-filter:blur(8px);font-size:17px;transition:background .2s}.project-cover:hover .cover-play{background:#8a663bba}.cover-caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.15em;color:#f4e7d3}.cover-caption>span{font-size:7px;color:#d5c7b0}.project-copy{padding-top:23px}.project-copy h3{font-family:StudioLight,'Segoe UI',sans-serif;font-size:30px;font-weight:300;color:#f4ecdf;margin:0 0 12px;line-height:1.25}.project-copy p{font-size:13px;line-height:1.8;color:#b8ad9f;max-width:440px;margin:0}.project-credit{display:block;margin-top:21px;font-size:8px;letter-spacing:.17em;color:#c5aa80}.project-cover:focus-visible{outline:2px solid #e8cd99;outline-offset:5px}.studio-since{display:inline-block;color:#d6b486;font-size:10px;letter-spacing:.23em;text-transform:uppercase;border-top:1px solid #c1a17266;padding-top:14px;margin-bottom:20px}
#project-video[hidden],#youtube-stage[hidden]{display:none!important}#youtube-stage{aspect-ratio:16/9;background:#000;width:100%;max-height:calc(100dvh - 180px)}#youtube-stage iframe{display:block;width:100%;height:100%;border:0;aspect-ratio:16/9}.is-horizontal .player-shell{width:100%}#film-dialog.is-horizontal{width:min(1060px,calc(100vw - 36px))}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:900px){.portfolio-selection{padding-top:75px}.selection-heading{display:block;margin-bottom:32px}.selection-heading>p{margin-top:22px;font-size:12px}.selected-work-grid{grid-template-columns:1fr;gap:48px}.portrait-project{width:100%;max-width:none;margin:0}.horizontal-projects{gap:38px}.project-copy h3{font-size:27px}.project-copy p{font-size:12px}.project-kicker{font-size:7px}.cover-caption{font-size:7px;left:17px;right:17px;bottom:18px}.cover-caption>span{font-size:6px}.horizontal-cover .cover-play{width:52px;height:52px;font-size:14px}#film-dialog.is-horizontal{width:calc(100vw - 18px)}.studio-since{font-size:9px}}
html.reduced-motion .project-cover img{transition:none;transform:none}html.reduced-motion .client-project{transform:none!important}
@media(prefers-reduced-motion:reduce){.project-cover img{transition:none!important;transform:none!important}.client-project{transform:none!important}}