@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#06080b;--panel:#0c0f14;--line:#23272e;--text:#f1f3f5;--muted:#a2a9b3;--accent:#b6cff5;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}::selection{background:#d5e4fa;color:#06080b}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:12px;background:white;color:black;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.shell{width:min(1560px,100%);margin:0 auto;padding:0 48px}.masthead{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font-family:'Space Grotesk',sans-serif;font-size:1.12rem;font-weight:600;letter-spacing:-.04em}.brand-mark{width:25px;height:25px}.header-note{font-size:.875rem;color:var(--muted)}.header-note span{color:var(--text)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 26px}.eyebrow{margin:0;font-size:.75rem;line-height:1.5;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.date-navigation{display:flex;align-items:center;gap:8px}.date-group{display:flex;align-items:center;border:1px solid #30353e;border-radius:9px;overflow:hidden;background:#0c0f14}.icon-button{width:42px;min-height:44px;display:grid;place-items:center;background:none;border:0}.icon-button:hover:not(:disabled){background:#1a1e25}.icon-button svg{width:17px;height:17px}.date-input{width:162px;min-height:44px;border:0;background:transparent;color:var(--text);padding:0 10px;font-size:.875rem;outline-offset:-3px!important}.date-input::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}.today-button{min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:9px;background:transparent;font-size:.875rem}.today-button:hover:not(:disabled){background:#14181e;border-color:#4a525e}
.status{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;margin:0 0 24px;border:1px solid #3b414b;background:#10141b;border-radius:9px;color:#d4d9e1;font-size:.875rem;line-height:1.6}.status button{flex-shrink:0;border:0;background:none;padding:5px 0;color:var(--text);text-decoration:underline;text-underline-offset:4px}.status[data-level=error]{border-color:#66564b;background:#191510}
.experience{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:clamp(28px,4vw,70px);align-items:start;min-width:0}.media-column{min-width:0;margin:0}.media-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px;aspect-ratio:1.1;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;isolation:isolate}.media-stage img{display:block;width:100%;height:100%;max-height:730px;object-fit:contain;aspect-ratio:1.1}.media-stage iframe{width:100%;height:100%;min-height:460px;aspect-ratio:16/9;border:0}.media-stage:has(iframe){aspect-ratio:16/9;min-height:360px}.media-stage:has(iframe) iframe{min-height:360px}.media-stage[data-busy=true]::after{content:'';position:absolute;inset:0;background:rgba(6,8,11,.48);z-index:1}.media-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:10px;background:#0c0f14ed;border:1px solid #454b54;padding:12px 16px;border-radius:8px;font-size:.875rem;white-space:nowrap}.spinner{width:15px;height:15px;border:1.5px solid #535c68;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.media-error{padding:48px;text-align:center;color:var(--muted);font-size:1rem;line-height:1.7}.media-error a{display:inline-block;margin-top:12px;border-bottom:1px solid #778293;color:var(--text)}.media-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0;font-size:.75rem;line-height:1.7;color:var(--muted)}.credit{max-width:72%;overflow-wrap:anywhere}.media-kind{white-space:nowrap;text-transform:uppercase;letter-spacing:.12em}.entry-details{padding-top:10px;min-width:0}.entry-date{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--muted);line-height:1.5;margin-bottom:22px}.date-dash{display:block;width:24px;height:1px;background:#7d8a9e}.entry-date time{color:#d0d7e1}h1{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(2rem,3.1vw,3.55rem);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0 0 28px;text-wrap:balance}.explanation{font-size:1rem;line-height:1.85;letter-spacing:-.012em;color:#b8bfc9;margin:0;overflow-wrap:break-word}.entry-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.entry-links a{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;min-height:28px}.entry-links a:hover{color:var(--accent)}.entry-links svg{width:15px;height:15px}.footnote{font-size:.75rem;line-height:1.7;color:#8d96a3;margin-top:22px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:60px;padding:24px 0 28px;font-size:.75rem;line-height:1.6;color:var(--muted)}.page-footer a:hover{color:var(--text)}.footer-links{display:flex;gap:24px}.noscript{margin:20px 0;font-size:1rem;color:#d0d7e1;line-height:1.7}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.media-stage{aspect-ratio:1.15}.media-stage img{aspect-ratio:1.15}}
@media(max-width:1050px){.shell{padding:0 28px}.experience{grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr);gap:30px}.media-stage{min-height:400px;aspect-ratio:1}.media-stage img{aspect-ratio:1}h1{font-size:2.4rem}.header-note{font-size:.8125rem}.explanation{line-height:1.75}}
@media(max-width:760px){.shell{padding:0 22px}.masthead{height:80px}.header-note{display:none}.toolbar{flex-direction:column;align-items:stretch;gap:18px;padding:24px 0}.date-navigation{justify-content:space-between}.date-group{flex:1;justify-content:space-between}.date-input{width:calc(100% - 88px);max-width:200px;text-align:center}.experience{display:flex;flex-direction:column;gap:24px}.media-column,.entry-details{width:100%}.media-stage{min-height:280px;aspect-ratio:1.12;border-radius:9px}.media-stage img{aspect-ratio:1.12;max-height:580px}.media-stage:has(iframe),.media-stage:has(iframe) iframe{min-height:220px}.media-caption{padding-bottom:0}.entry-details{padding-top:0}.entry-date{margin-bottom:16px}h1{font-size:clamp(2rem,7vw,3rem);line-height:1.13;margin-bottom:20px;max-width:650px}.explanation{font-size:1rem;line-height:1.8}.page-footer{align-items:flex-start;flex-direction:column;margin-top:40px;gap:12px}.status{align-items:flex-start;gap:12px}.entry-links{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}