.hero{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:center;column-gap:30px;min-height:min(calc(100svh - var(--header-h)),880px);padding-block:clamp(40px,5vw,72px)}.hero__title{min-height:3em;text-wrap:wrap;font:500 var(--fs-hero)/1 var(--mono);letter-spacing:.02em;text-transform:uppercase}.hero__arrow{display:inline-block;width:1.4em;height:auto;margin-left:.3em;vertical-align:.1em;color:var(--acid)}.hero__typed{display:block}.hero__caret{position:relative;display:inline-block;width:0;height:.8em;vertical-align:-.02em;animation:hero-blink 1s steps(2,jump-none) infinite}.hero__caret:before{content:"";position:absolute;inset:0 auto 0 .06em;width:max(5px,.06em);background:#a0a0a0}@keyframes hero-blink{0%{opacity:1}to{opacity:0}}.hero__caption{margin-top:48px;color:var(--ink-3)}.hero__pile{container-type:inline-size;justify-self:end;width:100%;max-width:620px}.hero__box{--u: calc(100cqw / 620);position:relative;aspect-ratio:620 / 780}.hero__sticker{position:absolute}.hero__sticker:hover,.hero__sticker:focus-visible{z-index:15!important}.hero__crow{position:absolute;z-index:20;pointer-events:none}@media(max-width:1024px){.hero{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}}@media(max-width:768px){.hero{grid-template-columns:minmax(0,1fr);row-gap:32px;min-height:0}.hero__pile{justify-self:center;max-width:360px}}.card{position:relative;display:flex;flex-direction:column;width:clamp(290px,40.6vw,585px);min-height:clamp(340px,27.8vw,400px);padding:24px 24px 28px;border-radius:var(--r-card);color:var(--paper);transition:translate .2s var(--ease-out)}.card--wide{width:clamp(300px,52.8vw,760px)}a.card:hover{translate:0 -4px}.card--acid{background:var(--acid);color:var(--ink)}.card--pink{background:var(--pink);color:var(--ink)}.card--orange{background:var(--orange);color:var(--ink)}.card--ultra{background:var(--ultra)}.card--dialogik{background:var(--dialogik)}.card--ink{background:var(--ink)}.card--outline{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.card--outline:focus-visible{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 7px var(--ink)}.card__title{margin-top:clamp(40px,4vw,64px)}.card__text{max-width:26em;margin-top:14px}.card__tags{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:auto;padding-top:28px}.card__pilot{position:absolute;top:-12px;right:24px;z-index:2}.dirs{padding-top:clamp(40px,5vw,80px)}.dir{display:grid;grid-template-columns:48fr 52fr;align-items:start;column-gap:30px;padding-inline:var(--pad)}.dir~.dir{margin-top:clamp(80px,8vw,120px)}.dir__lead{max-width:30em;margin-top:28px}.dir__links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:36px}.dir__rail{min-width:0;margin-right:calc(-1 * var(--pad))}.dir__track{display:flex;gap:30px;margin-top:-16px;padding:16px var(--pad) 8px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.dir__item{flex:none;scroll-snap-align:start}.dir__item:only-child{flex:1 1 auto;min-width:0}.dir__item:only-child .card--wide{width:100%;max-width:760px}.dir--mirrored{grid-template-columns:52fr 48fr}.dir--mirrored .dir__text{order:2}.dir--mirrored .dir__rail{order:1;margin-right:0;margin-left:calc(-1 * var(--pad))}.dir--mirrored .dir__track{direction:rtl;padding:16px 0 8px var(--pad)}.dir--mirrored .dir__item{direction:ltr}@media(max-width:768px){.dir,.dir--mirrored{grid-template-columns:1fr;row-gap:28px}.dir--mirrored .dir__text{order:0}.dir__rail,.dir--mirrored .dir__rail{margin-inline:calc(-1 * var(--pad))}.dir__track,.dir--mirrored .dir__track{direction:ltr;gap:16px;padding-inline:var(--pad);scroll-padding-inline:var(--pad)}}.mega{padding-top:var(--section)}.skills-sec>.h2{margin-bottom:40px}.skills{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:clamp(640px,62vw,900px);padding:32px;overflow:hidden;border-radius:var(--r-card);background:var(--ink);color:var(--paper)}.skills__left{position:relative}.skills__list{position:relative;z-index:2;display:grid;justify-items:start;gap:4px}.skills__tab{display:flex;align-items:center;gap:0;color:var(--paper);font:500 clamp(28px,3.9vw,56px)/1.08 var(--mono);letter-spacing:.03em;text-align:left;text-transform:uppercase;transition:color .2s,gap .3s var(--ease-out)}.skills__tab.is-active{gap:18px;color:var(--acid)}.skills__pill{display:inline-grid;place-items:center;width:0;height:.9em;overflow:hidden;border-radius:999px;background:var(--acid);color:var(--ink);transition:width .3s var(--ease-out)}.skills__tab.is-active .skills__pill{width:1.6em}.skills__pill .arrow{width:1.05em;height:auto}.skills__crow{position:absolute;left:-32px;bottom:-32px;width:min(560px,100%);pointer-events:none}.skills__right{display:flex;flex-direction:column;gap:20px;min-width:0}.skills__panels{display:grid;flex:1}.skills__panel{grid-area:1 / 1;display:flex;flex-direction:column;gap:36px;padding:30px;border-radius:var(--r-panel);background:var(--ink-2);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.skills__panel.is-active{opacity:1;visibility:visible;transition:opacity .2s}.skills__group{display:grid;justify-items:start;gap:18px}.skills__items{display:grid;gap:10px}.skills__items a{display:inline-flex;align-items:flex-start;gap:12px;font:500 clamp(18px,1.8vw,26px)/1.15 var(--mono);letter-spacing:.04em;text-transform:uppercase;transition:color .2s}.skills__items a:hover{color:var(--acid)}.skills__diag{margin-top:.1em}.skills__cta{align-self:flex-start;margin-top:auto}.skills__tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skills__tool{display:grid;place-items:center;height:100px;border:1px solid var(--paper);border-radius:var(--r-panel);color:var(--paper)}.skills__tool-name{padding:6px;font:500 13px/1.1 var(--mono);letter-spacing:.04em;text-align:center;text-transform:uppercase}@media(max-width:900px){.skills{grid-template-columns:1fr;padding:20px}.skills__left{padding-bottom:clamp(240px,60vw,420px)}.skills__crow{left:-20px;bottom:-20px;width:min(420px,90%)}}@media(max-width:768px){.skills__tools{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.skills__tool{flex:none;width:100px}}.stack{display:grid;gap:22px;overflow:hidden;padding-block:calc(var(--section) * .6)}.stack__row{overflow:hidden}.stack__track{display:flex;width:max-content}.stack__track.is-running{animation:stack-left var(--dur) linear infinite}.stack__row--right .stack__track.is-running{animation-name:stack-right}.stack__row:hover .stack__track{animation-play-state:paused}@keyframes stack-left{0%{translate:0 0}to{translate:-50% 0}}@keyframes stack-right{0%{translate:-50% 0}to{translate:0 0}}.stack__item,.stack__sep{display:inline-flex;flex:none;align-items:center;margin-right:22px;border:1.5px solid var(--line);border-radius:999px}.stack__item{gap:18px;height:clamp(56px,5.6vw,80px);padding:0 28px}.stack__word{font:500 clamp(30px,3.9vw,56px)/1 var(--mono);letter-spacing:.03em;text-transform:uppercase}.stack__icon{width:clamp(28px,2.8vw,40px);height:auto}.stack__icon.tool--letter{--s: clamp(28px, 2.8vw, 40px);width:var(--s);height:var(--s)}.stack__sep{justify-content:center;width:56px;height:36px}.prod__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}.prod__steps{display:flex;gap:12px}.prod__step{display:grid;place-items:center;width:62px;height:38px;border:1.5px solid var(--line);border-radius:999px;transition:background-color .2s,color .2s}.prod__step:hover{background:var(--ink);color:var(--paper)}.prod__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.prod__tab{height:34px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;font:400 18px/1 var(--sans);text-transform:uppercase}.prod__tab.is-active{background:var(--ink);color:var(--paper)}.prod__panels{position:relative;display:grid;margin-top:44px}.prod__panel{grid-area:1 / 1;display:grid;grid-template-columns:45fr 55fr;gap:40px;padding:40px;border-radius:var(--r-card);background:var(--panel);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.prod__panel.is-active{opacity:1;visibility:visible;transition:opacity .2s}.prod__info{display:flex;flex-direction:column;gap:32px}.prod__title{font:500 clamp(32px,3.9vw,56px)/1.02 var(--mono);letter-spacing:.03em;text-transform:uppercase}.prod__metrics{display:grid;gap:14px}.prod__metrics li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:16px;font:400 var(--fs-lead)/1.3 var(--sans)}.prod__cta{align-self:flex-start;margin-top:auto}.prod__visual{position:relative;align-self:end}.prod__shot img{width:100%;height:auto;border-radius:var(--r-panel);box-shadow:0 0 0 1.5px var(--ink)}.prod__glue{--u: clamp(.6px, .07vw, 1px);position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;border-radius:var(--r-panel);background:var(--ink)}.prod__glue-name{position:absolute;display:flex;align-items:center;gap:10px;color:var(--acid);font:500 clamp(16px,1.53vw,22px)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.prod__glue-name{left:7%;translate:0 -50%}.prod__glue-name--0{top:18%}.prod__glue-name--1{top:39%}.prod__glue-name--2{top:61%}.prod__glue-name--3{top:82%}.prod__glue-key{justify-self:end;margin-right:9%;translate:0 8%}.prod__glue-label{min-width:4.2em}.prod__glue-arrow{color:var(--paper);width:clamp(44px,7.6vw,110px);height:auto}.prod__crow{position:absolute;top:-60px;right:24px;z-index:3;width:clamp(140px,15.3vw,220px);pointer-events:none}@media(max-width:900px){.prod__panel{grid-template-columns:1fr;padding:24px}.prod__crow{top:-96px;right:8px;width:100px}}.mf{background:var(--ink);color:var(--paper)}.mf__stage{position:relative;padding-top:clamp(80px,9.7vw,140px);background:var(--paper)}.mf__stage:before{content:"";position:absolute;inset:auto 0 0;height:40%;background:var(--ink)}.mf__panel{position:relative;height:clamp(250px,52.8vw,760px);border-radius:var(--r-card);background:var(--pink-soft);color:var(--ink)}.mf__crow{position:absolute;left:50%;top:calc(-1*clamp(80px,9.7vw,140px));width:clamp(340px,69vw,1000px);translate:-50% 0;pointer-events:none}.mf__title{position:absolute;right:clamp(20px,2.8vw,40px);bottom:clamp(20px,2.8vw,40px);left:clamp(20px,2.8vw,40px);z-index:2;display:grid;gap:.05em;font:500 clamp(40px,11.1vw,160px)/.95 var(--mono);letter-spacing:.1em;text-transform:uppercase}.mf__line{display:flex;justify-content:space-between;align-items:center}.mf__line--solo{justify-content:flex-start}.mf__disc{--u: clamp(.5px, .11vw, 1.6px)}.mf__points{display:grid;padding-top:clamp(60px,7vw,100px)}.mf__points li{display:grid;grid-template-columns:clamp(40px,4.4vw,64px) 1fr;align-items:center;gap:28px;padding-block:26px;border-top:1px solid var(--rule-night);font:400 clamp(20px,2.2vw,32px)/1.25 var(--sans)}.mf__points li:last-child{border-bottom:1px solid var(--rule-night)}.mf__arrow{width:100%;height:auto;color:var(--acid)}@media(max-width:768px){.mf__title{letter-spacing:.06em}}.proc__list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:clamp(40px,4.4vw,64px)}.proc__step{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.proc__head{display:flex;align-items:center;gap:18px;width:100%}.proc__num{color:var(--acid);font:500 clamp(72px,11.1vw,160px)/.9 var(--mono);letter-spacing:-.02em}.proc__arrow{width:clamp(40px,5.6vw,80px);height:auto;color:var(--paper)}.proc__desc{max-width:22em;color:var(--muted-night)}.proc__dur{--halo: block;margin-top:8px}@media(max-width:1024px){.proc__list{grid-template-columns:repeat(2,1fr);row-gap:56px}}@media(max-width:768px){.proc__list{grid-template-columns:1fr}.proc__arrow{display:none}}.blog__head{display:flex;align-items:flex-end;gap:24px}.blog__all{display:grid;place-items:center;flex:none;width:62px;height:38px;margin-bottom:.4em;border:1.5px solid var(--paper);border-radius:999px;transition:background-color .2s,color .2s}.blog__all:hover{background:var(--paper);color:var(--ink)}.blog__track{display:flex;gap:30px;padding:40px var(--pad) 8px;overflow-x:auto;scroll-padding-inline:var(--pad);scroll-snap-type:x mandatory}.blog__item{flex:none;width:clamp(290px,39.6vw,570px);scroll-snap-align:start}.post{display:grid;gap:22px}.post:hover .pcover{translate:0 -4px}.post__title{font:500 clamp(17px,1.53vw,22px)/1.2 var(--mono);letter-spacing:.03em;text-transform:uppercase}
