@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/4fb4363ca5982ca4-s.p.2rb3m_gxg9vnu.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/ba16e50e14e4f766-s.313uu58ed9idt.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/f9a7f4f17784fbaa-s.p.1fah83w58uawv.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:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}._9bR7Yq_className{font-family:Cairo,Cairo Fallback;font-style:normal}._9bR7Yq_variable{--font-cairo:"Cairo", "Cairo Fallback"}
@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c5a8e16e4d2fdb67.3ct1bjzmjks6d.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a99c25b2c6879f5.p.3gjqgyucvuvvf.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:Atkinson Hyperlegible Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5a8e16e4d2fdb67.3ct1bjzmjks6d.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9a99c25b2c6879f5.p.3gjqgyucvuvvf.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}.l_6-Dq_className{font-family:Atkinson Hyperlegible Mono;font-style:normal}.l_6-Dq_variable{--font-mono:"Atkinson Hyperlegible Mono"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#f47c70;--color-success:#6fc884;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#091121;--color-paper-2:#111a2c;--color-paper-3:#040a17;--color-ink:#ebeff4;--color-ink-2:#c5cbd2;--color-muted:#9ba5b5;--color-rule:#283347;--color-rule-2:#45536c;--color-accent:#deb95c;--color-accent-ink:#1f1401;--color-accent-soft:#3a2c01;--color-focus:#deb95c;--color-cool:#47c58c;--color-cool-soft:#04321e;--m-emerald:#0baa6b;--m-deep:#0b764d;--m-mint:#65dfaf;--m-gold:#deb95c;--color-ok:#61cb7c;--color-ok-soft:#162519;--color-bad:#f66d67;--color-bad-soft:#2f1a18;--font-display:var(--font-cairo), ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--font-outlier:var(--font-mono), ui-monospace, monospace;--radius-card:10px;--radius-pill:6px;--rule-hair:1px;--shadow-card:none;--tracking-display:-.02em;--display-weight:600}@supports (color:lab(0% 0 0)){:root{--color-error:lab(66.0977% 46.4553 28.7923);--color-success:lab(73.824% -38.9805 25.4059);--color-paper:lab(5.08231% .521049 -11.6992);--color-paper-2:lab(9.26709% .472218 -13.5961);--color-paper-3:lab(2.64692% .353299 -7.24657);--color-ink:lab(94.1935% -.877976 -2.85867);--color-ink-2:lab(81.4149% -.955999 -4.39231);--color-muted:lab(67.4414% -1.40306 -9.18316);--color-rule:lab(20.891% -.151902 -14.4559);--color-rule-2:lab(34.8015% -.509307 -16.3574);--color-accent:lab(77.0982% 5.79384 51.6738);--color-accent-ink:lab(7.22788% 4.17398 10.5845);--color-accent-soft:lab(18.9065% 3.609 26.3884);--color-focus:lab(77.0982% 5.79384 51.6738);--color-cool:lab(71.6908% -46.4717 18.2798);--color-cool-soft:lab(17.2702% -20.0413 7.86889);--m-emerald:lab(61.3602% -49.4916 21.7706);--m-deep:lab(43.4476% -36.7964 14.4413);--m-mint:lab(80.8493% -44.1667 12.5888);--m-gold:lab(77.0982% 5.79384 51.6738);--color-ok:lab(74.0644% -45.1248 29.5688);--color-ok-soft:lab(12.8099% -8.94668 5.78065);--color-bad:lab(63.526% 53.3685 30.8739);--color-bad-soft:lab(12.0853% 10.8797 6.03177)}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-ink);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale()contrast(1.08);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:var(--color-paper-3);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3}[dir=rtl] body{line-height:1.65}[dir=rtl] .lead{line-height:1.6}.display-s{max-width:24ch;font-size:var(--text-display-s)}.lead{color:var(--color-ink-2)}small{font-size:var(--text-sm);color:var(--color-muted)}.measured{font-family:var(--font-outlier);font-size:var(--text-sm);font-variant-numeric:tabular-nums slashed-zero}.skip{inset-inline-start:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute}.skip:focus-visible{top:var(--space-md)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-paper-3);border-color:var(--color-muted)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.btn--sm{min-height:44px;padding:0 var(--space-md)}.link{padding-block:var(--space-xs);color:var(--color-ink);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);transition:color var(--dur-short) var(--ease-out);font-weight:500;display:inline-block}.link:hover{color:var(--color-accent)}.actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.nav{inset-inline:0;top:var(--space-md);z-index:var(--z-sticky-nav);padding-inline:var(--space-md);pointer-events:none;justify-content:center;display:flex;position:fixed}.nav__bar{align-items:center;gap:var(--space-lg);width:min(100%,56rem);padding-block:var(--space-xs);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper-2);pointer-events:auto;padding-inline-start:var(--space-md);padding-inline-end:var(--space-xs);display:flex}.nav__links{gap:var(--space-lg);margin:0 auto;padding:0;list-style:none;display:flex}.nav__links a,.nav__lang,.footer__links a{color:var(--color-ink-2);transition:color var(--dur-short) var(--ease-out);text-decoration:none}.nav__links a:hover,.nav__lang:hover,.footer__links a:hover{color:var(--color-accent)}.nav__links a{align-items:center;min-height:44px;display:inline-flex}.nav__lang{min-height:44px;padding-inline:var(--space-xs);font-size:var(--text-sm);align-items:center;display:inline-flex}.brand{align-items:center;gap:var(--space-sm);color:var(--color-ink);text-decoration:none;display:inline-flex}.brand__mark{flex:none;width:40px;height:36px}.brand__name{font-weight:600;font-size:var(--text-lg);white-space:nowrap}.nav__bar .brand{margin-inline-end:auto}.nav__links~.nav__lang{margin-inline-start:0}.nav__bar:has(.nav__links) .brand{margin-inline-end:0}.hero{min-height:100svh;padding-block:calc(var(--space-3xl) + var(--space-md)) var(--space-xl);align-items:center;display:grid}.hero__grid{gap:var(--space-2xl) var(--space-2xl);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;display:grid}.hero__text{gap:var(--space-lg);justify-items:start;display:grid}.hero__text h1{max-width:18ch}.hero__text .lead{max-width:40ch}.hero__text .actions{margin-block-start:var(--space-xs)}.hero__panel{aspect-ratio:1;max-height:72svh;padding:var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);place-items:center;display:grid}.hero__mark{aspect-ratio:240/216;width:min(100%,26rem);height:auto}.hero .mk-trace{stroke-dasharray:1;stroke-dashoffset:1px;animation:trace 1.2s var(--ease-out) forwards}.hero .mk-trace:first-child{animation-delay:.2s}.hero .mk-trace:nth-child(2){animation-delay:.35s}.hero .mk-trace:nth-child(3){animation-delay:.5s}.hero .mk-trace:nth-child(4){animation-delay:.65s}.hero .mk-trace:nth-child(5){animation-delay:.8s}@keyframes trace{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.hero .mk-trace{stroke-dashoffset:0;animation:none}}.section{padding-block:var(--section-gap-s)}#work,#contact{padding-block:var(--section-gap)}.band{padding-block:var(--section-gap-s);background:var(--color-paper-3);color:var(--color-ink);border-block:var(--rule-hair) solid var(--color-rule)}.statement{gap:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;display:grid}.split{gap:var(--space-2xl);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.split--form{gap:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.split__head{gap:var(--space-lg);align-content:start;display:grid}.panels{gap:var(--rule-hair);margin:var(--space-2xl) 0 0;background:var(--color-rule);color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:repeat(12,minmax(0,1fr));padding:0;list-style:none;display:grid;overflow:hidden}.panel{justify-content:flex-end;gap:var(--space-md);min-height:19rem;padding:var(--space-xl);background:var(--color-paper-2);color:var(--color-ink);flex-direction:column;display:flex}.panel h3{max-width:22ch}.panel p{max-width:46ch;font-size:var(--text-lg);color:var(--color-muted)}.panel--1{background:var(--color-paper-3);color:var(--color-ink);grid-column:span 7}.panel--2,.panel--3{grid-column:span 5}.panel--4{grid-column:span 7}.panel--1 h3{font-size:var(--text-section);max-width:16ch}.panel--4 h3,.panel--2 h3,.panel--3 h3{font-size:var(--text-xl)}.work-head{gap:var(--space-lg) var(--space-2xl);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;display:grid}.work-head .lead{max-width:40ch}.works{gap:var(--space-xl) var(--space-2xl);margin:var(--space-2xl) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.entry{gap:var(--space-lg);grid-template-rows:auto 1fr;min-width:0;display:grid}.entry--lead{grid-column:1/-1}.entry__shot{aspect-ratio:16/10;border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper-3);transition:border-color var(--dur-short) var(--ease-out);margin:0;overflow:hidden}.entry--lead .entry__shot{aspect-ratio:21/9}.entry__shot img{object-fit:cover;object-position:top;width:100%;height:100%}.entry:hover .entry__shot{border-color:var(--color-accent)}.entry__body{gap:var(--space-md) var(--space-xl);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.entry--lead .entry__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.entry__text{gap:var(--space-xs);display:grid}.entry__text p{color:var(--color-muted)}.entry--lead h3{font-size:var(--text-3xl);max-width:20ch}.entry__side{gap:var(--space-sm);align-content:start;justify-items:start;display:grid}.entry:not(:has(.entry__shot)){padding:var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2)}.entry.entry--open{background:var(--color-paper-3);grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;align-items:center}.facts{gap:var(--space-lg) var(--space-2xl);flex-wrap:wrap;margin:0;display:flex}.facts dt{font-size:var(--text-sm);color:var(--color-muted)}.facts dd{color:var(--color-ink);margin:0}.facts--stack{gap:var(--space-md);flex-direction:column}.facts a{-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2)}.facts a:hover{color:var(--color-accent)}.trail{counter-reset:step;gap:var(--space-xl);margin:var(--space-2xl) 0 0;border-block-start:var(--rule-hair) solid var(--color-rule-2);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.trail li{counter-increment:step;gap:var(--space-sm);align-content:start;padding-block-start:var(--space-xl);display:grid;position:relative}.trail li:before{content:counter(step);inset-inline-start:0;border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper);width:29px;height:29px;color:var(--color-accent);font:500 var(--text-sm)/1 var(--font-outlier);place-items:center;display:grid;position:absolute;top:-15px}[lang=ar] .trail li:before{content:counter(step, arabic-indic)}.trail h3{font-size:var(--text-xl)}.trail p{max-width:46ch;font-size:var(--text-lg);color:var(--color-muted)}.form{gap:var(--space-lg);display:grid}.field{gap:var(--space-xs);display:grid}.field label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.field input,.field textarea{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);outline-offset:-3px;outline:2px solid #0000}.field textarea{resize:vertical;min-height:9rem}.field input:focus-visible,.field textarea:focus-visible{outline-color:var(--color-focus)}.field input[aria-invalid],.field textarea[aria-invalid]{border-color:var(--color-error)}.field input:disabled,.field textarea:disabled{opacity:.55;cursor:not-allowed}.form__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.form__help{min-height:1lh;font-size:var(--text-sm);color:var(--color-muted)}.form__help[data-state=error]{color:var(--color-error)}.footer{padding-block:var(--section-gap-s) var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.footer__inner{gap:var(--space-2xl);display:grid}.footer__signoff{max-width:18ch;font-size:var(--text-display-s);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);line-height:1.2}[dir=rtl] .footer__signoff{letter-spacing:0}.footer__row{justify-content:space-between;align-items:center;gap:var(--space-lg) var(--space-2xl);border-block-start:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;padding-block-start:var(--space-lg);display:flex}.footer__links{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer__links a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:60rem){.nav__links{display:none}.nav__bar .brand{margin-inline-end:auto}.nav__bar:has(.nav__links) .brand{margin-inline-end:auto}.trail{gap:var(--space-xl);border-block-start:0;border-inline-start:var(--rule-hair) solid var(--color-rule-2);grid-template-columns:minmax(0,1fr)}.trail li{padding-block-start:0;padding-inline-start:var(--space-xl)}.trail li:before{inset-inline-start:-15px;top:0}.hero__grid,.statement,.split,.split--form,.work-head,.works,.entry--lead .entry__body{grid-template-columns:minmax(0,1fr)}.entry--lead .entry__shot{aspect-ratio:16/10}.entry:not(:has(.entry__shot)){padding:var(--space-lg)}.entry.entry--open{grid-template-columns:minmax(0,1fr);justify-items:start}.hero__panel{aspect-ratio:auto;max-height:none;padding:var(--space-lg)}.hero__mark{width:min(100%,14rem)}.panel--1,.panel--2,.panel--3,.panel--4{grid-column:span 12}.panel{min-height:14rem;padding:var(--space-lg)}}@media (max-width:40rem){.brand__name{font-size:var(--text-md)}.nav__bar .btn{display:none}.nav__bar{gap:var(--space-sm)}.hero{padding-block-start:calc(var(--space-2xl) + var(--space-xl))}}main h2:not(.display-s):before,.display-s:before{content:"";width:var(--space-xl);height:3px;background:var(--color-accent);border-radius:2px;margin-block-end:var(--space-md);display:block}.hero__panel{position:relative}.hero__panel:before{content:"";inset:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:calc(var(--radius-card) - 4px);pointer-events:none;position:absolute}.panel{transition:background-color var(--dur-short) var(--ease-out)}.panel:hover{background:var(--color-paper-3)}.panel--1:hover{background:var(--color-paper-2)}.progress{z-index:calc(var(--z-sticky-nav) + 1);background:var(--color-accent);transform-origin:0;pointer-events:none;height:3px;position:fixed;inset-block-start:0;inset-inline:0}[dir=rtl] .progress{transform-origin:100%}@media (prefers-reduced-motion:reduce){.progress{display:none}}.entry:not(.entry--lead):not(.entry--open):nth-last-child(2):nth-child(2n){grid-column:1/-1}.entry:not(.entry--lead):not(.entry--open):nth-last-child(2):nth-child(2n) .entry__shot{aspect-ratio:21/9}@media (max-width:60rem){.entry:not(.entry--lead):not(.entry--open):nth-last-child(2):nth-child(2n) .entry__shot{aspect-ratio:16/10}}.icon{flex:none;width:1.25em;height:1.25em}.band--developer{padding-block:var(--section-gap);background:var(--color-paper-2);color:var(--color-ink)}.developer{gap:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.developer__id{gap:var(--space-sm);align-content:start;display:grid}.developer__id .lead{color:var(--color-muted)}.developer__body{gap:var(--space-lg);justify-items:start;display:grid}.developer__body p{max-width:46ch;font-size:var(--text-lead);color:var(--color-ink-2);line-height:1.6}.fab{z-index:var(--z-sticky-nav);background:var(--color-accent);width:56px;height:56px;color:var(--color-accent-ink);transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:fixed;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}.fab:hover{background:var(--color-ink);color:var(--color-paper)}.fab:active{transform:translateY(1px)}.fab:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.fab__icon{width:28px;height:28px}@media (max-width:60rem){.developer{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.fab{inset-block-end:var(--space-md);inset-inline-end:var(--space-md)}}@media (prefers-reduced-motion:reduce){.fab:active{transform:none}}