:root{--ink:#eef3f8;--ink-dim:#b9c5d1;--ink-mute:#7e8b98;--void:#0a0d12;--accent:#7fb4ea;--accent-hi:#bcdafa;--line:#eef3f826;--glass:#0c111875;--display:"Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--gut:clamp(1.25rem, 4vw, 4.5rem);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#08121c}#stage{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.6s var(--ease);display:block;position:fixed;inset:0}body.ready #stage{opacity:1}#grade{z-index:1;pointer-events:none;background:radial-gradient(120% 92% at 50% 8%,#0000 44%,#070a0f85 100%),linear-gradient(#070a0f8a 0%,#0000 26% 74%,#070a0f99 100%);position:fixed;inset:0}body.no-webgl #stage{display:none}body.no-webgl #grade{background:radial-gradient(90% 70% at 74% 22%,#8fb6d8 0%,#3f5f7d 40%,#0000 74%),radial-gradient(70% 60% at 12% 84%,#121a24 0%,#0000 70%),linear-gradient(160deg,#16202b 0%,#0a0d12 62%)}#loader{z-index:60;transition:opacity .9s var(--ease), visibility .9s;background:#080b10;place-content:center;justify-items:center;gap:1.6rem;display:grid;position:fixed;inset:0}body.ready #loader{opacity:0;visibility:hidden}.loader-mark{font-family:var(--display);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--ink);font-size:clamp(1.6rem,4vw,2.4rem)}.loader-bar{background:#eef3f829;width:min(46vw,260px);height:1px;overflow:hidden}.loader-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-hi));width:0%;height:100%;transition:width .5s var(--ease);display:block}.loader-note{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:.66rem}#nav{z-index:20;padding:clamp(1.1rem, 2.4vw, 1.9rem) var(--gut);mix-blend-mode:normal;transition:transform 1s var(--ease) .5s;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}body.ready #nav{transform:none}.brand{font-family:var(--display);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;align-items:baseline;gap:.7rem;font-size:1.02rem;display:flex}.brand em{font-family:var(--sans);letter-spacing:.24em;color:var(--ink-mute);text-indent:0;font-size:.58rem;font-style:normal}#nav nav{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:clamp(1.1rem,2.6vw,2.4rem);font-size:.74rem;display:flex}#nav nav a{padding-block:.4rem;transition:color .4s;position:relative}#nav nav a:hover{color:var(--ink)}#nav nav a:not(.cta):after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .5s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}#nav nav a:not(.cta):hover:after{transform:none}#nav .cta{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c11184d;border-radius:999px;padding:.6rem 1.15rem;transition:background .4s,border-color .4s,color .4s}#nav .cta:hover{background:var(--accent);border-color:var(--accent);color:#08121c}#rail{z-index:20;right:calc(var(--gut) * .42);opacity:0;width:1px;transition:opacity 1s var(--ease) .9s;background:#eef3f821;position:fixed;top:22vh;bottom:22vh}body.ready #rail{opacity:1}#rail i{background:linear-gradient(var(--accent-hi), var(--accent));transform-origin:top;height:22%;position:absolute;inset:0 0 auto}main{z-index:10;position:relative}.panel{min-height:100svh;padding:clamp(6rem, 14vh, 9rem) var(--gut) clamp(4rem, 10vh, 7rem);align-items:center;display:flex;position:relative}.panel--center{text-align:center;justify-content:center}.panel--left{justify-content:flex-start}.panel--right{justify-content:flex-end}.panel--split{justify-content:center}.panel:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.panel--left:before{background:linear-gradient(100deg,#06090eed 0%,#06090ebd 38%,#0000 76%)}.panel--right:before{background:linear-gradient(260deg,#06090ef0 0%,#06090ec2 38%,#0000 78%)}.panel--center:before{background:radial-gradient(78% 62% at 50% 42%,#06090ec2 0%,#06090e75 48%,#06090e1f 80%,#0000 96%)}.panel--split:before{background:linear-gradient(90deg,#06090eed 0%,#06090ecc 28%,#06090ead 50%,#06090ed1 72%,#06090ef0 100%)}.wrap{width:100%;max-width:38rem}.hero-wrap{text-shadow:0 1px 3px #060a1099,0 10px 44px #060a10bf;width:100%;max-width:52rem}.hero-wrap .btn{text-shadow:none}.eyebrow,.kicker{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-hi);margin:0 0 1.4rem;font-size:.68rem}.kicker{color:var(--ink-mute)}.display{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(3.1rem,10.5vw,8.6rem);font-weight:300;line-height:.94}.display em{color:var(--accent-hi);font-style:italic;font-weight:300}.title{font-family:var(--display);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(2.1rem,5.2vw,3.7rem);font-weight:300;line-height:1.06}.lede{max-width:34rem;color:var(--ink-dim);margin:1.9rem auto 0;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.65}.body{color:var(--ink-dim);margin:0 0 2.4rem;font-size:1.02rem;line-height:1.78}.body p{margin:0 0 1.05rem}.body p:last-child{margin-bottom:0}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2.6rem;display:flex}.btn{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .4s var(--ease), background .4s, color .4s, border-color .4s, box-shadow .4s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.7rem;font-size:.76rem;font-weight:400;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--solid{background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:#08121c;box-shadow:0 10px 34px -14px #7fb4ead9}.btn--solid:hover{box-shadow:0 16px 42px -14px #7fb4eaf2}.btn--ghost{border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c111842}.btn--ghost:hover{background:#0c111870;border-color:#eef3f866}.btn--block{width:100%;margin-top:.5rem}.scroll-cue{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);justify-items:center;gap:.75rem;font-size:.6rem;display:grid;position:absolute;bottom:clamp(1.6rem,5vh,3rem);left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--accent), transparent);width:1px;height:46px;animation:cue 2.6s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(46px)}}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1.6rem 1rem;margin:0;padding:2.2rem 0 0;list-style:none;display:grid}.stats b{font-family:var(--display);color:var(--accent-hi);letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:300;line-height:1;display:block}.stats span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:.6rem;font-size:.64rem;display:block}.projects{counter-reset:l;margin:0;padding:0;list-style:none}.projects li{counter-increment:l;border-top:1px solid var(--line);transition:border-color .5s}.projects li:last-child{border-bottom:1px solid var(--line)}.projects li:hover,.projects li[data-open=true]{border-color:#7fb4ea80}.projects .row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:.35rem 1.3rem;padding:1.5rem 0;display:grid}.projects .row:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.projects .row:before{content:"0" counter(l);font-family:var(--mono);letter-spacing:.1em;color:var(--ink-mute);padding-top:.4rem;font-size:.64rem}.projects h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:clamp(1.3rem,2.6vw,1.85rem);font-weight:300;transition:color .5s}.projects .row:hover h3,.projects li[data-open=true] h3{color:var(--accent-hi)}.projects .metric{font-family:var(--mono);letter-spacing:-.01em;color:var(--accent);white-space:nowrap;font-size:.92rem}.projects .chev{opacity:.7;align-self:center;width:11px;height:11px;position:relative}.projects .chev:before,.projects .chev:after{content:"";height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;inset:50% 0 auto}.projects .chev:after{transform:rotate(90deg)}.projects li[data-open=true] .chev:after{transform:rotate(0)}.projects .sub{font-family:var(--mono);letter-spacing:.01em;color:var(--ink-mute);grid-column:2/-1;margin:.5rem 0 0;font-size:.75rem}.projects .sub em{color:var(--ink-dim);font-style:normal}.projects .note{opacity:0;transition:grid-template-rows .55s var(--ease), opacity .4s var(--ease);grid-template-rows:0fr;display:grid}.projects li[data-open=true] .note{opacity:1;grid-template-rows:1fr}.projects .note>div{overflow:hidden}.projects .note p{max-width:34rem;color:var(--ink-dim);margin:0 0 0 3.1rem;padding-bottom:1.4rem;font-size:.94rem;line-height:1.65}.projects .visit{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #7fb4ea66;margin:0 0 1.5rem 3.1rem;font-size:.72rem;transition:color .4s,border-color .4s;display:inline-block}.projects .visit:hover{color:var(--accent-hi);border-color:var(--accent-hi)}.contact-wrap{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,4rem);width:100%;max-width:62rem;display:grid}.details{border-top:1px solid var(--line);gap:1.2rem;margin:0;padding:1.8rem 0 0;display:grid}.details div{gap:.35rem;display:grid}.details dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:.62rem}.details dd{white-space:pre-line;color:var(--ink);margin:0;font-size:.98rem;line-height:1.5}.details dd a{border-bottom:1px solid #7fb4ea73;transition:color .4s,border-color .4s}.details dd a:hover{color:var(--accent-hi);border-color:var(--accent-hi)}.card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(120%);backdrop-filter:blur(26px)saturate(120%);border-radius:4px;gap:1.05rem;padding:clamp(1.5rem,3vw,2.2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000000e6,inset 0 1px #ffffff0f}.field{gap:.45rem;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:1.05rem;display:grid}.field label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:.62rem}.field label i{opacity:.55;letter-spacing:.12em;font-style:normal}.field input,.field textarea,.field select{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--sans);background:0 0;border-radius:0;padding:.65rem 0;font-size:.98rem;font-weight:300;transition:border-color .4s}.field textarea{resize:vertical;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#7e8b9899}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:none}.select{position:relative}.select:after{content:"";border-right:1px solid var(--ink-mute);border-bottom:1px solid var(--ink-mute);pointer-events:none;width:6px;height:6px;position:absolute;top:42%;right:2px;transform:rotate(45deg)}.field select{appearance:none;cursor:pointer}.field select option{color:var(--ink);background:#14100c}.err{color:#e0876a;opacity:0;min-height:0;font-size:.7rem;transition:opacity .3s}.field.invalid input,.field.invalid textarea{border-color:#e0876a}.field.invalid .err{opacity:1;min-height:1rem}.form-foot{letter-spacing:.06em;color:var(--ink-mute);text-align:center;margin:.2rem 0 0;font-size:.7rem}.sent{z-index:2;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-hi);opacity:0;visibility:hidden;transition:opacity .6s var(--ease), visibility .6s;background:#0f0b08e6;align-content:center;justify-items:center;gap:.7rem;padding:2rem;display:grid;position:absolute;inset:0}.card[data-state=sent] .sent,.card[data-state=draft] .sent,.card[data-state=error] .sent{opacity:1;visibility:visible}.sent .ico-err,.sent .direct{display:none}.card[data-state=error] .sent{color:#e0876a}.card[data-state=error] .sent .ico-ok{display:none}.card[data-state=error] .sent .ico-err{display:block}.card[data-state=draft] .sent .direct,.card[data-state=error] .sent .direct{display:inline-flex}.btn[disabled]{opacity:.55;cursor:default;box-shadow:none;transform:none}.sent h3{font-family:var(--display);color:var(--ink);margin:.3rem 0 0;font-size:1.5rem;font-weight:300}.sent p{max-width:22rem;color:var(--ink-dim);margin:0;font-size:.9rem;line-height:1.6}.sent .btn{margin-top:.6rem}footer{left:var(--gut);right:var(--gut);border-top:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.4rem;padding-top:1.2rem;font-size:.66rem;display:flex;position:absolute;bottom:clamp(1.1rem,3vh,2rem)}footer span:first-child{font-family:var(--display);letter-spacing:.34em;color:var(--ink-dim)}.lang{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);align-items:center;gap:.4rem;font-size:.68rem;display:flex}.lang button{font:inherit;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;padding:.35rem .1rem;transition:color .35s}.lang button:hover{color:var(--ink)}.lang button[aria-pressed=true]{color:var(--accent-hi)}.lang button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.lang span{opacity:.4}#nav nav a[data-active]{color:var(--ink)}#nav nav a[data-active]:not(.cta):after{transform:none}.dd-email{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.copy{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;background:0 0;border-radius:999px;padding:.28rem .62rem;font-size:.58rem;transition:color .35s,border-color .35s,background .35s}.copy:hover{color:var(--ink);border-color:#eef3f857}.copy:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.copy.done{color:var(--accent-hi);border-color:#7fb4ea99}.dd-live{align-items:baseline;gap:.55rem;display:flex}.dd-live i{background:#6fc98a;border-radius:50%;flex:none;width:6px;height:6px;animation:2.8s ease-out infinite pulse;transform:translateY(-1px);box-shadow:0 0 #6fc98a80}@keyframes pulse{0%{box-shadow:0 0 #6fc98a80}70%{box-shadow:0 0 0 7px #6fc98a00}to{box-shadow:0 0 #6fc98a00}}.reveal,.projects li{opacity:0;transition:opacity 1s var(--ease) var(--d,0s), transform 1.1s var(--ease) var(--d,0s);transform:translateY(26px)}.in.reveal,.in .reveal,.in.projects li{opacity:1;transform:none}.noscript{z-index:40;text-align:center;max-width:34rem;margin:4rem auto;line-height:1.7;position:relative}@media (max-width:900px){.contact-wrap{grid-template-columns:1fr}.panel--left:before,.panel--right:before,.panel--split:before{background:linear-gradient(#06090ead 0%,#06090ee8 42%,#06090ef2 100%)}.panel--right,.panel--split{justify-content:flex-start}}@media (max-width:480px){.brand em{display:none}.brand{letter-spacing:.18em;text-indent:.18em;font-size:.84rem}}@media (max-width:620px){#nav nav a:not(.cta){display:none}#nav nav{gap:.9rem}.field-row{grid-template-columns:1fr}.projects .row{grid-template-columns:auto 1fr auto}.projects .metric{grid-area:2/2}.projects .sub{grid-area:3/1/auto/-1}.projects .note p,.projects .visit{margin-left:0}footer{margin-top:3rem;position:static}#contact.panel{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.projects li{opacity:1;transition:none;transform:none}.projects .note{transition:none}.scroll-cue i,.dd-live i{animation:none}}