@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";
:root{--bg:#05070c;--panel:#0b111d;--ink:#f5f8ff;--muted:#a7b0c0;--line:#c8deff29;--glow:#83caff52;--violet:#c5b9ff47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-feature-settings:"liga" 1;margin:0;font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}img{max-width:100%;display:block}main{background:radial-gradient(circle at 70% 8%, #9bb9ff24, transparent 34rem), var(--bg);overflow:hidden}[data-reveal]{opacity:1;transform:none}.effects-ready [data-reveal]{opacity:0;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),border-color .5s,background .5s;transition-delay:calc(var(--reveal-index,0) * 70ms);transform:translateY(28px)scale(.985)}.effects-ready [data-reveal].is-visible{opacity:1;transform:translate(0,0)scale(1)}[data-parallax]{transform:translate3d(0, var(--scroll-y,0px), 0);will-change:transform;transition:transform .12s linear}.mono{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.2}.hero{color:#fff;background:#03050a;min-height:700px;position:relative;overflow:hidden}.hero>img{object-fit:cover;filter:saturate(1.08)contrast(1.06)brightness(.76);width:100%;height:110%;transform:translate3d(0, var(--scroll-y,0px), 0) scale(1.04);position:absolute;inset:-5% 0}.shade{background:radial-gradient(circle at 74% 22%,#6ec9ff47,#0000 21rem),radial-gradient(circle at 42% 48%,#c5b9ff29,#0000 26rem),linear-gradient(90deg,#03050ae0,#03050a78 58%,#03050a3d),linear-gradient(#0000 48%,#05070c 100%);position:absolute;inset:0}.drift{z-index:1;pointer-events:none;filter:blur(2px);opacity:.72;border-radius:999px;animation:12s ease-in-out infinite alternate floatDrift;position:absolute}.driftOne{background:linear-gradient(#0000,#97d8ffd1,#0000);width:1px;height:230px;top:24%;right:18%;box-shadow:0 0 34px #7dcdff80,28px 38px #c5b9ff29}.driftTwo{background:linear-gradient(90deg,#0000,#cbbeffb8,#0000);width:180px;height:1px;animation-duration:16s;bottom:18%;right:8%}@keyframes floatDrift{0%{transform:translate(-10px,-14px)rotate(-2deg)}to{transform:translate(12px,18px)rotate(4deg)}}.nav{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03060c47;border-bottom:1px solid #d6e7ff2e;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(22px,5vw,64px);display:flex;position:relative}.logo{letter-spacing:-.035em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.logo span{width:10px;height:22px;box-shadow:0 0 28px var(--glow);background:linear-gradient(#dff7ff,#7dccff 50%,#c7b7ff);border-radius:999px}.nav div{gap:24px;display:flex}.nav a:not(.logo){color:#f5f8ffc7;font-size:14px;font-weight:500;text-decoration:none}.heroCopy{z-index:2;max-width:760px;padding:clamp(92px,14vh,142px) clamp(22px,5vw,64px) 80px;position:relative}.heroCopy .mono{color:#e6f0ffb8}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.062em;max-width:720px;margin-bottom:22px;font-size:clamp(46px,6.4vw,84px);font-weight:600;line-height:.98}.heroCopy p:not(.mono){color:#ebf2ffd1;letter-spacing:-.02em;max-width:520px;margin:0;font-size:clamp(17px,1.45vw,20px);line-height:1.52}.scrollHint{z-index:3;color:#e6f0ff9e;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-family:Geist Mono,monospace;font-size:11px;display:inline-flex;position:absolute;bottom:30px;left:clamp(22px,5vw,64px)}.scrollHint span{background:linear-gradient(#97d8ff14,#97d8ffcc,#97d8ff14);width:1px;height:34px;animation:1.8s ease-in-out infinite scrollPulse;display:block}@keyframes scrollPulse{0%,to{opacity:.45;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#0c121ec7,#06090fb8);padding:clamp(52px,7vw,84px) clamp(22px,5vw,64px)}.intro p{color:#edf4ff;letter-spacing:-.058em;max-width:850px;margin:0 auto;font-size:clamp(25px,3.5vw,44px);font-weight:500;line-height:1.08}.work,.visuals,.company,.contact,footer{padding-left:clamp(22px,5vw,64px);padding-right:clamp(22px,5vw,64px)}.work{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:clamp(34px,6vw,74px);padding-top:82px;padding-bottom:82px;display:grid}.sectionHead{max-width:520px}h2{letter-spacing:-.06em;margin:0;font-size:clamp(32px,4.2vw,54px);font-weight:600;line-height:1.04}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(160px,.62fr) 1fr;gap:22px;padding:24px 0;transition:border-color .26s,background .26s,padding-left .26s;display:grid}.row:hover{background:linear-gradient(90deg,#97d8ff0a,#0000 55%);border-color:#97d8ff57;padding-left:10px}.row span{color:var(--muted);font-family:Geist Mono,monospace;font-size:11px}.row h3{color:#f7fbff;letter-spacing:-.052em;margin:0;font-size:clamp(21px,1.8vw,25px);line-height:1.04}.row p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.visuals{border-bottom:1px solid var(--line);background:linear-gradient(#07101b,#05070c);grid-template-columns:minmax(260px,.62fr) 1.38fr;gap:clamp(34px,5vw,70px);padding-top:82px;padding-bottom:82px;display:grid}.compact{align-self:start}.imageGrid{grid-template-columns:1.1fr .9fr;grid-auto-rows:190px;gap:10px;display:grid}.imageGrid img{object-fit:cover;filter:saturate(1.06)contrast(1.04);width:100%;height:100%;transform:translate3d(0, var(--scroll-y,0px), 0) scale(1.01);border:1px solid #d2e8ff29;border-radius:22px;box-shadow:0 22px 80px #00000047,0 0 56px #64b4ff14}.imageGrid img:hover{border-color:#97d8ff59;box-shadow:0 30px 96px #00000057,0 0 72px #64b4ff26}.imageGrid .wide{grid-column:span 2}.principles{color:#fff;border-bottom:1px solid var(--line);background:#03050a;padding:42px clamp(22px,5vw,64px)}.principles .mono{color:#dcebff8c}.principles div{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.principles span{border:1px solid var(--line);letter-spacing:-.052em;background:#aacfff0e;border-radius:20px;min-height:82px;padding:18px;font-size:clamp(18px,1.8vw,24px);line-height:1;transition:transform .28s,border-color .28s,background .28s}.principles span:hover{background:#aacfff16;border-color:#97d8ff57;transform:translateY(-4px)}.company{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:clamp(34px,6vw,74px);padding-top:82px;padding-bottom:82px;display:grid}.companyText>p{color:#dbe6f7;letter-spacing:-.052em;max-width:740px;margin-bottom:28px;font-size:clamp(20px,2.2vw,30px);line-height:1.18}dl{grid-template-columns:1fr 1fr;gap:10px;max-width:760px;margin:0;display:grid}dl div{border:1px solid var(--line);background:#aacfff0d;border-radius:18px;padding:18px}dt{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-family:Geist Mono,monospace;font-size:11px}dd{color:#edf5ff;letter-spacing:-.03em;margin:0;font-size:16px;font-weight:500}.contact{color:#fff;background:#03050a;grid-template-columns:.86fr 1.14fr;min-height:500px;padding-top:0;padding-bottom:0;display:grid}.contact>img{object-fit:cover;filter:saturate(1.05)contrast(1.06)brightness(.68);width:calc(100% + clamp(22px,5vw,64px));height:110%;transform:translate3d(0, var(--scroll-y,0px), 0) scale(1.02);margin-left:calc(-1*clamp(22px,5vw,64px))}.contact>div{align-self:center;padding:64px 0 64px clamp(28px,5vw,76px)}.contact .mono{color:#dcebff8f}.links{gap:10px;max-width:500px;margin-top:30px;display:grid}.links a{border:1px solid var(--line);letter-spacing:-.052em;background:#aacfff0e;border-radius:20px;flex-direction:column;gap:7px;padding:20px;font-size:clamp(18px,2vw,25px);text-decoration:none;display:flex}.links span{color:#dcebff8f;letter-spacing:.08em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px}footer{color:#dcebff94;background:#03050a;justify-content:space-between;gap:18px;padding-top:24px;padding-bottom:28px;font-size:14px;display:flex}footer a{text-decoration:none}@media (max-width:940px){.hero{min-height:620px}.nav div{display:none}.work,.visuals,.company,.contact{grid-template-columns:1fr}.row{grid-template-columns:38px 1fr}.row p{grid-column:2}.principles div{grid-template-columns:1fr 1fr}.contact>img{width:calc(100% + 44px);height:280px;margin-left:-22px}.contact>div{padding:58px 0}}@media (max-width:640px){.hero{min-height:560px}.heroCopy{padding-top:76px}h1{font-size:43px}.intro p{font-size:28px}.work,.visuals,.company{padding-top:60px;padding-bottom:60px}.imageGrid{grid-template-columns:1fr;grid-auto-rows:200px}.imageGrid .wide{grid-column:auto}.principles div,dl{grid-template-columns:1fr}.scrollHint{display:none}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[data-reveal],[data-parallax],.hero>img,.imageGrid img,.contact>img{opacity:1!important;transform:none!important}}