@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}.app-error-state{min-height:100vh;display:grid;place-items:center;padding:2rem}.app-error-card{width:min(560px,100%);padding:2rem;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:#090d1ad1;box-shadow:0 24px 80px #00000047}.inline-error-card{width:100%;min-height:100%;display:grid;align-content:center;gap:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:1.25rem;background:#090d1ac7}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{position:relative;min-height:180vh;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:34vh;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg))}.hero-scene{position:sticky;top:0;height:100vh;z-index:0}.hero-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0b1020c7,#0b102047 48%,#0b1020b3),radial-gradient(circle at 50% 50%,transparent 0,rgba(11,16,32,.46) 72%)}.hero-video{width:100%;height:100%;display:block;object-fit:cover}.hero-interface{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center;min-height:100vh;margin-top:-100vh;padding-top:8px}.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:center;overflow:visible}.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}.story-portrait-section{min-height:220vh}.story-layout-portrait-only{justify-items:center}.story-portrait-section .story-shell{position:sticky;top:108px}.story-shell-portrait-only{width:min(980px,100%)}.portrait-stage{position:relative;width:min(1080px,100%);height:clamp(620px,84vh,900px);margin:0 auto;display:grid;place-items:center;perspective:1200px;--portrait-image: url(/portrait-julian.jpg);--portrait-size: 265%;--portrait-position: 38% 18%;--head-silhouette: polygon( 23% 5%, 38% 1%, 56% 2%, 70% 7%, 79% 16%, 84% 30%, 85% 46%, 82% 67%, 74% 84%, 62% 95%, 49% 100%, 35% 97%, 24% 88%, 16% 73%, 12% 55%, 12% 36%, 15% 19%, 20% 9% )}.portrait-assembly{position:relative;width:min(820px,92vw);height:min(800px,88vh);display:grid;place-items:center;transform-style:preserve-3d}.portrait-head-motion{transform-style:preserve-3d;animation:portrait-idle 6.8s ease-in-out infinite}.paper-shard{position:absolute;width:calc(var(--shard-width) * var(--shard-scale, 1));height:calc(var(--shard-height) * var(--shard-scale, 1));background-image:var(--portrait-image);background-size:var(--portrait-size);background-position:var(--bg-pos, var(--portrait-position));background-repeat:no-repeat;border:1px solid rgba(250,244,234,.74);box-shadow:0 14px 24px #0608102e,0 3px #ebe3d694,inset 0 0 0 1px #fffcf75c;overflow:hidden;opacity:calc(.16 + (1 - var(--settle)) * .08);background-color:#f5ede21f;clip-path:var(--clip);transform:translate3d(calc(var(--shard-drift) * var(--tx)),calc(var(--shard-drift) * var(--ty)),var(--tz)) rotate(var(--rot))}.paper-shard:before,.paper-shard:after,.portrait-layer:before,.portrait-layer:after,.portrait-photo-base:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.paper-shard:before,.portrait-layer:before,.portrait-photo-base:before{background:linear-gradient(135deg,rgba(255,248,239,.18),transparent 34%),repeating-linear-gradient(175deg,#fffaf20f 0,#fffaf20f 2px,#1c203005 2px,#1c203005 4px);mix-blend-mode:soft-light}.paper-shard:after,.portrait-layer:after,.portrait-photo-base:after{top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,250,243,.18)}.portrait-head{position:relative;width:var(--head-width, min(660px, 76vw));height:var(--head-height, min(760px, 84vh));transform-style:preserve-3d;transform:translate3d(var(--drift-x),var(--drift-y),0) rotateY(var(--rotate-y)) rotateX(var(--rotate-x)) scale(var(--paper-lift));transition:transform .15s linear;filter:drop-shadow(0 32px 72px rgba(6,10,22,.26))}.portrait-photo,.portrait-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--head-silhouette);background-image:var(--portrait-image);background-size:var(--portrait-size);background-position:var(--portrait-position);background-repeat:no-repeat;overflow:hidden}.portrait-photo-shadow{clip-path:none;top:8%;right:18%;bottom:6%;left:18%;border-radius:46%;transform:translate3d(8px,34px,-90px) scale(.94);filter:blur(26px) saturate(.82);opacity:.16}.portrait-photo-matte{background:linear-gradient(180deg,#f7f1e7f5,#e8ded0e6);clip-path:var(--head-silhouette);transform:translate3d(-10px,14px,-16px) scale(1.01);box-shadow:0 26px 52px #060a1629,0 4px #f2e9db85}.portrait-photo-base{opacity:.98;transform:translateZ(-2px) scale(1);box-shadow:0 20px 46px #090c1829,0 3px #efe7d999;border:1px solid rgba(249,241,231,.7)}.portrait-layer{border:1px solid rgba(250,242,232,.82);box-shadow:0 10px 18px #080a1424,0 3px #eae1d49e,inset 0 0 0 1px #fffcf74d;opacity:calc(.94 + (1 - var(--settle)) * .03);clip-path:var(--clip);transform:translate3d(calc(var(--spread) * var(--tx)),calc(var(--spread) * var(--ty)),var(--tz)) rotate(calc(var(--rot) + var(--shear)))}.portrait-layer-core{box-shadow:0 8px 14px #080a141f,0 2px #eae1d48f,inset 0 0 0 1px #fffcf747}.portrait-layer-edge{opacity:calc(.72 + (1 - var(--settle)) * .06)}@keyframes portrait-idle{0%{transform:translate3d(-6px,0,0) rotate(-.45deg)}50%{transform:translate3d(6px,-6px,0) rotate(.55deg)}to{transform:translate3d(-6px,0,0) rotate(-.45deg)}}.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}.story-portrait-section .story-shell{position:relative;top:auto}.mountain-canvas,.story-canvas,.story-visual{height:360px}.story-layout{grid-template-columns:1fr}.portrait-stage{width:100%;height:520px}.portrait-assembly{width:min(400px,92vw);height:520px}.portrait-head{width:min(310px,74vw);height:408px}}@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)}.story-portrait-section{min-height:180vh}.portrait-stage{height:450px;--shard-scale: .74}.portrait-assembly{width:min(360px,94vw);height:450px}.portrait-head{width:min(280px,76vw);height:372px}}@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)}.portrait-stage{height:640px}}@media (min-width: 1025px){.story-canvas,.story-visual{height:460px}}@media (min-width: 900px){.story-layout{grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr);gap:24px}.story-portrait-section .story-layout{grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);gap:clamp(24px,4vw,72px)}.story-layout-left{grid-template-columns:minmax(320px,1.15fr) minmax(360px,560px)}.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)}.story-portrait-section .story-shell-right{margin-right:0;width:100%}}@media (min-width: 1400px){.story-portrait-section .story-layout{grid-template-columns:minmax(320px,.68fr) minmax(760px,1.32fr)}.portrait-stage{transform:translate(-2%)}}