:root{--gold:#f2c14e;--gold-bright:#ffd24a;--ink:#f2efe9;--bg:#0c0a07}body,html{margin:0;padding:0;background:#0b0b0d}*{box-sizing:border-box}::selection{background:rgba(242,193,78,.28)}.slash{color:var(--gold)}.root{background:var(--bg);color:var(--ink);font-family:var(--font-body),system-ui,sans-serif;overflow-x:hidden}@keyframes wordIn{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.root[data-armed] [data-rise]{opacity:0;transform:translateY(36px)}.loader{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#090807,#14100a 52%,#2c2208);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s ease;pointer-events:none}.loader__label{position:absolute;top:30px;left:clamp(20px,5vw,56px);font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:4px;color:hsla(40,26%,93%,.55)}.loader__word{font-family:var(--font-playfair),serif;font-style:italic;font-weight:500;font-size:clamp(52px,9vw,120px);color:var(--ink);line-height:1;letter-spacing:.5px}.loader__word-inner{display:inline-block;animation:wordIn .5s ease both}.loader__count{position:absolute;bottom:36px;right:clamp(20px,5vw,56px);font-family:var(--font-serif),serif;font-style:normal;font-weight:400;font-size:clamp(36px,5.6vw,70px);color:var(--gold);line-height:.9;text-shadow:0 0 28px rgba(242,193,78,.35)}.loader__track{position:absolute;left:0;right:0;bottom:0;height:3px;background:hsla(0,0%,100%,.07)}.loader__bar{height:100%;background:#4fa8ff;transition:width .12s linear;box-shadow:0 0 14px rgba(79,168,255,.75)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg)}.hero__img{z-index:0;background-color:var(--bg);overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 82% 74% at 45% 40%,#000 30%,rgba(0,0,0,.42) 64%,transparent 96%);mask-image:radial-gradient(ellipse 82% 74% at 45% 40%,#000 30%,rgba(0,0,0,.42) 64%,transparent 96%)}.hero__img,.hero__video{position:absolute;inset:0}.hero__video{width:100%;height:100%;object-fit:cover}.hero__video--desktop{object-position:62% 32%}.hero__video--mobile{display:none;object-position:50% 14%}.hero__scrim-left{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,6,.92),rgba(9,8,6,.6) 16%,rgba(9,8,6,.12) 34%,transparent 48%)}.hero__scrim-right{position:absolute;top:0;right:0;bottom:0;width:46%;background:linear-gradient(270deg,#0c0a07,rgba(12,10,7,.85) 26%,rgba(12,10,7,.3) 60%,transparent)}.hero__scrim-bottom{position:absolute;left:0;right:0;bottom:0;height:54%;background:linear-gradient(0deg,#0c0a07 0,#0c0a07 14%,rgba(12,10,7,.7) 44%,rgba(12,10,7,.25) 70%,transparent)}.hero__header{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:flex-start;padding:30px clamp(20px,5vw,64px);font-family:var(--font-mono),monospace}.mono-label{font-size:12px;letter-spacing:4px;color:hsla(40,26%,93%,.8)}.hero__projbtn{position:absolute;bottom:30px;right:clamp(20px,5vw,64px);z-index:6;font-family:var(--font-mono),monospace}.hero__projbtn-arrow{font-size:14px}.hero__body{position:relative;z-index:3;width:100%;padding:0 clamp(20px,5vw,72px);display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.hero__left{flex:0 1 580px;max-width:44vw;min-width:0}.hero__title-wrap{width:-moz-fit-content;width:fit-content;max-width:100%}.hero__title{font-family:var(--font-michroma),var(--font-saira),sans-serif;font-weight:600;font-size:clamp(28px,3vw,42px);line-height:1.16;letter-spacing:-.5px;margin:0;color:var(--ink)}.hero__desc{width:0;min-width:100%;max-width:480px;margin:28px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:hsla(40,26%,93%,.84)}.hero__closer{margin:26px 0 0;font-weight:500;font-size:clamp(15px,1.2vw,18px);letter-spacing:.4px;color:var(--gold);text-shadow:0 0 24px rgba(242,193,78,.25)}.hero__closer,.specs{font-family:var(--font-mono),monospace}.specs{flex:none;width:286px;z-index:3;text-shadow:0 1px 16px rgba(0,0,0,.9)}.specs__head{font-size:12px;letter-spacing:3px;color:hsla(40,26%,93%,.92);margin-bottom:18px}.specs__row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid hsla(40,26%,93%,.16)}.specs__key{font-size:11px;letter-spacing:1px;color:hsla(40,26%,93%,.5);text-transform:uppercase;white-space:nowrap}.specs__val{font-size:12px;color:hsla(40,26%,93%,.92);text-align:right}.nav-pill{cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-radius:30px;font-family:var(--font-mono),monospace;font-size:12px;transition:all .35s cubic-bezier(.2,.7,.2,1)}.nav-pill:hover{color:var(--gold-bright);gap:12px;transform:scale(1.07);background:rgba(242,193,78,.12);box-shadow:0 0 24px -4px rgba(242,193,78,.55);text-shadow:0 0 16px rgba(242,193,78,.55)}.nav-pill--contact{color:hsla(40,26%,93%,.8)}.nav-pill--contact,.nav-pill--projects{letter-spacing:3px;padding:7px 13px;margin:-7px -13px}.nav-pill--projects{color:var(--gold)}.nav-pill--footer{letter-spacing:1.5px;color:hsla(40,26%,93%,.62);padding:7px 13px;margin:-7px -3px}.projects{background:linear-gradient(180deg,#0c0a07 0,rgba(12,10,7,0) 16%),radial-gradient(115% 75% at 88% 6%,rgba(242,193,78,.06),transparent 55%),#0c0a07;padding:clamp(40px,6vh,84px) clamp(20px,5vw,72px) clamp(84px,12vh,148px)}.section-label{display:flex;align-items:center;gap:14px}.section-label__line{width:30px;height:1px;background:var(--gold)}.section-label__text{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:3px;color:hsla(40,26%,93%,.7)}.projects__list{display:flex;flex-direction:column;gap:clamp(72px,9vw,118px);margin-top:clamp(48px,6vw,76px)}.proj-row{display:flex;flex-direction:row;gap:clamp(40px,5vw,80px);align-items:center}.proj-row--reverse{flex-direction:row-reverse}.project-card{flex:1.15 1;min-width:0;display:block;text-decoration:none;border:1px solid hsla(40,26%,93%,.13);border-radius:14px;overflow:hidden;background:#141312;box-shadow:0 36px 70px -34px rgba(0,0,0,.85)}.browser-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid hsla(40,26%,93%,.07);background:#1b1a18}.dot{width:10px;height:10px;border-radius:50%}.dot--r{background:#ed6a5e}.dot--y{background:#f4bf50}.dot--g{background:#61c454}.browser-url{margin-left:14px;font-family:var(--font-mono),monospace;font-size:11px;color:hsla(40,26%,93%,.38);letter-spacing:.5px}.project-thumb{overflow:hidden}.project-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-thumb img{transform:scale(1.05)}.proj-text{flex:1 1;min-width:0}.proj-code{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:2px;color:var(--gold)}.proj-name{font-family:var(--font-michroma),var(--font-saira),sans-serif;font-weight:600;font-size:clamp(22px,2.5vw,33px);letter-spacing:-.3px;margin:10px 0 0;color:var(--ink)}.proj-desc{max-width:460px;margin:18px 0 0}.copy-lead{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.55;font-weight:500;color:hsla(40,26%,93%,.95)}.copy-points{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}.copy-point{display:flex;gap:12px;font-size:clamp(14px,1.05vw,16px);line-height:1.5;color:hsla(40,26%,93%,.72)}.copy-point:before{content:"\2192";color:var(--gold);flex:none;font-weight:600}.view-project{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:2px;color:var(--ink);text-decoration:none;border:1px solid hsla(40,26%,93%,.25);background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding:14px 22px;border-radius:40px;transition:all .3s ease}.view-project__arrow{font-size:13px}.view-project:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:rgba(242,193,78,.1);box-shadow:0 0 34px -4px rgba(242,193,78,.7);transform:translateY(-3px);gap:16px}.contact{background:radial-gradient(95% 70% at 10% 110%,rgba(242,193,78,.055),transparent 55%),#0c0a07;padding:clamp(84px,12vh,148px) clamp(20px,5vw,72px)}.contact__inner{max-width:780px}.contact__headline{font-family:var(--font-michroma),var(--font-saira),sans-serif;font-weight:600;font-size:clamp(28px,4.1vw,53px);line-height:1.1;letter-spacing:-.5px;margin:24px 0 0;color:var(--ink);max-width:14ch}.socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:46px}.social-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(40,26%,93%,.16);border-radius:50%;color:var(--ink);transition:all .3s ease}.social-icon:hover{color:var(--gold-bright);border-color:var(--gold-bright);background:rgba(242,193,78,.12);box-shadow:0 0 30px -4px rgba(242,193,78,.75);transform:translateY(-4px) scale(1.05)}.site-footer{background:radial-gradient(100% 200% at 10% -60%,rgba(242,193,78,.05),transparent 55%),#0c0a07;padding:28px clamp(20px,5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:18px 28px;gap:18px 28px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:1.5px}.footer__brand{color:hsla(40,26%,93%,.85);justify-self:start}.footer__nav{display:flex;gap:26px;justify-self:center}.footer__copy{color:hsla(40,26%,93%,.42);justify-self:end}.cat-slider-wrap{display:flex;margin-top:clamp(28px,4vw,40px)}.cat-slider{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid hsla(40,26%,93%,.16);border-radius:40px;background:hsla(0,0%,100%,.02);isolation:isolate}.cat-slider__thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 8px);border-radius:40px;background:rgba(242,193,78,.12);box-shadow:0 0 24px -4px rgba(242,193,78,.55);transition:transform .42s cubic-bezier(.2,.7,.2,1)}.cat-slider[data-active=automations] .cat-slider__thumb{transform:translateX(calc(100% + 8px))}.cat-slider__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:none;border:0;cursor:pointer;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:3px;padding:12px 24px;border-radius:40px;color:hsla(40,26%,93%,.55);white-space:nowrap;transition:color .35s ease,text-shadow .35s ease}.cat-slider__opt:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .35s ease}.cat-slider__opt:hover{color:hsla(40,26%,93%,.85)}.cat-slider__opt[aria-selected=true]{color:var(--gold-bright);text-shadow:0 0 16px rgba(242,193,78,.45)}.cat-slider__opt[aria-selected=true]:before{opacity:1;box-shadow:0 0 10px rgba(242,193,78,.85)}.project-card--btn{width:100%;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.browser-url--title{color:hsla(40,26%,93%,.62);text-transform:none}.card-line{max-width:460px;margin:16px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:hsla(40,26%,93%,.8)}.detail{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,4vw,56px) 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(6,5,4,0);transition:background .34s ease}.detail.is-open{background:rgba(6,5,4,.84);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.detail__panel{position:relative;width:100%;max-width:880px;margin:auto;background:#141312;border:1px solid hsla(40,26%,93%,.13);border-radius:18px;padding:clamp(18px,3vw,34px);box-shadow:0 50px 100px -40px rgba(0,0,0,.9);opacity:0;transform:translateY(26px) scale(.97);transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.detail.is-open .detail__panel{opacity:1;transform:none}.detail__close{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid hsla(40,26%,93%,.2);background:rgba(12,10,7,.6);color:var(--ink);font-size:15px;cursor:pointer;transition:all .3s ease}.detail__close:hover{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 24px -6px rgba(242,193,78,.7)}.detail__code{margin-top:22px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:2px;color:var(--gold)}.detail__title{font-family:var(--font-michroma),var(--font-saira),sans-serif;font-weight:600;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.3px;margin:8px 0 0;color:var(--ink)}.detail__full{margin:16px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.6;color:hsla(40,26%,93%,.82)}.detail__watch-icon{display:inline-flex;align-items:center}.detail__psi{display:grid;grid-gap:12px;gap:12px;margin-top:26px}.psi{border-radius:12px;padding:15px 18px;border:1px solid hsla(40,26%,93%,.08)}.psi__head{display:flex;align-items:center;gap:10px;margin-bottom:7px}.psi__icon{display:inline-flex}.psi__label{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:2.5px;font-weight:500}.psi__body{margin:0;font-size:clamp(14px,1.05vw,15.5px);line-height:1.6;color:hsla(40,26%,93%,.78)}.psi--problem{background:hsla(5,80%,65%,.1)}.psi--problem .psi__icon,.psi--problem .psi__label{color:#ff7e72}.psi--solution{background:rgba(97,196,84,.1)}.psi--solution .psi__icon,.psi--solution .psi__label{color:#74d86a}.psi--impact{background:rgba(244,191,80,.1)}.psi--impact .psi__icon,.psi--impact .psi__label{color:#ffcb5c}.detail__stack{margin-top:26px}.detail__stack-label{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:3px;color:hsla(40,26%,93%,.7);margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.5px;color:hsla(40,26%,93%,.82);border:1px solid hsla(40,26%,93%,.18);background:hsla(0,0%,100%,.03);padding:7px 13px;border-radius:30px}.carousel{width:100%}.carousel__frame{position:relative;overflow:hidden;border-radius:12px;border:1px solid hsla(40,26%,93%,.13);background:#0e0d0c;aspect-ratio:16/10;touch-action:pan-y}.carousel__track{display:flex;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.carousel__img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid hsla(40,26%,93%,.2);background:rgba(12,10,7,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);line-height:0;cursor:pointer;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease}.carousel__arrow svg{display:block}.carousel__arrow--prev{left:12px}.carousel__arrow--next{right:12px}.carousel__arrow:hover{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 24px -6px rgba(242,193,78,.7)}.carousel__dots{display:flex;justify-content:center;gap:9px;margin-top:14px}.carousel__dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;background:hsla(40,26%,93%,.25);transition:all .3s ease}.carousel__dot.is-active{background:var(--gold);box-shadow:0 0 10px rgba(242,193,78,.7);transform:scale(1.15)}.video-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,3,2,0);transition:background .3s ease}.video-modal.is-open{background:rgba(4,3,2,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-modal__inner{position:relative;width:100%;max-width:960px;opacity:0;transform:scale(.96);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.video-modal.is-open .video-modal__inner{opacity:1;transform:none}.video-modal__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid hsla(40,26%,93%,.14);background:#000;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}.video-modal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-modal__close{position:absolute;top:-48px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid hsla(40,26%,93%,.25);background:rgba(12,10,7,.6);color:var(--ink);font-size:15px;cursor:pointer;transition:all .3s ease}.video-modal__close:hover{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 24px -6px rgba(242,193,78,.7)}.toolkit{background:linear-gradient(180deg,#0c0a07 0,rgba(12,10,7,0) 16%),radial-gradient(95% 60% at 88% 6%,rgba(242,193,78,.05),transparent 55%),#0c0a07;padding:clamp(72px,10vh,128px) clamp(20px,5vw,72px)}.toolkit__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(30px,4vw,48px) clamp(40px,6vw,80px);gap:clamp(30px,4vw,48px) clamp(40px,6vw,80px);margin-top:clamp(40px,5vw,64px);max-width:900px}.toolkit__group-label{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:16px}.toolkit__chips .chip{transition:all .3s ease}.toolkit__chips .chip:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:rgba(242,193,78,.1);box-shadow:0 0 26px -6px rgba(242,193,78,.7);transform:translateY(-2px)}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.contact-btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-mono),monospace;font-size:13px;letter-spacing:2px;color:var(--ink);text-decoration:none;border:1px solid hsla(40,26%,93%,.25);background:transparent;cursor:pointer;padding:16px 26px;border-radius:40px;transition:all .3s ease}.contact-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:rgba(242,193,78,.1);box-shadow:0 0 34px -4px rgba(242,193,78,.7);transform:translateY(-3px);gap:15px}.contact-btn__icon{display:inline-flex;align-items:center}.contact__socials{margin-top:clamp(48px,7vw,76px)}@media (max-width:860px){[data-hero]{min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}[data-hero-img]{position:relative!important;height:auto!important;order:1!important;-webkit-mask-image:none!important;mask-image:none!important}[data-hero-vid-d]{display:none!important}[data-hero-vid-m]{display:block!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;object-fit:contain!important;-webkit-mask-image:linear-gradient(180deg,#000 66%,rgba(0,0,0,.4) 88%,transparent)!important;mask-image:linear-gradient(180deg,#000 66%,rgba(0,0,0,.4) 88%,transparent)!important}[data-scrim-bottom],[data-scrim-left],[data-scrim-right]{display:none!important}[data-hero-body]{padding:32px clamp(20px,6vw,40px) 4px!important;flex-direction:column!important;order:2!important}.hero__title{white-space:normal!important;font-size:clamp(24px,6.5vw,36px)!important}[data-hero-body]>[data-rise]{flex:0 0 auto!important}[data-specs]{width:auto!important;margin:24px 0 0!important}[data-hero-desc]{width:100%!important;min-width:0!important}.hero__left{width:100%!important}.hero__desc,.hero__left{max-width:100%!important}footer{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important}footer>div{justify-self:auto!important}#projects{padding-top:clamp(84px,12vh,148px)!important}[data-proj-row]{flex-direction:column!important;gap:28px!important}[data-header]{position:relative!important;order:0!important;padding:22px clamp(20px,6vw,40px)!important}[data-hero-projbtn]{position:static!important;order:3!important;top:auto!important;bottom:auto!important;right:auto!important;text-align:right!important;padding:28px clamp(20px,6vw,40px) clamp(56px,10vh,88px)!important}}@media (max-width:560px){.cat-slider__opt{padding:11px 15px;letter-spacing:2px;font-size:11px;gap:7px}.video-modal__close{top:8px;right:8px;background:rgba(12,10,7,.82)}.toolkit__groups{grid-template-columns:1fr}.contact-actions{flex-direction:column;align-items:stretch}.contact-btn{justify-content:center}}