:root{--bg:#060607;--panel:#ffffff0a;--panel-strong:#ffffff13;--panel-soft:#ffffff06;--text:#fff;--text-2:#ffffff9e;--text-3:#ffffff61;--border:#ffffff14;--border-mid:#ffffff29;--accent:#fbbf24;--accent-soft:#fbbf2429;--ink:#060607;--radius:8px;--ease:cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(70% 50% at 50% -5%, #ffffff0f, transparent 60%), var(--bg);min-height:100%;color:var(--text);letter-spacing:0;text-rendering:geometricprecision;margin:0;font-family:Sora,ui-sans-serif,system-ui,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 50% 40%,#ffffff0f,#0000 70%),radial-gradient(42% 35% at 84% 12%,#fbbf240f,#0000 72%),linear-gradient(#ffffff03,#0000 36%);position:fixed;inset:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,100% - 48px);margin:0 auto}.section{padding:clamp(78px,9vw,132px) 0;position:relative}.section-orange,.section-dark,.section-light{color:var(--text);background:0 0}.grain{pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:absolute;inset:0}.kicker{color:var(--text-2);letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:22px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;font-weight:500;line-height:1.35;display:inline-flex}.kicker:before{content:"*";color:var(--accent);font-family:inherit;font-size:15px;line-height:1}.kicker--dark{color:var(--text-3)}.button{isolation:isolate;color:#000;cursor:pointer;min-height:54px;transition:transform .45s var(--ease), box-shadow .45s var(--ease), background .45s var(--ease), border-color .45s var(--ease);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-weight:600;line-height:1;display:inline-flex;position:relative;box-shadow:0 8px 30px #ffffff24}.button:hover{transform:translateY(-2px);box-shadow:0 18px 44px #ffffff2e}.button--compact{min-height:46px;padding:0 22px;font-size:14px}.button--light{color:#000;background:#fff}.button--orange{background:var(--accent);color:#1a1407;box-shadow:0 8px 30px #fbbf2433}.site-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060607c7;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:20px clamp(24px,4vw,48px);display:flex;position:sticky;top:0}.logo-mark{color:#fff;flex:none;align-items:center;width:112px;min-height:32px;display:inline-flex}.logo-mark svg{width:100%;height:auto}.site-nav{color:#ffffffc7;align-items:center;gap:clamp(16px,2vw,30px);font-size:13px;font-weight:500;display:flex}.site-nav a{align-items:center;gap:8px;padding:10px 0;display:inline-flex;position:relative}.site-nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .36s var(--ease);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a:hover:after,.site-nav a.active:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:12px;display:flex}.menu-toggle{border:1px solid var(--border-mid);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:none}.hero-blog{align-items:center;min-height:calc(92svh - 89px);padding:clamp(62px,7vw,108px) 0;display:flex;overflow:hidden}.hero-blog:after{content:none}.hero-blog__grid{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(44px,7vw,112px);display:grid;position:relative}.hero-blog__grid{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.hero-blog__grid> :last-child{display:none!important}.hero-blog__copy{text-align:center}.hero-blog__copy h1,.article-hero h1,.archive-heading h1,.empty-page h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(42px,5.4vw,74px);font-weight:500;line-height:1.02}.hero-blog__copy p,.article-hero p,.archive-heading p,.institutional p,.empty-page p{max-width:660px;color:var(--text-2);margin:28px auto 0;font-size:18px;font-weight:300;line-height:1.66}.featured-card,.post-card,.popular-box,.empty-state,.search-box,.article-content blockquote,.article-callout,.article-cta{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel), var(--panel-soft));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff0a}.featured-card{border-radius:16px}.featured-card img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.85)contrast(1.03);width:100%}.featured-card__content{padding:30px}.featured-card__content>span,.meta-row,.article-meta{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;font-weight:500}.featured-card__content h2{color:#fff;margin:16px 0 14px;font-size:clamp(26px,2.3vw,34px);font-weight:500;line-height:1.08}.featured-card__content p{color:var(--text-2);margin:0;font-weight:300;line-height:1.58}.featured-card__footer{justify-content:space-between;align-items:center;gap:18px;margin-top:28px;display:flex}.featured-card__footer small{color:var(--text-3)}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,.institutional h2,.cta-band h2{color:#fff;margin:0;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.08}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.category-tile{border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;min-height:220px;transition:background .32s var(--ease), transform .32s var(--ease), border-color .32s var(--ease), box-shadow .32s var(--ease);background:#ffffff06;align-content:space-between;gap:22px;padding:26px;display:grid}.category-tile:hover{background:#ffffff0e;border-color:#fbbf245c;transform:translateY(-3px);box-shadow:0 18px 50px #00000040}.category-tile span{color:#fff;font-size:22px;font-weight:500;line-height:1.12}.category-tile svg,.text-link svg{color:var(--accent)}.category-tile p,.post-card p,.institutional p,.archive-heading p,.empty-page p,.article-cta p{color:var(--text-2);font-weight:300;line-height:1.62}.content-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:clamp(34px,5vw,70px);display:grid}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.post-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{border-radius:var(--radius)}.image-button{cursor:pointer;background:0 0;border:0;width:100%;padding:0}.image-button img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.82)contrast(1.04);width:100%;transition:transform .52s var(--ease), filter .52s var(--ease)}.post-card:hover .image-button img{filter:saturate(.98)contrast(1.06);transform:scale(1.035)}.post-card__body{padding:24px}.meta-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.post-card h3{color:#fff;margin:18px 0 12px;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.1}.post-card p{margin:0 0 22px}.post-card--compact .image-button img{aspect-ratio:16/8}.text-link{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.popular-box{padding:26px;position:sticky;top:116px}.popular-box button{border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 1fr;gap:16px;width:100%;padding:20px 0;display:grid}.popular-box strong{color:var(--accent);font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-weight:500}.popular-box span:last-child{color:#fff;font-weight:500;line-height:1.28}.cta-band{overflow:hidden}.cta-band:before{content:"";border:1px solid var(--border);background:radial-gradient(50% 90% at 82%,#fbbf241f,#0000 72%),linear-gradient(#ffffff0d,#ffffff05);border-radius:16px;position:absolute;inset:28px max(24px,50% - 560px);box-shadow:0 34px 90px #00000059}.cta-band__inner,.institutional__grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:48px;display:grid;position:relative}.article-shell{padding-top:70px}.breadcrumb{color:var(--text-3);text-transform:uppercase;flex-wrap:wrap;gap:10px;margin-bottom:36px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:12px;font-weight:500;display:flex}.breadcrumb button{cursor:pointer;background:0 0;border:0;padding:0}.breadcrumb button:hover{color:#fff}.article-hero{text-align:center;max-width:980px}.article-meta{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:28px;display:flex}.article-image{border:1px solid var(--border);object-fit:cover;aspect-ratio:16/8;filter:saturate(.85)contrast(1.04);border-radius:16px;width:100%;max-height:620px;margin:58px 0}.article-layout{grid-template-columns:240px minmax(0,760px);align-items:start;gap:clamp(34px,6vw,90px);display:grid}.toc{border-left:1px solid var(--border-mid);gap:12px;padding-left:18px;display:grid;position:sticky;top:118px}.toc span{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;font-weight:500}.toc a{color:var(--text-2);font-size:14px;font-weight:300;line-height:1.35}.toc a:hover{color:#fff}.article-content{color:#ffffffd1;font-size:19px;font-weight:300;line-height:1.78}.article-content h2{color:#fff;margin:56px 0 18px;font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.1}.article-content h3{color:#fff;margin:36px 0 14px;font-size:24px;font-weight:500;line-height:1.2}.article-content p{color:#ffffffb8}.article-content ul{padding-left:22px}.article-content li{margin:10px 0}.article-content blockquote,.article-callout,.article-cta{margin:42px 0;padding:28px}.article-content blockquote{border-left:4px solid var(--accent);color:#fff;font-size:25px;font-weight:500;line-height:1.32}.article-callout{color:#ffe6a6;background:#fbbf2414;border-color:#fbbf2447;font-weight:500;line-height:1.45}.article-cta{background:radial-gradient(70% 90% at 100% 0%, #fbbf241f, transparent 70%), linear-gradient(180deg, var(--panel-strong), var(--panel));color:var(--text)}.article-cta h2{margin-top:0}.share-box{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:44px;padding-top:28px;display:flex}.share-box span{color:var(--text-3);letter-spacing:.16em;text-transform:uppercase;margin-right:10px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;font-weight:500}.share-box a,.share-box button{border:1px solid var(--border-mid);cursor:pointer;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.share-box a:hover,.share-box button:hover{background:#ffffff14}.archive-page{min-height:70svh}.archive-heading{text-align:center;max-width:820px;margin-bottom:38px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:34px;display:flex}.filter-row button,.pagination button{border:1px solid var(--border);min-height:42px;color:var(--text-2);cursor:pointer;background:#ffffff06;border-radius:999px;padding:0 18px;font-weight:500}.filter-row button.active,.pagination button.active{background:var(--accent);color:#1a1407;border-color:#fbbf2480}.pagination{justify-content:center;gap:10px;margin-top:42px;display:flex}.pagination button:disabled{cursor:not-allowed;opacity:.45}.empty-state{padding:32px}.search-box{align-items:center;gap:14px;max-width:760px;min-height:68px;margin:0 auto 42px;padding:0 22px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:18px}.search-box input::placeholder{color:var(--text-3)}.site-footer{border-top:1px solid var(--border);color:var(--text);background:#060607c2;padding:56px 0}.footer-grid{grid-template-columns:minmax(0,1fr) 220px 280px;gap:48px;display:grid}.footer-logo{color:#ffffffbf;width:92px;margin-bottom:22px}.site-footer p{max-width:440px;color:var(--text-2);font-weight:300;line-height:1.6}.site-footer div div{align-content:start;gap:13px;display:grid}.site-footer a{color:#ffffffb8;font-weight:300}.site-footer a:hover{color:#fff}.footer-title{color:var(--text-3);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;font-weight:500}@media (width<=1020px){.header-actions .button{display:none}.menu-toggle{display:inline-flex}.site-nav{border:1px solid var(--border-mid);border-radius:var(--radius);color:#ffffffc7;background:#0a0a0cf5;align-items:stretch;padding:18px;display:none;position:fixed;top:89px;left:16px;right:16px;box-shadow:0 24px 70px #00000057}.site-nav--open{display:grid}.hero-blog__grid,.content-layout,.cta-band__inner,.institutional__grid,.article-layout,.footer-grid{grid-template-columns:1fr}.popular-box,.toc{position:static}.category-grid,.post-grid,.post-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.container{width:min(100% - 32px,1120px)}.site-header{padding:14px 16px}.logo-mark{width:96px}.hero-blog{min-height:auto}.hero-blog__grid,.category-grid,.post-grid,.post-grid--three{grid-template-columns:1fr}.hero-blog__copy h1,.article-hero h1,.archive-heading h1,.empty-page h1{font-size:42px}.featured-card__footer,.article-meta{flex-direction:column;align-items:flex-start}.article-meta,.article-hero,.archive-heading,.hero-blog__copy{text-align:left}.hero-blog__copy p,.article-hero p,.archive-heading p,.institutional p,.empty-page p{margin-left:0;margin-right:0}.category-tile{min-height:180px}.article-shell{padding-top:44px}.article-image{aspect-ratio:4/3;margin:36px 0}.article-content{font-size:17px;line-height:1.72}.article-content blockquote{font-size:22px}.button{width:100%;padding:0 22px}}
