@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color:#1d2130;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d2130;--paper:#f5f2eb;--violet:#7357c8;--violet-deep:#221f4a;--mint:#a8d8c2;--line:#1d213026;background:#f5f2eb;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}a{color:inherit}img{max-width:100%;display:block}.skip-link{z-index:100;color:#fff;background:#111026;border-radius:999px;padding:.75rem 1rem;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;color:#ffffffe6;justify-content:space-between;align-items:center;width:min(1180px,100% - 3rem);margin:0 auto;padding:1.4rem 0;display:flex;position:absolute;inset:0 0 auto}.wordmark{letter-spacing:.08em;font:600 1.25rem Newsreader,serif;text-decoration:none}.wordmark span{color:#cab8ff}.site-header nav{align-items:center;gap:1.5rem;display:flex}.site-header nav a{font-size:.9rem;text-decoration:none}.site-header nav a:hover{color:#d9ccff}.nav-github{align-items:center;gap:.4rem;display:inline-flex}.nav-github svg{width:1rem}.hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 50% 36%,#8b69e14d,#0000 27%),linear-gradient(155deg,#0c0d21 0%,#191538 48%,#32235a 100%);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.stars{opacity:.55;background-image:radial-gradient(#fff .8px,#0000 .8px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.cloud{z-index:0;opacity:.55;mix-blend-mode:screen;pointer-events:none;position:absolute}.cloud-one{width:48vw;min-width:460px;top:1%;left:-14%;transform:rotate(-5deg)}.cloud-three{width:44vw;min-width:430px;top:8%;right:-12%;transform:scaleX(-1)rotate(-4deg)}.cloud-four{opacity:.35;width:60vw;min-width:620px;bottom:-29%;left:17%}.portal-scene{z-index:1;opacity:.82;place-items:end center;width:min(43vw,540px);height:min(76vh,680px);display:grid;position:absolute;bottom:3vh;right:max(4vw,50vw - 630px)}.portal{object-fit:contain;mix-blend-mode:screen;filter:saturate(.8)hue-rotate(8deg);width:100%;max-height:68vh}.energy-vortex-svg{z-index:-1;opacity:.72;filter:drop-shadow(0 0 30px #a855f799);width:42%;height:68%;position:absolute;top:4%;left:29%}.vortex-path{fill:none;stroke:url(#vortexGradient);stroke-width:3px;stroke-linecap:round;filter:url(#glow);animation:4s ease-in-out infinite vortex-flow}.vortex-path:nth-child(2){stroke-width:2.5px;animation-delay:.5s}.vortex-path:nth-child(3){stroke-width:2px;animation-delay:1s}.vortex-container{animation:3s ease-in-out infinite vortex-pulse}.vortex-orbit{animation:5s ease-in-out infinite vortex-flow}.vortex-orbit-far{animation-duration:6s}@keyframes vortex-flow{0%{stroke-dashoffset:0;opacity:.8}50%{opacity:.6}to{stroke-dashoffset:200px;opacity:.3}}@keyframes vortex-pulse{0%,to{filter:drop-shadow(0 0 20px #a855f766)}50%{filter:drop-shadow(0 0 40px #a855f7cc)}}.hero-copy{z-index:3;width:min(1180px,100% - 3rem);margin:0 auto;padding-right:min(42vw,500px);position:relative}.eyebrow{color:#7261ad;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 1rem;font-size:.77rem;font-weight:700;display:flex}.hero .eyebrow{color:#c9baff}.eyebrow svg{width:1rem;height:1rem}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.03em;font-family:Newsreader,Georgia,serif;font-weight:500}h1{text-wrap:balance;max-width:770px;margin-bottom:1.4rem;font-size:clamp(3.7rem,6.7vw,7.4rem);line-height:.91}.hero-lede{color:#ffffffba;max-width:650px;margin-bottom:2rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.primary-button,.primary-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{color:#17132e;cursor:pointer;background:#e7e0ff;border:0;padding:.95rem 1.3rem;box-shadow:0 10px 30px #00000040}.primary-button:hover{background:#fff;transform:translateY(-1px)}.primary-button svg,.primary-link svg,.secondary-link svg{width:1.05rem;height:1.05rem}.scroll-cue{z-index:4;color:#ffffff94;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.35rem;font-size:.73rem;display:flex;position:absolute;bottom:1.7rem;left:50%;transform:translate(-50%)}.scroll-cue svg{width:1rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(5px)}}.section-wrap{width:min(1180px,100% - 3rem);margin:0 auto}.work-section{padding:8rem 0}.section-intro{max-width:820px}.section-intro h2,.released-heading h2,.approach-copy h2,.about-copy h2{margin-bottom:1.3rem;font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.02}.section-intro>p:last-child,.approach-copy>p:last-child,.about-copy>p{color:#5d6170;font-size:1.08rem;line-height:1.75}.featured-project{color:#fff;background:#1d1b3d;border-radius:30px;grid-template-columns:1fr;margin:3.5rem 0 8rem;display:grid;overflow:hidden;box-shadow:0 24px 70px #1e193f2e}.featured-image{aspect-ratio:3;background:#eee4ca;min-height:0}.featured-image img{object-fit:contain;width:100%;height:100%}.featured-copy{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:clamp(2.25rem,4vw,4rem);display:grid}.status{color:#c9f2df;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;display:flex}.status span{background:#75d6a8;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #75d6a821}.featured-heading h3{margin-bottom:0;font:600 clamp(3rem,5vw,5rem) Newsreader,serif}.featured-details>p{color:#ffffffb3;line-height:1.7}.project-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.25rem;display:flex}.primary-link,.secondary-link{padding:.78rem 1rem;font-size:.9rem}.primary-link{color:#191630;background:#e6ddff}.secondary-link{color:#fff;border:1px solid #ffffff38}.released-heading{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.2rem;display:flex}.released-heading h2{max-width:800px;margin:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.project-card{border:1px solid var(--line);background:#ffffff94;border-radius:24px;transition:transform .18s,box-shadow .18s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #2e26431a}.project-image-link{background:#dfdbe4;height:270px;display:block;overflow:hidden}.project-image-link img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s}.project-card:hover .project-image-link img{transform:scale(1.025)}.project-card-body{padding:1.5rem}.project-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-heading h3{margin-bottom:.6rem;font:600 1.65rem Newsreader,serif}.icon-link{border:1px solid var(--line);border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:grid}.icon-link svg{width:1rem}.project-card-body>p{color:#606370;line-height:1.65}.project-card-body .project-note{color:#725d33;margin-top:-.3rem;font-size:.85rem;font-weight:600}.tag-list{flex-wrap:wrap;gap:.45rem;margin:1.3rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:#555267;background:#ece8f1;border-radius:999px;padding:.42rem .62rem;font-size:.73rem}.approach-section{color:#fff;background:#1b1a36}.approach-inner{grid-template-columns:.82fr 1.18fr;gap:8vw;padding:8rem 0;display:grid}.approach-copy{align-self:start;position:sticky;top:3rem}.approach-copy .eyebrow{color:#bba9f4}.approach-copy>p:last-child{color:#ffffff9e}.process-list{margin:0;padding:0;list-style:none}.process-list li{border-top:1px solid #ffffff24;grid-template-columns:3.8rem 1fr;gap:1rem;padding:2rem 0;display:grid}.process-list li:last-child{border-bottom:1px solid #ffffff24}.process-list span{color:#9c8bd6;font-size:.78rem;font-weight:700}.process-list h3{margin-bottom:.5rem;font:500 1.55rem Newsreader,serif}.process-list p{color:#ffffff91;margin:0;line-height:1.65}.about-section{grid-template-columns:.6fr 1.4fr;align-items:center;gap:8vw;min-height:700px;padding-top:7rem;padding-bottom:7rem;display:grid}.about-mark{aspect-ratio:1;color:#342a57;background:radial-gradient(circle at 35% 30%,#e2d9ff,#9dbfc0);border-radius:50%;place-items:center;font:600 clamp(3rem,8vw,7rem) Newsreader,serif;display:grid;box-shadow:inset 0 0 0 12px #ffffff47,0 25px 70px #372e5526}.primary-link.dark{color:#fff;background:var(--violet-deep);width:fit-content;margin-top:.8rem}footer{color:#ffffff94;background:#111025;justify-content:space-between;align-items:center;gap:2rem;padding:2rem max(1.5rem,50vw - 590px);font-size:.78rem;display:flex}footer p{margin:0}:focus-visible{outline-offset:4px;outline:3px solid #d0bdff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.site-header nav a:not(.nav-github){display:none}.hero-copy{text-align:center;padding-bottom:37vh;padding-right:0}.hero-copy .eyebrow{justify-content:center}.hero-lede{margin-left:auto;margin-right:auto}.portal-scene{opacity:.65;width:min(74vw,500px);height:50vh;bottom:-11vh;right:50%;transform:translate(50%)}.cloud-one,.cloud-three{opacity:.35}.featured-project,.featured-copy,.approach-inner,.about-section{grid-template-columns:1fr}.featured-copy{gap:1.5rem}.featured-image{min-height:unset;aspect-ratio:3}.approach-copy{position:static}.about-mark{width:min(330px,80vw)}}@media (width<=680px){.site-header,.section-wrap,.hero-copy{width:min(100% - 2rem,1180px)}h1{font-size:clamp(3rem,15vw,5rem)}.work-section,.approach-inner{padding-top:5.5rem;padding-bottom:5.5rem}.featured-project{margin-bottom:5.5rem}.project-grid{grid-template-columns:1fr}.project-image-link{height:220px}.released-heading{flex-direction:column;align-items:start}.about-section{min-height:auto}footer{flex-direction:column;align-items:flex-start}}