:root{--bg: #0a0a0a;--bg-light: #111111;--bg-elevated: #141414;--surface: #161616;--border: #1e1e1e;--text: #f0ece2;--text-dim: #8a8578;--text-muted: #4a4740;--accent: #e8362f;--accent-hover: #ff5a52;--accent-soft: rgba(232, 54, 47, .18);--white-soft: rgba(240, 236, 226, .08);--c-cream: #f4ede1;--c-blue: #2a3eb1;--c-blue-soft: #6c8eff;--c-red: #e8362f;--c-red-soft: #ff7a72;--c-pink: #ffb3d4;--c-violet: #b89cff;--c-grey: #6a5e50;--c-black: #1a1612;--font-display: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--nav-height: 4.5rem;--container-padding: clamp(1.5rem, 4vw, 4rem);--section-padding: clamp(5rem, 12vh, 10rem)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font-body);font-weight:300;background:var(--c-cream);color:var(--c-black);overflow-x:hidden;line-height:1.6}#root{isolation:isolate}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.page{position:relative;z-index:2}[data-magnetic]{transform:translateZ(0);will-change:transform}::selection{background:var(--c-red);color:var(--c-cream)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-cream)}::-webkit-scrollbar-thumb{background:#1a161233;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a161266}.home-page{--hp-cream: #f4ede1;--hp-cream-deep: #e8dec9;--hp-paper: #faf5ea;--hp-ink: #1a1612;--hp-ink-soft: #3a322a;--hp-ink-dim: #6a5e50;--hp-ink-muted: #9a8d7c;--hp-blue: #2a3eb1;--hp-blue-soft: #6c8eff;--hp-red: #e8362f;--hp-red-soft: #ff7a72;--hp-pink: #ffb3d4;--hp-violet: #b89cff;--hp-grey: #6a5e50;--hp-rule: rgba(26, 22, 18, .14);--hp-rule-strong: rgba(26, 22, 18, .32);--hp-serif: "Instrument Serif", "Times New Roman", Georgia, serif;--hp-mono: "Azeret Mono", "Sora", ui-monospace, monospace;position:relative;min-height:100vh;padding-top:var(--nav-height);color:var(--hp-ink);background:var(--hp-cream);overflow:hidden;isolation:isolate}.home-page:before{content:"";position:absolute;inset:-40vh 0;background:radial-gradient(60% 50% at 12% 12%,rgba(232,54,47,.18),transparent 70%),radial-gradient(50% 50% at 88% 20%,rgba(30,58,255,.14),transparent 70%),radial-gradient(40% 40% at 50% 90%,rgba(122,77,255,.12),transparent 70%),var(--hp-cream);z-index:-3;pointer-events:none}.home-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,22,18,.085) .6px,transparent .6px),radial-gradient(rgba(26,22,18,.05) .4px,transparent .4px);background-size:4px 4px,7px 7px;background-position:0 0,2px 3px;mix-blend-mode:multiply;pointer-events:none;z-index:-1;opacity:.55;animation:hp-grain-shift 1.6s steps(6) infinite}@keyframes hp-grain-shift{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,3px)}80%{transform:translate(3px,2px)}to{transform:translate(0)}}.home-page .hp-shape{display:none}.home-page .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--container-padding);overflow:hidden}.home-page .hero:before,.home-page .hero:after{content:none}.home-page .hero-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.home-page .hero-chibudom{display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:clamp(.02em,.5vw,.08em);font-family:var(--hp-serif);font-style:italic;font-weight:400;font-size:clamp(4.5rem,18vw,17rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;color:var(--hp-ink);filter:url(#hero-warp);-webkit-user-select:none;user-select:none;width:100%;padding:0 .5rem;box-sizing:border-box}.home-page .hero-letter{display:inline-block;will-change:transform;transition:color .4s ease}.home-page .hero-letter:nth-child(odd){color:var(--hp-ink)}.home-page .hero-letter:nth-child(3){color:var(--hp-blue)}.home-page .hero-letter:nth-child(5){color:var(--hp-red)}.home-page .hero-letter:nth-child(7){color:var(--hp-violet)}.home-page .hero-letter:hover{color:var(--hp-red)}.home-page .hero-scroll-invite{position:absolute;bottom:clamp(1.8rem,5vh,3.5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--hp-ink-soft)}.home-page .hero-scroll-word{font-family:var(--hp-mono);font-size:.65rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.home-page .hero-scroll-arrow{width:1.5rem;height:2.5rem;color:var(--hp-ink-soft)}.home-page .hero-scroll-arrow svg{width:100%;height:100%;overflow:visible}.home-page .about-section{padding:clamp(4rem,10vh,8rem) var(--container-padding);position:relative;background:linear-gradient(180deg,transparent,rgba(184,156,255,.1) 60%,transparent),var(--hp-paper);border-top:1px solid var(--hp-rule);border-bottom:1px solid var(--hp-rule);overflow:hidden}.home-page .about-section:before{content:"";position:absolute;width:clamp(20rem,40vw,38rem);height:clamp(20rem,40vw,38rem);background:var(--hp-violet);border-radius:50%;filter:none;mix-blend-mode:multiply;opacity:.45;top:-20%;right:-10%;pointer-events:none;z-index:0;animation:hp-blob-drift-1 22s ease-in-out infinite}.home-page .about-section>*{position:relative;z-index:1}.home-page .about-content{max-width:1200px;margin:0 auto}.home-page .about-label{font-family:var(--hp-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-ink-soft);margin-bottom:2rem;display:inline-flex;align-items:center;gap:.6rem}.home-page .about-label:before{content:"";width:1.5rem;height:2px;background:var(--hp-blue)}.home-page .about-heading{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3.4rem);line-height:1.08;font-weight:500;letter-spacing:-.04em;max-width:1000px;margin-bottom:1.75rem;color:var(--hp-ink)}.home-page .accent-text{font-family:var(--hp-serif);font-style:italic;font-weight:400;color:var(--hp-red);position:relative;padding:0 .1em}.home-page .accent-text:nth-of-type(2){color:var(--hp-blue)}.home-page .accent-text:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.18em;background:currentColor;opacity:.18;border-radius:2px}.home-page .about-body{max-width:640px;font-size:clamp(.95rem,1.2vw,1.05rem);color:var(--hp-ink-soft);line-height:1.65}.home-page .about-layout{display:grid;grid-template-columns:1fr clamp(220px,28vw,320px);gap:clamp(2rem,5vw,4rem);align-items:start}.home-page .about-text{display:flex;flex-direction:column}.home-page .about-image{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:var(--hp-ink);transform:rotate(2deg);transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:-8px 8px 0 var(--hp-red),-8px 8px 24px #1a16122e}.home-page .about-image:before{content:"";position:absolute;top:-.6rem;left:50%;transform:translate(-50%) rotate(-3deg);width:4.5rem;height:1.2rem;background:#ffb3d4bf;border:1px solid rgba(26,22,18,.18);z-index:2}.home-page .about-image:hover{transform:rotate(0) scale(1.02);box-shadow:-12px 12px 0 var(--hp-blue),-12px 12px 28px #1a161238}.home-page .about-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) contrast(1.05);transition:filter .4s ease}.home-page .about-image:hover img{filter:grayscale(0%) contrast(1.1)}.home-page .about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(26,22,18,.25));pointer-events:none}.home-page .marquee-section{padding:clamp(1.5rem,3vh,2.5rem) 0;border-top:2px solid var(--hp-ink);border-bottom:2px solid var(--hp-ink);overflow:hidden;background:var(--hp-red);position:relative}.home-page .marquee-section+.marquee-section{background:var(--hp-blue);border-top-color:var(--hp-ink);margin-top:-2px}.home-page .marquee{width:100%;overflow:hidden}.home-page .marquee-track{display:flex;width:fit-content;white-space:nowrap;align-items:center}.home-page .marquee-track span{font-family:var(--font-display);font-size:clamp(1.8rem,5.5vw,4rem);font-weight:700;letter-spacing:-.04em;color:var(--hp-cream);padding-right:2rem;text-transform:uppercase;display:flex;align-items:center;gap:1.5rem}.home-page .marquee-track span:after{content:"✦";font-size:.6em;color:var(--hp-ink)}.home-page .marquee-section+.marquee-section .marquee-track span{font-family:var(--hp-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;text-transform:none}.home-page .marquee-section+.marquee-section .marquee-track span:after{content:"/";color:var(--hp-violet);font-style:normal}.home-page .cta-section{padding:clamp(4rem,10vh,8rem) var(--container-padding) clamp(5rem,12vh,9rem);position:relative;overflow:hidden}.home-page .cta-section:before{content:"";position:absolute;width:clamp(18rem,36vw,30rem);height:clamp(18rem,36vw,30rem);background:var(--hp-violet);border-radius:50%;mix-blend-mode:multiply;opacity:.35;bottom:-25%;left:-8%;pointer-events:none;z-index:0;animation:hp-blob-drift-2 20s ease-in-out infinite}.home-page .cta-section>*{position:relative;z-index:1}.home-page .cta-label{font-family:var(--hp-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-ink-soft);margin-bottom:2.5rem;display:inline-flex;align-items:center;gap:.6rem;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.home-page .cta-label:before{content:"";width:1.5rem;height:2px;background:var(--hp-violet)}.home-page .cta-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:1200px;margin:0 auto}.home-page .cta-link{--link-accent: var(--hp-red);padding:clamp(1.5rem,3vw,2.5rem);border:2px solid var(--hp-ink);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;overflow:hidden;background:var(--hp-paper);color:var(--hp-ink);transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease);box-shadow:4px 4px 0 var(--hp-ink)}.home-page .cta-link:nth-child(1){--link-accent: var(--hp-red)}.home-page .cta-link:nth-child(2){--link-accent: var(--hp-blue)}.home-page .cta-link:nth-child(3){--link-accent: var(--hp-violet)}.home-page .cta-link:nth-child(4){--link-accent: var(--hp-pink)}.home-page .cta-link:before{content:"";position:absolute;inset:0;background:var(--link-accent);transform:translateY(100%);transition:transform .5s var(--ease);z-index:0}.home-page .cta-link>*{position:relative;z-index:1}.home-page .cta-link:hover{color:var(--hp-cream);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--hp-ink)}.home-page .cta-link:hover:before{transform:translateY(0)}.home-page .cta-link-text{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600;letter-spacing:-.04em}.home-page .cta-arrow{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--link-accent);transition:transform .4s var(--ease),color .4s var(--ease)}.home-page .cta-link:hover .cta-arrow{color:var(--hp-cream);transform:translate(6px,-6px) rotate(-8deg)}@media (max-width: 1024px){.home-page .hero-line:nth-of-type(2){text-indent:clamp(.75rem,6vw,5rem)}}@media (max-width: 900px){.home-page .about-layout{grid-template-columns:1fr;gap:2.5rem}.home-page .about-image{max-width:260px;order:-1}.home-page .hp-shape--ring,.home-page .hp-shape--squiggle{display:none}}@media (max-width: 768px){.home-page .hero{padding-top:1rem;min-height:100svh}.home-page .hero-sticker{top:.5rem;right:1rem;font-size:.58rem;padding:.4rem .7rem}.home-page .hero-caption{flex-direction:column;align-items:flex-start;gap:.5rem}.home-page .hero-presence{text-align:left;max-width:100%}.home-page .hero-meta-strip{flex-direction:column;align-items:flex-start;gap:.75rem}.home-page .hero-line:nth-of-type(2){text-indent:1rem}.home-page .scroll-indicator,.home-page .hp-shape--blob-3,.home-page .hp-shape--star{display:none}.home-page .cta-links{grid-template-columns:1fr}.home-page .cta-link{padding:1.25rem;box-shadow:3px 3px 0 var(--hp-ink)}.home-page .cta-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--hp-ink)}.home-page .about-image{max-width:220px}}@media (max-width: 480px){.home-page .hero-char{font-size:clamp(2.4rem,16vw,5rem)}.home-page .marquee-track span{font-size:clamp(1.6rem,8vw,2.4rem)}}@media (prefers-reduced-motion: reduce){.home-page *,.home-page *:before,.home-page *:after{animation:none!important;transition:none!important}}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.project-panel{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,2.5vw,2rem);border:2px solid var(--c-black);border-radius:10px;background:#faf5ea;box-shadow:5px 5px 0 var(--c-black);position:relative;overflow:hidden;--card-accent: var(--c-red);transition:transform .4s ease,box-shadow .4s ease}.project-panel:nth-child(1){--card-accent: var(--c-red)}.project-panel:nth-child(2){--card-accent: var(--c-blue)}.project-panel:nth-child(3){--card-accent: var(--c-violet)}.project-panel:nth-child(4){--card-accent: var(--c-red)}.project-panel:nth-child(5){--card-accent: var(--c-blue)}.project-panel:nth-child(6){--card-accent: var(--c-violet)}.project-panel:nth-child(7){--card-accent: var(--c-red)}.project-panel:nth-child(8){--card-accent: var(--c-blue)}.project-panel:before{content:"";position:absolute;inset:0;background:var(--card-accent);transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:0}.project-panel>*{position:relative;z-index:1}.project-panel:hover{transform:translate(-4px,-4px);box-shadow:9px 9px 0 var(--c-black)}.project-panel:hover:before{transform:translateY(0)}.project-panel:hover .project-index,.project-panel:hover .project-year,.project-panel:hover h2,.project-panel:hover .project-heading-row p,.project-panel:hover .project-description{color:var(--c-cream)}.project-panel:hover .project-tech span{border-color:#f4ede159;color:var(--c-cream)}.project-meta{display:flex;justify-content:space-between;align-items:baseline}.project-index{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--card-accent);transition:color .3s ease}.project-year{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey);transition:color .3s ease}.project-heading-row{display:flex;flex-direction:column;gap:.35rem}.project-heading-row h2{font-family:Sora,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.04em;color:var(--c-black);transition:color .3s ease}.project-heading-row p{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey);transition:color .3s ease}.project-description{color:var(--c-grey);font-size:.9rem;line-height:1.55;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.project-tech span{border:1px solid rgba(26,22,18,.2);padding:.3rem .65rem;font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey);border-radius:2px;transition:border-color .3s ease,color .3s ease}.project-links{margin-top:auto;display:flex;gap:.6rem}.project-links a{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1rem;border:1.5px solid var(--c-black);color:var(--c-black);border-radius:2px;text-align:center;transition:background .3s ease,color .3s ease,border-color .3s ease}.project-links a:hover{background:var(--c-black);color:var(--c-cream)}.project-panel:hover .project-links a{border-color:var(--c-cream);color:var(--c-cream)}.project-panel:hover .project-links a:hover{background:var(--c-cream);color:var(--card-accent)}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.section-shell{padding-top:calc(var(--nav-height) + 1.5rem)}.project-panel{padding:1.25rem;box-shadow:3px 3px 0 var(--c-black)}.project-panel:hover{box-shadow:6px 6px 0 var(--c-black)}.project-links a{min-height:44px;display:flex;align-items:center;justify-content:center}}.experience-page .section-shell{padding-bottom:0}.timeline{display:flex;flex-direction:column;gap:1.25rem}.timeline-item{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:2.5rem;padding:clamp(1.5rem,2.5vw,2rem);border:2px solid var(--c-black);border-radius:10px;background:#faf5ea;box-shadow:5px 5px 0 var(--c-black);position:relative;overflow:hidden;--card-accent: var(--c-blue);transition:transform .4s ease,box-shadow .4s ease}.timeline-item:nth-child(1){--card-accent: var(--c-blue)}.timeline-item:nth-child(2){--card-accent: var(--c-red)}.timeline-item:nth-child(3){--card-accent: var(--c-violet)}.timeline-item:nth-child(4){--card-accent: var(--c-blue)}.timeline-item:before{content:"";position:absolute;inset:0;background:var(--card-accent);transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:0}.timeline-item>.timeline-left,.timeline-item>.timeline-right{position:relative;z-index:1}.timeline-item:hover{transform:translate(-4px,-4px);box-shadow:9px 9px 0 var(--c-black)}.timeline-item:hover:before{transform:translateY(0)}.timeline-item:hover .timeline-company,.timeline-item:hover .timeline-period,.timeline-item:hover .timeline-right h2,.timeline-item:hover .timeline-right p{color:var(--c-cream)}.timeline-item:hover .timeline-tags span{border-color:#f4ede159;color:var(--c-cream)}.timeline-company{font-family:Sora,sans-serif;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:700;letter-spacing:-.04em;margin-bottom:.5rem;color:var(--c-black);transition:color .3s ease}.timeline-period{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent);transition:color .3s ease}.timeline-right h2{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;color:var(--c-grey);transition:color .3s ease}.timeline-right p{max-width:65ch;color:var(--c-grey);margin-bottom:1.25rem;font-size:.95rem;line-height:1.65;transition:color .3s ease}.timeline-tags,.skills-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-tags span{border:1px solid rgba(26,22,18,.2);padding:.3rem .65rem;font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey);border-radius:2px;transition:border-color .3s ease,color .3s ease}.skills-block{padding-top:clamp(3rem,8vh,6rem);padding-bottom:var(--section-padding)}.skills-layout{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:3rem;align-items:start}.skills-layout h2{font-family:Sora,sans-serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;font-weight:700;letter-spacing:-.05em;color:var(--c-black)}.skills-cloud span{display:inline-block;padding:.5rem 1rem;font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-black);border:1.5px solid var(--c-black);border-radius:2px;background:transparent;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.skills-cloud span:nth-child(3n+1){border-color:var(--c-blue);color:var(--c-blue)}.skills-cloud span:nth-child(3n+2){border-color:var(--c-red);color:var(--c-red)}.skills-cloud span:nth-child(3n){border-color:var(--c-violet);color:var(--c-violet)}.skills-cloud span:nth-child(3n+1):hover{background:var(--c-blue);color:var(--c-cream);border-color:var(--c-blue);transform:translateY(-2px)}.skills-cloud span:nth-child(3n+2):hover{background:var(--c-red);color:var(--c-cream);border-color:var(--c-red);transform:translateY(-2px)}.skills-cloud span:nth-child(3n):hover{background:var(--c-violet);color:var(--c-cream);border-color:var(--c-violet);transform:translateY(-2px)}@media (max-width: 900px){.timeline-item,.skills-layout{grid-template-columns:1fr}}@media (max-width: 768px){.timeline-item{gap:1rem;padding:1.25rem;box-shadow:3px 3px 0 var(--c-black)}.timeline-item:hover{box-shadow:6px 6px 0 var(--c-black)}.skills-block{padding-top:2.5rem}}.contact-layout{padding-top:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;padding-bottom:var(--section-padding)}.contact-panel{border:2px solid var(--c-black);border-radius:10px;background:#faf5ea;box-shadow:5px 5px 0 var(--c-black);padding:clamp(1.75rem,3vw,2.5rem);position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.contact-panel>*{position:relative;z-index:1}.contact-panel--copy{--card-accent: var(--c-violet)}.contact-panel--copy:before{content:"";position:absolute;inset:0;background:var(--card-accent);transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:0;pointer-events:none}.contact-panel--copy:hover{transform:translate(-4px,-4px);box-shadow:9px 9px 0 var(--c-black)}.contact-panel--copy:hover:before{transform:translateY(0)}.contact-panel--copy:hover .contact-kicker,.contact-panel--copy:hover .contact-links a,.contact-panel--copy:hover .contact-links span,.contact-panel--copy:hover .contact-socials a{color:var(--c-cream)}.contact-kicker{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);margin-bottom:2rem;display:inline-flex;align-items:center;gap:.6rem;transition:color .4s ease}.contact-kicker:before{content:"";width:1.5rem;height:2px;background:var(--c-red);transition:background .4s ease}.contact-panel--copy:hover .contact-kicker:before{background:var(--c-cream)}.contact-links{display:flex;flex-direction:column;gap:.75rem}.contact-links a,.contact-links span{font-family:Sora,sans-serif;font-size:clamp(1.2rem,2vw,1.9rem);line-height:1.1;font-weight:600;letter-spacing:-.04em;color:var(--c-black);transition:color .4s ease}.contact-links span{color:var(--c-grey)}.contact-socials{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}.contact-socials a{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1rem;border:1.5px solid rgba(26,22,18,.25);border-radius:2px;color:var(--c-black);transition:background .3s ease,color .4s ease,border-color .3s ease}.contact-panel--copy:not(:hover) .contact-socials a:hover{background:var(--c-violet);color:var(--c-cream);border-color:var(--c-violet)}.contact-panel--form{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.contact-panel--form:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--c-black)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form label{display:flex;flex-direction:column;gap:.5rem}.contact-form span{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey)}.contact-form input,.contact-form textarea{border:none;border-bottom:1.5px solid rgba(26,22,18,.22);background:transparent;color:var(--c-black);padding:.75rem 0;font-family:Manrope,sans-serif;font-size:1rem;resize:vertical;outline:none;transition:border-color .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--c-grey);opacity:.5}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--c-red)}.contact-submit{align-self:flex-start;margin-top:.5rem;padding:.9rem 2rem;background:var(--c-black);color:var(--c-cream);font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;border:1.5px solid var(--c-black);position:relative;overflow:hidden;transition:background .35s ease,transform .3s cubic-bezier(.16,1,.3,1)}.contact-submit:hover{background:var(--c-red);border-color:var(--c-red);transform:translateY(-2px)}.contact-submit:disabled{opacity:.6}.contact-notice{margin-top:1.5rem;padding:1rem 1.25rem;border:1.5px solid rgba(26,22,18,.18);border-radius:4px;display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;align-items:center;color:var(--c-black);background:var(--c-cream)}.contact-notice.success{border-color:var(--c-blue)}.contact-notice.error{border-color:var(--c-red)}.contact-notice button{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);transition:color .3s ease;white-space:nowrap}.contact-notice button:hover{color:var(--c-black)}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr}}@media (max-width: 768px){.contact-panel{padding:1.5rem;box-shadow:3px 3px 0 var(--c-black)}.contact-layout{gap:.75rem}.contact-socials{margin-top:1.5rem}.contact-submit{width:100%;text-align:center}}.work-page,.experience-page,.contact-page,.creative-page{--pg-cream: #f4ede1;--pg-paper: #faf5ea;--pg-ink: #1a1612;--pg-ink-soft: #3a322a;--pg-grey: #6a5e50;--pg-blue: #2a3eb1;--pg-red: #e8362f;--pg-violet: #b89cff;--pg-pink: #ffb3d4;--pg-rule: rgba(26, 22, 18, .14);position:relative;min-height:100vh;color:var(--pg-ink);background:var(--pg-cream);overflow:hidden;isolation:isolate}.work-page:before,.experience-page:before,.contact-page:before,.creative-page:before{content:"";position:absolute;inset:-40vh 0;z-index:-3;pointer-events:none}.work-page:before{background:radial-gradient(55% 45% at 88% 8%,rgba(232,54,47,.16),transparent 70%),radial-gradient(45% 45% at 8% 60%,rgba(42,62,177,.12),transparent 70%),var(--pg-cream)}.experience-page:before{background:radial-gradient(55% 45% at 10% 6%,rgba(42,62,177,.16),transparent 70%),radial-gradient(45% 45% at 90% 70%,rgba(232,54,47,.1),transparent 70%),var(--pg-cream)}.contact-page:before{background:radial-gradient(55% 45% at 85% 12%,rgba(122,77,255,.16),transparent 70%),radial-gradient(45% 45% at 6% 80%,rgba(42,62,177,.1),transparent 70%),var(--pg-cream)}.creative-page:before{background:radial-gradient(50% 40% at 12% 8%,rgba(232,54,47,.14),transparent 70%),radial-gradient(50% 45% at 90% 30%,rgba(122,77,255,.13),transparent 70%),radial-gradient(45% 40% at 45% 95%,rgba(42,62,177,.1),transparent 70%),var(--pg-cream)}.work-page:after,.experience-page:after,.contact-page:after,.creative-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,22,18,.085) .6px,transparent .6px),radial-gradient(rgba(26,22,18,.05) .4px,transparent .4px);background-size:4px 4px,7px 7px;background-position:0 0,2px 3px;mix-blend-mode:multiply;pointer-events:none;z-index:-1;opacity:.5;animation:pg-grain-shift 1.6s steps(6) infinite}@keyframes pg-grain-shift{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,3px)}80%{transform:translate(3px,2px)}to{transform:translate(0)}}.pg-blob{position:absolute;z-index:-2;border-radius:50%;mix-blend-mode:multiply;pointer-events:none;filter:none;will-change:transform}.pg-blob--a{width:clamp(18rem,36vw,34rem);height:clamp(18rem,36vw,34rem);top:-10%;right:-8%;background:var(--pg-red);opacity:.3;animation:pg-blob-drift-a 24s ease-in-out infinite}.pg-blob--b{width:clamp(14rem,30vw,28rem);height:clamp(14rem,30vw,28rem);bottom:4%;left:-10%;background:var(--pg-blue);opacity:.26;animation:pg-blob-drift-b 28s ease-in-out infinite}.experience-page .pg-blob--a{background:var(--pg-blue)}.experience-page .pg-blob--b{background:var(--pg-red)}.contact-page .pg-blob--a{background:var(--pg-violet);opacity:.34}.creative-page .pg-blob--b{background:var(--pg-violet)}@keyframes pg-blob-drift-a{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,7%) rotate(12deg)}}@keyframes pg-blob-drift-b{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(6%,-5%) rotate(-10deg)}}.section-shell{padding:calc(var(--nav-height) + clamp(3rem,8vh,6rem)) var(--container-padding) clamp(3rem,8vh,6rem);max-width:1280px;margin:0 auto;position:relative;z-index:1}.section-shell+.section-shell{padding-top:0}.section-label{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pg-ink-soft);margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.6rem}.section-label:before{content:"";width:1.5rem;height:2px;background:var(--pg-red)}.experience-page .section-label:before{background:var(--pg-blue)}.contact-page .section-label:before{background:var(--pg-violet)}.section-title{font-family:Sora,sans-serif;font-size:clamp(2.2rem,6vw,5rem);line-height:.98;font-weight:700;letter-spacing:-.05em;max-width:920px;margin-bottom:1.5rem;color:var(--pg-ink)}.section-copy{max-width:620px;color:var(--pg-ink-soft);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.65}@media (prefers-reduced-motion: reduce){.work-page *,.experience-page *,.contact-page *,.creative-page *,.work-page *:before,.experience-page *:before,.contact-page *:before,.creative-page *:before,.work-page *:after,.experience-page *:after,.contact-page *:after,.creative-page *:after{animation:none!important}}.creative-grid{padding-top:0;display:grid;grid-template-columns:repeat(12,1fr);gap:.9rem;padding-bottom:var(--section-padding)}.creative-card{grid-column:span 6;border:2px solid var(--c-black);border-radius:10px;overflow:hidden;background:#faf5ea;text-align:left;box-shadow:5px 5px 0 var(--c-black);position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;--card-accent: var(--c-red)}.creative-card:nth-child(3n+1){grid-column:span 7;--card-accent: var(--c-red)}.creative-card:nth-child(3n+2){grid-column:span 5;--card-accent: var(--c-blue)}.creative-card:nth-child(3n){--card-accent: var(--c-violet)}.creative-card:hover{transform:translate(-5px,-5px);box-shadow:10px 10px 0 var(--c-black)}.creative-card-image{aspect-ratio:4 / 5;overflow:hidden;background:#1a16120f}.creative-card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%);transition:transform .7s cubic-bezier(.33,1,.68,1),filter .5s ease}.creative-card:hover img{transform:scale(1.05);filter:grayscale(0%)}.creative-card-meta{padding:1rem 1rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;background:#faf5ea;transition:background .35s ease}.creative-card:hover .creative-card-meta{background:var(--card-accent)}.creative-card-meta h2{font-family:Sora,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.04em;margin-bottom:.3rem;color:var(--c-black);transition:color .35s ease}.creative-card:hover .creative-card-meta h2{color:var(--c-cream)}.creative-card-meta p,.creative-card-meta span{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.58rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--c-grey);transition:color .35s ease,border-color .35s ease}.creative-card:hover .creative-card-meta p,.creative-card:hover .creative-card-meta span{color:#f4ede1cc}.creative-card-meta span{padding:.3rem .6rem;border:1px solid rgba(26,22,18,.15);border-radius:2px;background:transparent}.creative-card:hover .creative-card-meta span{border-color:#f4ede166}.creative-modal{position:fixed;inset:0;background:#f4ede1eb;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);z-index:150;display:flex;align-items:center;justify-content:center;padding:2rem}.creative-modal-content{max-width:900px;width:100%;position:relative;background:var(--c-cream);border:2px solid var(--c-black);border-radius:6px;overflow:hidden;box-shadow:8px 8px 0 var(--c-black)}.creative-modal-content img{width:100%;max-height:75vh;object-fit:contain;display:block;background:#1a16120a}.creative-modal-close{position:absolute;top:1rem;right:1rem;font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-black);padding:.5rem .9rem;border:1.5px solid var(--c-black);border-radius:2px;background:var(--c-cream);transition:background .3s ease,color .3s ease,border-color .3s ease;z-index:2}.creative-modal-close:hover{background:var(--c-red);border-color:var(--c-red);color:var(--c-cream)}.creative-modal-meta{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-top:1.5px solid rgba(26,22,18,.14);background:var(--c-cream);align-items:center}.creative-modal-meta h3{font-family:Sora,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.04em;color:var(--c-black)}.creative-modal-meta p{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--c-grey)}@media (max-width: 900px){.creative-card,.creative-card:nth-child(3n+1),.creative-card:nth-child(3n+2){grid-column:span 6}}@media (max-width: 768px){.creative-grid{gap:.6rem}.creative-card,.creative-card:nth-child(3n+1),.creative-card:nth-child(3n+2){grid-column:span 12;box-shadow:3px 3px 0 var(--c-black)}.creative-card-meta{padding:.75rem .75rem 1rem}.creative-modal{padding:.75rem;align-items:flex-end}.creative-modal-content{box-shadow:3px 3px 0 var(--c-black)}.creative-modal-content img{max-height:65vh}}#smooth-wrapper{overflow:hidden;position:fixed;width:100%;height:100%;top:0;left:0}#smooth-content{overflow:visible}*{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:220;opacity:0;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:999px;background:var(--c-black);display:grid;place-items:center;transition:opacity .2s ease,width .3s var(--ease),height .3s var(--ease),background .3s ease}.cursor-dot.is-visible{opacity:1}.cursor-dot.is-active{width:2.8rem;height:2.8rem;background:var(--c-red);mix-blend-mode:multiply}.cursor-shell{position:fixed;top:0;left:0;pointer-events:none;z-index:219;opacity:0;transform:translate(-50%,-50%);display:grid;place-items:center}.cursor-shell.is-visible{opacity:1}.cursor-ring{display:none}.cursor-label{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-cream);opacity:0;transition:opacity .15s ease;white-space:nowrap;pointer-events:none;line-height:1}.cursor-dot.is-active .cursor-label{opacity:1}.site-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.site-grid,.site-noise,.ambient-orb,.ambient-beam{position:absolute;inset:0}.site-grid{background-image:linear-gradient(rgba(26,22,18,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,22,18,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 95%);mask-image:radial-gradient(circle at center,black 45%,transparent 95%);opacity:.35}.site-noise{background-image:radial-gradient(rgba(26,22,18,.04) .6px,transparent .6px);background-size:10px 10px;opacity:.25;mix-blend-mode:multiply}.ambient-orb{border-radius:999px;filter:blur(110px)}.ambient-orb--one{inset:auto auto 8% -6%;width:28rem;height:28rem;background:#e8362f17}.ambient-orb--two{inset:8% -8% auto auto;width:26rem;height:26rem;background:#2a3eb114}.ambient-orb--three{inset:36% auto auto 38%;width:18rem;height:18rem;background:#b89cff1a}.ambient-beam{inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent,rgba(26,22,18,.06),transparent);opacity:.6}.ambient-beam--left{left:10%}.ambient-beam--right{left:82%}.intro-screen,.page-transition{position:fixed;inset:0;z-index:160;background:linear-gradient(180deg,#090909fa,#0a0a0afa)}.intro-screen{display:grid;place-items:center;clip-path:inset(0 0 0 0)}.intro-screen-inner{width:min(100%,1100px);padding:0 var(--container-padding)}.intro-screen-inner--logo{display:grid;place-items:center}.intro-logo,.page-transition-logo{width:clamp(3rem,8vw,5.5rem);height:auto}.intro-logo,.page-transition-logo{opacity:0}.page-transition{display:grid;place-items:center;visibility:hidden}.page-shell{position:relative;z-index:2;padding-left:clamp(3rem,4vw,4.5rem)}@media (max-width: 768px){.page-shell{padding-left:0}}.nav{position:fixed;top:0;left:0;bottom:0;z-index:100;width:auto;height:100vh;padding:clamp(1.5rem,4vh,2.5rem) 0;display:flex;align-items:stretch;transition:transform .45s var(--ease),opacity .3s ease;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.nav:after{content:none}.nav--hidden{transform:translate(-120%);opacity:0;pointer-events:none}.nav-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.5rem;height:100%;padding:0 clamp(.9rem,1.6vw,1.4rem);pointer-events:auto}.nav-inner .nav-links{margin:auto 0}.nav-logo{font-family:Sora,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;text-transform:lowercase;color:var(--c-black);display:inline-flex;align-items:baseline;gap:.02em;white-space:nowrap;transition:color .3s ease}.nav-logo:hover{color:var(--c-red)}.accent-dot{color:var(--c-red);display:inline-block;font-weight:900;animation:nav-dot-cycle 6s ease-in-out infinite}@keyframes nav-dot-cycle{0%{color:var(--c-red)}33%{color:var(--c-blue)}66%{color:var(--c-violet)}to{color:var(--c-red)}}.nav-links{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;position:relative}.nav-links a{position:relative;padding:.4rem .5rem .4rem .85rem;font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:lowercase;color:var(--c-grey);transition:color .3s ease,transform .3s var(--ease);white-space:nowrap;z-index:1}.nav-links a:after{content:none}.nav-links a:before{content:"";position:absolute;left:0;top:50%;width:2px;height:0;transform:translateY(-50%);background:var(--c-red);transition:height .3s cubic-bezier(.16,1,.3,1)}.nav-links a:nth-child(1):before{background:var(--c-red)}.nav-links a:nth-child(2):before{background:var(--c-blue)}.nav-links a:nth-child(3):before{background:var(--c-violet)}.nav-links a:nth-child(4):before{background:var(--c-red)}.nav-links a:nth-child(5):before{background:var(--c-blue)}.nav-links a:hover{color:var(--c-black);transform:translate(3px)}.nav-links a:hover:before{height:100%}.nav-links a.active{color:var(--c-black)}.nav-links a.active:before{height:100%}.nav-toggle{display:none;flex-direction:column;gap:6px;padding:8px;z-index:101}.nav-toggle{background:var(--c-cream);border:1px solid rgba(26,22,18,.18);border-radius:2px;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;box-shadow:0 6px 16px #1a16121f}.nav-toggle span{display:block;width:18px;height:1.5px;background:var(--c-black);transition:all .3s var(--ease);transform-origin:center}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(2.5px,2.5px)}.nav-toggle.active span:last-child{transform:rotate(-45deg) translate(2.5px,-2.5px)}.menu-overlay{position:fixed;inset:0;z-index:99;background:#f4ede1f7;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s var(--ease)}.menu-overlay.active{opacity:1;pointer-events:all}.menu-inner{text-align:center}.menu-links{display:flex;flex-direction:column;gap:.5rem}.menu-link-wrap{overflow:hidden;transform:translateY(20px);opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease)}.menu-overlay.active .menu-link-wrap{transform:translateY(0);opacity:1}.menu-links a{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);font-weight:700;letter-spacing:-.06em;text-transform:lowercase;color:var(--c-black);opacity:.55;transition:color .3s ease,opacity .3s ease;display:inline-block;line-height:1.05}.menu-links a:hover,.menu-links a.active{color:var(--c-red);opacity:1}.menu-footer{margin-top:3rem;display:flex;gap:2rem;justify-content:center}.menu-footer a{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);transition:color .3s ease}.menu-footer a:hover{color:var(--c-black)}.footer{padding:2rem var(--container-padding);border-top:1px solid rgba(26,22,18,.14);position:relative;z-index:2;background:var(--c-cream)}.footer-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-left span,.footer-center a{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:500;color:var(--c-grey);letter-spacing:.1em;text-transform:uppercase}.footer-center a:hover{color:var(--c-black)}.ocelabs-link{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey);transition:color .3s ease}.ocelabs-link:hover{color:var(--c-black)}.footer-right{display:flex;gap:2rem;align-items:center}.footer-right a,.footer-right button{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.65rem;font-weight:500;color:var(--c-grey);letter-spacing:.1em;text-transform:uppercase;transition:color .3s ease}.footer-right a:hover,.footer-right button:hover{color:var(--c-black)}.scroll-rail{position:fixed;top:50%;right:clamp(.75rem,1.6vw,1.4rem);transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.85rem .55rem;background:#f4ede18c;border:1px solid rgba(26,22,18,.12);border-radius:8px;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 12px 28px #1a161224,inset 0 0 0 1px #ffffff59;transition:opacity .4s ease,transform .5s var(--ease)}.scroll-rail--hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(120%)}.scroll-rail-track{position:relative;width:2px;height:clamp(120px,22vh,200px);background:#1a161226;border-radius:2px;overflow:hidden}.scroll-rail-thumb{position:absolute;top:0;left:-1px;width:4px;height:0;background:linear-gradient(180deg,var(--c-blue),var(--c-red) 60%,var(--c-violet));border-radius:4px;box-shadow:0 0 12px #e8362f80;transition:height .08s linear}.scroll-rail-dots{display:flex;flex-direction:column;align-items:center;gap:.7rem}.scroll-rail-dot{position:relative;width:.55rem;height:.55rem;border-radius:2px;background:#1a161233;border:none;cursor:none;transition:transform .3s var(--ease),background .3s ease;padding:0}.scroll-rail-dot:hover{transform:scale(1.35);background:var(--c-blue)}.scroll-rail-dot.active{background:var(--c-red);transform:scale(1.45);box-shadow:0 0 0 4px #e8362f2e}.scroll-rail-dot .dot-label{position:absolute;right:calc(100% + .8rem);top:50%;transform:translateY(-50%) translate(.3rem);font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-black);background:var(--c-cream);border:1px solid rgba(26,22,18,.18);padding:.3rem .55rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .3s var(--ease);box-shadow:0 6px 16px #1a16121a}.scroll-rail-dot:hover .dot-label{opacity:1;transform:translateY(-50%) translate(0)}.scroll-rail-percent{font-family:Azeret Mono,Sora,ui-monospace,monospace;font-size:.56rem;font-weight:600;letter-spacing:.04em;color:var(--c-black);opacity:.75;font-variant-numeric:tabular-nums}@media (max-width: 768px){.nav{inset:0 0 auto;height:auto;width:100%;padding:.75rem clamp(1rem,4vw,1.5rem)}.nav-inner{flex-direction:row;align-items:center;justify-content:space-between;height:auto;padding:0;gap:0}.nav-logo{font-size:1rem}.nav-links{display:none}.nav-toggle{display:flex}.scroll-rail{display:none}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.footer-center{order:-1}}@media (max-width: 480px){.nav-logo{font-size:.78rem}}@media (pointer: coarse){.cursor-shell,.cursor-dot{display:none}}@media (prefers-reduced-motion: reduce){.accent-dot{animation:none}}