:root{--ink:#060708;--ink-2:#0c0e10;--paper:#eee9df;--gold:#c99a56;--gold-light:#f1d3a0;--muted:#aaa59c;--line:rgba(255,255,255,.11);--max:1180px;--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{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.blog-header{position:sticky;top:0;z-index:20;background:rgba(6,7,8,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.blog-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.blog-brand img{width:min(230px,44vw)}.blog-menu{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.2rem)}.blog-menu a{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.blog-menu a:hover{color:var(--gold-light)}.blog-hero{position:relative;padding:clamp(7rem,14vw,12rem) 0 clamp(4rem,8vw,7rem);overflow:hidden;background:#070809}.blog-hero::before{content:"";position:absolute;inset:-8%;background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.83)),url("../images/piano-mountain.jpg") center 24%/cover;filter:saturate(.72);transform:scale(1.04)}.blog-hero .wrap{position:relative}.kicker{display:block;color:var(--gold);font-size:.72rem;font-weight:750;letter-spacing:.23em;text-transform:uppercase}.blog-hero h1{max-width:900px;margin:.75rem 0 1.25rem;font:400 clamp(3.2rem,8vw,7.8rem)/.92 var(--serif);letter-spacing:-.055em;text-wrap:balance}.blog-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.7vw,1.2rem)}.blog-main{padding:clamp(4.5rem,9vw,8rem) 0;background:linear-gradient(180deg,#0a0c0e,#050607)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.post-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--line);background:#0d0f11;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.post-card:hover{transform:translateY(-5px);border-color:rgba(201,154,86,.45);box-shadow:0 25px 65px rgba(0,0,0,.34)}.post-cover{aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(201,154,86,.18),transparent 52%),#101214}.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.post-card:hover .post-cover img{transform:scale(1.035)}.post-card-body{display:flex;flex:1;flex-direction:column;padding:1.35rem}.post-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--gold-light);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.post-card h2{margin:.8rem 0 .7rem;font:400 clamp(1.8rem,3vw,2.6rem)/1.03 var(--serif);letter-spacing:-.035em}.post-card p{margin:0 0 1.2rem;color:rgba(255,255,255,.64)}.read-link{margin-top:auto;color:var(--gold-light);font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.empty-journal{padding:4rem 2rem;border:1px solid var(--line);text-align:center;background:#0d0f11}.empty-journal img{width:88px;margin:0 auto 1.25rem;opacity:.75}.empty-journal h2{margin:0 0 .75rem;font:400 clamp(2.2rem,5vw,4.2rem)/1 var(--serif)}.empty-journal p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.62)}.article-hero{padding:clamp(7rem,13vw,11rem) 0 3rem;background:#08090a;border-bottom:1px solid var(--line)}.article-hero h1{max-width:980px;margin:.8rem 0 1rem;font:400 clamp(3rem,8vw,7rem)/.94 var(--serif);letter-spacing:-.052em;text-wrap:balance}.article-deck{max-width:760px;color:rgba(255,255,255,.7);font-size:clamp(1.05rem,1.8vw,1.3rem)}.article-meta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem;color:var(--gold-light);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-cover{width:min(calc(100% - 2.5rem),1180px);margin:3rem auto 0;max-height:690px;object-fit:cover;border:1px solid var(--line)}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(2.5rem,7vw,7rem);align-items:start;padding:clamp(4rem,8vw,7rem) 0}.article-body{min-width:0;color:rgba(255,255,255,.84);font:400 clamp(1.08rem,1.45vw,1.25rem)/1.85 var(--serif)}.article-body>*:first-child{margin-top:0}.article-body h2,.article-body h3{color:#fff;line-height:1.08;letter-spacing:-.035em}.article-body h2{margin:2.3em 0 .7em;font-size:clamp(2rem,4.4vw,3.6rem)}.article-body h3{margin:2em 0 .65em;font-size:clamp(1.55rem,3vw,2.4rem)}.article-body p{margin:1.15em 0}.article-body blockquote{margin:2rem 0;padding:1.2rem 0 1.2rem 1.5rem;border-left:2px solid var(--gold);color:var(--gold-light);font-size:1.2em}.article-body ul,.article-body ol{padding-left:1.4em}.article-body a{color:var(--gold-light);text-decoration:underline;text-underline-offset:.2em}.article-body img{width:100%;height:auto;margin:2.2rem 0;border:1px solid var(--line)}.article-video{position:relative;aspect-ratio:16/9;margin:2.2rem 0;background:#000}.article-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-aside{position:sticky;top:110px;padding:1.2rem;border:1px solid var(--line);background:#0d0f11}.article-aside strong{display:block;margin-bottom:.7rem;color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.article-aside a{display:block;padding:.45rem 0;color:rgba(255,255,255,.7);font-size:.9rem}.article-aside a:hover{color:var(--gold-light)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.article-nav a{padding:1rem;border:1px solid var(--line);text-decoration:none}.article-nav a:last-child{text-align:right}.blog-footer{padding:2rem 0;border-top:1px solid var(--line);background:#050607;color:rgba(255,255,255,.5);font-size:.78rem}.blog-footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.blog-footer img{width:34px}.blog-footer p{margin:0}.blog-footer-links{display:flex;gap:1rem}.blog-footer a:hover{color:var(--gold-light)}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-shell{grid-template-columns:1fr}.article-aside{position:static}}
@media(max-width:700px){.blog-nav{min-height:68px}.blog-menu{display:none}.post-grid{grid-template-columns:1fr}.blog-hero{padding-top:7rem}.article-cover{width:100%;border-left:0;border-right:0}.article-nav{grid-template-columns:1fr}.article-nav a:last-child{text-align:left}.blog-footer-inner{grid-template-columns:auto 1fr}.blog-footer-links{grid-column:1/-1;justify-self:end}}
@media(max-width:430px){.wrap{width:min(calc(100% - 1.5rem),var(--max))}.blog-hero h1,.article-hero h1{font-size:clamp(2.7rem,13vw,4.4rem)}.article-shell{padding-top:3rem}.article-body{font-size:1.06rem}.post-card-body{padding:1.1rem}}