@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--font-sans: "Space Grotesk", sans-serif;--font-display: "Fraunces", serif;--text: #f5f3ee;--muted: #b6b0a6;--accent: #ff7a59;--accent-2: #4cd2ff;--accent-3: #ffe66d;--card: rgba(12, 18, 34, .85);--shadow: 0 24px 60px rgba(6, 10, 24, .55);--radius: 24px;--max-width: 1100px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(900px 600px at 15% 10%,rgba(255,122,89,.25),transparent 65%),radial-gradient(800px 500px at 85% 0%,rgba(76,210,255,.3),transparent 60%),radial-gradient(760px 640px at 6% 36%,rgba(255,122,89,.18),transparent 70%),radial-gradient(780px 640px at 94% 40%,rgba(76,210,255,.22),transparent 70%),radial-gradient(820px 660px at 6% 64%,rgba(255,122,89,.2),transparent 72%),radial-gradient(840px 680px at 94% 68%,rgba(76,210,255,.2),transparent 72%),radial-gradient(860px 720px at 6% 92%,rgba(255,122,89,.2),transparent 72%),radial-gradient(880px 720px at 94% 94%,rgba(76,210,255,.22),transparent 72%),linear-gradient(180deg,#0b1020,#0e162c 55%,#0a0f1f);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}main{display:flex;flex-direction:column;gap:0;padding:48px 24px 160px;max-width:var(--max-width);margin:0 auto}.navbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d1abf;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:var(--font-display);font-size:20px;letter-spacing:.5px}.nav-links{display:flex;gap:18px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.nav-dropdown{display:none;align-items:center}.nav-dropdown select{background:#090d1ad9;color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-sans)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center;padding-top:8px;position:relative}.hero-content h1{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);line-height:1.05;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--muted);margin-bottom:12px}.hero-subtext{font-size:18px;color:var(--muted);margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.hero-card{background:var(--card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}.hero-card-title{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:16px}.hero-card ul{list-style:none;display:grid;gap:12px}.section{display:grid;gap:24px}.section:not(.story-section):not(.mountain-section){margin-bottom:24px}.section-header{display:grid;gap:12px}.section-tag{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted)}.section h2{font-family:var(--font-display);font-size:clamp(32px,6vw,56px);color:#f5f3ee}.section-body{display:grid;gap:16px;max-width:720px;color:var(--muted);font-size:15px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.project-card{background:var(--card);border-radius:var(--radius);padding:24px;border:1px solid rgba(255,255,255,.08);display:grid;gap:16px;box-shadow:var(--shadow)}.project-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.project-card h3{font-size:20px}.project-card p{color:var(--muted)}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.text-link{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-2)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.skills-card{padding:24px;border-radius:var(--radius);background:#0f1424b3;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.skills-card h3{margin-bottom:12px;font-size:18px}.skills-card ul{list-style:none;display:grid;gap:10px;color:var(--muted)}.contact-card{display:grid;gap:16px;background:var(--card);padding:28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);max-width:520px}.contact-list{display:grid;gap:10px;font-size:16px}.contact-item{color:var(--text);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-size:14px;letter-spacing:1px;text-transform:uppercase;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0a0f1f;box-shadow:0 16px 30px #ff7a5940}.btn.ghost{border-color:#ffffff40}.btn:hover{transform:translateY(-2px)}.mountain-section{min-height:180vh}.mountain-shell{position:sticky;top:120px;border-radius:var(--radius);overflow:hidden;background:transparent;box-shadow:none}.mountain-canvas{width:100%;height:clamp(320px,60vh,520px);display:block}.hint{color:var(--muted);font-size:13px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:32px 24px 48px}.footer-inner{max-width:var(--max-width);margin:0 auto;color:var(--muted);font-size:14px}.story-section{min-height:180vh}.story-tree-section{min-height:360vh;position:relative}.story-tree-stage{position:sticky;top:0;min-height:100vh;display:grid;align-items:start;padding:96px 0 80px;z-index:1}.story-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.story-layout-left,.story-layout-single{grid-template-columns:1fr}.story-text{display:grid;gap:16px;max-width:520px;position:relative;z-index:2}.story-text-center{max-width:720px;text-align:center;justify-items:center}.story-text>.section-header,.story-text>.hint{position:relative;z-index:2}.story-text-center .hint{margin-top:20px}.story-shell{position:relative;top:auto;border-radius:var(--radius);width:100%;background:transparent;box-shadow:none;align-self:flex-start;overflow:visible;z-index:0}.story-shell-left{margin-left:0;width:100%}.story-shell-right{margin-right:0;width:100%;justify-self:end;overflow:hidden}.story-tree{position:relative;width:100%;display:grid;place-items:center;padding:24px 0 0;margin-bottom:56px;min-height:clamp(420px,70vh,680px);overflow:visible;z-index:0}.story-tree-art{position:relative;width:min(900px,92vw);height:clamp(420px,70vh,700px);display:grid;place-items:center}.story-canvas{width:100%;height:100%;display:block;overflow:visible;position:relative;z-index:1}.story-tree-spacer{height:160vh}.story-tree-text{min-height:180vh;align-content:start}.story-visual{position:relative;width:100%;height:clamp(320px,50vh,520px);display:grid;place-items:center;overflow:visible}.edu-svg{width:min(520px,90%);height:auto;fill:none;stroke:#f5f3ee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.edu-frame,.edu-path,.edu-pin,.edu-map{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress, 0));transition:stroke-dashoffset .2s ease-out}.edu-logo{position:absolute;right:16%;top:18%;width:80px;height:80px;fill:none;stroke:#f5f3ee;stroke-width:2;transform:rotate(-12deg);opacity:calc(.3 + var(--progress, 0) * .7)}.truck-canvas{width:min(520px,70vw);height:min(260px,30vw);transition:transform .2s ease-out;position:relative}.truck-canvas canvas{width:100%;height:100%;display:block}.truck-track{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;position:relative;height:min(260px,30vw)}.hobby-icons{display:flex;gap:12px;margin-top:16px}.hobby-icon{width:44px;height:44px;border:1px solid rgba(245,243,238,.4);border-radius:12px;display:grid;place-items:center}.hobby-icon svg{width:26px;height:26px;fill:none;stroke:#f5f3ee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 720px){.nav-links{display:none}.nav-dropdown{display:inline-flex}main{padding:48px 20px 120px}.story-shell{position:relative;top:auto}.story-shell-left,.story-shell-right{margin-left:0;margin-right:0;width:100%;justify-self:stretch}.mountain-canvas,.story-canvas,.story-visual{height:360px}.story-layout{grid-template-columns:1fr}}@media (max-width: 640px){main{padding:18px 18px 104px}.story-layout{gap:24px}.story-text{max-width:100%}.story-canvas,.story-visual{height:360px}.mountain-canvas{height:320px}.truck-canvas{width:min(360px,85vw);height:min(200px,38vw)}.truck-track{height:min(200px,38vw)}}@media (min-width: 641px) and (max-width: 1024px){.story-canvas,.story-visual{height:420px}.truck-canvas{width:min(460px,72vw);height:min(240px,32vw)}.truck-track{height:min(240px,32vw)}}@media (min-width: 1025px){.story-canvas,.story-visual{height:460px}}@media (min-width: 900px){.story-layout{grid-template-columns:minmax(320px,1.1fr) minmax(240px,420px);gap:32px}.story-layout-left{grid-template-columns:minmax(320px,1.2fr) minmax(240px,420px)}.story-shell{position:sticky;top:120px}.story-shell-left{margin-left:calc(50% - 50vw);width:calc(50% + 50vw)}.story-shell-right{margin-right:calc(50% - 50vw);width:calc(50% + 50vw)}}