@layer reset,tokens,base,layout,components,utilities;@layer reset.reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;hanging-punctuation:first last}body{min-height:100dvh;line-height:1.6}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}input,button,textarea,select{font:inherit}button{cursor:pointer}dialog{color:inherit}}@layer tokens.tokens{:root{--color-bg: #202020;--color-surface: #2a2a2a;--color-surface-raised:#333333;--color-text: #E0E0E0;--color-text-muted: #909090;--color-accent: #8B6F47;--color-accent-light: #C4925A;--color-border: #383838;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Cardo", Georgia, "Times New Roman", serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .825rem + .25vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.375rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--space-2xs: clamp(.125rem, .1rem + .125vw, .25rem);--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--space-md: clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 4rem);--space-2xl: clamp(3rem, 2rem + 5vw, 6rem);--content-max-width: 80rem;--header-height: 3.5rem;--gallery-col-min: 240px;--gallery-gap: 2px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-morph: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px}}@layer base.base{@font-face{font-family:Inter;src:url(/fonts/inter/InterVariable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Cardo;src:url(/fonts/cardo/Cardo-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cardo;src:url(/fonts/cardo/Cardo-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}html{color-scheme:dark}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:var(--transition-morph)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:.01s}}}@layer layout.layout{.site-wrapper{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:10;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-inline:var(--space-md);background-color:color-mix(in oklch,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);white-space:nowrap;flex-shrink:0;transition:color var(--transition-fast);&:hover{color:var(--color-accent-light)}}main{width:100%}.content-wrapper{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-md);padding-block:var(--space-xl)}.page-header{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-md);padding-block:var(--space-lg) var(--space-md)}.page-title{font-size:var(--text-3xl);margin-block-end:var(--space-xs)}.page-description{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);a:hover{color:var(--color-text)}}}@layer components.components{.nav{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.nav__list{list-style:none;padding:0;display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav__link{display:inline-block;font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);white-space:nowrap;&:hover{color:var(--color-text)}&[aria-current=page]{color:var(--color-accent-light)}}.nav__external{font-size:var(--text-xs);&:after{content:" ↗";opacity:.45}}.nav__divider{width:1px;height:1rem;background:var(--color-border);flex-shrink:0;margin-inline:var(--space-xs)}.gallery{width:100%;container-type:inline-size;container-name:gallery}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--gallery-col-min),1fr));gap:var(--gallery-gap);grid-auto-flow:dense;align-items:start}.gallery__grid.masonry-ready{grid-auto-rows:4px}@supports (grid-template-rows: masonry){.gallery__grid{grid-template-rows:masonry}.gallery__grid.masonry-ready{grid-auto-rows:unset}}.gallery__tile{position:relative;overflow:hidden;background-color:var(--color-surface);line-height:0;&:has(.gallery__thumb-btn:focus-visible) .gallery__thumb-img,&:hover .gallery__thumb-img{scale:1.04}}.gallery__tile--large{grid-column:span 2}@container gallery (width < 520px){.gallery__tile--large{grid-column:span 1}}.gallery__thumb-btn{display:block;width:100%;background:none;border:none;padding:0;line-height:0;&:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:-2px}}.gallery__thumb-img{width:100%;height:auto;display:block;transition:scale var(--transition-base)}.lightbox{border:none;background:transparent;position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:0;margin:0;border-radius:0;&::backdrop{background:#000000eb;backdrop-filter:blur(6px)}&[open]{display:grid;place-items:center}}.lightbox__close{position:absolute;top:var(--space-sm);inset-inline-end:var(--space-sm);z-index:1;width:2rem;height:2rem;display:grid;place-items:center;background:color-mix(in oklch,var(--color-bg) 80%,transparent);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);font-size:var(--text-sm);line-height:1;transition:background var(--transition-fast);&:hover{background:var(--color-surface-raised)}&:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}}.lightbox__figure{margin:0;display:flex;flex-direction:column}.lightbox__img{max-width:95vw;max-height:92dvh;width:auto;height:auto;object-fit:contain;display:block}.lightbox__caption{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm)}.lightbox__caption-text{font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);color:var(--color-text)}.lightbox__meta{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.post-list{container-type:inline-size;container-name:post-list;display:flex;flex-direction:column}.post-card{display:grid;gap:var(--space-xs);padding-block:var(--space-md);border-bottom:1px solid var(--color-border);&:first-child{border-top:1px solid var(--color-border)}}@container post-list (width >= 540px){.post-card{grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--space-lg)}.post-card__title{grid-column:1;grid-row:1}.post-card__meta{grid-column:2;grid-row:1;text-align:end;align-self:start}.post-card__desc{grid-column:1 / -1;grid-row:2}}.post-card__title{font-size:var(--text-lg);font-family:var(--font-serif);font-weight:400;a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color var(--transition-fast),color var(--transition-fast);&:hover{text-decoration-color:var(--color-accent-light);color:var(--color-text)}}}.post-card__meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.post-card__category{background:var(--color-surface-raised);color:var(--color-text-muted);padding:1px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs)}.post-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:65ch}.gallery-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.gallery-card{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:var(--color-surface);border-radius:var(--radius-sm);&:hover .gallery-card__img{scale:1.04}&:focus-within{outline:2px solid var(--color-accent-light);outline-offset:2px}}.gallery-card__img{width:100%;height:100%;object-fit:cover;transition:scale var(--transition-slow)}.gallery-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,oklch(0 0 0 / .65) 0%,transparent 55%);display:flex;align-items:flex-end;padding:var(--space-md)}.gallery-card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:400;color:#fff;a:after{content:"";position:absolute;inset:0}}.hero{position:relative;width:100%;height:calc(100dvh - var(--header-height));overflow:hidden;background-color:var(--color-surface)}.hero__img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,oklch(0 0 0 / .55) 100%);display:flex;align-items:flex-end;padding:var(--space-xl);pointer-events:none}.hero__content{max-width:55ch;pointer-events:auto}.hero__title{font-size:var(--text-3xl);font-family:var(--font-serif);font-weight:400;color:#fff;margin-block-end:var(--space-sm)}.hero__subtitle{font-size:var(--text-lg);color:#ffffffb3}.post-body{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.75;max-width:65ch;p{margin-block-end:var(--space-md)}h2{font-size:var(--text-2xl);margin-block:var(--space-lg) var(--space-sm)}h3{font-size:var(--text-xl);margin-block:var(--space-md) var(--space-xs)}a{color:var(--color-accent-light);text-decoration:underline;text-underline-offset:3px;&:hover{color:var(--color-text)}}blockquote{border-inline-start:2px solid var(--color-accent);padding-inline-start:var(--space-md);color:var(--color-text-muted);font-style:italic;margin-block:var(--space-md)}code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.875em;background:var(--color-surface);padding:.1em .35em;border-radius:var(--radius-sm)}pre{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--space-md);code{background:none;padding:0;font-size:var(--text-sm)}}img{max-width:100%;border-radius:var(--radius-sm);margin-block:var(--space-lg)}hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-xl)}ul,ol{padding-inline-start:var(--space-lg);margin-block-end:var(--space-md)}li{margin-block-end:var(--space-xs)}}}@layer utilities.utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.section-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-block-end:var(--space-sm);a{color:inherit;transition:color var(--transition-fast);&:hover{color:var(--color-text)}}}}