@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap);:root{--color-bg:#fdfbf7;--color-bg-dark:#f5f0e6;--color-sienna:#c75b39;--color-teal:#2c3e50;--color-oak:#e0c097;--color-text:#3d3d3d;--color-nav:#fdfbf7;--color-btn-text:#fdfbf7;--font-heading:"Space Grotesk",sans-serif;--font-body:"Lora",serif;--shadow-hard:4px 4px 0px var(--color-teal);--shadow-hard-sienna:4px 4px 0px var(--color-sienna);--border-thick:3px solid var(--color-teal);--border-thin:1px solid var(--color-oak);--transition-smooth:all 0.5s cubic-bezier(0.16,1,0.3,1);--transition-weighty:all 0.7s cubic-bezier(0.16,1,0.3,1)}body.dark-mode{--color-bg:#0f171a;--color-bg-dark:#1a2529;--color-sienna:#e06c4d;--color-teal:#4fb6d1;--color-oak:#f2d5b2;--color-text:#f5ede1;--color-nav:#1a2529;--color-btn-text:#0f171a;--shadow-hard:4px 4px 0px #080c0d;--border-thick:3px solid #4fb6d1;--border-thin:1px solid #f2d5b24d}*{box-sizing:border-box;margin:0;padding:0}html{transition:background-color .6s cubic-bezier(.4,0,.2,1)}body,html{background-color:#fdfbf7;background-color:var(--color-bg)}body{color:#3d3d3d;color:var(--color-text);font-family:Lora,serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative;transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.08;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);letter-spacing:.05em;line-height:1.1;text-transform:uppercase;transition:color .6s ease}.experience-card,.inventory-block,.modernist-nav,.postcard-inner,.project-image-container,a,button{transition:all .5s cubic-bezier(.16,1,.3,1);transition:var(--transition-smooth)}a{color:inherit;text-decoration:none}.modernist-silhouettes{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.silhouette{fill:#e0c097;fill:var(--color-oak);opacity:.1;position:absolute;transition:opacity .6s ease,fill .6s ease}body.dark-mode .silhouette{opacity:.05}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.hero-vignette .hero-text{transition-delay:.2s}.hero-vignette .hero-visual{transition-delay:.4s}.inventory-block{transition-delay:.6s}.experience-card:first-child{transition-delay:.1s}.experience-card:nth-child(2){transition-delay:.2s}.experience-card:nth-child(3){transition-delay:.3s}.experience-card:nth-child(4){transition-delay:.4s}.project-poster{transition-delay:.2s}.modernist-nav{align-items:center;background:#fdfbf7;background:var(--color-nav);border:3px solid #2c3e50;border:var(--border-thick);box-shadow:4px 4px 0 #2c3e50;box-shadow:var(--shadow-hard);display:flex;gap:2rem;left:50%;opacity:0;padding:.75rem 2rem;pointer-events:none;position:fixed;top:2rem;transform:translateX(-50%) translateY(-150%);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease;z-index:1000}.modernist-nav.is-visible{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}.modernist-nav-links{display:flex;gap:2rem}.modernist-nav a{color:#3d3d3d;color:var(--color-text);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-size:.9rem;font-weight:600}.modernist-nav a:hover{color:#c75b39;color:var(--color-sienna)}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#3d3d3d;color:var(--color-text);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.2rem}.hero-vignette{grid-gap:clamp(4rem,8vw,10rem);align-items:center;display:grid;gap:clamp(4rem,8vw,10rem);grid-template-columns:1fr 1fr;min-height:100vh;padding:120px 10% 60px;position:relative}.hero-text{animation:popOut 1s cubic-bezier(.16,1,.3,1) forwards;z-index:2}.hero-name{color:#3d3d3d;color:var(--color-text);font-size:clamp(3.5rem,9vw,8rem);font-weight:700;margin-bottom:.5rem}.hero-title{color:#c75b39;color:var(--color-sienna);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:400;margin-bottom:clamp(2rem,4vw,4rem)}.inventory-block{background:#f5f0e6;background:var(--color-bg-dark);border:3px solid #2c3e50;border:var(--border-thick);box-shadow:4px 4px 0 #2c3e50;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;gap:1.5rem;max-width:500px;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.inventory-header{border-bottom:1px solid #e0c097;border-bottom:var(--border-thin);color:#c75b39;color:var(--color-sienna);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-size:.8rem;font-weight:800;letter-spacing:.25em;padding-bottom:.5rem}.inventory-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.inventory-item{align-items:center;display:flex;gap:.75rem}.inventory-item img{height:20px;opacity:.8;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:20px}.inventory-item:hover img{transform:scale(1.2) rotate(-10deg)}.inventory-item a{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-size:.9rem;font-weight:600}.inventory-item a:hover{color:#c75b39;color:var(--color-sienna)}body.dark-mode .inventory-item img{filter:invert(1) brightness(.9)}.hero-visual{align-items:center;animation:popOut 1s cubic-bezier(.16,1,.3,1) .4s both;display:flex;height:100%;justify-content:center;position:relative}.hero-arch{background-color:#c75b39;background-color:var(--color-sienna);border-radius:50% 50% 0 0;height:75%;position:absolute;transition:all .5s cubic-bezier(.16,1,.3,1);transition:var(--transition-smooth);width:95%;z-index:1}.hero-pic-container{border:3px solid #2c3e50;border:var(--border-thick);border-radius:50%;box-shadow:4px 4px 0 #2c3e50;box-shadow:var(--shadow-hard);height:clamp(250px,30vw,360px);overflow:hidden;position:relative;transform:translate(-4rem,4rem);width:clamp(250px,30vw,360px);z-index:2}.hero-pic-container img{height:100%;object-fit:cover;width:100%}.modernist-story{grid-gap:clamp(4rem,8vw,10rem);display:grid;gap:clamp(4rem,8vw,10rem);grid-template-columns:1.1fr .9fr;padding:clamp(4rem,10vw,10rem) 10%;position:relative}.story-content{max-width:550px}.story-label{color:#c75b39;color:var(--color-sienna);display:block;font-weight:700;margin-bottom:1rem}.story-headline{color:#3d3d3d;color:var(--color-text);font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:2rem}.story-body{font-size:clamp(1rem,1.5vw,1.3rem);margin-bottom:2.5rem}.experience-grid{display:flex;flex-direction:column;gap:2.5rem}.experience-card{background:#f5f0e6;background:var(--color-bg-dark);border:3px solid #2c3e50;border:var(--border-thick);box-shadow:4px 4px 0 #2c3e50;box-shadow:var(--shadow-hard);padding:2rem;position:relative;transform:translate(0)}.experience-card:hover{box-shadow:8px 8px 0 #2c3e50;box-shadow:8px 8px 0 var(--color-teal);transform:translate(-4px,-4px)}.experience-card:before{background:#e0c097;background:var(--color-oak);border-radius:50%;content:"";height:50px;left:-15px;position:absolute;top:-15px;transition:all .5s cubic-bezier(.16,1,.3,1);transition:var(--transition-smooth);width:50px;z-index:-1}.experience-card:hover:before{background:#c75b39;background:var(--color-sienna);transform:scale(1.2)}.experience-card h3{font-size:1.4rem;margin-bottom:.5rem}.project-lookbook{padding:10rem 0}.lookbook-title{color:#3d3d3d;color:var(--color-text);font-size:clamp(3rem,6vw,5rem);margin-bottom:8rem;text-align:center}.project-poster{align-items:center;display:grid;grid-template-columns:1.2fr .8fr;margin-bottom:12rem;padding:0 5%}.project-poster:nth-child(2n){grid-template-columns:.8fr 1.2fr}.project-poster:nth-child(2n) .project-image-container{order:2}.project-image-container{border:3px solid #2c3e50;border:var(--border-thick);box-shadow:4px 4px 0 #c75b39;box-shadow:var(--shadow-hard-sienna);height:clamp(300px,40vw,500px);overflow:hidden;position:relative;transform:rotate(-1deg)}.project-poster:nth-child(2n) .project-image-container{transform:rotate(1deg)}.project-image-container img{height:100%;object-fit:cover;transition:all .5s cubic-bezier(.16,1,.3,1);transition:var(--transition-smooth);width:100%}.project-image-container:hover img{transform:scale(1.05)}.pong-container{background:#000}.flash-waveform-container,.pong-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.flash-waveform-container{background:#0a0f14}.flash-waveform-canvas{display:block}.emotion-detector-container,.flash-waveform-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.emotion-detector-container{background:#0d1117;overflow:hidden}.emotion-detector-canvas,.pong-canvas{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.project-info{padding:clamp(2rem,5vw,4rem);position:relative}.project-number{color:#e0c097;color:var(--color-oak);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-size:clamp(6rem,12vw,10rem);font-weight:900;left:0;opacity:.25;position:absolute;top:-3rem;z-index:-1}.project-info h2{color:#3d3d3d;color:var(--color-text);font-size:clamp(2rem,3.5vw,3rem);margin-bottom:1.5rem}.lookbook-btns{display:flex;flex-wrap:wrap;gap:1rem}.blueprint-line{background-color:#e0c097;background-color:var(--color-oak);opacity:.3;pointer-events:none;position:absolute;z-index:0}.blueprint-line-h{height:1px;left:-10vw;width:100vw}.blueprint-line-v{height:100vh;top:-10vh;width:1px}.technical-label{color:#e0c097;color:var(--color-oak);font-family:monospace;font-size:.65rem;letter-spacing:.1em;opacity:.6;pointer-events:none;position:absolute;text-transform:uppercase;z-index:1}body.dark-mode .blueprint-line{opacity:.15}body.dark-mode .technical-label{opacity:.4}.contact-link,.inventory-item a,.modernist-nav a,.project-btn,.theme-toggle{cursor:pointer;position:relative;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease}.contact-link:active,.inventory-item a:active,.modernist-nav a:active,.project-btn:active,.theme-toggle:active{box-shadow:none!important;transform:translate(2px,2px)!important}.project-btn{background:#2c3e50;background:var(--color-teal);border:none;color:#fdfbf7;color:var(--color-btn-text);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-weight:700;padding:.8rem 1.8rem;z-index:1}.project-btn:after{border:2px solid #e0c097;border:2px solid var(--color-oak);content:"";inset:0;position:absolute;transform:translate(6px,6px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);z-index:-1}.project-btn:hover:after{transform:translate(0)}.project-btn:active:after{opacity:0;transform:translate(0)}.contact-link,.inventory-item a{border-bottom:2px solid #0000}.contact-link:hover,.inventory-item a:hover{border-bottom-color:#c75b39;border-bottom-color:var(--color-sienna)}.contact-postcard{display:flex;justify-content:center;padding:clamp(4rem,10vw,10rem) 10%}.postcard-inner{align-items:center;background:#f5f0e6;background:var(--color-bg-dark);border:3px solid #2c3e50;border:var(--border-thick);box-shadow:15px 15px 0 #c75b39;box-shadow:15px 15px 0 var(--color-sienna);display:flex;flex-direction:column;max-width:900px;padding:clamp(2rem,6vw,5rem);text-align:center;width:100%}.postcard-inner h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem}.contact-email-large{border-bottom:4px solid #e0c097;border-bottom:4px solid var(--color-oak);color:#c75b39;color:var(--color-sienna);display:inline-block;font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;margin-top:2rem}.now-spinning{background:#fdfbf7;background:var(--color-bg);border:2px solid #2c3e50;border:2px solid var(--color-teal);gap:1.2rem;padding:.85rem;width:100%}.now-spinning,.record-visual{align-items:center;display:flex}.record-visual{animation:spin 6s linear infinite;background:#111;border-radius:50%;box-shadow:0 0 10px #0000004d;flex-shrink:0;height:54px;justify-content:center;position:relative;width:54px}.record-visual:before{inset:5px}.record-visual:after,.record-visual:before{border:1px solid #ffffff0d;border-radius:50%;content:"";position:absolute;z-index:1}.record-visual:after{inset:10px}.record-visual img{border:2px solid #111;border-radius:50%;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.blueprint-line,.technical-label{display:none!important}.hero-vignette{gap:4rem;grid-template-columns:1fr;padding-top:clamp(6rem,12vw,10rem);text-align:center}.hero-visual{height:450px;margin-bottom:-4rem;order:-1}.hero-arch{height:clamp(350px,90vw,500px);width:clamp(280px,80vw,450px)}.hero-pic-container{height:clamp(240px,60vw,320px);margin:0 auto;transform:translate(-1rem,2rem);width:clamp(240px,60vw,320px)}.inventory-block{margin:0 auto;transform:translateY(-2rem);width:100%}.modernist-story{gap:5rem;grid-template-columns:1fr;padding:6rem 8%}.project-poster,.project-poster:nth-child(2n),.project-poster:nth-child(odd){grid-template-columns:1fr;margin-bottom:8rem;padding:0 8%}.project-image-container,.project-poster:nth-child(2n) .project-image-container,.project-poster:nth-child(odd) .project-image-container{height:350px;order:0!important;transform:none!important;width:100%}.project-info{padding:3rem 0}.modernist-nav{gap:1.2rem;justify-content:center;padding:.6rem 1rem;top:1.5rem;width:92%}.modernist-nav-links{gap:1.2rem}.modernist-nav a{font-size:.75rem;letter-spacing:.05em}.theme-toggle{flex-shrink:0;font-size:1rem}}@media (max-width:600px){.inventory-list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ca676fd4.css.map*/