:root{--bg-ivory: #F6F3EE;--text-charcoal: #2D2D2D;--primary-burgundy: #6E2737;--accent-gold: #B8A99A}html{scroll-behavior:smooth}body{background-color:var(--bg-ivory);color:var(--text-charcoal);font-family:Inter,sans-serif;margin:0;padding:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.serif{font-family:Cormorant Garamond,serif;font-weight:400}.container{max-width:1400px;margin:0 auto;padding:0 4%}nav{padding:2.5rem 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(184,169,154,.3)}.nav-left a,.nav-right a{color:var(--text-charcoal);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;font-weight:500;transition:color .4s ease}.nav-right{text-align:right}.nav-left a:hover,.nav-right a:hover{color:var(--primary-burgundy)}.logo{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;color:var(--primary-burgundy);letter-spacing:1px;text-align:center;font-style:italic;transition:transform .3s ease}.logo:hover{transform:scale(1.02)}.hero{padding:10rem 0 12rem;position:relative}.hero-layout{display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:center}.hero-title{position:relative;z-index:2}.hero-title h1{font-size:clamp(5rem,8vw,10rem);line-height:.9;color:var(--primary-burgundy);margin:0;letter-spacing:-2px}.hero-title h1 span{display:block;margin-left:10%;color:var(--text-charcoal);font-style:italic}.hero-desc{padding-left:4rem;border-left:1px solid var(--accent-gold);margin-top:4rem}.hero-desc h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3;margin:0 0 2rem;color:var(--text-charcoal)}.author-tag{font-family:Inter,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:4px;color:var(--accent-gold);font-weight:600}.bio-section{background-color:var(--primary-burgundy);color:var(--bg-ivory);padding:8rem 0;position:relative}.bio-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.bio-label{font-size:.9rem;text-transform:uppercase;letter-spacing:5px;color:var(--accent-gold);writing-mode:vertical-rl;transform:rotate(180deg);margin:0 auto}.bio-statement{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.3;font-weight:300}.bio-statement span{color:var(--accent-gold);font-style:italic}.insights{padding:10rem 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--text-charcoal);padding-bottom:1.5rem;margin-bottom:6rem}.section-header h3{font-size:clamp(2.5rem,5vw,4rem);margin:0;color:var(--text-charcoal);line-height:1}.writings-list{display:flex;flex-direction:column;gap:0}.article-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:3rem 0;border-bottom:1px solid rgba(184,169,154,.4);text-decoration:none;color:var(--text-charcoal);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.article-row:before{content:"";position:absolute;inset:0 -2%;background-color:var(--primary-burgundy);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1;border-radius:4px}.article-row:hover:before{transform:scaleY(1)}.article-row:hover{color:var(--bg-ivory);padding-left:2rem;padding-right:2rem}.article-number{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:var(--accent-gold);transition:color .5s ease}.article-row:hover .article-number{color:var(--bg-ivory);opacity:.8}.article-content{display:flex;flex-direction:column;padding-left:1rem}.article-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3.5vw,2.8rem);margin:0;transition:transform .4s ease}.article-meta{font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;color:var(--accent-gold);margin-top:.5rem;display:flex;gap:1.5rem;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.16,1,.3,1);height:0;overflow:hidden}.article-row:hover .article-meta{opacity:1;transform:translateY(0);height:auto;margin-top:.5rem;color:#f6f3eecc}.stat-reveal{font-style:italic}.article-arrow{font-size:1.5rem;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.16,1,.3,1);color:var(--bg-ivory)}.article-row:hover .article-arrow{opacity:1;transform:translate(0)}.data-viz-section{padding:6rem 0;margin-top:-5rem;position:relative;z-index:10}.viz-header{margin-bottom:2rem}.viz-title{font-family:Inter,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent-gold);font-weight:600;display:block;margin-bottom:.5rem}.viz-subtitle{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--text-charcoal);font-style:italic}.viz-container{position:relative;width:100%;height:200px;border-bottom:1px solid var(--accent-gold);overflow:visible}.interactive-svg{width:100%;height:100%;overflow:visible}.viz-line{fill:none;stroke:var(--text-charcoal);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.8s}.viz-point{fill:var(--bg-ivory);stroke:var(--primary-burgundy);stroke-width:2;cursor:pointer;transition:all .3s ease;opacity:0;animation:fadeIn .5s ease forwards}.viz-point:hover{fill:var(--primary-burgundy);r:8}.viz-tooltip{position:absolute;background-color:var(--text-charcoal);color:var(--bg-ivory);padding:1rem;font-size:.85rem;border-radius:4px;pointer-events:none;opacity:0;transform:translateY(10px) translate(-50%);transition:all .3s ease;width:200px;text-align:center;z-index:20;box-shadow:0 10px 30px #0000001a}.viz-tooltip.active{opacity:1;transform:translateY(0) translate(-50%)}@keyframes drawLine{to{stroke-dashoffset:0}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){nav{grid-template-columns:1fr;gap:1.5rem;text-align:center}.logo{order:-1;margin-bottom:.5rem}.nav-left,.nav-right{text-align:center}.hero-layout,.bio-grid{grid-template-columns:1fr}.hero-desc{padding-left:0;border-left:none;border-top:1px solid var(--accent-gold);padding-top:2rem;margin-top:2rem}.bio-label{writing-mode:horizontal-tb;transform:none;text-align:center;margin-bottom:2rem}}