:root{--color-void: #000000;--color-deep: #0a0a0a;--color-dark: #111111;--color-charcoal: #1a1a1a;--color-grey-dark: #2a2a2a;--color-grey: #404040;--color-grey-mid: #666666;--color-grey-light: #999999;--color-silver: #cccccc;--color-off-white: #e8e8e8;--color-white: #ffffff;--color-accent-warm: #d4a574;--color-accent-gold: #c9a962;--color-accent-cream: #f5e6d3;--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .75);--color-text-tertiary: rgba(255, 255, 255, .55);--color-text-muted: rgba(255, 255, 255, .35);--font-display: "Playfair Display", Georgia, serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-elegant: cubic-bezier(.4, 0, .2, 1);--z-background: -1;--z-default: 1;--z-ui: 10;--z-nav: 50;--z-overlay: 100;--z-modal: 1000;--z-loader: 9999}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-void);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-deep)}::-webkit-scrollbar-thumb{background:var(--color-grey);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-grey-light)}::selection{background:#ffffff26;color:var(--color-white)}a{color:inherit;text-decoration:none;transition:color .4s var(--ease-elegant)}a:hover{color:var(--color-silver)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.dof-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 45% 45% at 50% 50%,transparent 0%,transparent 20%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.7) 100%);pointer-events:none}.corner-accent{position:absolute;width:50px;height:50px;border-color:#d4b48c26;border-style:solid;border-width:0}.corner-accent.top-left{top:2rem;left:2rem;border-top-width:1px;border-left-width:1px}.corner-accent.top-right{top:2rem;right:2rem;border-top-width:1px;border-right-width:1px}.corner-accent.bottom-left{bottom:2rem;left:2rem;border-bottom-width:1px;border-left-width:1px}.corner-accent.bottom-right{bottom:2rem;right:2rem;border-bottom-width:1px;border-right-width:1px}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:2.5rem;z-index:10}.logo-lockup{display:flex;flex-direction:column;align-items:center;gap:.6rem}.logo-name{font-family:Playfair Display,Georgia,serif;font-size:3.2rem;font-weight:400;color:#fffffff2;letter-spacing:.35em;text-shadow:0 0 40px rgba(255,255,255,.1),0 0 80px rgba(255,255,255,.05)}.logo-tagline{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:300;letter-spacing:.25em;color:#d4b48c80;text-transform:uppercase}.state-container{position:relative;width:320px;height:160px;display:flex;align-items:flex-start;justify-content:center}.progress-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.progress-bar{width:200px;height:1px;background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4b48c66,#ffffffb3);transition:width .1s ease-out}.ready-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.enter-button{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:400;letter-spacing:.25em;color:#d4b48ce6;background:transparent;border:1px solid rgba(212,180,140,.3);padding:.85rem 2.8rem;cursor:pointer;transition:all .4s ease;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}.enter-arrow{font-size:.8rem;transition:transform .3s ease}.enter-button:hover{background:#d4b48c14;border-color:#d4b48c80;color:#d4b48c;box-shadow:0 0 30px #d4b48c0f}.enter-button:hover .enter-arrow{transform:translate(3px)}.interaction-hint{font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:300;letter-spacing:.15em;color:#fff3;text-transform:uppercase;white-space:nowrap}.disclaimer-text{font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:300;letter-spacing:.1em;color:#ffffff40;text-align:center;max-width:260px;line-height:1.5}@media(max-width:768px){.corner-accent{width:30px;height:30px}.corner-accent.top-left{top:1rem;left:1rem}.corner-accent.top-right{top:1rem;right:1rem}.corner-accent.bottom-left{bottom:1rem;left:1rem}.corner-accent.bottom-right{bottom:1rem;right:1rem}.logo-name{font-size:2.4rem;letter-spacing:.3em}.logo-tagline{font-size:.5rem;letter-spacing:.2em}.progress-bar{width:160px}.state-container{width:280px;height:160px}.interaction-hint{font-size:.45rem}.enter-button{font-size:.65rem;padding:.75rem 2.2rem}.disclaimer-text{font-size:.45rem;max-width:220px}}@media(max-width:480px){.logo-name{font-size:2rem;letter-spacing:.25em}.logo-tagline{font-size:.45rem}.state-container{width:260px}.progress-bar{width:140px}.disclaimer-text{font-size:.42rem;max-width:200px}}.blackhole-video-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#000}.blackhole-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.blackhole-video.loaded{opacity:1}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 40% 40% at 60% 50%,#1e0f05,#000 70%)}.fallback-glow{position:absolute;top:30%;right:20%;width:40%;height:40%;background:radial-gradient(ellipse at center,rgba(255,150,50,.15) 0%,rgba(255,100,30,.08) 30%,transparent 70%);filter:blur(30px);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.blackhole-video-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 70% 70% at 65% 50%,transparent 0%,transparent 25%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.65) 100%),linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 30%,transparent 55%);pointer-events:none}@media(max-width:768px){.blackhole-video{width:100%;height:100%}}.home-page{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.home-scrim{position:absolute;top:0;left:0;width:65%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.25) 70%,transparent 100%);pointer-events:none;z-index:1}.home-content{position:relative;z-index:2;padding:0 clamp(2rem,6vw,6rem);max-width:700px;display:flex;flex-direction:column;gap:3rem}.home-title{display:flex;flex-direction:column;gap:0;line-height:1;margin-bottom:1.5rem}.title-line{font-family:var(--font-display, "Playfair Display", Georgia, serif);font-size:clamp(3rem,6vw,5.5rem);font-weight:400;color:#fffffff2;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.5),0 4px 40px rgba(0,0,0,.3)}.title-accent{font-style:italic;color:#d4b48ce6}.philosophy-text{display:flex;flex-direction:column;gap:1.5rem}.philosophy-text p{font-family:var(--font-serif, "Cormorant Garamond", Georgia, serif);font-size:clamp(1rem,1.6vw,1.25rem);color:#ffffffd1;line-height:1.7;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.4)}.quote-rotator{position:relative;min-height:2rem}.rotating-quote{font-family:var(--font-serif, "Cormorant Garamond", Georgia, serif);font-size:clamp(.85rem,1.3vw,1.05rem);font-style:italic;color:#d4b48c8c;letter-spacing:.01em;display:block}.home-nav{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding-top:.5rem}.nav-item-wrapper{display:inline-flex;align-items:center}.home-nav-link{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;background:none;border:none;padding:.5rem .2rem;cursor:pointer;transition:color .3s ease;position:relative}.home-nav-link:after{content:"";position:absolute;bottom:.3rem;left:.2rem;right:.2rem;height:1px;background:#d4b48c99;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.home-nav-link:hover{color:#d4b48ce6}.home-nav-link:hover:after{transform:scaleX(1)}.nav-divider{color:#fff3;margin:0 .8rem;font-size:.7rem;-webkit-user-select:none;user-select:none}@media(max-width:768px){.home-page{align-items:flex-end;padding-bottom:6rem}.home-scrim{width:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 50%,transparent 100%)}.home-content{padding:0 1.5rem;gap:2rem}.title-line{font-size:clamp(2.2rem,10vw,3.5rem)}.philosophy-text p{font-size:.95rem}.rotating-quote{font-size:.8rem}.home-nav{gap:0}.home-nav-link{font-size:.6rem;padding:.4rem .1rem}.nav-divider{margin:0 .5rem;font-size:.6rem}}@media(max-width:480px){.home-page{padding-bottom:5rem}.home-content{gap:1.5rem}.title-line{font-size:clamp(2rem,9vw,2.8rem)}.home-nav-link{font-size:.55rem;letter-spacing:.15em}.nav-divider{margin:0 .35rem}}.philosophy-page{position:relative;width:100%;height:100%;overflow:hidden}.back-button{position:fixed;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:100}.back-button:hover{color:#fffffff2;border-color:#ffffff4d}.back-button.back-right{right:3rem;top:50%;transform:translateY(-50%)}.back-button.back-left{left:3rem;top:50%;transform:translateY(-50%) rotate(180deg)}.back-button.back-left span{transform:rotate(180deg)}.back-button.back-top{top:6rem;left:50%;transform:translate(-50%) rotate(-90deg)}.back-button.back-bottom{bottom:3rem;left:50%;transform:translate(-50%) rotate(90deg)}.scroll-progress{position:fixed;left:2.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:90}.progress-dot{position:relative;display:flex;align-items:center;gap:0;transition:all .4s ease;cursor:default}.progress-dot-glyph{font-size:1.2rem;line-height:1;color:#fff3;transition:color .4s ease}.progress-dot.passed .progress-dot-glyph{color:#d4b48c66}.progress-dot.active .progress-dot-glyph{color:#d4b48ce6;text-shadow:0 0 8px rgba(212,180,140,.4)}.progress-dot-label{position:absolute;left:calc(100% + .75rem);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;color:#fff0;text-transform:uppercase;white-space:nowrap;transition:color .3s ease;pointer-events:none}.progress-dot:hover .progress-dot-label,.progress-dot.active .progress-dot-label{color:#ffffff80}.philosophy-scroll{width:100%;height:100%;overflow-y:auto;padding:8rem 0 4rem}.philosophy-content{max-width:900px;margin:0 auto;padding:0 3rem}.page-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;color:#fffffff2;margin-bottom:3rem}.hero-card-section{margin-bottom:5rem}.hero-card{display:flex;align-items:center;gap:2rem;padding:2rem;border:1px solid rgba(255,255,255,.06);margin-bottom:2.5rem}.profile-frame{width:100px;height:100px;flex-shrink:0;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;display:block}.profile-info{flex:1}.profile-name{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:#fffffff2;margin-bottom:.25rem}.profile-tagline{font-family:var(--font-serif);font-size:1rem;font-style:italic;color:#ffffffa6;margin-bottom:.5rem}.profile-location{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:#fff6;text-transform:uppercase}.intro-content{margin-bottom:2rem}.intro-lead{font-family:var(--font-serif);font-size:1.2rem;font-weight:400;line-height:1.7;color:#ffffffe6;margin-bottom:1.5rem}.hero-card-section .intro-content p{font-family:var(--font-body);font-size:.95rem;font-weight:300;line-height:1.85;color:#ffffffb3}.hero-card-section .intro-image{aspect-ratio:16/9}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:#ffffff80;text-transform:uppercase;white-space:nowrap}.section-line{flex:1;height:1px;background:#ffffff1a}.image-placeholder{width:100%;height:100%;min-height:200px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.image-placeholder span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase}.image-placeholder.vertical{aspect-ratio:3/4}.image-placeholder.wide{aspect-ratio:16/9}.media-container{position:relative;width:100%;height:100%;min-height:200px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.media-container.vertical{aspect-ratio:3/4}.media-container.wide{aspect-ratio:16/9}.media-image,.media-video{width:100%;height:100%;object-fit:cover;display:block}.media-container:after{content:"";position:absolute;inset:0;background:#0000;transition:background .4s ease;pointer-events:none}.media-container:hover:after{background:#0000000d}.philosophy-section{margin-bottom:5rem}.philosophy-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.philosophy-text-content p{font-family:var(--font-body);font-size:.95rem;font-weight:300;line-height:1.85;color:#ffffffb3;margin-bottom:1.25rem}.philosophy-quote{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;line-height:1.7;color:#ffffffd9;padding-left:1.5rem;border-left:1px solid rgba(212,180,140,.4);margin-top:1.5rem}.expertise-section{margin-bottom:5rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.skill-group{padding:1.5rem;border:1px solid rgba(255,255,255,.06);transition:border-color .4s ease}.skill-group:hover{border-color:#ffffff1f}.skill-category{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:#ffffffe6;margin-bottom:1rem;letter-spacing:.02em}.skill-list{list-style:none}.skill-item{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:#ffffff8c;padding:.4rem 0;transition:all .4s ease;cursor:default}.skill-item:hover{color:#d4b48c;text-shadow:0 0 12px rgba(212,180,140,.6),0 0 25px rgba(212,180,140,.3)}.tools-note{padding:1.5rem 2rem;border-left:1px solid rgba(212,180,140,.25);background:#d4b48c08}.tools-note p{font-family:var(--font-body);font-size:.9rem;font-weight:300;line-height:1.85;color:#fff9;font-style:italic}.vision-section{margin-bottom:4rem}.vision-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.vision-image .image-placeholder,.vision-image .media-container{aspect-ratio:1/1}.vision-content p{font-family:var(--font-body);font-size:.95rem;font-weight:300;line-height:1.85;color:#ffffffb3;margin-bottom:1.25rem}.closing-cta{font-family:var(--font-serif);font-size:1.05rem;font-style:italic;color:#fffc!important;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.scroll-progress{display:none}.philosophy-scroll{padding:6rem 0 4rem}.philosophy-content{padding:0 1.5rem}.hero-card{flex-direction:column;text-align:center;padding:1.5rem}.philosophy-grid,.vision-grid{grid-template-columns:1fr;gap:2rem}.skills-grid{grid-template-columns:1fr}}.projects-hub-page{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem}.hub-content{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:600px;width:100%}.hub-header{text-align:center}.hub-header .section-tag{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:#ffffff80;text-transform:uppercase;margin-bottom:.75rem}.hub-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#fffffff2;letter-spacing:-.02em}.hub-options{display:flex;flex-direction:column;gap:1rem;width:100%}.hub-option{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1.75rem 2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .4s ease;text-align:left}.hub-option:hover{background:#ffffff0a;border-color:#ffffff26}.hub-option:hover .option-title{color:#d4b48c;text-shadow:0 0 20px rgba(212,180,140,.3)}.hub-option:hover .option-arrow{color:#d4b48ccc;transform:translate(4px)}.option-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff9;border:1px solid rgba(255,255,255,.1)}.option-content{flex:1}.option-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:#ffffffe6;margin-bottom:.35rem;transition:all .4s ease}.option-description{font-family:var(--font-body);font-size:.8rem;font-weight:300;line-height:1.6;color:#ffffff80}.option-arrow{font-family:var(--font-display);font-size:1.5rem;color:#ffffff4d;transition:all .4s ease}.back-button-hub{position:fixed;left:3rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:100}.back-button-hub:hover{color:#fffffff2;border-color:#ffffff4d}@media(max-width:768px){.projects-hub-page{padding:6rem 1.5rem 4rem;align-items:flex-start}.hub-content{gap:2rem}.hub-option{padding:1.25rem 1.5rem;gap:1rem}.option-icon{width:40px;height:40px}.option-icon svg{width:20px;height:20px}.option-title{font-size:1.1rem}.option-description{font-size:.75rem}}.projects-page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.back-button-projects{position:fixed;left:3rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:100}.back-button-projects:hover{color:#fffffff2;border-color:#ffffff4d}.project-nav-bar{position:fixed;top:2rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;z-index:90}.project-nav-bar-inner{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1.25rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.project-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-grey-light);background:transparent;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.project-nav-btn:hover:not(:disabled){color:var(--color-white);border-color:#ffffff4d}.project-nav-btn:disabled{opacity:.3;cursor:not-allowed}.project-counter{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em}.counter-current{color:var(--color-white)}.counter-sep{color:var(--color-grey);margin:0 .25rem}.counter-total{color:var(--color-grey-mid)}.projects-container{flex:1;display:flex;align-items:center;justify-content:center;padding:6rem 8rem 4rem;overflow:hidden}.project-card{width:100%;max-width:900px;max-height:calc(100vh - 12rem);background:#0a0a0af2;border:1px solid rgba(255,255,255,.08);overflow-y:auto;transition:max-height .8s cubic-bezier(.4,0,.2,1)}.project-card.expanded{max-height:calc(100vh - 8rem)}.project-hero{width:100%;aspect-ratio:21/9;background:var(--color-charcoal);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default}.hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-charcoal),var(--color-dark))}.hero-placeholder span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--color-grey-mid);text-transform:uppercase}.hero-media{width:100%;height:100%;object-fit:cover;pointer-events:none}.project-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none;cursor:default}.project-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.meta-category{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--color-grey-mid);text-transform:uppercase}.meta-sep{color:var(--color-grey)}.meta-year{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--color-grey)}.project-title{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-white);margin-bottom:.25rem;line-height:1.2}.project-client{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:var(--color-grey-mid)}.project-preview{padding:2rem}.project-description{font-family:var(--font-body);font-size:.9rem;font-weight:300;line-height:1.8;color:var(--color-grey-light);margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;padding:.4rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--color-grey-mid)}.view-project-btn{width:100%;padding:1rem;font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.1em;color:var(--color-white);background:transparent;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .4s ease}.view-project-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.project-expanded{overflow:hidden}.expanded-content{padding:2rem}.expanded-section{margin-bottom:2.5rem}.expanded-section .section-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--color-grey-mid);text-transform:uppercase;margin-bottom:.75rem;display:block}.expanded-section p{font-family:var(--font-body);font-size:.9rem;font-weight:300;line-height:1.8;color:var(--color-grey-light)}.visuals-section{margin-bottom:2rem}.moodboard-grid{column-count:3;column-gap:1rem;width:100%}.moodboard-item{break-inside:avoid;margin-bottom:1rem;background:var(--color-charcoal);border:1px solid rgba(255,255,255,.06);display:inline-block;width:100%;overflow:hidden}.moodboard-media{width:100%;height:auto;display:block}.moodboard-placeholder{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-charcoal),var(--color-dark))}.moodboard-placeholder span{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:var(--color-grey-mid);text-transform:uppercase;text-align:center;padding:.5rem}.lottie-container{display:flex;align-items:center;justify-content:center;background:#ffffff05;width:100%;min-height:150px}.results-section{margin-bottom:2.5rem}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.result-item{display:flex;flex-direction:column;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:all .4s ease}.result-item:hover{background:#ffffff0a;border-color:#d4b48c33}.result-metric{font-family:var(--font-display);font-size:2.25rem;font-weight:400;color:#d4b48c;line-height:1;margin-bottom:.5rem}.result-label{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:#ffffffe6;margin-bottom:.25rem}.result-context{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;color:var(--color-grey-mid);text-transform:uppercase}.expanded-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.06)}.collapse-btn{width:100%;padding:1rem 2rem;font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.1em;color:var(--color-grey-mid);background:transparent;border-top:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .4s ease}.collapse-btn:hover{color:var(--color-white);background:#ffffff08}.project-dots{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:50}.dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .4s ease}.dot.active{background:var(--color-white)}.dot:hover:not(.active){background:#fff6}.showreel-player{width:100%;position:relative;background:#000c;border:1px solid rgba(255,255,255,.08);cursor:pointer;overflow:hidden}.showreel-video{width:100%;height:auto;display:block}.showreel-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .4s ease}.showreel-play-overlay:hover{background:#0003}.showreel-play-overlay.buffering{background:#00000080;cursor:wait}.showreel-play-btn{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(212,180,140,.6);border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s ease}.showreel-play-overlay:hover .showreel-play-btn{border-color:#d4b48c;background:#0009;transform:scale(1.08)}.showreel-spinner{width:48px;height:48px;border:2px solid rgba(212,180,140,.2);border-top-color:#d4b48ce6;border-radius:50%;animation:showreel-spin .8s linear infinite}@keyframes showreel-spin{to{transform:rotate(360deg)}}.slide-viewer{width:100%;border:1px solid rgba(255,255,255,.08);background:#0006}.slide-display{width:100%;position:relative;overflow:hidden;background:#0009;aspect-ratio:16 / 9}.slide-image{width:100%;height:100%;object-fit:contain;display:block}.slide-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem;border-top:1px solid rgba(255,255,255,.06)}.slide-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-grey-light);background:transparent;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .3s ease}.slide-nav-btn:hover{color:var(--color-white);border-color:#ffffff4d;background:#ffffff0a}.slide-counter{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em}.slide-label{text-align:center;padding:.5rem 1rem 1rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--color-grey-mid);text-transform:uppercase}@media(max-width:1024px){.projects-container{padding:6rem 4rem 4rem}.back-button-projects{left:2rem}}@media(max-width:768px){.project-nav-bar.mobile{top:4.5rem}.project-nav-bar.mobile .project-nav-bar-inner{padding:.4rem 1rem;gap:1rem}.project-nav-bar.mobile .project-nav-btn{width:32px;height:32px}.project-nav-bar.mobile .project-counter{font-size:.65rem}.projects-container{padding:7rem 1.5rem 4rem}.project-title{font-size:1.5rem}.project-header,.project-preview,.expanded-content{padding:1.5rem}.moodboard-grid{column-count:2}.results-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.result-metric{font-size:1.75rem}.result-item{padding:1rem}.project-dots{bottom:1.5rem}.slide-nav-btn{width:36px;height:36px}.slide-nav{gap:1rem}.showreel-play-btn{width:60px;height:60px}.showreel-spinner{width:40px;height:40px}}@media(max-width:480px){.moodboard-grid{column-count:1}.results-grid{grid-template-columns:1fr}.project-title{font-size:1.25rem}.slide-nav{gap:.75rem;padding:.75rem}.slide-nav-btn{width:32px;height:32px}.showreel-play-btn{width:48px;height:48px}.showreel-play-btn svg{width:24px;height:24px}.showreel-spinner{width:32px;height:32px}}.image-wall-page{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:10;pointer-events:none}.intro-text{max-width:500px;font-family:var(--font-serif);font-size:1.1rem;font-style:italic;font-weight:300;line-height:1.8;color:#fffc;text-align:center}.wall-container{position:relative;width:100%;height:100%;overflow:hidden}.masonry-grid{display:flex;gap:12px;padding:0 12px;height:100%}.masonry-column{flex:1;display:flex;flex-direction:column;gap:12px;will-change:transform}.masonry-item{width:100%;line-height:0;position:relative}.masonry-item.placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#1e1e1e,#141414)}.wall-media{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:cover}.wall-gradient-top{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#000c,#0000);pointer-events:none;z-index:5}.wall-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#000c,#0000);pointer-events:none;z-index:5}.back-button-imagewall{position:fixed;left:3rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffb3;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:100}.back-button-imagewall:hover{color:#fffffff2;border-color:#ffffff4d}@media(max-width:768px){.masonry-grid{gap:8px;padding:0 8px}.masonry-column{gap:8px}.intro-text{font-size:.95rem;padding:0 1rem}.wall-gradient-top,.wall-gradient-bottom{height:80px}}@media(max-width:480px){.masonry-grid{gap:6px;padding:0 6px}.masonry-column{gap:6px}}.contact-page{position:relative;width:100%;height:100%;overflow:hidden}.back-button-mobile-header{position:fixed;left:1.5rem;top:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:var(--font-body);font-size:.7rem;font-weight:300;letter-spacing:.1em;color:#fffc;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:150}.back-button-mobile-header:hover{color:#fffffff2;border-color:#ffffff4d}.contact-page .back-button{position:fixed;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;z-index:100}.contact-page .back-button:hover{color:#fffffff2;border-color:#ffffff4d}.contact-page .back-button.back-top{top:6rem;left:50%;transform:translate(-50%)}.contact-scroll{width:100%;height:100%;overflow-y:auto;padding:10rem 3rem 0;display:flex;flex-direction:column}.contact-content{max-width:700px;margin:0 auto;flex:1}.contact-header{margin-bottom:3rem;text-align:center}.section-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;color:#ffffff80;text-transform:uppercase;margin-bottom:1rem;display:block}.page-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;color:#fffffff2}.page-title .title-accent{font-style:italic;color:#fffc}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:400;color:#ffffffe6;margin-bottom:1.5rem}.contact-direct{display:flex;flex-direction:column;gap:1.25rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.06)}.contact-item svg{color:#ffffff80;flex-shrink:0;margin-top:.1rem}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;color:#ffffff80;text-transform:uppercase}.contact-value{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:#ffffffe6;transition:color .3s ease}.contact-value:hover{color:#ffffffb3}.reveal-btn{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:#ffffffb3;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.honeypot{position:absolute;left:-9999px;opacity:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;color:#ffffff80;text-transform:uppercase}.form-group input,.form-group textarea{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:#fffffff2;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;transition:all .3s ease;resize:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff40;background:#ffffff0d}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.1em;color:#fffffff2;background:transparent;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .4s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn.success{border-color:#64c86466;color:#64c864cc}.site-footer{width:100%;padding:4rem 0 2rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:700px;margin:0 auto;text-align:center}.footer-brand{margin-bottom:1.5rem}.footer-logo{font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.15em;color:#fffc}.footer-tagline{font-family:var(--font-serif);font-size:.85rem;font-style:italic;color:#ffffff80;margin-top:.5rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.footer-links a,.footer-links button{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:#fff9;background:none;border:none;cursor:pointer;transition:color .3s ease}.footer-links a:hover,.footer-links button:hover{color:#ffffffe6}.footer-sep{color:#ffffff4d}.footer-legal{display:flex;flex-direction:column;gap:.25rem}.footer-legal p{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:#ffffff59}.footer-location{color:#ffffff40!important}@media(max-width:768px){.contact-scroll{padding:6rem 1.5rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem}}.pet-projects-page{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.pet-projects-page.hide-cursor,.pet-projects-page.hide-cursor *{cursor:none}.game-canvas-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.game-lives{position:fixed;top:5.5rem;left:3rem;display:flex;gap:.5rem;z-index:50}.life-heart{font-size:1.25rem;color:#ffffffe6}.game-score-display{position:fixed;top:2rem;right:6rem;display:flex;flex-direction:column;gap:.25rem;text-align:right;z-index:40}.score-row{display:flex;gap:1rem;justify-content:flex-end;align-items:baseline}.score-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;color:#fff9}.score-num{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.1em;color:#fffffff2}.score-row.high .score-num{color:#ffffffa6}.stage-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.3em;color:#ffffff4d;pointer-events:none;z-index:30}.idle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000e0;z-index:60}.idle-content{text-align:center;max-width:500px;padding:2rem}.section-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;color:#ffffff8c;text-transform:uppercase;margin-bottom:1rem;display:block}.idle-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;color:#fffffff2;margin-bottom:1rem}.idle-subtitle{font-family:var(--font-body);font-size:.95rem;font-weight:300;line-height:1.7;color:#ffffffa6;margin-bottom:2rem;max-width:380px}.play-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:var(--font-body);font-size:.9rem;font-weight:300;letter-spacing:.1em;color:#fffffff2;background:transparent;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .4s ease;margin-bottom:2rem}.play-button:hover{background:#ffffff0d;border-color:#ffffff80}.control-instructions{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);max-width:400px}.control-title{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:#d4b48cd9;text-transform:uppercase;margin-bottom:.75rem}.control-text{font-family:var(--font-body);font-size:.8rem;font-weight:300;line-height:1.7;color:#fff9;margin-bottom:.75rem}.pet-projects-page .back-button{position:fixed;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#ffffffa6;background:transparent;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .4s ease;z-index:100}.pet-projects-page .back-button:hover{color:#fffffff2;border-color:#fff6}.pet-projects-page .back-button.back-bottom{bottom:3rem;left:50%;transform:translate(-50%)}.result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000eb;z-index:70}.result-content{text-align:center}.result-title{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.3em;color:#fffffff2;margin-bottom:1rem}.result-title.gameover{color:#ff7878e6}.result-score{font-family:var(--font-mono);font-size:1.1rem;color:#ffffffd9;margin-bottom:.5rem}.result-high{font-family:var(--font-mono);font-size:.85rem;color:#ffffff8c;margin-bottom:2rem}.result-buttons{display:flex;gap:1rem;justify-content:center}.result-btn{padding:.75rem 2rem;font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.1em;color:#fffffff2;background:transparent;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.result-btn:hover{background:#ffffff0d;border-color:#ffffff80}.result-btn.quit{color:#ffffffa6}@media(max-width:768px){.game-lives{top:5rem;left:1.5rem}.game-score-display{right:4.5rem}.idle-content{padding:1.5rem}.play-button{padding:.875rem 2rem;font-size:.85rem}}.main-site{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.ui-container{position:relative;width:100%;height:100%;z-index:10}.site-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:100;pointer-events:none}.site-header>*{pointer-events:auto}.logo-button{display:flex;align-items:baseline;font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:.15em;background:none;border:none;cursor:pointer;transition:opacity .4s ease;text-shadow:0 2px 8px rgba(0,0,0,.6),0 4px 16px rgba(0,0,0,.4)}.logo-text{color:#fffffff7}.logo-dot{color:#ffffffa6;margin:0 1px}.logo-io{color:#ffffff8c;font-size:1rem}.logo-spacer{width:1px;height:1px}.menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#ffffffbf;background:none;border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:all .4s ease;box-shadow:0 2px 8px #0000004d}.menu-button:hover{color:#fffffff7;border-color:#ffffff59}.nav-menu{position:fixed;top:5.5rem;right:3rem;display:flex;flex-direction:column;background:#000000f2;border:1px solid rgba(255,255,255,.1);padding:.5rem 0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000080}.nav-menu-item{font-family:var(--font-body);font-size:.85rem;font-weight:300;letter-spacing:.05em;color:#ffffffbf;background:none;border:none;padding:.75rem 2rem;text-align:left;cursor:pointer;transition:all .4s ease;position:relative}.nav-menu-item:hover{color:#fffffff7;background:#ffffff08;text-shadow:0 0 20px rgba(212,180,140,.5),0 0 40px rgba(212,180,140,.2)}.nav-menu-item.active{color:#fffffff7}.nav-menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:#d4b48c99}.page-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none}.page-wrapper>*{pointer-events:auto}.page-wrapper.full-page{background:#000000f0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.film-grain{position:fixed;top:0;left:0;width:100%;height:100%;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1000}@media(max-width:768px){.site-header{padding:1.5rem}.logo-button{font-size:1rem}.nav-menu{top:4.5rem;right:1.5rem;left:1.5rem}}.app{width:100vw;height:100vh;overflow:hidden;background:var(--color-void);position:relative}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:var(--z-loader)}