body,html{padding:0;margin:0;background:#0c0c0e}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--bg:#0c0c0e;--fg:#efede8;--muted:#b8b5ad;--faint:#8a877f;--accent:oklch(0.68 0.18 25);--live:oklch(0.72 0.14 150);--soon:oklch(0.72 0.14 75);--glow-red:oklch(0.45 0.15 25/0.28);--glow-red-strong:oklch(0.45 0.15 25/0.3);--glow-violet:oklch(0.45 0.12 280/0.22);--glow-sand:oklch(0.8 0.05 85/0.16);--gutter:clamp(20px,4vw,48px);--section-pad:clamp(96px,12vw,160px);--ease-out:cubic-bezier(0.2,0.7,0.2,1)}@keyframes dtFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes dtBrushParallax{0%{transform:translateY(0) scale(1.02);opacity:.95}91.667%{opacity:.2}to{transform:translateY(108px) scale(1.395);opacity:.2}}@keyframes dtFaceParallax{0%{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1}85%{opacity:.15}to{transform:translate(-50%,-50%) translateY(225px) scale(1.5);opacity:.15}}@keyframes dtRevealUp{0%{opacity:0;transform:translateY(40px)}}@keyframes dtRevealSide{0%{opacity:0;transform:translateX(var(--reveal-x))}}@supports(animation-timeline:view()){@media(hover:none)and (pointer:coarse){[data-reveal]{animation-name:dtRevealUp;animation-duration:auto;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:view();animation-range:cover 20px cover 220px}[data-reveal=callout]{--reveal-x:-60px;animation-name:dtRevealSide}[data-reveal=callout][data-side=r]{--reveal-x:60px}}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.dt-root{position:relative;overflow:hidden;overflow:clip;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Archivo,sans-serif}.dt-root a:hover{color:inherit;opacity:.8}.dt-root button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.dt-root .mono{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.dt-root .accent{color:var(--accent)}.glow{position:absolute;border-radius:50%;pointer-events:none}.glow--a{left:-20vw;top:110vh;width:80vw;height:80vw;background:radial-gradient(closest-side,var(--glow-red),transparent)}.glow--b{right:-25vw;top:200vh;width:85vw;height:85vw;background:radial-gradient(closest-side,var(--glow-violet),transparent)}.glow--c{left:10vw;bottom:-30vw;width:90vw;height:70vw;background:radial-gradient(closest-side,var(--glow-red-strong),transparent)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:28px 24px 0;pointer-events:none;transition:padding .35s ease}.site-header.is-solid{padding-top:14px}.site-header__bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1184px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(22,22,26,0);transition:all .35s ease}.is-solid .site-header__bar{max-width:880px;background:rgba(22,22,26,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -12px rgba(0,0,0,.6),inset 0 0 0 1px hsla(43,18%,92%,.08)}.site-header__actions{gap:8px}.brand,.site-header__actions{display:flex;align-items:center}.brand{gap:10px;cursor:pointer}.brand img{width:30px;height:30px;object-fit:contain}.brand span{font-weight:800;font-stretch:125%;letter-spacing:.04em;font-size:16px}.nav{display:flex;gap:28px}.nav button{letter-spacing:inherit;text-transform:inherit}.nav button:hover{color:var(--accent)}.lang{display:flex;border:1px solid hsla(43,18%,92%,.2);border-radius:999px;padding:2px}.lang.mono{font-size:11px;font-weight:500;letter-spacing:normal}.lang button{padding:5px 9px;border-radius:999px}.btn-pill,.lang button.is-active{background:var(--fg);color:var(--bg)}.btn-pill{font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;white-space:nowrap}.btn-solid,.dt-root .btn-pill:hover{color:var(--bg)}.btn-solid{white-space:nowrap;background:var(--fg);padding:14px 20px}.dt-root .btn-solid:hover{color:var(--bg)}.btn-outline{white-space:nowrap;border:1px solid hsla(43,18%,92%,.35);padding:14px 20px}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) 44px}.hero__brush{position:absolute;inset:0;pointer-events:none;container-type:size;transform:translateY(0) scale(1.02);opacity:.95;will-change:transform,opacity}.hero__brush img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}@media(orientation:portrait){.hero__brush img{inset:auto;left:50%;top:50%;width:100vh;height:100vw;width:100cqh;height:100cqw;translate:-50% -50%;rotate:90deg;object-fit:cover}}.hero__face{position:absolute;left:50%;top:44%;width:min(500px,60vw,64vh);height:auto;transform:translate(-50%,-50%) translateY(0) scale(1);will-change:transform,opacity}@supports(animation-timeline:scroll()){.hero__brush,.hero__face{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 900px}.hero__brush{animation-name:dtBrushParallax}.hero__face{animation-name:dtFaceParallax}}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,14,.8),rgba(12,12,14,0) 180px,rgba(12,12,14,0) 40%,rgba(12,12,14,.95) 82%)}.hero__content{position:relative;display:flex;flex-direction:column;gap:28px}.hero__title{font-weight:800;font-stretch:75%;text-transform:uppercase;margin:0;font-size:clamp(56px,10.3vw,148px);line-height:.86;letter-spacing:-.01em}.hero__title>span{display:block}.hero__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;border-top:1px solid hsla(43,18%,92%,.18);padding-top:20px;color:var(--muted)}.hero__meta p{margin:0;max-width:480px;font-size:18px;line-height:1.45;text-wrap:pretty}.section{position:relative;display:flex;flex-direction:column;padding:var(--section-pad) var(--gutter);gap:clamp(48px,7vw,96px)}.section-label{display:flex;justify-content:space-between;color:var(--muted)}.about__lead{margin:0;max-width:1200px;font-size:clamp(40px,6vw,84px);line-height:.96;font-weight:600;font-stretch:85%;letter-spacing:-.02em;text-wrap:pretty}.about__body{margin:0;align-self:flex-end;max-width:520px;font-size:19px;line-height:1.5;color:var(--muted);text-wrap:pretty}.projects{padding-bottom:48px}.projects__title{font-weight:800;font-stretch:75%;text-transform:uppercase;margin:0;font-size:clamp(64px,12.5vw,180px);line-height:.82}.showcase{position:relative;display:flex;flex-direction:column;gap:clamp(40px,6vw,80px);padding:0 var(--gutter)}.project-meta{display:flex;gap:16px;align-items:center;color:var(--muted)}.project-meta__divider{width:1px;height:12px;background:hsla(43,18%,92%,.25)}.status{display:flex;align-items:center;gap:8px}.status__dot{width:7px;height:7px;border-radius:50%}.status__dot--live{background:var(--live)}.status__dot--soon{background:var(--soon)}.dualist{position:relative;gap:clamp(56px,8vw,112px)}.dualist,.dualist__intro{display:flex;flex-direction:column}.dualist__intro{align-items:center;text-align:center;gap:28px;max-width:640px;margin:0 auto}.dualist__wordmark{display:block;width:clamp(240px,28vw,380px);height:auto}.dualist__copy{display:flex;flex-direction:column;align-items:center;gap:16px}.dualist__head{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;font-weight:600;letter-spacing:-.01em}.dualist__desc{margin:0;max-width:520px;font-size:18px;line-height:1.5;color:var(--muted);text-wrap:pretty}.phone-stage{position:relative;display:flex;justify-content:center;padding:clamp(0px,2vw,24px) 0}.phone-stage__glow{position:absolute;left:50%;top:50%;width:min(900px,100%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--glow-sand),transparent);pointer-events:none}.phone{width:min(400px,62vw)}.phone,.phone__frame{position:relative}.phone__img{display:block;width:100%;height:auto;filter:drop-shadow(0 50px 60px rgba(0,0,0,.6));animation:dtFloat 7s ease-in-out infinite}.callout{position:absolute;inset:0;pointer-events:none;display:none}@media(min-width:1000px){.callout{display:block}}.callout__line{height:1px}.callout__dot,.callout__line{position:absolute;top:var(--top)}.callout__dot{left:var(--x);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--fg),0 0 0 7px hsla(43,18%,92%,.15)}.callout__card{border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:absolute;top:var(--top);transform:translateY(-50%);width:230px;padding:16px 18px;background:rgba(28,28,34,.6);box-shadow:inset 0 0 0 1px hsla(43,18%,92%,.12),0 20px 40px -20px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:6px}.callout__title{font-size:18px;font-weight:600;line-height:1.2}.callout__desc{font-size:14px;line-height:1.45;color:var(--muted)}.callout--r .callout__line{left:var(--x);width:calc(100% - var(--x) + 44px);background:linear-gradient(90deg,hsla(43,18%,92%,.7),hsla(43,18%,92%,.25))}.callout--r .callout__card{left:calc(100% + 44px)}.callout--l .callout__line{left:-44px;width:calc(var(--x) + 44px);background:linear-gradient(270deg,hsla(43,18%,92%,.7),hsla(43,18%,92%,.25))}.callout--l .callout__card{right:calc(100% + 44px);text-align:right}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:clamp(32px,4vw,64px);gap:clamp(32px,4vw,64px);align-items:start;padding:0 clamp(0px,3vw,48px) clamp(40px,6vw,96px)}.feature{display:grid;grid-template-columns:24px minmax(0,1fr);grid-column-gap:14px;column-gap:14px;grid-row-gap:12px;row-gap:12px}.feature__check{width:24px;height:24px;margin-top:3px;border-radius:50%;background:#c9c6be;color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.feature h4{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.005em}.feature p{grid-column:2;margin:0;font-size:17px;line-height:1.55;color:var(--muted);text-wrap:pretty}.upcoming{min-height:min(86vh,760px);flex-direction:column;gap:48px;padding:clamp(32px,4vw,56px) clamp(24px,4vw,48px);overflow:hidden;border-radius:28px;background:rgba(30,30,36,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px hsla(43,18%,92%,.08),0 40px 120px -40px rgba(0,0,0,.8)}.upcoming,.upcoming__top{display:flex;justify-content:space-between}.upcoming__top{gap:16px;color:var(--muted)}.upcoming__center{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.upcoming__center p{margin:0;font-size:24px}.upcoming__tag.mono{letter-spacing:.12em;color:var(--faint);border:1px dashed #3a3a40;padding:8px 12px}.upcoming__title{font-weight:800;font-stretch:75%;text-transform:uppercase;font-size:clamp(56px,10.5vw,160px);line-height:.85;color:transparent;-webkit-text-stroke:1.5px var(--fg)}.upcoming__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.upcoming__bottom>span{font-size:15px;color:var(--faint)}.contact{margin-top:clamp(48px,6vw,80px);padding-bottom:40px;gap:clamp(64px,10vw,140px)}.contact__body{display:flex;flex-direction:column;gap:20px}.contact__body p{margin:0;font-size:24px;color:var(--muted)}.contact__email{font-weight:800;font-stretch:75%;text-transform:uppercase;font-size:clamp(40px,8.4vw,120px);line-height:.85;letter-spacing:-.01em;overflow-wrap:anywhere}.dt-root .contact__email:hover{color:var(--accent);opacity:1}.site-footer{display:flex;justify-content:space-between;border-top:1px solid hsla(43,18%,92%,.14);padding-top:20px;color:var(--muted)}@media(max-width:720px){.nav{display:none}.site-header{padding-left:16px;padding-right:16px}}