:root{--ink:#242320;--muted:#77746f;--faint:#aaa7a1;--paper:#fff;--mono:"Courier New", Courier, monospace;font-family:var(--mono);color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-size:15px;line-height:1.68}a{color:inherit;text-underline-offset:.18em}button{color:inherit;font:inherit}::selection{background:#e4e1d8}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.masthead,.page,footer{width:min(100% - 40px,780px);margin-inline:auto}.masthead{text-align:center;padding-top:78px}.site-title{color:#171717;letter-spacing:.18em;font-size:clamp(43px,5vw,58px);line-height:1;text-decoration:none;display:inline-block;transform:translate(.09em)}.tagline{letter-spacing:.18em;margin:25px 0 0;font-weight:400}.page{padding-top:96px}.introduction{grid-template-columns:1fr 1.08fr;align-items:start;gap:46px;width:100%;margin-inline:auto;display:grid}.intro-copy p{margin:0 0 25px}.intro-copy p:last-child{margin-bottom:0}.spotify-panel{min-width:0}.spotify-panel iframe{background:#121212;border:0;border-radius:10px;width:100%;height:352px;display:block}.playlist-placeholder{color:#f4f4f2;background:#191919;border-radius:10px;grid-template-columns:58px 1fr;align-content:start;gap:15px;min-height:285px;padding:14px;display:grid}.playlist-placeholder .spotify-logo{aspect-ratio:1;color:#111;background:#1ed760;border-radius:6px;place-items:center;width:58px;font-size:29px;font-weight:700;display:grid}.playlist-placeholder strong{padding-top:5px;font-size:14px;display:block}.playlist-placeholder p{color:#aaa;margin:4px 0 0;font-size:10px;line-height:1.5}.playlist-placeholder code{color:#ddd;font-family:inherit}.playlist-placeholder>a{color:#111;background:#f4f4f2;grid-column:1/-1;align-self:end;padding:12px 14px;font-size:10px;text-decoration:none}.playlist-placeholder>a:hover,.playlist-placeholder>a:focus-visible{text-decoration:underline}.profile-card{color:#f4f4f2;background:#202020;border-radius:10px;overflow:hidden;box-shadow:0 1px #00000040}.profile-head{grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.profile-mark{aspect-ratio:1;color:#151515;background:#d9c2a4;border-radius:6px;place-items:center;width:58px;font-size:29px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:grid}.profile-mark:hover,.profile-mark:focus-visible{filter:brightness(1.08);transform:scale(1.03)}.profile-mark:focus-visible{outline-offset:2px;outline:2px solid #fff}.profile-head strong,.profile-head small{display:block}.profile-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.2;overflow:hidden}.profile-head small{color:#969696;margin-top:3px;font-size:10px}.spotify-dot{aspect-ratio:1;background:#1ed760;border-radius:50%;width:13px;position:relative;box-shadow:0 0 0 3px #1ed7601f}.spotify-dot:before,.spotify-dot:after{content:"";border-top:1px solid #101010;border-radius:50%;width:7px;height:2px;position:absolute;left:3px}.spotify-dot:before{top:4px}.spotify-dot:after{top:7px}.profile-action{color:#bdbdbb;justify-content:space-between;align-items:center;padding:10px 14px 13px;font-size:10px;display:flex}.profile-action a{aspect-ratio:1;color:#111;background:#f4f4f2;border-radius:50%;place-items:center;width:31px;font-size:19px;line-height:1;text-decoration:none;display:grid}.profile-card ol{background:#111;margin:0;padding:8px 14px 10px;list-style:none}.profile-card li{color:#a3a3a0;grid-template-columns:18px 1fr auto;align-items:center;gap:5px;min-height:40px;font-size:10px;display:grid}.profile-card li>a{min-width:0;color:inherit;text-decoration:none}.profile-card li>a:hover strong,.profile-card li>a:focus-visible strong{text-underline-offset:2px;text-decoration:underline}.profile-card li strong,.profile-card li small{display:block}.profile-card li strong{color:#f0f0ed;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.profile-card li small{color:#7f7f7d;font-size:9px}.profile-card li time{color:#8f8f8c;font-size:9px}.work{padding-top:80px}.project-grid{grid-template-columns:repeat(3,1fr);gap:50px 25px;display:grid}.project{text-align:center;min-width:0;display:block}.project-art:focus-visible{outline-offset:6px;outline:1px dotted #111}.project-art{aspect-ratio:1;color:#171713;background:#eee;text-decoration:none;transition:opacity .18s;display:block;position:relative;overflow:hidden}.project-art img{object-fit:cover;width:100%;height:100%;transition:transform .25s,opacity .18s;display:block}.project-art>span{color:#fff;letter-spacing:.03em;opacity:0;background:#000000c7;padding:4px 7px;font-size:8px;transition:opacity .18s,transform .18s;position:absolute;bottom:9px;right:9px;transform:translateY(4px)}.project-art:hover img{opacity:.86;transform:scale(1.015)}.project-art:hover>span,.project-art:focus-visible>span{opacity:1;transform:translateY(0)}.project-caption{min-height:78px;padding-top:10px;display:block}.project-caption strong,.project-caption span,.project-caption small{display:block}.project-caption strong{font-size:13px;font-weight:700;line-height:1.35}.project-caption span{margin-top:5px;font-size:11px}.project-caption small{color:var(--faint);margin-top:5px;font-size:10px}.art--orbit{background:radial-gradient(circle at 50% 50%, #ffffff2e, transparent 48%), var(--accent);place-items:center;display:grid}.art--orbit i{aspect-ratio:2.1;border:1px solid;border-radius:50%;width:72%;position:absolute;transform:rotate(-22deg)}.art--orbit i:nth-child(2){width:46%;transform:rotate(57deg)}.art--orbit b{z-index:2;letter-spacing:-.12em;font-size:92px;line-height:1}.art--type{text-align:left;background:linear-gradient(145deg, transparent 38%, #ffffff4d 38% 62%, transparent 62%), var(--accent);flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;display:flex}.art--type small{letter-spacing:.12em;font-size:7px;position:absolute;top:15px}.art--type b{letter-spacing:-.07em;font-family:Georgia,serif;font-size:42px;font-style:italic;font-weight:400;line-height:.78}.art--type i{font-size:8px;position:absolute;bottom:13px;right:15px}.art--grid{background:#1d1d1a;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:2px;padding:2px;display:grid}.art--grid i{background:var(--accent);border-radius:50% 0}.art--grid i:nth-child(2),.art--grid i:nth-child(3){filter:brightness(.75);transform:rotate(90deg)}.art--grid b{color:#fff;letter-spacing:-.1em;mix-blend-mode:difference;font-size:44px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.art--wave{background:#171715;justify-content:center;align-items:center;gap:6px;display:flex}.art--wave i{background:var(--accent);border-radius:999px;width:6px;height:56%}.art--wave i:first-child,.art--wave i:nth-child(5){height:25%}.art--wave i:nth-child(2),.art--wave i:nth-child(4){height:42%}.art--wave b{color:var(--accent);text-align:left;font-size:22px;line-height:.83;position:absolute;top:15px;left:15px}.art--portal{background:linear-gradient(90deg, #00000024 1px, transparent 1px) 0 0 / 25px 25px, linear-gradient(#00000024 1px, transparent 1px) 0 0 / 25px 25px, var(--accent);place-items:center;display:grid}.art--portal i{width:46%;height:70%;box-shadow:inset 0 0 0 9px var(--accent), inset 0 0 0 10px currentColor;border:1px solid;border-bottom:0;border-radius:99px 99px 0 0}.art--portal b{text-align:left;letter-spacing:-.08em;font-size:31px;line-height:.78;position:absolute;top:15px;left:15px}.art--portal small{font-size:7px;position:absolute;bottom:12px;right:12px}.art--signal{background:#f2efe6;place-items:center;display:grid}.art--signal i{aspect-ratio:1;border:16px solid var(--accent);border-radius:50%;width:78%;position:absolute}.art--signal i:nth-child(2){width:49%}.art--signal i:nth-child(3){width:20%}.art--signal b{z-index:2;letter-spacing:-.07em;background:#f2efe6;padding:4px;font-size:23px;line-height:.83}.contact{border-top:1px solid #dedbd5;grid-template-columns:150px 1fr;gap:35px;margin-top:105px;padding-top:18px;display:grid}.contact h2{letter-spacing:.12em;margin:0;font-size:15px;font-weight:700}.contact p{max-width:49ch;margin:0 0 15px}footer{color:var(--muted);text-align:center;padding:42px 0 36px}footer a{font-size:11px}footer span{margin:0 8px}footer p{margin:20px 0 0;font-size:10px}.project-dialog{color:#20201d;background:var(--dialog-accent,#eeeeea);width:min(90vw,480px);font-family:var(--mono);border:0;padding:42px}.project-dialog::backdrop{backdrop-filter:blur(3px);background:#ffffffe0}.dialog-close{cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline;position:absolute;top:14px;right:14px}.dialog-number{margin:0 0 28px;font-size:10px}.project-dialog h2{letter-spacing:.08em;margin:0 0 18px;font-size:28px;font-weight:400}.dialog-summary{line-height:1.65}.dialog-services{flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0;list-style:none;display:flex}.dialog-services li{border:1px solid;padding:3px 8px;font-size:9px}@media (width<=680px){.masthead{padding-top:50px}.site-title{font-size:42px}.page{padding-top:72px}.introduction{grid-template-columns:1fr;gap:35px;width:min(100%,360px)}.spotify-panel iframe{height:352px}.project-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}.contact{grid-template-columns:1fr;gap:14px;margin-top:75px}}@media (width<=420px){.masthead,.page,footer{width:calc(100% - 30px)}.site-title{font-size:36px}.tagline{font-size:11px;line-height:1.5}.project-grid{grid-template-columns:1fr;width:min(100%,270px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}