:root{--bg: #fff9f0;--bg-soft: #fff3e2;--ink: #23203a;--ink-soft: #5f5a78;--coral: #ff6b5b;--yellow: #ffc53d;--teal: #00b8a9;--lilac: #8b7ff0;--line: rgba(35, 32, 58, .14);--font-display: "Fraunces", georgia, serif;--font-body: "Space Grotesk", system-ui, sans-serif;--pad: clamp(1.25rem, 4vw, 4rem)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}.accent{color:var(--coral)}.mono{font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9998;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.14 0 0 0 0 0.12 0 0 0 0 0.23 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.cursor-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);transform:translate(-50%,-50%)}.cursor-ring{position:absolute;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--coral);transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,opacity .25s ease,border-color .25s ease;opacity:.55}.cursor.is-hover .cursor-ring{width:56px;height:56px;border-color:var(--teal);opacity:.9}@media(hover:none){.cursor{display:none}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center}.preloader-inner{display:flex;gap:.6em;flex-wrap:wrap;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:400}.preloader-word{opacity:0;transform:translateY(.6em)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.1rem var(--pad);transition:background .35s ease,box-shadow .35s ease,padding .35s ease}.nav.is-scrolled{background:#fff9f0d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding-top:.7rem;padding-bottom:.7rem}.nav-logo{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em}.nav-links{display:flex;gap:1.6rem;align-items:center}.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.06em;position:relative}.nav-links a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-links a:not(.nav-cta):hover:after{transform:scaleX(1);transform-origin:left}.sound-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--line);border-radius:100px;padding:.45em .9em;cursor:pointer;font-family:var(--font-body);transition:border-color .3s ease,background .3s ease}.sound-toggle:hover{border-color:var(--coral)}.sound-toggle[aria-pressed=true]{background:var(--bg-soft);border-color:var(--coral)}.sound-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.sound-bars i{width:2.5px;border-radius:2px;background:var(--coral);height:30%;transition:height .3s ease}.sound-toggle[aria-pressed=true] .sound-bars i{animation:soundbar .9s ease-in-out infinite}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.15s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.3s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:.45s}@keyframes soundbar{0%,to{height:25%}50%{height:100%}}.sound-label{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--bg);padding:.55em 1.2em;border-radius:100px;transition:background .3s ease,transform .3s ease}.nav-cta:hover{background:var(--coral)}@media(max-width:640px){.nav-links a:not(.nav-cta){display:none}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);overflow:hidden}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-inner{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto}.hero-eyebrow{margin-bottom:1.2rem}.hero-title{font-family:var(--font-display);font-weight:560;font-size:clamp(3.6rem,13.5vw,12rem);line-height:.94;letter-spacing:-.03em}.hero-line{display:block;overflow:hidden}.hero-word{display:inline-block}.hero-sub{margin-top:2.4rem;display:flex;gap:4rem;align-items:flex-end;flex-wrap:wrap}.hero-role{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:480}.hero-role em{font-style:italic;color:var(--teal)}.hero-blurb{max-width:34ch;color:var(--ink-soft);font-size:.98rem}.hero-scroll{position:absolute;bottom:2rem;left:var(--pad);z-index:2;display:flex;align-items:center;gap:.8rem}.hero-scroll-line{display:block;width:60px;height:1.5px;background:var(--ink);transform-origin:left;animation:scrollpulse 2s ease-in-out infinite}@keyframes scrollpulse{0%,to{transform:scaleX(.3)}50%{transform:scaleX(1)}}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;background:var(--bg-soft)}.marquee-track{display:inline-flex;will-change:transform;animation:marquee 24s linear infinite}.marquee-track span{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,2vw,1.4rem);font-weight:420}.marquee-track i{font-style:normal;color:var(--coral);padding:0 .5em}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(5rem,12vh,9rem) var(--pad);max-width:1400px;margin:0 auto}.section-head{display:flex;align-items:baseline;gap:1rem;padding-bottom:1rem;margin-bottom:clamp(2.5rem,6vh,4.5rem);border-bottom:1px solid var(--line)}.section-num{color:var(--coral);font-weight:600}h2{font-family:var(--font-display);font-weight:540;font-size:clamp(2rem,5vw,4rem);line-height:1.08;letter-spacing:-.02em}.split-lines .line-wrap{display:block;overflow:hidden}.split-lines .line{display:block}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,6rem)}.about-body p{margin-bottom:1.3rem;color:var(--ink-soft);font-size:1.02rem}.about-body strong{color:var(--ink);font-weight:600}.about-facts{list-style:none;margin-top:2.2rem;border-top:1px solid var(--line)}.about-facts li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);color:var(--ink)}.about-facts li span:first-child{color:var(--ink-soft)}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.work-list{display:flex;flex-direction:column}.work-item{padding:clamp(1.8rem,4vh,3rem) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;gap:.4rem clamp(1.5rem,5vw,5rem);transition:padding-left .4s cubic-bezier(.22,1,.36,1);position:relative}.work-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--coral),var(--yellow));transform:scaleY(0);transition:transform .4s ease;transform-origin:top}.work-item:hover{padding-left:1.4rem}.work-item:hover:before{transform:scaleY(1)}.work-meta{display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem}.work-title{grid-column:2;font-family:var(--font-display);font-weight:540;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.02em}.work-role{grid-column:2;font-weight:600;font-size:.95rem;color:var(--teal)}.work-desc{grid-column:2;color:var(--ink-soft);max-width:56ch;margin-top:.4rem}.work-tags{grid-column:2;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.work-tags span{border:1px solid var(--line);border-radius:100px;padding:.3em .9em}@media(max-width:760px){.work-item{grid-template-columns:1fr}.work-meta{flex-direction:row;gap:1rem}.work-title,.work-role,.work-desc,.work-tags{grid-column:1}}.stack-list{list-style:none}.stack-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.stack-name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3.6vw,2.6rem);letter-spacing:-.02em;transition:transform .35s cubic-bezier(.22,1,.36,1),color .35s ease}.stack-item:hover .stack-name{transform:translate(.6rem);color:var(--coral)}.stack-note{text-align:right}.wander{background:var(--bg-soft);max-width:none}.wander .section-head,.wander-grid{max-width:1400px;margin-left:auto;margin-right:auto}.wander .section-head{margin-bottom:0}.wander-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(2.5rem,6vh,4.5rem)}.wander-copy p{margin-top:1.4rem;color:var(--ink-soft);max-width:44ch}.wander-copy a{color:var(--teal);font-weight:600;border-bottom:2px solid currentColor}.wander-hint{color:var(--coral)}.wander-pins{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.wander-pins li{border:1px solid var(--line);border-radius:100px;padding:.35em .95em;cursor:default;transition:background .25s ease,color .25s ease,border-color .25s ease}.wander-pins li:hover,.wander-pins li.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.wander-globe{position:relative;aspect-ratio:1;max-height:640px}#globe-canvas{width:100%;height:100%;display:block;cursor:grab}#globe-canvas:active{cursor:grabbing}@media(max-width:900px){.wander-grid{grid-template-columns:1fr}}.contact{text-align:left}.contact-title{font-size:clamp(2.6rem,7vw,6rem)}.contact-sub{margin-top:1.4rem;color:var(--ink-soft)}.contact-links{margin-top:clamp(2.5rem,6vh,4rem);display:flex;flex-direction:column}.contact-link{display:flex;align-items:baseline;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:520;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.02em;transition:color .3s ease}.contact-link:hover{color:var(--coral)}.contact-link .arrow{margin-left:auto;transition:transform .3s ease}.contact-link:hover .arrow{transform:translate(6px,-6px)}.contact-idx{color:var(--ink-soft)}.footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(3rem,8vh,6rem);padding-top:1.5rem;border-top:1px solid var(--line)}.footer a:hover{color:var(--coral)}.reveal{opacity:0;transform:translateY(28px)}.no-js .reveal,.no-anim .reveal{opacity:1;transform:none}