@font-face{font-family: "Archivo";src: url("../fonts/archivo-var.woff2") format("woff2-variations"),url("../fonts/archivo-var.woff2") format("woff2");font-weight: 600 800;font-stretch: 100% 125%;font-style: normal;font-display: swap}@font-face{font-family: "Inter";src: url("../fonts/inter-var.woff2") format("woff2-variations"),url("../fonts/inter-var.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap}@font-face{font-family: "JetBrains Mono";src: url("../fonts/jetbrains-mono-var.woff2") format("woff2-variations"),url("../fonts/jetbrains-mono-var.woff2") format("woff2");font-weight: 400 600;font-style: normal;font-display: swap}@font-face{font-family: "Inter Fallback";src: local("Arial");ascent-override: 90.2%;descent-override: 22.5%;line-gap-override: 0%;size-adjust: 107.4%}@font-face{font-family: "Archivo Fallback";src: local("Arial");ascent-override: 88%;descent-override: 21%;line-gap-override: 0%;size-adjust: 104%}@layer reset,tokens,base,layout,components,pages,motion,utilities;@layer tokens{:root{color-scheme: dark;--c-bg: #070B14;--c-bg-2: #0B1220;--c-surface: #101A2E;--c-surface-2: #16233D;--c-border: #1F2D4A;--c-border-strong: #2C3F66;--c-primary: #3D7BFF;--c-primary-hover: #5C91FF;--c-primary-active: #2A63E0;--c-action: #2563EB;--c-action-hover: #1D55D9;--c-action-active: #1A4BC2;--c-accent: #22D3EE;--c-accent-soft: rgb(34 211 238 / 0.16);--c-primary-soft: rgb(61 123 255 / 0.18);--c-text: #E7EDF7;--c-text-2: #9AA8C1;--c-text-3: #7685A1;--c-on-primary: #FFFFFF;--c-disabled-bg: #141C2C;--c-disabled-text: #4E5A72;--c-success: #34D399;--c-danger: #F87171;--c-proposal: #FBBF24;--c-exercise: #A78BFA;--c-focus: var(--c-accent);--font-display: "Archivo","Archivo Fallback",ui-sans-serif,system-ui,sans-serif;--font-body: "Inter","Inter Fallback",ui-sans-serif,system-ui,sans-serif;--font-mono: "JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;--fs-xs: 0.8125rem;--fs-sm: 0.875rem;--fs-base: clamp(1rem,0.96rem + 0.18vw,1.09375rem);--fs-lg: clamp(1.125rem,1.05rem + 0.35vw,1.3125rem);--fs-h3: clamp(1.25rem,1.15rem + 0.45vw,1.5rem);--fs-h2: clamp(1.875rem,1.5rem + 1.6vw,2.75rem);--fs-h1: clamp(2.5rem,1.6rem + 4vw,4.5rem);--fs-display: clamp(2.4rem,0.9rem + 8.2vw,6.5rem);--lh-tight: 1.05;--lh-heading: 1.15;--lh-body: 1.65;--s-1: 0.25rem;--s-2: 0.5rem;--s-3: 0.75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--s-10: 8rem;--section-space: clamp(3.5rem,2.25rem + 4.5vw,6.5rem);--container: 1200px;--container-wide: 1360px;--container-text: 720px;--gutter: clamp(1rem,0.5rem + 2.2vw,2rem);--header-h: 72px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.04);--shadow-md: 0 12px 40px -12px rgb(0 0 0 / 0.6);--shadow-glow: 0 0 0 1px rgb(61 123 255 / 0.25),0 8px 32px -8px rgb(61 123 255 / 0.35);--ease: cubic-bezier(0.2,0.7,0.2,1);--ease-out: cubic-bezier(0.16,1,0.3,1);--t-fast: 150ms;--t-ui: 300ms;--t-reveal: 600ms;--dot-grid: radial-gradient(circle at center,rgb(154 168 193 / 0.16) 1px,transparent 1.5px);--dot-size: 24px}}@layer reset{*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;hanging-punctuation: first last}body{min-height: 100svh}img,picture,svg,video,canvas{display: block;max-width: 100%}img,video{height: auto}input,button,textarea,select{font: inherit;color: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}p,h1,h2,h3,h4,li,dd{overflow-wrap: break-word}h1,h2,h3,h4{text-wrap: balance}p{text-wrap: pretty}[hidden]{display: none !important}}@layer base{html{background: var(--c-bg);color: var(--c-text);font-family: var(--font-body);font-size: 100%;line-height: var(--lh-body);font-optical-sizing: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scroll-padding-top: calc(var(--header-h) + var(--s-4))}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{font-size: var(--fs-base);background: var(--c-bg);overflow-x: clip}h1,h2,h3,h4{font-family: var(--font-display);font-weight: 700;line-height: var(--lh-heading);letter-spacing: -0.015em;color: var(--c-text)}h1{font-size: var(--fs-h1);font-stretch: 110%;letter-spacing: -0.025em}h2{font-size: var(--fs-h2);font-stretch: 105%;letter-spacing: -0.02em}h3{font-size: var(--fs-h3)}p,li{color: var(--c-text-2)}strong{color: var(--c-text);font-weight: 600}a{color: inherit;text-decoration-color: var(--c-border-strong);text-underline-offset: 0.2em;transition: color var(--t-fast) var(--ease),text-decoration-color var(--t-fast) var(--ease)}a:hover{color: var(--c-text);text-decoration-color: var(--c-accent)}:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 3px;border-radius: var(--radius-sm)}::selection{background: var(--c-action);color: var(--c-on-primary)}code,kbd,samp,.mono{font-family: var(--font-mono);font-size: 0.92em}hr{border: 0;border-top: 1px solid var(--c-border)}.skip-link{position: fixed;z-index: 1000;top: var(--s-3);left: var(--s-3);padding: var(--s-2) var(--s-4);background: var(--c-action);color: var(--c-on-primary);border-radius: var(--radius);font-weight: 600;text-decoration: none;transform: translateY(-200%);transition: transform var(--t-fast) var(--ease)}.skip-link:focus{transform: none;color: var(--c-on-primary)}main:focus{outline: none}.visually-hidden:not(:focus):not(:active){clip-path: inset(50%);height: 1px;width: 1px;overflow: hidden;position: absolute;white-space: nowrap}}@layer layout{.container{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.container--wide{max-width: calc(var(--container-wide) + 2 * var(--gutter))}.container--text{max-width: calc(var(--container-text) + 2 * var(--gutter))}.section{padding-block: var(--section-space);position: relative}.section--alt{background: var(--c-bg-2)}.section--linked::before{content: "";position: absolute;top: 0;left: 50%;width: 1px;height: calc(var(--section-space) * 0.6);background: linear-gradient(to bottom,var(--c-border-strong),transparent)}.stack{display: flex;flex-direction: column;gap: var(--stack-gap,var(--s-4))}.cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--cluster-gap,var(--s-3))}.grid{display: grid;gap: var(--grid-gap,var(--s-5))}@media (min-width: 768px){.grid--2{grid-template-columns: repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid--3{grid-template-columns: repeat(3,minmax(0,1fr))}}}@layer components{.btn{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-border: var(--c-border-strong);display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 48px;padding: 0 var(--s-5);border: 1px solid var(--btn-border);border-radius: var(--radius);background: var(--btn-bg);color: var(--btn-fg);font-family: var(--font-body);font-size: var(--fs-sm);font-weight: 600;letter-spacing: 0.01em;line-height: 1;text-decoration: none;white-space: nowrap;transition: background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-ui) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{--btn-border: var(--c-text-3);color: var(--btn-fg);background: var(--c-surface)}.btn:active{transform: translateY(1px)}.btn .icon{width: 18px;height: 18px;flex: none;transition: transform var(--t-ui) var(--ease)}.btn:hover .icon--arrow{transform: translateX(3px)}.btn:hover .icon--download{transform: translateY(2px)}.btn--primary{--btn-bg: var(--c-action);--btn-fg: var(--c-on-primary);--btn-border: rgb(92 145 255 / 0.55);box-shadow: var(--shadow-inset),0 8px 24px -10px rgb(61 123 255 / 0.7)}.btn--primary:hover{--btn-bg: var(--c-action-hover);--btn-border: var(--c-primary-hover);background: var(--btn-bg);box-shadow: var(--shadow-inset),0 10px 30px -8px rgb(61 123 255 / 0.8)}.btn--primary:active{--btn-bg: var(--c-action-active)}.btn--ghost{--btn-border: transparent;padding-inline: var(--s-2)}.btn--ghost:hover{background: transparent;--btn-border: transparent}.btn--sm{min-height: 40px;padding-inline: var(--s-4)}.btn--block{width: 100%}.btn[aria-disabled="true"],.btn:disabled{--btn-bg: var(--c-disabled-bg);--btn-fg: var(--c-disabled-text);--btn-border: var(--c-border);box-shadow: none;cursor: not-allowed;transform: none}.link-draw{color: var(--c-text);text-decoration: none;background: linear-gradient(var(--c-accent),var(--c-accent)) left bottom / 0% 1px no-repeat;padding-bottom: 2px;transition: background-size var(--t-ui) var(--ease),color var(--t-fast) var(--ease)}.link-draw:hover,.link-draw:focus-visible{background-size: 100% 1px;color: var(--c-text)}}@layer components{.tag-list{display: flex;flex-wrap: wrap;gap: var(--s-2);padding: 0;list-style: none}.tag{display: inline-flex;align-items: center;min-height: 26px;padding: 0 var(--s-2);border: 1px solid var(--c-border);border-radius: var(--radius-sm);background: rgb(255 255 255 / 0.02);color: var(--c-text-2);font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.01em;white-space: nowrap}.eyebrow{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-accent);font-family: var(--font-mono);font-size: var(--fs-xs);font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase}.eyebrow::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: currentColor;box-shadow: 0 0 0 3px var(--c-accent-soft)}.eyebrow--plain::before{display: none}}@layer components{.availability{display: inline-flex;align-self: flex-start;align-items: center;gap: var(--s-3);padding: 6px var(--s-4) 6px var(--s-3);border: 1px solid rgb(52 211 153 / 0.28);border-radius: var(--radius-pill);background: rgb(52 211 153 / 0.06);color: var(--c-text);font-size: var(--fs-xs);font-weight: 500;line-height: 1.35}.availability__dot{position: relative;flex: none;width: 8px;height: 8px;border-radius: 50%;background: var(--c-success)}.availability__dot::after{content: "";position: absolute;inset: -4px;border-radius: 50%;border: 1px solid var(--c-success);opacity: 0}.availability__roles{color: var(--c-text-2)}@media (max-width: 479px){.availability__roles{display: none}}}@layer components{.icon{width: 1.25em;height: 1.25em;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;vertical-align: middle}.icon--fill{fill: currentColor;stroke: none}}@layer components{.site-header{position: sticky;top: 0;z-index: 50;height: var(--header-h);border-bottom: 1px solid transparent;transition: background-color var(--t-ui) var(--ease),border-color var(--t-ui) var(--ease),backdrop-filter var(--t-ui) var(--ease)}.site-header.is-stuck,.no-js .site-header{background: rgb(7 11 20 / 0.78);border-bottom-color: var(--c-border);-webkit-backdrop-filter: saturate(140%) blur(14px);backdrop-filter: saturate(140%) blur(14px)}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--s-5);height: 100%}.brand{display: inline-flex;align-items: center;gap: var(--s-3);color: var(--c-text);text-decoration: none;font-family: var(--font-display);font-weight: 600;font-stretch: 108%;letter-spacing: -0.01em}.brand:hover{color: var(--c-text)}.brand__mark{display: block;flex: none;width: 53px;height: 32px}.brand__mark picture,.brand__mark img{display: block;width: 100%;height: 100%}.brand__mark img{object-fit: contain;transition: filter var(--t-ui) var(--ease),transform var(--t-ui) var(--ease)}.brand:hover .brand__mark img{filter: brightness(1.15) drop-shadow(0 0 6px rgb(34 211 238 / 0.45))}.brand__name{font-size: 1rem}.main-nav{display: none}.main-nav__list{display: flex;align-items: center;gap: var(--s-1);padding: 0;list-style: none}.main-nav__link{position: relative;display: inline-flex;align-items: center;height: 40px;padding: 0 var(--s-4);border-radius: var(--radius);color: var(--c-text-2);font-size: var(--fs-sm);font-weight: 500;text-decoration: none;transition: color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.main-nav__link:hover{color: var(--c-text);background: rgb(255 255 255 / 0.03)}.main-nav__link::after{content: "";position: absolute;left: var(--s-4);right: var(--s-4);bottom: 4px;height: 1px;background: linear-gradient(90deg,transparent,var(--c-accent),transparent);transform: scaleX(0);transition: transform var(--t-ui) var(--ease)}.main-nav__link[aria-current]::after{transform: scaleX(1)}.main-nav__link[aria-current]{color: var(--c-text)}.site-header__actions{display: flex;align-items: center;gap: var(--s-2)}.site-header__cv .label-long{display: none}@media (min-width: 1024px){.main-nav{display: block}.site-header__cv .label-long{display: inline}.site-header__cv .label-short{display: none}}@media (max-width: 379px){.brand__name{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}}}@layer components{.no-js .menu-toggle{display: none}@media (max-width: 1023px){.no-js .site-header{height: auto;position: static}.no-js .site-header__inner{flex-wrap: wrap;padding-block: var(--s-3)}.no-js .main-nav{display: block;order: 3;width: 100%;overflow-x: auto}}}@layer components{@media (max-height: 500px) and (orientation: landscape){:root{--header-h: 56px}.brand__mark{width: 46px;height: 28px}.site-header .btn--sm{min-height: 40px}.menu-toggle{width: 40px;height: 40px}}}@layer components{.site-footer{position: relative;padding-top: clamp(3rem,2rem + 4vw,5rem);border-top: 1px solid var(--c-border);background: radial-gradient(50% 80% at 85% 0%,rgb(61 123 255 / 0.07),transparent 70%),var(--c-bg-2)}.site-footer__rail{position: absolute;top: -1px;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,transparent 5%,rgb(34 211 238 / 0.5) 30%,rgb(61 123 255 / 0.35) 60%,transparent 95%)}.site-footer__rail span{position: absolute;top: -4px;left: 30%;width: 9px;height: 9px;border-radius: 50%;background: var(--c-bg);box-shadow: inset 0 0 0 1.5px var(--c-accent),0 0 12px rgb(34 211 238 / 0.5)}.site-footer__grid{display: grid;gap: var(--s-7) var(--s-6);grid-template-columns: 1fr;padding-bottom: clamp(2.5rem,2rem + 2vw,4rem)}@media (min-width: 640px){.site-footer__grid{grid-template-columns: repeat(2,minmax(0,1fr))}.site-footer__brand{grid-column: 1 / -1}}@media (min-width: 1024px){.site-footer__grid{grid-template-columns: minmax(0,1.6fr) repeat(3,minmax(0,1fr))}.site-footer__brand{grid-column: auto}}.site-footer__brand{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-4);max-width: 380px}.site-footer__tagline{color: var(--c-text);font-size: var(--fs-sm);font-weight: 500}.site-footer__pitch{font-size: var(--fs-sm)}.site-footer__title{margin-bottom: var(--s-4);color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase}.site-footer__list{display: flex;flex-direction: column;gap: var(--s-1)}.site-footer__list li{color: var(--c-text-2);font-size: var(--fs-sm)}.site-footer__list a{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 36px;color: var(--c-text-2);background-position: left calc(100% - 6px)}.site-footer__list a:hover,.site-footer__list a[aria-current]{color: var(--c-text)}.site-footer__list .icon{width: 16px;height: 16px;color: var(--c-text-3)}.site-footer__place{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 36px}.site-footer__bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-3) var(--s-6);padding-block: var(--s-5);border-top: 1px solid var(--c-border);color: var(--c-text-3);font-size: var(--fs-xs)}.site-footer__bottom p{color: var(--c-text-3)}.site-footer__built a{color: var(--c-text-2)}.site-footer__top{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 44px;color: var(--c-text-2);font-family: var(--font-mono);text-decoration: none}.site-footer__top:hover{color: var(--c-accent)}}@layer components{.site-footer .availability__roles{display: none}}@layer components{.menu-toggle{display: inline-grid;place-items: center;width: 44px;height: 44px;border: 1px solid var(--c-border-strong);border-radius: var(--radius);color: var(--c-text);transition: border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.menu-toggle:hover{background: var(--c-surface)}.menu-toggle__bars{position: relative;width: 18px;height: 12px}.menu-toggle__bars span{position: absolute;left: 0;width: 100%;height: 1.5px;border-radius: 2px;background: currentColor;transition: transform var(--t-ui) var(--ease),opacity var(--t-fast) var(--ease),top var(--t-ui) var(--ease)}.menu-toggle__bars span:nth-child(1){top: 0}.menu-toggle__bars span:nth-child(2){top: 5.25px;width: 70%}.menu-toggle__bars span:nth-child(3){top: 10.5px}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(1){top: 5.25px;transform: rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(2){opacity: 0}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(3){top: 5.25px;transform: rotate(-45deg)}@media (min-width: 1024px){.menu-toggle{display: none}}.mobile-nav{position: fixed;inset: var(--header-h) 0 0 0;z-index: 49;display: flex;flex-direction: column;gap: var(--s-6);padding: var(--s-6) var(--gutter) var(--s-7);overflow-y: auto;background: var(--dot-grid) 0 0 / var(--dot-size) var(--dot-size),linear-gradient(to bottom,rgb(7 11 20 / 0.98),var(--c-bg));-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity var(--t-ui) var(--ease),transform var(--t-ui) var(--ease),visibility 0s linear var(--t-ui)}.mobile-nav.is-open{opacity: 1;visibility: visible;transform: none;transition: opacity var(--t-ui) var(--ease),transform var(--t-ui) var(--ease),visibility 0s}.mobile-nav__list{display: flex;flex-direction: column;padding: 0;list-style: none;counter-reset: nav}.mobile-nav__link{counter-increment: nav;display: flex;align-items: baseline;gap: var(--s-4);padding: var(--s-4) 0;border-bottom: 1px solid var(--c-border);color: var(--c-text);font-family: var(--font-display);font-size: clamp(1.75rem,1.2rem + 3vw,2.5rem);font-weight: 600;font-stretch: 110%;letter-spacing: -0.02em;text-decoration: none}.mobile-nav__link::before{content: counter(nav,decimal-leading-zero);color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);font-weight: 400}.mobile-nav__link[aria-current]{color: var(--c-accent)}.mobile-nav__footer{display: flex;flex-direction: column;gap: var(--s-4);margin-top: auto}.mobile-nav__contact{color: var(--c-text-2);font-size: var(--fs-sm)}@media (min-width: 1024px){.mobile-nav{display: none}}.has-menu-open{overflow: hidden}}@layer components{.hero{position: relative;isolation: isolate;display: grid;align-content: center;min-height: calc(100vh - var(--header-h));min-height: calc(100svh - var(--header-h));padding-block: clamp(2rem,1rem + 4vw,4.5rem) clamp(3rem,2rem + 4vw,5rem);overflow: clip}.hero__backdrop{position: absolute;inset: calc(-1 * var(--header-h)) 0 0;z-index: -1;pointer-events: none;background: radial-gradient(60% 50% at 78% 38%,rgb(61 123 255 / 0.14),transparent 70%),radial-gradient(40% 35% at 12% 8%,rgb(34 211 238 / 0.07),transparent 70%)}.hero__backdrop::before{content: "";position: absolute;inset: 0;background: var(--dot-grid) 0 0 / var(--dot-size) var(--dot-size);-webkit-mask-image: radial-gradient(70% 60% at 60% 40%,#000 20%,transparent 75%);mask-image: radial-gradient(70% 60% at 60% 40%,#000 20%,transparent 75%)}.hero__grid{display: grid;grid-template-areas: "intro" "photo" "body";gap: var(--s-6);align-items: center}.hero__intro{grid-area: intro;display: flex;flex-direction: column;gap: var(--s-5)}.hero__visual{grid-area: photo;margin-bottom: var(--s-6)}.hero__body{grid-area: body;display: flex;flex-direction: column;gap: var(--s-5)}@media (min-width: 1024px){.hero__grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);grid-template-areas: "intro photo" "body photo";align-items: end;column-gap: clamp(2.5rem,1rem + 4vw,5rem);row-gap: var(--s-6)}.hero__body{align-self: start}.hero__visual{align-self: center;margin-bottom: 0}}.hero__name{display: flex;flex-direction: column;font-size: var(--fs-display);font-weight: 800;font-stretch: 116%;line-height: 0.92;letter-spacing: -0.035em;text-transform: uppercase}.hero__name-line{display: block}.hero__name-line--2{background: linear-gradient(100deg,var(--c-text) 10%,#B9C6DC 55%,var(--c-text-2) 95%);-webkit-background-clip: text;background-clip: text;color: transparent}.hero__node{display: inline-block;width: 0.16em;height: 0.16em;margin-left: 0.06em;border-radius: 50%;background: var(--c-accent);box-shadow: 0 0 0 0.05em rgb(34 211 238 / 0.18),0 0 0.35em rgb(34 211 238 / 0.65);vertical-align: baseline}.hero__roles{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);padding: 0;list-style: none;font-family: var(--font-display);font-size: var(--fs-lg);font-weight: 600;font-stretch: 104%;color: var(--c-text)}.hero__roles li{display: inline-flex;align-items: center;gap: var(--s-3);color: var(--c-text)}.hero__roles li + li::before{content: "";width: 18px;height: 1px;background: linear-gradient(90deg,var(--c-border-strong),var(--c-accent))}.hero__lead{max-width: 34ch;color: var(--c-text);font-size: clamp(1.25rem,1.1rem + 0.7vw,1.625rem);font-weight: 400;line-height: 1.4;letter-spacing: -0.01em}.hero__summary{max-width: 58ch}.hero__search{display: flex;flex-wrap: wrap;gap: var(--s-2);padding: 0;list-style: none}.hero__search li{display: inline-flex;align-items: center;gap: var(--s-2);padding: 6px var(--s-3);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);background: rgb(16 26 46 / 0.6);color: var(--c-text);font-size: var(--fs-sm);line-height: 1.3}.hero__search .icon{width: 15px;height: 15px;color: var(--c-accent)}.hero__search-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--c-success);box-shadow: 0 0 0 3px rgb(52 211 153 / 0.18)}.hero__search-label{color: var(--c-text-3)}.hero__actions{display: flex;flex-wrap: wrap;gap: var(--s-3)}@media (max-width: 479px){.hero__actions .btn{width: 100%}}.hero__meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-5);padding: 0;list-style: none;font-size: var(--fs-sm)}.hero__meta li{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-2)}.hero__meta a{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 44px;text-decoration: none;color: var(--c-text-2)}.hero__meta a:hover{color: var(--c-text)}.hero__meta .icon{color: var(--c-text-3);transition: color var(--t-fast) var(--ease)}.hero__meta a:hover .icon{color: var(--c-accent)}.hero__scroll{position: absolute;left: 50%;bottom: var(--s-5);display: grid;place-items: center;width: 44px;height: 92px;translate: -50% 0;border-radius: var(--radius-pill)}.hero__scroll-line{position: relative;width: 3px;height: 76px;overflow: hidden;border-radius: 3px;background: linear-gradient(to bottom,transparent,rgb(154 168 193 / 0.35) 25%,rgb(154 168 193 / 0.35) 75%,transparent)}.hero__scroll-line::after{content: "";position: absolute;left: 0;top: 0;width: 3px;height: 24px;border-radius: 2px;background: linear-gradient(to bottom,transparent,var(--c-accent));box-shadow: 0 0 8px var(--c-accent);translate: 0 -100%}.hero__scroll:hover .hero__scroll-line::after,.hero__scroll:focus-visible .hero__scroll-line::after{background: linear-gradient(to bottom,transparent,#fff)}@media (prefers-reduced-motion: no-preference){.hero__scroll-line::after{animation: scroll-light 2.2s var(--ease) infinite}}@media (prefers-reduced-motion: reduce){.hero__scroll-line::after{translate: 0 26px}}@media (min-width: 768px) and (min-height: 701px){.hero{padding-bottom: calc(clamp(3rem,2rem + 4vw,5rem) + 76px)}}@media (max-height: 700px),(max-width: 767px){.hero__scroll{display: none}}@keyframes scroll-light{0%{translate: 0 -100%;opacity: 0}15%{opacity: 1}80%{opacity: 1}100%{translate: 0 76px;opacity: 0}}}@layer components{.portrait{position: relative;width: min(78%,440px);margin-inline: auto;aspect-ratio: 4 / 5}@media (min-width: 1024px){.portrait{width: min(100%,440px);margin-inline: auto 0}}.portrait__halo{position: absolute;inset: -14% -18%;z-index: -1;background: radial-gradient(closest-side at 60% 45%,rgb(61 123 255 / 0.38),transparent 75%),radial-gradient(closest-side at 30% 80%,rgb(34 211 238 / 0.18),transparent 70%);filter: blur(36px);pointer-events: none}.portrait__frame{position: relative;height: 100%;padding: 1px;border-radius: 28px;background: linear-gradient(160deg,rgb(34 211 238 / 0.6) 0%,rgb(61 123 255 / 0.18) 35%,rgb(44 63 102 / 0.5) 70%,rgb(34 211 238 / 0.3) 100%);box-shadow: 0 40px 80px -40px rgb(0 0 0 / 0.9),0 0 0 1px rgb(255 255 255 / 0.02)}.portrait__inner{--mat: clamp(11px,4%,18px);position: relative;height: 100%;overflow: hidden;padding: var(--mat);border-radius: 27px;background: var(--dot-grid) 0 0 / 14px 14px,linear-gradient(170deg,#0D1830,#060A12 85%)}.portrait__img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: 50% 22%;border-radius: calc(27px - var(--mat));box-shadow: 0 0 0 1px rgb(255 255 255 / 0.07),0 18px 40px -20px rgb(0 0 0 / 0.9);filter: saturate(0.94) contrast(1.03)}.portrait__inner::after{content: "";position: absolute;inset: var(--mat);border-radius: calc(27px - var(--mat));background: linear-gradient(to top,rgb(7 11 20 / 0.55),transparent 38%),linear-gradient(140deg,rgb(61 123 255 / 0.10),transparent 50%);pointer-events: none}.portrait__placeholder{position: absolute;inset: 0;display: grid;place-items: center;align-content: center;gap: var(--s-4);background: var(--dot-grid) 0 0 / 20px 20px}.portrait__monogram{font-family: var(--font-display);font-size: clamp(5rem,3rem + 9vw,9rem);font-weight: 800;font-stretch: 125%;line-height: 1;letter-spacing: -0.04em;color: transparent;-webkit-text-stroke: 1.5px rgb(154 168 193 / 0.55);background: linear-gradient(160deg,rgb(34 211 238 / 0.22),rgb(61 123 255 / 0.05) 60%);-webkit-background-clip: text;background-clip: text}.portrait__placeholder-note{color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.06em;text-transform: uppercase}.portrait__corner{position: absolute;width: 22px;height: 22px;border-color: var(--c-accent);border-style: solid;border-width: 0;opacity: 0.85;pointer-events: none}.portrait__corner--tl{top: -10px;left: -10px;border-top-width: 1.5px;border-left-width: 1.5px;border-top-left-radius: 8px}.portrait__corner--tr{top: -10px;right: -10px;border-top-width: 1.5px;border-right-width: 1.5px;border-top-right-radius: 8px}.portrait__corner--bl{bottom: -10px;left: -10px;border-bottom-width: 1.5px;border-left-width: 1.5px;border-bottom-left-radius: 8px}.portrait__corner--br{bottom: -10px;right: -10px;border-bottom-width: 1.5px;border-right-width: 1.5px;border-bottom-right-radius: 8px}.portrait__network{position: absolute;top: 8%;left: -39%;width: 40%;height: auto;z-index: 1;overflow: visible;pointer-events: none}.portrait__network .net-line{stroke: var(--c-border-strong);stroke-width: 1;fill: none}.portrait__network .net-line--live{stroke: url(#net-gradient);stroke-dasharray: 4 6}.portrait__network .net-node{fill: var(--c-bg);stroke: var(--c-text-3);stroke-width: 1.2}.portrait__network .net-node--accent{fill: var(--c-accent);stroke: none}@media (max-width: 1023px){.portrait__network{display: none}}.portrait__chip{position: absolute;z-index: 2;display: flex;align-items: center;gap: var(--s-3);padding: var(--s-3) var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius-lg);background: rgb(16 26 46 / 0.82);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: var(--shadow-md),var(--shadow-inset)}.portrait__chip--cert{left: -12%;bottom: 9%}.cert-mini__icon{display: grid;place-items: center;width: 36px;height: 36px;flex: none;border-radius: 50%;background: rgb(52 211 153 / 0.12);color: var(--c-success);box-shadow: inset 0 0 0 1px rgb(52 211 153 / 0.35)}.cert-mini__icon .icon{width: 18px;height: 18px;stroke-width: 2}.cert-mini__title{display: block;color: var(--c-text);font-size: var(--fs-sm);font-weight: 600;line-height: 1.3}.cert-mini__meta{display: block;color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;line-height: 1.4}@media (max-width: 1023px){.portrait__chip--cert{left: 50%;bottom: -22px;translate: -50% 0;white-space: nowrap}}}@layer components{.section-heading{display: flex;flex-direction: column;gap: var(--s-4);max-width: 760px;margin-bottom: clamp(2rem,1.5rem + 2vw,3.5rem)}.section-heading>div{display: flex;flex-direction: column;gap: var(--s-4)}.section-heading__title{font-size: var(--fs-h2)}.section-heading__intro{max-width: 60ch;font-size: var(--fs-lg);line-height: 1.55}@media (min-width: 1024px){.section-heading--split{flex-direction: row;align-items: end;justify-content: space-between;gap: var(--s-7);max-width: none}.section-heading--split>:first-child{max-width: 720px}}}@layer components{.project-card{--mx: 50%;--my: 0%;position: relative;isolation: isolate;display: flex;flex-direction: column;height: 100%;overflow: hidden;border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface);box-shadow: var(--shadow-inset);transition: border-color var(--t-ui) var(--ease),transform var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.project-card::before{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;background: radial-gradient(420px circle at var(--mx) var(--my),rgb(61 123 255 / 0.10),transparent 60%);opacity: 0;transition: opacity var(--t-ui) var(--ease);pointer-events: none}.project-card:hover,.project-card:focus-within{border-color: var(--c-border-strong);box-shadow: var(--shadow-inset),var(--shadow-md)}.project-card:hover::before{opacity: 1}@media (hover: hover) and (prefers-reduced-motion: no-preference){.project-card:hover{transform: translateY(-3px)}}.project-card__media{position: relative;aspect-ratio: 16 / 10;overflow: hidden;padding: 7% 8% 0;border-bottom: 1px solid var(--c-border);background: radial-gradient(80% 70% at 50% 100%,rgb(61 123 255 / 0.16),transparent 70%),var(--dot-grid) 0 0 / 18px 18px,var(--c-bg-2)}.browser{overflow: hidden;border: 1px solid var(--c-border-strong);border-bottom: 0;border-radius: 10px 10px 0 0;background: var(--c-bg);box-shadow: 0 -10px 40px -18px rgb(0 0 0 / 0.8);transition: transform var(--t-reveal) var(--ease-out);min-height: calc(100% + 24px);display: flex;flex-direction: column}.browser__bar{display: flex;align-items: center;gap: 5px;height: 22px;padding: 0 9px;border-bottom: 1px solid var(--c-border);background: var(--c-surface)}.browser__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--c-border-strong)}.browser__url{flex: 1;margin-left: 8px;overflow: hidden;color: var(--c-text-3);font-family: var(--font-mono);font-size: 9px;text-overflow: ellipsis;white-space: nowrap}.browser__screen{flex: 1 0 auto;width: 100%;min-height: 0;aspect-ratio: 16 / 10;object-fit: cover;object-position: top center}@media (prefers-reduced-motion: no-preference){.project-card:hover .browser{transform: translateY(-4%)}}.phone{display: none}@media (min-width: 1100px){.project-card--half .phone{display: block;width: min(56%,220px);padding: 7px 7px 0;border: 1px solid var(--c-border-strong);border-bottom: 0;border-radius: 30px 30px 0 0;margin-bottom: -28px;background: var(--c-bg);box-shadow: 0 -10px 40px -18px rgb(0 0 0 / 0.8),var(--shadow-inset);transition: transform var(--t-reveal) var(--ease-out)}.project-card--half .phone__screen{width: 100%;aspect-ratio: 390 / 650;object-fit: cover;object-position: top;border-radius: 23px 23px 0 0}}@media (prefers-reduced-motion: no-preference){.project-card:hover .phone{transform: translateY(-4%)}}.project-card__badge{position: absolute;top: var(--s-3);left: var(--s-3);z-index: 2}.project-card__body{position: relative;display: flex;flex: 1;flex-direction: column;gap: var(--s-3);padding: var(--s-5)}.project-card__category{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.project-card__title{font-size: var(--fs-h3);font-stretch: 106%}.project-card__title a{color: inherit;text-decoration: none}.project-card__title a::after{content: "";position: absolute;inset: 0;z-index: 3}.project-card__title a:focus-visible{outline: none}.project-card:has(.project-card__title a:focus-visible){outline: 2px solid var(--c-focus);outline-offset: 3px}.project-card__summary{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-size: var(--fs-sm);line-height: 1.6}.project-card__role{color: var(--c-text-2);font-size: var(--fs-xs)}.project-card__role strong{color: var(--c-text);font-weight: 500}.project-card__footer{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-3);margin-top: auto;padding-top: var(--s-4);border-top: 1px dashed var(--c-border)}.project-card__cta{white-space: nowrap;display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.project-card__cta .icon{width: 16px;height: 16px;color: var(--c-accent);transition: transform var(--t-ui) var(--ease)}.project-card:hover .project-card__cta .icon{transform: translateX(4px)}}@layer components{.project-featured{--mx: 70%;--my: 30%;position: relative;isolation: isolate;display: grid;overflow: hidden;border: 1px solid var(--c-border-strong);border-radius: var(--radius-xl);background: radial-gradient(600px circle at var(--mx) var(--my),rgb(61 123 255 / 0.10),transparent 60%),linear-gradient(160deg,var(--c-surface),var(--c-bg-2) 70%);box-shadow: var(--shadow-inset),var(--shadow-md);transition: border-color var(--t-ui) var(--ease)}.project-featured::before{content: "";position: absolute;top: 0;left: 8%;right: 8%;height: 1px;background: linear-gradient(90deg,transparent,var(--c-accent),var(--c-primary),transparent);opacity: 0.8}.project-featured:hover{border-color: rgb(61 123 255 / 0.45)}.project-featured:has(.project-featured__title a:focus-visible){outline: 2px solid var(--c-focus);outline-offset: 4px}.project-featured__content{display: flex;flex-direction: column;gap: var(--s-5);padding: clamp(1.5rem,1rem + 2.5vw,3rem)}.project-featured__kicker{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3)}.project-featured__title{font-size: clamp(2rem,1.4rem + 2.6vw,3.25rem);font-stretch: 112%;line-height: 1}.project-featured__title a{color: inherit;text-decoration: none}.project-featured__title a::after{content: "";position: absolute;inset: 0;z-index: 3}.project-featured__title a:focus-visible{outline: none}.project-featured__subtitle{color: var(--c-text);font-size: var(--fs-lg);line-height: 1.45;max-width: 40ch}.project-featured__facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--s-4) var(--s-5);padding: var(--s-4) 0;border-block: 1px solid var(--c-border)}.project-featured__facts dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.project-featured__facts dd{color: var(--c-text);font-size: var(--fs-sm);line-height: 1.45;margin-top: var(--s-1)}.project-featured__footer{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-4)}.project-featured__cta{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text);font-weight: 600}.project-featured__cta .icon{color: var(--c-accent);transition: transform var(--t-ui) var(--ease)}.project-featured:hover .project-featured__cta .icon{transform: translateX(4px)}.project-featured__visual{position: relative;display: grid;place-items: center;min-height: 300px;padding: var(--s-5);border-top: 1px solid var(--c-border);background: var(--dot-grid) 0 0 / 20px 20px}@media (min-width: 1024px){.project-featured{grid-template-columns: minmax(0,5fr) minmax(0,6fr)}.project-featured__visual{border-top: 0;border-left: 1px solid var(--c-border)}}}@layer components{.flow{width: 100%;max-width: 560px;height: auto;overflow: visible}.flow__app rect{fill: var(--c-surface);stroke: var(--c-border-strong);stroke-width: 1}.flow__app text,.flow__label{fill: var(--c-text);font-family: var(--font-mono);font-size: 11px;letter-spacing: 0.02em}.flow__app .flow__sub{fill: var(--c-text-3);font-size: 9px}.flow__bus rect{fill: url(#flow-bus);stroke: rgb(34 211 238 / 0.45);stroke-width: 1}.flow__bus text{fill: var(--c-accent);font-family: var(--font-mono);font-size: 11px;font-weight: 600;letter-spacing: 0.14em}.flow__line{fill: none;stroke: var(--c-border-strong);stroke-width: 1.2}.flow__line--live{stroke: var(--c-primary);stroke-dasharray: 3 7}.flow__port{fill: var(--c-bg);stroke: var(--c-accent);stroke-width: 1.2}.flow__lens rect.flow__lens-bg{fill: rgb(7 11 20 / 0.86);stroke: rgb(61 123 255 / 0.5);stroke-width: 1}.flow__lens .flow__lens-title{fill: var(--c-text);font-family: var(--font-mono);font-size: 10px;font-weight: 600;letter-spacing: 0.08em}.flow__lens .flow__lens-row{fill: var(--c-text-2);font-family: var(--font-mono);font-size: 9.5px}.flow__lens .flow__lens-dot{fill: var(--c-success)}}@layer components{@media (max-width: 767px){.flow__app text,.flow__label,.flow__bus text{font-size: 15px}.flow__app .flow__sub{font-size: 12px}.flow__lens .flow__lens-title{font-size: 12.5px}.flow__lens .flow__lens-row{font-size: 13px}}}@layer components{.dev-flag{display: inline-flex;align-items: center;gap: var(--s-1);padding: 2px var(--s-2);border: 1px dashed var(--c-proposal);border-radius: var(--radius-sm);background: rgb(251 191 36 / 0.08);color: var(--c-proposal);font-family: var(--font-mono);font-size: 0.6875rem;line-height: 1.6;max-width: 100%;white-space: normal}}@layer components{.intro-screen{display: none}.has-intro .intro-screen{position: fixed;inset: 0;z-index: 200;display: grid;place-items: center;background: var(--c-bg);animation: intro-safety 1ms linear 3.6s forwards}.intro-screen__canvas{position: absolute;inset: 0;width: 100%;height: 100%}.intro-screen__brand{position: relative;display: flex;flex-direction: column;align-items: center;gap: var(--s-4)}.intro-screen__monogram{width: clamp(150px,30vw,220px);height: auto;overflow: visible}.intro-screen__monogram text{fill: transparent;stroke: var(--c-accent);stroke-width: 1.4;font-family: var(--font-display);font-size: 104px;font-weight: 800;font-stretch: 125%;letter-spacing: -2px;stroke-dasharray: 520;stroke-dashoffset: 520;animation: intro-draw 900ms var(--ease-out) 770ms forwards,intro-fill 560ms var(--ease) 1400ms forwards}.intro-screen__name{display: flex;color: var(--c-text);font-family: var(--font-display);font-size: clamp(0.9rem,0.7rem + 1vw,1.25rem);font-weight: 700;font-stretch: 120%;letter-spacing: 0.32em}.intro-screen__name span{opacity: 0;transform: translateY(8px);animation: intro-letter 560ms var(--ease-out) forwards;animation-delay: calc(1150ms + var(--i) * 24ms)}.intro-screen__skip{position: absolute;right: var(--s-5);bottom: var(--s-5);min-height: 44px;padding: 0 var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);color: var(--c-text-2);font-size: var(--fs-xs);background: rgb(7 11 20 / 0.6)}.intro-screen__skip:hover,.intro-screen__skip:focus-visible{color: var(--c-text);border-color: var(--c-accent)}.intro-screen.is-leaving{animation: intro-out 460ms var(--ease) forwards}.intro-hold [data-enter],.intro-hold .portrait[data-enter] .portrait__frame,.intro-hold .portrait[data-enter] .portrait__chip,.intro-hold .portrait[data-enter] .portrait__corner,.intro-hold .portrait[data-enter] .portrait__network,.intro-hold .portrait[data-enter] .portrait__halo{animation-play-state: paused}@keyframes intro-draw{to{stroke-dashoffset: 0}}@keyframes intro-fill{to{fill: rgb(231 237 247 / 0.95);stroke-width: 0.6}}@keyframes intro-letter{to{opacity: 1;transform: none}}@keyframes intro-out{to{opacity: 0;visibility: hidden;transform: scale(1.02)}}@keyframes intro-safety{to{opacity: 0;visibility: hidden;pointer-events: none}}}@layer pages{.section-heading--center{align-items: center;margin-inline: auto;text-align: center}.pillars{position: relative;display: grid;gap: var(--s-5);counter-reset: pillar}.pillar{position: relative;display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-6) var(--s-5) var(--s-5);border-top: 1px solid var(--c-border-strong)}.pillar::before{content: "";position: absolute;top: -5px;left: 0;width: 9px;height: 9px;border-radius: 50%;background: var(--c-bg);box-shadow: inset 0 0 0 1.5px var(--c-accent)}.pillar__index{color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.08em}.pillar__title{font-size: clamp(2rem,1.4rem + 2.4vw,3.25rem);font-weight: 800;font-stretch: 116%;letter-spacing: -0.03em;line-height: 1}.pillar__list{display: flex;flex-wrap: wrap;gap: var(--s-2)}.pillar__list li{padding: var(--s-1) var(--s-3);border: 1px solid var(--c-border);border-radius: var(--radius-pill);color: var(--c-text-2);font-size: var(--fs-sm)}@media (min-width: 900px){.pillars{grid-template-columns: repeat(3,minmax(0,1fr));gap: 0}.pillar{padding-inline: 0 var(--s-6)}.pillar:not(:last-child)::after{content: "";position: absolute;top: -4px;right: var(--s-5);width: 7px;height: 7px;border-top: 1.5px solid var(--c-accent);border-right: 1.5px solid var(--c-accent);transform: rotate(45deg)}.pillar:first-child{border-top-color: var(--c-accent)}}.expertise-groups{display: grid;gap: var(--s-6)}@media (min-width: 1024px){.expertise-groups{grid-template-columns: minmax(0,2fr) minmax(0,1fr);gap: var(--s-5)}}.expertise-group{display: flex;flex-direction: column;gap: var(--s-3)}.expertise-group__label{display: flex;align-items: center;gap: var(--s-3);color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.08em;text-transform: uppercase}.expertise-group__label::after{content: "";flex: 1;height: 1px;background: var(--c-border)}.expertise-group__cards{display: grid;gap: var(--s-4);height: 100%}@media (min-width: 640px){.expertise-group--pilotage .expertise-group__cards{grid-template-columns: repeat(2,minmax(0,1fr))}}.expertise-card{--mx: 50%;--my: 0%;position: relative;display: flex;flex-direction: column;gap: var(--s-4);min-height: 100%;padding: var(--s-6) var(--s-5) var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: radial-gradient(380px circle at var(--mx) var(--my),rgb(61 123 255 / 0.10),transparent 60%),var(--c-surface);transition: border-color var(--t-ui) var(--ease),transform var(--t-ui) var(--ease)}.expertise-card:hover{border-color: var(--c-border-strong)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.expertise-card:hover{transform: translateY(-3px)}}.expertise-card:has(a:focus-visible){outline: 2px solid var(--c-focus);outline-offset: 3px}.expertise-card__index{font-family: var(--font-display);font-size: 3rem;font-weight: 800;font-stretch: 120%;line-height: 1;color: transparent;-webkit-text-stroke: 1px var(--c-border-strong)}.expertise-card__title{font-size: var(--fs-h3);font-stretch: 106%}.expertise-card__title a{color: inherit;text-decoration: none}.expertise-card__title a::after{content: "";position: absolute;inset: 0}.expertise-card__title a:focus-visible{outline: none}.expertise-card__text{font-size: var(--fs-sm)}.expertise-card__cta{display: inline-flex;align-items: center;gap: var(--s-2);margin-top: auto;color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.expertise-card__cta .icon{width: 16px;height: 16px;color: var(--c-accent);transition: transform var(--t-ui) var(--ease)}.expertise-card:hover .expertise-card__cta .icon{transform: translateX(4px)}.expertise-group--realisation .expertise-card{background: radial-gradient(380px circle at var(--mx) var(--my),rgb(34 211 238 / 0.08),transparent 60%),linear-gradient(160deg,var(--c-surface-2),var(--c-surface))}.project-grid{display: grid;gap: var(--s-5);margin-top: var(--s-5)}@media (max-width: 767px){.project-grid{grid-auto-flow: column;grid-auto-columns: 84%;gap: var(--s-4);margin-inline: calc(-1 * var(--gutter));padding: var(--s-1) var(--gutter) var(--s-4);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);scrollbar-width: thin;scrollbar-color: var(--c-border-strong) transparent}.project-grid>*{scroll-snap-align: start}.project-grid:focus-visible{outline-offset: -2px}}@media (min-width: 768px){.project-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.project-grid{grid-template-columns: repeat(6,minmax(0,1fr))}.project-grid>*{grid-column: span 2}.project-grid>.project-card--half,.project-grid>.project-grid__cell--half{grid-column: span 3}.project-card--half{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1fr)}.project-card--half .project-card__media{display: flex;align-items: flex-end;aspect-ratio: auto;padding: 8% 7% 0;border-bottom: 0;border-right: 1px solid var(--c-border)}.project-card--half:has(.phone) .project-card__media{justify-content: center;padding: 9% 0 0}.project-card--half:has(.phone) .browser{display: none}.project-card--half .browser{width: 100%;min-height: 0}}.project-grid__cell{display: flex}.project-grid__cell>*{flex: 1}.distinctions__grid{display: grid;gap: var(--s-7)}@media (min-width: 1024px){.distinctions__grid{grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: var(--s-9);align-items: start}.distinctions__intro{position: sticky;top: calc(var(--header-h) + var(--s-6))}}.distinctions__intro{display: flex;flex-direction: column;gap: var(--s-5)}.distinctions__title{font-size: clamp(2.25rem,1.5rem + 3vw,3.75rem);font-weight: 800;font-stretch: 112%;letter-spacing: -0.03em;line-height: 1.02}.distinctions__lead{max-width: 46ch;font-size: var(--fs-lg);line-height: 1.55}.forces{position: relative;display: flex;flex-direction: column;gap: var(--s-7);padding-left: var(--s-7)}.forces::before{content: "";position: absolute;top: 8px;bottom: 8px;left: 4px;width: 1px;background: linear-gradient(to bottom,var(--c-accent),var(--c-border-strong) 30%,var(--c-border-strong) 70%,transparent)}.force{position: relative;display: flex;flex-direction: column;gap: var(--s-3)}.force__node{position: absolute;top: 6px;left: calc(-1 * var(--s-7));width: 9px;height: 9px;border-radius: 50%;background: var(--c-bg-2);box-shadow: inset 0 0 0 1.5px var(--c-accent),0 0 12px rgb(34 211 238 / 0.35)}.force__index{color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.08em}.force__title{font-size: clamp(1.5rem,1.2rem + 1vw,2rem);font-stretch: 108%}.force__text{max-width: 52ch}.force__proof{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-2) var(--s-3);margin-top: var(--s-1);font-size: var(--fs-sm)}.force__proof-label{color: var(--c-success);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.strip{position: relative}.strip__years{display: none}.strip__lane{display: flex;flex-direction: column;gap: var(--s-3)}.strip__lane + .strip__lane{margin-top: var(--s-6)}.strip__lane-label{color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase}.strip__items{position: relative;display: flex;flex-direction: column;gap: var(--s-4);padding-left: var(--s-5);border-left: 1px solid var(--c-border-strong)}.strip__item{position: relative;display: flex;flex-direction: column;gap: 2px}.strip__item::before{content: "";position: absolute;top: 7px;left: calc(-1 * var(--s-5) - 4px);width: 7px;height: 7px;border-radius: 50%;background: var(--c-bg);box-shadow: inset 0 0 0 1.5px var(--c-text-3)}.strip__item--current::before{background: var(--c-accent);box-shadow: 0 0 10px var(--c-accent)}.strip__bar{display: none}.strip__label{color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.strip__period{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem}.strip__phases{color: var(--c-text-2);font-size: var(--fs-xs)}.strip__milestone{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);margin-top: var(--s-6);padding: var(--s-3) var(--s-4);border: 1px solid rgb(52 211 153 / 0.3);border-radius: var(--radius);background: rgb(52 211 153 / 0.05)}.strip__diamond{width: 9px;height: 9px;background: var(--c-success);transform: rotate(45deg)}.strip__milestone-label{color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}@media (min-width: 1024px){.strip{padding: var(--s-7) 0 var(--s-8) 140px}.strip__years{position: absolute;inset: 0 0 0 140px;display: block;pointer-events: none}.strip__year{position: absolute;top: 0;bottom: 0;left: var(--x);padding-left: var(--s-2);border-left: 1px dashed rgb(44 63 102 / 0.6);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem}.strip__lane{position: relative;display: block;height: 104px}.strip__lane + .strip__lane{margin-top: var(--s-4)}.strip__lane-label{position: absolute;top: 30px;left: -140px;width: 120px}.strip__items{position: relative;display: block;height: 100%;padding: 0;border: 0}.strip__item{position: absolute;top: 24px;left: var(--x);width: var(--w);padding-right: var(--s-2)}.strip__item::before{display: none}.strip__bar{position: relative;display: block;height: 6px;margin-bottom: var(--s-2);border-radius: var(--radius-pill);background: linear-gradient(90deg,var(--c-primary),rgb(61 123 255 / 0.45))}.strip__lane:first-of-type .strip__bar{background: linear-gradient(90deg,var(--c-text-3),rgb(118 133 161 / 0.4))}.strip__item--current .strip__bar{background: linear-gradient(90deg,var(--c-accent),rgb(34 211 238 / 0.15));border-radius: var(--radius-pill) 0 0 var(--radius-pill)}.strip__split{position: absolute;top: -3px;left: var(--split);width: 2px;height: 12px;border-radius: 2px;background: var(--c-accent);box-shadow: 0 0 8px var(--c-accent)}.strip__label{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.strip__period{display: block;white-space: nowrap}.strip__phases{display: block;overflow: hidden;color: var(--c-text-3);font-size: 0.6875rem;text-overflow: ellipsis;white-space: nowrap}.strip__milestone{position: absolute;bottom: 0;left: calc(140px + (100% - 140px) * var(--xr));margin: 0;padding: 0;border: 0;background: none;transform: translateX(-4px)}}.method-flow{position: relative;display: grid;gap: var(--s-5);padding-left: var(--s-7)}.method-flow::before{content: "";position: absolute;top: 16px;bottom: 16px;left: 15px;width: 1px;background: var(--c-border-strong)}.method-step{position: relative;display: flex;flex-direction: column;gap: var(--s-2)}.method-step__node{position: absolute;top: -2px;left: calc(-1 * var(--s-7));display: grid;place-items: center;width: 32px;height: 32px;border: 1px solid var(--c-border-strong);border-radius: 50%;background: var(--c-bg-2);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;transition: border-color var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.method-step:hover .method-step__node{border-color: var(--c-accent);box-shadow: 0 0 0 4px var(--c-accent-soft)}.method-step__title{font-size: var(--fs-lg);font-stretch: 108%;letter-spacing: 0.01em;text-transform: uppercase}.method-step__text{font-size: var(--fs-sm)}@media (min-width: 1024px){.method-flow{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s-7) var(--s-5);padding-left: 0}.method-flow::before{display: none}.method-step{padding-top: var(--s-8)}.method-step__node{top: 0;left: 0}.method-step:not(:nth-child(4n))::after{content: "";position: absolute;top: 16px;left: 44px;right: calc(-1 * var(--s-5) + 12px);height: 1px;background: linear-gradient(90deg,var(--c-border-strong),rgb(34 211 238 / 0.45))}}.cert-card{position: relative;display: grid;gap: var(--s-6);align-items: center;padding: clamp(1.5rem,1rem + 2.5vw,3rem);overflow: hidden;border: 1px solid var(--c-border-strong);border-radius: var(--radius-xl);background: radial-gradient(500px circle at 0% 50%,rgb(52 211 153 / 0.08),transparent 60%),linear-gradient(160deg,var(--c-surface),var(--c-bg-2))}@media (min-width: 900px){.cert-card{grid-template-columns: auto minmax(0,1fr) minmax(0,0.6fr)}}.cert-badge{width: 120px;height: auto}.cert-badge__shape{fill: rgb(16 26 46 / 0.6);stroke: url(#cert-stroke);stroke-width: 2}.cert-badge__inner{fill: none;stroke: var(--c-border-strong);stroke-width: 1;stroke-dasharray: 3 4}.cert-badge__acronym{fill: var(--c-text);font-family: var(--font-display);font-size: 22px;font-weight: 800;font-stretch: 115%}.cert-badge__issuer{fill: var(--c-accent);font-family: var(--font-mono);font-size: 8px;letter-spacing: 0.14em}.cert-card__body{display: flex;flex-direction: column;gap: var(--s-3)}.cert-card__title{font-size: clamp(1.5rem,1.2rem + 1.2vw,2.25rem);font-stretch: 108%}.cert-card__meta{display: flex;gap: var(--s-2);color: var(--c-text-2);font-family: var(--font-mono);font-size: var(--fs-xs)}.cert-card__text{max-width: 60ch}.cert-card__aside{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-3);padding-top: var(--s-5);border-top: 1px dashed var(--c-border-strong);font-size: var(--fs-sm)}@media (min-width: 900px){.cert-card__aside{padding: 0 0 0 var(--s-6);border-top: 0;border-left: 1px dashed var(--c-border-strong)}}.cert-card__practice{color: var(--c-text)}.cta-contact{overflow: hidden;isolation: isolate;text-align: center}.cta-contact__lines{position: absolute;inset: 0;z-index: -1;background: radial-gradient(40% 60% at 50% 100%,rgb(61 123 255 / 0.18),transparent 70%),repeating-linear-gradient(90deg,transparent 0 79px,rgb(44 63 102 / 0.25) 79px 80px);-webkit-mask-image: radial-gradient(60% 70% at 50% 60%,#000,transparent 75%);mask-image: radial-gradient(60% 70% at 50% 60%,#000,transparent 75%)}.cta-contact__inner{display: flex;flex-direction: column;align-items: center;gap: var(--s-5)}.cta-contact__title{font-size: clamp(2.25rem,1.4rem + 3.6vw,4rem);font-weight: 800;font-stretch: 112%;letter-spacing: -0.03em;line-height: 1.02}.cta-contact__text{max-width: 54ch;font-size: var(--fs-lg)}.cta-contact__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-3);margin-top: var(--s-3)}@media (max-width: 479px){.cta-contact__actions .btn{width: 100%;white-space: normal}}.cta-contact__links{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-3) var(--s-6);font-size: var(--fs-sm)}.cta-contact__links a{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-2)}}@layer pages{.project-grid--duo{grid-auto-flow: row;grid-template-columns: minmax(0,1fr);margin-inline: 0;padding: 0;overflow: visible}@media (min-width: 768px){.project-grid--duo{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.project-grid--duo>*{grid-column: auto}}.projects-home__more{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-3) var(--s-5);margin-top: var(--s-7)}.projects-home__count{color: var(--c-text-3);font-size: var(--fs-sm)}}@layer pages{.cv-intro{position: relative;isolation: isolate;overflow: clip;padding-top: clamp(2rem,1rem + 4vw,4rem)}.cv-intro__backdrop{position: absolute;inset: 0;z-index: -1;background: var(--dot-grid) 0 0 / var(--dot-size) var(--dot-size);-webkit-mask-image: radial-gradient(60% 70% at 80% 30%,#000,transparent 75%);mask-image: radial-gradient(60% 70% at 80% 30%,#000,transparent 75%)}.cv-intro__grid{display: grid;gap: var(--s-7);align-items: start}@media (min-width: 1024px){.cv-intro__grid{grid-template-columns: minmax(0,1fr) 380px;gap: var(--s-9)}}.cv-intro__main{display: flex;flex-direction: column;gap: var(--s-5)}.cv-intro__title{font-size: var(--fs-h1);font-weight: 800;font-stretch: 116%;letter-spacing: -0.035em;line-height: 0.95;text-transform: uppercase}.cv-intro__summary{max-width: 62ch;font-size: var(--fs-lg);line-height: 1.6}.cv-card{display: flex;flex-direction: column;gap: var(--s-5);padding: var(--s-6) var(--s-5);border: 1px solid var(--c-border-strong);border-radius: var(--radius-lg);background: linear-gradient(160deg,var(--c-surface),var(--c-bg-2));box-shadow: var(--shadow-inset),var(--shadow-md)}@media (min-width: 1024px){.cv-card{position: sticky;top: calc(var(--header-h) + var(--s-5))}}.cv-card__facts{display: flex;flex-direction: column;gap: var(--s-3)}.cv-card__facts dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.cv-card__facts dd{color: var(--c-text);font-size: var(--fs-sm);overflow-wrap: anywhere}.cv-card__actions{display: flex;flex-direction: column;gap: var(--s-2)}.cv-card__link{display: inline-flex;align-items: center;gap: var(--s-2);font-size: var(--fs-sm)}.js-only{display: none}.js .js-only{display: inline-flex}.cv-nav{position: sticky;top: var(--header-h);z-index: 40;border-block: 1px solid var(--c-border);background: rgb(7 11 20 / 0.86);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.cv-nav__list{display: flex;gap: var(--s-1);overflow-x: auto;scrollbar-width: none}.cv-nav__list::-webkit-scrollbar{display: none}.cv-nav__link{position: relative;display: inline-flex;align-items: center;min-height: 48px;padding: 0 var(--s-4);color: var(--c-text-2);font-size: var(--fs-sm);font-weight: 500;text-decoration: none;white-space: nowrap}.cv-nav__link:first-child{padding-left: 0}.cv-nav__link:hover,.cv-nav__link[aria-current]{color: var(--c-text)}.cv-nav__link::after{content: "";position: absolute;left: var(--s-4);right: var(--s-4);bottom: -1px;height: 2px;background: var(--c-accent);transform: scaleX(0);transition: transform var(--t-ui) var(--ease)}.cv-nav__list li:first-child .cv-nav__link::after{left: 0}.cv-nav__link[aria-current]::after{transform: scaleX(1)}.cv-section{scroll-margin-top: calc(var(--header-h) + 48px)}.cv-timeline{position: relative;display: flex;flex-direction: column;gap: var(--s-6)}.cv-timeline::before{content: "";position: absolute;top: 8px;bottom: 0;left: 5px;width: 1px;background: linear-gradient(to bottom,var(--c-accent),var(--c-border-strong) 12%,var(--c-border-strong) 88%,transparent)}.cv-item{position: relative;display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-3);padding-left: var(--s-6);scroll-margin-top: calc(var(--header-h) + 64px)}.cv-item__node{position: absolute;top: 6px;left: 0;width: 11px;height: 11px;border-radius: 50%;background: var(--c-bg);box-shadow: inset 0 0 0 1.5px var(--c-text-3)}.section--alt .cv-item__node{background: var(--c-bg-2)}.cv-item--current .cv-item__node{background: var(--c-accent);box-shadow: 0 0 0 4px var(--c-accent-soft),0 0 14px var(--c-accent)}.cv-item__date{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-3)}.cv-item__period{color: var(--c-text);font-family: var(--font-mono);font-size: var(--fs-xs);font-weight: 500}.cv-item__type{padding: 1px var(--s-2);border: 1px solid var(--c-border-strong);border-radius: var(--radius-sm);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem}.cv-item__place{display: inline-flex;align-items: center;gap: var(--s-1);color: var(--c-text-3);font-size: var(--fs-xs)}.cv-item__place .icon{width: 13px;height: 13px}@media (min-width: 900px){.cv-timeline::before{left: 205px}.cv-item{grid-template-columns: 180px minmax(0,1fr);gap: var(--s-8);padding-left: 0}.cv-item__node{top: 8px;left: 200px}.cv-item__date{flex-direction: column;align-items: flex-end;gap: var(--s-2);padding-top: 2px;text-align: right}}.cv-item__card{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-5) clamp(1.25rem,1rem + 1.5vw,2rem);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface);box-shadow: var(--shadow-inset)}.cv-item--current .cv-item__card{border-color: rgb(34 211 238 / 0.3)}.cv-item__role{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);font-size: var(--fs-h3);font-stretch: 106%}.cv-item__company{margin-top: calc(-1 * var(--s-3));color: var(--c-accent);font-size: var(--fs-sm);font-weight: 500}.cv-item__summary{color: var(--c-text)}.cv-item__context{padding-left: var(--s-4);border-left: 2px solid var(--c-border-strong);font-size: var(--fs-sm)}.cv-list{display: grid;gap: var(--s-2);padding: 0;list-style: none}.cv-list li{position: relative;padding-left: var(--s-5);font-size: var(--fs-sm);line-height: 1.55}.cv-list li::before{content: "";position: absolute;top: 0.62em;left: 2px;width: 8px;height: 1px;background: var(--c-accent)}@media (min-width: 1100px){.cv-item__card>.cv-list{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s-6)}}.cv-phases{display: grid;gap: var(--s-4)}@media (min-width: 1100px){.cv-phases{grid-template-columns: repeat(2,minmax(0,1fr))}}.cv-phase{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: rgb(7 11 20 / 0.35)}.cv-phase:last-child{border-color: rgb(61 123 255 / 0.4)}.cv-phase__head{display: flex;flex-direction: column;gap: 2px}.cv-phase__index{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.cv-phase__title{color: var(--c-text);font-weight: 600}.cv-phase__period{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem}.cv-phase__link{display: inline-flex;align-items: center;gap: var(--s-2);margin-top: auto;font-size: var(--fs-sm);font-weight: 600}.cv-phase__link .icon{width: 15px;height: 15px;color: var(--c-accent)}.cv-results{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: 1px solid rgb(34 211 238 / 0.25);border-radius: var(--radius);background: rgb(34 211 238 / 0.05)}.cv-results__label{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.cv-results__list{display: grid;gap: var(--s-2)}.cv-results__list li{display: flex;align-items: baseline;gap: var(--s-2);color: var(--c-text);font-weight: 500}.cv-results__list .icon{width: 16px;height: 16px;flex: none;color: var(--c-accent);stroke-width: 2.2;transform: translateY(2px)}.cv-item__projects{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-2) var(--s-4);padding-top: var(--s-3);border-top: 1px dashed var(--c-border);font-size: var(--fs-sm)}.cv-item__projects-label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.cv-timeline--compact{gap: var(--s-4)}.cv-timeline--compact .cv-item__card{gap: var(--s-2);padding-block: var(--s-4);background: transparent}.cv-timeline--compact .cv-item__company{margin-top: 0}.cv-timeline--compact .cv-item__summary{color: var(--c-text-2);font-size: var(--fs-sm)}.level-legend{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5);margin-bottom: var(--s-5);padding: 0;list-style: none;font-size: var(--fs-xs)}.level-legend li{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-2)}.level{display: inline-block;flex: none;width: 9px;height: 9px;border-radius: 50%}.level--pratique{background: var(--c-accent);box-shadow: 0 0 8px rgb(34 211 238 / 0.5)}.level--contexte{background: linear-gradient(90deg,var(--c-primary) 50%,transparent 50%);box-shadow: inset 0 0 0 1.5px var(--c-primary)}.level--connaissance{box-shadow: inset 0 0 0 1.5px var(--c-text-3)}.skill-grid{display: grid;gap: var(--s-4)}@media (min-width: 700px){.skill-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.skill-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.skill-cat{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.skill-cat--soft{background: transparent;border-style: dashed}.skill-cat__title{font-size: var(--fs-lg);font-stretch: 106%}.skill-list{display: flex;flex-direction: column}.skill{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-1) var(--s-3);padding-block: var(--s-2);border-top: 1px solid var(--c-border);font-size: var(--fs-sm)}.skill:first-child{border-top: 0}.skill__name{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text)}.skill__proof{display: inline-flex;align-items: center;gap: var(--s-1);min-height: 28px;color: var(--c-text-2);font-size: var(--fs-xs);text-decoration: none}.skill__proof:hover{color: var(--c-accent)}.skill__proof .icon{width: 13px;height: 13px;color: var(--c-accent)}.skill__proof--flagged{color: var(--c-exercise)}.languages{display: grid;gap: var(--s-4);max-width: 720px}@media (min-width: 640px){.languages{grid-template-columns: repeat(2,minmax(0,1fr))}}.language{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4) var(--s-5);border-left: 2px solid var(--c-accent);background: var(--c-surface);border-radius: 0 var(--radius) var(--radius) 0}.language__label{color: var(--c-text);font-weight: 600}.language__level{color: var(--c-text-2);font-size: var(--fs-sm)}}@layer pages{.page-intro{position: relative;isolation: isolate;overflow: clip;padding: clamp(2.5rem,1.5rem + 4vw,5rem) 0 clamp(2rem,1rem + 3vw,3.5rem);border-bottom: 1px solid var(--c-border)}.page-intro__backdrop{position: absolute;inset: 0;z-index: -1;background: radial-gradient(50% 70% at 85% 20%,rgb(61 123 255 / 0.12),transparent 70%),var(--dot-grid) 0 0 / var(--dot-size) var(--dot-size);-webkit-mask-image: linear-gradient(to bottom,#000 40%,transparent);mask-image: linear-gradient(to bottom,#000 40%,transparent)}.page-intro__inner{display: flex;flex-direction: column;gap: var(--s-5)}.page-intro__title{max-width: 18ch;font-size: var(--fs-h1);font-weight: 800;font-stretch: 112%;letter-spacing: -0.03em;line-height: 1.02}.page-intro__lead{max-width: 62ch;font-size: var(--fs-lg);line-height: 1.6}.page-intro__note{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-3);font-size: var(--fs-sm)}.claim-dot{width: 8px;height: 8px;border-radius: 50%;background: linear-gradient(90deg,var(--c-proposal) 50%,var(--c-exercise) 50%)}.claim-label{display: inline-flex;align-items: center;padding: 1px var(--s-2);border-radius: var(--radius-sm);font-family: var(--font-mono);font-size: 0.6875rem;font-weight: 500;letter-spacing: 0.02em;white-space: nowrap;vertical-align: middle}.claim-label--proposition{color: var(--c-proposal);background: rgb(251 191 36 / 0.1)}.claim-label--exercice{color: var(--c-exercise);background: rgb(167 139 250 / 0.12)}.claim-label--prepare{color: #7DD3FC;background: rgb(125 211 252 / 0.1)}.claim-label--reformule{color: #7DD3FC;background: rgb(125 211 252 / 0.1)}.claim-label--reconstitution{color: var(--c-exercise);background: rgb(167 139 250 / 0.12)}.claim-note{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-3) var(--s-4);border-left: 2px solid var(--c-border-strong);border-radius: 0 var(--radius) var(--radius) 0;background: rgb(255 255 255 / 0.02);font-size: var(--fs-sm)}.claim-note__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.claim-note__text{color: var(--c-text-2)}.claim-note--proposition{border-left-color: var(--c-proposal)}.claim-note--proposition .claim-note__label{color: var(--c-proposal)}.claim-note--exercice{border-left-color: var(--c-exercise)}.claim-note--exercice .claim-note__label{color: var(--c-exercise)}.claim-note--prepare{border-left-color: #7DD3FC}.claim-note--prepare .claim-note__label{color: #7DD3FC}.claim-note--reconstitution{border-left-color: var(--c-exercise)}.claim-note--reconstitution .claim-note__label{color: var(--c-exercise)}.claim-note--contribution{border-left-color: var(--c-primary)}.xp-layout{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-6);padding-block: var(--s-7) var(--section-space)}.xp-toc{min-width: 0}@media (min-width: 1100px){.xp-layout{grid-template-columns: 250px minmax(0,1fr);gap: var(--s-8)}}.xp-toc{position: sticky;top: var(--header-h);z-index: 30;margin-inline: calc(-1 * var(--gutter));padding: 0 var(--gutter);border-bottom: 1px solid var(--c-border);background: rgb(7 11 20 / 0.9);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.xp-toc__title{display: none}.xp-toc__list{display: flex;gap: var(--s-1);overflow-x: auto;scrollbar-width: none}.xp-toc__list::-webkit-scrollbar{display: none}.xp-toc__link{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 44px;padding: 0 var(--s-3);color: var(--c-text-2);font-size: var(--fs-xs);text-decoration: none;white-space: nowrap;border-bottom: 2px solid transparent}.xp-toc__link span{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem}.xp-toc__link:hover,.xp-toc__link[aria-current]{color: var(--c-text)}.xp-toc__link[aria-current]{border-bottom-color: var(--c-accent)}.xp-toc__link[aria-current] span{color: var(--c-accent)}@media (min-width: 1100px){.xp-toc{top: calc(var(--header-h) + var(--s-5));align-self: start;margin: 0;padding: 0;border: 0;background: none;-webkit-backdrop-filter: none;backdrop-filter: none}.xp-toc__title{display: block;margin-bottom: var(--s-3);color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.08em;text-transform: uppercase}.xp-toc__list{flex-direction: column;gap: 0;overflow: visible;border-left: 1px solid var(--c-border)}.xp-toc__link{min-height: 36px;padding: var(--s-1) var(--s-4);margin-left: -1px;border-bottom: 0;border-left: 2px solid transparent;font-size: var(--fs-sm);white-space: normal;line-height: 1.35}.xp-toc__link[aria-current]{border-left-color: var(--c-accent)}}.xp-content{display: flex;flex-direction: column;min-width: 0}.xp-block{display: flex;flex-direction: column;gap: var(--s-5);padding-block: var(--s-8);border-top: 1px solid var(--c-border);scroll-margin-top: calc(var(--header-h) + 60px)}.xp-block:first-child{padding-top: 0;border-top: 0}.xp-block__head{display: grid;grid-template-columns: auto minmax(0,1fr);gap: var(--s-4);align-items: start}.xp-block__head>div{display: flex;flex-direction: column;gap: var(--s-2)}.xp-block__index{font-family: var(--font-display);font-size: clamp(2.25rem,1.8rem + 1.6vw,3.25rem);font-weight: 800;font-stretch: 120%;line-height: 0.9;color: transparent;-webkit-text-stroke: 1px var(--c-border-strong)}.xp-block__title{font-size: var(--fs-h2)}.xp-block__lead{max-width: 62ch;font-size: var(--fs-lg);line-height: 1.55}.xp-block__examples{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-4)}.xp-block__examples>*{min-width: 0}@media (min-width: 1280px){.xp-block__examples:has(>:nth-child(2)){grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);align-items: start}}.xp-block__notes{display: grid;gap: var(--s-3)}.example{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface);box-shadow: var(--shadow-inset)}.example--secondary{background: transparent;border-style: dashed}.example__kicker{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.example__title{font-size: var(--fs-h3);font-stretch: 104%}.example__text{font-size: var(--fs-sm);line-height: 1.6}.example__steps{display: flex;flex-direction: column}.example__step{display: grid;gap: var(--s-1);padding-block: var(--s-3);border-top: 1px solid var(--c-border)}@media (min-width: 640px){.example__step{grid-template-columns: 120px minmax(0,1fr);gap: var(--s-4)}}.example__step dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase;padding-top: 3px}.example__step dd{color: var(--c-text);font-size: var(--fs-sm);line-height: 1.6}.example__link{display: inline-flex;align-items: center;gap: var(--s-2);align-self: flex-start;min-height: 40px;color: var(--c-text);font-size: var(--fs-sm);font-weight: 600;text-decoration: none}.example__link .icon{width: 16px;height: 16px;color: var(--c-accent);transition: transform var(--t-ui) var(--ease)}.example__link:hover .icon{transform: translateX(4px)}.stories{display: grid;gap: var(--s-3)}@media (min-width: 768px){.stories{grid-template-columns: repeat(2,minmax(0,1fr))}}.story{padding: var(--s-4);border: 1px solid rgb(61 123 255 / 0.35);border-radius: var(--radius);background: rgb(61 123 255 / 0.06);font-size: var(--fs-sm);line-height: 1.55}.story p{color: var(--c-text)}.story__kw{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.75rem}.methods{display: grid;gap: var(--s-4)}@media (min-width: 900px){.methods{grid-template-columns: repeat(3,minmax(0,1fr))}}.methods__col{padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.methods__col--connaissance{background: transparent;border-style: dashed}.methods__title{display: flex;align-items: center;gap: var(--s-2);margin-bottom: var(--s-4);font-size: var(--fs-base);font-stretch: 104%}.methods__list{display: flex;flex-direction: column;gap: var(--s-3)}.methods__list li{display: flex;flex-direction: column;gap: 2px;font-size: var(--fs-sm)}.methods__list strong{color: var(--c-text);font-weight: 600}.methods__list span{color: var(--c-text-2);font-size: var(--fs-xs)}.scrum{position: relative;padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-xl);background: var(--dot-grid) 0 0 / 20px 20px,var(--c-bg-2)}.scrum__steps{position: relative;display: grid;gap: var(--s-4)}.scrum__step{position: relative;display: flex;flex-direction: column;gap: var(--s-2);padding-left: 48px}.scrum__node{position: absolute;top: 0;left: 0;display: grid;place-items: center;width: 34px;height: 34px;border: 1px solid var(--c-accent);border-radius: 50%;background: var(--c-bg);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;box-shadow: 0 0 0 4px var(--c-accent-soft)}.scrum__label{color: var(--c-text);font-weight: 600}.scrum__note{font-size: var(--fs-xs);line-height: 1.5}.scrum__step .claim-label{align-self: flex-start}.scrum__loop{display: flex;align-items: center;justify-content: center;margin-top: var(--s-5);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.scrum__loop::before,.scrum__loop::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg,transparent,var(--c-border-strong))}.scrum__loop::after{transform: scaleX(-1)}.scrum__loop span{padding: 0 var(--s-3)}@media (min-width: 1000px){.scrum__steps{grid-template-columns: repeat(6,minmax(0,1fr));gap: var(--s-3)}.scrum__step{padding: 52px 0 0}.scrum__step:not(:last-child)::after{content: "";position: absolute;top: 17px;left: 44px;right: calc(-1 * var(--s-3) + 6px);height: 1px;background: linear-gradient(90deg,var(--c-accent),var(--c-border-strong))}}.risk-layout{display: grid;gap: var(--s-6);align-items: start}@media (min-width: 1000px){.risk-layout{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}}.risk-matrix{display: flex;flex-direction: column;gap: var(--s-3)}.risk-matrix__frame{position: relative;padding: 0 0 var(--s-5) var(--s-5)}.risk-matrix__table{width: 100%;border-collapse: separate;border-spacing: 4px;table-layout: fixed}.risk-matrix__table th:first-child,.risk-matrix__table td:first-child{width: 88px}.risk-matrix__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;font-weight: 400;text-align: right;padding-right: var(--s-2)}.risk-matrix__label--x{padding: var(--s-1) 0 0;text-align: center;line-height: 1.2}.risk-matrix__cell{position: relative;height: clamp(34px,6vw,52px);border-radius: 6px}.risk-matrix__cell--low{background: rgb(52 211 153 / 0.14)}.risk-matrix__cell--mid{background: rgb(251 191 36 / 0.16)}.risk-matrix__cell--high{background: rgb(248 113 113 / 0.22)}.risk-matrix__marker{position: absolute;inset: 0;margin: auto;width: 16px;height: 16px;border-radius: 50%;background: var(--c-accent);box-shadow: 0 0 0 4px rgb(34 211 238 / 0.25),0 0 16px var(--c-accent)}.risk-matrix__marker--legend{position: static;display: inline-block;width: 10px;height: 10px;margin: 0;vertical-align: middle}.risk-matrix__axis{position: absolute;color: var(--c-text-2);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.risk-matrix__axis--x{bottom: 0;left: 50%;transform: translateX(-50%)}.risk-matrix__axis--y{top: 40%;left: 0;transform: rotate(-90deg) translateX(-50%);transform-origin: left top}.risk-matrix__caption{color: var(--c-text-2);font-size: var(--fs-xs)}.risk-detail{display: flex;flex-direction: column;gap: var(--s-5)}.risk-detail__formula{align-self: flex-start;padding: var(--s-2) var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius);color: var(--c-text);font-family: var(--font-mono);font-size: var(--fs-sm)}.risk-detail__label{margin-bottom: var(--s-2);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.risk-detail__focus{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-5);border: 1px solid rgb(167 139 250 / 0.35);border-radius: var(--radius-lg);background: rgb(167 139 250 / 0.05);font-size: var(--fs-sm)}.risk-detail__focus .risk-detail__label{margin: var(--s-2) 0 0}.risk-detail__risk{color: var(--c-text);font-weight: 600;font-size: var(--fs-base)}.raci{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-5);border: 1px dashed var(--c-border-strong);border-radius: var(--radius-lg)}.raci__scroll{overflow-x: auto}.raci__table{width: 100%;min-width: 460px;border-collapse: collapse;font-size: var(--fs-xs)}.raci__table th,.raci__table td{padding: var(--s-2);border-bottom: 1px solid var(--c-border);text-align: center}.raci__table thead th{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;font-weight: 400;letter-spacing: 0.04em;text-transform: uppercase}.raci__table tbody th{color: var(--c-text);font-weight: 500;text-align: left}.raci__cell{display: inline-grid;place-items: center;width: 26px;height: 26px;border-radius: 6px;font-family: var(--font-mono);font-weight: 600;text-decoration: none}.raci__cell--r{background: rgb(61 123 255 / 0.2);color: var(--c-primary-hover)}.raci__cell--a{background: rgb(34 211 238 / 0.18);color: var(--c-accent)}.raci__cell--c{background: rgb(255 255 255 / 0.05);color: var(--c-text-2)}.raci__cell--i{color: var(--c-text-3)}.raci__caption{display: flex;flex-direction: column;gap: var(--s-2);color: var(--c-text-3);font-size: var(--fs-xs)}.raci__legend{display: flex;flex-wrap: wrap;gap: var(--s-3)}.raci__legend strong{color: var(--c-text);font-family: var(--font-mono)}.kotter{display: grid;gap: var(--s-4);counter-reset: kotter}@media (min-width: 900px){.kotter{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s-3)}}.kotter__phase{position: relative;display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-5) var(--s-4);border-top: 2px solid var(--c-accent);border-radius: 0 0 var(--radius) var(--radius);background: var(--c-surface)}.kotter__phase:nth-child(2){border-top-color: var(--c-primary-hover)}.kotter__phase:nth-child(3){border-top-color: var(--c-primary)}.kotter__phase:nth-child(4){border-top-color: var(--c-border-strong)}.kotter__index{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.kotter__title{font-size: var(--fs-lg);font-stretch: 106%}.kotter__items{display: flex;flex-direction: column;gap: var(--s-3)}.kotter__item{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-1);color: var(--c-text);font-size: var(--fs-sm);line-height: 1.5}.tools{display: grid;gap: var(--s-3);grid-template-columns: repeat(auto-fill,minmax(210px,1fr))}.tool{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.tool__name{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text);font-weight: 600}.tool__detail{color: var(--c-text-2);font-size: var(--fs-xs)}.tool__level{margin-top: auto;padding-top: var(--s-2);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.proof-cards{display: grid;gap: var(--s-3);grid-template-columns: repeat(auto-fill,minmax(240px,1fr))}.proof-card{--mx: 50%;--my: 0%;position: relative;display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-5) var(--s-4) var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: radial-gradient(300px circle at var(--mx) var(--my),rgb(61 123 255 / 0.1),transparent 60%),var(--c-surface);transition: border-color var(--t-ui) var(--ease)}.proof-card:hover{border-color: var(--c-border-strong)}.proof-card:has(a:focus-visible){outline: 2px solid var(--c-focus);outline-offset: 3px}.proof-card__skill{color: var(--c-text);font-family: var(--font-display);font-size: var(--fs-lg);font-weight: 700;font-stretch: 106%}.proof-card__text{font-size: var(--fs-sm)}.proof-card__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2);margin-top: auto;padding-top: var(--s-3);border-top: 1px dashed var(--c-border)}.proof-card__link{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-accent);font-size: var(--fs-sm);font-weight: 600;text-decoration: none}.proof-card__link::after{content: "";position: absolute;inset: 0}.proof-card__link:focus-visible{outline: none}.proof-card__link .icon{width: 15px;height: 15px}.kind-legend{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5);margin-bottom: var(--s-5);color: var(--c-text-2);font-size: var(--fs-xs)}.kind-legend li{display: inline-flex;align-items: center;gap: var(--s-2)}.kind{display: inline-block;width: 18px;height: 3px;border-radius: 2px;background: var(--c-accent)}.kind--culture{background: repeating-linear-gradient(90deg,var(--c-exercise) 0 4px,transparent 4px 7px)}.domain-grid{display: grid;gap: var(--s-4)}@media (min-width: 768px){.domain-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.domain-grid{grid-template-columns: repeat(6,minmax(0,1fr))}.domain{grid-column: span 2}.domain:nth-child(4){grid-column: span 3}.domain--culture{grid-column: span 3}}.domain{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface);scroll-margin-top: calc(var(--header-h) + var(--s-5))}.domain--culture{border-style: dashed;border-color: rgb(167 139 250 / 0.4);background: linear-gradient(160deg,rgb(167 139 250 / 0.06),transparent)}.domain__kind{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.domain__title{font-size: var(--fs-h3);font-stretch: 106%}.domain__text{font-size: var(--fs-sm);line-height: 1.6}.domain__projects{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-2) var(--s-4);margin-top: auto;padding-top: var(--s-3);border-top: 1px dashed var(--c-border);font-size: var(--fs-sm)}.domain__projects-label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.pipeline{display: grid;gap: var(--s-3);counter-reset: step}@media (min-width: 1100px){.pipeline{grid-template-columns: repeat(7,minmax(0,1fr));gap: var(--s-2)}}.pipeline__step{position: relative;display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius);background: var(--c-bg)}.pipeline__step:first-child{border-color: rgb(34 211 238 / 0.5)}.pipeline__step:last-child{border-color: rgb(61 123 255 / 0.5)}.pipeline__label{color: var(--c-text);font-weight: 600;font-size: var(--fs-sm)}.pipeline__detail{color: var(--c-text-2);font-size: 0.6875rem;line-height: 1.45;overflow-wrap: anywhere}@media (min-width: 1100px){.pipeline__step:not(:last-child)::after{content: "";position: absolute;top: 50%;right: calc(-1 * var(--s-2) - 1px);width: var(--s-2);height: 1px;background: var(--c-accent)}}.decisions{display: grid;gap: var(--s-3);margin-top: var(--s-6)}@media (min-width: 900px){.decisions{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s-6)}}.decisions li{display: flex;align-items: baseline;gap: var(--s-3);color: var(--c-text);font-size: var(--fs-sm)}.decisions .icon{flex: none;width: 16px;height: 16px;color: var(--c-success);stroke-width: 2.2;transform: translateY(3px)}.halfflow{display: flex;flex-direction: column;gap: var(--s-4);margin-bottom: var(--s-7);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-xl);background: var(--dot-grid) 0 0 / 20px 20px,var(--c-bg-2)}.halfflow__row{display: grid;gap: var(--s-3);align-items: center}@media (min-width: 900px){.halfflow__row{grid-template-columns: 1fr 0.8fr 1fr 0.8fr 1fr}}.halfflow__app,.halfflow__bus{display: flex;flex-direction: column;gap: 2px;padding: var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius);background: var(--c-surface);text-align: center}.halfflow__bus{border-color: rgb(34 211 238 / 0.5);background: linear-gradient(180deg,rgb(34 211 238 / 0.1),rgb(61 123 255 / 0.05))}.halfflow__app span,.halfflow__bus span{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.halfflow__bus span{color: var(--c-accent)}.halfflow__app strong,.halfflow__bus strong{color: var(--c-text)}.halfflow__app code,.halfflow__bus code{color: var(--c-text-2);font-size: 0.75rem}.halfflow__arrow{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2px;padding: var(--s-2) 0;color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;text-align: center}.halfflow__arrow small{color: var(--c-text-3);font-size: 0.625rem}.halfflow__arrow::after{content: "↓";color: var(--c-accent);font-size: 1rem}@media (min-width: 900px){.halfflow__arrow::after{content: "→"}}.halfflow__envs{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);padding-top: var(--s-3);border-top: 1px dashed var(--c-border)}.halfflow__envs li{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--c-text-2);font-family: var(--font-mono);font-size: 0.6875rem}.halfflow__envs li + li::before{content: "→";color: var(--c-text-3)}.halfflow__caption{color: var(--c-text-3);font-size: var(--fs-xs);text-align: center}.concepts{display: grid;gap: var(--s-4)}@media (min-width: 768px){.concepts{grid-template-columns: repeat(2,minmax(0,1fr))}}.concept{padding: var(--s-4) var(--s-5);border-left: 2px solid var(--c-accent);background: var(--c-surface);border-radius: 0 var(--radius) var(--radius) 0}.concept dt{margin-bottom: var(--s-1);color: var(--c-text);font-weight: 600}.concept dd{font-size: var(--fs-sm);color: var(--c-text-2)}.takeaway{margin-block: var(--s-6) var(--s-3);max-width: 70ch;padding: var(--s-5);border: 1px solid rgb(34 211 238 / 0.3);border-radius: var(--radius-lg);background: rgb(34 211 238 / 0.05);color: var(--c-text);font-size: var(--fs-lg);line-height: 1.55}.hub-panels{display: grid;gap: var(--s-5)}@media (min-width: 900px){.hub-panels{grid-template-columns: repeat(2,minmax(0,1fr))}}.hub-panel{--mx: 50%;--my: 0%;position: relative;display: flex;flex-direction: column;gap: var(--s-5);padding: clamp(1.5rem,1rem + 2vw,2.5rem);border: 1px solid var(--c-border-strong);border-radius: var(--radius-xl);background: radial-gradient(500px circle at var(--mx) var(--my),rgb(61 123 255 / 0.12),transparent 60%),linear-gradient(160deg,var(--c-surface),var(--c-bg-2));transition: border-color var(--t-ui) var(--ease),transform var(--t-ui) var(--ease)}.hub-panel:hover{border-color: rgb(61 123 255 / 0.5)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hub-panel:hover{transform: translateY(-3px)}}.hub-panel:has(a:focus-visible){outline: 2px solid var(--c-focus);outline-offset: 4px}.hub-panel__index{font-family: var(--font-display);font-size: 4rem;font-weight: 800;font-stretch: 125%;line-height: 0.9;color: transparent;-webkit-text-stroke: 1px var(--c-border-strong)}.hub-panel__title{font-size: clamp(1.5rem,1.2rem + 1.2vw,2.25rem);font-stretch: 108%}.hub-panel__title a{color: inherit;text-decoration: none}.hub-panel__title a::after{content: "";position: absolute;inset: 0}.hub-panel__title a:focus-visible{outline: none}.hub-panel__list{display: grid;gap: var(--s-2)}.hub-panel__list li{display: flex;align-items: center;gap: var(--s-2);color: var(--c-text);font-size: var(--fs-sm)}.hub-panel__list .icon{width: 16px;height: 16px;color: var(--c-accent)}.hub-panel__cta{display: inline-flex;align-items: center;gap: var(--s-2);margin-top: auto;color: var(--c-text);font-weight: 600}.hub-panel__cta .icon{color: var(--c-accent);transition: transform var(--t-ui) var(--ease)}.hub-panel:hover .hub-panel__cta .icon{transform: translateX(4px)}}@layer pages{.filters{flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-6)}.filter{min-height: 40px;padding: 0 var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);color: var(--c-text-2);font-size: var(--fs-sm);font-weight: 500;transition: background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.filter:hover{color: var(--c-text);border-color: var(--c-text-3)}.filter[aria-pressed="true"]{border-color: var(--c-accent);background: rgb(34 211 238 / 0.1);color: var(--c-text)}.projects-list{display: flex;flex-direction: column;gap: var(--s-5)}.projects-list [hidden]{display: none !important}@media (max-width: 767px){.project-grid--page{grid-auto-flow: row;grid-auto-columns: auto;margin-inline: 0;padding: 0;overflow: visible}}.reading-progress{position: fixed;top: var(--header-h);left: 0;right: 0;z-index: 45;height: 2px;pointer-events: none}.reading-progress span{display: block;height: 100%;background: linear-gradient(90deg,var(--c-primary),var(--c-accent));transform: scaleX(0);transform-origin: left}.case-hero{position: relative;isolation: isolate;overflow: clip;padding: clamp(1.5rem,1rem + 2vw,3rem) 0 clamp(2.5rem,1.5rem + 4vw,5rem);border-bottom: 1px solid var(--c-border)}.case-hero__backdrop{position: absolute;inset: 0;z-index: -1;background: radial-gradient(50% 60% at 78% 45%,rgb(61 123 255 / 0.14),transparent 70%),var(--dot-grid) 0 0 / var(--dot-size) var(--dot-size);-webkit-mask-image: linear-gradient(to bottom,#000 50%,transparent);mask-image: linear-gradient(to bottom,#000 50%,transparent)}.case-hero__grid{display: grid;gap: var(--s-7);align-items: center}@media (min-width: 1100px){.case-hero__grid{grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: var(--s-8)}}.case-hero__text{display: flex;flex-direction: column;gap: var(--s-5)}.breadcrumb ol{display: flex;flex-wrap: wrap;gap: var(--s-2);color: var(--c-text-3);font-size: var(--fs-xs)}.breadcrumb li{display: inline-flex;align-items: center;gap: var(--s-2)}.breadcrumb li + li::before{content: "/";color: var(--c-border-strong)}.breadcrumb a{color: var(--c-text-2);text-decoration: none}.breadcrumb a:hover{color: var(--c-text)}.breadcrumb [aria-current]{color: var(--c-text)}.case-hero__title{font-size: var(--fs-h1);font-weight: 800;font-stretch: 114%;letter-spacing: -0.035em;line-height: 0.98}.case-hero__subtitle{max-width: 40ch;color: var(--c-text);font-size: clamp(1.2rem,1.05rem + 0.6vw,1.5rem);line-height: 1.4}.case-facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--s-4) var(--s-5);padding-block: var(--s-4);border-block: 1px solid var(--c-border)}.case-facts dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.case-facts dd{margin-top: var(--s-1);color: var(--c-text);font-size: var(--fs-sm);line-height: 1.45}.case-hero__actions{display: flex;flex-wrap: wrap;gap: var(--s-3)}.devices{position: relative;padding: 0 8% 10% 0}.devices__browser{border-bottom: 1px solid var(--c-border-strong);border-radius: 12px;box-shadow: 0 40px 80px -40px rgb(0 0 0 / 0.9),0 0 0 1px rgb(255 255 255 / 0.03)}.devices__browser .browser__bar{height: 28px}.devices__browser .browser__url{font-size: 11px}.devices__browser .browser__screen{border-radius: 0 0 11px 11px}.devices__phone{display: block;position: absolute;right: 0;bottom: 0;width: 26%;padding: 6px;border: 1px solid var(--c-border-strong);border-radius: 26px;background: var(--c-bg);box-shadow: -20px 30px 60px -20px rgb(0 0 0 / 0.9)}.devices__phone .phone__screen{width: 100%;aspect-ratio: 390 / 760;object-fit: cover;object-position: top;border-radius: 20px}.case-hero__diagram{display: grid;place-items: center;padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-xl);background: var(--dot-grid) 0 0 / 20px 20px,var(--c-bg-2)}.case-content{gap: 0}.case-section{display: flex;flex-direction: column;gap: var(--s-5);padding-block: var(--s-8);border-top: 1px solid var(--c-border);scroll-margin-top: calc(var(--header-h) + 60px)}.case-section:first-of-type{padding-top: 0;border-top: 0}.case-section__head{display: flex;align-items: baseline;gap: var(--s-4)}.case-section__index{color: var(--c-accent);font-family: var(--font-mono);font-size: var(--fs-sm)}.case-section__title{font-size: var(--fs-h2)}.case-prose{max-width: 68ch;color: var(--c-text-2);font-size: var(--fs-lg);line-height: 1.65}.case-prose + .case-prose{margin-top: calc(-1 * var(--s-2))}.case-callout{position: relative;display: flex;flex-direction: column;gap: var(--s-2);max-width: 760px;padding: var(--s-5) var(--s-6);border: 1px solid rgb(34 211 238 / 0.35);border-radius: var(--radius-lg);background: linear-gradient(135deg,rgb(34 211 238 / 0.08),rgb(61 123 255 / 0.04))}.case-callout__title{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.case-callout__text{color: var(--c-text);font-family: var(--font-display);font-size: clamp(1.25rem,1.05rem + 0.8vw,1.6rem);font-weight: 600;font-stretch: 104%;line-height: 1.35}.case-checks{display: grid;gap: var(--s-3)}.case-checks li{display: flex;align-items: baseline;gap: var(--s-3);color: var(--c-text)}.case-checks .icon{flex: none;width: 18px;height: 18px;color: var(--c-success);stroke-width: 2.2;transform: translateY(3px)}.case-steps{display: grid;gap: var(--s-3);counter-reset: step}@media (min-width: 900px){.case-steps{grid-template-columns: repeat(auto-fit,minmax(150px,1fr))}}.case-step{position: relative;display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.case-step__node{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem}.case-step__title{color: var(--c-text);font-weight: 600}.case-step__text{color: var(--c-text-2);font-size: var(--fs-xs);line-height: 1.5}.case-flow{display: flex;flex-wrap: wrap;gap: var(--s-2)}.case-flow__item{display: inline-flex;align-items: center;gap: var(--s-2);padding: var(--s-2) var(--s-3);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);background: var(--c-surface);font-size: var(--fs-sm)}.case-flow__index{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.625rem}.case-flow__title{color: var(--c-text);font-weight: 500}.case-flow__text{color: var(--c-text-3);font-size: var(--fs-xs)}.case-rules{display: flex;flex-direction: column;border-top: 1px solid var(--c-border)}.case-rule{display: grid;gap: var(--s-1) var(--s-6);padding-block: var(--s-4);border-bottom: 1px solid var(--c-border)}@media (min-width: 768px){.case-rule{grid-template-columns: minmax(180px,0.35fr) minmax(0,1fr)}}.case-rule dt{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);color: var(--c-text);font-weight: 600}.case-rule dt::before{content: "";width: 6px;height: 6px;border-radius: 1px;background: var(--c-accent);transform: rotate(45deg)}.case-rule dd{color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.6}.case-rule--pending{opacity: 0.85;border-bottom-style: dashed}.case-scenarios{display: grid;gap: var(--s-4)}@media (min-width: 900px){.case-scenarios{grid-template-columns: repeat(2,minmax(0,1fr))}}.scenario{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.scenario__index{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.scenario__title{font-size: var(--fs-lg);font-stretch: 104%}.scenario__body{display: flex;flex-direction: column;gap: var(--s-3)}.scenario__body dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.scenario__body dd{margin-top: 2px;font-size: var(--fs-sm);line-height: 1.55}.scenario__body div:last-child dd{color: var(--c-text)}.case-options{display: grid;gap: var(--s-4)}@media (min-width: 768px){.case-options{grid-template-columns: repeat(auto-fit,minmax(260px,1fr))}}.option{display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.option--retenu{border-color: rgb(52 211 153 / 0.45)}.option--ecarte{border-style: dashed;background: transparent}.option--reporte{border-color: rgb(251 191 36 / 0.4);border-style: dashed}.option__decision{align-self: flex-start;padding: 2px var(--s-2);border-radius: var(--radius-sm);font-family: var(--font-mono);font-size: 0.6875rem}.option--retenu .option__decision{background: rgb(52 211 153 / 0.12);color: var(--c-success)}.option--ecarte .option__decision{background: rgb(255 255 255 / 0.05);color: var(--c-text-2)}.option--reporte .option__decision{background: rgb(251 191 36 / 0.1);color: var(--c-proposal)}.option__title{font-size: var(--fs-lg);font-stretch: 104%}.option__list{display: flex;flex-direction: column;gap: var(--s-2);font-size: var(--fs-sm)}.option__list li{position: relative;padding-left: var(--s-5)}.option__list--pros li::before{content: "+";position: absolute;left: 0;color: var(--c-success);font-family: var(--font-mono)}.option__list--cons li::before{content: "−";position: absolute;left: 0;color: var(--c-danger);font-family: var(--font-mono)}.case-features{display: grid;gap: var(--s-3)}@media (min-width: 768px){.case-features{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.case-features{grid-template-columns: repeat(3,minmax(0,1fr))}}.case-feature{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4) var(--s-5);border-left: 2px solid var(--c-primary);border-radius: 0 var(--radius) var(--radius) 0;background: var(--c-surface)}.case-feature__title{font-family: var(--font-body);font-size: var(--fs-base);font-weight: 600;letter-spacing: 0}.case-feature__text{font-size: var(--fs-sm);line-height: 1.55}.case-figures{display: grid;gap: var(--s-3);grid-template-columns: repeat(auto-fit,minmax(180px,1fr))}.figure-stat{display: flex;flex-direction: column-reverse;gap: var(--s-1);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.figure-stat__value{font-family: var(--font-display);font-size: clamp(2rem,1.6rem + 1.5vw,2.75rem);font-weight: 800;font-stretch: 116%;line-height: 1;color: var(--c-text)}.figure-stat__label{color: var(--c-text-2);font-size: var(--fs-sm)}.case-quote{display: flex;flex-direction: column;gap: var(--s-2);padding-left: var(--s-5);border-left: 2px solid var(--c-accent)}.case-quote p{color: var(--c-text);font-family: var(--font-display);font-size: clamp(1.4rem,1.15rem + 1vw,2rem);font-weight: 700;font-stretch: 108%}.case-quote figcaption{color: var(--c-text-3);font-size: var(--fs-xs)}.case-notes{display: grid;gap: var(--s-3)}.case-gallery{display: grid;gap: var(--s-4);grid-template-columns: minmax(0,1fr)}.case-gallery figure{display: flex;flex-direction: column;gap: var(--s-2);height: 100%;margin: 0}.case-gallery__link{position: relative;display: block;overflow: hidden;border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-bg-2);aspect-ratio: 16 / 10}.case-gallery__link img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform var(--t-reveal) var(--ease-out)}.case-gallery__item--mobile{justify-self: center;width: min(100%,300px)}.case-gallery__item--mobile .case-gallery__link{aspect-ratio: 390 / 700}@media (min-width: 600px){.case-gallery{grid-template-columns: repeat(2,minmax(0,1fr))}.case-gallery__item--wide{grid-column: 1 / -1}.case-gallery__item--mobile{grid-column: 1 / -1}}@media (min-width: 900px){.case-gallery--phone{grid-template-columns: repeat(2,minmax(0,1fr)) minmax(0,var(--gallery-phone,0.78fr));grid-auto-flow: dense}.case-gallery--phone .case-gallery__item--wide{grid-column: 1 / span 2}.case-gallery--phone .case-gallery__item--mobile{grid-column: 3;grid-row: 1 / span var(--gallery-rows,1);justify-self: stretch;width: auto}.case-gallery--phone .case-gallery__item--mobile .case-gallery__link{flex: 1;aspect-ratio: auto;min-height: 0}.case-gallery--phone .case-gallery__item--mobile img{position: absolute;inset: 0}}.case-gallery__link:hover img{transform: scale(1.03)}.case-gallery__zoom{position: absolute;right: var(--s-3);bottom: var(--s-3);display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;background: rgb(7 11 20 / 0.8);color: var(--c-text);opacity: 0;transition: opacity var(--t-ui) var(--ease)}.case-gallery__link:hover .case-gallery__zoom,.case-gallery__link:focus-visible .case-gallery__zoom{opacity: 1}.case-gallery figcaption{color: var(--c-text-3);font-size: var(--fs-xs)}.case-skills{display: flex;flex-wrap: wrap;gap: var(--s-2)}.case-skills li{display: inline-flex;align-items: center;gap: var(--s-2);padding: var(--s-2) var(--s-3);border: 1px solid var(--c-border);border-radius: var(--radius-pill);color: var(--c-text);font-size: var(--fs-sm)}.case-nav{border-top: 1px solid var(--c-border)}.case-nav__inner{display: grid;gap: var(--s-4);align-items: center;padding-block: var(--s-7)}@media (min-width: 768px){.case-nav__inner{grid-template-columns: 1fr auto 1fr}}.case-nav__link{display: flex;flex-direction: column;gap: var(--s-1);padding: var(--s-4) var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);text-decoration: none;transition: border-color var(--t-ui) var(--ease)}.case-nav__link:hover{border-color: var(--c-accent)}.case-nav__link--next{text-align: right;grid-column: 3}.case-nav__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.case-nav__title{color: var(--c-text);font-family: var(--font-display);font-size: var(--fs-lg);font-weight: 700}.case-nav__all{justify-self: center;color: var(--c-text-2);font-size: var(--fs-sm)}@media (max-width: 767px){.case-nav__link--next{grid-column: auto}.case-nav__all{order: 3}}.lightbox{position: fixed;inset: 0;margin: auto;width: min(96vw,1400px);max-height: 94vh;padding: var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius-lg);background: var(--c-bg);color: var(--c-text)}.lightbox::backdrop{background: rgb(3 6 12 / 0.86);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.lightbox__figure{position: relative;display: flex;flex-direction: column;gap: var(--s-3)}.lightbox__img{max-height: calc(94vh - 140px);margin-inline: auto;object-fit: contain;border-radius: var(--radius-sm);transition: opacity var(--t-ui) var(--ease)}.lightbox.is-loading .lightbox__img{opacity: 0;min-height: min(50vh,420px)}.lightbox.is-loading .lightbox__figure::before{content: "";position: absolute;top: calc(min(50vh,420px) / 2 - 16px);left: calc(50% - 16px);width: 32px;height: 32px;border: 2px solid var(--c-border-strong);border-top-color: var(--c-accent);border-radius: 50%;animation: lightbox-spin 0.8s linear infinite}@keyframes lightbox-spin{to{transform: rotate(360deg)}}.lightbox__caption{color: var(--c-text-2);font-size: var(--fs-sm);text-align: center}.lightbox__controls{display: flex;align-items: center;justify-content: center;gap: var(--s-3);margin-top: var(--s-3)}.lightbox__btn{display: grid;place-items: center;width: 44px;height: 44px;border: 1px solid var(--c-border-strong);border-radius: 50%;color: var(--c-text);font-size: 1.1rem}.lightbox__btn:hover{border-color: var(--c-accent)}.lightbox__count{min-width: 60px;color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs);text-align: center}.lightbox--single [data-prev],.lightbox--single [data-next],.lightbox--single .lightbox__count{display: none}}@layer pages{.case-sub{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-6) 0 0;border-top: 1px dashed var(--c-border);scroll-margin-top: calc(var(--header-h) + 60px)}.case-sub__title{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);font-size: var(--fs-h3);font-stretch: 106%}.case-sub__lead{max-width: 64ch}.case-small{color: var(--c-text-3);font-size: var(--fs-xs)}.case-details{border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: rgb(255 255 255 / 0.015)}.case-details__summary{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);min-height: 56px;padding: var(--s-3) var(--s-5);color: var(--c-text);font-weight: 600;cursor: pointer;list-style: none}.case-details__summary::-webkit-details-marker{display: none}.case-details__summary::before{content: "";flex: none;width: 24px;height: 24px;border: 1px solid var(--c-border-strong);border-radius: 6px;background: linear-gradient(var(--c-accent),var(--c-accent)) center / 10px 2px no-repeat,linear-gradient(var(--c-accent),var(--c-accent)) center / 2px 10px no-repeat;transition: background-size var(--t-ui) var(--ease)}.case-details[open]>.case-details__summary::before{background-size: 10px 2px,2px 0}.case-details__summary:hover{background: rgb(255 255 255 / 0.02)}.case-details__body{display: flex;flex-direction: column;gap: var(--s-4);padding: 0 var(--s-5) var(--s-5)}@media print{.case-details>.case-details__body{display: flex !important}}.case-diagram{display: flex;flex-direction: column;gap: var(--s-3);margin: 0}.case-diagram__frame{display: grid;place-items: center;padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-xl);background: var(--dot-grid) 0 0 / 20px 20px,var(--c-bg-2)}.case-diagram__caption{color: var(--c-text-3);font-size: var(--fs-xs)}.case-diagram .halfflow{margin-bottom: 0}.case-qa{display: flex;flex-direction: column;gap: var(--s-4);margin: 0;padding: var(--s-5) var(--s-6);border-left: 2px solid var(--c-accent);border-radius: 0 var(--radius-lg) var(--radius-lg) 0;background: var(--c-surface)}.case-qa__who{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.case-qa__list{display: flex;flex-direction: column;gap: var(--s-4)}.case-qa__item dt{color: var(--c-text);font-weight: 600}.case-qa__item dt span{color: var(--c-accent);font-family: var(--font-mono)}.case-qa__item dd{margin-top: var(--s-1);color: var(--c-text-2);font-size: var(--fs-base);font-style: italic;line-height: 1.6}.storymap{overflow-x: auto;padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius-xl);background: var(--dot-grid) 0 0 / 20px 20px,var(--c-bg-2)}.storymap__grid{display: grid;grid-template-columns: repeat(var(--cols),minmax(240px,1fr));gap: var(--s-4);min-width: max-content}@media (min-width: 900px){.storymap__grid{min-width: 0}}.storymap__col{display: flex;flex-direction: column;gap: var(--s-3)}.storymap__epic,.storymap__label{display: flex;flex-direction: column;gap: 2px;padding: var(--s-3);border-radius: var(--radius);font-size: var(--fs-sm);font-weight: 600}.storymap__epic span,.storymap__label span{font-family: var(--font-mono);font-size: 0.625rem;font-weight: 400;letter-spacing: 0.08em;text-transform: uppercase}.storymap__epic{border: 1px solid rgb(34 211 238 / 0.5);background: rgb(34 211 238 / 0.1);color: var(--c-text)}.storymap__epic span{color: var(--c-accent)}.storymap__stories{display: flex;flex-direction: column;gap: var(--s-3)}.storymap__story{display: flex;flex-direction: column;gap: var(--s-2)}.storymap__label{border: 1px solid rgb(61 123 255 / 0.45);background: rgb(61 123 255 / 0.1);color: var(--c-text)}.storymap__label span{color: var(--c-primary-hover)}.storymap__tasks{display: flex;flex-direction: column;gap: var(--s-1);padding-left: var(--s-4);border-left: 1px dashed var(--c-border-strong)}.storymap__tasks li{padding: var(--s-2) var(--s-3);border: 1px solid var(--c-border);border-radius: 6px;background: var(--c-surface);color: var(--c-text-2);font-size: var(--fs-xs)}.burndown{width: 100%;max-width: 620px;height: auto;padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-bg-2)}.burndown__grid{stroke: var(--c-border);stroke-width: 1}.burndown__axis{fill: var(--c-text-3);font-family: var(--font-mono);font-size: 10px}.burndown__ideal{stroke: var(--c-text-3);stroke-width: 1.5;stroke-dasharray: 5 5}.burndown__actual{fill: none;stroke: var(--c-accent);stroke-width: 2.5;stroke-linejoin: round}.burndown__dot{fill: var(--c-bg);stroke: var(--c-accent);stroke-width: 1.5}.burndown__legend{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5);color: var(--c-text-2);font-size: var(--fs-xs)}.burndown__legend li{display: inline-flex;align-items: center;gap: var(--s-2)}.burndown__key{width: 18px;height: 2px}.burndown__key--ideal{background: repeating-linear-gradient(90deg,var(--c-text-3) 0 4px,transparent 4px 7px)}.burndown__key--actual{background: var(--c-accent)}.burndown__fictive{padding: 1px var(--s-2);border-radius: var(--radius-sm);background: rgb(251 191 36 / 0.1);color: var(--c-proposal);font-family: var(--font-mono)}}@layer pages{.case-diagram .risk-matrix{max-width: 640px}.case-rules:has(.case-rule:nth-child(4):last-child){max-width: 640px}}@layer pages{.proves{display: grid;gap: var(--s-3);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--dot-grid) 0 0 / 18px 18px,var(--c-bg-2)}.proves__title,.trace__title,.whys__title,.criteria__title,.moscow__title{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase}.proves__list{display: flex;flex-wrap: wrap;gap: var(--s-2)}.proves__list li{display: inline-flex;align-items: center;gap: var(--s-2);padding: var(--s-2) var(--s-3);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);background: var(--c-surface);color: var(--c-text);font-size: var(--fs-sm)}.proves__list .icon{width: 14px;height: 14px;color: var(--c-success);stroke-width: 2.4}.need{display: grid;gap: var(--s-5)}.need__steps{position: relative;display: grid;gap: var(--s-3);counter-reset: need}@media (min-width: 900px){.need__steps{grid-template-columns: repeat(var(--need-count,4),minmax(0,1fr));gap: var(--s-4)}.need__steps::before{content: "";position: absolute;top: 28px;left: 24px;right: 24px;height: 1px;background: linear-gradient(90deg,var(--c-border-strong),var(--c-accent))}}.need__step{position: relative;display: flex;flex-direction: column;gap: var(--s-3);padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}.need__label{display: flex;align-items: center;gap: var(--s-2);color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.need__index{display: grid;place-items: center;flex: none;width: 26px;height: 26px;border: 1px solid var(--c-border-strong);border-radius: 50%;background: var(--c-bg);color: var(--c-text-2);font-size: 0.6875rem;letter-spacing: 0}.need__text{color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.55}.need__step--root{border-color: rgb(34 211 238 / 0.55);background: linear-gradient(160deg,rgb(34 211 238 / 0.1),rgb(61 123 255 / 0.05)),var(--c-surface);box-shadow: 0 0 0 1px rgb(34 211 238 / 0.12),0 18px 40px -24px rgb(34 211 238 / 0.45)}.need__step--root .need__label{color: var(--c-accent)}.need__step--root .need__index{border-color: var(--c-accent);background: var(--c-accent);color: var(--c-bg)}.need__step--root .need__text{color: var(--c-text);font-weight: 500}.need__reformulation{display: grid;gap: var(--s-2);max-width: 760px;margin: 0;padding: var(--s-4) var(--s-5);border-left: 2px solid var(--c-accent);border-radius: 0 var(--radius) var(--radius) 0;background: rgb(255 255 255 / 0.02)}.need__reformulation figcaption{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.need__reformulation p{color: var(--c-text);font-family: var(--font-display);font-size: clamp(1.05rem,0.98rem + 0.35vw,1.25rem);font-weight: 600;line-height: 1.45}.interview{display: grid;gap: var(--s-3)}.interview__head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.interview__count{color: var(--c-text);font-weight: 600}.interview__list{position: relative;display: grid;gap: var(--s-2)}.interview__list::before{content: "";position: absolute;top: 22px;bottom: 22px;left: 21px;width: 1px;background: linear-gradient(var(--c-accent),var(--c-border-strong))}.interview__item details{position: relative;border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.interview__item details[open]{border-color: var(--c-border-strong)}.interview__item summary{display: flex;align-items: flex-start;gap: var(--s-3);padding: var(--s-3) var(--s-4) var(--s-3) var(--s-2);cursor: pointer;list-style: none}.interview__item summary::-webkit-details-marker{display: none}.interview__item summary:hover{background: rgb(255 255 255 / 0.02)}.interview__index{display: grid;place-items: center;flex: none;width: 26px;height: 26px;border: 1px solid var(--c-border-strong);border-radius: 50%;background: var(--c-bg);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.625rem}details[open]>summary .interview__index{border-color: var(--c-accent);background: var(--c-accent);color: var(--c-bg)}.interview__summary{display: flex;flex-direction: column;gap: 2px;min-width: 0}.interview__theme{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.interview__q{color: var(--c-text);font-size: var(--fs-sm);font-weight: 500;line-height: 1.5}.interview__body{display: grid;gap: var(--s-3);padding: 0 var(--s-5) var(--s-4) calc(26px + var(--s-2) + var(--s-3))}.interview__body dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.interview__body dd{margin-top: 2px;color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.55}.interview__answer{font-style: italic}.interview__deduction{padding: var(--s-3);border-radius: var(--radius-sm);background: rgb(34 211 238 / 0.06)}.interview__deduction dt{color: var(--c-accent)}.interview__deduction dd{color: var(--c-text)}.whys{display: grid;gap: var(--s-3);margin: 0}.whys__chain{display: grid;gap: var(--s-2)}.whys__step,.whys__root{position: relative;display: grid;gap: 2px;margin-left: calc(var(--depth,0) * clamp(8px,2.5vw,28px));padding: var(--s-3) var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.whys__step::before{content: "";position: absolute;left: -1px;top: 50%;width: 3px;height: 40%;border-radius: 2px;background: var(--c-primary);transform: translateY(-50%)}.whys__q{color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.whys__a{color: var(--c-text-2);font-size: var(--fs-sm)}.whys__root{border-color: rgb(34 211 238 / 0.55);background: linear-gradient(160deg,rgb(34 211 238 / 0.1),transparent),var(--c-surface)}.whys__root .whys__q{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.whys__root .whys__a{color: var(--c-text);font-weight: 600}.matrix{display: grid;gap: var(--s-2);margin: 0}.matrix__table{width: 100%;border-collapse: collapse;font-size: var(--fs-sm)}.matrix__caption{padding-bottom: var(--s-3);color: var(--c-accent);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.08em;text-align: left;text-transform: uppercase}.matrix__table th,.matrix__table td{padding: var(--s-3);border-bottom: 1px solid var(--c-border);text-align: left;vertical-align: top;line-height: 1.5}.matrix__table thead th{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;font-weight: 500;letter-spacing: 0.06em;text-transform: uppercase}.matrix__table tbody th{color: var(--c-text);font-weight: 600;white-space: nowrap}.matrix__table td{color: var(--c-text-2)}.matrix__table tbody tr:hover{background: rgb(255 255 255 / 0.02)}@media (max-width: 767px){.matrix__table thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.matrix__table,.matrix__table tbody,.matrix__table tr,.matrix__table th,.matrix__table td{display: block}.matrix__table tr{margin-bottom: var(--s-3);padding: var(--s-3) var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.matrix__table th,.matrix__table td{padding: var(--s-1) 0;border: 0;white-space: normal}.matrix__table tbody th{padding-bottom: var(--s-2)}.matrix__table td::before{content: attr(data-label);display: block;color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}}.decision{display: grid;gap: var(--s-4)}.decision__options{display: grid;gap: var(--s-3)}@media (min-width: 900px){.decision__options{grid-template-columns: repeat(3,minmax(0,1fr));align-items: stretch}}.decision__option{display: flex;flex-direction: column;gap: var(--s-4);padding: var(--s-5);border: 1px dashed var(--c-border-strong);border-radius: var(--radius-lg);background: transparent}.decision__option--best{border: 1px solid rgb(52 211 153 / 0.55);background: linear-gradient(170deg,rgb(52 211 153 / 0.08),transparent 60%),var(--c-surface);box-shadow: 0 20px 44px -28px rgb(52 211 153 / 0.5)}.decision__head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.decision__key{display: grid;place-items: center;flex: none;width: 30px;height: 30px;border: 1px solid var(--c-border-strong);border-radius: var(--radius-sm);color: var(--c-text-2);font-family: var(--font-mono);font-size: var(--fs-sm)}.decision__option--best .decision__key{border-color: var(--c-success);color: var(--c-success)}.decision__title{flex: 1 1 140px;font-size: var(--fs-lg);font-stretch: 104%;line-height: 1.25}.decision__badge{padding: 2px var(--s-2);border-radius: var(--radius-sm);background: rgb(52 211 153 / 0.14);color: var(--c-success);font-family: var(--font-mono);font-size: 0.6875rem}.decision__facts{display: grid;gap: var(--s-3)}.decision__facts dt,.decision__level dt,.decision__fit span{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.decision__facts dd{margin-top: 2px;color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.5}.decision__levels{display: grid;gap: var(--s-2);margin-top: auto;padding-top: var(--s-3);border-top: 1px solid var(--c-border)}.decision__level{display: grid;grid-template-columns: 7.5rem minmax(0,1fr);align-items: center;gap: var(--s-3)}.decision__level dd{display: flex;align-items: center;gap: var(--s-2);color: var(--c-text);font-size: var(--fs-xs)}.decision__fit{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-2);color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.decision__rationale{display: grid;gap: var(--s-2);max-width: 760px;padding: var(--s-4) var(--s-5);border-left: 2px solid var(--c-success);background: rgb(52 211 153 / 0.04)}.decision__rationale p{color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.6}.decision__rationale p:first-child{color: var(--c-text);font-weight: 600}.meter{display: inline-flex;gap: 3px}.meter i{width: 16px;height: 6px;border-radius: 2px;background: var(--c-border-strong);transform-origin: left;transition: scale 500ms var(--ease-out)}.meter--1 i:nth-child(-n+1),.meter--2 i:nth-child(-n+2),.meter--3 i:nth-child(-n+3){background: var(--c-primary)}.decision__option--best .meter--1 i:nth-child(-n+1),.decision__option--best .meter--2 i:nth-child(-n+2),.decision__option--best .meter--3 i:nth-child(-n+3){background: var(--c-success)}.trace{display: grid;gap: var(--s-3);margin: 0}.trace__chain{display: grid;gap: 0;counter-reset: trace}.trace__link{position: relative;display: grid;gap: 2px;padding: var(--s-2) 0 var(--s-4) var(--s-6);counter-increment: trace}.trace__link::before{content: "";position: absolute;top: 6px;left: 5px;width: 11px;height: 11px;border: 2px solid var(--c-accent);border-radius: 50%;background: var(--c-bg)}.trace__link:not(:last-child)::after{content: "";position: absolute;top: 20px;bottom: -4px;left: 10px;width: 1px;background: var(--c-border-strong)}.trace__link:last-child::before{background: var(--c-accent)}.trace__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.trace__text{color: var(--c-text);font-size: var(--fs-sm)}@media (min-width: 900px){.trace__chain{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-3)}.trace__link{padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.trace__link::before,.trace__link:not(:last-child)::after{display: none}.trace__label::before{content: counter(trace,decimal-leading-zero) " · ";color: var(--c-accent)}.trace__link:last-child{border-color: rgb(34 211 238 / 0.5)}}.criteria{display: grid;gap: var(--s-3)}.criteria__list{display: grid;gap: var(--s-3)}@media (min-width: 900px){.criteria__list{grid-template-columns: repeat(2,minmax(0,1fr))}}.criterion{display: grid;gap: var(--s-1);padding: var(--s-4);border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-bg);font-size: var(--fs-sm);line-height: 1.55}.criterion p{color: var(--c-text-2)}.criterion__kw{color: var(--c-accent);font-family: var(--font-mono);font-size: 0.75rem}.moscow{display: grid;gap: var(--s-3);margin: 0}.moscow__head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.moscow__board{display: grid;gap: var(--s-3)}@media (min-width: 600px){.moscow__board{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.moscow__board{grid-template-columns: repeat(4,minmax(0,1fr))}}.moscow__col{display: grid;align-content: start;gap: var(--s-3);padding: var(--s-4);border: 1px solid var(--c-border);border-top: 3px solid var(--moscow,var(--c-border-strong));border-radius: var(--radius);background: var(--c-surface)}.moscow__col--must{--moscow: var(--c-success)}.moscow__col--should{--moscow: var(--c-primary)}.moscow__col--could{--moscow: var(--c-proposal)}.moscow__col--wont{--moscow: var(--c-text-3);background: transparent;border-style: dashed;border-top-style: solid}.moscow__label{display: grid;color: var(--c-text);font-weight: 600}.moscow__label span{color: var(--c-text-3);font-size: var(--fs-xs);font-weight: 400}.moscow__col ul{display: grid;gap: var(--s-2)}.moscow__col li{position: relative;padding-left: var(--s-4);color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.45}.moscow__col li::before{content: "";position: absolute;top: 0.55em;left: 0;width: 6px;height: 6px;border-radius: 50%;background: var(--moscow)}.persona{display: grid;gap: var(--s-4);margin: 0;padding: var(--s-5);border: 1px solid var(--c-border);border-radius: var(--radius-lg);background: var(--c-surface)}@media (min-width: 900px){.persona{grid-template-columns: 220px minmax(0,1fr);align-items: start}.persona>.case-small{grid-column: 1 / -1}}.persona__id{display: flex;align-items: center;gap: var(--s-3)}.persona__avatar{display: grid;place-items: center;flex: none;width: 52px;height: 52px;border: 1px solid var(--c-border-strong);border-radius: 50%;background: radial-gradient(circle at 30% 30%,rgb(61 123 255 / 0.25),var(--c-bg));color: var(--c-accent)}.persona__avatar .icon{width: 24px;height: 24px}.persona__name{color: var(--c-text);font-weight: 600}.persona__role{color: var(--c-text-3);font-size: var(--fs-xs)}.persona__facts{display: grid;gap: var(--s-3)}@media (min-width: 600px){.persona__facts{grid-template-columns: repeat(2,minmax(0,1fr))}}.persona__facts dt{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase}.persona__facts dd{margin-top: 2px;color: var(--c-text-2);font-size: var(--fs-sm);line-height: 1.5}.persona__expects dd{color: var(--c-text);font-weight: 500}@media (prefers-reduced-motion: no-preference){.reveal-ready .decision:not(.is-visible):not(.is-shown) .meter i{scale: 0 1}.reveal-ready .decision.is-visible .meter i{transition-delay: 300ms}.reveal-ready .need__step--root.is-visible{animation: root-glow 1400ms var(--ease-out) 400ms both}}@keyframes root-glow{0%{box-shadow: 0 0 0 0 rgb(34 211 238 / 0.45)}100%{box-shadow: 0 0 0 1px rgb(34 211 238 / 0.12),0 18px 40px -24px rgb(34 211 238 / 0.45)}}}@layer pages{.xp-layout{position: relative;isolation: isolate}main:has(.xp-layout){overflow-x: clip}.case-section,.xp-block{position: relative}.case-section::before,.xp-block::before,.case-section::after,.xp-block::after{content: "";position: absolute;z-index: -1;pointer-events: none}.case-section:nth-of-type(even)::before,.xp-block:nth-of-type(even)::before{inset-block: 0;inset-inline: -100vw;background: var(--dot-grid) 0 0 / 22px 22px,linear-gradient(180deg,transparent 0,rgb(13 22 40 / 0.9) 15%,rgb(14 24 44) 50%,rgb(13 22 40 / 0.9) 85%,transparent 100%);-webkit-mask-image: linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.case-section::after,.xp-block::after{top: 0;width: min(70vw,720px);height: min(100%,640px);background: radial-gradient(closest-side,rgb(61 123 255 / 0.12),transparent)}.case-section:nth-of-type(odd)::after,.xp-block:nth-of-type(odd)::after{right: -20%}.case-section:nth-of-type(even)::after,.xp-block:nth-of-type(even)::after{left: -25%;background: radial-gradient(closest-side,rgb(34 211 238 / 0.09),transparent)}@media print{.case-section::before,.xp-block::before,.case-section::after,.xp-block::after{display: none}}}@layer pages{.case-sub{position: relative}.case-sub::before,.case-sub::after{content: "";position: absolute;z-index: -1;pointer-events: none}.case-section:nth-of-type(odd)>.case-sub:nth-child(even of .case-sub)::before{inset-block: calc(-1 * var(--s-3)) calc(-1 * var(--s-6));inset-inline: -100vw;background: var(--dot-grid) 0 0 / 22px 22px,linear-gradient(180deg,transparent 0,rgb(13 22 40 / 0.85) 18%,rgb(14 24 44 / 0.95) 50%,rgb(13 22 40 / 0.85) 82%,transparent 100%);-webkit-mask-image: linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image: linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}.case-sub::after{top: 10%;width: min(60vw,560px);height: min(90%,480px);background: radial-gradient(closest-side,rgb(61 123 255 / 0.09),transparent)}.case-sub:nth-child(odd of .case-sub)::after{right: -18%}.case-sub:nth-child(even of .case-sub)::after{left: -22%;background: radial-gradient(closest-side,rgb(34 211 238 / 0.07),transparent)}@media print{.case-sub::before,.case-sub::after{display: none}}}@layer pages{.testimonial{position: relative;display: grid;gap: var(--s-4);max-width: 760px;margin: 0;padding: var(--s-6) var(--s-6) var(--s-5);border: 1px solid var(--c-border-strong);border-radius: var(--radius-lg);background: linear-gradient(150deg,rgb(61 123 255 / 0.08),transparent 55%),var(--c-surface)}.testimonial__mark{position: absolute;top: -18px;left: var(--s-5);color: var(--c-accent);font-family: var(--font-display);font-size: 4.5rem;line-height: 1}.testimonial__quote p{color: var(--c-text);font-size: var(--fs-lg);line-height: 1.6}.testimonial__author{display: flex;align-items: center;gap: var(--s-3)}.testimonial__avatar{display: grid;place-items: center;flex: none;width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(140deg,var(--c-primary),var(--c-accent));color: var(--c-bg);font-family: var(--font-display);font-weight: 800}.testimonial__name{display: block;color: var(--c-text);font-weight: 600}.testimonial__context{display: block;color: var(--c-text-3);font-size: var(--fs-xs)}}@layer pages{.contact__grid{display: grid;gap: var(--s-7);align-items: start}@media (min-width: 1024px){.contact__grid{grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: var(--s-9)}.contact__direct{position: sticky;top: calc(var(--header-h) + var(--s-5))}}.contact__direct{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-5)}.contact__title{font-size: var(--fs-h3);font-stretch: 106%}.contact__list{display: flex;flex-direction: column;width: 100%;border-top: 1px solid var(--c-border)}.contact__list li{display: flex;flex-direction: column;gap: var(--s-1);padding-block: var(--s-4);border-bottom: 1px solid var(--c-border);color: var(--c-text)}.contact__list a{display: inline-flex;align-items: center;gap: var(--s-2)}.contact__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase}.contact__email{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-4);font-size: var(--fs-lg);overflow-wrap: anywhere}.contact__copy{align-items: center;gap: var(--s-1);min-height: 32px;padding: 0 var(--s-3);border: 1px solid var(--c-border-strong);border-radius: var(--radius-pill);color: var(--c-text-2);font-size: var(--fs-xs)}.contact__copy .icon{width: 14px;height: 14px}.contact__copy:hover{color: var(--c-text);border-color: var(--c-accent)}.contact__form-wrap{padding: clamp(1.25rem,1rem + 2vw,2.5rem);border: 1px solid var(--c-border-strong);border-radius: var(--radius-xl);background: linear-gradient(160deg,var(--c-surface),var(--c-bg-2));box-shadow: var(--shadow-inset),var(--shadow-md)}.contact__fallback{display: flex;flex-direction: column;align-items: flex-start;gap: var(--s-4)}.form{display: flex;flex-direction: column;gap: var(--s-5)}.form__row{display: grid;gap: var(--s-5)}@media (min-width: 640px){.form__row{grid-template-columns: repeat(2,minmax(0,1fr))}}.field{display: flex;flex-direction: column;gap: var(--s-2)}.field label{color: var(--c-text);font-size: var(--fs-sm);font-weight: 600}.field__req{color: var(--c-accent)}.field__opt{color: var(--c-text-3);font-weight: 400}.field input,.field select,.field textarea{width: 100%;min-height: 48px;padding: var(--s-3) var(--s-4);border: 1px solid var(--c-border-strong);border-radius: var(--radius);background: var(--c-bg);color: var(--c-text);font-size: var(--fs-base);transition: border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.field textarea{min-height: 180px;resize: vertical;line-height: 1.55}.field select{appearance: none;background-image: linear-gradient(45deg,transparent 50%,var(--c-text-2) 50%),linear-gradient(135deg,var(--c-text-2) 50%,transparent 50%);background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size: 5px 5px;background-repeat: no-repeat}.field input:hover,.field select:hover,.field textarea:hover{border-color: var(--c-text-3)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-soft)}.field--error input,.field--error select,.field--error textarea{border-color: var(--c-danger)}.field__error{display: flex;gap: var(--s-2);color: #FCA5A5;font-size: var(--fs-sm)}.field__error::before{content: "!";display: grid;place-items: center;flex: none;width: 18px;height: 18px;border-radius: 50%;background: var(--c-danger);color: var(--c-bg);font-size: 0.75rem;font-weight: 800}.field__hint{color: var(--c-text-3);font-size: var(--fs-xs)}.form__summary{padding: var(--s-4) var(--s-5);border: 1px solid rgb(248 113 113 / 0.5);border-radius: var(--radius);background: rgb(248 113 113 / 0.08)}.form__summary:focus{outline: 2px solid var(--c-danger);outline-offset: 2px}.form__summary-title{color: var(--c-text);font-weight: 600}.form__summary ul{display: flex;flex-direction: column;gap: var(--s-1);margin-top: var(--s-2)}.form__summary a{color: #FCA5A5;font-size: var(--fs-sm)}.form__trap{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.form__legal{color: var(--c-text-3);font-size: var(--fs-xs);line-height: 1.6}.form__submit{align-self: flex-start}.form__submit:disabled{opacity: 0.7;cursor: progress}@media (max-width: 479px){.form__submit{align-self: stretch}}.contact-thanks__icon{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 50%;background: rgb(52 211 153 / 0.12);color: var(--c-success);box-shadow: inset 0 0 0 1px rgb(52 211 153 / 0.4)}.contact-thanks__icon .icon{width: 28px;height: 28px;stroke-width: 2.2}}@layer pages{.legal__inner{display: grid;gap: var(--s-8)}.legal__header{display: grid;gap: var(--s-3);padding-bottom: var(--s-6);border-bottom: 1px solid var(--c-border)}.legal__updated{font-family: var(--font-mono);font-size: var(--fs-sm);color: var(--c-text-3)}.legal__intro{font-size: var(--fs-lg);color: var(--c-text)}.legal__section{display: grid;gap: var(--s-3)}.legal__section h2{font-size: var(--fs-h3)}.legal__section .dev-flag{justify-self: start}.legal__section p{color: var(--c-text-2);max-width: 68ch}.sitemap{display: grid;gap: var(--s-7)}@media (min-width: 768px){.sitemap{grid-template-columns: repeat(2,minmax(0,1fr))}}.sitemap__group{display: grid;gap: var(--s-3);align-content: start}.sitemap__group h2{font-size: var(--fs-h3)}.sitemap__group ul{display: grid;gap: var(--s-2);padding: 0;margin: 0}}@layer pages{.sg-section{padding-block: var(--s-8);border-top: 1px solid var(--c-border)}.sg-section>h2{margin-bottom: var(--s-6);font-size: var(--fs-h3)}.sg-swatches{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: var(--s-4);padding: 0;list-style: none}.sg-swatch{overflow: hidden;border: 1px solid var(--c-border);border-radius: var(--radius);background: var(--c-surface)}.sg-swatch__color{height: 72px;border-bottom: 1px solid var(--c-border)}.sg-swatch__meta{display: flex;flex-direction: column;gap: 2px;padding: var(--s-3);font-size: var(--fs-xs)}.sg-swatch__meta code{color: var(--c-text-3)}.sg-type{display: flex;flex-direction: column;gap: var(--s-5)}.sg-type__row{display: grid;gap: var(--s-2)}@media (min-width: 768px){.sg-type__row{grid-template-columns: 160px 1fr;align-items: baseline}}.sg-type__label{color: var(--c-text-3);font-family: var(--font-mono);font-size: var(--fs-xs)}.sg-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-4)}}@layer motion{@media (prefers-reduced-motion: no-preference){[data-enter]{animation: enter-up 900ms var(--ease-out) both;animation-delay: calc(var(--i,0) * 70ms + 60ms)}.portrait[data-enter]{animation: none}.portrait[data-enter] .portrait__frame{animation: enter-frame 1200ms var(--ease-out) both;animation-delay: 180ms}.portrait[data-enter] .portrait__halo{animation: enter-fade 1600ms var(--ease) both 300ms}.portrait[data-enter] .portrait__corner{animation: enter-corner 700ms var(--ease-out) both 700ms}.portrait[data-enter] .portrait__chip{animation: enter-up 800ms var(--ease-out) both 900ms}.portrait[data-enter] .portrait__network{animation: enter-fade 1000ms var(--ease) both 800ms}.net-line--live,.flow__line--live{animation: flow-dash 1.6s linear infinite}.availability__dot::after{animation: pulse-ring 2.4s var(--ease-out) infinite 1.2s}}@keyframes enter-up{from{opacity: 0;transform: translateY(18px);filter: blur(4px)}to{opacity: 1;transform: none;filter: none}}@keyframes enter-fade{from{opacity: 0}to{opacity: 1}}@keyframes enter-frame{from{opacity: 0;transform: translateY(24px) scale(0.97);clip-path: inset(10% 10% 10% 10% round 28px)}to{opacity: 1;transform: none;clip-path: inset(0 0 0 0 round 28px)}}@keyframes enter-corner{from{opacity: 0;scale: 0.6}to{opacity: 0.85;scale: 1}}@keyframes flow-dash{to{stroke-dashoffset: -20}}@keyframes pulse-ring{0%{opacity: 0.9;transform: scale(0.6)}80%,100%{opacity: 0;transform: scale(1.8)}}}@layer motion{@media (prefers-reduced-motion: no-preference){.reveal-ready [data-reveal]:not(.is-visible):not(.is-shown){opacity: 0;translate: 0 18px}.reveal-ready [data-reveal].is-visible{animation: reveal-in 700ms var(--ease-out) both;animation-delay: var(--reveal-delay,0ms)}.reveal-ready .strip:not(.is-visible):not(.is-shown) .strip__bar{scale: 0 1}.reveal-ready .strip.is-visible .strip__bar{transform-origin: left;animation: bar-grow 900ms var(--ease-out) both 250ms}.reveal-ready .strip.is-visible .strip__item:nth-child(2) .strip__bar{animation-delay: 380ms}.reveal-ready .strip.is-visible .strip__item:nth-child(3) .strip__bar{animation-delay: 510ms}.reveal-ready .strip.is-visible .strip__item:nth-child(4) .strip__bar{animation-delay: 640ms}.reveal-ready .cv-item.is-visible .cv-item__node{animation: node-pulse 900ms var(--ease-out) both 200ms}}@keyframes reveal-in{from{opacity: 0;translate: 0 18px}to{opacity: 1;translate: 0 0}}@keyframes bar-grow{from{scale: 0 1}to{scale: 1 1}}@keyframes node-pulse{0%{box-shadow: inset 0 0 0 1.5px var(--c-text-3),0 0 0 0 rgb(34 211 238 / 0.6)}60%{box-shadow: inset 0 0 0 1.5px var(--c-accent),0 0 0 8px rgb(34 211 238 / 0)}100%{box-shadow: inset 0 0 0 1.5px var(--c-text-3),0 0 0 0 rgb(34 211 238 / 0)}}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: 240ms;animation-timing-function: ease}}@layer utilities{.u-text{color: var(--c-text)}.u-muted{color: var(--c-text-2)}.u-faint{color: var(--c-text-3)}.u-accent{color: var(--c-accent)}.u-mono{font-family: var(--font-mono)}.u-center{text-align: center}.u-mt-0{margin-top: 0}.u-mt-4{margin-top: var(--s-4)}.u-mt-6{margin-top: var(--s-6)}.u-mt-8{margin-top: var(--s-8)}}@media print{@page{size: A4;margin: 14mm 12mm}:root{--c-bg: #ffffff;--c-bg-2: #ffffff;--c-surface: #ffffff;--c-surface-2: #ffffff;--c-border: #d6dbe4;--c-border-strong: #b8c0cf;--c-text: #0b1220;--c-text-2: #334155;--c-text-3: #5b6577;--c-accent: #0e7490;--c-primary: #1d4ed8;--section-space: 6mm}html,body{background: #fff !important;color: #0b1220 !important;font-size: 10pt}*,*::before,*::after{box-shadow: none !important;text-shadow: none !important;animation: none !important;transition: none !important}.site-header,.mobile-nav,.site-footer,.skip-link,.cv-nav,.dev-flag,.cv-card__actions,.cv-intro__backdrop,.hero__backdrop,.js-only,.level-legend,.skill__proof .icon{display: none !important}.cv-card{position: static !important;background: none !important;border: 1px solid #d6dbe4 !important}.cv-item__card,.skill-cat,.cv-phase,.cv-results,.language{background: none !important;break-inside: avoid}.section--alt{background: none !important}h1,h2,h3{color: #0b1220 !important;break-after: avoid}.cv-intro__title{font-size: 26pt}.section-heading{margin-bottom: 4mm}.section-heading__intro{display: none}a{color: inherit !important;text-decoration: none !important;background: none !important}[data-reveal]{opacity: 1 !important;transform: none !important}}