/* Arthur Creates v13
   Static, framework-free, zero-build personal site.
*/
:root{
  --bg:#0b0c0d;
  --bg2:#101214;
  --paper:#f0ede6;
  --paper2:#d7d4cd;
  --ink:#111315;
  --muted:#96999a;
  --muted2:#737778;
  --green:#c9ff3b;
  --line:rgba(255,255,255,.13);
  --line-dark:rgba(15,16,17,.13);
  --shell:min(1280px,calc(100vw - 48px));
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;background:var(--bg);color:var(--paper);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--green);color:var(--ink)}
.shell{width:var(--shell);margin-inline:auto}
.section{padding:125px 0}
.grain{
  pointer-events:none;position:fixed;inset:0;z-index:9999;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")
}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:10000}
.scroll-progress span{display:block;width:0;height:100%;background:var(--green)}

.site-header{
  height:84px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);position:relative;z-index:1000
}
.brand img{display:block;width:124px;height:auto}
.site-nav{display:flex;align-items:center;gap:28px;color:#aeb1b1;font-size:13px}
.site-nav a{position:relative;transition:color .2s ease}
.site-nav a:hover,.site-nav a.active{color:#fff}
.site-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--green)}
.contact-nav{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 15px}
.site-nav .contact-nav::after{display:none}
.menu-toggle{display:none;border:0;background:transparent}

