:root{--font-family-primary: "Space Grotesk", sans-serif;--font-family-stack: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 13px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 15px;--font-size-2xl: 16px;--font-size-3xl: 27px;--font-size-4xl: 28px;--font-weight-base: 400;--font-line-height-base: 21px;--color-text-primary: #ffffff;--color-text-secondary: #b8b8c0;--color-text-tertiary: #8a8a92;--color-text-inverse: #161616;--color-surface-base: #000000;--color-surface-muted: #1c1c1e;--color-surface-strong: #101012;--color-border-default: #333336;--color-border-muted: #55555a;--color-border-strong: #46464a;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 10px;--space-5: 11.53px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--shadow-1: none;--shadow-2: none;--motion-duration-instant: .15s;--motion-ease: cubic-bezier(.22, 1, .36, 1);--semantic-bg: #101012;--semantic-bg-subtle: #161618;--semantic-bg-muted: #1e1e21;--semantic-bg-elevated: #26262a;--semantic-text: #ffffff;--semantic-text-secondary: #b8b8c0;--semantic-text-tertiary: #8a8a92;--semantic-text-inverse: #101012;--semantic-stroke: #333336;--semantic-stroke-strong: #4a4a4f;--semantic-stroke-muted: #26262a;--semantic-accent: #ffffff;--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-base: var(--font-size-md);--text-md: var(--font-size-md);--text-lg: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.7;--content-max: 980px;--header-h: 56px;--band-bg: var(--semantic-bg-subtle);--band-border: var(--semantic-stroke);--traffic-red: #3a3a3d;--traffic-yellow: #48484c;--traffic-green: #2e2e31}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{margin:0;color:var(--semantic-text);background:var(--semantic-bg);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:var(--font-line-height-base);font-weight:var(--font-weight-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--semantic-text);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--semantic-accent);outline-offset:2px;border-radius:var(--radius-xs)}img{display:block;max-width:100%}@font-face{font-family:Ndot57;src:url(/assets/font/Ndot57.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}::selection{background:var(--semantic-bg-elevated);color:var(--semantic-text)}.wrap{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;padding:calc(var(--space-8) * 2 + var(--header-h)) var(--space-8) 80px}@media (max-width: 768px){.wrap{padding:calc(var(--space-7) * 2 + var(--header-h)) var(--space-7) 64px}}.eyebrow{font-family:var(--font-family-stack);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--semantic-text-secondary);line-height:var(--font-line-height-base)}.kicker{font-family:var(--font-family-stack);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--semantic-text-secondary);line-height:var(--font-line-height-base)}.mono{font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:var(--font-line-height-base)}.section{margin-top:36px;scroll-margin-top:84px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--semantic-stroke);margin:0 0 var(--space-7)}.section-head__left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.window-dots{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.window-dots__dot{width:10px;height:10px;border-radius:999px;display:inline-block}.window-dots__dot--red{background:var(--traffic-red)}.window-dots__dot--yellow{background:var(--traffic-yellow)}.window-dots__dot--green{background:var(--traffic-green)}.section-head h2{margin:0;font-family:var(--font-family-stack);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--semantic-text);line-height:var(--font-line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-head .count{font-family:var(--font-family-stack);font-size:var(--font-size-sm);color:var(--semantic-text-secondary);letter-spacing:.08em;white-space:nowrap}.rule{height:1px;background:var(--semantic-stroke)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:var(--semantic-bg);border:1px solid var(--semantic-stroke);border-radius:var(--radius-sm);z-index:100}.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:40;background:var(--semantic-bg);border-bottom:1px solid var(--semantic-stroke)}.site-header__inner{max-width:var(--content-max);margin:0 auto;height:100%;padding:0 var(--space-8);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-7)}@media (max-width: 768px){.site-header__inner{padding:0 var(--space-7)}}.brand{font-family:"Ndot57",var(--font-family-stack);font-size:clamp(20px,3vw,26px);font-weight:400;letter-spacing:.02em;line-height:1;color:var(--semantic-text);padding:2px 4px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent}.brand:hover{border-color:transparent;text-decoration:none}.nav{display:flex;align-items:center;gap:4px}.nav a{font-family:var(--font-family-stack);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-text-secondary);padding:7px 8px;border-radius:var(--radius-sm)}.nav a:hover{color:var(--semantic-text);text-decoration:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--semantic-stroke-strong);background:var(--semantic-bg);color:var(--semantic-text);cursor:pointer}.btn:hover{background:var(--semantic-bg-subtle)}.btn:active{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--semantic-text);color:var(--semantic-bg);border-color:var(--semantic-text)}.btn--primary:hover{opacity:.92}.btn--ghost{background:transparent}.hero{position:relative;overflow:hidden;border:1px solid var(--semantic-stroke);border-radius:var(--radius-md);background:var(--semantic-bg-subtle)}.hero__cover{position:relative;height:200px;border-bottom:1px solid var(--semantic-stroke);background:var(--semantic-bg-muted);overflow:hidden}@media (max-width: 700px){.hero__cover{height:140px}}.hero__map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9;pointer-events:none}.hero__body{position:relative;display:flex;align-items:flex-start;gap:var(--space-8);padding:60px var(--space-8) var(--space-8)}@media (max-width: 700px){.hero__body{flex-direction:column;align-items:stretch;gap:var(--space-6);padding:44px var(--space-7) var(--space-7)}}.hero__profile{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.avatar{position:absolute;top:-60px;left:var(--space-8);width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--semantic-bg-subtle);background:var(--semantic-bg-muted);box-shadow:inset 0 0 0 1px #00000040,inset 0 0 16px 3px #0000008c;z-index:1}@media (max-width: 700px){.avatar{width:84px;height:84px;top:-42px;left:var(--space-7);border-width:3px}}.avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transform-origin:50% 50%;will-change:transform}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hero__name{margin:0;font-family:var(--font-family-stack);font-size:clamp(26px,4.5vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--semantic-text)}.name-row{display:flex;align-items:baseline;gap:0;flex-wrap:nowrap;font-size:clamp(26px,4.5vw,40px)}.name-row dotlottie-player{flex-shrink:0;flex-basis:auto;width:2.1em!important;height:1.5em!important;min-width:2.1em;min-height:1.5em;display:block;margin-left:-.4em;transform:translateY(18%);will-change:transform;overflow:visible}.hero__subtitle{margin-top:2px;font-family:var(--font-family-stack);font-size:var(--font-size-lg);color:var(--semantic-text-secondary)}@media (max-width: 700px){.name-row dotlottie-player{width:2.52em!important;height:1.8em!important;min-width:2.52em;min-height:1.8em}}.hero__heatmap{flex:1 1 0;min-width:0;display:flex;align-items:flex-start}@media (max-width: 700px){.hero__heatmap{width:100%;align-items:stretch}}.gh-heatmap{width:100%;display:flex;flex-direction:column;gap:6px;min-width:0}.gh-heatmap__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-text-tertiary)}.gh-heatmap__total{color:var(--semantic-text-secondary)}.gh-heatmap__scroll{overflow-x:visible;min-width:0}.gh-heatmap__scroll{scrollbar-width:none;-ms-overflow-style:none}.gh-heatmap__scroll::-webkit-scrollbar{display:none}.gh-heatmap__scrollbar{position:relative;height:4px;margin-top:10px;border-radius:999px;background:var(--semantic-stroke);cursor:pointer;touch-action:none}.gh-heatmap__scrollbar-thumb{position:absolute;top:0;bottom:0;min-width:36px;border-radius:999px;background:var(--semantic-text-tertiary);cursor:grab;transition:background .16s ease}.gh-heatmap__scrollbar-thumb:hover{background:var(--semantic-text-secondary)}.gh-heatmap__scrollbar-thumb:active{cursor:grabbing;background:var(--semantic-text)}.gh-heatmap__scroll-inner{width:100%;min-width:0;display:flex;flex-direction:column;gap:0}.gh-heatmap__months{display:grid;grid-template-columns:repeat(var(--gh-cols, 53),minmax(0,1fr));gap:3px;height:13px;margin-bottom:4px;font-size:9px;letter-spacing:.04em;line-height:13px;color:var(--semantic-text-tertiary);overflow:hidden}.gh-heatmap__month{grid-column:auto / span 4;align-self:center;text-align:left;white-space:nowrap;overflow:hidden}.gh-heatmap__grid{display:grid;grid-template-columns:repeat(var(--gh-cols, 53),minmax(0,1fr));grid-auto-rows:auto;gap:3px}.gh-heatmap__cell{aspect-ratio:1 / 1;min-width:0;min-height:0;border-radius:2px;cursor:pointer}.gh-heatmap__cell:hover{outline:1px solid var(--semantic-text-secondary)}.gh-heatmap__tip{position:fixed;z-index:50;transform:translate(-50%,-100%);max-width:220px;padding:8px 12px;border-radius:var(--radius-md);background:var(--semantic-text);color:var(--semantic-text-inverse);font-size:var(--font-size-sm);line-height:1.45;text-align:center;white-space:nowrap;box-shadow:0 8px 24px #00000073;animation:gh-tip-in var(--motion-duration-instant) var(--motion-ease)}.gh-heatmap__tip--below{transform:translate(-50%)}.gh-heatmap__tip strong{display:block;font-weight:700}.gh-heatmap__tip span{display:block;font-size:12px;opacity:.65}.gh-heatmap__tip:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:inherit;transform:translate(-50%) rotate(45deg)}.gh-heatmap__tip--below:after{top:-4px;bottom:auto}@keyframes gh-tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.gh-heatmap__tip{animation:none}}@media (max-width: 700px){.gh-heatmap__scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;margin:0 calc(var(--space-7) * -1);padding:2px var(--space-7) 8px;cursor:grab}.gh-heatmap__scroll:active{cursor:grabbing}.gh-heatmap__scroll--more-right{mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.gh-heatmap__scroll--more-left{mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent)}.gh-heatmap__scroll--more-left.gh-heatmap__scroll--more-right{mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.gh-heatmap__scroll-inner{width:max-content;min-width:100%}.gh-heatmap__months,.gh-heatmap__grid{grid-template-columns:repeat(var(--gh-cols, 53),12px);grid-auto-rows:12px;gap:3px}.gh-heatmap__months{height:13px;grid-auto-rows:13px}.gh-heatmap__cell{width:12px;height:12px;aspect-ratio:auto;flex:none}}.gh-heatmap__foot{display:flex;align-items:center;gap:4px;align-self:flex-end;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-tertiary)}.gh-heatmap__swatch{width:9px;height:9px;border-radius:2px;background:#e8e8e8}.hero__meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mono-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--semantic-stroke);border-radius:999px;background:transparent;font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--semantic-text-secondary);line-height:1}.mono-chip--accent{background:var(--semantic-bg-muted);border-color:var(--semantic-stroke);color:var(--semantic-text-secondary)}.band{border:1px solid var(--band-border);border-radius:var(--radius-md);background:var(--band-bg);overflow:hidden}.band--mint,.band--paper{background:var(--semantic-bg-subtle)}.band__head{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-7);border-bottom:1px solid var(--semantic-stroke);background:transparent}.band__body{padding:var(--space-7)}.band--mint .band__body{padding:var(--space-8)}@media (max-width: 768px){.band__body,.band--mint .band__body{padding:var(--space-7)}}.prompt{color:var(--semantic-text-secondary);letter-spacing:.08em;margin-right:6px}.about{padding:var(--space-8);border:1px solid var(--band-border);border-radius:var(--radius-md);background:var(--semantic-bg-subtle)}.about--cmd{padding:0;overflow:hidden;font-family:var(--font-family-stack)}.about__cmd-header{display:flex;align-items:center;gap:8px;padding:10px var(--space-8);border-bottom:1px solid var(--semantic-stroke);background:var(--semantic-bg-muted);font-size:var(--font-size-sm);color:var(--semantic-text-secondary)}.about__cmd-prompt{color:var(--semantic-text);font-weight:600}.about__cmd-cmd{color:var(--semantic-text-secondary)}.about__cmd-body{padding:var(--space-8);margin:0;color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:1.8;text-wrap:pretty;overflow-wrap:break-word}.about__cmd-cursor{display:inline-block;width:8px;height:1.1em;margin-left:3px;vertical-align:text-bottom;background:var(--semantic-text);animation:cmd-blink 1s steps(1) infinite}@keyframes cmd-blink{0%,49%{opacity:1}50%,to{opacity:0}}.about__cmd-footer{padding:10px var(--space-8);border-top:1px solid var(--semantic-stroke);background:var(--semantic-bg-muted);font-family:var(--font-family-stack);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-tertiary)}.about p{margin:0;color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:1.8;text-wrap:pretty;overflow-wrap:break-word}.about__chips{margin-top:var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-3)}.about__rule{margin-top:var(--space-7)}.projects-wrap{display:grid;gap:var(--space-7)}.featured{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-7);padding:var(--space-7);border:1px solid var(--semantic-stroke);border-radius:var(--radius-md);background:var(--semantic-bg-subtle);cursor:pointer}.featured:hover{border-color:var(--semantic-stroke-strong)}.featured:active{opacity:.96}.featured__media{border-radius:var(--radius-sm);overflow:hidden;background:var(--semantic-bg)}.featured__media .imgbox{aspect-ratio:16/9;overflow:hidden;background:var(--semantic-bg-muted)}.featured__media img{width:100%;height:100%;object-fit:cover}.featured__caption{padding:8px 10px;font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-secondary);border-top:1px solid var(--semantic-stroke)}.featured__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.featured__kicker{font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-text-secondary)}.featured__title{margin:8px 0 0;font-family:var(--font-family-stack);font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--semantic-text)}.featured__desc{margin:8px 0 0;color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:1.7}@media (max-width: 900px){.featured{grid-template-columns:1fr}}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}@media (max-width: 800px){.cards{grid-template-columns:1fr}}.card{display:grid;gap:var(--space-7);padding:var(--space-7);border:1px solid var(--semantic-stroke);border-radius:var(--radius-md);background:var(--semantic-bg-subtle);cursor:pointer}.card:hover{border-color:var(--semantic-stroke-strong)}.card:active{opacity:.96}.card:focus-visible{outline-offset:2px}.card__media{border-radius:var(--radius-sm);overflow:hidden;background:var(--semantic-bg)}.card__media .imgbox{aspect-ratio:16/9;overflow:hidden;background:var(--semantic-bg-muted)}.card__media img{width:100%;height:100%;object-fit:cover}.card__caption{padding:8px 10px;font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-secondary);border-top:1px solid var(--semantic-stroke)}.card__period{font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-secondary)}.card__title{margin:6px 0 0;font-family:var(--font-family-stack);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--semantic-text)}.card__desc{margin:8px 0 0;color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;background:var(--semantic-bg);font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--semantic-text-secondary);line-height:1}.timeline{position:relative;padding-left:30px;display:grid;gap:0}.timeline:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--semantic-stroke)}.timeline__row{position:relative;padding:0 0 22px;display:grid;grid-template-columns:160px 1fr;gap:14px}.timeline__row:last-child{padding-bottom:4px}@media (max-width: 700px){.timeline__row{grid-template-columns:1fr;gap:4px}}.timeline__row:after{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:999px;background:var(--semantic-bg-subtle);border:2px solid var(--semantic-text);box-sizing:border-box}.timeline__period{font-family:var(--font-family-stack);font-size:var(--font-size-sm);color:var(--semantic-text-secondary);letter-spacing:.06em;text-transform:uppercase}.timeline__role{font-family:var(--font-family-stack);font-weight:800;font-size:var(--font-size-md);line-height:1.3;letter-spacing:-.02em;color:var(--semantic-text)}.timeline__desc{color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-sm);margin-top:4px}.contact{border:1px solid var(--semantic-stroke);border-radius:var(--radius-md);background:var(--semantic-bg-subtle);overflow:hidden}.contact__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-7);padding:14px var(--space-7);border-top:1px solid var(--semantic-stroke)}.contact__row:first-child{border-top:0}.contact__label{font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-text-secondary);min-width:96px}.contact__value a{font-family:var(--font-family-stack);font-weight:700;font-size:var(--font-size-md);color:var(--semantic-text)}.contact__value a:hover{text-decoration:underline}@media (max-width: 700px){.contact__row{flex-direction:column;align-items:flex-start;gap:6px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--space-7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration-instant) var(--motion-ease),visibility var(--motion-duration-instant) var(--motion-ease);overscroll-behavior:contain}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto;animation:modal-fade .2s var(--motion-ease)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12121494;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0;padding:0;cursor:pointer}.modal__panel{position:relative;width:min(980px,92vw);max-height:min(86vh,820px);overflow:hidden;background:var(--semantic-bg-subtle);border:1px solid var(--semantic-stroke-strong);border-radius:var(--radius-md);box-shadow:0 16px 48px #00000029;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .22s var(--motion-ease),transform .22s var(--motion-ease)}.modal.is-open .modal__panel{opacity:1;transform:none;animation:modal-in .28s var(--motion-ease)}.modal.is-closing .modal__panel{opacity:0;transform:translateY(10px) scale(.98)}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--semantic-stroke);background:var(--semantic-bg);color:var(--semantic-text);cursor:pointer}.modal__close:hover{background:var(--semantic-bg-elevated)}.modal__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-8);max-height:min(86vh,820px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.modal__body::-webkit-scrollbar{display:none}@media (max-width: 900px){.modal__body{grid-template-columns:1fr}}.modal__media{position:relative;top:auto;height:fit-content;border-radius:var(--radius-sm);overflow:hidden;background:var(--semantic-bg)}.modal__media img{width:100%;height:auto;object-fit:cover}.modal__period{font-family:var(--font-family-stack);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-secondary)}.modal__title{margin:6px 0 0;font-family:var(--font-family-stack);font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--semantic-text)}.modal__desc{margin:10px 0 0;color:var(--semantic-text-secondary);font-family:var(--font-family-stack);font-size:var(--font-size-md);line-height:1.8;text-wrap:pretty}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:var(--semantic-bg)}.loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading__inner{width:min(420px,90vw);display:grid;gap:16px;justify-items:center}.loading__counter{font-family:var(--font-family-stack);font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--semantic-text)}.loading__bar{width:100%;height:2px;background:var(--semantic-stroke);border-radius:999px;overflow:hidden}.loading__progress{height:100%;width:0%;background:var(--semantic-text);border-radius:999px}.reveal{opacity:0;transform:translateY(6px);transition:opacity .52s var(--motion-ease),transform .52s var(--motion-ease)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.modal.is-open{animation:none}.modal__panel{transition:none}.modal.is-open .modal__panel{animation:none}}