:root{color-scheme:dark;font-family:Manrope,sans-serif;--bg-base: #0f172a;--bg-elevated: #162033;--bg-card: rgba(18, 30, 48, .78);--text-primary: #f4efe7;--text-secondary: #c9c1b6;--surface-light: #f4efe7;--accent-warm: #c96f4a;--accent-cool: #7dd3c7;--border-subtle: rgba(255, 255, 255, .12);--shadow-strong: 0 20px 60px rgba(0, 0, 0, .25);--max-width: 1200px;--nav-height: 88px;--motion-ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(125,211,199,.15),transparent 30%),radial-gradient(circle at top right,rgba(201,111,74,.22),transparent 28%),linear-gradient(180deg,#0f172a,#101829 42%,#0c1322);color:var(--text-primary);line-height:1.5}body,button,a{font-family:Manrope,sans-serif}button,a{transition:transform .22s var(--motion-ease),background-color .22s ease,border-color .22s ease,color .22s ease,opacity .22s ease,box-shadow .22s ease}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid rgba(125,211,199,.95);outline-offset:3px}.page-shell{min-height:100vh;position:relative;overflow-x:clip}.page-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);mask-image:radial-gradient(circle at center,black,transparent 85%);animation:noiseDrift 18s linear infinite}.page-content{width:min(100% - 40px,var(--max-width));margin:0 auto;padding-bottom:96px}.hero-section,.content-section{padding:96px 0;position:relative;scroll-margin-top:calc(var(--nav-height) + 18px)}.content-section:before{content:"";position:absolute;top:0;left:0;width:120px;height:1px;background:linear-gradient(90deg,rgba(125,211,199,.7),transparent)}.section-band{margin:24px 0;padding-inline:28px;border-radius:36px;background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.06)}.section-band:before,.contact-panel:before{display:none}.split-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:36px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.timeline{display:grid;gap:24px}.timeline-card{border-radius:28px;display:grid;grid-template-columns:220px 1fr;gap:0}.timeline-meta{padding:28px;border-right:1px solid var(--border-subtle)}.timeline-body{padding:28px}.snapshot-grid,.archive-grid{display:grid;gap:20px}.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-nav{position:sticky;top:0;z-index:10;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1322b8;border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 30px #070b152e}.brand-mark{width:48px;height:48px;flex-shrink:0;border-radius:16px;border:1px solid var(--border-subtle);background:#ffffff0a;font-weight:800;letter-spacing:.08em}.nav-links{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;padding:8px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{position:relative;padding:10px 14px;border-radius:999px;color:var(--text-secondary)}.nav-link.active,.nav-link:hover{background:#ffffff14;color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent-cool),rgba(125,211,199,.2))}.section-eyebrow{margin:0 0 18px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cool)}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.project-card h3,.archive-card h3,.timeline-body h3,.snapshot-card h3,.project-modal h3{font-family:Space Grotesk,sans-serif}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em}.section-description{margin:18px 0 0;max-width:58ch}.hero-actions,.link-row,.tag-row,.hero-metadata,.meta-row{display:flex;gap:12px;flex-wrap:wrap}.link-row{margin-top:22px}.primary-button,.ghost-button,.contact-button,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;text-align:center}.primary-button{background:var(--surface-light);color:var(--bg-base);box-shadow:0 14px 35px #f4efe724}.primary-button:hover,.ghost-button:hover,.secondary-link:hover,.brand-mark:hover{transform:translateY(-1px)}.ghost-button,.secondary-link,.button-link{border-color:var(--border-subtle);background:#ffffff0a;color:var(--text-primary)}.secondary-link:hover,.ghost-button:hover{background:#ffffff14}.hero-metadata span,.meta-row span,.tag{padding:9px 13px;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);font-size:.92rem}.skill-tag{display:inline-flex;align-items:center;gap:8px;padding-left:10px;background:#ffffff09;border-color:#ffffff14;color:var(--text-secondary)}.skill-icon{display:inline-flex;width:16px;height:16px;color:var(--accent-cool);flex-shrink:0}.skill-icon svg{width:100%;height:100%}.action-chip{position:relative;min-height:46px;padding:0 18px;border-radius:14px;border-color:#7dd3c729;background:linear-gradient(180deg,#ffffff0b,#ffffff06),#0f172ab3;color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a}.action-chip:after{content:"->";margin-left:10px;color:var(--accent-cool);font-size:.82rem;letter-spacing:.04em}.action-chip:hover{border-color:#7dd3c747;background:linear-gradient(180deg,#fff1,#ffffff09),#111b2ee0;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0000002e}.action-chip-primary{border-color:#7dd3c73d;background:linear-gradient(135deg,#7dd3c733,#7dd3c70f),#0f172ad1;color:#f6fbfa}.action-chip-primary:after{color:#9be2d9}.project-card .link-row,.archive-card .link-row,.project-modal .link-row{gap:10px}.project-card,.archive-card,.snapshot-card,.timeline-card,.focus-card,.identity-panel,.project-modal{border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-strong)}.project-card{border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.project-visual,.archive-visual{min-height:240px}.project-card-body,.archive-card,.snapshot-card,.identity-panel,.focus-card,.timeline-card,.modal-copy{padding:28px}.project-card-body{display:flex;flex:1;flex-direction:column;gap:4px}.archive-card{display:flex;flex-direction:column}.project-card-body h3,.archive-card h3,.snapshot-card h3,.timeline-body h3{margin:0 0 12px;font-size:1.35rem}.project-timeframe,.modal-timeframe{margin:-2px 0 12px;color:var(--accent-cool);font-size:.92rem;letter-spacing:.04em}.project-highlight-list{margin:18px 0 0;padding-left:18px;color:var(--text-secondary);display:grid;gap:10px;line-height:1.6}.project-highlight-list li::marker,.highlight-list li::marker,.focus-list li::marker{color:var(--accent-cool)}.project-card-body .tag-row,.archive-card .tag-row{margin-top:auto;padding-top:18px}.project-card .link-row,.archive-card .link-row{align-items:center}.project-card:hover,.archive-card:hover,.snapshot-card:hover,.timeline-card:hover{transform:translateY(-4px);border-color:#ffffff24;box-shadow:0 24px 70px #00000052}.company-mark{width:88px;height:88px;margin-bottom:18px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d;overflow:hidden}.company-mark span{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.04em}.company-mark-warm{background:radial-gradient(circle at 30% 28%,rgba(201,111,74,.34),transparent 42%),#162033eb;color:#f7e8e0}.company-mark-cool{background:radial-gradient(circle at 34% 26%,rgba(125,211,199,.3),transparent 40%),#141f30f0;color:#e2fbf7}.company-mark-neutral{background:radial-gradient(circle at 34% 26%,rgba(244,239,231,.14),transparent 40%),#141f30f0;color:#f4efe7}.company-mark-image{width:100%;height:100%;object-fit:cover}.snapshot-card{position:relative;overflow:hidden}.snapshot-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-cool),transparent)}.focus-card{margin-top:24px;border-radius:24px}.focus-card h3{margin:0 0 16px}.focus-list,.highlight-list{margin:0;padding-left:18px;color:var(--text-secondary);display:grid;gap:10px}.contact-panel{text-align:center;padding-bottom:48px}.contact-panel .section-heading{margin-left:auto;margin-right:auto;text-align:center}.contact-panel .section-heading h2,.contact-panel .section-description,.contact-panel .section-eyebrow{text-align:center}.contact-card{padding:44px 28px;border-radius:32px;border:1px solid var(--border-subtle);background:radial-gradient(circle at top center,rgba(125,211,199,.12),transparent 32%),#121e30c2;box-shadow:var(--shadow-strong)}.contact-button{min-width:160px;margin-top:6px}.centered-links{justify-content:center}.hero-section{min-height:calc(100vh - var(--nav-height));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:64px}.hero-section h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:.92;letter-spacing:-.05em;max-width:8.5ch}.hero-section h1 span{display:block}.hero-description,.section-description,.stacked-copy p,.project-card p,.archive-card p,.timeline-body p,.timeline-body li,.snapshot-card p,.project-modal p{color:var(--text-secondary);line-height:1.7}.hero-description{max-width:58ch;margin:24px 0 0;font-size:1.08rem}.hero-actions{margin-top:32px;align-items:center}.hero-metadata,.meta-row{margin-top:26px}.hero-visual{position:relative;min-height:520px;border-radius:32px;border:1px solid var(--border-subtle);overflow:hidden;background:radial-gradient(circle at 26% 24%,rgba(201,111,74,.14),transparent 28%),radial-gradient(circle at 76% 72%,rgba(125,211,199,.14),transparent 24%),linear-gradient(180deg,#ffffff0b,#ffffff05),#ffffff08;box-shadow:var(--shadow-strong)}.hero-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 88%)}.hero-scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-visual-glow{position:absolute;border-radius:999px;filter:blur(42px);opacity:.55;pointer-events:none}.hero-visual-glow-warm{width:220px;height:220px;top:16%;left:12%;background:#c96f4a33;animation:pulseFloat 10s ease-in-out infinite}.hero-visual-glow-cool{width:170px;height:170px;right:14%;bottom:12%;background:#7dd3c733;animation:pulseFloat 12s ease-in-out infinite reverse}.floating-chip{position:absolute;padding:14px 18px;border-radius:18px;border:1px solid var(--border-subtle);background:#0e1828c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;box-shadow:0 18px 45px #0000003d}.hero-chip{z-index:1}.hero-chip-top{top:24px;left:24px;animation:chipFloat 8s ease-in-out infinite}.hero-chip-bottom{right:28px;bottom:24px;animation:chipFloat 9s ease-in-out infinite reverse}.project-visual,.archive-visual,.modal-visual{min-height:220px;padding:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.project-visual,.archive-visual{position:relative;overflow:hidden}.project-visual-image,.archive-image,.modal-project-image{width:100%;height:auto;display:block}.project-visual-fallback,.modal-project-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.09),transparent 28%),linear-gradient(160deg,#090e180f,#090e1861)}.project-visual-fallback span,.modal-project-fallback span,.modal-project-fallback p{color:#f4efe7b8}.project-visual-fallback span,.modal-project-fallback p{font-size:.95rem;letter-spacing:.05em}.archive-visual-fallback{padding:22px}.project-visual-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01);opacity:.92}.archive-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01);opacity:.94;border-radius:0;margin-bottom:0;border:0}.project-card:hover .project-visual-image,.archive-card:hover .archive-image{transform:scale(1.035)}.project-visual-overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:170px;padding:26px;background:linear-gradient(180deg,#060a1205,#060a12bd 62%,#060a12f2)}.project-visual-overlay p{margin:0;color:#f4efe7c7}.project-visual strong,.visual-panel strong{font-family:Space Grotesk,sans-serif;font-size:1.45rem;max-width:11ch}.visual-warm{background:linear-gradient(145deg,#c96f4a6b,#0d142233)}.visual-cool{background:linear-gradient(145deg,#7dd3c759,#0d142233)}.visual-neutral{background:linear-gradient(145deg,#ffffff1f,#0d142233)}.identity-panel{position:relative;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;overflow:hidden;isolation:isolate;background:#ffffff0a}.identity-topline{position:relative;z-index:1;display:grid;gap:8px}.identity-topline .section-eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:0;padding:8px 12px;border-radius:999px;background:#080e189e;border:1px solid rgba(255,255,255,.12);color:#9be2d9;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.identity-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}.identity-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090e182e,#090e181a 24%,#090e188c 64%,#090e18e0),radial-gradient(circle at top left,rgba(125,211,199,.16),transparent 34%);z-index:0}.identity-copy{position:relative;z-index:1;max-width:28ch;font-size:1.02rem;line-height:1.7;color:#f4efe7e6;text-shadow:0 2px 18px rgba(0,0,0,.34)}.stacked-copy{display:grid;gap:18px}.timeline-meta p,.timeline-role{margin:0 0 10px}.timeline-meta p{font-family:Space Grotesk,sans-serif;font-size:1.05rem}.timeline-meta span{color:var(--text-secondary)}.archive-card,.snapshot-card{border-radius:24px}.archive-image{transition:transform .42s var(--motion-ease),filter .42s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 24px max(40px,env(safe-area-inset-bottom) + 24px);background:#060a12b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInSoft .22s ease-out both}.project-modal{width:min(1100px,92vw);border-radius:32px;position:relative;overflow:hidden;margin:24px 0 0;animation:modalRise .3s var(--motion-ease) both}.modal-close{position:absolute;top:18px;right:18px;z-index:2;padding:10px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:#0c1422cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#121c2df2}.modal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:stretch}.modal-copy{display:flex;flex-direction:column;gap:18px}.modal-summary{margin-top:-4px}.modal-block h4{margin:0 0 10px;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cool)}.modal-block p{margin:0}.modal-visual{min-height:100%;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden}.modal-project-image{width:min(520px,100%);max-height:58vh;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 18px 45px rgba(0,0,0,.28));animation:mediaFloatIn .42s var(--motion-ease) both}.modal-project-fallback{position:relative;width:min(520px,100%);min-height:320px;border-radius:28px;border:1px solid rgba(255,255,255,.14);z-index:1;box-shadow:0 18px 45px #0003}.modal-project-fallback strong{display:block;margin:10px 0 14px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:.98}.modal-project-fallback p{margin:0}.visual-panel{width:min(280px,100%);padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:#0a101c47;display:grid;gap:12px;text-align:left;position:relative;z-index:1}.modal-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.16),transparent 28%),linear-gradient(180deg,#090e180f,#090e1852)}.snapshot-card .section-eyebrow{margin-bottom:10px}.reveal-on-scroll{opacity:0;transform:translateY(26px);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease)}.reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}.hero-section.in-view .hero-eyebrow,.hero-section.in-view .hero-title span,.hero-section.in-view .hero-description,.hero-section.in-view .hero-actions,.hero-section.in-view .hero-metadata,.hero-section.in-view .hero-visual-shell,.hero-section.in-view .floating-chip{animation:riseFade .8s var(--motion-ease) both}.hero-eyebrow{animation-delay:80ms}.hero-title span:nth-child(1){animation-delay:.14s}.hero-title span:nth-child(2){animation-delay:.23s}.hero-title span:nth-child(3){animation-delay:.32s}.hero-description{animation-delay:.42s}.hero-actions{animation-delay:.52s}.hero-metadata{animation-delay:.62s}.hero-visual-shell{animation-delay:.24s}.floating-chip:nth-of-type(1){animation-delay:.52s}.floating-chip:nth-of-type(2){animation-delay:.64s}.floating-chip:nth-of-type(3){animation-delay:.76s}.reveal-children>*{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .65s var(--motion-ease),transform .65s var(--motion-ease)}.reveal-on-scroll.in-view .reveal-children>*{opacity:1;transform:translateY(0) scale(1)}.reveal-on-scroll.in-view .reveal-children>*:nth-child(1){transition-delay:70ms}.reveal-on-scroll.in-view .reveal-children>*:nth-child(2){transition-delay:.15s}.reveal-on-scroll.in-view .reveal-children>*:nth-child(3){transition-delay:.23s}.reveal-on-scroll.in-view .reveal-children>*:nth-child(4){transition-delay:.31s}.reveal-on-scroll.in-view .reveal-children>*:nth-child(5){transition-delay:.39s}@keyframes riseFade{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes modalRise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes mediaFloatIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes noiseDrift{0%{transform:translateZ(0)}50%{transform:translate3d(10px,-8px,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-on-scroll,.reveal-children>*{opacity:1;transform:none}}@media (max-width: 1080px){.hero-section,.split-layout,.featured-grid,.snapshot-grid,.archive-grid,.modal-grid{grid-template-columns:1fr}.section-band{padding-inline:24px}.featured-primary{grid-row:auto}.timeline-card{grid-template-columns:1fr}.timeline-meta{border-right:0;border-bottom:1px solid var(--border-subtle)}.project-modal{max-height:92vh}.modal-visual{min-height:360px;padding:32px 24px}}@media (max-width: 720px){.top-nav{height:auto;padding-top:14px;padding-bottom:14px;align-items:flex-start;gap:16px;flex-direction:column}.nav-links{width:100%;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;justify-content:flex-start}.nav-link{flex:0 0 auto}.nav-link.active:after{left:16px;right:16px}.page-content{width:min(100% - 28px,var(--max-width))}.hero-section,.content-section{padding:72px 0}.hero-actions,.project-card .link-row,.archive-card .link-row,.centered-links{flex-direction:column;align-items:stretch}.primary-button,.ghost-button,.secondary-link,.contact-button{width:100%}.hero-metadata,.meta-row{gap:10px}.section-band{margin:20px 0;padding-inline:18px;border-radius:28px}.hero-visual{min-height:320px}.hero-section h1{max-width:none}.featured-grid,.archive-grid,.snapshot-grid,.timeline{gap:18px}.project-modal{width:calc(100vw - 20px)}.modal-overlay{padding:10px 10px max(22px,env(safe-area-inset-bottom) + 10px)}.contact-card{padding:32px 20px}}