:root{color-scheme:dark;--bg:#101013;--surface:#17171c;--text:#eeedf0;--muted:#929198;--line:#303036;--purple:#ac8be9;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:6px}::selection{background:var(--purple);color:var(--bg)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--display);font-weight:700;letter-spacing:.05em;font-size:20px}.brand svg{width:34px;stroke:var(--purple);stroke-width:1.7;fill:none}.brand-period{color:var(--purple)}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--purple)}nav a span{margin-left:8px;color:var(--purple)}.github-link{border-left:1px solid var(--line);padding-left:36px}.hero{padding-top:40px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.orbit-label{font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--purple)}.edition{color:var(--muted)}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:490px;align-items:center}.hero-copy{position:relative;z-index:1;padding:40px 0 54px}h1{font-family:var(--display);font-size:clamp(90px,10.8vw,164px);font-weight:500;line-height:.98;letter-spacing:-.075em;margin:0 0 32px}h1>span{color:var(--purple)}.intro{font-size:20px;line-height:1.55;max-width:470px;white-space:pre-line}.placeholder{color:var(--muted)}.work-link{display:inline-flex;align-items:center;gap:25px;margin-top:32px;font-size:15px}.arrow-circle{display:grid;place-items:center;border:1px solid #65616e;border-radius:50%;height:41px;width:41px;font-size:20px;transition:background .25s,color .25s,transform .25s}.work-link:hover .arrow-circle{background:var(--purple);color:var(--bg);transform:translateY(3px);border-color:var(--purple)}.orbital{height:450px;position:relative;isolation:isolate}.orbital-grid{position:absolute;inset:30px 0;background-image:radial-gradient(#44404e .7px,transparent .7px);background-size:25px 25px;opacity:.42;clip-path:ellipse(49% 49%)}.orbit-diagram{height:100%;width:100%;overflow:visible}.orbit-lines{fill:none;stroke:#75618e;stroke-width:.8}.orbit-lines ellipse:nth-child(2){stroke:#434049}.orbit-lines ellipse:nth-child(3){stroke:#b295d9}.axis{stroke-dasharray:3 7;opacity:.4}.orbital-center{fill:none;stroke:var(--purple);stroke-width:1.2}.orbital-center path{stroke-width:2.5}.orbital-center circle{stroke:#55505e}.satellite{fill:var(--purple);transform-origin:320px 250px;animation:orbit 40s linear infinite}.satellite-ring{fill:var(--bg);stroke:var(--purple);stroke-width:1}.satellite circle:first-child{paint-order:stroke;stroke:var(--bg);stroke-width:7px}.satellite-ring{fill:none}.second{animation-duration:65s;animation-direction:reverse;fill:#cac4d4}.orbit-ticks{fill:none;stroke:#aaa1b8;stroke-width:1}.orbit-label{position:absolute;color:#77717f;font-size:12px;letter-spacing:.1em}.label-top{right:25px;top:25px}.label-bottom{bottom:15px;right:12px;font-size:12px;text-transform:none;letter-spacing:.04em}.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:38px}.highlight{border-right:1px solid var(--line);padding-right:30px}.highlight:last-child{border:0}.highlight-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.highlight-value{font-size:15px;margin:0;white-space:pre-line}.projects{padding-top:92px;padding-bottom:95px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-top h2{font-family:var(--display);font-size:50px;line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:13px 0 0}.project-count{vertical-align:top;font-size:14px;letter-spacing:0;color:var(--muted);margin-left:14px;display:inline-block;padding-top:7px}.collection-note{color:var(--muted);font-size:14px;padding-bottom:6px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}.project-card{display:block;border:0;text-align:left;padding:0;background:none;width:100%;min-width:0}.card-visual{aspect-ratio:1.36;overflow:hidden;position:relative;background:var(--surface);border:1px solid #29282f;display:grid;place-items:center;transition:border-color .3s,transform .35s}.project-card:hover .card-visual{border-color:#8f73b5;transform:translateY(-4px)}.card-visual img,.card-visual video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.visual-number{position:absolute;left:19px;top:14px;font-family:var(--display);font-size:12px;color:#9a919f;letter-spacing:.1em}.media-label{position:absolute;bottom:15px;left:19px;font-size:12px;letter-spacing:.06em;color:#aca6b5;display:flex;align-items:center;gap:8px}.media-label svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4}.open-icon{position:absolute;bottom:15px;right:17px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #57515f;border-radius:50%;font-size:18px;transition:background .25s,color .25s}.project-card:hover .open-icon{background:var(--purple);border-color:var(--purple);color:var(--bg)}.abstract{width:65%;height:65%;fill:none;stroke:#665574;stroke-width:1;transition:transform .7s}.project-card:hover .abstract{transform:rotate(6deg) scale(1.05)}.tone-1{background:#201b28}.tone-2{background:#181b21}.tone-3{background:#1a191e}.tone-4{background:#1c1825}.tone-5{background:#1b1c1d}.tone-6{background:#211c29}.card-category{font-size:12px;color:var(--muted);margin:20px 0 5px;text-transform:uppercase;letter-spacing:.1em}.card-title{font-family:var(--display);font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:0;font-weight:500}.card-summary{font-size:14px;color:var(--muted);line-height:1.6;margin:8px 0 0;white-space:pre-line}.text-preview{width:75%;display:flex;flex-direction:column;gap:14px}.text-preview span{height:1px;width:100%;background:#4a4353}.text-preview span:nth-child(2){width:80%}.text-preview span:nth-child(3){width:90%}.text-preview span:nth-child(4){width:52%}.text-preview::before{content:'Aa';font-family:var(--display);font-size:68px;line-height:1.2;color:#ac99be;margin-bottom:8px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:35px;font-size:13px;color:var(--muted)}.footer-name{font-size:23px;font-family:var(--display);color:var(--text);letter-spacing:-.06em}.footer-name span{color:var(--purple)}.footer>a:last-child{font-size:14px}.footer>a:last-child span{margin-left:20px;color:var(--purple)}.skip-link{position:fixed;left:20px;top:-70px;background:var(--purple);color:var(--bg);padding:10px;z-index:50}.skip-link:focus{top:10px}dialog{padding:0;border:1px solid #4a4057;background:#141317;color:var(--text);width:min(1000px,calc(100% - 48px));max-height:calc(100dvh - 64px);overscroll-behavior:contain}dialog::backdrop{background:#050509d9;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s ease-out}.detail-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#141317;z-index:2}.close-button{border:0;background:none;font-size:14px;display:flex;align-items:center;gap:20px;padding:8px}.close-button span{font-size:26px;color:var(--purple)}.detail-content{padding:42px 50px}.detail-content h2{font-family:var(--display);font-size:clamp(32px,5vw,58px);font-weight:500;letter-spacing:-.055em;line-height:1.15;margin:8px 0 24px}.detail-description{white-space:pre-line;max-width:720px;color:#c4c0cb;font-size:17px}.detail-media{margin:32px 0}.detail-media img,.detail-media video{width:100%;max-height:65vh;object-fit:contain;background:#0c0b0f;display:block}.detail-media figcaption{font-size:14px;color:var(--muted);margin-top:12px}.media-empty{min-height:220px;background:#1c1822;border:1px dashed #4b3c5c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:14px}.media-empty svg{width:28px;height:28px;stroke:var(--purple);fill:none;stroke-width:1}.detail-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.detail-links a{border:1px solid #51435e;padding:9px 18px;font-size:14px}.detail-links a:hover{background:var(--purple);color:#101013}.detail-footer{border-top:1px solid var(--line);padding:22px 36px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.detail-footer button{background:none;border:0;padding:8px 0;font-size:14px;color:var(--text)}.detail-footer button:hover{color:var(--purple)}.detail-footer button:disabled{opacity:.3;cursor:default}.empty-collection{grid-column:1/-1;padding:50px;border:1px dashed var(--line);color:var(--muted)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero-layout{min-height:540px}.orbital{height:490px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-layout{min-height:430px;grid-template-columns:1fr .9fr}.orbital{height:370px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:110px}.collection-note{display:none}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:16px;gap:8px}.brand svg{width:27px}nav{gap:20px}nav .github-link{display:none}.hero{padding-top:28px}.edition{font-size:10px;letter-spacing:.07em}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:45px 0 0}.hero-copy h1{font-size:clamp(76px,21vw,125px);margin-bottom:22px}.intro{font-size:18px}.work-link{margin-top:15px}.orbital{height:295px;margin:3px 10px 20px}.label-top{top:15px;right:0}.label-bottom{bottom:0}.about-strip{grid-template-columns:1fr;gap:20px;padding:24px 0}.highlight{border-right:0;padding:0;display:grid;grid-template-columns:110px 1fr;gap:12px}.highlight-label{padding-top:2px;margin:0}.highlight-value{font-size:14px}.projects{padding-top:58px;padding-bottom:60px}.section-top h2{font-size:42px}.project-grid{grid-template-columns:1fr;gap:34px}.card-visual{aspect-ratio:1.4}.card-title{font-size:24px}.footer{flex-wrap:wrap;gap:18px}.footer>span{display:none}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-nav{padding:12px 20px}.detail-content{padding:26px 22px}.detail-footer{padding:15px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}