:root{--bg:#080c14;--bg-deep:#03040e;--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#7a6030;--cyan:#00d4ff;--white:#f0ece4;--white-dim:#f0ece480;--white-faint:#f0ece426;--font-display:"Cormorant Garamond", "Cormorant", Georgia, serif;--font-mono:"DM Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{background:var(--bg);color:var(--white);font-family:var(--font-display);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%}#cursor{pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:exclusion;border:1px solid #c9a84c99;border-radius:50%;width:36px;height:36px;transition:width .2s,height .2s,border-color .2s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}#cursor.hovering{border-color:#c9a84ce6;width:60px;height:60px}#cursor.pressed{width:20px;height:20px}#cursor-dot{background:var(--gold);pointer-events:none;z-index:10000;opacity:0;border-radius:50%;width:5px;height:5px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}#nav{z-index:100;background:linear-gradient(#080c14d9 0%,#0000 100%);justify-content:space-between;align-items:center;padding:20px 40px;transition:opacity .4s,transform .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);letter-spacing:.35em;color:var(--gold);opacity:.8;font-size:14px;font-weight:300}.nav-dots{gap:10px;display:flex}.dot{cursor:none;background:#f0ece433;border:none;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.dot.active{background:var(--gold);transform:scale(1.4)}.dot:hover{background:var(--white-dim)}.section{scroll-snap-align:start;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.section-label{opacity:0;z-index:10;flex-direction:column;gap:4px;transition:opacity .7s,transform .7s;display:flex;position:absolute;top:40px;left:40px;transform:translate(-20px)}.section-label.label-in{opacity:1;transform:translate(0)}.label-number{font-family:var(--font-mono);color:var(--gold);letter-spacing:.2em;font-size:11px}.label-tech{font-family:var(--font-mono);color:var(--white-dim);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.section-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--white);opacity:0;font-size:clamp(48px,7vw,96px);font-weight:300;line-height:1;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}.section-title.title-in{opacity:1;transform:translateY(0)}.section-title em{color:var(--gold);font-style:italic}.section-desc{font-family:var(--font-mono);color:var(--white-dim);letter-spacing:.08em;opacity:0;margin-top:12px;font-size:12px;transition:opacity .8s .4s,transform .8s .4s;transform:translateY(15px)}.section-desc.desc-in{opacity:1;transform:translateY(0)}.mono{font-family:var(--font-mono)}.section-hero{background:var(--bg)}#hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--white);font-size:clamp(80px,15vw,200px);font-weight:700;line-height:1;display:flex}.char{opacity:0;transition:opacity .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 80ms), transform .7s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 80ms);display:inline-block;transform:translateY(80px)rotateX(90deg)}.hero-subtitle{font-family:var(--font-display);letter-spacing:.35em;color:var(--gold);text-transform:lowercase;opacity:0;font-size:clamp(14px,2.5vw,22px);font-weight:300;transition:opacity 1s,transform 1s;transform:translateY(20px)}.scroll-indicator{opacity:0;z-index:2;flex-direction:column;align-items:center;gap:8px;transition:opacity 1s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-text{font-family:var(--font-mono);letter-spacing:.3em;color:var(--white-dim);text-transform:uppercase;font-size:10px}.scroll-arrow{width:20px;height:20px;color:var(--gold);animation:2s ease-in-out infinite bounce-arrow}@keyframes bounce-arrow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.section-noise{background:var(--bg)}#noise-canvas{position:absolute;inset:0}.noise-info{z-index:2;position:absolute;bottom:60px;left:40px}.section-webgl{background:var(--bg-deep)}#webgl-canvas{width:100%;height:100%;position:absolute;inset:0}.webgl-info{text-align:right;z-index:2;position:absolute;bottom:60px;right:60px}.section-3d{background:var(--bg);flex-direction:column;gap:60px}.cards-info{z-index:2;max-width:200px;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.cards-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;display:grid;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.card-wrapper{perspective:800px;opacity:0;will-change:transform;width:160px;height:200px;transition:opacity .6s,transform .6s;transform:translateY(40px)rotateX(10deg)}.card-wrapper.card-visible{opacity:1}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative}.card-wrapper:hover .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.card-face:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#0000 60%);border-radius:8px;position:absolute;inset:0}.card-front-text{font-family:var(--font-display);letter-spacing:.04em;color:#ffffffeb;text-align:center;text-shadow:0 1px 3px #00000080;font-size:15px;font-weight:600}.card-back{text-align:center;border:1px solid var(--gold-dim);flex-direction:column;gap:10px;transform:rotateY(180deg);background:#080c14f2!important}.card-back-tag{color:var(--gold);font-family:var(--font-mono);font-size:18px}.card-back-text{font-family:var(--font-mono);color:var(--white-dim);letter-spacing:.03em;font-size:10px;line-height:1.7}.section-svg{background:var(--bg-deep)}.svg-info{z-index:2;position:absolute;bottom:60px;left:40px}.svg-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#morph-svg{width:100%;height:100%;overflow:visible}.section-typo{background:var(--bg);flex-direction:column;gap:40px}.typo-phrase{z-index:2;text-align:center;letter-spacing:.02em;max-width:900px;padding:0 40px;font-family:Cormorant Garamond,Cormorant,Georgia,serif;font-size:clamp(42px,8vw,110px);font-weight:300;line-height:1.15;position:relative}.typo-space{width:.28em;display:inline-block}.typo-letter{color:var(--white);opacity:0;cursor:default;transition:color .3s,text-shadow .3s;display:inline-block;transform:translateY(80px)}.typo-letter.typo-letter-in{animation:.8s cubic-bezier(.22,1,.36,1) forwards letter-in;animation-delay:var(--delay,0s)}@keyframes letter-in{0%{opacity:0;transform:translateY(80px)scale(1.3)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.typo-letter-bounce{animation:.5s cubic-bezier(.22,1,.36,1) letter-bounce!important}@keyframes letter-bounce{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.4)rotate(-10deg)}60%{transform:scale(.9)rotate(5deg)}to{transform:scale(1)rotate(0)}}.typo-desc{white-space:nowrap;position:absolute;bottom:60px;left:50%;transform:translate(-50%)!important}.section-gen{background:var(--bg-deep)}#gen-canvas{position:absolute;inset:0}.gen-info{text-align:right;z-index:2;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:60px;right:60px}.gen-technique-name{font-size:clamp(36px,5vw,72px)}.gen-btn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:lowercase;color:var(--gold);border:1px solid var(--gold-dim);cursor:none;background:0 0;border-radius:2px;padding:10px 22px;font-size:11px;transition:background .2s,border-color .2s,color .2s}.gen-btn:hover{border-color:var(--gold);background:#c9a84c1a}.section-audio{background:var(--bg)}#audio-canvas{position:absolute;inset:0}.audio-info{z-index:2;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:60px;left:40px}.audio-btn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:lowercase;color:var(--cyan);cursor:none;background:0 0;border:1px solid #00d4ff4d;border-radius:2px;align-self:flex-start;padding:10px 22px;font-size:11px;transition:background .2s,border-color .2s}.audio-btn:hover{border-color:var(--cyan);background:#00d4ff14}.audio-btn:disabled{opacity:.5;cursor:default}.section-closing{background:var(--bg-deep);flex-direction:column}#closing-canvas{position:absolute;inset:0}.closing-content{z-index:2;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:16px;transition:opacity 1.2s,transform 1.2s;display:flex;position:relative;transform:translateY(30px)}.closing-made{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--white-dim);font-size:12px}.closing-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--white);font-size:clamp(48px,8vw,110px);font-weight:300;line-height:1}.closing-link{font-family:var(--font-mono);letter-spacing:.15em;color:var(--gold);border-bottom:1px solid var(--gold-dim);padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s}.closing-link:hover{color:var(--gold-light);border-color:var(--gold)}::selection{color:var(--white);background:#c9a84c4d}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}body:after{content:"";z-index:9998;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}@media (width<=768px){#nav{padding:15px 20px}.nav-dots{gap:8px}.section-label{top:60px;left:20px}.webgl-info{text-align:right;bottom:40px;right:20px}.noise-info,.svg-info,.audio-info{bottom:40px;left:20px}.gen-info{bottom:40px;right:20px}.cards-info{max-width:160px;top:120px;left:20px;transform:none}.cards-grid{perspective:800px;grid-template-columns:repeat(3,1fr);gap:10px;inset:auto 10px 60px;transform:none}.card-wrapper{width:100%;height:130px}.card-front-text{font-size:12px}#cursor,#cursor-dot{display:none}body{cursor:auto}.dot,.gen-btn,.audio-btn{cursor:pointer}}