body,#root{margin:0;padding:0;height:100%;width:100%;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-body);color:var(--color-text);opacity:.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.018;background-image:radial-gradient(circle,#2A2630 1px,transparent 1px);background-size:18px 18px}:root{--small-ex: 6px;--narrow: 20px;--wide: 48px;--font-title: 3rem;--color-bg: #F6F3EE;--color-surface: #EDEAE3;--color-surface-raised: #FAFAF7;--color-text: #2A2630;--color-text-muted: #7A7585;--color-text-subtle: #B5B0BE;--color-neon-pink: #E8A898;--color-neon-cyan: #7ECFC4;--color-neon-green: #B8D888;--color-neon-yellow: #E8D878;--color-neon-purple: #B8A0D8;--color-neon-LOUD: #FF2D78;--color-primary: #D4923A;--color-primary-glow: rgba(212, 146, 58, .18);--color-primary-bg: rgba(212, 146, 58, .1);--color-border: rgba(42, 38, 48, .09);--color-border-focus: #7ECFC4;--glow-pink: 0 0 7px rgba(232, 168, 152, .28);--glow-cyan: 0 0 7px rgba(126, 207, 196, .28);--glow-green: 0 0 7px rgba(184, 216, 136, .28);--glow-yellow: 0 0 7px rgba(232, 216, 120, .28);--glow-purple: 0 0 7px rgba(184, 160, 216, .28);--glow-primary: 0 0 8px rgba(212, 146, 58, .22);--glow-LOUD: 0 0 10px rgba(255, 45, 120, .3);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(42, 38, 48, .06), 0 1px 2px rgba(42, 38, 48, .04);--shadow-md: 0 4px 12px rgba(42, 38, 48, .08), 0 2px 4px rgba(42, 38, 48, .04)}[data-theme=dark]{--color-bg: #17151C;--color-surface: #1F1C26;--color-surface-raised: #272330;--color-text: #EDE9F0;--color-text-muted: #8A8494;--color-text-subtle: #4E4858;--color-neon-pink: #E8A898;--color-neon-cyan: #6ECFC4;--color-neon-green: #B0D880;--color-neon-yellow: #E8D870;--color-neon-purple: #B0A0D8;--color-neon-LOUD: #FF2D78;--color-primary: #D4923A;--color-primary-glow: rgba(212, 146, 58, .22);--color-primary-bg: rgba(212, 146, 58, .1);--color-border: rgba(237, 233, 240, .05);--color-border-focus: #6ECFC4;--glow-pink: 0 0 9px rgba(232, 168, 152, .3);--glow-cyan: 0 0 9px rgba(110, 207, 196, .3);--glow-green: 0 0 9px rgba(176, 216, 128, .3);--glow-yellow: 0 0 9px rgba(232, 216, 112, .3);--glow-purple: 0 0 9px rgba(176, 160, 216, .3);--glow-primary: 0 0 10px rgba(212, 146, 58, .25);--glow-LOUD: 0 0 14px rgba(255, 45, 120, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}.app--container{margin:0;height:100vh;max-width:100%;display:grid;grid-template-rows:var(--wide) 1fr var(--wide)}.app--content{min-height:0;min-width:0;display:flex;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--color-primary) var(--color-surface);scrollbar-width:thin;padding:var(--narrow) var(--wide) var(--wide)}.app--content::-webkit-scrollbar{width:6px}.app--content::-webkit-scrollbar-track{background:var(--color-surface)}.app--content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.app--content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary) 80%,var(--color-text) 20%)}@media(max-width:480px){.app--container{height:auto;min-height:100vh}.app--content{padding:var(--small-ex)}}.header--brand{display:flex;align-items:center;gap:var(--small-ex);height:calc(var(--wide) - 2 * var(--small-ex))}.header img{max-height:calc(var(--wide) - 2 * var(--small-ex));width:auto;object-fit:contain;display:block}.header{color:var(--color-primary);background-color:var(--color-text);box-shadow:var(--shadow-md);height:100%;width:calc(100% - var(--small-ex));display:flex;align-items:center;padding-left:var(--small-ex);font-family:var(--font-display);overflow:hidden}.footer{color:var(--color-text-muted);background-color:var(--color-text);height:100%;width:calc(100% - var(--small-ex));display:flex;align-items:center;justify-content:end;padding-right:var(--small-ex)}button{padding:4px 12px;border:none;border-radius:var(--radius-sm);background-color:var(--color-neon-LOUD);color:#fff;font-family:var(--font-body);cursor:pointer}button:hover{box-shadow:var(--glow-LOUD)}.tile{position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:var(--color-surface-raised);transition:transform .18s ease-out,box-shadow .18s ease-out;cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:var(--color-text)}.tile:hover{transform:translateY(-3px) scale(1.02);z-index:10}.tile:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.tile--size-1-1{grid-column:span 1;grid-row:span 1}.tile--size-2-1{grid-column:span 2;grid-row:span 1}.tile--size-1-2{grid-column:span 1;grid-row:span 2}.tile--size-2-2{grid-column:span 2;grid-row:span 2}.tile--size-3-1{grid-column:span 3;grid-row:span 1}.tile--size-3-3{grid-column:span 3;grid-row:span 3}.tile--size-1-1,.tile--size-2-1,.tile--size-3-1{flex-direction:row}.tile--size-1-1 .tile__img-wrap,.tile--size-2-1 .tile__img-wrap,.tile--size-3-1 .tile__img-wrap{flex-shrink:0;flex-basis:auto;width:auto;height:100%;aspect-ratio:1 / 1;overflow:hidden}.tile__img-wrap{width:100%;flex-shrink:0;height:var(--tile-unit);overflow:hidden}.tile__img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;filter:grayscale(20%)}.tile:hover .tile__img{transform:scale(1.07);filter:grayscale(0%)}.tile__body{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px;overflow:hidden}.tile__title{margin:0;font-family:var(--font-display);font-size:1.1rem;color:var(--color-text);line-height:1.3;transition:color .2s ease,text-shadow .2s ease}.tile__desc{margin:0;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-muted);line-height:1.55}.tile__footer{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tile__small-text{font-family:var(--font-body);font-size:.7rem;font-style:italic;color:var(--color-text-muted);line-height:1.4}.tile__action{flex-shrink:0;margin-left:auto;padding:4px 10px;border:1px solid var(--tile-accent);border-radius:var(--radius-sm);background:transparent;color:var(--tile-accent);font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.04em;transition:background .2s ease,box-shadow .2s ease}.tile:hover .tile__action{background:var(--tile-accent);color:#fff}.tile--hero{color:#fff}.tile__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;filter:grayscale(25%) contrast(108%)}.tile--hero:hover .tile__hero-img{transform:scale(1.06);filter:grayscale(0%) contrast(100%)}.tile__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,12,22,.78) 0%,rgba(18,12,22,.18) 50%,transparent 100%);z-index:1;transition:background .3s ease}.tile__hero-body{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2;display:flex;flex-direction:column}.tile__hero-title{margin:0;font-family:var(--font-display);font-size:1.4rem;color:#fff;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.4)}.tile__hero-desc{margin:0;font-family:var(--font-body);font-size:.82rem;color:#ffffffd1;line-height:1.5;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin-top .25s ease}.tile--hero:hover .tile__hero-desc{max-height:80px;opacity:1;margin-top:8px}.tile__hero-small-text{margin:0;font-family:var(--font-body);font-size:.72rem;font-style:italic;color:#ffffffa6;line-height:1.4;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin-top .25s ease}.tile--hero:hover .tile__hero-small-text{max-height:40px;opacity:1;margin-top:4px}.tile--ink{--tile-accent: var(--color-neon-pink);--tile-glow: var(--glow-pink);background-color:var(--color-surface-raised);border:1px solid var(--color-border)}.tile--ink:hover{box-shadow:var(--shadow-md),var(--tile-glow);border-color:var(--tile-accent)}.tile--ink .tile__title{font-size:1.2rem}.tile__title-rule{height:1px;width:55%;background-color:var(--tile-accent);flex-shrink:0;transition:width .28s ease}.tile--ink:hover .tile__title-rule{width:82%}.tile--ink:hover .tile__title{text-shadow:var(--tile-glow)}.tile--ink.tile--hero .tile__overlay{background:linear-gradient(to top,rgba(28,8,18,.82) 0%,rgba(18,5,12,.22) 55%,transparent 100%)}.tile--ink.tile--hero:hover{box-shadow:var(--shadow-md),var(--tile-glow)}.tile--ink.tile--hero .tile__hero-title:after{content:"";display:block;width:36px;height:1px;background-color:var(--tile-accent);margin-top:7px;opacity:0;transition:opacity .2s ease,width .28s ease}.tile--ink.tile--hero:hover .tile__hero-title:after{opacity:1;width:64px}@media(max-width:480px){.tile--size-2-1,.tile--size-2-2,.tile--size-3-1,.tile--size-3-3{grid-column:span 1}.tile--size-1-2,.tile--size-2-2,.tile--size-3-3{grid-row:span 1}.tile--size-1-1,.tile--size-2-1,.tile--size-3-1{flex-direction:column}.tile--size-1-1 .tile__img-wrap,.tile--size-2-1 .tile__img-wrap,.tile--size-3-1 .tile__img-wrap{width:100%;height:auto;flex-basis:45%;aspect-ratio:auto}.tile:not(.tile--hero):has(.tile__img-wrap){display:grid;grid-template-columns:33.33% 1fr;grid-template-rows:auto auto auto auto}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__img-wrap{grid-column:1;grid-row:1;aspect-ratio:1 / 1;width:100%;height:auto;flex-basis:auto;border-bottom-right-radius:var(--radius-md)}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__body{display:contents}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__title{grid-column:2;grid-row:1;align-self:center;padding:12px 12px 0 10px}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__title-rule{grid-column:1 / -1;grid-row:2;padding:0 12px;margin-top:6px}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__desc{grid-column:1 / -1;grid-row:3;padding:8px 12px}.tile:not(.tile--hero):has(.tile__img-wrap) .tile__footer{grid-column:1 / -1;grid-row:4;padding:0 12px 12px;margin-top:0}.tile__hero-title{font-size:1.2rem}.tile__title,.tile--ink .tile__title{font-size:1rem}.tile--hero{min-height:var(--tile-unit)}.tile--hero .tile__hero-small-text{max-height:40px;opacity:1;margin-top:4px}.tile--ink.tile--hero .tile__hero-title:after{opacity:1;width:64px}}.tile-grid{--tile-unit: 220px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:var(--tile-unit);grid-auto-flow:dense;gap:16px;width:100%}@media(max-width:1100px){.tile-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.tile-grid{grid-template-columns:1fr;--tile-unit: 200px;grid-auto-rows:auto}}.page-header{padding:0;margin-bottom:20px}.page-header__title-row{display:flex;align-items:baseline}.breadcrumb-ancestor{font-family:var(--font-display);font-size:var(--font-title);color:var(--color-text);line-height:1.15;text-decoration:none;display:inline-block;opacity:.4;transition:opacity .2s ease}.breadcrumb-ancestor:after{content:"";display:block;width:100%;height:4px;background-color:var(--color-text);box-shadow:none;margin-top:10px;border-radius:2px;transition:background-color .2s ease,box-shadow .2s ease}.breadcrumb-ancestor:hover{opacity:.75}.breadcrumb-ancestor:hover:after{background-color:var(--color-neon-LOUD);box-shadow:var(--glow-LOUD)}.breadcrumb-sep{font-family:var(--font-display);font-size:var(--font-title);color:var(--color-text);line-height:1.15;opacity:.25;margin:0 .25em;-webkit-user-select:none;user-select:none}.page-title{margin:0;font-family:var(--font-display);font-size:var(--font-title);font-weight:400;color:var(--color-text);line-height:1.15;display:inline-block}.page-title:after{content:"";display:block;width:100%;height:4px;background-color:var(--color-neon-LOUD);box-shadow:var(--glow-LOUD);margin-top:10px;border-radius:2px}.page{width:90vw;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:48px}@media(max-width:600px){.page{padding:0;gap:36px}.page-header{--font-title: 2rem}}.page-subtitle{margin:0 0 16px;font-family:var(--font-display);font-size:1.75rem;color:var(--color-text);line-height:1.2}.home{width:90vw;height:100%;min-height:0;margin:0 auto;display:flex;flex-direction:column}.home .tile-grid{flex:1;min-height:0;--tile-unit: 1fr}@media(max-width:480px){.home{height:auto}.home .tile-grid{flex:none;--tile-unit: 200px}}.card{--card-accent: var(--color-neon-pink);--card-glow: var(--glow-pink);background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid var(--card-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.card:hover{transform:translateY(-2px);border-color:var(--card-accent);box-shadow:var(--shadow-md),var(--card-glow)}.card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.card__header{position:relative;padding:14px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-border)}.card__header:before{content:"";position:absolute;inset:0;background:var(--card-accent);opacity:.09;transition:opacity .2s ease}.card:hover .card__header:before{opacity:.15}.card__header-left{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}.card__header>.card__date{position:relative;z-index:1;flex-shrink:0;padding-top:2px}.card__eyebrow{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);line-height:1.3}.card__title{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--color-text);line-height:1.3}.card__subtitle{display:block;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text-muted);line-height:1.3}.card__date,.card__location{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-subtle);line-height:1.4}.card__body{margin:0;font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);line-height:1.6}.card__content{padding:14px 20px 18px;display:flex;flex-direction:column;gap:12px;flex:1}.card__chips{display:flex;flex-wrap:wrap;gap:6px}.card__chip{font-family:var(--font-mono);font-size:.65rem;color:var(--card-accent);border:1px solid var(--card-accent);border-radius:var(--radius-sm);padding:2px 8px;letter-spacing:.04em;line-height:1.6;transition:background .18s ease,color .18s ease}.card:hover .card__chip{background:var(--card-accent);color:var(--color-surface-raised)}.card-group{width:100%}.card-group--stack{display:flex;flex-direction:column;gap:14px}.card-group--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:760px){.card-group--grid{grid-template-columns:1fr}}.experience section{max-width:900px;margin:0 auto;width:100%}.experience .page-header{display:flex;align-items:baseline;justify-content:space-between}.experience__linkedin{font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:6px 14px;text-decoration:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.experience__linkedin:hover{background:var(--color-primary);color:var(--color-surface-raised);box-shadow:var(--glow-primary)}