:root{--bg:#0b0b0b;--fg:#edebe7;--muted:#81817e;--accent:#cc6437;--border:#2a2a28;--pad:clamp(24px,4.2vw,80px);font-family:Arial,Helvetica,sans-serif;color:var(--fg);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;overflow-x:clip}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:'Courier New',monospace;font-size:10px;line-height:1.6;letter-spacing:.08em}.accent{color:var(--accent)}.muted{color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--fg);color:var(--bg);z-index:100}.skip:focus{top:10px}.header{height:100px;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:relative;z-index:2}.logo{font-size:34px;letter-spacing:-2px;font-weight:600;line-height:1}.logo sup{font-size:12px;vertical-align:top;display:inline-block;margin:3px 0 0 3px;letter-spacing:0}.header nav{display:flex;gap:38px}.header nav a{font-size:12px;color:#cccac6;transition:color .25s}.header nav a:hover{color:var(--accent)}.header nav span{font:9px 'Courier New',monospace;color:var(--muted);margin-left:6px;vertical-align:super}.pill{display:inline-flex;gap:35px;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #5b5b56;border-radius:99px;background:transparent;font-size:12px;transition:background .25s,color .25s,border-color .25s}.pill:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hero{height:min(850px,calc(100svh - 100px));min-height:620px;position:relative;margin:0 var(--pad);border-bottom:1px solid var(--border);overflow:clip}.hero-top{position:absolute;top:27px;left:0;right:0;display:flex;justify-content:space-between;color:#979792;z-index:1}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:9px}.hero-art{position:absolute;width:72%;height:90%;top:-5%;left:23%;pointer-events:none}.hero-art canvas{height:100%;width:100%;display:block}.hero-side{position:absolute;top:31%;color:#8e8e89;z-index:1}.hero-side.left{left:0}.hero-side.right{right:0;text-align:right;top:23%}.cross{font-size:35px;color:var(--accent);display:block;line-height:1}.hero-name{position:absolute;top:38%;left:16%;right:12%;z-index:1;pointer-events:none}.name-label{display:block;margin:0 0 8px 12px;color:#a5a49f;font-size:9px;letter-spacing:.22em}.hero h1{font-weight:500;font-size:clamp(160px,25vw,405px);line-height:.78;letter-spacing:-.087em;margin:0;white-space:nowrap}.hero h1 sup{font-size:.14em;letter-spacing:-.05em;vertical-align:top;display:inline-block;margin-top:.3em;margin-left:.25em}.hero-bottom{position:absolute;bottom:36px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:14px;line-height:1.6;margin:0;color:#a6a69f}.scroll-link{display:flex;align-items:center;gap:20px;position:absolute;left:50%;transform:translateX(-50%)}.scroll-link span{width:35px;height:35px;border:1px solid #454541;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:transform .2s}.scroll-link:hover span{transform:translateY(5px)}.motion-toggle{background:none;color:#95958f;padding:8px 0}.motion-icon{color:var(--accent);margin-right:9px}.section{padding:82px var(--pad)}.section-label{display:flex;gap:15px;align-items:center;color:#a7a7a0}.section-label .line{flex:1;height:1px;background:var(--border);margin:0 20px}.section-label>span:last-child{font-size:9px;color:#777771}.about{padding-bottom:100px}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:78px}.about-note{display:flex;flex-direction:column;gap:35px;padding-top:9px}.asterisk{font-size:98px;line-height:1;color:var(--accent);width:100px;animation:rotate 40s linear infinite}.about-note p{color:#8e8e86}.about h2{font-size:clamp(48px,5.2vw,85px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0}.about h2>.accent{font-size:.7em;vertical-align:top;margin-left:8px}.about-detail{margin:32px 0 0;font-size:14px;color:#a6a6a0;line-height:1.8}.tags{display:flex;gap:8px;margin-top:28px}.tags span{font-size:10px;border:1px solid #373733;border-radius:99px;padding:7px 12px;color:#a6a69f}.ticker{overflow:hidden;border-block:1px solid var(--border);padding:21px 0;color:#74746e}.ticker-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.ticker-track>span{font-size:clamp(28px,4vw,58px);letter-spacing:-.05em;white-space:nowrap}.ticker i{color:var(--accent);font-style:normal;display:inline-block;margin:0 36px;font-size:.7em;vertical-align:middle}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:54px 0 34px}.section-heading h2{font-size:clamp(34px,4vw,60px);font-weight:400;letter-spacing:-.05em;margin:0}.section-heading p{font-size:12px;line-height:1.7;color:#a4a49d;margin:0}.experiments{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.experiment{text-align:left;background:transparent;padding:0;min-width:0}.art-preview{height:330px;overflow:hidden;position:relative;border:1px solid var(--border);border-radius:4px;transition:border-color .3s;background:#101110}.art-preview canvas{width:100%;height:100%;display:block}.art-meta{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:8px;color:#a4a49b;z-index:1}.art-meta>span{font-size:7px;opacity:.75}.art-caption{position:absolute;bottom:20px;left:18px;font-size:7px;color:#aaa99e}.art-open{position:absolute;bottom:16px;right:16px;border:1px solid #55554c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:17px;transition:transform .3s,background .3s}.experiment:hover .art-open{transform:rotate(45deg);background:var(--fg);color:var(--bg)}.experiment:hover .art-preview{border-color:#7b7367}.experiment-title{display:flex;align-items:center;gap:14px;margin-top:17px;font-size:16px}.experiment-title>span:first-child{font-size:10px;color:#85857d}.experiment-title>span:last-child{margin-left:auto;font:9px monospace;color:#898982}.echo-preview{background:#151512}.mono-preview{background:#d8d5cd;color:#191a17}.mono-preview .art-meta,.mono-preview .art-caption{color:#51534b}.monogram{font-size:230px;line-height:1;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-weight:600;letter-spacing:-.09em;transition:transform .8s}.monogram>span{font-size:21px;position:absolute;top:30px;right:-27px;letter-spacing:0}.experiment:hover .monogram{transform:translate(-50%,-50%) rotate(-12deg)}.playground-foot{display:flex;justify-content:space-between;color:#818178;margin-top:28px;font-size:8px}.contact{border-top:1px solid var(--border);position:relative;overflow:hidden;padding-bottom:100px}.contact-content{margin-top:64px;position:relative;z-index:1}.contact h2{font-weight:400;font-size:clamp(54px,7vw,115px);line-height:1.02;letter-spacing:-.06em;margin:30px 0 35px}.socials{display:flex;gap:10px;flex-wrap:wrap}.copy-button{background:none;padding:0;margin-top:24px;color:#96968d}.copy-button span{margin-left:15px;color:var(--accent)}.copy-button:hover{color:var(--fg)}.contact-symbol{font-size:clamp(220px,28vw,400px);position:absolute;right:5%;top:29%;line-height:1;color:var(--accent);animation:rotate 65s linear infinite;opacity:.65}footer{border-top:1px solid var(--border);margin:0 var(--pad);padding:32px 0;display:flex;align-items:center;justify-content:space-between}footer>.mono{color:#86867e;font-size:8px}.back-top{font-size:9px}.back-top span{margin-left:24px;color:var(--accent);font-size:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--fg);color:var(--bg);padding:14px 24px;border-radius:99px;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.js-reveal .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-reveal .reveal.visible{opacity:1;transform:none}.art-dialog{background:var(--bg);border:1px solid #45453d;color:var(--fg);width:min(950px,92vw);max-height:90svh;padding:25px;border-radius:10px}.art-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top h2{font-size:28px;margin:6px 0 0;font-weight:400}.dialog-stage{height:min(54svh,520px);position:relative;overflow:hidden;margin:20px 0;border:1px solid var(--border);border-radius:4px}.dialog-stage canvas{width:100%;height:100%;display:block}.dialog-bottom p{font-size:12px;color:#a7a79e}.dialog-bottom .pill{white-space:nowrap}#dialog-monogram{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:clamp(150px,30vw,370px);letter-spacing:-.08em;font-weight:600;color:var(--fg);transition:transform .5s}#dialog-monogram sup{font-size:.1em;letter-spacing:0;vertical-align:super}.paused *{animation-play-state:paused!important}.paused .reveal{transition:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero-name{left:9%;right:4%}.hero h1{font-size:29vw}.hero-art{left:8%;width:90%}.hero-side{top:25%;font-size:8px}.about-layout{grid-template-columns:1fr 2.5fr}.experiments{gap:12px;grid-template-columns:1fr 1fr 1fr}.art-preview{height:280px}.contact-symbol{right:2%;opacity:.4}.monogram{font-size:195px}}
@media(max-width:640px){.header{height:80px}.header .logo{font-size:29px}.header nav{gap:25px}.header nav a{font-size:11px}.hero{min-height:650px;height:calc(92svh - 80px);max-height:850px}.hero-top{font-size:8px;top:23px;gap:20px}.hero-side.left{top:24%;font-size:8px}.hero-side.right{top:23%;font-size:8px}.cross{font-size:26px}.hero-art{width:135%;left:-18%;top:2%;height:79%}.hero-name{top:43%;left:0;right:0}.hero h1{font-size:32vw}.name-label{margin:0 0 15px 3px;font-size:7px;letter-spacing:.15em}.hero h1 sup{font-size:.15em;margin-top:.2em}.hero-bottom{bottom:30px}.hero-bottom p{font-size:12px}.scroll-link{left:0;transform:none;bottom:95px;font-size:8px;gap:12px}.scroll-link span{width:29px;height:29px;font-size:14px}.motion-toggle{font-size:8px}.section{padding-block:55px}.section-label{gap:10px;font-size:8px}.section-label .line{margin:0 2px}.section-label>span:last-child{font-size:7px}.about-layout{grid-template-columns:1fr;gap:28px;padding-top:38px}.about-note{flex-direction:row;align-items:center;gap:25px;padding:0}.asterisk{font-size:48px;width:48px}.about-note p{font-size:8px}.about h2{font-size:clamp(35px,9vw,52px)}.about-detail{font-size:12px;margin-top:25px}.tags span{font-size:9px}.ticker{padding-block:18px}.ticker i{margin-inline:22px}.section-heading{display:block;margin:35px 0 25px}.section-heading h2{font-size:34px}.section-heading p{font-size:11px;margin-top:17px}.experiments{grid-template-columns:1fr;gap:30px}.art-preview{height:350px}.experiment-title{gap:15px;font-size:17px}.monogram{font-size:265px}.playground-foot{font-size:7px}.contact-content{margin-top:40px}.contact h2{font-size:clamp(40px,10vw,64px)}.contact-symbol{font-size:165px;right:-40px;top:22%;opacity:.25}.socials{gap:7px}.socials .pill{padding:11px 14px;font-size:11px;gap:12px}footer{flex-wrap:wrap;gap:25px;padding:28px 0}footer .logo{font-size:27px}footer>.mono{order:3;width:100%;font-size:7px}.back-top{font-size:8px}.art-dialog{padding:17px}.dialog-bottom{align-items:flex-start}.dialog-bottom p{font-size:10px;line-height:1.6;margin:5px 0}.dialog-bottom .pill{padding:10px 13px;font-size:10px;gap:10px}.dialog-top .pill{font-size:10px;padding:10px 13px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}}