*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#05090b;color:#f7f8fa;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1536px;padding:0 3.7%;margin:auto;position:relative}header{height:76px;display:flex;align-items:flex-start;padding-top:23px;gap:168px;position:relative;z-index:3}.wordmark{font-size:29px;letter-spacing:-1.4px;line-height:1}nav{display:flex;gap:50px;padding-top:5px;font-size:15px}nav a,footer a{transition:color .2s}nav a:hover,footer a:hover{color:#54e5ff}.hero{height:354px;position:relative;isolation:isolate}.portrait{position:absolute;z-index:-1;right:-4%;top:-76px;width:54%;height:477px;background:url('/portal-assets/founder.webp') center top/100% auto no-repeat;mask-image:linear-gradient(to right,transparent,#000 15%,#000 90%,transparent)}.hero-copy{position:relative;padding-top:1px}h1{font-size:clamp(110px,14.9vw,229px);letter-spacing:-.07em;font-weight:750;line-height:.86;margin:0 0 3px -8px}h2{margin:0}.hero h2{font-size:clamp(28px,3.15vw,49px);letter-spacing:-1.5px;font-weight:600;line-height:1.12;margin:10px 0 3px}.hero p{color:#839caa;letter-spacing:1px;font-size:clamp(15px,1.66vw,25.5px);margin:3px 0 21px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #23ddf8;background:#001c25a6;border-radius:30px;color:#54e5ff;font-weight:600;font-size:16px;padding:12px 28px;transition:background .2s,box-shadow .2s}.cta span{font-size:27px;line-height:18px;font-weight:400}.cta:hover{background:#033b49;box-shadow:0 0 25px #0edafa20}#projects-title{font-size:36px;font-weight:600;letter-spacing:-.8px;margin:2px 0 7px;line-height:1.2}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 12px}.card{display:block;border:1px solid #3c4c56;border-radius:6px;overflow:hidden;background:#10171a;padding:0;cursor:pointer;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;aspect-ratio:2.98}.card img{width:100%;height:100%;display:block;object-fit:fill}.card:hover{transform:translateY(-4px);border-color:#66def0;box-shadow:0 10px 28px #0008,0 0 20px #2bcce314}.card:focus-visible,.cta:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #6beaff;outline-offset:4px}footer{display:flex;justify-content:space-between;color:#86939b;font-size:12px;padding:27px 0 22px}footer div{display:flex;gap:24px}.aura{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 57% 22%,#087c9410,transparent 46%);z-index:-1}#trail{position:fixed;inset:0;pointer-events:none;z-index:5}dialog{background:#0c1419;color:#f5f8fa;border:1px solid #345463;border-radius:18px;padding:44px;max-width:560px;width:calc(100% - 36px);box-shadow:0 30px 140px #000a}dialog::backdrop{background:#010609c9;backdrop-filter:blur(10px)}dialog h2{font-size:32px;margin:15px 0}dialog p{line-height:1.7;color:#b9c8d0;margin-bottom:28px}.eyebrow{color:#52d9ed;text-transform:uppercase;letter-spacing:2px;font-size:11px}.close{position:absolute;right:13px;top:9px;border:0;background:none;color:#c5d1d7;cursor:pointer;font-size:32px}.skip{position:fixed;top:-80px;left:20px;background:#fff;color:#000;padding:12px;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){.hero{height:380px}}@media(max-width:1000px){header{gap:80px;height:70px}.hero{height:300px}.portrait{height:390px;top:-70px;width:56%;background-size:auto 100%;background-position:center top}.hero h2{letter-spacing:-.7px}.hero p{max-width:54%;line-height:1.5}.hero-copy{padding-top:20px}#projects-title{font-size:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{aspect-ratio:2.8}footer{padding-top:28px}}@media(max-width:600px){.shell{padding:0 20px}header{height:75px;justify-content:space-between;gap:20px;padding-top:24px}.wordmark{font-size:25px}nav{gap:24px;font-size:14px}.hero{height:450px}.portrait{top:25px;right:-20px;width:80%;height:365px;opacity:.65;mask-image:linear-gradient(to right,transparent,#000 35%,#000 90%,transparent);background-size:auto 100%}.hero-copy{padding-top:25px}h1{font-size:29vw;letter-spacing:-.075em;margin-left:-4px}.hero h2{font-size:28px;max-width:300px;margin-top:14px}.hero p{font-size:15px;max-width:235px;margin-top:12px;line-height:1.6}.cta{font-size:14px;padding:12px 20px;margin-top:13px;gap:30px}#projects-title{font-size:29px;margin-bottom:16px}.grid{grid-template-columns:1fr;gap:14px}.card{aspect-ratio:2.8}footer{font-size:11px;gap:20px;align-items:flex-start}footer div{gap:12px;flex-wrap:wrap;justify-content:flex-end}dialog{padding:32px 25px}dialog h2{font-size:27px}#trail{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}#trail{display:none}}
@media(min-width:1001px) and (max-width:1536px){header{height:4.95vw;padding-top:1.5vw}.hero{height:23.05vw}.portrait{top:-4.95vw;height:31.05vw}.hero-copy{padding-top:.1vw}.hero h2{margin-top:.65vw}.hero p{margin-bottom:1.37vw}#projects-title{font-size:2.35vw}.cta{padding:.78vw 1.82vw}}
@media(min-width:1001px){.hero{height:max(340px,23.05vw);max-height:354px}.portrait{height:100%;min-height:400px}#projects-title{position:relative}}
.portal-sound{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:9}.portal-sound-button{display:flex;align-items:center;gap:12px;border:1px solid #28d4ed88;border-radius:30px;padding:13px 19px;background:#07151eed;box-shadow:0 6px 30px #0008;color:#80edfc;font:600 13px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(14px)}.portal-sound-button:hover{background:#10303b}.portal-sound-button:disabled{opacity:.65;cursor:default}.portal-sound-bars{display:flex;align-items:center;gap:3px;height:19px}.portal-sound-bars i{display:block;width:3px;height:7px;background:currentColor;border-radius:3px}.portal-sound-bars i:nth-child(2){height:16px}.portal-sound-bars i:nth-child(3){height:11px}.is-playing .portal-sound-bars i{animation:portal-bars .75s ease-in-out infinite alternate}.is-playing .portal-sound-bars i:nth-child(2){animation-delay:-.3s}.is-playing .portal-sound-bars i:nth-child(3){animation-delay:-.5s}.is-playing .portal-sound-bars i:nth-child(4){animation-delay:-.15s}@keyframes portal-bars{to{transform:scaleY(.35)}}@media(max-width:600px){.portal-sound{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.portal-sound-button{font-size:12px;padding:12px 15px}.xnebo-portal footer{padding-bottom:85px}}