.header-links{display:flex;gap:22px;align-items:center;font:9px var(--mono)}.header-links button{font:inherit;background:none;border:0;padding:0;color:var(--fg)}#universe{position:fixed;inset:0;z-index:10002;background:#f8f9f6;color:#1e251f;overflow:hidden;display:flex;flex-direction:column;background-image:radial-gradient(#64735c32 .65px,transparent .65px);background-size:25px 25px}#universe[hidden]{display:none}.universe-top,.universe-bottom{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:25px 35px;font:8px var(--mono);gap:20px}.universe-top{border-bottom:1px solid #d6dbd1}.universe-top button{background:#f8f9f6;border:1px solid #d6dbd1;padding:9px 12px;font:8px var(--mono)}#universe-orbit{position:relative;flex:1;min-height:0;touch-action:pan-y}#universe-projects{position:absolute;inset:0}.universe-project{position:absolute;left:50%;top:50%;display:block;width:115px;text-decoration:none;will-change:transform}.universe-project img{width:100%;height:82px;object-fit:cover;background:#eef0ea;box-shadow:0 8px 20px #0001;border:3px solid #fff}.universe-project>span{display:block;font:6px/1.4 var(--mono);margin-top:4px;max-height:24px;overflow:hidden}.universe-project:hover img,.universe-project:focus-visible img{outline:1px solid #657365;outline-offset:5px}.universe-project:focus-visible{z-index:35!important;opacity:1!important}.universe-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;max-width:360px;pointer-events:none;z-index:25;background:radial-gradient(ellipse,#f8f9f6 50%,#f8f9f600 72%);padding:30px}.universe-center h2{font-size:42px;line-height:1.02}.universe-center .eyebrow{font-size:7px}.universe-center p{font:8px/1.6 var(--mono);color:#687165;max-width:230px;margin:15px auto 0}.universe-ring{position:absolute;left:50%;top:50%;border:1px solid #7e8d7225;border-radius:50%;width:min(62vmin,620px);aspect-ratio:1.45;transform:translate(-50%,-50%) rotate(-7deg);pointer-events:none}.ring-two{width:min(86vmin,860px);transform:translate(-50%,-50%) rotate(8deg)}.ring-three{width:min(110vmin,1100px);transform:translate(-50%,-50%) rotate(-5deg)}.universe-bottom{border-top:1px solid #d6dbd1;background:#f8f9f6}.universe-bottom>span{max-width:190px;line-height:1.6}.universe-bottom>span:last-child{text-align:right}.universe-bottom>div{display:flex;gap:12px}.universe-bottom button{border:1px solid #1e251f;color:#1e251f;background:transparent;padding:15px 18px;font:9px var(--mono)}.universe-bottom button:hover{background:#1e251f;color:#f8f9f6}.universe-index #universe-orbit{overflow:auto}.universe-index .universe-ring,.universe-index .universe-center{display:none}.universe-index #universe-projects{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px;padding:35px}.universe-index .universe-project{position:static;width:auto}.universe-index .universe-project img{height:auto;aspect-ratio:1.2}.universe-index .universe-project>span{font-size:9px;max-height:none}.built-collage{position:absolute;inset:0;pointer-events:none;z-index:0}.built-collage figure{position:absolute;margin:0;box-shadow:0 7px 18px #0001;padding:7px;background:#fff;border:1px solid #cbd2c4}.built-collage img{width:100%;height:auto;display:block}.built-collage figcaption{font:6px var(--mono);color:#687165;margin-top:7px}.collage-plan{width:190px;right:8%;top:25%;transform:rotate(8deg)}.collage-section{width:200px;left:5%;top:54%;transform:rotate(-9deg)}.collage-model{width:125px;left:35%;bottom:12%;transform:rotate(7deg)}html[data-world=beyond] .built-collage{display:none}html[data-world=built] .hero{background-color:#f8f9f6;background-image:linear-gradient(#677f5510 1px,transparent 1px),linear-gradient(90deg,#677f5510 1px,transparent 1px),radial-gradient(ellipse at 50% 60%,#e6ebdf80,transparent 70%);background-size:30px 30px,30px 30px,100% 100%}html[data-world=built] .statement{background-image:linear-gradient(135deg,transparent 49.9%,#73846612 50%,transparent 50.1%)}html[data-world=built] .projects .project:nth-child(5){grid-column:2/span 5;margin-top:10px}html[data-world=built] .projects .project:nth-child(6){grid-column:9/span 4;margin-top:70px}html[data-world=built] .projects .project:nth-child(7){grid-column:1/span 4}html[data-world=built] .projects .project:nth-child(8){grid-column:7/span 5;margin-top:85px}html[data-world=built] .projects .project:nth-child(9){grid-column:3/span 5;margin-top:15px}.contact-section{padding:65px 40px 25px;border-top:1px solid var(--line);background:var(--panel)}.contact-details{padding:35px 40px 80px;display:grid;grid-template-columns:1fr 1.4fr;gap:70px;background:var(--panel)}.contact-details>div{display:flex;flex-direction:column;gap:18px;font:11px var(--mono)}#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}#contact-form label{font:9px var(--mono);display:flex;flex-direction:column;gap:10px}#contact-form input,#contact-form textarea{font:14px var(--sans);color:var(--fg);border:0;border-bottom:1px solid var(--muted);background:transparent;padding:8px 0;border-radius:0;width:100%}#contact-form .message-label{grid-column:1/-1}#contact-form button{font:9px var(--mono);padding:12px;border:1px solid var(--line);background:var(--bg);justify-self:start}#contact-form small{font:8px/1.5 var(--mono);color:var(--muted);align-self:center}.playground{padding:90px 40px;border-top:1px solid var(--line)}.playground-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.playground-heading p:last-child{font:11px/1.7 var(--mono);color:var(--muted)}.playground-filters{display:flex;gap:12px;margin:35px 0}.playground-filters button{font:9px var(--mono);padding:8px 14px;border:1px solid var(--line);background:none}.playground-filters button[aria-pressed=true]{background:var(--fg);color:var(--bg)}#playground-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 25px}#playground-projects .project{grid-column:auto;margin:0}#playground-projects .project[hidden]{display:none}#playground-projects .project-image{aspect-ratio:.85;background:var(--panel)}#playground-projects img{object-fit:contain}#playground-projects .project:nth-child(even){padding-top:50px}#playground-projects h3{font-size:16px}.site-footer{padding:25px 40px;display:flex;justify-content:space-between;gap:25px;font:8px var(--mono)}.site-footer button{font:inherit;border:0;background:none;padding:0}#star-trail{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden}#star-trail i{position:absolute;color:var(--accent);font:12px var(--sans);animation:star-fade .85s ease-out forwards}@keyframes star-fade{0%{opacity:.6;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(var(--drift),20px) scale(.1)}}#drone-cursor img{animation:drone-orbit 14s linear infinite}@keyframes drone-orbit{to{transform:rotate(360deg)}}.entry-caption{white-space:normal}#enter-site{min-width:235px;font-size:9px}
@media(max-width:900px){.header-links{gap:12px;font-size:8px}.collage-plan{width:130px;right:4%;top:28%}.collage-section{width:140px;left:3%;top:57%}.collage-model{width:100px;left:30%;bottom:17%}.contact-details{padding:30px 22px 60px;gap:30px}.playground{padding:65px 22px}#playground-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.universe-bottom{flex-wrap:wrap}.universe-bottom>span{font-size:7px}.universe-bottom>div{gap:8px}.universe-bottom button{font-size:8px;padding:13px 12px}}
@media(max-width:600px){.header-links{gap:10px;font-size:7px}.header-links a[href="#about"]{display:none}.header-links #reopen-universe{font-size:6px}#change{padding:9px;font-size:8px;gap:5px}.collage-plan{width:95px;right:10px;top:29%;opacity:.9}.collage-section{width:120px;left:10px;top:58%}.collage-model{display:none}html[data-world=built] .projects .project:nth-child(n){grid-column:auto;margin:0}html[data-world=built] .projects .project:nth-child(even){margin-top:45px}.universe-top{padding:18px;font-size:7px}.universe-top>span{max-width:170px;line-height:1.6}.universe-top button{font-size:7px;padding:8px}.universe-project{width:75px}.universe-project img{height:55px;border-width:2px}.universe-project>span{font-size:5px;max-height:16px}.universe-center{padding:20px;max-width:210px}.universe-center h2{font-size:31px}.universe-center .eyebrow{font-size:5px;white-space:nowrap}.universe-center p{font-size:6px}.universe-ring{width:48vmin}.ring-two{width:66vmin}.ring-three{width:84vmin}.universe-bottom{padding:18px;justify-content:center;gap:13px}.universe-bottom>div{order:-1;width:100%;justify-content:center}.universe-bottom>span{font-size:6px;max-width:150px;text-align:center!important}.universe-bottom button{font-size:8px;padding:14px 12px}.universe-index #universe-projects{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px;gap:20px 12px}.universe-index .universe-project>span{font-size:7px}.contact-section{padding:45px 18px 25px}.contact-details{padding:10px 18px 50px;grid-template-columns:1fr;gap:35px}.contact-details>div{font-size:10px}#contact-form{gap:20px 14px}#contact-form label{font-size:8px}#contact-form small{font-size:7px}.playground{padding:55px 18px}.playground-heading{display:block}.playground-heading h2{font-size:54px}.playground-heading p:last-child{font-size:10px;margin-top:20px}#playground-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}#playground-projects .project:nth-child(even){padding-top:30px}#playground-projects h3{font-size:13px}.playground-filters{gap:8px}.playground-filters button{font-size:7px;padding:9px 10px}.site-footer{padding:25px 18px;flex-wrap:wrap;font-size:7px;gap:15px}.contact-section .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){#drone-cursor img,#star-trail i{animation:none}.universe-project{will-change:auto}}
.universe-open #star-trail{z-index:10003}.universe-open #star-trail i{color:#657365}.built-collage{opacity:.85}.contact-section .footer-bottom>span{font-size:8px}
#universe{-webkit-tap-highlight-color:transparent}.universe-center{width:360px}.universe-center h2{white-space:nowrap}@media(max-width:600px){.universe-center{width:220px;max-width:220px;padding:18px}.universe-center h2{font-size:26px}.universe-center p{max-width:170px;font-size:6px}.universe-project img{box-shadow:0 4px 12px #0001}}
body.universe-open,body.universe-open a,body.universe-open button{cursor:url('assets/asterisk.svg') 16 16,crosshair}@media(max-width:360px){.header-links #reopen-universe{display:none}.universe-top>span{max-width:145px}.universe-bottom button{font-size:7px;padding:12px 9px}.universe-center h2{font-size:24px}}
@media(max-width:600px){.universe-ring{aspect-ratio:.76}}
.contact-section .footer-bottom>div{flex-wrap:wrap;row-gap:12px}