:root{--color-bg: #dce8f1;--color-surface: #f2f7fb;--color-text: #2d3d4d;--color-text-muted: #5c6d7e;--color-border: #b9ccdb;--color-accent: #4a7eae;--color-accent-hover: #3d6a94;--color-ink: #3d5a6e;--color-ink-deep: #2f4a5c;--color-ink-text: #eef4f8;--color-ink-text-soft: #b8cad8;--color-ink-border: rgba(255, 255, 255, .14);--color-stage-bg: linear-gradient(165deg, #b8d0e5 0%, #d4e6f2 42%, #e8f2f8 100%);--color-stage-solid: #c9dae8;--color-strip-lid: #3a5568;--color-strip-lid-text: #f2f2f0;--color-strip-sidebar: #4a6275;--color-strip-sidebar-muted: #7a8fa0;--color-strip-sidebar-faint: #5c6f80;--color-header-bg: #113569;--color-code-bg: #2f4052;--color-code-text: #e8eef3;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius: 10px;--shadow: 0 1px 4px rgba(45, 61, 77, .07);--shadow-md: 0 8px 28px rgba(45, 61, 77, .1);--content-width: 42rem;--page-max: 72rem;--home-hero-max: 56rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.25;font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:1.35rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}h3{font-size:1.125rem;margin-top:var(--space-lg)}p{margin:0 0 var(--space-md)}ul,ol{margin:0 0 var(--space-md);padding-left:1.25rem}li{margin-bottom:var(--space-xs)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-border);padding:.15em .4em;border-radius:4px}pre{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;padding:var(--space-md);border-radius:var(--radius);background:var(--color-code-bg);color:var(--color-code-text);overflow-x:auto;margin:0 0 var(--space-md)}pre code{background:none;padding:0;color:inherit}blockquote{margin:0 0 var(--space-md);padding-left:var(--space-md);border-left:3px solid var(--color-accent);color:var(--color-text-muted)}.page{width:min(100% - var(--space-lg) * 2,var(--page-max));margin-inline:auto;padding-block:var(--space-xl)}.prose{max-width:var(--content-width)}.prose img{border-radius:var(--radius)}.site-header{background:var(--color-header-bg);border-bottom:none;position:sticky;top:0;z-index:10}.site-header__inner{width:min(100% - var(--space-lg) * 2,var(--page-max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md)}.site-logo{font-weight:700;font-size:1.125rem;text-decoration:none}.site-header .site-logo{color:var(--color-ink-text-soft)}.site-header .site-logo:hover{color:var(--color-ink-text)}.site-nav{display:flex;gap:var(--space-lg);align-items:center}.site-header .site-nav a{color:var(--color-ink-text-soft);font-weight:500;text-decoration:none}.site-header .site-nav a:hover{color:var(--color-ink-text)}.site-header--dark{background:var(--color-header-bg)}body:has(.site-landing) .site-header__inner{width:min(100% - var(--space-lg) * 2,var(--home-hero-max))}.site-footer{margin-top:auto;padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);font-size:.875rem;color:var(--color-text-muted)}.site-footer__row{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:var(--page-max);margin-inline:auto}.site-footer__social{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.site-footer__icon-link{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius);transition:color .15s ease,background .15s ease}.site-footer__icon-link:hover{color:var(--color-accent);background:#4a7eae1a}.site-footer__icon{width:1.5rem;height:1.5rem;display:block}.site-footer__icon--stroke{fill:none}.site-footer__copy{margin:0;text-align:center}.hero{padding-block:var(--space-2xl)}.hero h1{margin:0 0 var(--space-md)}.hero p{font-size:1.125rem;color:var(--color-text-muted);max-width:32ch}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:1rem;color:#f8fbfd;background:var(--color-accent);border:none;border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:background .15s ease}.btn:hover{background:var(--color-accent-hover);color:#fff}.strip-stage{--strip-sidebar-w: clamp(44px, 5vw, 72px);position:relative;display:flex;justify-content:center;align-items:stretch;height:calc(100vh - 56px);min-height:600px;background:var(--color-stage-bg);overflow:hidden}.strip-stage__cluster{display:flex;align-items:stretch;flex:0 1 auto;max-width:100%;min-width:0}.strip-sidebar{flex-shrink:0;width:var(--strip-sidebar-w);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:.75rem 0;color:var(--color-strip-sidebar);user-select:none}.strip-sidebar__title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1;white-space:nowrap}.strip-sidebar__range{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(1.1rem,2.5vw,2rem);font-weight:900;letter-spacing:-.04em;line-height:1;white-space:nowrap;margin-top:.15rem}.strip-sidebar__type{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.5rem;letter-spacing:.06em;color:var(--color-strip-sidebar-muted);white-space:nowrap}.strip-sidebar__type:first-of-type{margin-top:auto}.strip-sidebar__file{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.08em;color:var(--color-strip-sidebar-faint);margin-top:.5rem;white-space:nowrap}.strip-lid{position:relative;flex:0 0 var(--strip-width, clamp(8.5rem, 20vw, 15rem));width:var(--strip-width, clamp(8.5rem, 20vw, 15rem));min-width:0;height:100%;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:.35rem .25rem .4rem;background-color:var(--color-strip-lid);border-radius:0 var(--strip-tab-radius) 0 0;box-shadow:4px 0 20px #2d3d4d38,inset 0 1px #ffffff1a;overflow:hidden}.strip-lid__inner{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 4px;writing-mode:vertical-rl;color:var(--color-ink-text-soft)}.strip-lid__kicker{font-family:var(--font-mono);font-size:clamp(.48rem,1.2vw,.62rem);letter-spacing:.12em;text-transform:uppercase;opacity:.65;white-space:nowrap}.strip-lid__title{font-family:var(--font-sans);font-size:clamp(.82rem,1.85vw,1.2rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.15;white-space:nowrap;color:var(--color-strip-lid-text);text-shadow:0 1px 2px rgba(30,45,58,.25)}.strip-row{--strip-width: clamp(8.5rem, 20vw, 15rem);--strip-overlap: calc(var(--strip-width) * .68);--strip-tab-radius: 6px;display:flex;flex:0 1 auto;align-items:stretch;align-content:stretch;justify-content:flex-start;min-width:0;gap:0;position:relative;isolation:isolate}.strip{--strip-slide: clamp(5.5rem, 13vw, 10rem);position:relative;display:flex;flex-direction:column;align-items:stretch;flex:0 0 var(--strip-width);width:var(--strip-width);min-width:0;height:100%;text-decoration:none;color:var(--s-text, var(--color-ink-text));cursor:pointer;transform:translate(0);z-index:var(--stack-z, 1);flex-shrink:1;transition:transform .55s cubic-bezier(.22,1,.36,1);border-radius:0 var(--strip-tab-radius) 0 0;overflow:hidden}.strip-row>.strip{margin-left:calc(-1 * var(--strip-overlap))}@media(hover:hover)and (pointer:fine){.strip:hover{transform:translate(var(--strip-slide))}}@media(prefers-reduced-motion:reduce){.strip{transition-duration:.01ms}.strip:hover{transform:none}}.strip__folder-stack{position:absolute;inset:0;z-index:0;pointer-events:none;isolation:isolate;overflow:hidden;border-radius:inherit}.strip__folder-base{position:absolute;inset:0;background-color:var(--s-bg, #1a1a1a)}.strip__folder-texture{position:absolute;inset:0;background-color:var(--s-bg, #1a1a1a);-webkit-mask-image:var(--folder-mask);mask-image:var(--folder-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-mode:luminance;mask-mode:luminance}.strip__vlabel{position:relative;z-index:3;writing-mode:vertical-rl;display:flex;gap:6px;align-items:flex-start;align-self:center;padding:6px 2px;flex-shrink:0;white-space:nowrap;overflow:hidden;max-height:min(72%,22rem);pointer-events:none;color:var(--s-text, var(--color-ink-text))}.strip__vcode{font-family:var(--font-mono);font-size:clamp(.48rem,1.2vw,.62rem);letter-spacing:.1em;opacity:.65;text-transform:uppercase}.strip__vname{font-family:var(--s-font, var(--font-sans));font-size:clamp(.82rem,1.85vw,1.2rem);font-weight:700;letter-spacing:.05em;line-height:1.1}.strip__body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,2.5vh,1rem);padding:.35rem .15rem}.strip__inset{position:relative;z-index:1;width:min(92%,13.5rem);max-width:100%;aspect-ratio:1 / 1.05;max-height:min(38vh,15rem);flex-shrink:0;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 10px #0000001f;overflow:hidden;background:#0000000f;pointer-events:none}.strip__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-focus, 62% 48%);transform:scale(1.18);transition:transform .65s cubic-bezier(.22,1,.36,1),object-position .65s cubic-bezier(.22,1,.36,1)}.strip:hover .strip__photo{object-position:center center;transform:scale(1)}.strip__tint{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,transparent 45%,rgba(0,0,0,.1) 100%);z-index:2;transition:opacity .5s cubic-bezier(.22,1,.36,1);opacity:.85;pointer-events:none}.strip:hover .strip__tint{opacity:.35}.strip__inner{position:relative;z-index:3;flex:1 1 auto;width:100%;min-height:0;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:.15rem;padding:.3rem .2rem .4rem .35rem;pointer-events:none}.strip__inner .strip__body,.strip__inner .strip__vlabel{pointer-events:none}.strip__abstract{width:100%;max-width:100%;margin:0;padding:0 .15rem;font-family:var(--font-mono);font-size:clamp(.62rem,1.65vw,.88rem);line-height:1.4;letter-spacing:.03em;text-align:center;color:var(--s-text, var(--color-ink-text));opacity:.92;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}@media(max-width:639px){.strip-stage{justify-content:flex-start}.strip-stage__cluster{flex:1;width:100%}.strip-lid{flex:0 0 38vw;width:38vw}.strip-stage{flex-direction:column;height:auto;min-height:100vh}.strip-sidebar{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem;height:auto}.strip-sidebar__title,.strip-sidebar__range,.strip-sidebar__type,.strip-sidebar__file{writing-mode:horizontal-tb;transform:none;margin-top:0}.strip-sidebar__title{font-size:1.4rem}.strip-sidebar__range{font-size:1rem}.strip-sidebar__type:first-of-type{margin-top:0;margin-left:auto}.strip-row{--strip-overlap: 0;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-items:stretch;min-height:80vh}.strip-row .strip:not(:first-child){margin-left:0}.strip{flex:0 0 40vw;width:40vw;height:auto!important;min-height:100%;scroll-snap-align:start;border-radius:0 var(--strip-tab-radius) 0 0;transform:none}.strip:hover{transform:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main:has(.site-landing){display:flex;flex-direction:column;flex:1;min-height:0}.site-landing{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0 var(--space-lg) var(--space-xl);background:var(--color-stage-bg)}.site-landing__visual{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:var(--home-hero-max);max-height:min(90dvh,100%)}.site-landing__img{width:auto;height:auto;max-width:min(100%,var(--home-hero-max));max-height:min(90dvh,92vw);object-fit:contain;margin-inline:auto;display:block}@media(max-width:639px){.site-landing{padding:0;align-items:stretch;justify-content:stretch;position:relative;flex:1;min-height:0}.site-landing__visual{position:absolute;inset:0;width:100%;max-height:none;display:block}.site-landing__img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;margin-inline:0}}body:has(.site-landing) .site-footer{background:var(--color-stage-solid);border-top-color:var(--color-border);color:var(--color-text-muted)}body:has(.site-landing) .site-footer__icon-link:hover{color:var(--color-accent);background:#4a7eae1f}.post-hero{position:relative;background:var(--post-bg, var(--color-ink-deep));color:var(--post-text, var(--color-ink-text));min-height:50vh;display:flex;align-items:flex-end;overflow:hidden}.post-hero__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.post-hero__content{position:relative;z-index:2;width:min(100% - var(--space-lg) * 2,var(--page-max));margin-inline:auto;padding:var(--space-2xl) 0}.post-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0}.post-header{margin-bottom:var(--space-xl)}.post-meta{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 var(--space-md)}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;margin:var(--space-xl) 0;border-radius:var(--radius);overflow:hidden;background:var(--color-ink-deep);box-shadow:var(--shadow-md)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.page-title{margin:0 0 var(--space-lg)}.section-title{margin:0 0 var(--space-lg);font-size:1.5rem}