*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--mondrian-red: #E6202A;--mondrian-yellow: #F7D842;--mondrian-blue: #0B5FA5;--mondrian-black: #1a1a1a;--mondrian-white: #FAFAF8;--border-width: 6px;--font-display: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--color-bg: var(--mondrian-black);--color-cell: var(--mondrian-white);--color-text: var(--mondrian-black);--color-text-inv: var(--mondrian-white);--color-border: var(--mondrian-black);--mono-bg: #1a1a1a;--mono-text: #FAFAF8;--mono-accent: #E6202A}[data-theme=dark]{--color-bg: #111111;--color-cell: #1e1e1e;--color-text: #e8e6e3;--color-text-inv: #1a1a1a;--color-border: #e8e6e3;--mono-bg: #FAFAF8;--mono-text: #1a1a1a;--mono-accent: #E6202A;--mondrian-red: #D4363C;--mondrian-yellow: #E8C83A;--mondrian-blue: #2E7BBF}html,body{height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-display);color:var(--color-text)}.mondrian-grid{display:grid;grid-template-columns:140px 1fr 1.2fr 140px 1fr;grid-template-rows:auto 140px 1fr 140px auto;grid-template-areas:"logo   logo    tagline  tagline  nav" "red    center  center   yellow   portrait" "white1 center  center   .        portrait" "white1 center  center   blue     portrait" "soc1   soc1    soc2     soc2     soc3";height:100vh;max-height:100vh;gap:var(--border-width);padding:var(--border-width);background:var(--color-border)}.cell{background:var(--color-cell);display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(.92);animation:cell-enter .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes cell-enter{to{opacity:1;transform:scale(1)}}.cell-logo{animation-delay:0s}.logo-accent-block{animation-delay:.04s}.cell-tagline{animation-delay:.06s}.cell-nav{animation-delay:.1s}.accent-red{animation-delay:.12s}.accent-yellow{animation-delay:.16s}.accent-blue{animation-delay:.2s}.accent-white-1{animation-delay:.14s}.cell-center{animation-delay:.18s}.cell-portrait{animation-delay:.22s}.cell-social-1{animation-delay:.28s}.cell-social-2{animation-delay:.32s}.cell-social-3{animation-delay:.36s}@media(prefers-reduced-motion:reduce){.cell{animation:none;opacity:1;transform:none}}.accent-block{min-width:0;min-height:0}.accent-red{grid-area:red;background:var(--mondrian-red)}.accent-yellow{grid-area:yellow;background:var(--mondrian-yellow)}.accent-blue{grid-area:blue;background:var(--mondrian-blue)}.accent-white-1{grid-area:white1}.cell-portrait{grid-area:portrait;padding:0;overflow:hidden}.cell-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transform:scale(1.14);transform-origin:center top;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.cell-logo{grid-area:logo;padding:0;justify-content:flex-start;position:relative;z-index:150}.cell-logo .logo-inner{display:flex;align-items:center;width:100%;height:100%}.cell-logo .logo-left{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-left:calc((140px - clamp(48px,5vw,64px))/2)}.cell-logo .logo-accent-block{width:140px;flex-shrink:0;align-self:stretch;background:var(--mondrian-yellow);border-left:var(--border-width) solid var(--color-border)}.monogram-link{display:block;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);transition:transform .2s ease,filter .2s ease}.monogram-link:hover{transform:scale(1.08);filter:drop-shadow(0 2px 8px rgba(230,32,42,.4))}.monogram-link:active{transform:scale(.96)}.monogram{width:100%;height:100%;display:block}.cell-tagline{grid-area:tagline;padding:1.4rem 2rem;justify-content:flex-start;z-index:150}.tagline{font-family:var(--font-mono);font-size:clamp(.8rem,1.2vw,1.05rem);font-style:italic;opacity:.7}.cell-nav{grid-area:nav;padding:1.4rem 1.8rem;justify-content:flex-end;align-items:flex-start;z-index:150}.cell-nav nav ul{list-style:none;display:flex;flex-direction:column;gap:.25rem;text-align:right}.cell-nav nav ul li:before{content:"• ";font-weight:900}.cell-nav nav a{font-family:var(--font-display);font-weight:900;font-size:clamp(.8rem,1.1vw,1rem);text-transform:uppercase;text-decoration:none;color:var(--color-text);letter-spacing:.04em;cursor:pointer;transition:color .2s,text-decoration-color .2s;text-underline-offset:3px}.cell-nav nav a:hover{color:var(--mondrian-red);text-decoration:underline;text-decoration-color:var(--mondrian-red);text-decoration-thickness:2px}.cell-center{grid-area:center;padding:2rem;justify-content:center;align-items:center;position:relative}.ascii-art{font-family:var(--font-mono);font-size:clamp(.55rem,1.1vw,.95rem);line-height:1.15;white-space:pre;text-align:left;color:var(--color-text);letter-spacing:.04em;user-select:none;-webkit-user-select:none}.cell-social-1{grid-area:soc1;min-height:80px}.cell-social-2{grid-area:soc2;min-height:80px}.cell-social-3{grid-area:soc3;min-height:80px}.cell-social{padding:1.2rem}.cell-social a{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:900;font-size:clamp(.75rem,1vw,.95rem);text-transform:uppercase;letter-spacing:.05em;transition:transform .2s,color .2s}.cell-social a:hover{transform:scale(1.06);color:var(--mondrian-red);text-decoration:underline;text-decoration-color:var(--mondrian-red);text-decoration-thickness:2px;text-underline-offset:3px}.cell-social svg{flex-shrink:0}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;width:32px;height:32px;padding:4px;margin-left:12px;border-radius:6px;color:var(--color-text);transition:background .2s,color .2s,transform .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{background:var(--color-border);color:var(--color-cell);transform:scale(1.1)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{width:20px;height:20px;display:block}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:none}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}.section-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;pointer-events:none}.section-overlay.is-open{pointer-events:auto}.section-panel-wrapper{position:absolute;top:var(--header-bottom, 80px);left:0;right:0;bottom:0;overflow:hidden;z-index:1}.section-panel{position:absolute;top:0;left:var(--border-width);right:var(--border-width);bottom:var(--border-width);background:var(--color-cell);border-top:var(--border-width) solid var(--color-border);display:none;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;transform:translateY(-100%);transition:transform .5s cubic-bezier(.22,1,.36,1)}.section-panel.is-active{display:flex}.section-panel.is-visible{transform:translateY(0)}.section-panel h2{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;color:var(--color-text)}.section-panel .wip-text{font-family:var(--font-mono);font-size:clamp(.9rem,1.2vw,1.1rem);opacity:.5;font-style:italic;color:var(--color-text)}.section-close{position:absolute;top:16px;right:16px;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-text);font-size:2.2rem;line-height:1;width:44px;height:44px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;transition:background .2s,color .2s,transform .2s}.section-close:hover{background:var(--mondrian-red);color:#fff;transform:scale(1.1)}.section-close:active{transform:scale(.92)}.cell-nav nav a.nav-active{color:var(--mondrian-red);text-decoration:underline;text-decoration-color:var(--mondrian-red);text-decoration-thickness:2px}@media(max-width:900px){.mondrian-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"logo     logo" "tagline  nav" "center   portrait" "soc1     soc2" "soc3     soc3"}.accent-red,.accent-yellow,.accent-blue,.accent-white-1,.logo-accent-block{display:none}.cell-logo .logo-left{padding:1rem 1.4rem}.cell-nav{justify-content:flex-start;align-items:center;padding:1rem 1.4rem}.cell-nav nav ul{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;text-align:left}}@media(max-width:520px){:root{--border-width: 4px}.mondrian-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr auto auto auto;grid-template-areas:"logo" "tagline" "nav" "portrait" "center" "soc1" "soc2" "soc3"}.accent-red,.accent-yellow,.accent-blue,.accent-white-1{display:none}.cell-portrait{max-height:300px}.cell-nav{justify-content:flex-start;align-items:center}.cell-nav nav ul{flex-direction:row;flex-wrap:wrap;gap:.4rem .8rem}}