.home-hero{
  min-height:calc(100svh - 84px);position:relative;display:flex;align-items:center;
  padding:72px 0 88px;isolation:isolate;overflow:hidden
}
.hero-main{position:relative;z-index:2;width:min(880px,70%)}
.eyebrow{display:flex;align-items:center;gap:11px;color:#a2a5a5;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(201,255,59,.07),0 0 25px rgba(201,255,59,.35)}
.home-hero h1,.page-hero h1{
  margin:42px 0 34px;font-size:clamp(58px,7vw,108px);line-height:.91;letter-spacing:-.065em
}
.home-hero h1{max-width:930px}
.home-hero h1 em,.page-hero h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-weight:400}
.hero-copy,.page-hero>p{margin:0;max-width:690px;color:#aeb1b1;font-size:clamp(17px,1.45vw,21px);line-height:1.62;letter-spacing:-.015em}
.hero-links{display:flex;gap:30px;margin-top:42px}
.hero-links a{display:flex;gap:18px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.7);font-size:13px;font-weight:750}
.hero-orbit{position:absolute;width:min(47vw,680px);aspect-ratio:1;right:-4%;top:50%;transform:translateY(-50%);opacity:.4}
.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:0}
.orbit-ring.middle{inset:17%;border-style:dashed;animation:spin 34s linear infinite}
.orbit-ring.inner{inset:34%}
.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 25px rgba(201,255,59,.45)}
.dot-a{top:8%;right:25%;animation:float 4.2s ease-in-out infinite}
.dot-b{bottom:11%;left:23%;animation:float 5.1s ease-in-out infinite reverse}
.orbit-core{position:absolute;inset:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8e9191;font-size:8px;letter-spacing:.16em}
.orbit-core i{font-style:normal;color:#5e6263}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-8px)}}

.section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#777b7c;font-weight:800}
.section-label.light{color:rgba(0,0,0,.48)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:38px}
.section-head h2{margin:14px 0 0;font-size:clamp(40px,5.1vw,72px);line-height:.98;letter-spacing:-.055em;max-width:900px}
.section-head>p{max-width:350px;margin:0;color:#858989;line-height:1.55;font-size:13px}

.discipline{border-top:1px solid var(--line)}
.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.discipline-card{min-height:430px;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;background:#101214}
.card-no{font-size:9px;color:var(--green);letter-spacing:.14em}
.discipline-card h2{font-size:clamp(34px,3.4vw,50px);letter-spacing:-.045em;margin:62px 0 18px}
.discipline-card p{margin:0;color:#9fa2a2;font-size:15px;line-height:1.65}
.discipline-card a{margin-top:auto;padding-top:34px;font-size:12px;font-weight:750;color:#e4e4df}

.problem-preview{padding-top:145px}
.problem-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.problem-preview-card{min-height:320px;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;background:#111315;transition:transform .3s ease,border-color .3s ease}
.problem-preview-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.27)}
.problem-preview-card>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#787c7d}
.problem-preview-card strong{margin-top:62px;font-size:26px;line-height:1.05;letter-spacing:-.035em}
.problem-preview-card i{font-style:normal;margin-top:auto;color:var(--green);font-size:20px}

.writing-preview-panel{background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:34px}
.writing-preview-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;margin-top:90px}
.writing-preview-grid h2{font-size:clamp(46px,5.8vw,82px);line-height:.95;letter-spacing:-.06em;margin:0}
.writing-preview-grid p{color:#5a5e5e;line-height:1.65;font-size:17px;max-width:620px;margin:30px 0 0}
.writing-types{border-top:1px solid var(--line-dark)}
.writing-types a{display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line-dark)}
.writing-types>a>span{font-size:9px;color:#777}
.writing-types strong{display:block;font-size:19px;margin-bottom:6px}
.writing-types small{color:#6d7271;line-height:1.45}
.writing-types b{font-size:18px;font-weight:400}

.about-preview{padding-top:135px}
.about-preview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;margin-top:48px;align-items:end}
.about-preview h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.06em}
.about-preview-copy{color:#aaaead;font-size:18px;line-height:1.65}
.about-preview-copy p{margin:0 0 20px}
.about-preview-copy a{display:inline-block;margin-top:12px;padding-bottom:7px;border-bottom:1px solid #fff;color:#fff;font-size:12px;font-weight:750}

.contact-panel{background:var(--green);color:var(--ink);border-radius:var(--radius);padding:34px;min-height:450px;display:flex;flex-direction:column;justify-content:space-between}
.contact-panel-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}
.contact-panel h2{margin:0;font-size:clamp(52px,6.8vw,96px);line-height:.92;letter-spacing:-.065em}
.contact-panel p{max-width:650px;font-size:17px;line-height:1.62;margin:26px 0 0}
.contact-panel a{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:11px;font-size:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.025em}

.site-footer{min-height:150px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;padding:34px 0 46px;color:#747879;font-size:11px}
.site-footer>div{display:flex;gap:18px;align-items:center}
.footer-brand{color:#eee;font-weight:800;letter-spacing:.08em}

.inner-main{min-height:70vh}
.page-hero{padding:120px 0 100px}
.page-hero h1{max-width:1100px}
.page-hero>p{max-width:760px}
.work-method{border-top:1px solid var(--line)}
.method-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:44px}
.method-chain span{padding:12px 14px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:#c9cbca}
.method-chain i{font-style:normal;color:var(--green)}

.case-list{padding-top:80px}
.case-study{display:grid;grid-template-columns:180px 1fr;gap:50px;padding:70px 0;border-top:1px solid var(--line)}
.case-study:last-child{border-bottom:1px solid var(--line)}
.case-index{display:flex;flex-direction:column;gap:12px}
.case-index>span{color:var(--green);font-size:12px}
.case-index small{color:#777b7c;font-size:9px;letter-spacing:.15em}
.case-content h2{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 48px;max-width:950px}
.case-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.case-columns>div{border-top:1px solid var(--line);padding-top:16px}
.case-columns small{font-size:9px;color:#767a7b;text-transform:uppercase;letter-spacing:.15em}
.case-columns p{color:#a0a4a4;line-height:1.6;font-size:15px}
.logic-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:32px}
.logic-strip span{border:1px solid var(--line);border-radius:999px;padding:9px 11px;font-size:10px;color:#d5d7d5}
.logic-strip b{color:var(--green);font-weight:400}

.market-panel{background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:34px}
.market-panel-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;margin-top:90px;align-items:end}
.market-panel h2{margin:0;font-size:clamp(48px,5.8vw,84px);line-height:.95;letter-spacing:-.06em}
.market-panel p{color:#5a5f5f;line-height:1.65;font-size:17px;margin:0 0 20px}

.writing-hero h1,.books-hero h1,.about-hero h1{max-width:1050px}
.writing-index{padding-top:60px}
.writing-index-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}
.writing-index-head>span{text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#777b7c}
.writing-index-head p{max-width:430px;margin:0;color:#777b7c;font-size:12px;line-height:1.55}
.empty-publication{min-height:420px;display:flex;flex-direction:column;justify-content:center;max-width:880px}
.publication-type{font-size:9px;color:var(--green);letter-spacing:.16em}
.empty-publication h2{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:28px 0 24px}
.empty-publication p{max-width:650px;color:#96999a;line-height:1.65}

.book-placeholder{min-height:560px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:.55fr 1fr;overflow:hidden;background:#101214}
.book-spine{background:var(--green);color:var(--ink);display:flex;align-items:center;justify-content:center;min-height:560px}
.book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;letter-spacing:.22em;font-size:18px}
.book-placeholder-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}
.book-placeholder-copy h2{font-size:clamp(44px,5.6vw,80px);line-height:.96;letter-spacing:-.055em;margin:24px 0}
.book-placeholder-copy p{color:#979b9a;line-height:1.65;font-size:17px;max-width:650px}

.bio-grid{display:grid;grid-template-columns:180px 1fr;gap:50px;padding-top:10px}
.bio-copy{max-width:900px;font-size:clamp(23px,2.5vw,34px);line-height:1.48;letter-spacing:-.025em}
.bio-copy p{margin:0 0 34px;color:#a6a9a9}
.bio-copy p:last-child{color:#f0ede6}
.bio-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:100px}
.bio-principles>div{border-top:1px solid var(--line);padding-top:18px}
.bio-principles span{font-size:9px;color:var(--green)}
.bio-principles strong{display:block;font-size:24px;margin:30px 0 12px}
.bio-principles p{color:#949898;line-height:1.55;font-size:14px;margin:0}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);transition-delay:var(--delay,0ms)}
.reveal.in-view{opacity:1;transform:none}

@media(max-width:980px){
  :root{--shell:min(100% - 28px,1280px);--radius:22px}
  .section{padding:92px 0}
  .site-header{height:72px}
  .brand img{width:106px}
  .menu-toggle{display:grid;width:40px;height:40px;place-content:center;gap:6px}
  .menu-toggle span{display:block;width:22px;height:1px;background:#fff}
  .site-nav{
    position:fixed;top:78px;left:14px;right:14px;display:flex;flex-direction:column;align-items:flex-start;
    background:#121416;border:1px solid var(--line);border-radius:20px;padding:22px;gap:16px;font-size:20px;
    opacity:0;transform:translateY(-8px) scale(.99);pointer-events:none;transition:.22s ease
  }
  .site-nav.open{opacity:1;transform:none;pointer-events:auto}
  .site-nav a.active::after{display:none}
  .contact-nav{font-size:13px;margin-top:4px}
  .home-hero{min-height:auto;padding:84px 0 110px}
  .hero-main{width:100%}
  .hero-orbit{width:64vw;right:-3vw;top:56%;opacity:.16}
  .discipline-grid,.problem-preview-grid{grid-template-columns:1fr}
  .discipline-card{min-height:330px}
  .writing-preview-grid,.about-preview-grid,.contact-panel-grid,.market-panel-grid,.case-columns{grid-template-columns:1fr;gap:42px}
  .case-study{grid-template-columns:1fr;gap:28px}
  .case-index{flex-direction:row;align-items:center}
  .bio-grid{grid-template-columns:1fr;gap:30px}
  .bio-principles{grid-template-columns:repeat(2,1fr)}
  .book-placeholder{grid-template-columns:180px 1fr}
}
@media(max-width:560px){
  html,body{max-width:100vw;overflow-x:hidden}
  .brand img{width:96px}
  .home-hero{padding-top:72px;overflow:hidden}
  .home-hero h1,.page-hero h1{font-size:clamp(50px,15vw,72px);line-height:.92}
  .hero-copy,.page-hero>p{font-size:16px}
  .hero-links{flex-direction:column;align-items:flex-start;gap:18px}
  .hero-orbit{width:74vw;right:-9vw;top:57%;opacity:.11}
  .orbit-core{font-size:6px}
  .section-head{align-items:flex-start;flex-direction:column;gap:20px}
  .discipline-card{padding:22px;min-height:300px}
  .discipline-card h2{margin-top:48px}
  .problem-preview-card{min-height:280px}
  .writing-preview-panel,.contact-panel,.market-panel{padding:24px 20px}
  .writing-preview-grid{margin-top:65px}
  .writing-types a{grid-template-columns:30px 1fr auto}
  .page-hero{padding:88px 0 70px}
  .method-chain{align-items:flex-start}
  .case-study{padding:52px 0}
  .case-content h2{font-size:38px}
  .logic-strip{gap:7px}
  .writing-index-head{flex-direction:column;gap:16px}
  .book-placeholder{grid-template-columns:1fr}
  .book-spine{min-height:110px}
  .book-spine span{writing-mode:horizontal-tb;transform:none}
  .book-placeholder-copy{padding:34px 22px}
  .bio-principles{grid-template-columns:1fr}
  .site-footer{align-items:flex-start;flex-direction:column;gap:30px}
  .site-footer>div{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* v14 editorial expansion */
.manifesto{border-top:1px solid var(--line)}
.manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;margin-top:48px;align-items:end}
.manifesto h2{margin:0;font-size:clamp(52px,6.4vw,94px);line-height:.94;letter-spacing:-.062em}
.manifesto-copy{color:#a8acac;font-size:18px;line-height:1.65}
.manifesto-copy p{margin:0 0 22px}.manifesto-copy p:last-child{color:#e8e8e4}
.featured-note{padding-top:40px}
.featured-note-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(130deg,#111315,#0d0f10)}
.featured-note-meta{display:flex;gap:18px;color:#767a7b;font-size:9px;letter-spacing:.15em}.featured-note-meta span:first-child{color:var(--green)}
.featured-note-body{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end;margin-top:80px}
.featured-note-body h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.06em;max-width:900px;margin:0 0 24px}
.featured-note-body p{max-width:720px;color:#9da0a0;line-height:1.6;font-size:16px}.featured-note-body>a{white-space:nowrap;border-bottom:1px solid #fff;padding-bottom:8px;font-weight:750;font-size:12px}
.notes-preview{padding-top:130px}.note-list{border-top:1px solid var(--line)}
.note-row{display:grid;grid-template-columns:55px 1fr 220px auto;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
.note-row>span{font-size:9px;color:var(--green)}.note-row strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.025em}.note-row small{color:#777b7b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.note-row i{font-style:normal}
.all-notes-link{display:inline-block;margin-top:30px;border-bottom:1px solid #fff;padding-bottom:7px;font-size:12px;font-weight:750}
.books-preview-panel{background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:34px}.books-preview-grid{display:grid;grid-template-columns:1fr 280px;gap:90px;margin-top:72px;align-items:end}.books-preview-grid h2{font-size:clamp(48px,5.8vw,82px);line-height:.95;letter-spacing:-.06em;margin:0}.books-preview-grid p{max-width:650px;color:#5e6262;line-height:1.65;font-size:17px}.books-preview-grid a{display:inline-block;margin-top:22px;border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:12px;font-weight:800}.book-object{height:350px;background:var(--ink);border-radius:8px 18px 18px 8px;box-shadow:26px 28px 60px rgba(0,0,0,.17);display:flex;align-items:flex-end;padding:25px;transform:rotate(3deg)}.book-object span{writing-mode:vertical-rl;color:var(--green);font-weight:900;letter-spacing:.15em;font-size:12px}
.notes-index{padding-top:55px}.notes-index-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.notes-index-head span{font-size:9px;color:var(--green);letter-spacing:.16em}.notes-index-head p{max-width:440px;color:#7d8181;font-size:12px;line-height:1.55;margin:0}
.essay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.essay-card{min-height:430px;border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#101214;display:flex;flex-direction:column}.essay-card.hero-essay{grid-column:span 2;min-height:470px;background:linear-gradient(145deg,#121416,#0d0f10)}.essay-no{font-size:9px;color:var(--green);letter-spacing:.14em}.essay-card small{margin-top:10px;color:#747879;font-size:9px;letter-spacing:.13em}.essay-card h2{font-size:clamp(34px,4.4vw,64px);line-height:.98;letter-spacing:-.05em;margin:60px 0 20px;max-width:900px}.essay-card p{color:#96999a;line-height:1.6;max-width:680px}.essay-card i{margin-top:auto;font-style:normal;font-size:12px;font-weight:750}.hero-essay h2{font-size:clamp(48px,5.5vw,82px)}
.essay-main{min-height:80vh}.essay-page{max-width:1000px}.essay-header{padding:120px 0 70px;border-bottom:1px solid var(--line)}.essay-kicker{display:flex;gap:18px;font-size:9px;letter-spacing:.15em;color:#747879}.essay-kicker span:first-child{color:var(--green)}.essay-header h1{font-size:clamp(54px,7vw,98px);line-height:.93;letter-spacing:-.062em;margin:46px 0 30px}.essay-dek{font-size:clamp(20px,2vw,27px);line-height:1.55;color:#a6aaaa;max-width:850px}.essay-byline{display:flex;gap:25px;margin-top:38px;font-size:11px;color:#767a7b}.essay-byline span{color:#e7e7e3;font-weight:700}
.essay-body{max-width:760px;margin:0 auto;padding:85px 0;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.82;color:#d0d0cb}.essay-body p{margin:0 0 32px}.essay-body h2{font-family:Inter,ui-sans-serif,sans-serif;color:#f0ede6;font-size:clamp(30px,3.5vw,45px);line-height:1.05;letter-spacing:-.045em;margin:66px 0 22px}.essay-body p:first-child::first-letter{float:left;font-family:Inter,ui-sans-serif,sans-serif;font-size:75px;line-height:.8;padding:12px 12px 2px 0;color:var(--green);font-weight:850}.essay-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0 90px;font-size:12px;font-weight:750}
.bio-quote{margin:90px 0;border-block:1px solid var(--line);padding:44px 0}.bio-quote>span{font-size:9px;letter-spacing:.15em;color:var(--green)}.bio-quote blockquote{margin:30px 0 0;font-size:clamp(40px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;max-width:1050px}
@media(max-width:980px){.manifesto-grid,.featured-note-body,.books-preview-grid{grid-template-columns:1fr;gap:45px}.featured-note-body{margin-top:60px}.note-row{grid-template-columns:42px 1fr auto}.note-row small{display:none}.essay-grid{grid-template-columns:1fr}.essay-card.hero-essay{grid-column:auto}.books-preview-grid{grid-template-columns:1fr}.book-object{width:230px}.essay-page{width:min(100% - 30px,1000px)}}
@media(max-width:560px){.note-row{grid-template-columns:34px 1fr auto;gap:12px}.featured-note-card{padding:22px}.featured-note-meta{flex-wrap:wrap}.featured-note-body h2{font-size:44px}.essay-card{min-height:350px;padding:22px}.essay-card h2,.hero-essay h2{font-size:38px;margin-top:48px}.essay-header{padding:88px 0 55px}.essay-header h1{font-size:51px}.essay-dek{font-size:18px}.essay-body{font-size:18px;padding:60px 0}.essay-footer{gap:20px;flex-direction:column}.bio-quote blockquote{font-size:40px}}


/* =========================================================
   V15 - HOMEPAGE NOTES EDITORIAL REDESIGN
   ========================================================= */
.notes-showcase{padding-top:120px}
.notes-editorial-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:stretch}
.lead-note{min-height:610px;border-radius:var(--radius);padding:30px;background:radial-gradient(circle at 78% 18%,rgba(201,255,59,.16),transparent 26%),var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.04);transition:transform .3s ease,box-shadow .3s ease}
.lead-note:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.lead-note-top{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#606464;font-size:9px;letter-spacing:.14em;font-weight:800}
.lead-note-top span:first-child{color:#5b7500}
.lead-note-copy{max-width:870px}
.lead-note-copy h3{margin:0 0 24px;font-size:clamp(48px,5.7vw,82px);line-height:.94;letter-spacing:-.06em}
.lead-note-copy p{margin:0;max-width:690px;color:#555a59;font-size:17px;line-height:1.65}
.lead-note-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-dark);padding-top:22px;color:#616565;font-size:11px}
.lead-note-footer strong{color:var(--ink);font-size:12px}
.note-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.note-stack-card{min-height:190px;border:1px solid var(--line);background:#111315;border-radius:22px;padding:22px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta arrow" "title arrow" "copy arrow";align-content:center;column-gap:20px;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.note-stack-card:hover{transform:translateX(4px);border-color:rgba(255,255,255,.26);background:#151719}
.note-stack-meta{grid-area:meta;display:flex;align-items:center;gap:13px;margin-bottom:15px}
.note-stack-meta span{color:var(--green);font-size:9px;letter-spacing:.14em}
.note-stack-meta small{color:#777b7b;font-size:8px;letter-spacing:.12em}
.note-stack-card h3{grid-area:title;margin:0 0 9px;font-size:clamp(22px,2.15vw,31px);line-height:1.04;letter-spacing:-.035em}
.note-stack-card p{grid-area:copy;margin:0;color:#8f9393;line-height:1.5;font-size:12px;max-width:580px}
.note-stack-card i{grid-area:arrow;align-self:center;font-style:normal;color:#dfe0dc;font-size:18px}
.notes-showcase-footer{display:flex;justify-content:flex-end;margin-top:26px}
.notes-showcase-footer a{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.75);font-size:12px;font-weight:750}
@media(max-width:980px){.notes-editorial-grid{grid-template-columns:1fr}.lead-note{min-height:520px}.note-stack{grid-template-rows:none}.note-stack-card{min-height:170px}}
@media(max-width:560px){.notes-showcase{padding-top:90px}.lead-note{min-height:480px;padding:22px}.lead-note-top{align-items:flex-start;flex-direction:column;gap:8px}.lead-note-copy h3{font-size:43px}.lead-note-copy p{font-size:15px}.note-stack-card{min-height:0;padding:20px;grid-template-columns:1fr;grid-template-areas:"meta" "title" "copy" "arrow"}.note-stack-card i{margin-top:18px}.notes-showcase-footer{justify-content:flex-start}}
