/* A restrained, content-first glass layer: soft depth, not a glossy skin on every element. */
:root{--glass:rgba(255,255,255,.46);--glass-strong:rgba(255,255,255,.7);--glass-line:rgba(32,32,33,.13);--shadow:0 18px 45px rgba(25,27,30,.10);--shadow-soft:0 9px 25px rgba(25,27,30,.07)}
body{background:radial-gradient(72rem 42rem at 2% -10%,rgba(214,255,63,.25),transparent 42%),radial-gradient(55rem 35rem at 98% 23%,rgba(115,174,255,.16),transparent 48%),var(--paper)}
.site-header{position:relative;z-index:2}.site-header:after{content:"";position:absolute;inset:1rem var(--side);z-index:-1;border-radius:999px;background:var(--glass);border:1px solid rgba(255,255,255,.58);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px) saturate(135%)}
.header-tools{padding:.5rem .75rem;border-radius:999px;background:rgba(255,255,255,.35);border:1px solid var(--glass-line)}
.dock{gap:.16rem;padding:.38rem .42rem;background:rgba(28,29,31,.72);border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 45px rgba(19,20,23,.25),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(22px) saturate(150%)}
.dock a{transition:background .22s ease,color .22s ease,transform .22s ease}.dock a:hover{transform:translateY(-1px)}.dock a.active{box-shadow:inset 0 1px rgba(255,255,255,.52),0 4px 12px rgba(15,15,16,.2)}
.home-hero{position:relative;padding-block:clamp(4rem,7vw,6.5rem);min-height:0}.home-hero:before{content:"";position:absolute;right:5%;top:12%;width:20rem;height:20rem;border-radius:50%;background:rgba(214,255,63,.22);filter:blur(38px);pointer-events:none}.hero-copy,.hero-portrait{position:relative}.hero-copy h1{font-size:clamp(3.8rem,7.2vw,6.4rem);line-height:.9;letter-spacing:-.06em}.hero-portrait{padding:10px;border-radius:1.15rem;background:var(--glass);border:1px solid rgba(255,255,255,.74);box-shadow:var(--shadow);backdrop-filter:blur(15px) saturate(125%)}.hero-portrait img{height:clamp(390px,45vw,520px);padding:0;border:0;border-radius:.7rem}.portrait-plate{right:-.9rem;bottom:-.9rem;border-radius:1rem;background:linear-gradient(135deg,var(--acid),rgba(255,255,255,.6))}.hero-portrait figcaption{margin:.75rem .2rem .15rem}
.tag-row a{padding:.38rem .78rem;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.55)}.tag-row a:hover{background:var(--glass-strong)}
.ticker{margin-top:.8rem;border:1px solid var(--glass-line);border-radius:1.15rem;padding:1rem 1.25rem;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}
.section{border-bottom:0}.landing-intro,.work-shelf,.journal-band{position:relative}.landing-intro:after,.work-shelf:after,.journal-band:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--glass-line)}.intro-photo{padding:.55rem;border-radius:1rem;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(13px)}.intro-photo img{border-radius:.65rem}.intro-photo figcaption{margin:.7rem .2rem .15rem}
.feature-grid,.cards{gap:clamp(.65rem,1.2vw,1rem);padding:clamp(.65rem,1.2vw,1rem);margin-top:2.4rem;border-radius:1.25rem;background:var(--glass);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px) saturate(120%)}
.feature,.card{min-height:0;overflow:hidden;border:1px solid var(--glass-line);border-radius:.82rem;background:var(--glass-strong);box-shadow:inset 0 1px rgba(255,255,255,.72)}.feature{background:linear-gradient(145deg,rgba(32,32,33,.96),rgba(42,44,48,.89))}.card-image,.feature .card-image{height:clamp(175px,21vw,240px)}.card-copy{padding:1.45rem 1.55rem 1.7rem;min-height:210px}.card-copy h3{font-size:clamp(1.7rem,2.35vw,2.45rem);line-height:.94}.journal-cards .card{min-height:0}.journal-cards .card:last-child{grid-column:auto}.journal-cards .card-copy{padding-bottom:2rem}.card:hover,.feature:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(25,27,30,.13),inset 0 1px rgba(255,255,255,.75)}.card,.feature{transition:transform .28s ease,box-shadow .28s ease}
.callout{position:relative;isolation:isolate;overflow:hidden;margin:clamp(3.5rem,7vw,6rem) 0 clamp(5.5rem,10vw,8rem);padding:clamp(2.5rem,6vw,5.5rem) clamp(1.5rem,6vw,5.5rem) calc(clamp(4rem,8vw,6.5rem) + 3.5rem);border:1px solid rgba(255,255,255,.68);border-radius:1.4rem;background:linear-gradient(135deg,rgba(214,255,63,.92),rgba(193,255,99,.88) 55%,rgba(156,239,124,.82));box-shadow:var(--shadow)}.callout:after{content:"";position:absolute;z-index:-1;width:30rem;height:30rem;right:-12rem;bottom:-19rem;border-radius:50%;background:rgba(255,255,255,.45);filter:blur(16px)}.callout-grid{gap:0}.callout h2{font-size:clamp(3.15rem,5.5vw,5.7rem);max-width:10ch}.callout .button{margin-top:.8rem;box-shadow:0 9px 18px rgba(25,28,20,.18)}
footer{position:relative;margin-top:0;padding-top:4.5rem;background:rgba(218,221,215,.68);border-top:1px solid rgba(255,255,255,.65);backdrop-filter:blur(16px)}
html[data-theme=dark]{--glass:rgba(35,37,39,.47);--glass-strong:rgba(36,38,40,.77);--glass-line:rgba(255,255,255,.15);--shadow:0 18px 45px rgba(0,0,0,.32);--shadow-soft:0 9px 25px rgba(0,0,0,.22)}html[data-theme=dark] body{background:radial-gradient(70rem 42rem at 2% -10%,rgba(154,192,40,.16),transparent 42%),radial-gradient(55rem 35rem at 98% 23%,rgba(90,115,219,.18),transparent 48%),var(--paper)}html[data-theme=dark] .site-header:after,html[data-theme=dark] .header-tools{border-color:rgba(255,255,255,.14)}html[data-theme=dark] .card{background:rgba(38,40,42,.75)}html[data-theme=dark] footer{background:rgba(31,33,34,.8)}
@media (min-width:681px) and (max-width:980px){.journal-cards .card:last-child{grid-column:1 / -1}.journal-cards .card:last-child .card-copy{min-height:175px}.journal-cards .card:last-child .card-image{height:220px}}
@media (max-width:680px){.site-header:after{inset:.6rem var(--side)}.header-tools{gap:1rem;padding:.4rem .55rem}.home-hero{padding-block:3rem 4rem}.hero-portrait{width:min(100%,355px);justify-self:center}.hero-portrait img{height:430px}.ticker{margin-top:.3rem;border-radius:.85rem}.feature-grid,.cards{gap:.65rem;padding:.65rem;border-radius:1rem}.card-copy{min-height:0;padding:1.25rem 1.2rem 1.5rem}.card-image,.feature .card-image{height:205px}.callout{margin:3rem 0 5.5rem;padding:2.3rem 1.35rem calc(5.5rem + env(safe-area-inset-bottom));border-radius:1rem}.callout h2{font-size:clamp(2.85rem,14vw,4rem)}.dock{bottom:max(.65rem,env(safe-area-inset-bottom));width:calc(100vw - 1rem)}footer{padding-top:3.5rem;padding-bottom:7rem}}
@media (prefers-reduced-motion:reduce){.card,.feature,.dock a{transition:none}.card:hover,.feature:hover,.dock a:hover{transform:none}}

