:root{--bg: #f4efe6;--surface: rgba(255, 252, 247, .88);--surface-strong: #fffaf2;--surface-muted: rgba(247, 240, 230, .9);--ink: #1f1a17;--ink-soft: #62564f;--line: rgba(56, 41, 33, .12);--accent: #8f4e2b;--accent-soft: rgba(143, 78, 43, .12);--accent-strong: #b96a3c;--theme-color: #8f4e2b;--theme-color-rgb: 143, 78, 43;--theme-surface: rgba(143, 78, 43, .14);--theme-surface-strong: rgba(143, 78, 43, .24);--shadow-lg: 0 28px 60px rgba(63, 37, 22, .16);--shadow-md: 0 16px 40px rgba(63, 37, 22, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--content-width: 1160px;--hero-opacity: 1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;background:radial-gradient(circle at top left,rgba(191,146,105,.22),transparent 30%),radial-gradient(circle at top right,rgba(143,78,43,.14),transparent 25%),linear-gradient(180deg,#faf5eb 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#8f4e2b33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#3829210d}::-webkit-scrollbar-thumb{background:#8f4e2b57;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8f4e2b7a}.site-shell{position:relative;overflow:clip}.site-shell:before,.site-shell:after{content:"";position:fixed;inset:auto;width:24rem;height:24rem;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.site-shell:before{top:3rem;right:-8rem;background:#8f4e2b1f}.site-shell:after{bottom:0;left:-10rem;background:#bf926929}.site-header,.hero-banner,.page-main,.site-footer{position:relative;z-index:1}.site-header{width:min(var(--content-width),calc(100% - 2rem));margin:1rem auto 0;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:999px;background:#fffcf7d1;backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.site-header--landing{position:sticky;top:1rem;margin:0 auto 1rem;z-index:10;border-color:rgba(var(--theme-color-rgb),.22);background:color-mix(in srgb,rgba(var(--theme-color-rgb),.14) 58%,rgba(255,252,247,.58))}.site-brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.site-brand-mark{width:.95rem;height:.95rem;border-radius:50%;background:linear-gradient(135deg,var(--theme-color),color-mix(in srgb,var(--theme-color) 40%,#fff 60%));box-shadow:0 0 0 6px rgba(var(--theme-color-rgb),.12)}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.site-nav a{padding:.65rem 1rem;border-radius:999px;color:var(--ink-soft);transition:background-color .2s ease,color .2s ease,transform .2s ease}.site-nav a:hover{color:var(--ink);background:#8f4e2b14;transform:translateY(-1px)}.hero-banner{width:min(var(--content-width),calc(100% - 2rem));min-height:18rem;margin:1rem auto 0;border-radius:clamp(24px,4vw,40px);overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-lg);background:#241915}.hero-banner--fullscreen{width:100%;min-height:100svh;margin:0;border:0;border-radius:0;box-shadow:none;position:relative}.hero-banner-image,.hero-banner-overlay,.hero-banner-content{position:absolute;inset:0}.hero-banner-image{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.hero-banner-overlay{background:linear-gradient(180deg,#1d130f3d,#1d130fb8),linear-gradient(90deg,rgba(var(--theme-color-rgb),.22),transparent 60%)}.hero-banner--fullscreen .hero-banner-image,.hero-banner--fullscreen .hero-banner-overlay{position:fixed;inset:0}.hero-banner--fullscreen .hero-banner-image{opacity:var(--hero-opacity);transform:none}.hero-banner--fullscreen .hero-banner-overlay{opacity:calc(.88 - (1 - var(--hero-opacity)) * .1)}.hero-banner-content{display:grid;align-items:end;padding:clamp(1.5rem,4vw,3rem);color:#fff7ef}.hero-banner-content--landing{align-items:center;padding:clamp(6rem,10vw,7rem) clamp(1rem,4vw,3rem) clamp(2rem,4vw,3rem)}.page-main{width:min(var(--content-width),calc(100% - 2rem));margin:1rem auto 0}.page-main--landing{width:min(var(--content-width),calc(100% - 2rem));margin:0 auto;padding-top:0}.page-frame{padding:clamp(1.25rem,3vw,2rem);border-radius:clamp(24px,3vw,32px);border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.page-frame--landing{padding:0 0 clamp(1.25rem,3vw,2rem);background:linear-gradient(180deg,#fffcf70f,#fffcf705);border-color:rgba(var(--theme-color-rgb),.14);box-shadow:0 24px 60px #3f251614}.site-footer{width:min(var(--content-width),calc(100% - 2rem));margin:1rem auto 2rem;padding:1rem 1.25rem;border-radius:18px;color:var(--ink-soft);background:#fffcf7c7;border:1px solid rgba(56,41,33,.08);text-align:center}.page-hero{display:grid;gap:1rem}.landing-hero{width:100%;min-height:100svh;padding:0;position:relative}.landing-hero-content{position:relative;width:100%;height:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 1rem 6rem}.profile-badge-wrapper{position:absolute;top:12vh;left:50%;transform:translate(-50%);z-index:10}.profile-panel__badge{display:inline-flex;padding:.5rem 1.2rem;border-radius:999px;background:#fff7ef26;color:#fff7eff2;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);border:1px solid rgba(255,247,239,.2)}.landing-hero__grid{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.25rem;align-items:center}.profile-panel,.site-link-panel{padding:clamp(1.25rem,3vw,2rem);border-radius:28px;background:#1d130f7a;border:1px solid rgba(255,247,239,.12);backdrop-filter:blur(18px);box-shadow:0 24px 60px #0e09073d}.profile-panel{display:grid;gap:1rem}.profile-panel--landing{max-width:52rem;margin:0 auto}.profile-panel__header{display:flex;align-items:center;gap:1rem}.profile-avatar{width:clamp(5rem,10vw,6.5rem);height:clamp(5rem,10vw,6.5rem);border-radius:24px;object-fit:cover;border:2px solid rgba(255,247,239,.28);box-shadow:0 18px 40px #00000040}.landing-title{margin:0;font-family:"Noto Serif SC",Inter,serif;font-size:clamp(2.5rem,8vw,5.2rem);line-height:.95;letter-spacing:-.05em}.page-kicker--hero{color:#fff7efb3}.landing-bio{margin:0;max-width:40rem;color:#fff7efdb;font-size:clamp(1rem,1.7vw,1.15rem)}.social-icon-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.social-icon-button{width:3rem;height:3rem;display:inline-grid;place-items:center;border-radius:999px;background:#fff7ef14;border:1px solid rgba(255,247,239,.14);color:#fff7ef;transition:transform .2s ease,background-color .2s ease}.social-icon-button:hover{transform:translateY(-2px);background:#fff7ef29}.social-icon-button svg{width:1.15rem;height:1.15rem;fill:currentColor}.external-link-button{flex:0 0 auto;align-self:center;height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:0 1.05rem;border-radius:999px;background:#fff7ef1a;border:1px solid rgba(255,247,239,.16);color:#fff7ef;font-weight:700;line-height:1;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}.external-link-button:hover{transform:translateY(-2px);background:#fff7ef2e}.hero-pill-row{display:flex;flex-wrap:wrap;gap:.65rem}.hero-pill-row--links{align-items:center}.hero-pill-label,.hero-pill-link{display:inline-flex;align-items:center;min-height:2.45rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,247,239,.14);background:#fff7ef0f;color:#fff7ef}.hero-pill-label{font-weight:700}.hero-pill-link:hover{background:#fff7ef1f}.site-link-panel{display:grid;gap:1rem}.section-eyebrow--dark{background:#fff7ef1a;color:#fff7efd1}.section-title--hero{color:#fff7ef}.section-lead--light{color:#fff7efc2}.site-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.site-link-card{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:18px;background:#fff7ef0f;border:1px solid rgba(255,247,239,.1);color:#fff7ef;transition:transform .2s ease,background-color .2s ease}.site-link-card:hover{transform:translateY(-2px);background:#fff7ef1a}.site-link-card__label{font-weight:700;letter-spacing:-.02em}.site-link-card__desc{color:#fff7efb8;font-size:.88rem}.hero-scroll-hint{justify-self:center;margin-top:.5rem;padding:.6rem 1rem;border-radius:999px;color:#fff7efd6;background:#1d130f61;border:1px solid rgba(255,247,239,.12);backdrop-filter:blur(12px)}.hero-scroll-link{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:999px;border:1px solid rgba(var(--theme-color-rgb),.28);background:#1d130fa6;color:#fff7ef;backdrop-filter:blur(12px);transition:transform .2s ease,background-color .2s ease;z-index:20}.hero-scroll-link:hover{transform:translate(-50%) translateY(2px);background:#1d130fcc}.hero-scroll-link__arrow{font-size:1.4rem;line-height:1}.home-stage{display:grid;gap:1.25rem}.section-heading--home{align-items:flex-end}.content-stage{display:grid;gap:1.5rem}.content-stage__header{display:grid;gap:.75rem;padding:0 .25rem .35rem}.content-stage__title-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.content-stage__title-row h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.content-tabs{position:sticky;top:0;z-index:100;display:flex;flex-wrap:nowrap;justify-content:center;gap:.4rem;padding:.75rem clamp(.8rem,2vw,1.5rem) .65rem;width:min(100%,62rem);margin:0 auto;border-radius:20px;background:#fffcf71f;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000001a}.content-tab{appearance:none;border:1px solid transparent;background:transparent;color:#fff7efd9;padding:.65rem .85rem;border-radius:999px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.content-tab:hover{transform:translateY(-1px);color:#fff7ef;background:#ffffff1a}.content-tab[aria-selected=true]{color:#fff7ef;background:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026}.content-viewer{display:grid;gap:1.5rem;min-height:35rem}.content-viewer__panels{display:grid;min-height:32rem}.content-panel{display:none;gap:1.5rem;align-content:start}.content-panel[data-active=true]{display:grid}.content-panel__summary{display:grid;gap:.5rem;padding:1.5rem 1.75rem;border-radius:20px;background:#fffcf726;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(180%);box-shadow:0 8px 32px #00000014,inset 0 1px #fff3}.content-panel__summary h3{margin:0;font-size:1.3rem;color:#fff7ef}.content-panel__summary p{margin:0;color:#fff7efd9}.content-panel__list,.content-panel__notes{display:grid;gap:1rem}.content-panel__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;justify-content:center;padding:0 1rem}.content-panel__notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:1.5rem;justify-content:center;padding:0 1rem}.content-panel .entry-card,.content-panel .prose-card{background:#fffcf71f;border-color:#ffffff2e}.content-panel .entry-card__media{background:linear-gradient(135deg,#ffffff14,#ffffff05)}.showcase-card{display:grid;grid-template-columns:minmax(7rem,30%) minmax(0,1fr);min-height:10rem;max-width:480px;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#fffcf71f;backdrop-filter:blur(12px) saturate(150%);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff26;transition:transform .3s ease,box-shadow .3s ease}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff3}.showcase-card .entry-card__media{aspect-ratio:auto;min-height:100%;background:linear-gradient(180deg,#fffcf70a,#1d130f29),rgba(var(--theme-color-rgb),.12)}.showcase-card .entry-card__media img{width:100%;height:100%;object-fit:cover}.showcase-card .entry-card__body{align-content:center;gap:.4rem;padding:.85rem 1rem}.showcase-card .entry-card__title{font-size:clamp(.95rem,1.6vw,1.15rem);color:#fff7ef}.showcase-card .entry-card__desc{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;line-height:1.55;color:#fff7efd9}.showcase-card .entry-card__meta{gap:.15rem;font-size:.75rem;color:#fff7efbf}.showcase-card .card-tag{width:fit-content;padding:.25rem .6rem;background:#ffffff26;color:#fff7efe6;font-size:.7rem;border-radius:999px;border:1px solid rgba(255,255,255,.2)}.showcase-card--wide-media{grid-template-columns:1fr;justify-self:center;max-width:340px}.showcase-card--wide-media .entry-card__media{aspect-ratio:16 / 9;min-height:auto}.showcase-card--wide-media .entry-card__body{align-content:start}.entry-card--wide-media{grid-template-columns:1fr}.entry-card--wide-media .entry-card__media{aspect-ratio:16 / 9}.entry-card__meta-line{margin:0;color:var(--ink-soft);font-size:.88rem;font-weight:700}.content-panel__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 1rem 0}.collection-grid--featured{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.entry-card--home{min-height:12rem}.page-kicker{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff7efc2}.page-hero h1,.page-hero .page-title{margin:0;font-family:"Noto Serif SC",Inter,serif;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;letter-spacing:-.04em}.page-hero p,.page-subtitle{margin:0;max-width:44rem;color:#fff7efd6;font-size:clamp(1rem,1.6vw,1.12rem)}.hero-actions,.pill-row,.meta-row,.grid-stats{display:flex;flex-wrap:wrap;gap:.75rem}.chip,.stat-chip,.meta-item,.section-eyebrow,.card-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.chip,.meta-item,.card-tag{background:#8f4e2b14;color:var(--accent)}.stat-chip,.section-eyebrow{background:#ffffff1f;color:#fff7efeb}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.15rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.button:hover,.btn:hover{transform:translateY(-1px)}.button-primary,.btn-primary{background:var(--accent);color:#fff8f2}.button-primary:hover,.btn-primary:hover{background:var(--accent-strong)}.button-secondary,.btn-outline{border-color:#ffffff38;color:#fff8f2;background:#ffffff0f}.button-secondary:hover,.btn-outline:hover{background:#ffffff1f}.section-block{display:grid;gap:1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-heading h2,.section-title{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;letter-spacing:-.03em}.section-heading p,.section-lead{margin:0;max-width:40rem;color:var(--ink-soft)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:1rem;justify-content:center}.card,.entry-card,.content-card,.prose-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:0 10px 30px #48302214}.entry-card{display:grid;overflow:hidden}.entry-card--compact{grid-template-columns:96px minmax(0,1fr);min-height:auto}.entry-card--compact .entry-card__media{aspect-ratio:1 / 1}.entry-card--compact .entry-card__body{gap:.45rem;padding:.9rem}.entry-card--compact .entry-card__title{font-size:1rem}.entry-card--compact .entry-card__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-card--compact .entry-card__meta{gap:.3rem;font-size:.82rem}.entry-card--compact .card-tag{width:fit-content}.entry-card--compact .entry-card__media img{object-fit:cover}@media (max-width: 720px){.entry-card--compact{grid-template-columns:1fr}}.entry-card__media{aspect-ratio:3 / 4;background:linear-gradient(135deg,#8f4e2b1f,#bf92691a);overflow:hidden}.entry-card__media img{width:100%;height:100%;object-fit:cover}.entry-card__body{display:grid;gap:.75rem;padding:1rem 1rem 1.15rem}.entry-card__title{margin:0;font-size:1.1rem;line-height:1.25}.entry-card__desc{margin:0;color:var(--ink-soft);font-size:.95rem}.entry-card__meta{display:grid;gap:.45rem;color:var(--ink-soft);font-size:.88rem}.entry-card__meta strong{color:var(--ink);font-weight:600}.stack{display:grid;gap:1rem}.prose-card{padding:clamp(1.25rem,3vw,2.5rem)}.prose-card :where(h1,h2,h3,h4){font-family:"Noto Serif SC",Inter,serif;line-height:1.2;letter-spacing:-.03em}.prose-card :where(p,li){color:var(--ink-soft)}.prose-card :where(ul,ol){padding-left:1.25rem}.prose-card :where(blockquote){margin:1.5rem 0;padding:1rem 1.2rem;border-left:4px solid rgba(143,78,43,.32);background:#8f4e2b0f;border-radius:0 16px 16px 0}.empty-state{padding:1.5rem;border-radius:var(--radius-md);border:1px dashed rgba(143,78,43,.25);color:var(--ink-soft);background:#8f4e2b0d}.nav-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.nav-tab{padding:.85rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff8f2;font-weight:700;backdrop-filter:blur(10px);transition:transform .2s ease,background-color .2s ease}.nav-tab:hover{transform:translateY(-1px);background:#ffffff24}@media (max-width: 1024px){.landing-hero{padding:4rem 0 2rem}.profile-panel--landing{max-width:90%}.landing-title{font-size:clamp(2rem,6vw,3.5rem)}.landing-bio{font-size:clamp(.9rem,1.5vw,1rem)}}@media (max-width: 900px){.site-header{border-radius:24px;align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start}.landing-hero__grid,.home-notes-grid{grid-template-columns:1fr}.content-viewer,.content-viewer__panels{min-height:auto}}@media (max-width: 720px){.hero-banner{min-height:16rem}.hero-banner--fullscreen{min-height:100svh}.landing-hero{padding:3rem 0 1.5rem}.landing-hero__grid{gap:1rem}.profile-panel--landing{max-width:95%;padding:1rem}.profile-avatar{width:4rem;height:4rem}.landing-title{font-size:clamp(1.8rem,8vw,2.5rem)}.landing-bio{font-size:.85rem;line-height:1.5}.site-link-grid{grid-template-columns:1fr}.page-frame{padding:1rem}.page-frame--landing{padding:.9rem}.button,.btn,.site-nav a,.nav-tab,.content-tab{width:100%;justify-content:center}.showcase-card{grid-template-columns:1fr}.showcase-card .entry-card__media{aspect-ratio:16 / 10;min-height:auto}}