@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/host-grotesk-latin-400-normal-qDxuE_yq.woff2)format("woff2"),url(/assets/host-grotesk-latin-400-normal-B5l3BUS2.woff)format("woff")}@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/host-grotesk-latin-500-normal-B7155YqD.woff2)format("woff2"),url(/assets/host-grotesk-latin-500-normal-CYkrbnPr.woff)format("woff")}@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/host-grotesk-latin-700-normal-C2wxdkf9.woff2)format("woff2"),url(/assets/host-grotesk-latin-700-normal-Ckiqqr0A.woff)format("woff")}@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/host-grotesk-latin-800-normal-BJv2eFqJ.woff2)format("woff2"),url(/assets/host-grotesk-latin-800-normal-B3JuP_lY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DTRLJnHl.woff2)format("woff2"),url(/assets/geist-mono-latin-400-normal-B2yvC1Cq.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-YINYabwD.woff2)format("woff2"),url(/assets/geist-mono-latin-500-normal-D-GG86Jb.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-700-normal-DXnsSW3z.woff)format("woff")}:root{--ink:#0a0a09;--panel:#141412;--panel-2:#1b1b18;--line:#22221f;--line-2:#3a3a35;--bone:#f1efe8;--mute:#8c8a82;--dim:#6b6a63;--unlit:#2a2a26;--acc:#ff5a1f;--blue:#5b6cff;--sand:#e9d8b4;--green:#7bd88f;--sans:"Host Grotesk", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--arabic:"Noto Sans Arabic", "Segoe UI", sans-serif;--g:36px;--hud-h:88px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-io:cubic-bezier(.44, 0, .56, 1)}@media (width<=1199px){:root{--g:32px;--hud-h:72px}}@media (width<=809px){:root{--g:16px;--hud-h:64px}}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--bone);scroll-padding-top:var(--hud-h);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.45;overflow-x:clip}::selection{background:var(--acc);color:var(--ink)}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,video,svg{max-width:100%;display:block}em{font-style:normal}:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--acc);color:var(--ink);transition:transform .2s var(--ease);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus-visible{transform:none}.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.5}.mono-sm{font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.55}.serif{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.muted{color:var(--mute)}.acc{color:var(--acc)}.blue{color:var(--blue)}.sand{color:var(--sand)}.green{color:var(--green)}.tabular{font-variant-numeric:tabular-nums}.link-dim{transition:color .2s var(--ease-io)}@media (hover:hover){.link-dim:hover{color:var(--mute)}}.link-dim:active{color:var(--mute)}.display{letter-spacing:-.04em;margin-top:20px;font-size:clamp(52px,8.34vw,168px);font-weight:800;line-height:.9}.display--md{font-size:clamp(44px,6.67vw,132px);line-height:.92}.display .serif{letter-spacing:-.01em}.btn{white-space:nowrap;transition:background-color .25s var(--ease-io), color .25s var(--ease-io), border-color .25s var(--ease-io), transform .25s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;display:inline-flex}.btn--acc{background:var(--acc);color:var(--ink)}.btn--bone{background:var(--bone);color:var(--ink)}.btn--ghost{border-color:var(--line-2);color:var(--bone)}.btn__dot{background:currentColor;border-radius:50%;width:7px;height:7px}@media (hover:hover){.btn--acc:hover{background:var(--bone)}.btn--bone:hover{background:var(--acc)}.btn--ghost:hover{border-color:var(--bone)}}.btn:active{transform:scale(.97)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.js [data-reveal]{opacity:0;transition:opacity 1.1s var(--ease), transform 1.1s var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(40px)}.js [data-reveal][data-revealed]{opacity:1;transform:none}.js .card[data-reveal]{transition:opacity .9s var(--ease), transform 1.1s var(--ease), filter .5s var(--ease)}.js .step[data-reveal]{transition:opacity 1.1s var(--ease), transform 1.1s var(--ease), background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease)}.hud{z-index:50;position:fixed;inset:0 0 auto}.hud__bar{height:var(--hud-h);padding:0 var(--g);transition:height .4s var(--ease), background-color .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #0000;grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.hud.is-scrolled .hud__bar,.hud.is-open .hud__bar{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#0a0a09b8;height:64px}.hud__logo{justify-self:start;align-items:center;gap:12px;font-size:13px;display:inline-flex}.live-dot{background:var(--acc);width:6px;height:6px;animation:2.4s step-end infinite blink}.hud__nav{gap:40px;display:flex}.hud__geo{color:var(--mute)}.hud__actions{justify-self:end;align-items:center;gap:10px;display:flex}.hud__menu{border:1px solid var(--line-2);border-radius:999px;justify-self:end;padding:10px 16px;display:none}.hud__panel{top:calc(100% + 8px);right:var(--g);left:var(--g);background:var(--panel);border:1px solid var(--line-2);border-radius:18px;flex-direction:column;gap:6px;padding:24px;display:flex;position:absolute;box-shadow:0 30px 80px #00000080}.hud__panel[hidden]{display:none}.hud__panel a{letter-spacing:-.03em;font-size:34px;font-weight:500}.hud__panel .hud__panel-cta{color:var(--acc);margin-bottom:10px}@media (width<=1199px){.hud__bar{grid-template-columns:1fr auto}.hud__nav,.hud__geo,.hud__actions{display:none}.hud__menu{display:inline-flex}}.hero{--mx:0;--my:0;--sy:0;--top-line:88px;--bottom-line:64px;isolation:isolate;height:max(680px,min(100svh,64vw));position:relative;overflow:hidden}.hero__glow{z-index:-2;pointer-events:none;background:radial-gradient(38vw 38vw at 69% 60%,#ff5a1f4d,#0000 70%),radial-gradient(22vw 22vw at 90% 88%,#5b6cff33,#0000 70%);position:absolute;inset:0}.hud-grid{z-index:-1;pointer-events:none;position:absolute;inset:0}.hud-grid__v{background:var(--line);width:1px;top:0;bottom:0;left:calc(var(--g) + var(--c) * (100% - 2 * var(--g)) / 4);position:absolute}.hud-grid__h{background:var(--line);height:1px;position:absolute;left:0;right:0}.hud-grid__h--top{top:var(--top-line)}.hud-grid__h--bottom{bottom:var(--bottom-line)}.cross{width:11px;height:11px;left:calc(var(--g) + var(--c) * (100% - 2 * var(--g)) / 4);background:linear-gradient(var(--acc), var(--acc)) center / 11px 1px no-repeat, linear-gradient(var(--acc), var(--acc)) center / 1px 11px no-repeat;margin:-5px 0 0 -5px;position:absolute}.cross--top{top:var(--top-line)}.cross--bottom{top:calc(100% - var(--bottom-line))}.hero__char{--size:max(360px, min(42.9vw, 67svh));z-index:0;width:var(--size);transform:translate3d(calc(-50% + var(--mx) * -16px), calc(-50% + var(--sy) * .22px + var(--my) * -10px), 0);will-change:transform;position:absolute;top:57.3%;left:67.6%}.portrait__media{aspect-ratio:1;isolation:isolate;animation:char-in 1.6s var(--ease) .2s both;background:#d36b2f;border-radius:50%;position:relative;overflow:hidden}.portrait__img,.portrait__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__cols{z-index:2;top:calc(var(--top-line) + 32px);left:var(--g);right:var(--g);grid-template-columns:repeat(4,1fr);align-items:start;display:grid;position:absolute}.hero__role{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.15}.hero__bio{max-width:320px}.status{letter-spacing:.06em;color:var(--acc);background:#ff5a1f1f;border:1px solid #ff5a1f99;justify-self:start;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:inline-flex}.status__dot{background:var(--acc);width:6px;height:6px;animation:pulse 2s var(--ease-io) infinite;border-radius:50%}.hero__tags{z-index:3;pointer-events:none;position:absolute;inset:0}.tag{translate:calc(var(--mx) * var(--depth) * 26px) calc(var(--my) * var(--depth) * 18px);animation:pop .8s var(--ease) both;animation-delay:calc(var(--d) * 90ms);will-change:transform;display:block;position:absolute}.tag__cursor{transform-origin:2px 2px;width:15px;height:21px}.tag.is-click .tag__cursor{animation:click-cursor .32s var(--ease)}.tag.is-click .tag__pill{animation:click-pill .32s var(--ease)}.tag.is-click:before{content:"";width:20px;height:20px;animation:click-ring .6s var(--ease) forwards;pointer-events:none;border:2px solid;border-radius:50%;position:absolute;top:-9px;left:-9px}.tag__pill{font:500 12px/1.2 var(--mono);letter-spacing:.02em;white-space:nowrap;border-radius:999px;margin:2px 0 0 14px;padding:7px 12px;display:inline-block;box-shadow:0 10px 30px #00000059}.tag--bone{color:var(--bone)}.tag--bone .tag__pill{background:var(--bone);color:var(--ink)}.tag--sand{color:var(--sand)}.tag--sand .tag__pill{background:var(--sand);color:var(--ink)}.tag--acc{color:var(--acc)}.tag--acc .tag__pill{background:var(--acc);color:var(--ink)}.tag--blue{color:var(--blue)}.tag--blue .tag__pill{background:var(--blue);color:#fff}.tag--green{color:var(--green)}.tag--green .tag__pill{background:var(--green);color:var(--ink)}.tag--figma{top:32.6%;left:38.9%}.tag--rtl{top:45.6%;left:42.4%}.tag--tokens{top:34.6%;left:min(86.7%,100% - 170px)}.tag--claude{top:47.8%;left:min(86.8%,100% - 150px)}.tag--ux{top:34%;left:22%}.sticker{background:var(--bone);color:var(--ink);rotate:-8deg;translate:calc(var(--mx) * 30px) calc(var(--my) * 20px);animation:sticker-in .9s var(--ease) both;animation-delay:calc(var(--d) * 90ms);border-radius:14px;align-items:center;gap:10px;padding:10px 18px 12px;display:inline-flex;position:absolute;top:20.6%;left:min(85.3%,100% - 196px);box-shadow:0 12px 30px #0006}.sticker__ar{font:700 30px/1.2 var(--arabic)}.sticker__en{font:italic 400 28px/1 var(--serif);color:var(--acc)}.hero__head{z-index:2;left:calc(var(--g) - .04em);right:var(--g);bottom:calc(var(--bottom-line) + clamp(20px, 2.6vw, 44px));transform:translate3d(0, calc(var(--sy) * -.12px), 0);position:absolute}.hero__since{color:var(--acc);margin:0 0 clamp(4px,.6vw,12px) .08em;font-size:clamp(32px,4.17vw,80px);line-height:1}.hero__title{letter-spacing:-.04em;font-size:clamp(56px,13.06vw,250px);font-weight:800;line-height:.86}.hero__title .line{margin-top:-.04em;padding-top:.04em;display:block;overflow:hidden}.hero__title .char{animation:rise 1s var(--ease) both;animation-delay:calc(var(--i) * 32ms + .25s);display:inline-block}.hero__foot{z-index:2;left:var(--g);right:var(--g);height:var(--bottom-line);grid-template-columns:repeat(4,1fr) auto;align-items:center;display:grid;position:absolute;bottom:0}.load{animation:fade-up 1s var(--ease) both;animation-delay:calc(var(--d) * 90ms + .2s)}@media (width<=1199px){.hero{--top-line:72px;height:max(760px,min(100svh,96vw))}.hero__cols{grid-template-columns:1fr 1fr;row-gap:20px}.hero__motto{display:none}.hero__bio{grid-area:1/2}.status{grid-column:1}.hero__char{--size:max(320px, min(50vw, 56svh));top:55%;left:68%}.hero__foot{grid-template-columns:1fr 1fr auto}.hero__foot>:nth-child(3),.hero__foot>:nth-child(4){display:none}}@media (width<=809px){.hero{--top-line:64px;--bottom-line:52px;height:auto;min-height:max(700px,100svh)}.hud-grid__v:nth-child(2),.hud-grid__v:nth-child(4),.cross:nth-of-type(n),.hud-grid__v:nth-child(3){display:none}.hero__cols{top:calc(var(--top-line) + 24px);grid-template-columns:1fr}.hero__role{font-size:20px}.hero__bio{grid-area:auto/1;max-width:30ch}.hero__char{--size:62vw;top:56%;left:64%}.tag--figma,.tag--claude,.tag--tokens,.tag--ux{display:none}.tag--rtl{left:var(--g);top:57%}.sticker{left:var(--g);padding:8px 12px;top:46%}.sticker__ar{font-size:22px}.sticker__en{font-size:20px}.hero__title{font-size:14.2vw}.hero__foot{grid-template-columns:1fr auto}.hero__foot>:nth-child(2){display:none}}.tapes{height:clamp(220px,23.6vw,440px);position:relative;overflow:hidden}.tape{width:130%;position:absolute;top:50%;left:-15%;overflow:hidden}.tape--bone{background:var(--bone);color:var(--ink);translate:0 -50%;rotate:5deg}.tape--acc{background:var(--acc);color:var(--ink);translate:0 -50%;rotate:-4deg;box-shadow:0 16px 40px #00000080}.tape__track{width:max-content;animation:60s linear infinite marquee;display:flex}.tape--reverse .tape__track{animation-duration:52s;animation-direction:reverse}.tape__run{display:flex}.tape__item{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:32px;padding:22px 16px;font-size:clamp(24px,3.2vw,58px);font-weight:800;line-height:1;display:inline-flex}.tape__dot{background:var(--acc);border-radius:50%;width:.36em;height:.36em;margin-right:16px}.tape--acc .tape__dot{background:var(--ink)}@media (hover:hover){.tapes:hover .tape__track{animation-play-state:paused}}.section{padding:clamp(96px, 9.7vw, 160px) var(--g);border-top:1px solid var(--line)}.work{border-top:0;padding-top:clamp(80px,8.3vw,140px)}.section__head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(48px,5vw,80px);display:flex}@media (width<=809px){.section__head{flex-direction:column;align-items:flex-start}}.work__meta{flex-direction:column;align-items:flex-end;gap:18px;display:flex}.chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{border:1px solid var(--line-2);transition:background-color .25s var(--ease-io), color .25s var(--ease-io), border-color .25s var(--ease-io);border-radius:999px;padding:9px 14px;font-size:11px}.chip[aria-pressed=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}@media (hover:hover){.chip:not([aria-pressed=true]):hover{border-color:var(--bone)}}@media (width<=809px){.work__meta{align-items:flex-start}.chips{justify-content:flex-start}}.work__row{gap:24px;margin-bottom:clamp(48px,5vw,72px);display:grid}.work__row--cols3{grid-template-columns:repeat(3,1fr)}.work__row--cols5{grid-template-columns:repeat(5,1fr)}.work__row--filtered{grid-template-columns:repeat(2,1fr);row-gap:clamp(40px,4vw,64px)}.work__row--single{grid-template-columns:804fr 540fr}.card{flex-direction:column;gap:18px;display:flex}.card--enter{animation:card-in .8s var(--ease) both;animation-delay:calc(var(--d) * 70ms)}.card__media{background:var(--panel);border-radius:18px;position:relative;overflow:hidden}.card--lg .card__media{aspect-ratio:4/3}.card--sm .card__media{aspect-ratio:4/3;border-radius:12px}.card--eq .card__media{aspect-ratio:4/3}.card--sm{gap:12px}.media{transition:transform 1.2s var(--ease);position:absolute;inset:0}.media__poster,.media__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media__video{opacity:0;transition:opacity .6s var(--ease)}.media.is-playing .media__video{opacity:1}.media__toggle{width:34px;height:34px;color:var(--bone);opacity:0;transition:opacity .25s var(--ease-io);background:#0a0a09bf;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.card:hover .media__toggle,.media__toggle:focus-visible{opacity:1}@media (hover:none){.media__toggle{opacity:.7}}.card__index{background:#0a0a09d9;border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;top:14px;left:14px}.card__caption{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card__title{letter-spacing:-.02em;transition:color .2s var(--ease-io);font-size:clamp(20px,1.8vw,30px);font-weight:500;line-height:1.1}.card--sm .card__title{font-size:17px}.card__tags{margin-top:6px;font-size:11px}.card--sm .card__tags{font-size:10px}.card__link{white-space:nowrap;font-size:11px}@media (hover:hover){.card:hover .media{transform:scale(1.035)}.card:hover .card__title{color:var(--mute)}}.card:active .card__title{color:var(--mute)}.archive{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.archive__text{letter-spacing:-.03em;transition:color .2s var(--ease-io);font-size:clamp(22px,2.2vw,36px);font-weight:500}@media (hover:hover){.archive:hover .archive__text{color:var(--acc)}.archive:hover .btn--ghost{border-color:var(--bone)}}.follow{z-index:60;pointer-events:none;position:fixed;top:0;left:0}.follow__pill{background:var(--acc);color:var(--ink);font:500 18px/1 var(--sans);white-space:nowrap;transition:scale .35s var(--ease);border-radius:999px;padding:14px 22px;display:inline-block;translate:18px 18px;scale:0;box-shadow:0 10px 30px #00000059}.follow.is-on .follow__pill{scale:1}@media (width<=1199px){.work__row--cols5{grid-template-columns:repeat(3,1fr)}}@media (width<=809px){.work__row--cols3,.work__row--cols5,.work__row--filtered,.work__row--single{grid-template-columns:1fr}}.about__top{grid-template-columns:756fr 540fr;align-items:start;gap:clamp(40px,5vw,72px);display:grid}.about__left{flex-direction:column;gap:40px;display:flex}.manifesto{letter-spacing:-.045em;font-size:clamp(30px,3.9vw,68px);font-weight:500;line-height:1.06}.manifesto .w{color:var(--unlit);transition:color .45s var(--ease-io)}.manifesto .w.is-lit{color:var(--dim)}.manifesto .w--bright.is-lit{color:var(--bone)}.manifesto .w--acc.is-lit{color:var(--acc)}.manifesto .serif{letter-spacing:-.01em}.term{background:var(--panel);border:1px solid #2c2c28;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #ff5a1f29}.term__bar{background:var(--panel-2);align-items:center;gap:16px;padding:14px 18px;display:flex}.term__dots{gap:8px;display:inline-flex}.term__dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.term__dots i:nth-child(2){background:#febc2e}.term__dots i:nth-child(3){background:#28c840}.term__body{min-height:398px;font:400 14px/25px var(--mono);padding:22px 24px 26px}.term__line{white-space:pre-wrap}.caret{vertical-align:-.2em;background:var(--acc);width:.6em;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.stats{grid-template-columns:repeat(4,1fr);margin-top:clamp(80px,6.7vw,110px);display:grid}.stat{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding:28px 24px 0;display:flex}.stat+.stat{border-left:1px solid var(--line)}.stat:first-child{padding-left:0}.stat__num{letter-spacing:-.05em;align-items:baseline;gap:6px;font-size:clamp(64px,9.17vw,160px);font-weight:800;line-height:.9;display:flex}.stat__suf{letter-spacing:0;font-size:.42em}.clients{flex-direction:column;gap:28px;margin-top:clamp(72px,6.7vw,110px);display:flex}.clients__list{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.clients__list li{letter-spacing:-.03em;color:#6e6d66;transition:color .3s var(--ease-io);font-size:clamp(24px,2.36vw,40px);font-weight:700}.clients__list li.serif{letter-spacing:-.01em;font-size:clamp(30px,3.05vw,52px);font-weight:400}@media (hover:hover){.clients__list li:hover{color:var(--bone)}}@media (width<=1199px){.about__top{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);row-gap:40px}.stat:nth-child(3){border-left:0;padding-left:0}}@media (width<=809px){.term__body{min-height:344px;padding:18px;font-size:12.5px;line-height:22px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px 12px 0}.stat__num{font-size:18vw}.clients__list{justify-content:flex-start}}.xp__item{border-top:1px solid var(--line);transition:border-color .3s var(--ease-io)}.xp__item:last-child{border-bottom:1px solid var(--line)}.xp__row{text-align:left;width:100%;transition:background-color .35s var(--ease), color .35s var(--ease), padding .45s var(--ease);border-radius:14px;grid-template-columns:200px 1.25fr 1fr 1fr 32px;align-items:center;gap:24px;padding:26px 0;display:grid}.xp__years{color:var(--mute)}.xp__company{letter-spacing:-.04em;font-size:clamp(24px,2.5vw,40px);font-weight:500;line-height:1.05}.xp__role{letter-spacing:-.02em;font-size:clamp(16px,1.39vw,22px)}.xp__note{color:var(--mute)}.xp__arrow{color:var(--dim);transition:rotate .4s var(--ease);justify-self:end;font-size:26px}.xp__item.is-open .xp__arrow{rotate:90deg}.xp__row:hover,.xp__item.is-open .xp__row,.xp__row:focus-visible{background:var(--acc);color:var(--ink);padding-inline:24px}.xp__row:hover .xp__years,.xp__row:hover .xp__note,.xp__row:hover .xp__arrow,.xp__item.is-open .xp__years,.xp__item.is-open .xp__note,.xp__item.is-open .xp__arrow{color:var(--ink)}.xp__row:hover+.xp__panel,.xp__item:hover{border-color:#0000}.xp__panel{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid}.xp__item.is-open .xp__panel{grid-template-rows:1fr}.xp__panel-inner{overflow:hidden}.xp__panel p{max-width:720px;color:var(--mute);margin:24px 0 32px 248px;font-size:18px;line-height:1.55}@media (width<=1199px){.xp__row{grid-template-columns:140px 1fr 1fr 28px}.xp__note{display:none}.xp__panel p{margin-left:188px}}@media (width<=809px){.xp__row{grid-template-columns:1fr 24px;gap:6px 12px;padding:20px 0}.xp__years,.xp__company{grid-column:1}.xp__role{color:inherit;opacity:.75;grid-column:1}.xp__arrow{grid-area:1/2/span 3}.xp__row:hover,.xp__item.is-open .xp__row,.xp__row:focus-visible{padding-inline:16px}.xp__panel p{margin:16px 0 24px;font-size:16px}}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{background:var(--panel);min-height:380px;transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), transform 1.1s var(--ease), opacity 1.1s var(--ease);border:1px solid #2a2a26;border-radius:18px;flex-direction:column;justify-content:space-between;gap:40px;padding:28px;display:flex}.step__top{justify-content:space-between;align-items:flex-start;display:flex}.step__n{font-size:72px;line-height:.9}.step__mark{color:var(--mute);font-size:16px}.step__body{flex-direction:column;gap:14px;display:flex}.step__title{letter-spacing:-.05em;font-size:clamp(24px,2.08vw,34px);font-weight:500;line-height:1.05}.step__text{color:var(--mute);transition:color .4s var(--ease);line-height:1.45}.step__tools{font-size:11px}@media (hover:hover){.step:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}.step:hover .step__text{color:#3c3b36}.step:hover .step__mark{color:var(--ink)}}.learning{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:64px;padding-top:24px;display:flex}@media (width<=1199px){.steps{grid-template-columns:repeat(2,1fr)}.step{min-height:300px}}@media (width<=809px){.steps{grid-template-columns:1fr}.step{min-height:0}}.contact{isolation:isolate;padding:clamp(96px, 8.3vw, 140px) var(--g) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.contact__glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ff5a1f57,#0000 75%);width:70vw;height:70vw;position:absolute;bottom:-30vw;left:50%;translate:-50%}.contact__title{flex-direction:column;margin-top:24px;display:flex}.contact__l1{letter-spacing:-.025em;margin-left:-.04em;font-size:clamp(60px,13.9vw,270px);font-weight:800;line-height:.86}.contact__l2{letter-spacing:-.015em;font-size:clamp(42px,10.4vw,200px);line-height:.95}.badge{right:var(--g);aspect-ratio:1;background:var(--acc);width:clamp(120px,14.6vw,230px);color:var(--ink);transition:scale .4s var(--ease), background-color .3s var(--ease-io);border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(120px,10.4vw,170px);rotate:-12deg}.badge__ring{width:88%;height:88%;animation:24s linear infinite spin;position:absolute;inset:6%}.badge__ring text{font:500 11px var(--mono);letter-spacing:.18em;fill:var(--ink)}.badge__label{text-align:center;font-size:clamp(24px,2.8vw,48px);line-height:.95}@media (hover:hover){.badge:hover{background:var(--bone);scale:1.07}}.contact__mail{flex-wrap:wrap;align-items:center;gap:24px;margin-top:clamp(64px,7vw,110px);display:flex}.contact__email{letter-spacing:-.035em;text-underline-offset:.14em;transition:color .2s var(--ease-io);font-size:clamp(28px,3.9vw,66px);font-weight:500;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){.contact__email:hover{color:var(--acc)}}.contact__cols{grid-template-columns:repeat(4,1fr);margin-top:72px;display:grid}.contact__col{letter-spacing:-.02em;border-top:1px solid #2e2e2a;flex-direction:column;gap:10px;padding:22px 16px 0 0;font-size:20px;display:flex}.contact__col .mono{margin-bottom:4px}.contact__bar{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:90px;display:flex}.wordmark{letter-spacing:-.06em;text-align:center;color:var(--bone);opacity:.07;-webkit-user-select:none;user-select:none;pointer-events:none;margin:40px 0 -.3em;font-size:29vw;font-weight:800;line-height:.8}@media (width<=1199px){.contact__cols{grid-template-columns:repeat(2,1fr);row-gap:32px}.badge{margin:40px 0 0 auto;display:grid;position:relative;top:auto;bottom:auto;right:auto}}@media (width<=809px){.contact__cols{grid-template-columns:1fr}.contact__col{font-size:18px}.contact__bar{flex-direction:column}}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes char-in{0%{opacity:0;transform:translateY(60px)scale(.96)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes sticker-in{0%{opacity:0;rotate:12deg;scale:.5}to{opacity:1;rotate:-8deg;scale:1}}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:none}}@keyframes click-cursor{40%{scale:.78}}@keyframes click-pill{40%{scale:.94}}@keyframes click-ring{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.6}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{rotate:360deg}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #ff5a1f99}50%{box-shadow:0 0 0 6px #ff5a1f00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}.hero__char,.hero__head{transform:none}.tag,.sticker{translate:none}}