html,body{height:100%;overflow:hidden}body{background:var(--surface-base);margin:0}@keyframes introSlideLeft{0%{opacity:0;transform:translate(-18vw)}to{opacity:1;transform:translate(0)}}@keyframes introSlideRight{0%{opacity:0;transform:translate(18vw)}to{opacity:1;transform:translate(0)}}@keyframes introFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.brand-mark{position:fixed;top:var(--space-6);left:var(--space-6);z-index:10;display:flex;align-items:center;gap:var(--space-4);pointer-events:none;animation:introFadeDown .7s var(--ease-out) .8s both}.brand-mark__photo{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-z4)}.brand-mark__text{text-align:left;line-height:1.25}.brand-mark__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--text-primary)}.brand-mark__title{font-size:var(--text-sm);color:var(--text-tertiary)}.split-hero{display:flex;height:100vh}.split-panel{position:relative;flex:1 1 50%;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--space-10);background:var(--surface-base);transition:flex-basis .6s var(--ease-out)}.split-panel--portfolio{align-items:flex-start;animation:introSlideLeft 1.1s var(--ease-out) both}.split-panel--training{align-items:flex-end;border-left:1px solid var(--border-default);animation:introSlideRight 1.1s var(--ease-out) .12s both}.split-hero:has(.split-panel__zone:hover) .split-panel,.split-hero:has(.split-panel__zone:focus-within) .split-panel{flex-basis:30%}.split-panel:has(.split-panel__zone:hover),.split-panel:has(.split-panel__zone:focus-within){flex-basis:70%!important}.split-panel__zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);animation:introFadeUp .7s var(--ease-out) .65s both}.split-panel--portfolio .split-panel__zone{margin-left:max(var(--space-6),calc(25vw - 250px))}.split-panel--training .split-panel__zone{margin-right:max(var(--space-6),calc(25vw - 250px));animation-delay:.77s}.split-panel__link{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-decoration:none;color:inherit;cursor:pointer}.split-panel__illustration{width:min(280px,38%);height:auto}.split-panel--portfolio .split-panel__illustration{color:var(--purple-deep)}.split-panel--training .split-panel__illustration{color:var(--yellow-deep)}.split-panel__illustration--photo{width:min(510px,69%);max-height:32vh;object-fit:contain}.split-panel__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3.2vw + 1vh,2.25rem);color:var(--text-primary);line-height:1.2}.split-panel__reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease-out),opacity .35s var(--ease-out),margin-top .5s var(--ease-out)}.split-panel__zone:hover .split-panel__reveal,.split-panel__zone:focus-within .split-panel__reveal{max-height:13em;opacity:1;margin-top:var(--space-5)}.split-panel__tag{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.split-panel--portfolio .split-panel__tag{color:var(--purple-deep)}.split-panel--training .split-panel__tag{color:var(--yellow-deep)}.split-panel__desc{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:440px}.split-panel__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-base);margin-top:var(--space-2);padding:12px 24px;border-radius:var(--radius-pill);background:var(--ink);color:var(--text-on-primary);text-decoration:none;cursor:pointer;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.split-panel__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-z8)}.split-panel__cta:after{content:"→";transition:transform var(--duration-base) var(--ease-out)}.split-panel__zone:hover .split-panel__cta:after,.split-panel__zone:focus-within .split-panel__cta:after{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.split-panel{flex-basis:50%!important}.brand-mark,.split-panel--portfolio,.split-panel--training,.split-panel__zone{animation:none}}@media(max-width:860px){html,body{overflow:auto;height:auto}.brand-mark{gap:var(--space-3)}.brand-mark__photo{width:48px;height:48px}.brand-mark__name{font-size:var(--text-md)}.brand-mark__title{font-size:var(--text-xs)}.split-hero{flex-direction:column;height:auto}.split-panel{flex:0 0 auto!important;align-items:center;height:auto;min-height:60vh;padding:var(--space-12) var(--space-6) var(--space-8)}.split-panel--portfolio{padding-top:110px}.split-panel--training{border-left:none;border-top:1px solid var(--border-default)}.split-panel--portfolio .split-panel__zone,.split-panel--training .split-panel__zone{margin-left:0;margin-right:0}.split-panel__reveal{max-height:none;opacity:1;margin-top:var(--space-2)}}