:root{color-scheme:dark;--night: #0e0a1c;--bg: #171132;--bg-tint: #1d1640;--surface: #241b47;--surface-2: #2d2255;--surface-hover: #372a66;--text: #f9eee1;--text-muted: #bcaec6;--text-dim: #8b7fa3;--border: #332a5c;--border-strong: #453a76;--hibiscus: #ff5f8d;--sunset: #ff8a5b;--sunset-deep: #ff7440;--sun-gold: #f6b45c;--lagoon: #2fbfae;--lagoon-deep: #17879a;--dune: #e8c99b;--palm: #4fd1a5;--tide: #5fa8e0;--accent: var(--sunset);--accent-strong: var(--sunset-deep);--accent-2: var(--lagoon);--accent-ink: #2c1020;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-line: color-mix(in srgb, var(--accent) 34%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 18%, transparent);--cool-soft: color-mix(in srgb, var(--lagoon) 13%, transparent);--cool-line: color-mix(in srgb, var(--lagoon) 34%, transparent);--status-done: var(--palm);--status-progress: var(--tide);--status-planned: var(--sunset);--success: var(--palm);--warning: var(--sun-gold);--danger: var(--hibiscus);--rule: color-mix(in srgb, var(--dune) 20%, transparent);--rule-strong: color-mix(in srgb, var(--dune) 32%, transparent);--font-body: "Karla", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--font-mono: "DM Mono", "SFMono-Regular", ui-monospace, monospace;--wonk-soft: "SOFT" 60, "WONK" 1;--wonk-firm: "SOFT" 30, "WONK" 0;--radius-none: 0;--radius-sm: 10px;--shadow: 0 10px 22px -14px rgba(6, 3, 18, .85);--shadow-glow: 0 0 0 1px color-mix(in srgb, var(--sunset) 42%, transparent), 0 12px 26px -16px rgba(6, 3, 18, .9);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-color:var(--border-strong) transparent}body.modal-open{overflow:hidden}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:var(--wonk-soft);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0}h1{font-weight:700;letter-spacing:-.03em}img{max-width:100%;display:block}::selection{background:var(--hibiscus);color:#2a0a17}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--lagoon-deep);background-clip:padding-box}:focus-visible{outline:2px solid var(--lagoon);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:min(1140px,100% - 2.5rem);margin:0 auto}.section{padding:5.5rem 0;position:relative}.section-title{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.7rem)}.section-subtitle{margin:.75rem 0 0;color:var(--text-muted);max-width:58ch;font-size:1.05rem}.eyebrow{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--sun-gold);margin:0 0 1rem;display:inline-flex;align-items:center;gap:.7rem}.eyebrow:before{content:"";width:26px;height:2px;flex:none;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.gradient-text{background:linear-gradient(96deg,var(--hibiscus) 4%,var(--sunset) 48%,var(--sun-gold) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.6rem;border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.01em;border:1px solid;background-origin:border-box;background-clip:border-box;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),background .22s ease,border-color .22s ease,box-shadow .25s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background-color:var(--sunset-deep);background-image:linear-gradient(118deg,var(--sunset-deep) 0%,var(--sun-gold) 112%);border-color:var(--sunset-deep);color:var(--accent-ink);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--sunset) 75%,transparent)}.btn-primary:hover{background-color:var(--sunset);background-image:linear-gradient(118deg,var(--sunset) 0%,var(--sun-gold) 118%);border-color:var(--sunset);box-shadow:0 9px 20px -8px color-mix(in srgb,var(--sunset) 85%,transparent)}.btn-ghost{border-color:var(--border-strong);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--cool-line);background:var(--cool-soft);color:var(--lagoon)}.btn-sm{padding:.5rem 1.15rem;font-size:.86rem}.card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--bg-tint) 82%,transparent));-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid var(--border);border-radius:var(--radius-none);padding:1.75rem;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none}.card-interactive:hover,.project-card:hover{transform:translateY(-5px);border-color:var(--accent-line);box-shadow:var(--shadow-glow)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.34rem .8rem;border-radius:999px;font-size:.78rem;font-weight:500;color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 80%,transparent);border:1px solid var(--border);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.chip:hover{color:var(--dune);border-color:color-mix(in srgb,var(--dune) 40%,transparent);background:color-mix(in srgb,var(--dune) 10%,transparent);transform:translateY(-1px)}.chip-mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 6px -1px currentColor}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.section{padding:4rem 0}.card{padding:1.4rem}}@media(max-width:600px){.section{padding:3rem 0}.container{width:min(1140px,100% - 2rem)}.card{padding:1rem}}.scene{--horizon: 78%;--sun-x: 60%;--sky-afterglow: radial-gradient(58% 44% at 76% 78%, rgba(255, 138, 91, .13), transparent 70%), linear-gradient( 180deg, #171132 0%, #1c1338 28%, #2a1743 52%, #371b43 70%, #26163e 86%, #171132 100% );position:absolute;top:0;left:0;right:0;height:min(94vh,920px);z-index:-1;overflow:hidden;pointer-events:none}.scene>*{position:absolute}.scene-sky{inset:0 0 calc(100% - var(--horizon)) 0;background:linear-gradient(180deg,#171132,#1d1439 30%,#341a49 58%,#7b2f4d 80%,#cf6442 95%,#f0904c)}.scene-stars{inset:0 0 calc(100% - var(--horizon)) 0;background-repeat:no-repeat;background-image:radial-gradient(1px 1px at 32.7% 10.2%,rgba(255,241,222,.2),transparent 100%),radial-gradient(1px 1px at 53.5% 23.3%,rgba(255,241,222,.4),transparent 100%),radial-gradient(1.2px 1.2px at 22% 6.2%,rgba(255,241,222,.21),transparent 100%),radial-gradient(1.4px 1.4px at 9.9% 26.9%,rgba(255,241,222,.16),transparent 100%),radial-gradient(1px 1px at 22.9% 39.3%,rgba(255,241,222,.21),transparent 100%),radial-gradient(1px 1px at 39.9% 60.6%,rgba(255,241,222,.09),transparent 100%),radial-gradient(1.4px 1.4px at 14.1% 26.6%,rgba(255,241,222,.16),transparent 100%),radial-gradient(1px 1px at 31.2% 50.8%,rgba(255,241,222,.08),transparent 100%),radial-gradient(1px 1px at 57% 12.5%,rgba(255,241,222,.35),transparent 100%),radial-gradient(1px 1px at 7.2% 4.6%,rgba(255,241,222,.38),transparent 100%),radial-gradient(1.2px 1.2px at 53.1% 48.4%,rgba(255,241,222,.16),transparent 100%),radial-gradient(1px 1px at 45.4% 19.3%,rgba(255,241,222,.36),transparent 100%),radial-gradient(1.4px 1.4px at 24.9% 36%,rgba(255,241,222,.21),transparent 100%),radial-gradient(1.4px 1.4px at 34.7% 28.4%,rgba(255,241,222,.38),transparent 100%),radial-gradient(1px 1px at 12.6% 26.5%,rgba(255,241,222,.17),transparent 100%),radial-gradient(1px 1px at 48.9% 3.4%,rgba(255,241,222,.48),transparent 100%),radial-gradient(1px 1px at 57.2% 54.4%,rgba(255,241,222,.1),transparent 100%),radial-gradient(1.2px 1.2px at 35.3% 31.3%,rgba(255,241,222,.14),transparent 100%),radial-gradient(1px 1px at 10.2% 17.5%,rgba(255,241,222,.17),transparent 100%),radial-gradient(1.2px 1.2px at 69.7% 40.5%,rgba(255,241,222,.15),transparent 100%),radial-gradient(1px 1px at 38.8% 41.8%,rgba(255,241,222,.27),transparent 100%),radial-gradient(1.2px 1.2px at 35.8% 38.3%,rgba(255,241,222,.11),transparent 100%),radial-gradient(1px 1px at 76.3% 8.9%,rgba(255,241,222,.32),transparent 100%),radial-gradient(1px 1px at 90.8% 31.3%,rgba(255,241,222,.23),transparent 100%),radial-gradient(1.2px 1.2px at 54.8% 54.9%,rgba(255,241,222,.16),transparent 100%),radial-gradient(1px 1px at 28.3% 26.3%,rgba(255,241,222,.31),transparent 100%),radial-gradient(1px 1px at 38.3% 15.1%,rgba(255,241,222,.22),transparent 100%),radial-gradient(1.2px 1.2px at 23.7% 15.2%,rgba(255,241,222,.43),transparent 100%),radial-gradient(1px 1px at 18.9% 18.2%,rgba(255,241,222,.28),transparent 100%),radial-gradient(1px 1px at 37.2% 35.5%,rgba(255,241,222,.26),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 66%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 66%)}.scene-sun{left:var(--sun-x);top:var(--horizon);width:104px;height:104px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff4d8 0%,#ffd68d 38%,#ffa254 72%,rgba(255,140,80,.5) 84%,transparent 86%);box-shadow:0 0 54px 8px #ff965642}.scene-sea{inset:var(--horizon) 0 0 0;background:linear-gradient(180deg,#d9834f,#6b3852 12%,#2a1a44 46%,#171132)}.scene-waves{inset:var(--horizon) 0 0 0;background:#ffd7ab;-webkit-mask:url(/waves.svg) 0 0 / 100% 62% no-repeat;mask:url(/waves.svg) 0 0 / 100% 62% no-repeat;opacity:.34}.scene-glitter{inset:var(--horizon) 0 0 0;background:repeating-linear-gradient(180deg,rgba(255,205,150,.62) 0 2px,transparent 2px 9px);-webkit-mask-image:radial-gradient(ellipse 4.5% 52% at var(--sun-x) -4%,#000 0%,rgba(0,0,0,.5) 38%,transparent 76%);mask-image:radial-gradient(ellipse 4.5% 52% at var(--sun-x) -4%,#000 0%,rgba(0,0,0,.5) 38%,transparent 76%);filter:blur(.4px);opacity:.7}.scene-island{right:7%;bottom:calc(100% - var(--horizon) - 5%);height:22%;opacity:.92}.scene-island img{display:block;height:100%;width:auto}.scene-grain{inset:0;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay}.scene-afterglow{height:min(62vh,560px)}.scene-afterglow .scene-sea,.scene-afterglow .scene-waves,.scene-afterglow .scene-glitter,.scene-afterglow .scene-sun,.scene-afterglow .scene-island{display:none}.scene-afterglow .scene-sky{inset:0;background:var(--sky-afterglow)}.scene-afterglow .scene-stars{inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,#000 34%,transparent 72%)}@media(max-width:900px){.scene{height:min(56vh,440px)}.scene-sea,.scene-waves,.scene-glitter,.scene-sun,.scene-island{display:none}.scene-sky{inset:0;background:var(--sky-afterglow)}.scene-stars{inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,#000 34%,transparent 72%)}}