:root{--bg: #fbfbfa;--panel: #ffffff;--ink: #202020;--muted: #6f6f6f;--light: #e7e3dc;--line: #d8d4ce;--accent: #0e6f68;--accent-soft: #e8f2f0;--warm: #b66b3f;--max: 1220px;--serif: Georgia, "Times New Roman", serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;min-height:100%;overflow-y:auto}body{margin:0;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img,svg{display:block;max-width:100%}.site-header{backdrop-filter:blur(10px);background:#fbfbfaf5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.masthead{align-items:center;display:grid;grid-template-columns:120px 1fr 120px;margin:0 auto;max-width:var(--max);padding:18px 24px 14px}.mark{align-items:center;border:2px solid var(--ink);border-radius:50%;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.site-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1;margin:0;text-align:center}.header-links{display:flex;justify-content:flex-end}.icon-link{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.76rem;font-weight:700;min-height:36px;padding:0 12px}.nav-wrap{border-top:1px solid rgba(216,212,206,.75)}.primary-nav{display:flex;gap:clamp(18px,4vw,42px);justify-content:center;margin:0 auto;max-width:var(--max);overflow-x:auto;padding:0 24px}.primary-nav a{color:#333;display:inline-flex;font-size:1rem;font-weight:700;padding:18px 0 16px;position:relative;white-space:nowrap}.primary-nav a.active:after,.primary-nav a:hover:after{background:var(--ink);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.page{margin:0 auto;max-width:var(--max);padding:34px 24px 64px}.hero-feature{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:clamp(28px,6vw,64px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);padding:10px 0 42px}.feature-copy{text-align:center}.eyebrow,.section-label{color:var(--accent);font-size:.78rem;font-weight:800;margin:0 0 12px;text-transform:uppercase}.feature-copy h1,.feature-copy h2,.page-heading h1,.article-header h1{font-family:var(--serif);font-size:clamp(2.4rem,5vw,5.1rem);line-height:.98;margin:0}.feature-copy h1,.feature-copy h2{font-size:clamp(2.4rem,5vw,4.6rem)}.feature-copy .dek{color:#3e3e3e;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.45;margin:20px auto 0;max-width:560px}.meta{align-items:center;color:#8a8680;display:flex;flex-wrap:wrap;font-size:.8rem;font-weight:800;gap:8px;letter-spacing:0;margin-bottom:12px;margin-top:0;text-transform:uppercase}.feature-copy .meta{justify-content:center}.feature-meta{margin-top:18px}.byline{color:#8a8680;font-size:.8rem;font-weight:800;margin:8px 0 0;text-transform:uppercase}.pill{background:var(--accent-soft);border:1px solid rgba(14,111,104,.2);border-radius:999px;color:var(--accent);display:inline-flex;font-size:.72rem;font-weight:800;padding:5px 9px;text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.button{align-items:center;border:1px solid var(--ink);border-radius:999px;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:0 20px}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.chart-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 50px #2020200f;color:var(--ink);display:block;overflow:hidden}.chart-title{background:#efeeeb;border-bottom:1px solid var(--line);font-size:.85rem;font-weight:800;padding:12px 16px;text-align:center}.chart-canvas{padding:20px 20px 8px}.chart-caption{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:12px 16px}.content-shell{display:grid;gap:42px;grid-template-columns:minmax(0,1fr) 330px;padding-top:34px}.tabs{border:1px solid var(--line);border-radius:8px;display:inline-flex;margin-bottom:22px;overflow:hidden}.tab{background:transparent;border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;font-weight:800;padding:12px 18px}.tab:last-child{border-right:0}.tab.active{background:#efeeeb;color:var(--ink)}.feed{border-top:1px solid var(--line)}.feed-item{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:28px;grid-template-columns:220px minmax(0,1fr);padding:28px 0}.feed-item h3,.content-card h2,.sidebar h2,.sidebar h3,.about-section h2,.article-body h2,.article-body h3{font-family:var(--serif);line-height:1.02}.feed-item h3{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 10px}.feed-item p,.content-card p,.sidebar p,.page-heading .subtitle,.article-body p,.article-body li,.about-section p{color:#575757;line-height:1.55}.feed-item p{font-size:1.02rem;margin:0}.thumb-link{display:block;min-width:0}.feed-item .thumb-link{width:220px}.thumb,.visual-image{align-items:center;aspect-ratio:16 / 9;background:#f0eeea;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;min-height:152px;overflow:hidden;width:100%}.feed-item .thumb,.feed-item .visual-image{aspect-ratio:auto;height:124px;min-height:0}.visual-image{height:auto;object-fit:cover;width:100%}.thumb.large{min-height:330px}.bars{align-items:end;display:flex;gap:10px;height:70%;justify-content:center;width:78%}.bar{background:#8f8b85;border-radius:4px 4px 0 0;flex:1;max-width:48px}.bar:nth-child(1),.bar.accent,.bar:nth-child(5){background:var(--accent)}.bar.warm,.bar:nth-child(3){background:var(--warm)}.line-chart{width:82%}.video{background:#181818;color:#fff}.play{align-items:center;border:2px solid currentColor;border-radius:50%;display:inline-flex;height:52px;justify-content:center;padding-left:4px;width:52px}.sidebar{align-self:start}.sidebar-section{border-top:1px solid var(--line);padding:26px 0}.sidebar-section:first-child{border-top:0;padding-top:0}.profile-summary{align-items:center;display:grid;gap:16px;grid-template-columns:76px minmax(0,1fr)}.portrait{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#f0eeea,#e6eeee);border:1px solid var(--line);border-radius:8px;color:var(--accent);display:flex;font-family:var(--serif);font-size:2rem;font-weight:800;justify-content:center}.portrait.small{font-size:1.45rem;width:76px}.portrait.large{font-size:2.6rem;min-width:220px}.sidebar h2{font-size:1.85rem;margin:0 0 6px}.sidebar h3{font-size:1.6rem;margin:0 0 12px}.profile-summary p,.sidebar p{margin:0 0 14px}.link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.link-list a{border:1px solid var(--line);border-radius:999px;font-size:.86rem;font-weight:800;padding:8px 12px}.newsletter-form{display:grid;gap:8px}.newsletter-form input,.newsletter-form button{border:1px solid var(--line);border-radius:999px;font:inherit;min-height:42px;padding:0 16px}.newsletter-form button{background:var(--ink);color:#fff;cursor:pointer;font-weight:800}.newsletter-note{color:var(--muted);font-size:.85rem;margin-top:10px}.page-heading{border-bottom:1px solid var(--line);padding:44px 0 36px}.page-heading h1{max-width:none}.page-heading .subtitle{font-size:1.05rem;margin:18px 0 0;max-width:940px}.grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:30px}.content-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.content-card .thumb{border:0;border-bottom:1px solid var(--line);border-radius:0}.card-body{padding:18px}.content-card h2{font-size:1.75rem;margin:0 0 10px}.content-card p{margin:0 0 16px}.card-link{color:var(--accent);font-weight:800}.about-grid{display:grid;gap:38px;grid-template-columns:minmax(0,1fr) 360px;padding-top:30px}.admin-shell{display:grid;gap:38px;grid-template-columns:minmax(0,1fr) 340px;padding-top:30px}.admin-main{display:grid;gap:24px}.admin-panel{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;padding:28px 0}.admin-panel h2,.admin-card h3{font-family:var(--serif);line-height:1.04;margin:0}.admin-panel h2{font-size:clamp(2rem,3vw,2.6rem);margin-bottom:10px}.admin-panel p,.admin-card p{color:#575757;line-height:1.55;margin:0}.admin-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.admin-card span{color:var(--accent);display:inline-flex;font-size:.78rem;font-weight:800;margin-bottom:26px}.admin-card h3{font-size:1.55rem;margin-bottom:10px}.status-pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;margin-bottom:12px;padding:8px 12px;text-transform:uppercase}.status-pill.ready{background:var(--accent-soft);color:var(--accent)}.status-pill.pending{background:#f5eee8;color:var(--warm)}.admin-code{display:grid;gap:8px;margin-top:14px}.admin-code code{background:#efeeeb;border:1px solid var(--line);border-radius:8px;color:#333;display:block;font-size:.85rem;padding:10px 12px}.about-section{border-bottom:1px solid var(--line);padding:0 0 30px}.about-section+.about-section{padding-top:30px}.about-section h2{font-size:clamp(2rem,3vw,2.4rem);margin:0 0 16px}.about-intro{align-items:start;display:grid;gap:24px;grid-template-columns:240px minmax(0,1fr)}.project-list{display:grid;gap:16px}.project-row{border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:210px minmax(0,1fr);padding-top:16px}.project-row strong{font-family:var(--serif);font-size:1.25rem}.project-row span{color:#575757;line-height:1.55}.article-layout{display:block;max-width:860px}.article-header{border-bottom:1px solid var(--line);padding:46px 0 26px}.article-header .meta{margin-top:0}.article-header .subtitle{color:#575757;font-size:1.2rem;line-height:1.48;margin:18px 0 0}.article-visual{margin:28px 0}.article-body{font-size:1.08rem;padding:6px 0 40px}.article-body h2{color:var(--ink);font-size:2rem;margin:34px 0 12px}.article-body h3{color:var(--ink);font-size:1.45rem;margin:26px 0 10px}.article-body p{margin:0 0 18px}.video-embed{align-items:center;aspect-ratio:16 / 9;background:#181818;border-radius:8px;color:#fff;display:flex;justify-content:center;overflow:hidden}.video-embed iframe{border:0;height:100%;width:100%}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;margin:0 auto;max-width:var(--max);padding:22px 24px 40px}@media(max-width:900px){.masthead{grid-template-columns:54px 1fr auto;padding:14px 16px 12px}.site-title{font-size:2rem}.page{padding:22px 16px 48px}.hero-feature,.content-shell,.about-grid,.admin-shell,.about-intro,.grid,.admin-grid{grid-template-columns:1fr}.admin-panel{align-items:start;grid-template-columns:1fr}.feed-item{grid-template-columns:1fr}.thumb-link{max-width:340px}.feed-item .thumb-link{width:min(100%,340px)}.feed-item .thumb,.feed-item .visual-image{aspect-ratio:16 / 9;height:auto}.project-row{grid-template-columns:1fr}}@media(max-width:620px){.header-links{display:none}.masthead{grid-template-columns:48px 1fr}.primary-nav{justify-content:flex-start}.feature-copy{text-align:left}.feature-copy .dek,.feature-copy .meta,.button-row{justify-content:flex-start;margin-left:0}.button-row{flex-direction:column}.button{width:100%}.profile-summary{grid-template-columns:68px minmax(0,1fr)}}