@layer reset,tokens,typography,utilities,components,sections,pages;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root,#__next{isolation:isolate}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}}@layer tokens{:root{--color-bg: #0b1120;--color-bg-elevated: #111a2e;--color-bg-overlay: rgba(11, 17, 32, .85);--color-surface: #1a2440;--color-border: rgba(248, 250, 252, .08);--color-border-strong: rgba(248, 250, 252, .16);--color-text: #f8fafc;--color-text-muted: rgba(248, 250, 252, .7);--color-text-dim: rgba(248, 250, 252, .5);--color-accent: #f4b400;--color-accent-hover: #ffc933;--color-accent-dim: rgba(244, 180, 0, .15);--color-accent-glow: rgba(244, 180, 0, .35);--color-success: #22c55e;--color-error: #ef4444;--font-display: "Space Grotesk", "Clash Display", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--fs-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--fs-sm: clamp(.875rem, .825rem + .25vw, .9375rem);--fs-base: clamp(1rem, .95rem + .25vw, 1.0625rem);--fs-md: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--fs-lg: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--fs-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--fs-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);--fs-3xl: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);--fs-4xl: clamp(3rem, 2rem + 5vw, 6.5rem);--fs-display: clamp(3.5rem, 2.4rem + 5.5vw, 7.5rem);--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--space-6xl: 12rem;--section-py: clamp(4rem, 8vw, 8rem);--section-px: clamp(1.25rem, 4vw, 3rem);--container-max: 1280px;--container-narrow: 880px;--nav-h: clamp(60px, 5vw + 16px, 76px);--bp-md: 600px;--bp-lg: 900px;--bp-xl: 1200px;--bp-xxl: 1600px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px var(--color-accent-glow);--easing-out: cubic-bezier(.22, 1, .36, 1);--easing-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .45s;--z-cursor: 9999;--z-preloader: 9000;--z-modal: 1000;--z-nav: 100;--z-scroll-progress: 90;--z-base: 1}}@layer typography{@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/assets/fonts/ClashDisplay-Variable.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}html{background-color:var(--color-bg)}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:transparent;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}h1{font-size:var(--fs-display)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg);font-family:var(--font-body);font-weight:var(--fw-semibold)}p{line-height:var(--lh-relaxed)}strong{font-weight:var(--fw-semibold);color:var(--color-text)}small{font-size:var(--fs-sm)}code,kbd{font-family:var(--font-mono);font-size:.92em}a{transition:color var(--duration-base) var(--easing-out)}a:hover{color:var(--color-accent)}.section__label{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg)}.section__label:before{content:"";width:1.5rem;height:1px;background:var(--color-accent)}}@layer utilities{.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--section-px)}.container--narrow{max-width:var(--container-narrow)}.flow>*+*{margin-top:var(--flow-space, 1em)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:0;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg);font-weight:var(--fw-semibold);z-index:9999;transition:top var(--duration-base) var(--easing-out)}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline-offset:4px}body[data-locked=true]{overflow:hidden}@media (pointer: coarse){.contact-link,.footer__col a,.proj-band__live,.proj-item__live,.nav__list a{min-height:44px;display:inline-flex;align-items:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.btn{--btn-pad-y: .85rem;--btn-pad-x: 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:var(--btn-pad-y) var(--btn-pad-x);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;position:relative;isolation:isolate;transition:background-color var(--duration-base) var(--easing-out),color var(--duration-base) var(--easing-out),border-color var(--duration-base) var(--easing-out),transform .1s var(--easing-out);white-space:nowrap;user-select:none;text-decoration:none}.btn small{font-size:.72em;font-weight:var(--fw-regular);opacity:.7;letter-spacing:.04em;text-transform:uppercase}.btn svg{flex-shrink:0;transition:transform var(--duration-base) var(--easing-out)}.btn--primary{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 0 1px var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);color:var(--color-bg);box-shadow:0 0 0 1px var(--color-accent-hover),var(--shadow-glow)}.btn--primary:hover svg{transform:translate(4px)}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--ghost:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost:hover svg{transform:translateY(2px)}.btn:active{transform:scale(.97)}.btn[data-magnetic]{will-change:transform}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}}@layer components{.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding-block:var(--space-xs);transition:background-color var(--duration-slow) var(--easing-out),backdrop-filter var(--duration-slow) var(--easing-out),border-color var(--duration-slow) var(--easing-out)}.nav.is-scrolled{background:#0b1120c7;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.nav__logo{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.25rem;letter-spacing:-.02em;display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text);transition:color var(--duration-base) var(--easing-out)}.nav__logo-svg{display:block;height:clamp(44px,5vw,60px);width:auto;transition:opacity var(--duration-base) var(--easing-out)}.nav__logo:hover .nav__logo-svg{opacity:.85}@media (max-width: 599px){.nav__logo-svg{height:40px}}.nav__menu{display:flex;align-items:center;margin-inline-start:auto}.nav__list{display:flex;gap:var(--space-xl);align-items:center}.nav__list a{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);position:relative;padding-block:.4rem;transition:color var(--duration-base) var(--easing-out)}.nav__list a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--color-accent);transform-origin:left;transform:scaleX(0);transition:transform var(--duration-base) var(--easing-out)}.nav__list a:hover,.nav__list a.is-active{color:var(--color-text)}.nav__list a:hover:after,.nav__list a.is-active:after{transform:scaleX(1)}.nav__cta{--btn-pad-y: .55rem;--btn-pad-x: 1.1rem;font-size:var(--fs-xs);transition:background-color var(--duration-base) var(--easing-out),color var(--duration-base) var(--easing-out),border-color var(--duration-base) var(--easing-out),transform .25s var(--easing-out)}.nav__cta:hover{transform:translateY(-2px)}.nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:.5rem}.nav__toggle span{display:block;height:2px;width:100%;background:var(--color-text);border-radius:2px;transition:transform var(--duration-base) var(--easing-out),opacity var(--duration-base) var(--easing-out)}.nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 899px){.nav__menu{position:fixed;inset:0;background:var(--color-bg);padding:6rem var(--section-px) var(--section-px);transform:translate(100%);transition:transform var(--duration-slow) var(--easing-out),visibility 0s linear var(--duration-slow);z-index:5;visibility:hidden}.nav__menu.is-open{transform:translate(0);transition:transform var(--duration-slow) var(--easing-out);visibility:visible}.nav.is-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.nav__list a:after{display:none}.nav__list{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.nav__list a{font-size:var(--fs-2xl);font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.nav__cta{display:none}.nav__toggle{display:flex;z-index:10}}}@layer components{.scroll-progress{display:none}.scroll-progress__bar{height:100%;width:0%;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);transform-origin:left;will-change:width}}@layer components{.tech-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:clamp(1.1rem,2.4vw,1.9rem) clamp(1.5rem,3vw,2.4rem)}.tech{display:flex;align-items:center;gap:.75rem}.tech__logo{width:38px;height:38px;object-fit:contain;display:block;flex:none}.tech__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap}@media (hover: hover){.tech{transition:transform var(--duration-base) var(--easing-out)}.tech:hover{transform:translateY(-2px)}}}@layer components{.contact__form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;padding:clamp(1.4rem,3vw,2.4rem);padding-bottom:clamp(1rem,2.2vw,1.5rem);background:#0f172a80;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px #ffffff0a inset,0 18px 40px #00000047;transition:border-color .4s var(--easing-out),box-shadow .4s var(--easing-out)}.contact__form:focus-within{border-color:#f4b40047;box-shadow:0 1px #ffffff0d inset,0 22px 50px #0000005c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 599px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-field label,.form-choice__legend{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);letter-spacing:-.01em;transition:color var(--duration-base) var(--easing-out),transform var(--duration-base) var(--easing-out)}.form-field:focus-within label{color:var(--color-accent);transform:translate(3px)}.form-field__opt{color:var(--color-text-dim);font-weight:var(--fw-regular)}.form-field input,.form-field textarea{width:100%;padding:.85rem 1rem;background:#ffffff09;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);caret-color:var(--color-accent);font-size:var(--fs-base);font-family:var(--font-body);box-shadow:0 1px 2px #00000038;transition:border-color .22s var(--easing-out),background-color .22s var(--easing-out),box-shadow .28s var(--easing-out),transform .22s var(--easing-out)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-dim)}.form-field input:hover,.form-field textarea:hover{border-color:var(--color-text-dim);background:#ffffff0d}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent);background:#ffffff0e;box-shadow:0 0 0 3px #f4b4002e,0 8px 20px #0000004d;transform:translateY(-1px)}.form-field textarea{resize:vertical;min-height:130px}.form-field__count{position:absolute;right:.15rem;bottom:-1.35rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.7rem;color:var(--color-text-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:color var(--duration-base) var(--easing-out)}.form-field__count.is-near-limit{color:var(--color-accent)}.form-field.is-invalid input,.form-field.is-invalid textarea{border-color:var(--color-error)}.form-field.is-invalid label{color:var(--color-error)}.form-submit{align-self:flex-start;margin-top:var(--space-sm);position:relative;box-shadow:0 4px 14px #00000052;transition:box-shadow .25s var(--easing-out),transform .18s var(--easing-out)}@media (max-width: 899px){.form-submit{align-self:center}}.form-submit__arrow{transition:transform var(--duration-base) var(--easing-out)}.form-submit:hover,.form-submit:focus-visible{background:var(--color-accent);color:var(--color-bg);box-shadow:0 8px 20px #0000006b;transform:translateY(-2px)}.form-submit:hover .form-submit__arrow,.form-submit:focus-visible .form-submit__arrow{transform:translate(4px)}.form-submit:active{transform:translateY(0) scale(.98);box-shadow:0 3px 9px #00000057}.form-submit.is-success .form-submit__arrow{opacity:0}.form-submit__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;stroke-dasharray:30;stroke-dashoffset:30;pointer-events:none;transition:opacity var(--duration-base) var(--easing-out)}.form-submit.is-loading{pointer-events:none;opacity:.7}.form-submit.is-success .form-submit__label{opacity:0}.form-submit.is-success .form-submit__check{opacity:1;animation:check-draw .5s var(--easing-out) forwards}@keyframes check-draw{to{stroke-dashoffset:0}}.form-status{font-size:var(--fs-sm);color:var(--color-text-muted);min-height:0;margin-top:calc(var(--space-md) - var(--space-lg))}.form-status:empty{display:none}.form-status.is-success{display:flex;align-items:center;gap:.6rem;color:var(--color-success);font-weight:var(--fw-medium)}.form-status.is-success:before{content:"";flex:none;width:1.2rem;height:1.2rem;background:var(--color-success);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center / contain no-repeat}.form-status.is-error{color:var(--color-error)}@media (prefers-reduced-motion: reduce){.form-submit:hover,.form-submit:focus-visible,.form-submit:active{transform:none}}}@layer sections{.hero{position:-webkit-sticky;position:sticky;top:0;height:min(100vh,880px);height:min(100dvh,880px);display:flex;align-items:center;overflow:hidden;padding-block:clamp(6rem,14vh,9rem) clamp(3rem,6vh,5rem);isolation:isolate;z-index:0}.hero__bg{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero__bg-fill{display:none}.hero__bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;will-change:transform}.hero__bg-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b1120bf,#0b112073,#0b112033),linear-gradient(180deg,rgba(11,17,32,.25) 0%,transparent 35%,rgba(11,17,32,.7) 100%);z-index:-1}.hero__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55' /%3E%3C/svg%3E");background-size:200px;opacity:.04;mix-blend-mode:overlay;pointer-events:none;z-index:-1}.hero__inner{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center;width:100%}@media (min-width: 900px){.hero__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-3xl)}.hero__portrait{margin-inline-end:clamp(1.5rem,5vw,4rem)}}.hero__content{display:flex;flex-direction:column;align-items:flex-start;max-width:60rem}.hero__portrait{position:relative;margin-block:0;width:100%;max-width:300px;aspect-ratio:3 / 4;border-radius:var(--radius-lg);isolation:isolate;justify-self:end;will-change:transform;perspective:1400px}.hero__portrait-flipper{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.55,.05,.25,1);box-shadow:0 24px 56px #0000008c,0 0 0 1px #f4b40026,0 0 64px #f4b40038}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hero__portrait:hover .hero__portrait-flipper{transform:rotateY(180deg)}}.hero__portrait-face{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1.5px solid rgba(244,180,0,.4)}.hero__portrait-face--back{transform:rotateY(180deg);background:#0d1424;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;gap:var(--space-lg)}.hero__portrait picture{display:block;width:100%;height:100%}.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;user-select:none;-webkit-user-drag:none}.hero__card-quote{font-family:EB Garamond,Cormorant Garamond,Times New Roman,serif;font-style:italic;font-weight:500;font-size:20px;line-height:1.45;color:#fffffff5;margin:0;width:100%}.hero__card-sign{font-family:EB Garamond,Cormorant Garamond,Times New Roman,serif;font-size:clamp(.72rem,1.4vw,.85rem);font-weight:500;font-style:normal;color:#ffffff8c;letter-spacing:.06em}.hero__portrait-glow{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(244,180,0,.25) 0%,transparent 60%);z-index:-1;filter:blur(30px);pointer-events:none}@media (max-width: 899px){.hero__portrait{max-width:220px;justify-self:end}}@media (max-width: 599px){.hero__portrait{max-width:180px;justify-self:center}}.hero__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.hero__year{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-dim)}.hero__divider{width:4rem;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent);flex-shrink:0}.hero__title{font-family:var(--font-display);font-size:clamp(3rem,1.6rem + 7vw,9rem);line-height:.92;letter-spacing:-.04em;font-weight:var(--fw-bold);margin:0 0 20px;color:var(--color-text);max-width:100%;text-shadow:0 4px 30px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.7)}.hero__title-line{display:block;position:relative}.hero__title-line--accent{color:var(--color-text)}.hero__title-dot{color:var(--color-accent);display:inline-block}.hero__role{font-size:var(--fs-lg);color:#fff;font-weight:var(--fw-semibold);letter-spacing:.01em;margin:var(--space-md) 0 0;max-width:50ch;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;text-shadow:0 2px 12px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.6)}.hero__role-prefix{color:var(--color-accent);font-weight:var(--fw-bold);font-size:1.2em}.hero__tagline{font-size:var(--fs-md);color:#fffffff2;max-width:42ch;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.7)}.hero__tagline strong{color:#fff;font-weight:var(--fw-semibold)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.hero__cta .btn{--btn-pad-y: 1rem;--btn-pad-x: 1.75rem;font-size:var(--fs-base);box-shadow:0 8px 32px #00000080}.hero__cta .btn--primary{background:#d99c00;box-shadow:0 0 0 1px #d99c00,0 4px 14px #d99c0040}.hero__cta .btn--primary:hover{background:#c08a00;box-shadow:0 0 0 1px #c08a00,0 6px 18px #d99c0059}.hero__cta .btn--ghost{background:#0b11208c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#fff6;color:#fff}.hero__cta .btn--ghost:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.hero__cta .btn{transition:background-color var(--duration-base) var(--easing-out),color var(--duration-base) var(--easing-out),border-color var(--duration-base) var(--easing-out),transform .25s var(--easing-out),box-shadow var(--duration-base) var(--easing-out)}.hero__cta .btn:hover{transform:translateY(-2px)}#about,#projets,#competences,#contact{position:relative;z-index:2;background:var(--color-bg)}.site-footer{position:relative;z-index:2}}@layer sections{.about{padding-block:clamp(5rem,9vw,8rem) clamp(2rem,4vw,4rem);position:relative;background:var(--color-bg);overflow:clip}.about__inner{position:relative}.about__copy p,.about__lede{text-shadow:0 0 28px rgba(244,180,0,.07)}.about__grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:start}@media (min-width: 900px){.about__grid{grid-template-columns:minmax(320px,420px) 1fr;gap:var(--space-3xl);align-items:center}}.about__portrait{position:relative;margin:0;width:100%;max-width:320px;will-change:transform}@media (max-width: 899px){.about__portrait{max-width:260px}}.about__portrait-mask{position:relative;z-index:1;border-radius:18px;overflow:hidden;background:var(--color-bg-elevated);aspect-ratio:3 / 4;box-shadow:0 22px 50px #0000008c}.about__portrait-deco{display:block;position:absolute;inset:0;border:1.5px solid rgba(244,180,0,.55);border-radius:18px;transform:translate(14px,14px);pointer-events:none;z-index:0}.about__portrait-mask picture{display:block;width:100%;height:100%}.about__portrait-mask img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.about__copy{display:flex;flex-direction:column;gap:var(--space-md)}.about__lede{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:var(--fw-semibold);line-height:1.05;letter-spacing:-.02em;color:var(--color-text);margin:0}.about__lede-line{display:block}.about__lede-dot{display:inline-block;color:var(--color-accent)}.about__body{display:flex;flex-direction:column;gap:var(--space-md)}.about__body p{color:var(--color-text-muted);font-size:var(--fs-base);max-width:60ch}.about__body strong{color:var(--color-text)}.about__story{display:block;margin:clamp(5rem,9vw,8rem) auto 0;padding-top:0;max-width:1200px;position:relative}.about__timeline-wrap{position:relative;width:100%}.about__timeline--row{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,2.5vw,2.5rem);align-items:stretch;width:100%;max-width:none;min-height:400px}.about__timeline-flag{position:absolute;right:0;top:50%;width:clamp(18px,1.8vw,26px);height:auto;transform:translate(50%,-100%);z-index:2;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.about__timeline-flag-fabric{transform-origin:0 50%;animation:about-flag-wave 2.2s ease-in-out infinite}@keyframes about-flag-wave{0%,to{transform:translate(3px,2px) skew(0)}50%{transform:translate(3px,2px) skew(-8deg)}}@media (prefers-reduced-motion: reduce){.about__timeline-flag-fabric{animation:none}}.about__timeline-car{position:absolute;top:50%;left:0;width:clamp(90px,11vw,140px);height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));will-change:transform}.about__timeline-line{position:absolute;left:.425rem;right:.425rem;top:50%;transform:translateY(-50%);height:3px;background:#f4b40033;border-radius:2px;z-index:0;overflow:hidden}.about__timeline-line-fill{display:block;height:100%;width:0;background:var(--color-accent);box-shadow:0 0 8px #f4b40066;transform-origin:left center}.about__step{position:relative;z-index:1;min-height:400px;max-width:100%}.about__step:before{content:"";position:absolute;left:calc(.425rem - .5px);width:1px;height:2.5rem;background:#f4b40059;pointer-events:none;z-index:0}.about__step--down:before{top:calc(50% + .5rem)}.about__step--up:before{bottom:calc(50% + .5rem)}.about__step--current:before{background:var(--color-accent);width:1.5px;left:calc(.425rem - .75px)}.about__step-dot{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.85rem;height:.85rem;border-radius:50%;background:var(--color-bg);border:1.5px solid rgba(244,180,0,.55);z-index:2}.about__step-body{position:absolute;left:0;right:0;display:flex;flex-direction:column;padding:0;background:transparent}.about__step--down .about__step-body{top:calc(50% + 3.2rem);flex-direction:column}.about__step--up .about__step-body{bottom:calc(50% + 3.2rem);flex-direction:column}.about__step--current .about__step-dot{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 4px #f4b40029,0 0 16px #f4b4008c}.about__step-title{font-family:var(--font-display);font-size:clamp(1.5rem,2vw,1.95rem);color:var(--color-text);font-weight:600;letter-spacing:-.02em;margin:0 0 .55rem;line-height:1.05}.about__step--current .about__step-title{color:var(--color-accent)}.about__step-desc{font-size:clamp(.9rem,1vw,.98rem);color:var(--color-text-muted);line-height:1.55;margin:0;max-width:32ch}@media (max-width: 899px){.about__timeline--row{grid-template-columns:1fr;gap:0;min-height:auto}.about__timeline-car,.about__timeline-flag{display:none}.about__timeline-line{top:0;bottom:0;left:.425rem;right:auto;width:2px;height:auto;transform:none;background:#f4b4002e}.about__step{min-height:auto;padding:0 0 2rem 2rem;position:relative}.about__step:last-child{padding-bottom:0}.about__step:before{display:none}.about__step-dot{top:.4rem;left:0;transform:none}.about__step-body{position:static;top:auto!important;bottom:auto!important}.about__step--down .about__step-body,.about__step--up .about__step-body{top:auto;bottom:auto}.about__step-desc{max-width:56ch}}}@layer sections{.projects{padding-block:clamp(2.5rem,5vw,4rem) var(--section-py);background:var(--color-bg);scroll-margin-top:var(--nav-h);border-top:1px solid rgba(255,255,255,.14)}.projects__inner{display:flex;flex-direction:column;gap:var(--space-2xl)}.projects__title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.08;color:var(--color-text);max-width:16ch;margin:0}.projects__title-dot{color:var(--color-accent)}.projects__title .word:last-child .char:last-child{color:var(--color-accent)}.projects__featured{display:flex;flex-direction:column;gap:clamp(4rem,9vw,8rem)}.proj-band{display:flex;flex-direction:column;gap:var(--space-sm)}.proj-band__link{display:grid;grid-template-columns:1fr;gap:var(--space-lg);text-decoration:none;color:var(--color-text)}.proj-band__live{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.01em;color:var(--color-text-dim);text-decoration:none;transition:color .25s var(--easing-out)}.proj-band__live:hover,.proj-band__live:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}@media (min-width: 900px){.proj-band:nth-child(2) .proj-band__link,.proj-band:nth-child(4) .proj-band__link{grid-template-columns:1.25fr 1fr;align-items:center;gap:var(--space-3xl)}.proj-band:nth-child(1) .proj-band__link,.proj-band:nth-child(3) .proj-band__link,.proj-band:nth-child(5) .proj-band__link{grid-template-columns:1fr 1.25fr;align-items:center;gap:var(--space-3xl)}.proj-band:nth-child(1) .proj-band__media,.proj-band:nth-child(3) .proj-band__media,.proj-band:nth-child(5) .proj-band__media{order:2}.proj-band:nth-child(2) .proj-band__live,.proj-band:nth-child(4) .proj-band__live{align-self:flex-end}}.proj-band__media{aspect-ratio:16 / 10}.proj-band__media img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform .7s var(--easing-out)}.proj-band__link:hover .proj-band__media img{transform:scale(1.025)}.proj-band__body{display:flex;flex-direction:column;gap:var(--space-md)}.proj-band__name{font-family:var(--font-display);font-weight:var(--fw-semibold);color:#f8fafcd1;letter-spacing:-.025em;line-height:1.05;margin:0}.proj-band__name{font-size:clamp(1.45rem,2.7vw,2.1rem)}.proj-band__tagline{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--color-text-muted);margin:0;max-width:60ch}.proj-band__stack{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.proj-band__stack li{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.25rem .7rem}.proj-band__cta{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--color-accent);width:max-content}.proj-band__link:hover .proj-band__cta{text-decoration:underline;text-underline-offset:4px}.projects__list-label{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--color-text);margin:0}.projects__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem)}.proj-item{display:flex;flex-direction:column}.proj-item__link{display:grid;grid-template-columns:clamp(200px,26vw,300px) 1fr;align-items:center;gap:clamp(1.2rem,3vw,2.6rem);text-decoration:none;color:var(--color-text)}.proj-item__media{aspect-ratio:16 / 10}.proj-item__media img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1);transition:transform .5s var(--easing-out)}.proj-item__link:hover .proj-item__media img{transform:scale(1.025)}.proj-item__body{display:flex;flex-direction:column;gap:var(--space-sm)}.proj-item__name{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.02em;line-height:1.1;color:#f8fafcd1;margin:0}.proj-item__tagline{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.5;margin:0;max-width:52ch}.proj-item__cta{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-accent);width:max-content}.proj-item__link:hover .proj-item__cta{text-decoration:underline;text-underline-offset:4px}.proj-item__live{align-self:start;margin:var(--space-sm) 0 0 calc(clamp(200px,26vw,300px) + clamp(1.2rem,3vw,2.6rem));display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.01em;color:var(--color-text-dim);text-decoration:none;transition:color .25s var(--easing-out)}.proj-item__live:hover,.proj-item__live:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}@media (max-width: 899px){.proj-item__link{grid-template-columns:1fr;gap:var(--space-md)}.proj-item__live{margin-left:0}}[data-reveal]{will-change:opacity,transform}@media (prefers-reduced-motion: reduce){.proj-band__media img{transition:none}}}@layer sections{.skills{padding-block:var(--section-py);background:var(--color-bg-elevated);border-block:1px solid var(--color-border);position:relative;scroll-margin-top:var(--nav-h)}.skills__inner{display:flex;flex-direction:column;gap:clamp(3rem,6vw,5.5rem)}.skills__title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.08;color:var(--color-text);max-width:16ch;margin:0}.skills__title-dot{color:var(--color-accent)}.skills__title .word:last-child .char:last-child{color:var(--color-accent)}.skills__intro{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-medium);color:var(--color-text-muted, rgba(248, 250, 252, .72));margin:calc(clamp(3rem,6vw,5.5rem) * -1 + var(--space-sm)) 0 0}.skills__tier{display:grid;grid-template-columns:clamp(150px,18vw,230px) 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.skills__tier-label{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text);margin:0;line-height:1.25;letter-spacing:-.01em;text-transform:none}@media (max-width: 720px){.skills__tier{grid-template-columns:1fr;gap:var(--space-lg)}}.skills__cta{display:flex;justify-content:flex-start;margin-top:var(--space-sm)}@media (max-width: 480px){.skills__cta{justify-content:stretch}.skills__cta .btn{max-width:100%;white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center}}}@layer sections{.contact{padding-block:var(--section-py);position:relative;overflow:hidden;isolation:isolate;background:var(--color-bg)}.contact__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-2xl)}.contact__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:start}@media (min-width: 900px){.contact__grid{grid-template-columns:1fr 1fr;gap:var(--space-4xl)}}.contact__lede{display:flex;flex-direction:column;gap:var(--space-md);position:relative;isolation:isolate}.contact__clock{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.contact__clock strong{color:var(--color-accent);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.contact__title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.08;color:var(--color-text);margin:0}.contact__title-dot{color:var(--color-accent)}.contact__title .word:last-child .char:last-child{color:var(--color-accent)}.contact__sub{font-size:var(--fs-md);color:var(--color-text-muted);margin:0}.contact__links-label{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text);margin:var(--space-md) 0 0;line-height:1.25;letter-spacing:-.01em}.contact__links{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-direction:column;gap:.85rem}.contact-link{display:inline-flex;align-items:center;gap:.85rem;width:max-content;max-width:100%;padding:.25rem 0;text-decoration:none;color:var(--color-text-muted);transition:color var(--duration-base) var(--easing-out),transform var(--duration-base) var(--easing-out)}.contact-link:hover,.contact-link:focus-visible{color:var(--color-text);transform:translate(3px)}.contact-link__icon{width:26px;height:26px;object-fit:contain;display:block;flex:none;filter:grayscale(1) brightness(1.75) opacity(.62);transition:filter var(--duration-slow, .4s) var(--easing-out)}.contact-link:hover .contact-link__icon,.contact-link:focus-visible .contact-link__icon{filter:grayscale(0) brightness(1) opacity(1)}@media (prefers-reduced-motion: reduce){.contact-link__icon{transition:none}}.contact-link__name{font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:-.01em}.contact-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:3px}@media (prefers-reduced-motion: reduce){.contact-link{transition:color var(--duration-base) var(--easing-out)}.contact-link:hover,.contact-link:focus-visible{transform:none}}}@layer sections{.footer{position:relative;background:var(--color-bg);padding-block:clamp(2.75rem,5vw,4.5rem) clamp(1.75rem,3vw,2.25rem)}.footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:#f8fafc24}.footer__inner{display:flex;flex-direction:column;gap:clamp(2.25rem,4vw,3.25rem)}.footer__main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:clamp(2rem,5vw,4rem)}.footer__brand{display:flex;flex-direction:column;gap:1.1rem;max-width:22rem}.footer__logo{display:inline-block;width:fit-content}.footer__logo img{display:block;height:clamp(70px,8vw,104px);width:auto}.footer__cols{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4rem)}.footer__col{display:flex;flex-direction:column;gap:.6rem}.footer__col-title{margin:0 0 .35rem;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.footer__col a{font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;width:fit-content;transition:color .25s var(--easing-out),transform .25s var(--easing-out)}.footer__col a:hover,.footer__col a:focus-visible{color:var(--color-text);transform:translate(3px)}.footer__copy{text-align:center;font-size:var(--fs-xs);color:var(--color-text-dim);margin:0;padding-top:clamp(1.5rem,3vw,2.25rem);border-top:1px solid var(--color-border)}@media (max-width: 720px){.footer__main{flex-direction:column;gap:2.25rem}.footer__brand{max-width:none}}@media (prefers-reduced-motion: reduce){.footer__col a{transition:none}}}@layer pages{.project-page{padding-top:6rem;padding-bottom:var(--section-py)}.project-hero{padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,4rem);display:flex;flex-direction:column;gap:var(--space-lg)}.project-hero__index{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-accent);letter-spacing:var(--tracking-wide)}.project-hero__title{font-size:var(--fs-4xl);line-height:var(--lh-tight);margin:0}.project-hero__tagline{font-size:var(--fs-md);color:var(--color-text-muted);max-width:50ch;margin:0}.project-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center;margin-top:var(--space-md)}.project-hero__stack{display:flex;flex-wrap:wrap;gap:.4rem}.project-hero__stack li{padding:.3rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted)}.project-hero__links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.project-back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:var(--space-xl);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);text-decoration:none;transition:color .25s var(--easing-out)}.project-back svg{transition:transform .25s var(--easing-out)}.project-back:hover,.project-back:focus-visible{color:var(--color-accent)}.project-back:hover svg,.project-back:focus-visible svg{transform:translate(-3px)}.project-cover{margin-block:var(--space-2xl);aspect-ratio:16 / 10}.project-cover img{width:100%;height:100%;object-fit:contain}.project-section{padding-block:var(--space-xl)}.project-section__label{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md)}.project-section__label:before{content:"";width:1.5rem;height:1px;background:var(--color-accent)}.project-section h2{font-size:var(--fs-2xl);margin:0 0 var(--space-lg);max-width:24ch}.project-section p{font-size:var(--fs-base);color:var(--color-text-muted);max-width:65ch;margin-bottom:var(--space-md)}.project-section ul:not([class]){display:flex;flex-direction:column;gap:var(--space-sm);max-width:65ch}.project-section ul:not([class]) li{position:relative;padding-left:1.4rem;color:var(--color-text-muted)}.project-section ul:not([class]) li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:var(--fw-bold)}.project-gallery{display:grid;gap:var(--space-md);grid-template-columns:1fr;margin-top:var(--space-lg)}@media (min-width: 700px){.project-gallery{grid-template-columns:1fr 1fr}}.project-gallery figure{margin:0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border);aspect-ratio:16 / 10}.project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--easing-out)}.project-gallery figure:hover img{transform:scale(1.04)}.project-all{margin-top:var(--space-3xl)}.project-all__label{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 var(--space-md)}.project-all__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.project-all__list a,.project-all__current{display:block;padding-block:var(--space-sm);font-family:var(--font-display);font-size:var(--fs-md);text-decoration:none;transition:color .2s var(--easing-out),padding-left .2s var(--easing-out)}.project-all__list a{color:var(--color-text-muted)}.project-all__list a:hover,.project-all__list a:focus-visible{color:var(--color-accent);padding-left:.4rem}.project-all__current{color:var(--color-accent);font-weight:var(--fw-semibold)}}