@charset "UTF-8";
@font-face{font-family:Archivo;src:url('fonts/archivo-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url('fonts/archivo-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Archivo;src:url('fonts/archivo-900.ttf') format('truetype');font-weight:900;font-display:swap}@font-face{font-family:PlexMono;src:url('fonts/ibm-plex-mono-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#08090b;--surface:#111318;--text:#f3f5f7;--muted:#a9afb7;--line:rgba(243,245,247,.16);--accent:#315bff;--pad:clamp(20px,4.8vw,76px);--max:1480px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Archivo,Arial,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:1000;left:16px;top:-70px;background:var(--text);color:var(--bg);padding:12px 16px}.skip:focus{top:16px}.progress{position:fixed;z-index:300;inset:0 0 auto;height:3px}.progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:page-progress linear both;animation-timeline:scroll(root block)}header{position:fixed;z-index:200;left:0;right:0;top:0;height:72px;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:rgba(8,9,11,.88);backdrop-filter:blur(16px)}.brand{display:flex;flex-direction:row;align-items:center;gap:10px;line-height:.9}.brand>img{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.brand>span{display:flex;flex-direction:column}.brand strong{font-size:20px;font-weight:900;letter-spacing:.12em}.brand small{font:400 7px/1 PlexMono,monospace;letter-spacing:.34em;color:var(--accent);margin-top:8px}nav{display:flex;justify-content:center;gap:30px}nav a,.header-cta{font:400 10px/1 PlexMono,monospace}.header-cta{padding:11px 0;border-bottom:2px solid var(--accent)}.menu{display:none;position:relative;width:48px;height:48px;border:0;background:none;color:var(--text)}.menu span{position:absolute;left:10px;width:27px;height:2px;background:currentColor;top:18px;transition:.3s var(--ease)}.menu span:last-child{top:28px}.menu[aria-expanded=true] span:first-child{transform:translateY(5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-5px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:180;inset:0;background:var(--bg);padding:110px var(--pad) 50px;display:flex;flex-direction:column;transform:translateY(-102%);transition:transform .7s var(--ease);visibility:hidden}.mobile-nav.open{transform:none;visibility:visible}.mobile-nav a{font-size:clamp(32px,8vw,58px);font-weight:700;line-height:1.05;padding:16px 0;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}h1{font-size:clamp(58px,8vw,124px);line-height:.82;margin:0;font-weight:900}h2{font-size:clamp(45px,6.8vw,108px);line-height:.88;margin:0;font-weight:900}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;font:400 11px/1 PlexMono,monospace;white-space:nowrap;border:1px solid var(--line);transition:transform .25s,background .25s,color .25s}.button:active{transform:scale(.98)}.button-primary{background:var(--accent);border-color:var(--accent);color:white}.button-primary:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.button-ghost:hover{border-color:var(--text)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.hero{position:relative;min-height:100svh;padding:96px var(--pad) 36px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;z-index:1;inset:0 32% 0 0;background:rgba(8,9,11,.52);clip-path:polygon(0 0,100% 0,78% 100%,0 100%);pointer-events:none}#field{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-grid{display:none}.hero-copy{position:relative;z-index:2;width:min(860px,66vw)}.hero-label{font:400 10px/1.4 PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 28px}.hero h1{max-width:840px}.hero-lead{max-width:620px;font-size:clamp(17px,1.6vw,22px);line-height:1.45;color:var(--muted);margin:30px 0}.hero-actions{display:flex;gap:12px}.field-note{position:absolute;right:var(--pad);bottom:34px;display:flex;align-items:center;gap:14px;font:400 8px/1 PlexMono,monospace;color:var(--muted)}.field-note i{width:70px;height:1px;background:var(--accent)}
.kinetic{min-height:100svh;border-bottom:1px solid var(--line)}.kinetic-stage{min-height:100svh;display:grid;place-content:center;padding:120px var(--pad);position:relative;overflow:hidden}.kinetic-line{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .22em;max-width:1400px;margin:0 auto;font-size:clamp(50px,9.7vw,158px);font-weight:900;line-height:.82;letter-spacing:-.07em;text-align:center}.word{display:inline-block}.kinetic-support{font:400 12px/1.4 PlexMono,monospace;color:var(--muted);max-width:430px;margin:50px auto 0;text-align:center}.kinetic-axis{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent);opacity:.4}
.experience{min-height:100svh;border-bottom:1px solid var(--line)}.experience-stage{min-height:100svh;padding:110px 0 55px;position:relative;overflow:hidden}.experience-heading{position:relative;z-index:3;padding:0 var(--pad);width:48vw}.experience-heading h2{font-size:clamp(48px,6.8vw,100px)}.experience-heading p{max-width:520px;color:var(--muted);line-height:1.6;margin:24px 0 0}.film-viewport{margin-top:65px;margin-left:28vw;width:72vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.film-viewport::-webkit-scrollbar{display:none}.film-track{display:flex;gap:16px;width:max-content;padding-right:var(--pad)}figure{margin:0;width:min(56vw,850px);scroll-snap-align:start;position:relative;background:var(--surface)}figure img{display:block;width:100%;height:clamp(340px,52vh,640px);object-fit:cover;filter:grayscale(1) contrast(1.2);opacity:.82}figure:after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:multiply;opacity:.42;pointer-events:none}figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px;display:flex;justify-content:space-between;align-items:end;background:rgba(8,9,11,.86);font-size:16px}figcaption b{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em}figcaption span{font:400 10px/1.4 PlexMono,monospace;max-width:180px;color:var(--muted)}.editorial-disclosure{font:400 9px/1.5 PlexMono,monospace;color:#9096a0;margin:16px var(--pad) 0;text-align:right}
.proof{padding:clamp(110px,13vw,200px) var(--pad);border-bottom:1px solid var(--line)}.proof-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:7vw;align-items:end;margin-bottom:70px}.proof-intro h2{font-size:clamp(48px,6.5vw,100px)}.proof-intro p{color:var(--muted);line-height:1.65;max-width:590px;margin:0}.proof-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(280px,36vw));gap:10px}.proof-shot{position:relative;overflow:hidden;border:1px solid var(--line);grid-column:1/5}.proof-shot:nth-child(4){grid-column:5/9}.proof-wide{grid-column:1/9;grid-row:1}.proof-tall{grid-column:9/13;grid-row:1/3}.proof-shot img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:filter .5s var(--ease),transform 1s var(--ease)}.proof-shot:hover img{filter:saturate(1) contrast(1.04);transform:scale(1.015)}.proof-shot span{position:absolute;left:0;bottom:0;background:rgba(8,9,11,.9);padding:12px 15px;font:400 9px/1 PlexMono,monospace}.proof-note{margin:18px 0 0;color:#7d838d;font:400 8px/1.5 PlexMono,monospace}.formation{padding:clamp(110px,13vw,200px) var(--pad);border-bottom:1px solid var(--line)}.formation-intro{max-width:920px}.formation-intro h2{font-size:clamp(52px,7vw,110px)}.formation-intro p{max-width:570px;color:var(--muted);line-height:1.6;margin:26px 0 80px}.curriculum{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.curriculum article{min-height:270px;padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.curriculum h3{font-size:clamp(28px,3.4vw,54px);line-height:.95;max-width:500px}.curriculum p{color:var(--muted);line-height:1.55;max-width:420px;margin:40px 0 0}.practical-note{font:400 10px/1.5 PlexMono,monospace;color:var(--muted);margin:28px 0 0;max-width:680px}
.audience{min-height:100svh;display:grid;grid-template-columns:42% 58%;border-bottom:1px solid var(--line)}.audience-media{position:relative;overflow:hidden;border-right:1px solid var(--line)}.audience-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25);opacity:.62}.audience-media:after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:multiply;opacity:.48}.scan{position:absolute;z-index:2;left:0;right:0;top:48%;height:1px;background:rgba(243,245,247,.2);box-shadow:0 18px 0 rgba(243,245,247,.08),0 -18px 0 rgba(243,245,247,.08);animation:scan 8s linear infinite}.audience-copy{padding:clamp(90px,10vw,160px) var(--pad);align-self:center}.audience-copy h2{font-size:clamp(48px,6vw,94px)}.audience-copy>p{max-width:650px;font-size:18px;line-height:1.65;color:var(--muted);margin:28px 0 46px}.audience ul{list-style:none;padding:0;margin:0;max-width:700px}.audience li{font-size:clamp(18px,2vw,27px);padding:18px 0;border-bottom:1px solid var(--line)}.audience small{display:block;max-width:620px;font:400 9px/1.6 PlexMono,monospace;color:#7d838d;margin-top:34px}
.method{padding:clamp(110px,13vw,200px) var(--pad);border-bottom:1px solid var(--line)}.method>h2{max-width:930px}.method-path{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.method-path article{position:relative;padding:32px 28px 20px 0;min-height:230px;border-right:1px solid var(--line)}.method-path article:not(:first-child){padding-left:28px}.method-path article:before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;background:var(--accent)}.method-path article:not(:first-child):before{left:28px}.method-path h3{font-size:30px}.method-path p{color:var(--muted);line-height:1.5;max-width:220px;margin-top:70px}
.origin{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);overflow:hidden}.origin-mark{position:relative;min-height:760px;overflow:hidden;border-right:1px solid var(--line);background:var(--surface)}.maikel-portrait{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 30%;filter:saturate(.78) contrast(1.08)}.origin-mark:after{content:"";position:absolute;inset:0;background:rgba(8,9,11,.13);pointer-events:none}.maikel-id{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:18px var(--pad);background:rgba(8,9,11,.92);border-top:1px solid var(--line)}.maikel-id>img{width:58px;height:58px;object-fit:contain}.maikel-id p{margin:0;display:flex;flex-direction:column}.maikel-id strong{font-size:24px;line-height:1}.maikel-id small{margin-top:7px;color:var(--muted);font:400 9px/1 PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em}.origin-copy{padding:clamp(90px,10vw,160px) var(--pad);align-self:center}.origin-copy h2{font-size:clamp(47px,5.5vw,88px)}.origin-copy>p{color:var(--muted);line-height:1.7;max-width:620px;margin:32px 0}blockquote{font-size:clamp(22px,2.3vw,35px);line-height:1.35;letter-spacing:-.03em;margin:55px 0 18px;padding-left:25px;border-left:3px solid var(--accent)}.origin-copy small{font:400 9px/1 PlexMono,monospace;color:#7d838d}
.faq{padding:clamp(110px,13vw,200px) var(--pad);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6vw;border-bottom:1px solid var(--line)}.faq>h2{font-size:clamp(46px,5.4vw,82px);position:sticky;top:120px;align-self:start}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:28px 55px 28px 0;font-size:clamp(19px,2vw,26px);font-weight:700}summary::-webkit-details-marker{display:none}summary i,summary i:after{position:absolute;right:5px;top:50%;width:20px;height:2px;background:var(--accent);content:"";transition:.3s}summary i:after{transform:rotate(90deg);top:0;right:0}details[open] summary i:after{transform:none}details p{max-width:680px;color:var(--muted);line-height:1.65;padding:0 50px 28px 0;margin:0}
.final{position:relative;min-height:90svh;display:grid;place-items:center;text-align:center;overflow:hidden;border-bottom:1px solid var(--line);padding:100px var(--pad)}#final-field{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.final-copy{position:relative;z-index:2}.final h2{font-size:clamp(52px,8vw,126px)}.final p{color:var(--muted);font-size:18px;margin:28px auto 34px;max-width:560px}footer{min-height:260px;padding:50px var(--pad) 30px;display:grid;grid-template-columns:minmax(130px,190px) minmax(280px,1fr) auto;gap:35px;align-items:center}.footer-logo{display:block;width:min(170px,100%)}.footer-logo img{display:block;width:100%;height:auto}.footer-logo+ p{align-self:center}footer p{color:var(--muted);max-width:420px}footer div{justify-self:end;display:flex;gap:30px;font:400 10px/1 PlexMono,monospace}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;font:400 9px/1 PlexMono,monospace;color:#7d838d}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes page-progress{to{transform:scaleX(1)}}@keyframes scan{from{transform:translateY(-22vh)}to{transform:translateY(22vh)}}
@supports (animation-timeline:view()){.kinetic{height:250svh;view-timeline-name:--kinetic;view-timeline-axis:block}.kinetic-stage{position:sticky;top:0;height:100svh}.word{animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--kinetic;animation-range:entry 0% exit 100%}.w1{animation-name:w1}.w2{animation-name:w2}.w3{animation-name:w3}.w4{animation-name:w4}.w5{animation-name:w5}.w6{animation-name:w6}.w7{animation-name:w7}.kinetic-support{animation:support 1ms linear both;animation-timeline:--kinetic;animation-range:entry 15% exit 75%}.kinetic-axis{animation:axis 1ms linear both;animation-timeline:--kinetic;animation-range:entry 0% exit 100%}.experience{height:320svh;view-timeline-name:--experience;view-timeline-axis:block}.experience-stage{position:sticky;top:0;height:100svh}.film-viewport{overflow:hidden}.film-track{animation:film-pan 1ms linear both;animation-timeline:--experience;animation-range:entry 12% exit 88%}@keyframes w1{0%{transform:translate(-26vw,-18vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(-15vw,12vh);opacity:.1}}@keyframes w2{0%{transform:translate(18vw,24vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(22vw,-14vh);opacity:.1}}@keyframes w3{0%{transform:translate(-8vw,32vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(-28vw,-18vh);opacity:.1}}@keyframes w4{0%{transform:translate(28vw,-28vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(16vw,24vh);opacity:.1}}@keyframes w5{0%{transform:translate(-30vw,8vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(30vw,4vh);opacity:.1}}@keyframes w6{0%{transform:translate(12vw,-35vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(-8vw,32vh);opacity:.1}}@keyframes w7{0%{transform:translate(32vw,15vh);opacity:.12}45%,60%{transform:none;opacity:1}100%{transform:translate(-22vw,-22vh);opacity:.1}}@keyframes support{0%,25%,90%,100%{opacity:0;transform:translateY(20px)}45%,70%{opacity:1;transform:none}}@keyframes axis{0%,100%{transform:scaleY(.1);opacity:.1}50%{transform:scaleY(1);opacity:.8}}@keyframes film-pan{from{transform:translateX(0)}to{transform:translateX(calc(-112vw - 32px))}}}
@media(max-width:980px){header nav,.header-cta{display:none}.menu{display:block}.hero-copy{width:78vw}.experience-heading{width:70vw}.audience,.origin{grid-template-columns:1fr}.audience-media{height:65svh;border-right:0;border-bottom:1px solid var(--line)}.origin-mark{min-height:60svh;border-right:0;border-bottom:1px solid var(--line)}.faq{grid-template-columns:1fr}.faq>h2{position:static}.method-path{grid-template-columns:1fr 1fr}.method-path article:nth-child(2){border-right:0}.method-path article:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:700px){:root{--pad:20px}header{height:66px}.brand strong{font-size:18px}.hero{padding-top:88px;align-items:flex-end;padding-bottom:34px}.hero:after{inset:38% 0 0;background:rgba(8,9,11,.62);clip-path:none}.hero-copy{width:100%}.hero-label{max-width:280px;margin-bottom:20px}.hero h1{font-size:clamp(55px,16vw,72px);line-height:.84}.hero-lead{font-size:16px;margin:22px 0}.hero-actions{display:grid}.field-note{display:none}.kinetic-line{font-size:clamp(45px,16vw,76px);line-height:.85}.kinetic-support{font-size:10px}.experience-stage{padding-top:90px}.experience-heading{width:100%;padding-right:var(--pad)}.experience-heading h2{font-size:52px}.film-viewport{margin-left:var(--pad);width:calc(100vw - var(--pad));margin-top:38px}.film-track{gap:10px}.film-track figure{width:82vw}.film-track figure img{height:42svh}figcaption{display:block}figcaption span{display:block;margin-top:8px}.editorial-disclosure{text-align:left}.proof-intro{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.proof-grid{grid-template-columns:1fr;grid-template-rows:none}.proof-shot,.proof-shot:nth-child(4),.proof-wide,.proof-tall{grid-column:1;grid-row:auto;height:58svh}.proof-wide{height:42svh}.proof-note{font-size:8px}.formation{padding-top:100px}.formation-intro p{margin-bottom:55px}.curriculum{grid-template-columns:1fr}.curriculum article{min-height:220px;padding:28px}.audience-media{height:55svh}.audience-copy{padding-top:85px;padding-bottom:85px}.audience-copy h2{font-size:49px}.method-path{grid-template-columns:1fr}.method-path article,.method-path article:not(:first-child){padding:28px 0;border-right:0}.method-path article:not(:first-child){border-top:1px solid var(--line)}.method-path article:before,.method-path article:not(:first-child):before{left:0}.method-path p{margin-top:35px}.origin-mark{min-height:50svh}.origin-mark span{font-size:80vw}.faq{padding-top:90px}.final{min-height:80svh}.final h2{font-size:53px}footer{grid-template-columns:1fr}footer div{justify-self:start}footer>small{grid-column:1}@supports (animation-timeline:view()){.experience{height:300svh}@keyframes film-pan{from{transform:translateX(0)}to{transform:translateX(calc(-164vw - 20px))}}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress i{animation:none;transform:scaleX(1)}.scan{animation:none}.reveal{opacity:1;transform:none;transition:none}.proof-shot img{transition:none}.proof-shot:hover img{transform:none}.kinetic,.experience{height:auto!important}.kinetic-stage,.experience-stage{position:relative!important;height:auto!important}.word,.kinetic-support,.kinetic-axis,.film-track{animation:none!important;transform:none!important;opacity:1!important}.film-viewport{overflow-x:auto!important}canvas{opacity:.35}}