@font-face{font-family:Kufi;src:url(/v7/fonts/reemkufi-ar.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Kufi;src:url(/v7/fonts/reemkufi-lat.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2010-201F}
@font-face{font-family:Serif;src:url(/v7/fonts/instrument-i.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:Serif;src:url(/v7/fonts/instrument.woff2) format("woff2");font-style:normal;font-display:swap}
@font-face{font-family:Body;src:url(/v7/fonts/alexandria-ar.woff2) format("woff2");font-weight:300 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
:root{--ink:#08090b;--bone:#ece6da;--ice:#b9dcff;--dim:rgba(236,230,218,.58);--faint:rgba(236,230,218,.14);--pad:clamp(20px,3.4vw,52px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--bone);-webkit-text-size-adjust:100%;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{font-family:Body,"Segoe UI",system-ui,sans-serif;font-weight:300;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.is-loading,body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,video{display:block;max-width:100%}
:focus-visible{outline:1.5px solid var(--ice);outline-offset:4px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
em{font-family:Serif,Georgia,serif;font-style:italic;font-weight:400;direction:ltr;unicode-bidi:isolate}
.gl{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:2;pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:70;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}
/* atmospheres */
.atmo{position:fixed;inset:0;z-index:0;pointer-events:none}
.atmo i{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.atmo__make{background:radial-gradient(120% 90% at 50% 45%,#0c0c0d 0%,#050505 60%,#000 100%)}
.atmo__build{background:#060a12;background-image:linear-gradient(rgba(185,220,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(185,220,255,.055) 1px,transparent 1px),linear-gradient(rgba(185,220,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(185,220,255,.025) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center}
.atmo__research{background:radial-gradient(70% 60% at 50% 40%,rgba(120,180,255,.10),transparent 70%),#04070b}
.atmo__contact{background:radial-gradient(90% 60% at 50% 100%,rgba(236,230,218,.08),transparent 70%),#0b0a09}
body[data-scene=make] .atmo__make,body[data-scene=build] .atmo__build,body[data-scene=research] .atmo__research,body[data-scene=contact] .atmo__contact{opacity:1}
/* loader */
.loader{position:fixed;inset:0;z-index:90;background:var(--ink);display:grid;place-items:center;align-content:center;gap:28px}
.loader__word{display:flex;gap:.4em;font-family:Kufi;font-weight:500;font-size:clamp(34px,6vw,84px);line-height:1.1}
.loader__word span{display:inline-block;clip-path:inset(0 0 100% 0);transform:translateY(60%)}
.loader__bar{width:min(240px,50vw);height:1px;background:var(--faint)}.loader__bar i{display:block;height:100%;background:var(--bone);transform:scaleX(0);transform-origin:right}
/* cursor */
.cursor{display:none}
.has-cursor .cursor{display:block;position:fixed;inset:0;z-index:95;pointer-events:none}
.has-cursor,.has-cursor a,.has-cursor button{cursor:none}
.cursor__dot{position:fixed;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--bone);mix-blend-mode:difference}
.cursor__ring{position:fixed;top:-22px;left:-22px;width:44px;height:44px;border:1px solid rgba(236,230,218,.4);border-radius:50%;display:grid;place-items:center;transition:width .5s var(--ease),height .5s var(--ease),top .5s var(--ease),left .5s var(--ease),background .4s,border-color .4s}
.cursor__label{font-size:12px;opacity:0;transition:opacity .3s;color:var(--ink);font-weight:500}
.cursor.is-hover .cursor__ring{width:84px;height:84px;top:-42px;left:-42px;background:var(--bone);border-color:var(--bone)}
.cursor.is-hover .cursor__label{opacity:1}
.cursor.is-hover.no-label .cursor__ring{width:56px;height:56px;top:-28px;left:-28px;background:transparent;border-color:var(--bone)}
/* bar */
.bar{position:fixed;top:0;inset-inline:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--pad)*.6) var(--pad);pointer-events:none;mix-blend-mode:difference}
.bar a{pointer-events:auto}
.bar__name{font-family:Kufi;font-weight:500;font-size:17px;letter-spacing:.01em}
.bar__nav{display:flex;gap:clamp(16px,2.4vw,36px);font-family:Kufi;font-size:15px}
.bar__nav a{position:relative;opacity:.55;transition:opacity .4s}
.bar__nav a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .6s var(--ease);transform-origin:left}
.bar__nav a:hover,.bar__nav a.is-on{opacity:1}.bar__nav a.is-on::after{transform:scaleX(1)}
/* scenes */
main{position:relative;z-index:5}
.scene{position:relative;min-height:100vh;min-height:100svh}
.scene[hidden]{display:none}
/* home */
.scene--home{height:100vh;height:100svh;overflow:hidden}
.home__fallback{display:none}
.no-gl .home__fallback,.reduced .home__fallback{display:block;position:absolute;inset-inline-end:6vw;bottom:0;height:88%;width:auto;object-fit:contain;opacity:.85;filter:grayscale(1) contrast(1.1);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.verbs{list-style:none;position:absolute;inset-inline-start:var(--pad);top:50%;transform:translateY(-46%);display:grid;gap:clamp(6px,1.6vh,22px)}
.verb{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:.35em;justify-content:start;width:max-content;max-width:calc(100vw - var(--pad)*2)}
.verb__ar{font-family:Kufi;font-weight:700;font-size:clamp(64px,10.5vw,176px);line-height:.98;letter-spacing:-.01em;display:block;transition:color .5s,transform .8s var(--ease);transform-origin:right center}
.verb__en{font-size:clamp(22px,2.6vw,42px);color:var(--dim);transform:translateY(-.15em);transition:color .5s}
.verb__line{grid-column:1/-1;font-size:clamp(14px,1.15vw,17px);color:var(--dim);max-width:34ch;margin-top:.15em;transition:color .5s}
.verbs:hover .verb .verb__ar{color:rgba(236,230,218,.28)}
.verbs .verb:hover .verb__ar{color:var(--bone);transform:translateX(-.05em)}
.verb:hover .verb__en{color:var(--ice)}.verb:hover .verb__line{color:var(--bone)}
.home__name{position:absolute;inset-inline-start:var(--pad);top:calc(var(--pad)*.6);display:flex;gap:.6em;align-items:baseline;font-family:Kufi;font-weight:500;font-size:17px}
.home__name em{font-size:17px;color:var(--dim)}
.home__down{position:absolute;bottom:calc(var(--pad)*.8);left:50%;width:44px;height:64px;transform:translateX(-50%);display:grid;place-items:center}
.home__down i{display:block;width:1px;height:48px;background:linear-gradient(var(--bone),transparent);transform-origin:top;animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
/* section heads */
.s-head{min-height:78vh;min-height:78svh;display:grid;align-content:end;padding:0 var(--pad) clamp(48px,10vh,120px);position:relative}
.s-title{display:flex;align-items:baseline;gap:.25em;line-height:.9}
.s-ar{font-family:Kufi;font-weight:700;font-size:clamp(96px,21vw,360px);letter-spacing:-.02em;display:inline-block}
.s-en{font-size:clamp(28px,4.6vw,80px);color:var(--dim)}
.s-line{font-size:clamp(17px,1.7vw,26px);max-width:30ch;margin-top:clamp(12px,2vh,24px);color:var(--bone)}
.split .ch{display:inline-block;will-change:transform}
/* make: letterbox frame */
.frame i{position:fixed;inset-inline:0;height:clamp(28px,7vh,72px);background:#000;z-index:3;pointer-events:none;transform:scaleY(0);transition:transform 1.2s var(--ease)}
.frame i:first-child{top:0;transform-origin:top}.frame i:last-child{bottom:0;transform-origin:bottom}
body[data-scene=make] .frame i{transform:scaleY(1)}
body[data-scene=make] .bar{padding-top:calc(clamp(28px,7vh,72px)*.5 - 10px)}
/* reel */
.reel{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.reel__track{display:flex;gap:clamp(18px,3vw,56px);padding-inline:var(--pad);will-change:transform}
.card{flex:0 0 auto;width:clamp(260px,34vw,560px);position:relative}
.card--wide{width:clamp(300px,52vw,860px)}
.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#111;border-radius:2px;transform:translateZ(0)}
.card--wide .card__media{aspect-ratio:16/10}
.card__media img,.card__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),opacity .6s,filter .8s}
.card__media img{filter:grayscale(.35) brightness(.86)}
.card__media video{opacity:0}
.card:hover .card__media img{transform:scale(1.06);filter:none}
.card.is-playing .card__media video{opacity:1}
.card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.card__t{font-family:Kufi;font-weight:500;font-size:clamp(20px,1.9vw,30px);line-height:1.2;margin-top:16px}
.card__m{display:flex;gap:.8em;align-items:baseline;color:var(--dim);font-size:14px;margin-top:4px}
.card__m em{font-size:17px}
.card a{display:block}
.card__lead{font-size:14px;color:var(--dim);max-width:44ch;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scene--build .card__media{background:#0a1220;outline:1px solid rgba(185,220,255,.14);outline-offset:6px}
.scene--build .card__media img{filter:grayscale(.2) brightness(.9) sepia(.15) hue-rotate(170deg)}
.scene--build .card:hover .card__media img{filter:none}
.reel__count{position:absolute;bottom:clamp(24px,5vh,56px);inset-inline-start:var(--pad);height:1px;width:min(220px,40vw);background:var(--faint)}
.reel__count i{display:block;height:100%;background:var(--bone);transform:scaleX(0);transform-origin:right}
/* research specimens */
.specimens{padding:0 var(--pad) 12vh;display:grid;gap:12vh}
.spec{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,90px);align-items:center}
.spec__q{font-family:Kufi;font-weight:500;font-size:clamp(28px,3.6vw,60px);line-height:1.25;max-width:18ch}
.spec__t{font-size:15px;color:var(--ice);margin-bottom:18px;display:flex;gap:.7em;align-items:baseline}
.spec__t em{font-size:18px;color:var(--dim)}
.spec__fields{list-style:none;margin-top:28px;border-top:1px solid rgba(185,220,255,.18)}
.spec__fields li{padding:12px 0;border-bottom:1px solid rgba(185,220,255,.18);font-size:clamp(15px,1.25vw,19px);display:flex;justify-content:space-between;gap:1em}
.spec__fields li span:last-child{color:var(--dim)}
.spec__links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px}
.spec__plate{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(120,180,255,.06),rgba(4,7,11,.2) 70%);box-shadow:0 0 0 1px rgba(185,220,255,.28),inset 0 0 80px rgba(120,180,255,.12),0 0 120px rgba(120,180,255,.08);display:grid;place-items:center}
.spec__plate span{font-family:Kufi;font-size:clamp(18px,1.6vw,24px);color:var(--ice);transition:transform 1.2s var(--ease)}.spec__plate::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(185,220,255,.14)}
.spec__plate::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 48%,rgba(185,220,255,.55) 50%,transparent 52%);background-size:100% 220%;animation:plate 4.5s linear infinite;mix-blend-mode:screen}
@keyframes plate{from{background-position:0 120%}to{background-position:0 -100%}}
.spec__plate:hover span{transform:scale(1.12)}
.ul{position:relative;display:inline-block;padding-bottom:4px;font-size:16px}
.ul::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .7s var(--ease)}
.ul:hover::after{transform:scaleX(0);transform-origin:right}
.scanline{position:fixed;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,220,255,.7),transparent);z-index:3;pointer-events:none;opacity:0;animation:scan 7s linear infinite}
body[data-scene=research] .scanline{opacity:.45}
@keyframes scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}
/* section footer + next */
.s-foot{min-height:64vh;min-height:64svh;display:grid;align-content:center;justify-items:start;gap:7vh;padding:10vh var(--pad)}
.s-all{font-family:Kufi;font-size:clamp(16px,1.4vw,20px);position:relative;padding-bottom:6px}
.s-all::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;opacity:.5}
.next{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:.25em;position:relative}
.next__ar{font-family:Kufi;font-weight:700;font-size:clamp(84px,17vw,300px);line-height:.95;color:transparent;-webkit-text-stroke:1.2px rgba(236,230,218,.55);transition:color .7s var(--ease),-webkit-text-stroke-color .7s}
.next:hover .next__ar{color:var(--bone);-webkit-text-stroke-color:var(--bone)}
.next__en{font-size:clamp(26px,3.6vw,60px);color:var(--dim)}
.next__bar{grid-column:1/-1;display:block;height:1px;background:var(--faint);margin-top:18px}
.next__bar b{display:block;height:100%;background:var(--bone);transform:scaleX(0);transform-origin:right}
/* contact */
.s-head--contact{min-height:52vh;min-height:52svh;align-content:end;padding-bottom:6vh}
.paths{list-style:none;padding:0 var(--pad);border-top:1px solid var(--faint)}
.path{border-bottom:1px solid var(--faint);position:relative;overflow:hidden}
.path__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);align-items:center;padding:clamp(22px,4vh,44px) 0;position:relative;z-index:1}
.path__ar{font-family:Kufi;font-weight:700;font-size:clamp(36px,6vw,104px);line-height:1;transition:transform .9s var(--ease)}
.path__line{color:var(--dim);font-size:clamp(15px,1.25vw,19px);max-width:36ch}
.path__acts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:12px;color:var(--bone)}
.path::before{content:"";position:absolute;inset:0;background:var(--bone);transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease)}
@media (hover:hover){.path:hover::before{transform:scaleY(1)}.path:hover{color:var(--ink)}.path:hover .path__line{color:rgba(8,9,11,.7)}.path:hover .path__acts{color:var(--ink)}.path:hover .path__ar{transform:translateX(-.06em)}}
.c-foot{display:flex;justify-content:space-between;padding:12vh var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));color:var(--dim);font-size:14px;font-family:Kufi}
/* veil (transitions) */
.veil{position:fixed;inset:0;z-index:30;pointer-events:none}
.veil>*{position:absolute;inset:0;opacity:0}
.veil__iris{background:#000}
.veil__grid{background-image:linear-gradient(90deg,rgba(185,220,255,.5) 1px,transparent 1px),linear-gradient(rgba(185,220,255,.5) 1px,transparent 1px);background-size:calc(100vw/8) 100%,100% calc(100vh/6);background-position:right top}
.veil__scan i{position:absolute;inset-inline:0;top:0;height:2px;background:var(--ice);box-shadow:0 0 30px 6px rgba(185,220,255,.55),0 0 2px var(--ice)}
.veil__line{top:50%;bottom:auto;height:1px;background:var(--bone);transform:scaleX(0)}
/* index overlay */
.index{position:fixed;inset:0;z-index:50;background:rgba(8,9,11,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.index[hidden],.case[hidden]{display:none}
.index__in{height:100%;overflow-y:auto;padding:calc(var(--pad)*1.6) var(--pad) 10vh;overscroll-behavior:contain}
.index__head{display:flex;justify-content:space-between;align-items:baseline}
.index__head h2{font-family:Kufi;font-weight:700;font-size:clamp(48px,8vw,140px);line-height:1}
.x{font-family:Kufi;font-size:16px;position:relative;padding:8px 0}
.x::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:1px;background:currentColor}
.filters{display:flex;gap:8px;margin:5vh 0 3vh;flex-wrap:wrap}
.filters button{font-family:Kufi;font-size:16px;padding:8px 18px;border:1px solid var(--faint);border-radius:40px;transition:background .4s,color .4s,border-color .4s}
.filters button[aria-selected=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.rows{list-style:none;border-top:1px solid var(--faint)}
.row{border-bottom:1px solid var(--faint)}
.row a{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) auto;gap:var(--pad);align-items:baseline;padding:clamp(16px,2.6vh,28px) 0;transition:padding .6s var(--ease),color .4s}
.row__t{font-family:Kufi;font-weight:500;font-size:clamp(20px,2.4vw,38px);line-height:1.2}
.row__en{font-size:clamp(16px,1.5vw,22px);color:var(--dim)}
.row__r{color:var(--dim);font-size:14px}
.row__v{font-family:Kufi;font-size:14px;color:var(--dim)}
.rows:hover .row a{color:rgba(236,230,218,.35)}.rows .row a:hover{color:var(--bone);padding-inline-start:1.2vw}
.row.is-out{display:none}
.peek{position:fixed;top:0;left:0;width:clamp(220px,22vw,360px);aspect-ratio:4/5;pointer-events:none;z-index:2;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .35s,transform .5s var(--ease);overflow:hidden;border-radius:2px}
.peek img{width:100%;height:100%;object-fit:cover}
.peek.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* case study */
.case{position:fixed;inset:0;z-index:55;background:var(--ink)}
.case__in{height:100%;overflow-y:auto;overscroll-behavior:contain}
.case__hero{position:relative;height:78vh;height:78svh;overflow:hidden;background:#111}
.case__hero img,.case__hero video{width:100%;height:100%;object-fit:cover}
.case__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,var(--ink))}
.case__hero--plain{height:40vh;background:none}
.case__top{position:fixed;top:0;z-index:3;display:flex;justify-content:space-between;padding:calc(var(--pad)*.6) var(--pad);mix-blend-mode:difference}
.case__top .x{font-size:16px}
.case__body{padding:0 var(--pad) 8vh;max-width:1200px;margin-top:-22vh;position:relative;z-index:2}
.case__verb{font-family:Kufi;color:var(--ice);font-size:15px}
.case__title{font-family:Kufi;font-weight:700;font-size:clamp(44px,7.4vw,124px);line-height:1.02;margin-top:8px}
.case__en{font-size:clamp(20px,2.4vw,36px);color:var(--dim);display:block;margin-top:6px}
.case__lead{font-size:clamp(18px,1.8vw,26px);max-width:34ch;margin-top:4vh;line-height:1.55}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 var(--pad);margin-top:6vh;border-top:1px solid var(--faint)}
.facts div{padding:14px 0;border-bottom:1px solid var(--faint)}
.facts dt{font-size:13px;color:var(--dim)}.facts dd{font-size:15px;margin-top:2px;overflow-wrap:anywhere}
.case__sec{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:var(--pad);margin-top:9vh}
.case__sec h3{font-family:Kufi;font-weight:500;font-size:clamp(22px,2vw,30px)}
.case__sec p{font-size:clamp(16px,1.3vw,19px);max-width:62ch;color:rgba(236,230,218,.86)}
.gallery{display:grid;gap:clamp(14px,2vw,28px);margin:10vh 0 0;padding:0 var(--pad)}
.gallery figure{margin:0}
.gallery img,.gallery video{width:100%;height:auto;border-radius:2px;background:#111}
.gallery figcaption{font-size:13px;color:var(--dim);margin-top:8px}
.case__links{display:flex;flex-wrap:wrap;gap:14px 30px;padding:8vh var(--pad) 0}
.case__next{display:block;margin:14vh var(--pad) 10vh;padding-top:4vh;border-top:1px solid var(--faint)}
.case__next span{font-size:14px;color:var(--dim);font-family:Kufi}
.case__next b{display:block;font-family:Kufi;font-weight:700;font-size:clamp(40px,7vw,120px);line-height:1.05;margin-top:8px;transition:color .5s}
.case__next:hover b{color:var(--ice)}
.fly{position:fixed;z-index:60;pointer-events:none;overflow:hidden;display:none;border-radius:2px}
.fly img{width:100%;height:100%;object-fit:cover}
/* mobile */
@media (max-width:760px){
  .bar{padding:16px 18px}.bar__nav{gap:14px;font-size:14px}.bar__name{font-size:15px}
  .home__name{top:18px;font-size:15px}.home__name em{font-size:15px}
  .verbs{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));transform:none;gap:10px}
  .verb__ar{font-size:clamp(54px,17vw,84px)}
  .verb__en{font-size:20px}
  .verb__line{font-size:13.5px;margin-top:0}
  .home__down{bottom:18px}
  .s-head{padding-bottom:12vh}
  .s-ar{font-size:clamp(92px,30vw,160px)}
  .reel{height:auto;display:block;padding:4vh 0 0}
  .reel__track{flex-direction:column;gap:9vh}
  .card,.card--wide{width:100%}
  .card--wide .card__media{aspect-ratio:4/3}
  .card__media img{filter:none}
  .reel__count{display:none}
  .spec{grid-template-columns:1fr}.spec__plate{width:72%;justify-self:center;order:-1}
  .path__row{grid-template-columns:1fr;gap:10px}
  .row a{grid-template-columns:1fr auto;gap:4px 12px}.row__r{grid-column:1/-1;order:3}.row__en{display:none}
  .case__sec{grid-template-columns:1fr;gap:10px}
  .case__body{margin-top:-14vh}
  .peek{display:none}
  .s-foot{min-height:50vh;min-height:50svh}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}

