:root{--ink: #f4efe4;--ink-soft: #c9c2b4;--void: #071018;--deep: #0a1c2c;--ocean: #0e3d5c;--teal: #2a7f8f;--leaf: #7eab4a;--leaf-bright: #9bc85f;--cream: #f3e6c8;--line: color-mix(in srgb, var(--ink) 14%, transparent);--font-display: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-body: "Instrument Sans", "Segoe UI", sans-serif;--space: clamp(1rem, 2.5vw, 2rem);--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--void);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:var(--leaf-bright)}h1,h2,h3{font-family:var(--font-display);font-weight:620;line-height:1.05;letter-spacing:-.03em;margin:0}p{margin:0}.wrap{width:min(100% - (var(--space) * 2),var(--max));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:20;padding:1.1rem 0;background:linear-gradient(to bottom,rgb(7 16 24 / .85),transparent);backdrop-filter:blur(6px)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-mark{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.02em}.brand-mark img{width:2.1rem;height:2.1rem}.nav{display:flex;gap:1.25rem;font-size:.92rem;color:var(--ink-soft)}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 55% at 70% 20%,rgb(42 127 143 / .35),transparent 55%),radial-gradient(ellipse 60% 50% at 15% 75%,rgb(126 171 74 / .18),transparent 50%),radial-gradient(ellipse 90% 70% at 50% 100%,rgb(14 61 92 / .9),transparent 60%),linear-gradient(165deg,#06131d,#0a2438 42%,#071820)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgb(243 230 200 / .08) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 20%,rgb(243 230 200 / .06) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 70%,rgb(243 230 200 / .05) 0 1px,transparent 1.5px);background-size:3px 3px,4px 4px,5px 5px;opacity:.7;animation:drift 28s linear infinite}.hero-copy{padding:clamp(7rem,18vh,10rem) 0 clamp(3.5rem,8vh,5rem);max-width:38rem}.hero-brand{display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem;opacity:0;animation:rise .9s ease forwards .1s}.hero-brand img{width:clamp(3.2rem,8vw,4.4rem);height:auto}.hero-brand span{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:650;letter-spacing:-.035em;line-height:1}.hero h1{font-size:clamp(2.4rem,7vw,4.4rem);max-width:11ch;margin-bottom:1rem;opacity:0;animation:rise .9s ease forwards .25s}.hero-lead{color:var(--ink-soft);font-size:clamp(1.05rem,2.2vw,1.25rem);max-width:32ch;margin-bottom:1.8rem;opacity:0;animation:rise .9s ease forwards .4s}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;opacity:0;animation:rise .9s ease forwards .55s}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.7rem 1.2rem;border-radius:.35rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);color:var(--ink)}.btn-primary{background:var(--leaf);color:#10180c}.btn-primary:hover{background:var(--leaf-bright)}.btn-ghost{border-color:var(--line);background:#ffffff08;color:var(--ink)}.btn-ghost:hover{border-color:#f3e6c859}.section{padding:clamp(4rem,10vh,7rem) 0}.section-head{max-width:34rem;margin-bottom:2.5rem}.section-head h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.75rem}.section-head p{color:var(--ink-soft)}.themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem;border-top:1px solid var(--line);padding-top:1.5rem}.theme{padding:.85rem 0;border-bottom:1px solid var(--line)}.theme strong{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:620;letter-spacing:-.02em;margin-bottom:.25rem}.theme span{color:var(--ink-soft);font-size:.95rem}.feed{display:grid;gap:0}.feed-item{display:grid;grid-template-columns:7rem 1fr auto;gap:1rem;align-items:baseline;padding:1.35rem 0;border-top:1px solid var(--line);text-decoration:none;transition:color .2s ease}.feed-item:last-child{border-bottom:1px solid var(--line)}.feed-item:hover{color:var(--leaf-bright)}.feed-tema{color:var(--teal);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.feed-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600;letter-spacing:-.02em}.feed-date{color:var(--ink-soft);font-size:.88rem;white-space:nowrap}.page-hero{padding:8rem 0 2.5rem}.page-hero h1{font-size:clamp(2.2rem,6vw,3.6rem);margin-bottom:.75rem}.page-hero p{color:var(--ink-soft);max-width:38ch}.article{padding:8rem 0 4rem;max-width:42rem}.article h1{font-size:clamp(2rem,5vw,3.1rem);margin:.8rem 0 1rem}.article .meta{color:var(--ink-soft);font-size:.92rem;margin-bottom:2rem}.prose p+p{margin-top:1.1rem}.prose h2{font-size:1.45rem;margin:2rem 0 .8rem}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;color:var(--ink-soft);font-size:.92rem}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.site-footer a{text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.1rem) rotate(2deg)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-24px)}}@media(max-width:720px){.nav{gap:.9rem}.themes{grid-template-columns:1fr}.feed-item{grid-template-columns:1fr;gap:.35rem}.hero-copy{padding-top:clamp(9rem,28vh,12rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}