/* October review: founder, original client colors, pointer response. */
.brand-mark{mask:none;-webkit-mask:none;background:none;width:48px;height:48px;object-fit:contain}
.project-link,.whatsapp-link{background:#25d366;border-color:#25d366;color:#062e16;font-weight:600;transition:background .2s,box-shadow .2s}
.project-link svg,.whatsapp-link small{color:#062e16}
.project-link>svg:last-child{stroke:currentColor}
.offer-visual .offer-number{top:auto;left:auto;right:12px;bottom:12px}
.project-link:hover,.whatsapp-link:hover{background:#34e477;border-color:#34e477;box-shadow:0 8px 32px #25d3661a;color:#062e16}
.project-link:focus-visible,.whatsapp-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.hero-subtitle{letter-spacing:.5em}
.orbits{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;pointer-events:none}
.scene.is-hovered .orbits{opacity:1;visibility:visible}
.islamotion-site .hero{height:auto!important}
.story-panel{display:block;padding:75px max(26px,9vw);max-width:1050px;margin:auto}
.story-panel h2{font-size:clamp(42px,4.8vw,68px);line-height:1.1}
.story-panel .founder-copy{margin-top:28px}
.story-panel p{max-width:none;margin:0 0 18px;font-size:16px;line-height:1.8}
.founder-copy p:first-child{color:#eee3d2}
.story-number{margin-bottom:24px}
.scroll-enabled .story-panel{padding:0 6vw 0 0;width:47%;left:53%;margin:0;top:50%;max-width:none}
.scroll-enabled .story-panel .founder-copy{margin-top:24px}
.scroll-enabled .story-panel p{font-size:clamp(13px,1.1vw,16px);line-height:1.72;margin:0 0 15px}
.scroll-enabled .story-panel h2{font-size:clamp(42px,4.8vw,68px)}
.client-section{padding-top:55px;padding-bottom:85px;overflow:clip}
.client-stage{width:100%}
.client-heading{display:block}
.client-window{overflow:clip;margin-top:42px}
.client-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin:0;padding:0;overflow:visible;scroll-snap-type:none;scrollbar-width:none}
.client-track::-webkit-scrollbar{display:none}
.client-item{padding:0;border:0;scroll-snap-align:none}
.client-logo{height:170px;padding:14px;margin-bottom:18px;border:0}
.client-logo{background:transparent;border-radius:0}
.client-item>span{padding:0 6px}
.client-help{margin-top:28px}.client-instruction{visibility:hidden}
.is-scrubbed .client-instruction{visibility:visible}
.is-scrubbed .client-track{display:flex;gap:24px;will-change:transform}
.is-scrubbed .client-item{flex:0 0 calc((100% - 72px)/4)}
@media(max-width:900px){
 .story-panel{display:block!important;padding:65px 26px 30px}
 .story-panel p{font-size:15px;line-height:1.85}
 .story-panel h2{font-size:46px}
 .client-section{padding-top:24px;padding-bottom:55px}
 .client-window{margin-top:30px}
 .client-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}
 .client-logo{height:136px;padding:10px;margin-bottom:16px}
 .is-scrubbed .client-track{gap:20px}
 .is-scrubbed .client-item{flex-basis:calc((100% - 20px)/2)}
 .client-help{font-size:10px;line-height:1.7;align-items:start}
 .brand-mark{width:42px;height:42px}
}
@media(min-width:901px) and (max-height:760px){.scroll-enabled .story-panel{padding-right:4vw}.scroll-enabled .story-panel h2{font-size:43px}.scroll-enabled .story-panel p{font-size:13px;line-height:1.6;margin-bottom:12px}.scroll-enabled .story-panel .founder-copy{margin-top:18px}.story-number{margin-bottom:20px}}
html.reduced-motion .story-panel{display:block!important}
@media(prefers-reduced-motion:reduce){.story-panel{display:block!important}.orbits{transition:none}}
@media print{.story-panel{display:block!important}.client-track{display:grid!important;transform:none!important}.client-instruction{display:none}}

/* Second review: uninterrupted page scroll and precise accents. */
@font-face{font-family:Amiri;src:url('./assets/Amiri-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
.story-panel h2.founder-salam,.scroll-enabled .story-panel h2.founder-salam{font-family:Amiri,'Traditional Arabic',serif;font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1.65;letter-spacing:0;color:#e7c895;text-align:left}
.scroll-enabled .story-panel{width:49%;left:51%;padding-right:5vw}
.scroll-enabled .story-panel p{font-size:clamp(13px,1vw,15px);line-height:1.65;margin-bottom:12px}
.scroll-enabled .story-panel .founder-copy{margin-top:14px}
.service-offers .offer-contact,.service-offers .offer-contact>span:last-child{color:#25d366}
.service-offers .offer-contact svg{fill:#25d366}
.service-offers .offer-contact:hover{color:#66e897}
.offers-values .values-contract{width:54px;height:54px;flex:0 0 54px;color:#d6b486}
.work.section{padding-top:60px}
.client-section{padding-top:85px;padding-bottom:85px}
.client-logo img[alt="Domus Partners"]{filter:brightness(1.75) saturate(1.05)}
.client-logo img:is([alt="WP4M"],[alt="Beef Factory"],[alt="Matériel Montessori"]){filter:url(#client-neutral-ink)}
.client-logo img[alt="Amana Sacrifice"]{filter:brightness(1.3)}
.service-offer{transition:border-color .3s,box-shadow .3s,translate .3s}
.offer-contact>span:last-child{transition:translate .25s}
@media(hover:hover) and (pointer:fine){html:not(.reduced-motion) .service-offer:hover{translate:0 -4px;border-color:#d6b48680;box-shadow:0 16px 34px #0005}html:not(.reduced-motion) .offer-contact:hover>span:last-child{translate:3px -3px}}
html.reduced-motion .service-offer,html.reduced-motion .offer-contact>span:last-child{transition:none;translate:none}
@media(prefers-reduced-motion:reduce){.service-offer,.offer-contact>span:last-child{transition:none!important;translate:none!important}}
@media(max-width:900px){.story-panel h2.founder-salam{font-size:34px;line-height:1.65;text-align:center}.story-panel{padding-top:65px}.client-section{padding:65px 26px}.work.section{padding-top:35px}.offers-values .values-contract{width:42px;height:42px;flex-basis:42px}}
@media(min-width:901px) and (max-height:760px){.scroll-enabled .story-panel h2.founder-salam{font-size:34px;line-height:1.45}.scroll-enabled .story-panel p{font-size:12px;line-height:1.5;margin-bottom:10px}.scroll-enabled .story-panel .story-number{margin-bottom:12px}}

/* Revision 4: two clear offers, a unified portfolio, defined gold relief. */
.landscape{inset:-1%;transform:translate3d(var(--bg-x,0px),var(--bg-y,0px),0) scale(1.01)}
.scene .orbits{inset:-24%;z-index:2}
.orbit-words{font-size:10px;letter-spacing:3.5px;paint-order:stroke;stroke:#100d08;stroke-width:2.5px;stroke-linejoin:round}
.logo-stage{filter:drop-shadow(11px 20px 12px #000b)}
.logo-stage:before{content:"";position:absolute;left:23%;width:59%;height:10%;bottom:1%;background:radial-gradient(ellipse,#000b,transparent 68%);filter:blur(9px);transform:rotate(-3deg);pointer-events:none}
.portfolio-selection{padding-top:20px}
.selected-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 38px;align-items:start}
.selected-work-grid .project-cover{aspect-ratio:16/10;max-height:none;min-height:0;height:auto;background:radial-gradient(ellipse at 45% 40%,#30271b,#0d0b08 76%)}
.selected-work-grid .portrait-cover img{object-fit:contain}
.selected-work-grid .horizontal-cover img{object-fit:cover}
.selected-work-grid .project-copy{padding-top:23px}
.selected-work-grid .project-copy h3{font-size:clamp(27px,2.4vw,36px)}
.selected-work-grid .project-copy p{max-width:510px;font-size:14px;line-height:1.8}
@media(max-width:900px){.scene .orbits{inset:-12%}.selected-work-grid{grid-template-columns:1fr;gap:48px}.selected-work-grid .portrait-cover{aspect-ratio:4/5}.landscape{inset:-1% -12%}.offer-details{margin-bottom:26px}.logo-stage{filter:drop-shadow(7px 14px 9px #000a)}}