@layer reset,tokens,base,layout,components,utilities,theme;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}img,picture,svg,video{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}:target{scroll-margin-block:5ex}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@layer tokens{:root{--step-n2: clamp(.6944rem, .6859rem + .0379vw, .72rem);--step-n1: clamp(.8333rem, .8111rem + .0988vw, .9rem);--step-0: clamp(1rem, .9583rem + .1852vw, 1.125rem);--step-1: clamp(1.2rem, 1.1312rem + .3056vw, 1.4062rem);--step-2: clamp(1.44rem, 1.3341rem + .4708vw, 1.7578rem);--step-3: clamp(1.728rem, 1.5716rem + .6952vw, 2.1973rem);--step-4: clamp(2.0736rem, 1.8493rem + .997vw, 2.7466rem);--step-5: clamp(2.4883rem, 2.1734rem + 1.3999vw, 3.4332rem);--text-xs: var(--step-n2);--text-sm: var(--step-n1);--text-base: var(--step-0);--text-lg: var(--step-1);--text-xl: var(--step-1);--text-2xl: var(--step-2);--text-3xl: var(--step-3);--text-4xl: var(--step-4);--leading-tight: 1.15;--leading-snug: 1.3;--leading-body: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--gutter: clamp(1rem, .6rem + 1.8vw, 2rem);--content-max: 90rem;--text-width: 38rem;--wide-extra: 11rem;--sidenav-width: 13rem;--topbar-height: 3.75rem;--transition-fast: .15s ease;--transition-normal: .25s ease-in-out;--color-bg: #ffffff;--color-bg-subtle: #f7f7f7;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #717171;--color-border: #e5e5e5;--color-accent: #1a1a1a;--color-accent-contrast:#ffffff;--color-overlay: rgb(0 0 0 / .45);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 700;--display-tracking: -.02em;--display-case: none;--logo-size: 1.5rem;--logo-weight: 900;--logo-case: lowercase;--logo-tracking: normal;--nav-size: .875rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--color-link: var(--color-text);--color-link-hover-bg: var(--color-accent);--color-link-hover-fg: var(--color-accent-contrast);--color-tag-bg: var(--color-bg-subtle);--color-tag-bg-hover: var(--color-border);--color-tag-text: var(--color-text-secondary);--color-icon: var(--color-text-tertiary);--color-icon-hover: var(--color-text);--color-focus: var(--color-accent);--note-max-width: var(--text-width)}}@layer base{html{font-size:100%}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);line-height:var(--leading-tight);text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}h4{font-size:var(--step-0)}p{text-wrap:pretty}a{color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:.2em;transition:background var(--transition-fast),color var(--transition-fast)}a:hover{background:var(--color-link-hover-bg);color:var(--color-link-hover-fg);text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--color-border)}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}.page-title{font-size:var(--step-5);line-height:1.05;margin-bottom:var(--space-8)}.section-label{margin-bottom:var(--space-4);font-family:var(--font-sans);font-size:var(--step-n2);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.page-section+.page-section{margin-top:var(--space-12)}}@layer layout{.container{width:min(100% - 2 * var(--gutter),var(--content-max));margin-inline:auto}.stack{display:flex;flex-direction:column}.stack>*+*{margin-block-start:var(--stack-space, var(--space-4))}.cluster{display:flex;flex-wrap:wrap;align-items:var(--cluster-align, center);gap:var(--cluster-gap, var(--space-3))}.auto-grid{display:grid;gap:var(--grid-gap, var(--space-6));grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min, 16rem),100%),1fr))}.breakout{display:grid;grid-template-columns:[full-start] minmax(0,1fr) [wide-start] minmax(0,var(--wide-extra)) [text-start] min(var(--text-width),100%) [text-end] minmax(0,var(--wide-extra)) [wide-end] minmax(0,1fr) [full-end]}.breakout>*{grid-column:text}.breakout>.is-wide{grid-column:wide}.breakout>.is-full{grid-column:full}.with-sidenav{display:grid;grid-template-columns:var(--sidenav-width) minmax(0,1fr);gap:var(--space-12);align-items:start}.with-sidenav .breakout{grid-template-columns:[full-start wide-start text-start] min(var(--text-width),100%) [text-end] minmax(0,calc(var(--wide-extra) * 2)) [wide-end] minmax(0,1fr) [full-end]}@media(max-width:829px){.with-sidenav{display:block}}.site-main{padding-block:var(--space-10) 0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);list-style:none;padding:0}@media(max-width:1023px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.card-grid{grid-template-columns:minmax(0,1fr)}}}@layer components{.icon{display:inline-block;width:var(--icon-size, 1em);height:var(--icon-size, 1em);vertical-align:-.125em;flex:none}.lightbox{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox[hidden]{display:none}.lightbox--open{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.lightbox{transition:none}}.lightbox__backdrop{position:absolute;inset:0;background:#000000f2}.lightbox__close{position:absolute;top:1rem;right:1rem;z-index:10;padding:.5rem;background:none;border:none;color:#fff;font-size:2.5rem;font-weight:200;line-height:1;cursor:pointer;transition:opacity .2s ease;opacity:.7}.lightbox__close:hover{opacity:1}.lightbox__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh;padding:1rem}.lightbox__main{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1rem}.lightbox__image{max-width:100%;max-height:100%;object-fit:contain;display:block}.lightbox__thumbs-wrap{flex-shrink:0;background:#00000080;border-radius:var(--radius-md);padding:.75rem;overflow:hidden}.lightbox__nav{position:absolute;top:50%;z-index:10;translate:0 -50%;padding:1rem .75rem;background:none;border:none;color:#fff;font-size:3rem;font-weight:200;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s ease}.lightbox__nav:hover,.lightbox__nav:focus-visible{opacity:1}.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}.lightbox__counter{margin:0 0 .75rem;text-align:center;color:#ffffffb3;font-size:var(--step-n1);font-variant-numeric:tabular-nums}.lightbox[data-mode=single] :is(.lightbox__nav,.lightbox__counter,.lightbox__thumbs-wrap){display:none}.lightbox[data-mode=no-thumbs] .lightbox__thumbs-wrap{display:none}.lightbox__thumbs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.lightbox__thumbs::-webkit-scrollbar{height:6px}.lightbox__thumbs::-webkit-scrollbar-track{background:transparent}.lightbox__thumbs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.lightbox__thumb{flex-shrink:0;width:100px;height:100px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;background:none;opacity:.6}.lightbox__thumb:hover{opacity:1}.lightbox__thumb--active{border-color:#fff;opacity:1}.lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.lightbox__content{padding:.5rem}.lightbox__close{top:.5rem;right:.5rem;font-size:2rem}.lightbox__thumbs-wrap{padding:.5rem}.lightbox__thumb{width:64px;height:64px}.lightbox__nav{display:none}}.thumb{overflow:hidden;transition:opacity var(--transition-fast)}.thumb:hover{opacity:.85}.thumb a{display:block;text-decoration:none}.thumb a:hover{background:transparent}.masonry{display:block}.masonry .thumb{margin:0}.masonry .thumb a{display:block}.masonry .thumb a:hover{background:none}.masonry .thumb img{display:block;width:100%;height:auto}.masonry:not(:defined){columns:2;column-gap:15px}.masonry:not(:defined) .thumb{margin-bottom:15px;break-inside:avoid}@media(min-width:768px){.masonry:not(:defined){columns:3;column-gap:20px}.masonry:not(:defined) .thumb{margin-bottom:20px}}.site-footer{padding:var(--space-12) var(--gutter) var(--space-8);font-size:var(--step-n1);color:var(--color-text-tertiary)}.site-header{position:relative;max-width:var(--content-max);margin-inline:auto;background:var(--color-bg)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)}.site-logo{font-family:var(--font-display);font-size:var(--logo-size);font-weight:var(--logo-weight);line-height:1;text-transform:var(--logo-case);letter-spacing:var(--logo-tracking);text-decoration:none;color:var(--color-text)}.site-logo:hover{background:transparent;color:var(--color-text)}.site-logo__dot{color:var(--color-accent)}.site-nav__links,.site-nav__social{list-style:none;margin:0;padding:0}.site-nav__links a{font-weight:600;text-decoration:none}.site-nav__social{display:flex;align-items:center}.site-nav__social li{display:flex}.site-nav__social li+li{margin-left:var(--space-2)}.site-nav__social a{display:inline-flex;color:var(--color-icon);transition:color var(--transition-fast)}.site-nav__social a:hover{background:transparent;color:var(--color-icon-hover)}.site-nav__social .icon{vertical-align:middle}@media(min-width:830px){.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border)}.site-header__inner{height:var(--topbar-height);padding:0 var(--space-6)}.site-nav__toggle,.site-nav__backdrop,.site-nav__logo{display:none!important}.site-nav__panel,.site-nav__links{display:flex;align-items:center;gap:var(--space-6)}.site-nav__links a{font-size:var(--nav-size);line-height:var(--leading-body)}.site-nav__social{--icon-size: 1rem}}@media(max-width:829px){.site-nav__toggle{position:relative;z-index:102;padding:0;border:0;background:none;cursor:pointer}.site-nav__bars>span{display:block;width:25px;height:3px;margin:0 auto;background:var(--color-text);transform-origin:12.5px 1.5px;transition:all var(--transition-normal)}.site-nav__bars>span:nth-child(2){margin:5px auto}site-nav[open] .site-nav__bars>span:nth-child(1){transform:translateY(8px) rotate(45deg)}site-nav[open] .site-nav__bars>span:nth-child(2){transform:scale(.1);opacity:0}site-nav[open] .site-nav__bars>span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.site-nav__panel{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--color-bg);transform:translate(100%);visibility:hidden;transition:transform var(--transition-normal),visibility var(--transition-normal)}site-nav[open] .site-nav__panel{transform:none;visibility:visible}site-nav[data-mode=full] .site-nav__panel{justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;user-select:none}site-nav[data-mode=full] .site-nav__links{padding:var(--space-8) 0 var(--space-4)}site-nav[data-mode=full] .site-nav__links li{margin-bottom:var(--space-3);line-height:1}site-nav[data-mode=full] .site-nav__links a{font-size:var(--step-2)}site-nav[data-mode=full] .site-nav__social{--icon-size: 32px}.site-nav__logo{display:none}site-nav[data-mode=full] .site-nav__logo{display:block}site-nav[data-mode=drawer] .site-nav__panel{inset:0 0 0 auto;width:min(20rem,85vw);justify-content:space-between;gap:var(--space-10);padding:calc(var(--topbar-height) + var(--space-8)) var(--gutter) var(--space-10);border-left:1px solid var(--color-border)}site-nav[data-mode=drawer] .site-nav__links{display:grid;gap:var(--space-5)}site-nav[data-mode=drawer] .site-nav__links a{font-family:var(--font-display);font-size:var(--step-3)}site-nav[data-mode=drawer] .site-nav__social{--icon-size: 1.5rem}.site-nav__backdrop{position:fixed;inset:0;z-index:99;background:var(--color-overlay)}site-nav[data-mode=full] .site-nav__backdrop{display:none}}:root:has(site-nav[open]){overflow:hidden}}@layer utilities{.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.text-secondary{color:var(--color-text-secondary)}.text-small{font-size:var(--step-n1)}.flow-tight{--stack-space: var(--space-2)}.flow-loose{--stack-space: var(--space-10)}.skip-link{position:absolute;left:var(--space-4);top:-3rem;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast)}.skip-link:focus{top:var(--space-2)}}@layer theme{:root{color-scheme:light dark;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: Menlo, monospace;--display-weight: 700;--display-tracking: -.02em;--display-case: none;--logo-case: lowercase;--color-bg: #ffffff;--color-bg-subtle: #f7f7f7;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #717171;--color-border: #e5e5e5;--color-accent: #1a1a1a;--color-accent-contrast: #ffffff;--color-overlay: rgb(0 0 0 / .45)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]){--color-bg: #151515;--color-bg-subtle: #1e1e1e;--color-surface: #1a1a1a;--color-text: #e8e8e6;--color-text-secondary: #a3a3a0;--color-text-tertiary: #878784;--color-border: #2c2c2c;--color-accent: #e8e8e6;--color-accent-contrast: #151515;--color-overlay: rgb(0 0 0 / .6)}}:root[data-scheme=light]{color-scheme:light}:root[data-scheme=dark]{color-scheme:dark;--color-bg: #151515;--color-bg-subtle: #1e1e1e;--color-surface: #1a1a1a;--color-text: #e8e8e6;--color-text-secondary: #a3a3a0;--color-text-tertiary: #878784;--color-border: #2c2c2c;--color-accent: #e8e8e6;--color-accent-contrast: #151515;--color-overlay: rgb(0 0 0 / .6)}}