@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/481eac7be1c268b7-s.0kh2es0tesdch.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/31a9145ccb84606d-s.10_fo~wllb4ek.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Fallback;src:local(Arial);ascent-override:93.46%;descent-override:24.67%;line-gap-override:0.0%;size-adjust:104.49%}.schibsted_grotesk_83fb2083-module__bD0Rcq__className{font-family:Schibsted Grotesk,Schibsted Grotesk Fallback;font-style:normal}.schibsted_grotesk_83fb2083-module__bD0Rcq__variable{--font-schibsted-grotesk:"Schibsted Grotesk", "Schibsted Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_e378a29c-module__OZgB-a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_e378a29c-module__OZgB-a__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--as-font-display:"Schibsted Grotesk", "Helvetica Neue", Helvetica, system-ui, -apple-system, sans-serif;--as-font-text:"Schibsted Grotesk", "Helvetica Neue", Helvetica, system-ui, -apple-system, sans-serif;--as-font-mono:"JetBrains Mono", "SFMono-Regular", "Menlo", "Monaco", ui-monospace, monospace;--as-spike:168px;--as-display-xl:112px;--as-display-l:80px;--as-display-m:60px;--as-h1:48px;--as-h2:36px;--as-h3:26px;--as-lede:22px;--as-body:16px;--as-body-s:14px;--as-caption:12px;--as-eyebrow:11px}@media (max-width:768px){:root{--as-spike:80px;--as-display-xl:60px;--as-display-l:48px;--as-display-m:36px;--as-h1:32px}}.as-eyebrow{font-family:var(--as-font-mono);font-size:var(--as-eyebrow);letter-spacing:.14em;text-transform:uppercase}.as-mono{font-family:var(--as-font-mono);letter-spacing:.14em}.as-spike{font-family:var(--as-font-display);font-size:var(--as-spike);letter-spacing:0;font-weight:500;line-height:.92}
:root{--as-paper:#f4f0e8;--as-ink:#1a1a1a;--as-rouge:#c0392b;--as-pebble:#d8d0bd;--as-mist:#e8e3d6;--as-bone:#efe9da;--as-chalk:#fff;--as-rouge-dark:#8e2a20;--as-rouge-light:#e66b5a;--as-olive:#6b6a4f;--as-sky:#5a7a8e;--as-success:#3d6e3d;--as-warning:#c08a2b;--as-error:#c0392b;--background:40 35% 93%;--foreground:0 0% 10%;--card:40 35% 93%;--card-foreground:0 0% 10%;--popover:40 35% 93%;--popover-foreground:0 0% 10%;--primary:0 0% 10%;--primary-foreground:40 35% 93%;--secondary:43 40% 90%;--secondary-foreground:0 0% 10%;--muted:43 40% 90%;--muted-foreground:0 0% 35%;--accent:6 63% 46%;--accent-foreground:40 35% 93%;--destructive:6 63% 46%;--destructive-foreground:40 35% 93%;--border:42 26% 79%;--input:42 26% 79%;--ring:6 63% 46%;--radius:.5rem}
*{box-sizing:border-box}html{background:var(--as-paper);color:var(--as-ink);scroll-behavior:smooth;scroll-padding-top:112px}body{background:linear-gradient(90deg, #1a1a1a09 1px, transparent 1px), var(--as-paper);color:var(--as-ink);font-family:var(--as-font-text);text-rendering:geometricprecision;-webkit-tap-highlight-color:color-mix(in srgb, var(--as-rouge) 22%, transparent);background-size:calc(8.33333vw - 8px) 100%;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit;touch-action:manipulation;text-decoration:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}.site-shell{min-height:100vh;overflow:clip}.skip-link{z-index:40;background:var(--as-ink);color:var(--as-paper);font-family:var(--as-font-mono);opacity:0;padding:10px 12px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-16px)}.skip-link:focus-visible{opacity:1;outline:2px solid var(--as-rouge);outline-offset:3px;transform:translateY(0)}.site-nav{z-index:20;padding:24px max(32px, env(safe-area-inset-right)) 24px max(32px, env(safe-area-inset-left));background:color-mix(in srgb, var(--as-paper) 86%, transparent);border-bottom:1px solid color-mix(in srgb, var(--as-ink) 12%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:32px;display:flex;position:sticky;top:0}.wordmark-link{width:172px}.wordmark-link img{width:100%;height:auto}.site-nav nav,.site-footer nav{font-family:var(--as-font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.site-nav a,.site-footer a,.about-tail a{text-underline-offset:5px;text-decoration-thickness:1px}.site-nav a:hover,.site-footer a:hover,.about-tail a:hover{text-decoration-line:underline}.site-nav a:focus-visible,.site-footer a:focus-visible,.about-tail a:focus-visible,.work-index a:focus-visible{outline:2px solid var(--as-rouge);outline-offset:6px}.scroll-meter{background:var(--as-rouge);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.opening{grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(40px,7vw,112px);min-height:clamp(680px,82svh,920px);padding:clamp(48px,8vw,112px) 48px clamp(64px,8vw,112px);display:grid}.opening-copy{gap:30px;max-width:780px;display:grid}.opening h1{max-width:780px;font-family:var(--as-font-display);letter-spacing:0;text-wrap:balance;font-size:clamp(78px,9vw,136px);font-weight:600;line-height:.84}.opening-intro{max-width:520px;font-size:22px;line-height:1.35}.opening-marks{border-top:1px solid color-mix(in srgb, var(--as-ink) 16%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;max-width:520px;margin:10px 0 0;padding:18px 0 0;display:grid}.opening-marks div{gap:5px;display:grid}.opening-marks dt,.opening-marks dd{margin:0}.opening-marks dt,.work-index p{font-family:var(--as-font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--as-ink) 58%, transparent);font-size:10px}.opening-marks dd{font-size:14px}.work-index{right:max(28px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));z-index:18;background:color-mix(in srgb, var(--as-paper) 82%, transparent);border:1px solid color-mix(in srgb, var(--as-ink) 14%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:12px;width:min(250px,100vw - 56px);padding:14px;display:grid;position:fixed}.work-index nav{gap:2px;display:grid}.work-index-link{min-height:30px;font-family:var(--as-font-mono);letter-spacing:.04em;grid-template-columns:24px minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 0;font-size:11px;line-height:1.25;display:grid;position:relative}.work-index-link>span:first-child,.work-index-link:hover{color:var(--as-rouge)}.work-index-thumb{--thumb-focus:50% 50%;aspect-ratio:4/3;pointer-events:none;background:var(--as-mist);border:1px solid color-mix(in srgb, var(--as-ink) 16%, transparent);opacity:0;transform-origin:100%;width:154px;transition:opacity .22s ease, transform .52s var(--as-ease-signature,cubic-bezier(.32, .72, 0, 1));position:absolute;bottom:50%;right:calc(100% + 18px);overflow:hidden;transform:translate(10px,50%)scale(.94);box-shadow:0 18px 45px #1a1a1a29}.work-index-thumb img{object-fit:cover;object-position:var(--thumb-focus);width:100%;height:100%}.work-index-link:hover .work-index-thumb,.work-index-link:focus-visible .work-index-thumb{opacity:1;transform:translateY(50%)scale(1)}.work-index-link-text{border-top:1px solid color-mix(in srgb, var(--as-ink) 12%, transparent);margin-top:5px;padding-top:12px}.mobile-work-index{display:none}.exhibition-sequence{grid-template-columns:repeat(12,minmax(0,1fr));gap:112px 24px;padding:32px 48px 160px;display:grid}.plate{--plate-delay:calc(var(--plate-index) * 45ms);opacity:0;animation:plate-enter .9s var(--as-ease-signature,cubic-bezier(.32, .72, 0, 1)) forwards;animation-delay:var(--plate-delay);gap:12px;margin:0;scroll-margin-top:120px;display:grid;transform:translateY(28px)}.plate-image{background:var(--as-mist);overflow:hidden}.image-trigger{width:100%;height:100%;color:inherit;cursor:zoom-in;touch-action:manipulation;background:0 0;border:0;padding:0;display:block}.image-trigger:focus-visible{outline:2px solid var(--as-rouge);outline-offset:8px}.plate img,.image-trigger img{object-fit:cover;width:100%;height:100%;transition:scale .9s var(--as-ease-signature,cubic-bezier(.32, .72, 0, 1))}.plate:hover img{scale:1.025}.plate figcaption{font-family:var(--as-font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:12px;font-size:11px;display:flex}.plate figcaption span{color:var(--as-rouge)}.opening .plate{opacity:1;grid-column:auto;align-self:center;animation:none;transform:none}.opening .plate-image{aspect-ratio:3/2}.plate-hero{grid-column:1/-1}.plate-hero .plate-image{aspect-ratio:3/2}.plate-large{grid-column:2/span 9}.plate-large:nth-of-type(2n){grid-column:4/span 8}.plate-large .plate-image{aspect-ratio:3/2}.plate-small{grid-column:span 3;align-self:start}.plate-small:nth-of-type(odd){grid-column:8/span 3}.plate-small .plate-image{aspect-ratio:4/5}.pause-plate{grid-column:3/span 6;padding:104px 0 32px}.pause-plate p{font-family:var(--as-font-display);font-size:42px;font-weight:500;line-height:1.04}.project-plate{border-top:1px solid color-mix(in srgb, var(--as-ink) 16%, transparent);border-bottom:1px solid color-mix(in srgb, var(--as-ink) 16%, transparent);grid-column:1/-1;grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);align-items:start;gap:48px;padding:96px 0;scroll-margin-top:120px;display:grid}.project-meta{gap:18px;display:grid;position:sticky;top:116px}.project-meta h2{max-width:520px;font-family:var(--as-font-display);letter-spacing:0;text-wrap:balance;font-size:48px;font-weight:600;line-height:1}.project-year,.project-context{max-width:440px}.project-year{font-family:var(--as-font-mono);letter-spacing:.12em;font-size:12px}.project-context{font-size:18px;line-height:1.42}.project-strip{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:24px;display:grid}.project-strip .plate{grid-column:span 4}.project-strip .plate:nth-child(2){grid-column:4/span 4;margin-top:96px}.project-strip .plate:nth-child(3){grid-column:2/span 3;margin-top:24px}.project-strip .plate-image{aspect-ratio:3/2}.about-tail{gap:24px;max-width:820px;margin-left:auto;margin-right:10vw;padding:0 48px 168px;display:grid}.about-tail>p:nth-child(2){font-family:var(--as-font-display);font-size:42px;font-weight:500;line-height:1.12}.about-tail a{width:max-content;font-family:var(--as-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:14px}.site-footer{border-top:1px solid color-mix(in srgb, var(--as-ink) 16%, transparent);padding:40px 48px 48px}.site-footer>div{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer p{font-family:var(--as-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.lightbox{width:min(94vw,1480px);max-height:94svh;color:var(--as-paper);background:#0d0d0d;border:0;padding:0;overflow:clip}.lightbox::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d1}.lightbox figure{gap:12px;margin:0;padding:clamp(14px,2vw,28px);display:grid}.lightbox img{object-fit:contain;background:#0d0d0d;width:100%;height:auto;max-height:84svh}.lightbox figcaption{font-family:var(--as-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.lightbox-close{z-index:2;width:42px;height:42px;color:var(--as-paper);cursor:pointer;background:#0000009e;border:1px solid #f4f0e847;place-items:center;display:grid;position:absolute;top:14px;right:14px}.lightbox-close:hover{background:var(--as-rouge)}.lightbox-close:focus-visible{outline:2px solid var(--as-paper);outline-offset:4px}.lightbox-controls{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.lightbox-control,.lightbox-count{color:var(--as-paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;border:1px solid #f4f0e847}.lightbox-control{width:46px;height:46px;font-family:var(--as-font-mono);cursor:pointer;pointer-events:auto;place-items:center;padding:0;font-size:18px;display:grid}.lightbox-count{min-width:86px;font-family:var(--as-font-mono);text-align:center;letter-spacing:.08em;padding:14px 16px;font-size:11px;line-height:1}.lightbox-control:hover,.lightbox-control:focus-visible{background:var(--as-rouge)}.lightbox-control:focus-visible{outline:2px solid var(--as-paper);outline-offset:4px}.as-eyebrow{font-family:var(--as-font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.as-mono{font-family:var(--as-font-mono);letter-spacing:.12em}@keyframes plate-enter{to{opacity:1;transform:translateY(0)}}@keyframes plate-reveal{0%{opacity:.58;transform:translateY(42px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scroll-meter{to{transform:scaleX(1)}}@supports (animation-timeline:scroll()){.scroll-meter{animation:linear both scroll-meter;animation-timeline:scroll(root)}}@supports (animation-timeline:view()){.exhibition-sequence>.plate,.project-strip .plate,.pause-plate,.project-plate,.about-tail{animation:linear both plate-reveal;animation-timeline:view();animation-range:entry cover 34%}}@media (max-width:960px){body{background-size:64px 100%}.site-nav{align-items:flex-start;padding:18px 20px}.wordmark-link{width:136px}.opening,.project-plate{grid-template-columns:1fr}.opening{gap:40px;min-height:auto;padding:56px 20px 88px}.opening h1{font-size:clamp(58px,18vw,92px);line-height:.88}.opening-intro{font-size:19px}.opening-marks{grid-template-columns:1fr}.work-index{display:none}.mobile-work-index{gap:18px;margin-top:-32px;padding:0 0 64px;display:grid}.mobile-work-index>p{color:color-mix(in srgb, var(--as-ink) 58%, transparent);padding:0 20px}.mobile-work-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(228px,68vw);grid-auto-flow:column;gap:12px;padding:0 20px 10px;scroll-padding-inline:20px;display:grid;overflow-x:auto}.mobile-work-track::-webkit-scrollbar{display:none}.mobile-work-card{scroll-snap-align:start;gap:10px;display:grid}.mobile-work-thumb{--thumb-focus:50% 50%;aspect-ratio:4/3;background:var(--as-mist);border:1px solid color-mix(in srgb, var(--as-ink) 14%, transparent);display:block;overflow:hidden}.mobile-work-thumb img{object-fit:cover;object-position:var(--thumb-focus);width:100%;height:100%}.mobile-work-meta{font-family:var(--as-font-mono);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:8px;font-size:11px;line-height:1.25;display:grid}.mobile-work-meta>span:first-child{color:var(--as-rouge)}.opening .plate-image{min-height:auto}.opening .plate{width:52vw;margin-top:-20px;margin-left:auto}.exhibition-sequence{flex-direction:column;gap:72px;padding:24px 20px 112px;display:flex}.plate,.plate-large,.plate-small,.plate-hero,.pause-plate,.project-plate{width:100%}.plate-hero .plate-image,.plate-large .plate-image{min-height:auto}.plate-small{max-width:58vw;margin-left:auto}.pause-plate{padding:24px 0}.pause-plate p,.about-tail>p:nth-child(2){font-size:30px}.project-plate{gap:32px;padding:56px 0}.project-meta{position:static}.project-meta h2{font-size:38px}.project-strip{flex-direction:column;gap:20px;display:flex}.project-strip .plate,.project-strip .plate:nth-child(2),.project-strip .plate:nth-child(3){width:100%;margin-top:0}.about-tail{margin:0;padding:0 20px 104px}.site-footer{padding:32px 20px 40px}.site-footer>div{flex-direction:column;align-items:flex-start}.lightbox figure{padding-bottom:76px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plate{opacity:1;animation:none;transform:none}.plate img{transition:none}.plate:hover img{scale:1}.work-index-thumb{transition:none}}@media print{body *{visibility:hidden}body:after{content:"© Khalid Amakran. Niet voor reproductie. Licenties via Pictoright.";visibility:visible;font-family:var(--as-font-mono);text-align:center;justify-content:center;align-items:center;padding:32px;font-size:14px;display:flex;position:fixed;inset:0}}