.home-page{--violet:#b5a0ef;overflow:clip}.home-hero{background:#fff;flex-direction:column;min-height:calc(100svh - 100px);padding-top:14px;padding-bottom:30px;display:flex;position:relative}.hero-kicker{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;font-size:12px;display:flex}.hero-kicker .arabic{font-size:19px;font-weight:800;line-height:1.7}.hero-composition{flex:1;grid-template-columns:1fr;align-items:end;min-height:420px;display:grid;position:relative}.hero-composition h1{z-index:2;pointer-events:none;grid-area:1/1/auto/-1;position:relative}.hero-headline{letter-spacing:-.07em;width:fit-content;margin-left:-.035em;font-size:clamp(100px,13.4vw,250px);font-weight:900;line-height:.92;display:block;position:relative}.hero-headline>span{padding-bottom:.07em;display:block;overflow:hidden}.hero-headline>span>span{animation:.75s cubic-bezier(.16,1,.3,1) both hero-type-in;display:block}.hero-headline>span:nth-child(2)>span{animation-delay:60ms}.hero-headline>span:nth-child(3)>span{animation-delay:.12s}.hero-period{color:var(--ink);background:var(--yellow);padding-right:.05em;line-height:.65;display:inline-block}.hero-portrait{--pointer-x:0px;--pointer-y:0px;z-index:3;width:min(52vw,790px);margin:0;position:absolute;bottom:0;right:1vw}.hero-tone-contrast{z-index:4;pointer-events:none;color:#fff;position:absolute;inset:0;-webkit-mask-image:url(/media/karim-cutout.webp);mask-image:url(/media/karim-cutout.webp);-webkit-mask-position:calc(100% - 1vw) 100%;mask-position:calc(100% - 1vw) 100%;-webkit-mask-size:min(52vw,790px);mask-size:min(52vw,790px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-tone-contrast>.hero-headline{margin-left:-.035em;position:absolute;bottom:0;left:0}.hero-tone-contrast>.hero-headline>span:first-child,.hero-tone-contrast>.hero-headline>span:last-child{visibility:hidden}.portrait-shift{position:relative}.portrait-person{width:100%;height:auto;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .7s cubic-bezier(.16,1,.3,1);display:block;position:relative}.portrait-contour{pointer-events:none;position:absolute;inset:0;translate:12px -10px}.portrait-contour img{filter:brightness(0)invert()drop-shadow(1px 0 #111)drop-shadow(-1px 0 #111)drop-shadow(0 1px #111)drop-shadow(0 -1px #111);width:100%;height:auto;display:block}.portrait-note{pointer-events:none;flex-direction:column;align-items:flex-end;gap:15px;display:flex;position:absolute;top:8%;right:0}.portrait-note .arabic{background:var(--yellow);padding:6px 12px;font-size:17px;font-weight:800;line-height:1.6}.portrait-note-line{border-top:1px solid var(--ink);border-right:1px solid var(--ink);width:45px;height:30px;margin-right:22px;transform:rotate(-15deg)}.hero-ground{border-top:1px solid var(--ink);z-index:3;background:#fff;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:0;padding-top:25px;font-size:13px;display:flex;position:relative}.hero-coordinate{text-align:right;font-size:11px}.hero-work-link{align-items:center;gap:28px;min-height:48px;font-size:12px;display:flex}.hero-work-link svg{width:37px;height:37px;transition:transform .25s;transform:rotate(90deg)}.hero-work-link:hover svg{transform:rotate(90deg)translate(6px)}@keyframes hero-type-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media (min-width:1600px){.hero-composition{min-height:620px}.hero-portrait{width:min(50vw,860px)}.hero-tone-contrast{-webkit-mask-size:min(50vw,860px);mask-size:min(50vw,860px)}}@media (min-width:701px) and (max-width:1000px){.hero-composition{min-height:400px}.hero-headline{font-size:13.2vw}.hero-portrait{width:54vw;right:-3vw}.hero-tone-contrast{-webkit-mask-position:calc(100% + 3vw) 100%;mask-position:calc(100% + 3vw) 100%;-webkit-mask-size:54vw;mask-size:54vw}.portrait-note{top:-8%}}@media (max-width:700px){.home-hero{min-height:0;padding-top:6px;padding-bottom:24px}.hero-kicker{align-items:flex-start;gap:16px;margin-bottom:25px;font-size:10px}.hero-kicker>p:first-child{max-width:130px;line-height:1.5}.hero-kicker .arabic{text-align:right;max-width:55%;font-size:clamp(12px,3.7vw,19px);line-height:1.65}.hero-composition{grid-template-columns:repeat(12,minmax(0,1fr));min-height:0}.hero-composition h1{grid-column:1/-1}.hero-tone-contrast{display:none}.hero-headline{letter-spacing:-.065em;font-size:clamp(62px,21.3vw,104px);line-height:.98}.hero-portrait{z-index:1;grid-area:auto/2/auto/-1;justify-self:end;width:calc(100% + 14px);margin:-14px 0 0;position:relative;bottom:auto;right:auto}.portrait-contour{translate:6px -5px}.portrait-note{gap:7px;top:5%;right:1%}.portrait-note .arabic{padding:4px 7px;font-size:clamp(11px,3vw,15px)}.portrait-note-line{width:23px;height:19px;margin-right:15px}.hero-ground{grid-template-columns:1fr auto;align-items:center;gap:16px;padding-top:17px;font-size:11px;line-height:1.6;display:grid}.hero-coordinate{display:none}.hero-work-link{gap:12px;min-height:52px;font-size:10px;line-height:1.4}.hero-work-link svg{background:var(--yellow);width:36px;height:36px;padding:6px}}body[data-motion=paused] .portrait-person{transform:none}@media (prefers-reduced-motion:reduce){.portrait-person{transform:none}}.kinetic-stage{background:var(--ink);color:var(--paper);min-height:650px;padding:30px var(--gutter);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.kinetic-label,.kinetic-bottom{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.kinetic-label .eyebrow{color:#c4c0b8}.kinetic-type{z-index:1;margin-inline:-12vw;padding-block:24px;position:relative;transform:rotate(-7deg)}.kinetic-track{white-space:nowrap;letter-spacing:-.07em;gap:.25em;font-size:clamp(80px,11.8vw,215px);font-weight:800;line-height:1;display:flex}.kinetic-track>span{flex-shrink:0}.kinetic-track-two{letter-spacing:0;color:var(--yellow);font-size:clamp(90px,13vw,250px);line-height:1.3}.shutter-wheel{z-index:2;width:25vw;min-width:190px;height:25vw;min-height:190px;color:var(--violet);mix-blend-mode:difference;pointer-events:none;position:absolute;top:29%;right:7%}.kinetic-bottom{letter-spacing:.075em;font-size:10px}.kinetic-bottom .arabic{letter-spacing:0;font-size:22px;font-weight:700}.home-page .selected-section{padding-block:115px 100px}.work-heading{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px;display:grid}.work-heading>.eyebrow{grid-column:1/-1}.work-heading h2{letter-spacing:-.065em;font-size:clamp(67px,8.5vw,160px);font-weight:600;line-height:.95}.work-heading>p{place-self:end;margin-bottom:10px;font-size:14px}.work-all-link{letter-spacing:-.04em;border-bottom:2px solid;align-items:center;gap:7vw;padding-bottom:12px;font-size:clamp(23px,3vw,48px);display:flex}.work-all-link svg{width:35px;height:35px}.home-page .project-card:nth-child(3n+1){grid-column:1/10}.home-page .project-card:nth-child(3n+2){grid-column:1/7;margin-top:0}.home-page .project-card:nth-child(3n){grid-column:8/13;margin-top:130px}.home-page .project-cover{background:#ddd9d0}.home-page .project-card .project-cover{transition:clip-path .9s cubic-bezier(.16,1,.3,1)}.home-page .project-card.reveal-ready .project-cover{clip-path:inset(12% 0 0)}.home-page .project-card.is-revealed .project-cover{clip-path:inset(0)}.home-page .project-card:nth-child(4){grid-column:3/13}.home-page .project-card:nth-child(5){grid-column:1/7}.home-page .project-card.reveal-ready{transform:translateY(65px)}.home-page .project-card.is-revealed{transform:none}.creative-chapters{background:var(--ink);padding:80px 0 0}.chapters-intro{color:var(--paper);justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:75px;display:flex}.chapters-intro h2{max-width:850px;font-size:clamp(35px,4.6vw,85px);line-height:1}.creative-chapter{padding:34px var(--gutter) 55px;border-top:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:70svh;display:flex;position:sticky;top:0}.chapter-yellow{background:var(--yellow)}.chapter-violet{background:var(--violet)}.chapter-paper{background:var(--paper)}.chapter-head{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.chapter-head svg{width:34px;height:34px}.creative-chapter h3{letter-spacing:-.065em;margin:40px -.04em;font-size:clamp(74px,12.5vw,225px);font-weight:800;line-height:.98}.chapter-bottom{justify-content:space-between;align-items:flex-end;gap:50px;display:flex}.chapter-bottom>.arabic{font-size:clamp(50px,6.5vw,120px);font-weight:900;line-height:1.45}.chapter-bottom>p{max-width:360px;font-size:16px}.person-section{background:var(--ink);color:var(--paper);padding-block:75px 120px}.person-caption{justify-content:space-between;align-items:center;display:flex}.person-caption>.arabic{color:var(--yellow);font-size:23px;font-weight:700}.person-section h2{letter-spacing:-.06em;margin-block:85px;font-size:clamp(62px,9vw,170px);font-weight:500;line-height:.98}.person-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:10vw;display:grid}.person-arabic{color:var(--violet);text-align:left;font-size:clamp(46px,6vw,100px);font-weight:900;line-height:1.25}.person-bottom>div{justify-self:end;max-width:390px}.person-bottom>div>p{font-size:18px;line-height:1.5}.person-bottom>div>p+p{color:#c9c6c0;margin-top:22px;font-size:13px}.person-bottom .line-link{margin-top:24px;font-size:14px;display:flex}@media (min-width:1600px){.kinetic-stage{min-height:780px}}@media (max-width:1000px){.kinetic-stage{min-height:530px}.creative-chapter{min-height:650px}.chapter-bottom{gap:30px}.person-bottom{gap:6vw}}@media (max-width:700px){.kinetic-stage{min-height:430px;padding-block:25px}.kinetic-label{align-items:flex-start}.kinetic-label .eyebrow{font-size:9px}.kinetic-label .eyebrow:first-child{max-width:125px}.kinetic-type{margin-inline:-95vw;padding-block:20px}.kinetic-track{gap:.3em;font-size:85px}.kinetic-track-two{font-size:100px;line-height:1.5}.shutter-wheel{width:180px;min-width:0;height:180px;min-height:0;top:30%;right:2%}.kinetic-bottom{letter-spacing:.02em;max-width:100%;font-size:8px}.kinetic-bottom .arabic{font-size:17px}.home-page .selected-section{padding-block:70px}.work-heading{gap:20px;margin-bottom:45px}.work-heading h2{grid-column:1/-1;min-width:0;font-size:16vw}.work-heading h2>span{white-space:nowrap}.work-heading>p{grid-column:2;justify-self:start;font-size:12px}.work-heading>.eyebrow{font-size:10px}.home-page .project-card:nth-child(n){margin:0}.home-page .project-card:nth-child(n) .project-cover{aspect-ratio:1.35}.home-page .project-card:nth-child(2n) .project-cover{aspect-ratio:1}.home-page .work-grid{gap:54px}.home-page .project-caption h3{font-size:29px}.project-category{white-space:normal;text-align:right;max-width:95px}.work-all-link{gap:30px;font-size:24px}.work-all-link svg{width:25px;height:25px}.creative-chapters{padding-top:48px}.chapters-intro{padding-bottom:48px;display:block}.chapters-intro h2{max-width:340px;margin-top:27px;font-size:38px}.creative-chapter{min-height:500px;padding-block:25px 40px;top:0}.chapter-head{font-size:11px}.chapter-head svg{width:26px;height:26px}.creative-chapter h3{letter-spacing:-.06em;margin-block:40px;font-size:16.1vw;line-height:1}.chapter-bottom{display:block}.chapter-bottom>.arabic{text-align:left;margin-bottom:24px;font-size:62px;display:block}.chapter-bottom>p{max-width:270px;margin-left:auto;font-size:14px}.person-section{padding-block:45px 65px}.person-caption .arabic{font-size:17px}.person-section h2{margin-block:48px;font-size:16vw}.person-bottom{display:block}.person-arabic{font-size:49px;line-height:1.3}.person-bottom>div{max-width:280px;margin:35px 0 0 auto}.person-bottom>div>p{font-size:16px}}@media (max-width:370px){.creative-chapter h3{font-size:15.4vw}}@media (prefers-reduced-motion:reduce){.creative-chapter{position:relative}.kinetic-type{transform:none}}body[data-motion=paused] .creative-chapter{position:relative}.kinetic-scroll-label,.directional-line{align-items:center;gap:6px;display:inline-flex}.kinetic-scroll-label svg,.directional-line svg{width:14px;height:14px}