/* ===== phase 3 ===== */
.aperture{position:fixed;inset:0;z-index:1;pointer-events:none;clip-path:circle(0 at 50% 50%);background:#000;overflow:hidden}
.aperture__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}
.aperture__shade{position:absolute;inset:0;background:#050505;opacity:0}
.scene--make .s-head{text-shadow:0 2px 30px rgba(0,0,0,.45)}
.archive{position:relative;padding:0 var(--pad) 3vh}
.archive__stage{position:absolute;inset:0 0 auto 0;height:var(--sh,60vh);touch-action:none;outline:none;cursor:pointer}
.archive__meta{grid-row:2;position:relative;z-index:1;pointer-events:none;display:grid;justify-items:center;text-align:center;gap:6px;padding-top:var(--mt,70vh)}
.archive__k{font-size:14px;color:var(--dim)}.archive__k span{color:var(--ice);font-family:Kufi}
.archive__t{font-family:Kufi;font-weight:700;font-size:clamp(30px,4.2vw,64px);line-height:1.05;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3em}
.archive__t em{font-size:.5em;color:var(--dim)}
.archive__lead{max-width:46ch;color:var(--dim);font-size:clamp(14px,1.1vw,17px);line-height:1.6}
.archive__open{pointer-events:auto;font-family:Kufi;font-size:16px;margin-top:6px;padding-bottom:4px;border-bottom:1px solid currentColor}
.archive__bar{grid-row:3;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:3vh}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{font-family:Kufi;font-size:15px;padding:7px 16px;border:1px solid var(--faint);border-radius:40px;color:var(--dim);transition:color .4s,border-color .4s,background .4s}
.chips button[aria-selected=true]{color:var(--ink);background:var(--bone);border-color:var(--bone)}
.archive__progress{flex:1;height:1px;background:var(--faint);position:relative;max-width:320px}
.archive__progress b{position:absolute;inset:0;background:var(--bone);transform-origin:right;transform:scaleX(0)}
.archive__dom{display:none}
.no-gl .archive__stage,.reduced .archive__stage,.no-gl .archive__progress,.reduced .archive__progress,.no-gl .archive__meta,.reduced .archive__meta{display:none}
.no-gl .archive,.reduced .archive{padding-top:10vh}
.no-gl .archive__dom,.reduced .archive__dom{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;grid-row:1;padding-bottom:12px}
.dcard{flex:0 0 min(78vw,520px);scroll-snap-align:center;display:grid;gap:8px}
.dcard__m{aspect-ratio:4/3;overflow:hidden;background:#111}.dcard__m img{width:100%;height:100%;object-fit:cover}
.dcard b{font-family:Kufi;font-size:22px}.dcard span:last-child{color:var(--dim);font-size:14px}
.case__top{position:fixed;top:0;inset-inline:0}
.case__in{position:relative}
/* cursor: always readable — it inverts whatever is under it */
.has-cursor .cursor{mix-blend-mode:difference}
.cursor__dot{background:#fff!important;mix-blend-mode:normal!important;width:8px!important;height:8px!important;top:-4px!important;left:-4px!important}
.cursor__ring{border:1.5px solid #fff!important}
.cursor.is-hover .cursor__ring{background:#fff!important;border-color:#fff!important}
.cursor.is-hover.no-label .cursor__ring{background:transparent!important;border-color:#fff!important}
.cursor__label{color:#000!important}
@media (max-width:760px){
  .archive__bar{flex-direction:column;align-items:stretch;gap:16px}
  .chips{justify-content:center}.archive__progress{max-width:none;flex:none}
  .archive__bar .s-all{align-self:center}
}

/* ===== v9 ===== */
.archive__bar{justify-content:center;gap:18px}
.archive__hint{font-family:Kufi;font-size:13px;color:var(--dim);white-space:nowrap}
.archive.is-single .archive__progress{display:none}
@media (max-width:760px){.archive__bar{flex-direction:row;align-items:center}.archive__progress{flex:1}}
/* the rest of the section: points of light in the free space */
.field{position:relative;padding:clamp(28px,7vh,80px) var(--pad) 0;z-index:3}
.field.is-empty{display:none}
.field__in{list-style:none;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,5vh,64px) clamp(18px,2.4vw,40px);border-top:1px solid var(--faint);padding-top:clamp(28px,5vh,56px)}
.pc{display:grid;gap:6px;justify-items:center;text-align:center;outline:none}
.pc__m{display:block;width:100%;aspect-ratio:4/3;position:relative}
.pc__m img{width:100%;height:100%;object-fit:cover;opacity:0}
.no-gl .pc__m img,.reduced .pc__m img{opacity:1;filter:grayscale(.3) brightness(.85);transition:filter .6s}
.no-gl .pc:hover .pc__m img,.reduced .pc:hover .pc__m img{filter:none}
.pc__k{font-size:13px;color:var(--dim);margin-top:10px}
.pc__t{font-family:Kufi;font-weight:700;font-size:clamp(19px,1.5vw,24px);line-height:1.2}
.pc:focus-visible .pc__t{text-decoration:underline;text-underline-offset:6px}
.field__in[data-n="1"]{grid-template-columns:minmax(0,440px);justify-content:center}.field__in[data-n="2"]{grid-template-columns:repeat(2,minmax(0,440px));justify-content:center}
@media (max-width:760px){.field__in,.field__in[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.field__in[data-n="1"]{grid-template-columns:minmax(0,72%)}.field__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.pc__m{aspect-ratio:4/5}.pc__t{font-size:16px}.pc__k{font-size:12px;margin-top:6px}}
/* write */
.atmo__write{background:radial-gradient(60% 50% at 30% 40%,rgba(255,205,150,.07),transparent 70%)}
.atmo__learn{background:radial-gradient(55% 55% at 30% 45%,rgba(160,240,190,.06),transparent 70%)}
body[data-scene=write] .atmo__write,body[data-scene=learn] .atmo__learn{opacity:1}
.articles{list-style:none;padding:0 var(--pad);border-top:1px solid var(--faint);position:relative;z-index:3}
.art{border-bottom:1px solid var(--faint)}
.art a{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:8px var(--pad);padding:clamp(28px,5vh,56px) 0;position:relative}
.art__meta{font-family:Kufi;font-size:14px;color:#f3cf9e;grid-row:1/3;padding-top:.6em}
.art__t{font-family:Kufi;font-weight:700;font-size:clamp(30px,4.4vw,72px);line-height:1.08;transition:transform .9s var(--ease)}
.art__s{color:var(--dim);font-size:clamp(15px,1.2vw,18px);max-width:58ch;line-height:1.7}
.art__ln{position:absolute;inset-inline:0;bottom:-1px;height:1px;background:#f3cf9e;transform:scaleX(0);transform-origin:right;transition:transform 1s var(--ease)}
.art a:hover .art__ln{transform:scaleX(1)}.art a:hover .art__t{transform:translateX(-.04em)}
.art--empty p{padding:6vh 0;color:var(--dim);font-family:Kufi}
@media (max-width:760px){.art a{grid-template-columns:1fr}.art__meta{grid-row:auto;padding:0}}
.read{max-width:780px;margin:0 auto;padding:18vh var(--pad) 14vh}
.read__t{font-family:Kufi;font-weight:700;font-size:clamp(38px,6vw,84px);line-height:1.08;margin-top:10px}
.read__body h3{font-family:Kufi;font-weight:500;font-size:clamp(22px,2vw,30px);margin-top:7vh}
.read__body p{font-size:clamp(17px,1.35vw,20px);line-height:1.95;color:rgba(236,230,218,.88);margin-top:1.1em}
.case--read .case__verb{color:#f3cf9e}
/* learn */
.learn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px);padding:0 var(--pad);position:relative;z-index:3}
.learn__h{font-family:Kufi;font-weight:500;font-size:15px;color:#a8e8c0;padding-bottom:16px;border-bottom:1px solid var(--faint)}
.stations{list-style:none;position:relative;padding-top:10px}
.stations::before{content:"";position:absolute;inset-inline-start:5px;top:26px;bottom:22px;width:1px;background:linear-gradient(rgba(168,232,192,.5),rgba(168,232,192,.06))}
.st{padding:0}
.st__node{width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid #a8e8c0;margin-top:.55em;box-shadow:0 0 14px rgba(168,232,192,.45)}

.st__t{font-family:Kufi;font-weight:700;font-size:clamp(22px,2.2vw,34px);line-height:1.15}
.st__k{font-size:13px;color:#a8e8c0;margin-top:4px}
.st__l{color:var(--dim);font-size:clamp(14px,1.1vw,16.5px);line-height:1.7;margin-top:6px;max-width:52ch}
.st--empty,.iss--empty{color:var(--dim);padding:24px 0}
.issuers{display:grid;gap:8px}
.iss{border-bottom:1px solid var(--faint);padding:20px 0}
.iss__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.iss__h h4{font-family:Kufi;font-weight:700;font-size:clamp(24px,2.6vw,40px);line-height:1.1}
.iss__h span{font-family:Serif;font-style:italic;font-size:clamp(22px,2.4vw,36px);color:#a8e8c0}
.iss__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cert{display:inline-flex;align-items:baseline;gap:8px;padding:8px 13px;border:1px solid rgba(236,230,218,.14);border-radius:999px;font-size:13.5px;line-height:1.3;direction:ltr;transition:background .4s,color .4s,border-color .4s}
.cert b{font-weight:400}.cert em{font-style:normal;color:var(--dim);font-size:12px;direction:rtl}
a.cert:hover,a.cert:focus-visible{background:#a8e8c0;color:var(--ink);border-color:#a8e8c0}a.cert:hover em{color:rgba(8,9,11,.6)}
@media (max-width:860px){.learn{grid-template-columns:1fr}}
/* contact */
.s-head--contact{min-height:62vh;min-height:62svh}
.s-head--contact .s-line{margin-top:10px}
.path{border-bottom:1px solid var(--faint);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px var(--pad);padding:clamp(24px,4.5vh,48px) 0}
.path__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);align-items:center;position:relative;z-index:1}
.path__acts{position:relative;z-index:1;margin-top:0;justify-content:flex-end}
.path::before{background:linear-gradient(90deg,rgba(236,230,218,0),rgba(236,230,218,.06) 40%,rgba(236,230,218,.12));transform:scaleX(0);transform-origin:right}
@media (hover:hover){.path:hover::before{transform:scaleX(1)}.path:hover{color:var(--bone)}.path:hover .path__line{color:var(--bone)}.path:hover .path__acts{color:var(--bone)}.path:hover .path__ar{transform:translateX(-.08em);color:var(--bone)}}
.path__ar{color:rgba(236,230,218,.62);transition:transform .9s var(--ease),color .6s}
@media (hover:hover) and (min-width:761px){.path__ar{color:transparent;-webkit-text-stroke:1.1px rgba(236,230,218,.7)}}
.path:first-child .path__ar{color:var(--bone);-webkit-text-stroke:0}
.c-foot{flex-wrap:wrap;gap:24px;align-items:end}
.c-mail{font-family:Kufi;font-weight:700;font-size:clamp(26px,4.6vw,76px);color:var(--bone);direction:ltr;line-height:1}
.c-meta{display:flex;gap:22px;flex-wrap:wrap}
@media (max-width:760px){.path{grid-template-columns:1fr}.path__main{grid-template-columns:1fr;gap:8px}.path__acts{justify-content:flex-start}.c-mail{font-size:clamp(22px,7.4vw,30px)}}
/* nav with six worlds */
@media (max-width:760px){.bar{flex-direction:column;align-items:flex-start;gap:8px}.bar__nav{gap:12px;font-size:13.5px;flex-wrap:wrap}}
@media (max-width:380px){.bar__nav{gap:10px;font-size:12.5px}}

/* v4.2 touch: the strip is a native horizontal swipe; the page keeps its vertical scroll */
html.is-touch{overscroll-behavior-x:none}
.is-touch .archive__stage{touch-action:pan-x pan-y}
.is-touch .archive.is-single .archive__stage{touch-action:pan-y}
.archive__swipe[hidden]{display:none}
.archive__swipe{position:absolute;inset:0;display:flex;direction:rtl;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}
.archive__swipe::-webkit-scrollbar{display:none}
.archive__swipe i{flex:0 0 auto;width:var(--slot,80vw);height:100%;scroll-snap-align:center}
.archive__swipe b{flex:0 0 auto;width:var(--pad0,10vw);height:100%}

/* ===== v4.3: stations open, current stations read as now ===== */
.st__a{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;gap:16px;padding:22px 0;position:relative;border-radius:2px;transition:background .5s var(--ease)}
.st__a::after{content:"";position:absolute;inset-inline:34px 0;bottom:0;height:1px;background:#a8e8c0;transform:scaleX(0);transform-origin:right;transition:transform .9s var(--ease)}
.st__a:hover::after,.st__a:focus-visible::after{transform:scaleX(1)}
.st__a:hover .st__t,.st__a:focus-visible .st__t{transform:translateX(-.05em)}
.st__t{transition:transform .9s var(--ease)}
.st__k{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 6px}
.st__badge{display:inline-flex;align-items:center;gap:7px;font-family:Kufi;font-size:12px;letter-spacing:.02em;color:var(--dim);border:1px solid var(--faint);border-radius:999px;padding:3px 10px 4px}
.st--now .st__badge{color:var(--ink);background:#a8e8c0;border-color:#a8e8c0}
.st--now .st__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink);animation:stPulse 1.8s ease-in-out infinite}
.st__r{font-size:13px;color:#a8e8c0;margin-top:4px}
.st__go{align-self:center;width:28px;height:28px;border:1px solid var(--faint);border-radius:50%;position:relative;transition:background .5s,border-color .5s}
.st__go::before{content:"";position:absolute;inset:0;margin:auto;width:7px;height:7px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:translateX(1px) rotate(-45deg)}
.st__a:hover .st__go,.st__a:focus-visible .st__go{background:#a8e8c0;border-color:#a8e8c0;color:var(--ink)}
.st__node{position:relative}
.st:not(.st--now) .st__node{border-color:rgba(168,232,192,.45);box-shadow:none}
.st--now .st__node{background:#a8e8c0;box-shadow:0 0 18px rgba(168,232,192,.7)}
.st--now .st__node::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(168,232,192,.6);animation:stRing 2.4s var(--ease) infinite}
.st:not(.st--now) .st__t{color:rgba(236,230,218,.82)}
@keyframes stPulse{50%{opacity:.25}}
@keyframes stRing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.st--now .st__node::after,.st--now .st__badge::before{animation:none}}
a.cert{cursor:pointer}
.cert:focus-visible,.st__a:focus-visible,.case__back:focus-visible,.doc__cta:focus-visible,.doc__plate:focus-visible{outline:1px solid #a8e8c0;outline-offset:4px}

/* ===== work / article / doc: one clean way back, nothing else ===== */
.case__back{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:6px 18px;margin:14vh var(--pad) 10vh;padding-top:4vh;border-top:1px solid var(--faint);position:relative}
.case__back span{grid-column:1/-1;font-size:14px;color:var(--dim);font-family:Kufi}
.case__back b{font-family:Kufi;font-weight:700;font-size:clamp(40px,7vw,120px);line-height:1.05;transition:color .5s,transform .9s var(--ease)}
.case__back i{justify-self:start;width:clamp(44px,5vw,72px);height:clamp(44px,5vw,72px);border:1px solid var(--faint);border-radius:50%;position:relative;margin-bottom:.4em;transition:background .5s,border-color .5s}
.case__back i::before{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-top:1.5px solid var(--bone);border-right:1.5px solid var(--bone);transform:translateX(-2px) rotate(45deg)}
.case__back:hover b{color:var(--ice);transform:translateX(.04em)}
.case__back:hover i{background:var(--bone);border-color:var(--bone)}
.case__back:hover i::before{border-color:var(--ink)}
.case--read .case__back:hover b{color:#f3cf9e}
.case--doc .case__back:hover b{color:#a8e8c0}

/* article reader */
.read__bar{position:fixed;top:0;inset-inline:0;height:2px;z-index:4;background:rgba(243,207,158,.12);pointer-events:none}
.read__bar b{display:block;height:100%;background:#f3cf9e;transform:scaleX(0);transform-origin:right}
.read__lead{max-width:none;color:rgba(236,230,218,.9);border-inline-start:2px solid #f3cf9e;padding-inline-start:18px}
.read__body h3{position:relative;padding-top:4vh;border-top:1px solid var(--faint)}
.ul--src{direction:ltr;font-size:.92em;color:#f3cf9e;margin-inline:2px}
.read .case__links{padding:6vh 0 0}

/* certificate & station detail */
.case--doc .case__verb{color:#a8e8c0}
.doc{max-width:1320px;margin:0 auto;padding:16vh var(--pad) 0}
.doc--cert{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,90px);align-items:start}
.doc__media{position:sticky;top:14vh}
.doc__plate{display:block;width:100%;position:relative;overflow:hidden;border-radius:3px;background:#0f1113;border:1px solid var(--faint);box-shadow:0 40px 120px -40px rgba(168,232,192,.28),0 0 0 1px rgba(168,232,192,.06) inset;cursor:zoom-in;padding:0}
.doc__plate img{width:100%;height:auto;display:block;transition:transform 1.4s var(--ease)}
.doc__plate:hover img{transform:scale(1.025)}
.doc__sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);transform:translateX(120%);animation:sheen 3.2s var(--ease) .9s 1 forwards;pointer-events:none}
@keyframes sheen{to{transform:translateX(-120%)}}
.doc__plate--type{aspect-ratio:1.414/1;cursor:default;display:grid;align-content:space-between;padding:clamp(22px,3vw,44px);background:radial-gradient(120% 90% at 85% 0%,rgba(168,232,192,.16),transparent 60%),#0d0f10}
.doc__plate--type span{font-family:Serif;font-style:italic;font-size:clamp(80px,10vw,160px);line-height:.8;color:#a8e8c0;opacity:.9}
.doc__plate--type b{font-family:Serif;font-weight:400;font-size:clamp(26px,2.8vw,44px);line-height:1.1;text-align:left}
.doc__plate--type em{font-style:normal;font-size:13px;color:var(--dim);text-align:left;font-family:Kufi}
.doc__t{font-family:Serif;font-weight:400;font-size:clamp(38px,4.6vw,76px);line-height:1.04;margin-top:10px;text-align:start;unicode-bidi:plaintext}
.doc__body .case__lead{max-width:40ch}
.doc__body .facts{margin-top:5vh}
.doc__skills{margin-top:5vh}
.doc__skills h3{font-family:Kufi;font-weight:500;font-size:15px;color:#a8e8c0}
.doc__skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.doc__skills li{padding:8px 14px;border:1px solid rgba(168,232,192,.3);border-radius:999px;font-size:14px}
.doc__cta{display:inline-flex;align-items:center;gap:14px;margin-top:6vh;padding:16px 26px;border-radius:999px;background:var(--bone);color:var(--ink);font-family:Kufi;font-size:16px;transition:background .5s,transform .6s var(--ease)}
.doc__cta i{font-style:normal;font-size:18px;transition:transform .6s var(--ease)}
.doc__cta:hover{background:#a8e8c0}
.doc__cta:hover i{transform:translate(-3px,-3px)}
.doc--st{padding-top:0}
.doc__head{padding:20vh var(--pad) 0;max-width:1320px;margin:0 auto;position:relative}
.doc__head::before{content:"";position:absolute;inset-inline-start:var(--pad);top:0;height:16vh;width:1px;background:linear-gradient(transparent,rgba(168,232,192,.6))}
.doc__status{display:inline-flex;align-items:center;gap:10px;font-family:Kufi;font-size:14px;color:var(--dim);border:1px solid var(--faint);border-radius:999px;padding:6px 14px}
.doc__status i{width:8px;height:8px;border-radius:50%;background:rgba(236,230,218,.4)}
.is-now .doc__status{color:var(--ink);background:#a8e8c0;border-color:#a8e8c0}
.is-now .doc__status i{background:var(--ink);animation:stPulse 1.8s ease-in-out infinite}
.doc__role{font-size:clamp(17px,1.5vw,22px);color:#a8e8c0;margin-top:2.5vh}
.doc__period{font-family:Kufi;font-size:14px;color:var(--dim);margin-top:8px}
.doc__flow{margin-top:6vh;margin-inline:auto 0}
.doc__links{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:8vh}
@media (max-width:860px){.doc--cert{grid-template-columns:1fr}.doc__media{position:relative;top:0}.doc{padding-top:13vh}.doc__head{padding-top:15vh}.doc__head::before{height:11vh}}

/* full-screen certificate */
.zoom{position:fixed;inset:0;z-index:80;background:rgba(8,9,11,.94);display:grid;place-items:center;padding:clamp(16px,4vw,60px);cursor:zoom-out}
.zoom[hidden]{display:none}
.zoom img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 30px 120px rgba(0,0,0,.6)}
.zoom__x{position:absolute;top:calc(var(--pad)*.6);inset-inline-end:var(--pad);color:var(--bone)}

/* not found */
.lost{min-height:100svh;display:grid;align-content:center;padding:0 var(--pad);max-width:1100px}
.lost__t{font-family:Kufi;font-weight:700;font-size:clamp(56px,10vw,170px);line-height:.98;margin-top:12px}
.lost .case__lead{color:var(--dim)}
.lost .doc__cta{justify-self:start}

/* the 404 page (no script, no canvas): the dot field as a quiet backdrop */
.is-404{min-height:100svh;background:radial-gradient(60% 50% at 18% 40%,rgba(185,220,255,.07),transparent 70%),var(--ink)}
.is-404 .bar{opacity:1}
.lost--page{padding-top:14vh}
.lost--page::after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(236,230,218,.22) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(50% 50% at 22% 45%,#000,transparent 75%);mask-image:radial-gradient(50% 50% at 22% 45%,#000,transparent 75%);opacity:.7}

/* privacy (a plain reading page in the site's own type) */
.is-page{background:var(--ink)}
.is-page .bar{opacity:1}
.pp{padding-top:22vh}
.pp__head p{color:var(--dim);font-size:clamp(17px,1.4vw,21px);margin-top:3vh;max-width:46ch}
.pp__body section{margin-top:2vh}
.pp__body .doc__cta{margin-top:5vh}
.pp__back{margin-inline:0}
[dir=ltr] .case__back i::before{transform:translateX(2px) rotate(-135deg)}

.doc .facts dd[dir=ltr]{font-size:13px;letter-spacing:.02em;word-break:break-all;color:rgba(236,230,218,.75)}

/* v4.3: the fixed top of a detail view keeps its words readable over any content */
.case .case__top{mix-blend-mode:normal;background:linear-gradient(rgba(8,9,11,.92),rgba(8,9,11,.6) 60%,rgba(8,9,11,0));padding-bottom:calc(var(--pad)*.9)}
.case .case__top .x{color:var(--bone)}