*,:before,:after{box-sizing:border-box}*{margin:0}:root{--accent:#c3e06b;--accent-soft:#c3e06b29;--bg:#0b1020;--bg-deep:#060a16;--surface:#ffffff0a;--border:#ffffff1a;--text:#eef2f8;--muted:#8d99b0;--sidebar:18.75rem;--stage-left:min(42vw, 44rem);--gutter:clamp(1.25rem, 3.4vw, 4rem);--header-h:5rem;--bar-h:4.25rem;--radius:10px;--radius-lg:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--season-ease:.62s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}@media (width>=2000px){html{font-size:17.5px}}@media (width>=2400px){html{font-size:19.5px}}@media (width>=3000px){html{font-size:21.5px}}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--season-ease), color var(--season-ease)}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{letter-spacing:-.015em;font-weight:500;line-height:1.15}.title-xl{font-size:clamp(2.1rem,3.5vw,3rem)}.title-lg{font-size:clamp(1.75rem,2.6vw,2.35rem)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);transition:color var(--season-ease);align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;display:inline-flex}.lede{color:var(--muted);max-width:34ch;font-size:.95rem;line-height:1.75}.body-sm{color:var(--muted);font-size:.84rem;line-height:1.7}.rule{background:var(--accent);width:3.25rem;height:2px;transition:background-color var(--season-ease);border-radius:2px;display:block}.icon-mask{transition:background-color var(--season-ease);background:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(120% 90% at 78% 30%, var(--accent-soft), transparent 62%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);min-height:100dvh;transition:background var(--season-ease);position:relative}.stage{z-index:0;pointer-events:none;position:fixed;inset:0}.stage[data-mode=section]{--scene-ramp:max(var(--stage-left), min(calc(var(--stage-left) + clamp(0rem, (1500px - 100vw) * .55, 16rem)), var(--island-left,100000px)));-webkit-mask-image:linear-gradient(90deg, #00000008 0 calc(var(--scene-ramp) * .45), #00000047 calc(var(--scene-ramp) * .72), #000 var(--scene-ramp));-webkit-mask-image:linear-gradient(90deg, #00000008 0 calc(var(--scene-ramp) * .45), #00000047 calc(var(--scene-ramp) * .72), #000 var(--scene-ramp));mask-image:linear-gradient(90deg, #00000008 0 calc(var(--scene-ramp) * .45), #00000047 calc(var(--scene-ramp) * .72), #000 var(--scene-ramp));left:0}.stage[data-mode=landing]{left:var(--sidebar)}.season-sweep{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes page-enter{0%{opacity:0;transform:translateY(-14px)}}.section,.landing{animation:.52s cubic-bezier(.22,.61,.36,1) both page-enter}.section>header{animation:.62s cubic-bezier(.22,.61,.36,1) 60ms both page-enter}.stage-fallback{height:100%;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;place-items:center;font-size:.78rem;display:grid}.shell{z-index:1;grid-template-rows:var(--header-h) 1fr auto;pointer-events:none;min-height:100dvh;display:grid;position:relative}.shell[data-chrome=bare]{grid-template-rows:1fr}.shell>*{pointer-events:auto}.site-header{padding-inline:var(--gutter);background:linear-gradient(180deg, var(--bg-deep) 0 58%, color-mix(in srgb, var(--bg-deep) 62%, transparent) 82%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.19em;text-transform:uppercase;color:var(--accent);transition:color var(--season-ease);align-items:center;font-size:.76rem;font-weight:600;display:inline-flex}.site-nav{align-items:center;gap:clamp(1.25rem,3vw,2.75rem);display:flex}.site-nav a{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);padding-block:.45rem;font-size:.72rem;font-weight:500;transition:color .22s;position:relative}.site-nav a:hover{color:var(--text)}.site-nav a:after{content:"";inset-inline:0;background:var(--accent);transform-origin:0;height:1.5px;transition:transform .26s ease, background-color var(--season-ease);position:absolute;bottom:0;transform:scaleX(0)}.site-nav a[aria-current=page]{color:var(--text)}.site-nav a[aria-current=page]:after{transform:scaleX(1)}.section{padding:clamp(1rem, 3.5vh, 3rem) var(--gutter);max-width:var(--stage-left);align-content:safe center;gap:clamp(1rem,2.2vh,1.5rem);display:grid}.section>header{justify-items:start;gap:clamp(.6rem,1.4vh,1rem);display:grid}.season-bar{min-height:var(--bar-h);z-index:3;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#060a169e,#060a16eb);justify-content:space-between;align-items:stretch;gap:0;display:flex;position:sticky;bottom:0}.season-bar li{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);transition:color var(--season-ease);flex:1;justify-content:center;align-items:center;gap:.65rem;padding-block:1rem;font-size:.72rem;font-weight:500;display:inline-flex;position:relative}.season-bar li+li:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--previous-accent) 30%, var(--season-accent) 70%, transparent 100%);opacity:.75;width:clamp(2.5rem,9.5vw,13rem);height:1px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.season-bar li:after{content:"";inset-inline:30%;background:currentColor;height:1.5px;transition:transform .26s;position:absolute;bottom:.85rem;transform:scaleX(0)}.season-bar .is-current{color:var(--season-accent,var(--accent))}.season-bar .is-current:after{transform:scaleX(1)}.season-bar .season-icon{font-size:1rem;line-height:1}.season-swatches{left:var(--stage-left);right:0;bottom:calc(var(--bar-h) + clamp(1.25rem, 4vh, 2.5rem));z-index:2;pointer-events:none;justify-content:center;gap:1.1rem;display:flex;position:fixed}.season-swatches .swatch{box-shadow:0 2px 10px #060a1680}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;padding:.8rem 1.25rem;font-size:.72rem;font-weight:600;transition:border-color .22s,background-color .22s,transform .22s;display:inline-flex}.button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.social-links{gap:.6rem;display:flex}.social-links a{border:1px solid var(--border);width:2.2rem;height:2.2rem;color:var(--muted);border-radius:50%;place-items:center;transition:color .22s,border-color .22s,transform .22s;display:grid}.social-links a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}@media (width<=900px){:root{--header-h:4.25rem}.stage[data-mode=section],.stage[data-mode=landing]{pointer-events:none;opacity:.34;left:0}.section{max-width:none;padding-block:2rem}.season-swatches{display:none}.stage[data-mode=section]{-webkit-mask-image:none;mask-image:none}.site-header{gap:.75rem}.site-nav{gap:1rem}.site-nav a{letter-spacing:.1em;font-size:.65rem}.season-bar li{letter-spacing:.1em;flex-direction:column;gap:.35rem;font-size:.6rem}.season-bar li:after{inset-inline:20%;bottom:.5rem}.season-bar li+li:before{width:clamp(.75rem,5vw,2rem)}}@media (width<=560px){.brand{letter-spacing:.1em;font-size:.66rem}.site-nav{gap:.8rem}.site-nav a{letter-spacing:.06em;font-size:.62rem}}@media (width<=430px){.brand{letter-spacing:.05em;font-size:.6rem}.site-nav{gap:.6rem}.site-nav a{letter-spacing:.02em;font-size:.56rem}}.landing{grid-template-columns:var(--sidebar) 1fr;align-items:stretch;min-height:0;display:grid}.landing-aside{padding:clamp(3.5rem, 8vh, 5rem) var(--gutter) clamp(1.5rem, 4vh, 3rem);border-right:1px solid var(--border);align-content:space-between;gap:clamp(1.25rem,3.5vh,2rem);display:grid}.hero-line{display:block}.landing-name{border-bottom:1px solid var(--accent);width:fit-content;transition:border-color var(--season-ease);letter-spacing:.19em;text-transform:uppercase;color:var(--text);margin-bottom:clamp(.85rem,2vh,1.35rem);padding-bottom:clamp(.75rem,1.6vh,1.1rem);font-size:.82rem;font-weight:600}.landing-aside .rule{margin-block:clamp(1.5rem,3vh,2.25rem)}.scroll-hint{letter-spacing:.19em;text-align:left;text-transform:uppercase;color:var(--muted);justify-self:start;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.66rem;line-height:1.5;display:inline-flex}.scroll-hint:before{content:"";border:1px solid var(--border);background:radial-gradient(circle at 50% 30%, var(--accent) 0 2px, transparent 2px) no-repeat;border-radius:999px;width:1.15rem;height:1.9rem;animation:2.4s ease-in-out infinite scroll-nudge}@keyframes scroll-nudge{0%,to{background-position:0 0}50%{background-position:0 .5rem}}.landing-columns{grid-template-columns:repeat(4,1fr);min-width:0;display:grid}.landing-column{border-left:1px solid var(--border);background:linear-gradient(180deg, #060a16eb 0%, #060a169e 20%, #060a1600 38%, #060a1600 66%, #060a16cc 92%), var(--column-tint);isolation:isolate;grid-template-rows:auto 1fr auto;gap:1rem;min-width:0;padding:clamp(4.5rem,13vh,9rem) clamp(.9rem,1.6vw,1.6rem) calc(clamp(1.5rem,4vh,2.75rem) + 2.1rem);transition:background .42s;display:grid;position:relative}.landing-column:before{content:"";z-index:-1;background:var(--column-tint);opacity:0;transition:opacity .42s;position:absolute;inset:0}.landing-column:hover:before,.landing-column:focus-within:before{opacity:.55}.landing-column>*{min-width:0}.landing-column header{gap:.55rem;display:grid}.landing-column .eyebrow{color:var(--column-accent)}.landing-column-title{overflow-wrap:break-word;letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.05rem,2.1vw - .15rem,1.75rem);font-weight:600;line-height:1.3}@media (width>=901px){.landing-column-title{min-height:2.6em}}.landing-column .body-sm{max-width:none}.landing-column .button{color:var(--column-accent);border-color:color-mix(in srgb, var(--column-accent) 45%, transparent);background:#060a168c;place-self:end center;gap:.85rem;padding:.95rem 1.7rem;font-size:.82rem}@media (width<=1100px){.landing-column .button{letter-spacing:.09em;gap:.5rem;padding:.7rem .8rem;font-size:.64rem}.landing-column footer{gap:.45rem}.landing-column .swatch{width:1rem;height:1rem}}.landing-column .button:hover{background:color-mix(in srgb, var(--column-accent) 14%, transparent);border-color:var(--column-accent)}.landing-column footer{justify-content:center;align-self:end;align-items:center;gap:.9rem;margin-bottom:2.2rem;display:flex}.swatch{border-radius:3px;width:1.5rem;height:1.5rem;rotate:45deg}.copyright{color:var(--muted);font-size:.68rem;line-height:1.7}.skill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.5rem,1.2vh,.75rem);max-width:26rem;display:grid}.skill{text-align:center;align-content:start;justify-items:center;gap:.5rem;display:grid}.skill-tile{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);letter-spacing:.02em;align-self:start;place-items:center;width:100%;font-size:1rem;font-weight:600;transition:border-color .22s,background-color .22s,transform .22s;display:grid}.skill-tile img,.skill-tile-mask{width:54%;height:54%}.skill-tile img{object-fit:contain}.skill:hover .skill-tile{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.skill-label{color:var(--muted);font-size:.6rem;line-height:1.35}.timeline-groups{gap:clamp(1rem,2.4vh,1.75rem);display:grid}.timeline{gap:clamp(.7rem,1.6vh,1.15rem);padding-left:1.35rem;display:grid;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.45rem;bottom:.45rem;left:.29rem}.timeline li{gap:.2rem;display:grid;position:relative}.timeline li:before{content:"";border:1.5px solid var(--accent);background:var(--bg);width:.62rem;height:.62rem;transition:border-color var(--season-ease);border-radius:50%;position:absolute;top:.34rem;left:-1.35rem}.timeline .period{letter-spacing:.1em;color:var(--muted);font-size:.66rem}.timeline .role{font-size:.86rem;font-weight:600}.timeline .role span{color:var(--accent);transition:color var(--season-ease)}.timeline .description{color:var(--muted);max-width:40ch;font-size:.78rem;line-height:1.6}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter{border:1px solid var(--border);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.63rem;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.filter:hover{color:var(--text);border-color:var(--accent)}.filter[aria-pressed=true]{color:var(--bg-deep);background:var(--accent);border-color:var(--accent)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;max-width:32rem;display:grid}.project-card{text-align:left;width:100%;min-height:8.5rem;font:inherit;color:inherit;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, transparent 25%, #040810e0), var(--cover), var(--surface);background-size:cover;background-origin:border-box;align-content:end;gap:.15rem;padding:.85rem;transition:border-color .24s,transform .24s;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card .name{font-size:.86rem;font-weight:600}.project-card .meta{color:var(--muted);font-size:.64rem;line-height:1.5}.project-card .arrow{color:var(--muted);transition:color .24s,transform .24s;position:absolute;bottom:.85rem;right:.85rem}.project-card:hover .arrow{color:var(--accent);transform:translate(3px)}.project-empty{color:var(--muted);grid-column:1/-1;padding:1.5rem 0;font-size:.82rem}.projects-gallery{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);width:min(64rem,100vw - 2rem);max-height:min(48rem,100dvh - 3rem);color:var(--text);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 70px #0009}.projects-gallery[open]{grid-template-rows:auto auto minmax(0,1fr);display:grid}.projects-gallery::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040810b8}.gallery-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1.1rem,2.4vw,1.6rem);display:flex}.gallery-header .eyebrow{margin-bottom:.35rem}.gallery-close{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.72rem;line-height:1;transition:border-color .2s,background-color .2s;display:grid}.gallery-close:hover{border-color:var(--accent);background:var(--accent-soft)}.gallery-filters{border-bottom:1px solid var(--border);padding:.85rem clamp(1.1rem,2.4vw,1.6rem)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));align-content:start;gap:.85rem;min-height:0;padding:clamp(1.1rem,2.4vw,1.6rem);display:grid;overflow-y:auto}.gallery-grid .project-card{min-height:10.5rem}@media (width<=640px){.gallery-grid{grid-template-columns:1fr}}.project-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);width:min(68rem,100vw - 2rem);max-height:min(56rem,100dvh - 2rem);color:var(--text);margin:auto;padding:0;overflow:hidden auto;box-shadow:0 24px 70px #0009}.project-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040810b8}.project-dialog-stage{aspect-ratio:16/9;background:var(--surface);width:100%;max-height:min(26rem,40dvh);position:relative;overflow:hidden}.project-dialog-still,.project-dialog-video{object-fit:cover;width:100%;height:100%;display:block}.project-dialog-video{object-fit:contain;background:#000}.project-dialog-embed{background:#000;border:0;width:100%;height:100%;display:block}.project-dialog-shots{border-bottom:1px solid var(--border);gap:.5rem;padding:.6rem clamp(1.1rem,3vw,1.75rem);display:flex;overflow-x:auto}.project-dialog-thumb{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:4.5rem;color:var(--muted);opacity:.62;flex:none;place-items:center;font-size:.7rem;transition:border-color .2s,opacity .2s;display:grid;position:relative;overflow:hidden}.project-dialog-thumb>img,.project-dialog-thumb>div{object-fit:cover;width:100%;height:100%}.project-dialog-thumb:hover{opacity:.85;border-color:var(--accent)}.project-dialog-thumb[aria-selected=true]{opacity:1;border-color:var(--accent)}.project-dialog-thumb.is-video{color:var(--accent);font-size:.9rem}.project-dialog-close{z-index:1;border:1px solid var(--border);background:#060a16a6;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.72rem;line-height:1;transition:border-color .2s,background-color .2s;display:grid;position:absolute;top:.75rem;right:.75rem}.project-dialog-close:hover{border-color:var(--accent);background:var(--accent-soft)}.project-dialog-tools{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.project-dialog-tools li{border:1px solid var(--border);background:var(--surface);letter-spacing:.02em;color:var(--text);border-radius:999px;padding:.3rem .65rem;font-size:.7rem}.project-dialog-body{justify-items:start;gap:.9rem;padding:clamp(1rem,2.5vh,1.5rem) clamp(1.25rem,4vw,2.25rem) clamp(1.5rem,4vh,2.25rem);display:grid}.project-dialog-body .lede{max-width:56ch}.project-dialog-columns{gap:1rem clamp(1.25rem,4vw,2.5rem);width:100%;display:grid}@media (width>=40rem){.project-dialog-columns{grid-template-columns:1.5fr 1fr;align-items:start}}.project-dialog-body section{justify-items:start;gap:.6rem;display:grid}.project-dialog-list{gap:.5rem;display:grid}.project-dialog-list li{color:var(--muted);padding-left:1rem;font-size:.84rem;line-height:1.65;position:relative}.project-dialog-list li:before{content:"";background:var(--accent);width:.35rem;height:1px;position:absolute;top:.62em;left:0}.project-dialog-footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;width:100%;padding-top:.4rem;display:flex}.project-dialog-tool{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.contact-list{gap:.9rem;display:grid}.contact-list li{align-items:center;gap:.85rem;font-size:.86rem;display:flex}.contact-list svg{color:var(--accent);transition:color var(--season-ease);flex:none}.contact-list a:hover{color:var(--accent)}@media (width<=1100px){.project-grid,.skill-grid{max-width:none}}@media (height<=700px){.scroll-hint{display:none}.landing-aside{padding-top:clamp(2.5rem,6vh,3.5rem)}}@media (width<=900px){.landing{grid-template-columns:1fr}.landing-aside{border-right:none;border-bottom:1px solid var(--border)}.hero-line{display:inline}.landing-aside .lede{max-width:none}.landing-columns{grid-template-columns:1fr}.landing-column{border-left:none;border-top:1px solid var(--border);padding:clamp(2.25rem, 5vh, 3rem) var(--gutter) clamp(2rem, 4vh, 2.75rem);gap:1.4rem}.landing-column footer{margin-bottom:0}.landing-column .body-sm{max-width:none}.scroll-hint{display:none}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.project-grid{grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.not-found-sections{gap:.75rem;width:100%;margin-top:clamp(.5rem,2vh,1.25rem);display:grid}.not-found-sections ul{gap:.5rem;padding:0;list-style:none;display:grid}.not-found-sections a{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--season-accent);grid-template-columns:auto auto 1fr auto;align-items:center;gap:.85rem;padding:.7rem .9rem;transition:border-color .22s,background-color .22s,transform .22s;display:grid}.not-found-sections a:hover,.not-found-sections a:focus-visible{border-color:var(--season-accent);background:color-mix(in srgb, var(--season-accent) 12%, transparent);transform:translate(3px)}.not-found-sections .label{letter-spacing:.17em;text-transform:uppercase;font-size:.66rem;font-weight:600}.not-found-sections .title{color:var(--text);text-align:right;font-size:.9rem;font-weight:600}.not-found-sections .arrow{color:var(--muted);transition:color .22s,transform .22s}.not-found-sections a:hover .arrow{color:var(--season-accent);transform:translate(2px)}@media (width<=560px){.not-found-sections a{grid-template-columns:auto 1fr;row-gap:.15rem}.not-found-sections .title{text-align:left;grid-area:2/2}.not-found-sections .arrow{display:none}}