@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#060606;--bg-secondary:#121216;--surface-strong:#f8f7f5;--text-soft:#d2d1d6;--text-muted:#8f8d95;--border:#ffffff14;--brand-red:#e50914;--brand-red-soft:#e5091424;--shadow:0 32px 80px #0000006b;--sans:"Sora", "Avenir Next", "Segoe UI", sans-serif;--heading:"Space Grotesk", "Avenir Next", sans-serif;color:var(--text-soft);background:radial-gradient(circle at top left, #e5091438, transparent 24%), radial-gradient(circle at top right, #78000a24, transparent 28%), linear-gradient(135deg, #e509140a, transparent 34%), linear-gradient(180deg, var(--bg), var(--bg-secondary));font:16px/1.65 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}#root{width:min(1360px,100% - 2rem);min-height:100vh;margin:0 auto}h1,h2{color:var(--surface-strong);margin:0}h1{font-family:var(--heading);letter-spacing:-.03em;max-width:11ch;font-size:clamp(3rem,6vw,5.8rem);line-height:.94}h2{font-family:var(--heading);margin-top:.35rem;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.02}h3{font-family:var(--heading);color:var(--surface-strong);font-size:1.42rem;font-weight:700;line-height:1.1}p{margin:0}strong{font-weight:800}.landing-shell{padding:1.2rem 0 3rem;position:relative;overflow:clip}.site-header,.hero-section,.ghost-section,.section-block,.expertise-band,.site-footer{z-index:1;position:relative}.site-header{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#09090bcc;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:grid;position:sticky;top:1rem}.brand,.site-nav a,.mail-link,.footer-links a,.footer-links span{color:var(--surface-strong);text-decoration:none}.brand{text-transform:uppercase;letter-spacing:.26em;font-size:.9rem}.site-nav{justify-content:center;gap:1.2rem;display:flex}.site-nav a,.mail-link{font-size:.94rem}.mail-link{color:var(--text-soft);justify-self:end}.hero-section{background:linear-gradient(135deg,#e50914f2 0 56%,#0c0c0efa 56% 100%);border-radius:2rem;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:1rem;min-height:min(88vh,920px);padding:2rem 1.3rem 1rem;display:grid}.hero-copy{max-width:44rem;padding:1.8rem 1.2rem 1.8rem 1.8rem}.eyebrow{color:#ffffffb8;text-transform:uppercase;letter-spacing:.18em;margin:0 0 1rem;font-size:.78rem;display:inline-flex}.eyebrow-dark{color:#0a0a0bb8}.hero-copy h1{color:#fffaf7;flex-wrap:wrap;align-items:flex-start;gap:.3rem .7rem;margin-bottom:1.2rem;display:inline-flex;position:relative}.hero-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffff29}.hero-arrow{margin-top:.55rem;font-size:clamp(1.7rem,3vw,2.6rem)}.hero-subtitle{color:#0d0d10;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:700}.hero-lead{color:#0f0f12e6;max-width:38rem;font-size:1.05rem}.hero-tags{flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;display:flex}.hero-tag{color:#121215;background:#fff8f533;border:1px solid #0a0a0b1f;border-radius:999px;align-items:center;min-height:2.5rem;padding:.55rem .95rem;font-size:.92rem;font-weight:600;display:inline-flex}.hero-visual{place-items:center;min-height:100%;padding:1rem;display:grid;position:relative}.hero-visual-card{aspect-ratio:1;width:min(100%,620px);position:relative}.meta-shot,.main-shot,.orb-shot,.badge-shot{-webkit-user-select:none;user-select:none;display:block;position:absolute}.meta-shot{opacity:.95;border-radius:1.25rem;width:34%;top:18%;left:8%;box-shadow:0 24px 60px #00000042}.main-shot{filter:drop-shadow(0 30px 70px #00000059);width:74%;max-width:440px;bottom:0;right:10%}.orb-shot{width:24%;max-width:150px;animation:5s ease-in-out infinite floatY;top:12%;right:4%}.badge-shot{width:15%;max-width:96px;animation:4s ease-in-out infinite reverse floatY;bottom:26%;left:18%}.ghost-section{margin-top:-1.8rem;padding-inline:1.2rem}.ghost-word{font-family:var(--heading);letter-spacing:-.06em;text-align:right;color:#ffffff0b;text-shadow:0 18px 45px #0000002e;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,18vw,13rem);line-height:.95}.section-block{border:1px solid var(--border);box-shadow:var(--shadow);background:#0b0b0dd1;border-radius:2rem;gap:1.5rem;margin-top:1rem;padding:1.5rem;display:grid}.section-heading{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.section-line{background:linear-gradient(90deg, var(--brand-red), #ffffff1f);height:2px}.section-copy{max-width:48rem}.about-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:2rem;display:grid}.about-intro p,.story-row p,.section-copy p,.work-card p,.expertise-copy p,.expertise-card p,.footer-bottom p{color:var(--text-soft)}.about-story{display:grid}.story-row{border-bottom:1px solid #ffffff17;gap:.6rem;padding:1.1rem 0;display:grid}.story-row:last-child{border-bottom:0}.markers-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.marker-card{background:linear-gradient(#ffffff0d,#0f0f11f5);border:1px solid #ffffff14;border-radius:1.4rem;gap:.35rem;min-height:8.2rem;padding:1.2rem;display:grid}.marker-card strong{color:var(--surface-strong);font-size:clamp(2rem,4vw,3rem);line-height:1}.marker-card span{color:var(--text-muted);font-size:.9rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.work-card{background:linear-gradient(#ffffff0b,#09090bf5);border:1px solid #ffffff14;border-radius:1.5rem;gap:1rem;min-height:19rem;padding:1.35rem;display:grid}.work-card:nth-child(2),.work-card:nth-child(3){transform:translateY(1.6rem)}.work-kicker{color:var(--brand-red);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.8rem;font-size:.76rem;font-weight:700;display:inline-flex}.work-tags{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.work-tags span{color:#fff0f0;background:#e509141f;border-radius:999px;padding:.55rem .8rem;font-size:.84rem;font-weight:600;display:inline-flex}.marquee-strip{margin-top:2rem;overflow:hidden}.marquee-track{gap:2.5rem;width:max-content;padding-block:.25rem;animation:32s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--heading);letter-spacing:-.05em;color:#ffffff21;font-size:clamp(3.2rem,10vw,7rem);line-height:1}.expertise-band{background:linear-gradient(135deg,#e50914f2 0 62%,#0d0d0ffa 62% 100%);border-radius:2rem;margin-top:1.25rem;overflow:hidden}.marquee-strip-invert{background:linear-gradient(135deg,#1010122e 45%,#0a0a0b52 45% 55%,#1010122e 0) 0 0/6px 6px;margin-top:0;padding:.45rem 0}.marquee-strip-invert .marquee-track{animation-direction:reverse}.marquee-strip-invert .marquee-track span{color:#0f0f12b8}.expertise-inner{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:1.5rem;padding:1.5rem;display:grid}.expertise-copy h2,.expertise-copy p{color:#111115}.stack-grid{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.stack-chip{color:#111115;background:#fffcfa38;border:1px solid #11111524;border-radius:999px;align-items:center;gap:.6rem;padding:.6rem .9rem;font-weight:600;display:inline-flex}.stack-icon{font-size:1rem}.expertise-cards{gap:1rem;display:grid}.expertise-card{background:#0a0a0ce0;border:1px solid #ffffff17;border-radius:1.5rem;gap:.75rem;padding:1.25rem;display:grid}.expertise-icon{color:var(--brand-red);font-size:1.2rem}.site-footer{border:1px solid var(--border);background:linear-gradient(#faf7f3fa,#e8e5e1f5);border-radius:2rem;margin-top:1.5rem;padding:1.75rem 1.5rem 1.25rem;overflow:hidden}.footer-orb{opacity:.9;width:8rem;position:absolute;top:-.75rem;right:-1.5rem}.footer-heading h2{color:#111115;max-width:22rem}.footer-mail{color:var(--brand-red);font-family:var(--heading);align-items:center;gap:.8rem;margin-top:.8rem;font-size:clamp(1.35rem,4vw,3rem);line-height:1.02;text-decoration:none;display:inline-flex}.footer-bottom{border-top:2px solid #111115d1;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:grid}.footer-bottom p{color:#111115d1;max-width:45rem}.footer-links{align-items:flex-start;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-links span{color:#121215;font-weight:700}.noise{pointer-events:none;opacity:.11;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 88%);mask-image:radial-gradient(circle,#000 20%,#0000 88%)}.ambient{z-index:0;pointer-events:none;filter:blur(40px);position:absolute}.ambient-red{background:radial-gradient(circle,#e5091459,#0000 68%);width:22rem;height:22rem;top:12rem;left:-7rem}.ambient-white{background:radial-gradient(circle,#ffffff1f,#0000 68%);width:18rem;height:18rem;top:35rem;right:-6rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (hover:hover){.site-nav a,.mail-link,.hero-tag,.work-card,.stack-chip,.footer-links a{transition:color .18s,transform .18s,border-color .18s,background .18s}.site-nav a:hover,.mail-link:hover,.footer-links a:hover{color:var(--brand-red)}.hero-tag:hover,.stack-chip:hover{transform:translateY(-2px)}.work-card:hover{border-color:#e5091447;transform:translateY(-4px)}.work-card:nth-child(2):hover,.work-card:nth-child(3):hover{transform:translateY(1.2rem)}}@media (width<=1180px){.hero-section,.about-grid,.expertise-inner{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-copy{padding:1rem}.hero-visual{min-height:32rem}.markers-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.site-header{border-radius:1.5rem;grid-template-columns:1fr;justify-items:start;position:relative;top:0}.site-nav{flex-wrap:wrap;justify-content:flex-start}.mail-link{justify-self:start}.hero-section,.section-block,.expertise-inner,.site-footer{padding:1.15rem}.markers-grid,.work-grid{grid-template-columns:1fr}.work-card:nth-child(2),.work-card:nth-child(3){transform:none}.footer-bottom{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media (width<=640px){.hero-copy{padding:.25rem}.hero-visual{min-height:24rem;padding:0}.meta-shot{width:40%;top:14%;left:0}.main-shot{width:82%;right:0}.badge-shot{width:18%;bottom:24%;left:10%}.orb-shot{width:26%}}
