:root{color-scheme:dark;--bg:#141611;--text:#f3f1e8;--muted:#a8ac9d;--accent:#dfff87;--line:#393d31}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.page-shell{max-width:1560px;padding:0 64px;margin:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:14px 20px;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;letter-spacing:-2px;font-size:31px;display:flex;gap:4px}.wordmark span{font-size:10px;letter-spacing:0;padding-top:5px}.header-label,.header-link,.eyebrow,.art-caption,.art-footer,.section-heading>span,.project-top,.domain,.site-footer{font-family:"Courier New",Courier,monospace;font-size:11px;letter-spacing:.045em}.header-label{color:var(--muted)}.header-link{display:flex;align-items:center;gap:28px}.header-link span{font-family:Arial,sans-serif;font-size:22px;color:var(--accent)}.intro{display:grid;grid-template-columns:1.18fr 1fr;gap:5%;padding:58px 0 62px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);margin:0 0 27px;letter-spacing:.025em}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{margin:0}h1>span:first-child{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.display-name{display:block;font-size:clamp(68px,7.7vw,112px);font-weight:900;line-height:.89;letter-spacing:-.07em}.display-name i{display:inline-block;font-style:normal;color:var(--accent);font-size:.8em;vertical-align:7%;margin-left:.06em}.intro-note{font-size:16px;line-height:1.5;color:var(--muted);margin:28px 0 0;letter-spacing:-.025em}.identity-art{max-width:535px;position:relative;width:100%;justify-self:end;color:var(--accent);border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#282f1e 0%,#1a1e15 50%,#141611 78%);overflow:hidden}.art-caption,.art-footer{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);line-height:1.4}.art-caption{top:20px}.art-footer{bottom:18px;align-items:flex-end}.art-arrow{font-family:Arial,sans-serif;font-size:28px;line-height:1;color:var(--accent)}.orbit-art{width:100%;height:auto;display:block}.orbit-shape{transform-origin:270px 270px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-top:1px solid var(--line)}.section-heading h2{font-size:21px;letter-spacing:-.04em;margin:0;font-weight:500}.section-heading>span{color:var(--muted);font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:16px}.project{color:#19221b;min-height:360px;padding:21px 23px 23px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,filter .25s ease}.project:hover{transform:translateY(-5px);filter:brightness(1.04)}.project:focus-visible{outline-offset:5px}.project-byms{background:#dce9b6}.project-weeb{background:#d9c1f1}.project-vozob{background:#efb991}.project-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.07em}.link-arrow{width:30px;height:30px;border:1px solid #19221b66;border-radius:50%;display:grid;place-items:center;font-size:20px;font-family:Arial,sans-serif;transition:background .2s,color .2s}.project:hover .link-arrow{background:#19221b;color:white}.project-graphic{height:219px;display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:205px}.graphic-byms>span:first-child{font-size:clamp(50px,5.7vw,85px);font-weight:900;letter-spacing:-.08em;transform:rotate(-7deg)}.graphic-spark{position:absolute;right:8%;top:26px;font-size:57px}.tile{width:100px;height:100px;border:1px solid #30223b;position:absolute;transform:rotate(-16deg);border-radius:13px}.tile-back{background:#9373ae;transform:translate(24px,16px) rotate(-16deg)}.tile-mid{background:#b498cd;transform:translate(12px,8px) rotate(-16deg)}.tile-front{background:#eddef8;font-size:70px;font-weight:900;letter-spacing:-.12em;display:flex;align-items:center;justify-content:center;padding-right:12px;padding-bottom:11px}.graphic-vozob{overflow:hidden}.voice-ring{width:128px;height:128px;position:absolute;border:1px solid #734b32;border-radius:50%}.ring-one{transform:translateX(-37px)}.ring-two{transform:translateX(37px)}.ring-three{width:178px;height:178px;border-color:#734b3270}.vozob-letter{font-size:130px;font-weight:900;line-height:1;transform:translateY(-12px);font-family:Georgia,serif;font-style:italic;color:#49341f}.project-bottom{display:flex;flex-direction:column;gap:20px;border-top:1px solid #19221b44;padding-top:19px}.project-bottom h3{font-size:24px;letter-spacing:-.045em;margin:0 0 5px}.project-bottom p{font-size:12px;line-height:1.5;margin:0;color:#343d31}.domain{font-size:10px;letter-spacing:0}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:36px 0 32px;color:var(--muted);font-size:10px}.site-footer>a{color:var(--text)}.site-footer>a span{margin-left:12px}
@media(min-width:1560px){.display-name{font-size:118px}}@media(max-width:1100px){.page-shell{padding:0 36px}.intro{gap:4%;padding:50px 0}.display-name{font-size:8.2vw}.project{padding:18px;min-height:340px}.project-graphic{min-height:185px}.graphic-spark{font-size:45px;right:0}.graphic-byms>span:first-child{font-size:6.6vw}.intro-note{font-size:15px}.eyebrow{font-size:9px}.art-caption,.art-footer{font-size:8px;left:14px;right:14px}.tile{width:88px;height:88px}.tile-front{font-size:62px}.voice-ring{width:105px;height:105px}.ring-three{width:155px;height:155px}.vozob-letter{font-size:115px}}
@media(max-width:760px){.page-shell{padding:0 22px}.site-header{height:78px}.header-label{display:none}.header-link{font-size:10px;gap:12px}.wordmark{font-size:27px}.intro{grid-template-columns:1fr;gap:32px;padding:42px 0 40px}.display-name{font-size:clamp(60px,14.1vw,105px)}.eyebrow{font-size:9px;margin-bottom:25px}.intro-note{font-size:15px;margin-top:24px}.identity-art{width:100%;max-width:none;aspect-ratio:1.4}.orbit-art{width:100%;height:100%;object-fit:contain}.art-caption,.art-footer{font-size:8px;left:18px;right:18px}.art-caption{top:16px}.art-footer{bottom:16px}.section-heading{padding:23px 0}.section-heading h2{font-size:21px}.section-heading>span{font-size:8px}.project-grid{grid-template-columns:1fr;gap:15px}.project{min-height:350px;padding:20px 23px}.project-graphic{min-height:195px}.graphic-byms>span:first-child{font-size:87px}.graphic-spark{font-size:60px;right:16%;top:20px}.project-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px}.project-bottom h3{font-size:25px}.domain{padding-bottom:2px}.tile{width:104px;height:104px}.tile-front{font-size:74px}.voice-ring{width:126px;height:126px}.ring-three{width:175px;height:175px}.vozob-letter{font-size:130px}.site-footer{flex-wrap:wrap;gap:20px;font-size:9px;padding:30px 0}.site-footer>span:nth-child(2){order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-shape{animation:none}.project,.link-arrow{transition:none}.project:hover{transform:none}}

.down-arrow svg{display:block;transform:rotate(90deg)}.art-arrow svg{width:28px;height:28px;transform:rotate(180deg)}.up-arrow svg{width:13px;height:13px;transform:rotate(-45deg);vertical-align:middle}