/* Compact the masthead so its glass panel frames navigation instead of becoming a large empty band. */
.site-header{height:76px;margin:10px auto 0;padding:0 var(--side)}
.site-header:after{inset:0 var(--side)}
.home-hero .actions{transform:none;margin-bottom:0}

/* Responsive refinements shared by the public site and its editorial surfaces. */
.site-header{padding:1.35rem var(--side)}.site-header:after{inset:.45rem var(--side)}.wordmark{display:inline-flex;align-items:center;gap:.5rem}.brand-mark{width:2.15rem;height:2.15rem;object-fit:cover;border-radius:50%;box-shadow:0 2px 8px rgba(25,27,30,.16)}.header-tools{gap:.35rem;padding:.32rem}.header-tools a,.theme{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid transparent;border-radius:50%;transition:background .16s ease,transform .16s ease}.header-tools a:hover,.theme:hover{background:rgba(255,255,255,.72);border-color:var(--glass-line);transform:translateY(-1px)}.header-tools svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.theme svg path:first-child{fill:currentColor;stroke:none}.hero-copy{padding:clamp(.65rem,1.4vw,1.35rem);margin-left:clamp(-.65rem,-1.4vw,-1.35rem);border-radius:1rem}.home-hero .hero-copy{transform:translateY(-1.2rem)}.hero-copy .actions{margin-top:1rem;padding-top:.7rem;border-top:1px solid var(--glass-line)}.home-hero .actions{transform:translateY(-3rem);margin-bottom:-3rem}.hero-copy .button{padding:1rem 1.15rem;border-radius:.65rem}.actions a:not(.button){padding:.85rem .35rem}.hero-copy .tag-row{margin-top:1.35rem}.article-body{font-size:1.08rem;line-height:1.75}.article-body h2,.article-body h3{margin-top:2.2rem;line-height:.98}.article-body blockquote{margin:2rem 0;padding:1rem 1.4rem;border-left:3px solid var(--acid);background:var(--glass);font:italic 1.55rem/1.45 var(--serif)}.article-body img{max-width:100%;border-radius:.8rem}.content-media{display:grid;gap:1.5rem;margin-top:2.5rem}.content-media figure{margin:0}.content-media img,.content-media video{display:block;width:100%;border-radius:1rem;background:#191a1a;box-shadow:var(--shadow)}.content-media figcaption{margin-top:.7rem;font-size:.75rem}.card-image img,.feature .card-image img{transition:transform .18s cubic-bezier(.2,.8,.2,1)}@media(max-width:780px){.site-header{padding-block:1rem}.brand-mark{width:1.9rem;height:1.9rem}.hero-copy,.home-hero .hero-copy{margin-left:0;padding:0;transform:none}.home-hero .actions{transform:none;margin-bottom:0}.hero-copy .actions{padding-top:1rem}}

/* Final spacing rules: keep each hero control row independent at every desktop size. */
.site-header{height:76px;margin:10px auto 0;padding:0 var(--side)}
.site-header:after{inset:0 var(--side)}
.home-hero .actions{transform:none;margin:1.5rem 0 0;padding-top:1.1rem;min-height:64px}
@media(max-width:780px){.site-header{height:68px;margin-top:8px;padding:0 var(--side)}.site-header:after{inset:0 var(--side)}.home-hero .actions{margin-top:1.25rem;padding-top:1rem;min-height:auto}}

/* Header groups align to the content grid; the empty full-width glass bar is intentionally removed. */
.site-header{height:auto;margin:0 auto;padding:1.15rem var(--side);background:transparent}
.site-header:after{display:none}
.wordmark{gap:.65rem;padding:.38rem .68rem .38rem .4rem;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);box-shadow:var(--shadow-soft)}
.brand-mark{width:2rem;height:2rem}
.header-tools{gap:.15rem;padding:.24rem;border-color:var(--glass-line);background:var(--glass);box-shadow:var(--shadow-soft)}
.header-tools a,.theme{width:2.2rem;height:2.2rem}
@media(max-width:780px){.site-header{height:auto;margin:0 auto;padding:1rem var(--side)}.site-header:after{display:none}.wordmark{gap:.5rem;padding:.32rem .55rem .32rem .35rem}.brand-mark{width:1.8rem;height:1.8rem}}