@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#060812;--panel:#111423;--ink:#f3f1fa;--muted:#999eb6;--line:#282c43;--lime:#c4b9ff;--font:"DM Sans", Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope", var(--font);font-weight:500}em{color:var(--muted);font-style:normal}.lime{color:var(--lime)}.muted{color:var(--muted)}.micro,.eyebrow{letter-spacing:.12em;font-size:11px;font-weight:500;line-height:1.6}.eyebrow{color:var(--muted);margin-bottom:24px}.header{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:100px;margin:0 5%;display:flex;position:relative}.brand{letter-spacing:-1.2px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.brand span{color:var(--lime);padding:0 5px}.brand sup{vertical-align:top;margin-left:5px;font-size:10px}.header nav{gap:38px;font-size:13px;display:flex}.header nav a{transition:color .2s}.header nav a:hover{color:var(--lime)}.nav-count{border:1px solid var(--line);border-radius:20px;margin-left:4px;padding:2px 5px;font-size:10px}.skip{background:var(--lime);color:#101210;z-index:100;padding:12px;position:absolute;top:-100px;left:12px}.skip:focus{top:12px}.hero{height:calc(100svh - 100px);min-height:720px;max-height:980px;padding:32px 5% 28px;position:relative;overflow:hidden}.hero-top,.hero-bottom{color:var(--muted);z-index:2;justify-content:space-between;display:flex;position:relative}.hero-copy{z-index:2;pointer-events:none;width:62%;margin-top:95px;position:relative}.hero-copy .eyebrow{color:var(--lime);margin-bottom:22px;font-size:10px}.hero h1{letter-spacing:-.075em;margin-bottom:30px;font-size:clamp(70px,7.7vw,122px);font-weight:500;line-height:1.05;position:relative}.hero h1 em{color:var(--ink)}.asterisk{color:var(--lime);margin-left:24px;font-size:.5em;position:absolute;top:9px;transform:rotate(-15deg)}.hero-description{color:#acb0a5;margin-bottom:32px;font-size:14px;line-height:1.85}.pill{background:var(--lime);color:#171b10;pointer-events:auto;border-radius:50px;align-items:center;gap:42px;padding:16px 25px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.pill:hover{background:#ddff93;transform:translateY(-3px)}.pill span{font-size:20px}.hero-art{z-index:1;position:absolute;inset:48px -7% 35px 39%}.scene{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.art-coordinate{color:var(--muted);font-size:10px;position:absolute;bottom:72px;right:21%}.hero-bottom{font-size:10px;position:absolute;bottom:30px;left:5%;right:5%}.section{border-top:1px solid var(--line);padding:95px 5%}.section-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-heading .eyebrow{margin-bottom:17px;font-size:10px}.section-heading h2{letter-spacing:-2px;margin:0;font-size:46px}.sup{vertical-align:top;letter-spacing:0;color:var(--muted);margin-left:14px;font-size:15px}.text-link{border-bottom:1px solid var(--line);padding-bottom:5px;font-size:13px;transition:color .2s;display:inline-block}.text-link:hover{color:var(--lime)}.experiment-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card-art{aspect-ratio:1.15;background:#1d2318;border:1px solid #303929;height:auto;transition:border-color .3s;position:relative;overflow:hidden}.card-art .scene{inset:8% -5% -3%}.card-number{letter-spacing:.1em;color:#aeb6a0;font-size:9px;position:absolute;top:18px;left:18px}.round-arrow{border:1px solid #ffffff35;border-radius:50%;place-items:center;width:35px;height:35px;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;bottom:16px;right:16px}.experiment-card:hover .round-arrow{background:var(--lime);color:var(--bg);transform:rotate(45deg)}.experiment-card:hover .card-art{border-color:var(--lime)}.card-title{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.card-title h3{letter-spacing:-.6px;margin:0;font-size:20px}.card-title>span{color:var(--muted);font-size:12px}.experiment-card>.micro{color:var(--muted);margin-top:10px;margin-bottom:0;font-size:10px}.about{background:#151813;grid-template-columns:1fr 2fr;gap:10%;padding-top:100px;padding-bottom:100px;display:grid}.about h2{letter-spacing:-2px;font-size:48px;line-height:1.3}.about p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:15px;line-height:1.9}.tags{flex-wrap:wrap;gap:8px;margin:30px 0;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:9px 14px;font-size:11px}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 5%;padding:36px 0;font-size:11px;display:flex}footer .brand{color:var(--ink);font-size:15px}.page-section{border-top:0;min-height:75vh;padding-top:70px}.page-title{letter-spacing:-.07em;margin-bottom:40px;font-size:clamp(65px,8vw,110px);line-height:1.03}.page-title>.lime{padding-left:30px;font-size:.65em;display:inline-block}.intro-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px;display:flex}.intro-row p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.intro-row .micro{color:var(--muted)}.lab{border-top:0;padding-top:40px}.lab-heading{justify-content:space-between;align-items:center;gap:20px;margin:40px 0 30px;display:flex}.lab-heading .eyebrow{margin-bottom:12px}.lab h1{letter-spacing:-2px;margin:0;font-size:48px}.lab-stage{border:1px solid var(--line);background:#171b15;height:58vh;min-height:380px;position:relative}.stage-note{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;bottom:20px;left:24px}.lab-controls{background:var(--panel);align-items:center;gap:28px;padding:26px;display:flex}.lab-controls>p{color:var(--muted);flex:2;margin:0;font-size:13px;line-height:1.7}.lab-controls label{flex:1;min-width:90px;font-size:12px}.lab-controls output{float:right;color:var(--muted)}input[type=range]{accent-color:var(--lime);width:100%;margin-top:16px;display:block}input[type=color]{background:0 0;border:0;width:50px;height:30px;margin-top:10px;padding:0;display:block}.button{color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #4b5243;border-radius:6px;padding:12px 18px;font-size:13px}.button:hover:not(:disabled){border-color:var(--lime)}.button.primary{background:var(--lime);color:var(--bg);border-color:var(--lime)}.experiment-nav{color:var(--muted);justify-content:space-between;margin-top:32px;font-size:14px;display:flex}.empty-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:45px;padding:65px 0;display:flex}.empty-symbol{color:var(--lime);font-size:100px;font-weight:200}.empty-state h2{letter-spacing:-1px;font-size:28px}.empty-state p{color:var(--muted);font-size:14px;line-height:1.8}.portfolio-grid{grid-template-columns:1fr 1fr;gap:50px 30px;display:grid}.project-cover{aspect-ratio:1.5;background:var(--panel);color:var(--lime);place-items:center;margin-bottom:24px;font-size:100px;display:grid;position:relative;overflow:hidden}.project-cover img{object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.03)}.project-card .micro{color:var(--muted)}.project-card h2{font-size:26px}.project-card>p:last-child{color:var(--muted);line-height:1.8}.project-detail h1{letter-spacing:-3px;overflow-wrap:anywhere;margin:24px 0;font-size:64px}.project-detail>.eyebrow{margin-top:50px}.project-summary{color:var(--muted);max-width:750px;font-size:20px;line-height:1.8}.detail-cover{aspect-ratio:1.8;margin:50px 0;position:relative}.detail-cover img{object-fit:contain}.project-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#c6cbbf;max-width:780px;margin:40px 0;line-height:1.95}.editor{border:0;min-height:80vh;padding-top:60px}.editor h1{letter-spacing:-2.5px;margin-bottom:20px;font-size:56px}.editor-auth{align-items:end;gap:15px;max-width:800px;margin-top:35px;display:flex}.editor-auth label{flex:1}.editor label{color:#c4cabd;font-size:13px;display:block}.editor input:not([type=checkbox]):not([type=file]),.editor textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#1b1f18;border-radius:5px;margin:9px 0 22px;padding:13px;font-size:14px;display:block}.editor-auth input:not([type=checkbox]){margin-bottom:0}.editor-status{min-height:25px;color:var(--lime);margin:20px 0;font-size:13px;line-height:1.8}.editor-layout{border-top:1px solid var(--line);grid-template-columns:210px 1fr;gap:40px;margin-top:30px;padding-top:30px;display:grid}.editor-layout aside{border-right:1px solid var(--line);padding-right:25px}.project-choice{width:100%;color:var(--ink);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;margin-top:12px;padding:14px 8px;display:block}.project-choice.active{background:var(--panel)}.project-choice small{color:var(--muted);margin-top:8px;display:block}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.editor-toolbar h2{margin:0;font-size:22px}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.upload-field{border:1px dashed #555c4a;margin-bottom:24px;padding:24px}.upload-field>span{color:var(--muted);margin:8px 0 15px;font-size:12px;display:block}.upload-field input{max-width:100%;font-size:13px}.editor-actions{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:22px;display:flex}.editor-actions .checkbox{align-items:center;gap:8px;margin-right:auto;display:flex}.checkbox input{accent-color:var(--lime);width:16px;height:16px}.danger{color:#ffb6a9}.editor-preview{background:var(--panel);min-height:400px;padding:30px}.editor-preview h2{font-size:40px}.webgl-fallback{text-align:center;width:100%;color:var(--muted);font-size:14px;line-height:1.8;position:absolute;top:40%}@media (min-width:1700px){.header,footer{max-width:1600px;margin-left:auto;margin-right:auto}.section{padding-left:max(5%,50vw - 800px);padding-right:max(5%,50vw - 800px)}}@media (max-width:1000px){.hero{min-height:660px}.hero-copy{width:72%;margin-top:100px}.hero-art{opacity:.8;inset:80px -18% 35px 33%}.hero h1{font-size:85px}.lab-controls{flex-wrap:wrap}.lab-controls>p{flex-basis:100%}.experiment-grid{gap:15px}.card-title h3{font-size:17px}.about{gap:5%}.about h2{font-size:40px}.header nav{gap:22px}.section-heading h2{font-size:38px}}@media (max-width:700px){.header{height:80px}.brand{font-size:18px}.header nav{gap:16px;font-size:11px}.header nav a:last-child,.nav-count{display:none}.hero{height:850px;min-height:0;padding-top:24px}.hero-top{font-size:8px}.hero-top span:last-child{display:none}.hero-copy{width:100%;margin-top:52px}.hero h1{letter-spacing:-.065em;font-size:clamp(60px,14vw,88px)}.asterisk{margin-left:16px}.hero-description{font-size:13px}.hero-art{opacity:1;inset:365px -15% 25px}.art-coordinate{font-size:8px;bottom:45px;right:20%}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.section{padding-top:55px;padding-bottom:55px}.section-heading{align-items:start;gap:20px}.section-heading h2{letter-spacing:-1.4px;font-size:30px}.section-heading .text-link{white-space:nowrap;margin-top:33px;font-size:11px}.section-heading .eyebrow{font-size:8px}.sup{margin-left:8px;font-size:12px}.experiment-grid{grid-template-columns:1fr;gap:35px}.card-art{aspect-ratio:1.3}.card-title h3{font-size:23px}.card-number{font-size:10px}.experiment-card>.micro{font-size:11px}.about{grid-template-columns:1fr;gap:18px}.about h2{font-size:36px}.about p:not(.eyebrow){font-size:14px}footer{flex-wrap:wrap;gap:25px;font-size:10px}footer>span:first-of-type{display:none}.page-title{font-size:66px}.intro-row{flex-direction:column;align-items:start;gap:20px;margin-bottom:35px}.lab-heading{align-items:end}.lab h1{letter-spacing:-1.5px;font-size:32px}.lab-heading .eyebrow{font-size:9px}.lab-stage{height:440px;min-height:0}.lab-controls{gap:20px;padding:20px}.lab-controls label{min-width:70px}.lab-controls .button{width:100%}.experiment-nav{font-size:12px}.empty-state{gap:20px;padding:40px 0}.empty-symbol{font-size:60px}.empty-state h2{font-size:23px}.portfolio-grid{grid-template-columns:1fr}.editor h1{font-size:38px}.editor-auth{flex-wrap:wrap}.editor-auth label{flex-basis:100%}.editor-layout{grid-template-columns:1fr;gap:25px}.editor-layout aside{border-right:0;gap:12px;padding:0 0 16px;display:flex;overflow:auto}.project-choice{min-width:140px;margin:0}.form-row{grid-template-columns:1fr;gap:0}.editor-actions{flex-wrap:wrap}.editor-actions .checkbox{flex-basis:100%;margin-bottom:8px}.project-detail h1{letter-spacing:-2px;font-size:42px}.project-summary{font-size:17px}}.home-experience{isolation:isolate;position:relative}.scroll-field{z-index:-1;pointer-events:none;background:radial-gradient(at 75% 40%,#251f4b55,#0000 65%);position:fixed;inset:0}.scroll-field canvas{display:block}.field-fallback{background:radial-gradient(at 70% 45%,#caff5425,#0000 45%),radial-gradient(at 20% 80%,#ad9bff22,#0000 50%)}.scroll-field:after{content:"";width:100%;height:2px;transform:scaleX(var(--field-progress,0));transform-origin:0;background:linear-gradient(90deg, var(--lime), #ad9bff, #ffad7c);position:absolute;top:0;left:0}.home-experience .hero-art{pointer-events:none}.field-bridge{text-align:center;background:radial-gradient(#10121090,#0000 70%);border-top:1px solid #ffffff15;flex-direction:column;justify-content:center;align-items:center;min-height:85svh;padding:100px 5%;display:flex}.field-bridge h2{letter-spacing:-.075em;text-shadow:0 0 65px #101210;margin-bottom:32px;font-size:clamp(76px,11vw,170px);line-height:.95}.field-bridge>p:not(.eyebrow){color:#c6cbbf;line-height:1.8}.field-bridge>.micro{color:var(--muted);margin-top:45px;font-size:10px}.home-playground{background:linear-gradient(#080a1470,#080a14b0)}.home-experience .about{color:#f3f1fa;background:linear-gradient(110deg,#090b17eb,#090b17 65%)}.home-experience .about .eyebrow,.home-experience .about p:not(.eyebrow),.home-experience .about .tags span{color:#c6c9dc}.home-experience .about .tags span{background:#151828;border-color:#454960}body:has(.home-experience)>footer{background:var(--bg);color:#c6c9dc;padding-right:175px}body:has(.home-experience)>footer a{color:#eee9ff}@media (max-width:700px){body:has(.home-experience)>footer{padding-bottom:95px;padding-right:0}}.field-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101210dc;border:1px solid #caff5430;border-radius:40px;align-items:center;gap:12px;padding:6px 7px 6px 14px;display:flex;position:fixed;bottom:20px;right:22px}.field-controls span{letter-spacing:.15em;color:var(--lime);font-size:9px}.field-controls button{width:32px;height:32px;color:var(--lime);cursor:pointer;background:#caff541a;border:0;border-radius:50%}.header .brand{letter-spacing:-2px;font-size:32px}.header .brand span{padding:0}@media (max-width:700px){.header .brand{font-size:28px}.field-bridge{min-height:75svh}.field-controls{bottom:12px;right:12px}.home-experience .hero-art{inset:365px -15% 25px}}.header{border-bottom-color:#bcc6ff20}.header .brand{letter-spacing:-1.8px}.header nav a{color:#c3c6d8}.home-experience .hero-copy{text-shadow:0 3px 40px #040610}.home-experience .hero h1{letter-spacing:-.075em;margin-bottom:34px;font-size:clamp(96px,10.5vw,165px);line-height:.95}.home-experience .hero h1 em{background:linear-gradient(110deg,#fff 10%,#c0bdff 47%,#f0bb9e 90%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.home-experience .asterisk{color:#d4c9ff;text-shadow:0 0 35px #b1a2ff80;margin-left:0;font-size:.35em;top:12px;right:15%}.home-experience .hero-copy .eyebrow{color:#bbb8d7;letter-spacing:.16em;font-size:10px}.signal-star{color:#eed1ab;margin-right:10px}.hero-description{color:#b4b7cc}.pill{color:#141326;background:linear-gradient(120deg,#e1daff,#b9b4ed);border:1px solid #ffffff50;box-shadow:0 0 35px #aaa0ff14,inset 0 1px #fff9}.pill:hover{background:#ede8ff;box-shadow:0 0 40px #aaa0ff40}.hero-index{color:#9297b5;letter-spacing:.1em;align-items:center;gap:14px;margin-top:36px;font-family:monospace;font-size:10px;display:flex}.hero-index i{background:linear-gradient(90deg,#a99edf,#a99edf10);width:50px;height:1px}.art-coordinate{color:#c6c2de;border-left:1px solid #b1a3df60;padding-left:15px;line-height:1.9}.coordinate-sub{color:#828aa6;letter-spacing:.12em;font-size:8px}.orbit-cross{color:#f5cda7;margin-right:6px}.hero-bottom{color:#858da9}.home-experience .hero-bottom span:last-child{padding-right:150px}.field-bridge{background:radial-gradient(#06081290,#0000 65%);border-color:#bcc6ff18;position:relative}.field-bridge:before,.field-bridge:after{content:"+";color:#8e8aad80;font:24px monospace;position:absolute;top:50%}.field-bridge:before{left:5%}.field-bridge:after{right:5%}.field-bridge h2{text-shadow:0 0 70px #080a20;font-size:clamp(72px,10.5vw,155px)}.field-bridge h2 em{color:#d4c8ff}.field-bridge>.eyebrow{color:#b4a8de}.field-bridge>p:not(.eyebrow){color:#b8b9cf}.field-controls{background:#0a0c1de8;border-color:#b4a8ff40;box-shadow:0 4px 28px #0005}.field-controls span{color:#c3b7f2}.field-controls button{color:#e0d5ff;background:#b1a0ff18}.card-art{background:radial-gradient(at 50% 55%,#252f4d,#0c101d 80%);border-color:#363d58;border-radius:4px}.card-art:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffffff09;position:absolute;inset:10px}.card-number{color:#acabc3;font-family:monospace}.experiment-card .card-art{transition:transform .5s,border-color .3s,box-shadow .5s}.experiment-card:hover .card-art{border-color:#b8a6ec;transform:translateY(-6px);box-shadow:0 16px 60px #7866c91a}.round-arrow{background:#0c0d1950;border-color:#c5bdf345}.about-star{color:#aca1db;text-shadow:0 0 60px #8668dd55;margin-top:42px;font-size:90px;font-weight:400;display:inline-block}.about p:not(.eyebrow){color:#a4a8bd}.tags span{background:#8985b409;border-color:#b6abff25}.lab-stage{background:radial-gradient(#1a1d31,#0b0e19 75%)}.editor input:not([type=checkbox]):not([type=file]),.editor textarea{background:#111423}footer{border-top:1px solid #bcc6ff18}@media (max-width:1000px) and (min-width:701px){.home-experience .hero h1{font-size:112px}}@media (max-width:700px){.home-experience .hero h1{font-size:clamp(82px,17vw,112px)}.home-experience .asterisk{right:0}.home-experience .hero-copy{margin-top:44px}.home-experience .hero-copy .eyebrow{letter-spacing:.07em;font-size:8px}.hero-index{margin-top:24px;font-size:8px}.home-experience .hero-art .art-coordinate{font-size:8px;bottom:35px;right:18%}.coordinate-sub{font-size:7px}.about-star{display:none}.field-bridge:before,.field-bridge:after{top:70%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.orbital .card-art{background:#050809;border-color:#3d3832}.orbital-preview{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.orbital .card-number{color:#d3bb9f;z-index:2}.orbital-preview-caption{z-index:2;pointer-events:none;gap:10px;display:grid;position:absolute;bottom:23px;left:22px}.orbital-preview-caption>span:first-child{letter-spacing:.13em;color:#a79581;font:8px monospace}.orbital-preview-caption>span:last-child{letter-spacing:-.02em;color:#e4d6c4;font-size:13px}.orbital:hover .orbital-preview,.orbital:focus-visible .orbital-preview{transform:scale(1.045)}.experiment-card.orbital:hover .card-art{border-color:#b99570;box-shadow:0 16px 60px #c3925712}.orbital:hover .round-arrow{background:#e8b68b}@media (prefers-reduced-motion:reduce){.orbital-preview{transition:none}.orbital:hover .orbital-preview,.orbital:focus-visible .orbital-preview{transform:none}}.terrain .card-art{background:#04080d;border-color:#3f445a}.tidal-preview{object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:scale(1.6)translate(7%,10%)}.terrain .card-art:after{content:"";pointer-events:none;background:linear-gradient(#03081088,#0000 25% 60%,#030810e8);position:absolute;inset:0}.terrain .card-number,.terrain .round-arrow{z-index:2}.tidal-preview-duration{z-index:2;letter-spacing:.06em;color:#a5b5cf;font:7px monospace;position:absolute;top:20px;right:18px}.tidal-preview-caption{z-index:2;pointer-events:none;gap:10px;display:grid;position:absolute;bottom:23px;left:22px}.tidal-preview-caption>span:first-child{letter-spacing:.12em;color:#a2aac7;font:8px monospace}.tidal-preview-caption>span:last-child{letter-spacing:-.02em;color:#dce1f0;font-size:13px}.tidal-preview-caption b{margin-left:5px;font-size:12px;font-weight:400}.terrain:hover .tidal-preview,.terrain:focus-visible .tidal-preview{transform:scale(1.68)translate(7%,10%)}@media (prefers-reduced-motion:reduce){.tidal-preview{transition:none}.terrain:hover .tidal-preview,.terrain:focus-visible .tidal-preview{transform:scale(1.6)translate(7%,10%)}}.piano .card-art{background:#101321;border-color:#524860}.piano-preview{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform:scale(1.03)}.piano .card-art:after{content:"";pointer-events:none;background:linear-gradient(#080b1840,#0000 30% 65%,#080b18ed);position:absolute;inset:0}.piano .card-number{color:#d6c4db;z-index:2}.piano .round-arrow{z-index:2;color:#d6c4db;background:#10132144;border-color:#d8c5de55}.piano:hover .round-arrow{color:#f4f0e8;background:#786586}.piano-preview-caption{z-index:2;pointer-events:none;gap:10px;display:grid;position:absolute;bottom:23px;left:22px}.piano-preview-caption>span:first-child{letter-spacing:.12em;color:#b6a4c5;font:8px monospace}.piano-preview-caption>span:last-child{color:#ecdfef;font-size:13px}.piano:hover .piano-preview,.piano:focus-visible .piano-preview{transform:scale(1.08)}.experiment-card.piano:hover .card-art{border-color:#b7a1cd;box-shadow:0 16px 60px #c59b6c18}@media (prefers-reduced-motion:reduce){.piano-preview{transition:none}.piano:hover .piano-preview,.piano:focus-visible .piano-preview{transform:scale(1.03)}}.glass .card-art{background:#eae6dc;border-color:#aeaf9d}.assembly-preview{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform:scale(1.5)translate(5%,8%)}.glass .card-art:after{content:"";pointer-events:none;background:linear-gradient(#efeee660,#0000 30% 65%,#efeee6ec);position:absolute;inset:0}.glass .card-number{color:#394634;z-index:2}.glass .round-arrow{z-index:2;color:#394634;background:#efeee644;border-color:#47563b55}.glass:hover .round-arrow{color:#f4f0e8;background:#334839}.assembly-preview-caption{z-index:2;pointer-events:none;gap:10px;display:grid;position:absolute;bottom:23px;left:22px}.assembly-preview-caption>span:first-child{letter-spacing:.12em;color:#56644e;font:8px monospace}.assembly-preview-caption>span:last-child{color:#35442f;font-size:13px}.glass:hover .assembly-preview,.glass:focus-visible .assembly-preview{transform:scale(1.58)translate(5%,8%)}.experiment-card.glass:hover .card-art{border-color:#c58e70;box-shadow:0 16px 60px #c59b6c18}@media (prefers-reduced-motion:reduce){.assembly-preview{transition:none}.glass:hover .assembly-preview,.glass:focus-visible .assembly-preview{transform:scale(1.5)translate(5%,8%)}}.experiment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1279px){.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.experiment-grid{grid-template-columns:minmax(0,1fr)}}.about-links{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}