:root{--yugen-navy:#0a1426;--yugen-blue:#102544;--yugen-slate:#15243a;--yugen-gold:#c6a35e;--yugen-cream:#f5efe3;--yugen-mist:#c8d2df;--yugen-line:#ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0%, #c6a35e2e, transparent 34rem), radial-gradient(circle at 90% 15%, #47719e2e, transparent 30rem), var(--yugen-navy);min-height:100vh;color:var(--yugen-cream);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.container{width:min(1120px,100% - 32px);margin:0 auto}.header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1426d1;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-weight:650;display:inline-flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 12px 24px #00000047);width:42px;height:42px}.brand-text{line-height:1.05;display:grid}.desktop-nav{align-items:center;gap:20px;display:flex}.navlinks{color:#f5efe3c2;font-size:.94rem}.navlinks,.mobile-nav-links{margin:0;padding:0;list-style:none}.mobile-nav-link{color:#f5efe3db;font-size:1.02rem}.mobile-nav-link:hover,.navlinks a:hover{color:var(--yugen-gold)}.header-actions{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.menu-toggle{width:44px;height:44px;color:var(--yugen-cream);cursor:pointer;z-index:80;background:linear-gradient(#c6a35e24,#10254414);border:1px solid #c6a35e75;border-radius:999px;padding:0;display:none;position:relative}.menu-toggle span{background:var(--yugen-cream);border-radius:999px;width:18px;height:2px;transition:transform .22s,opacity .22s;position:absolute;left:50%}.menu-toggle span:first-child{transform:translate(-50%,-7px)}.menu-toggle span:nth-child(2){transform:translate(-50%)}.menu-toggle span:nth-child(3){transform:translate(-50%,7px)}.menu-toggle.is-open span:first-child{transform:translate(-50%)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translate(-50%)rotate(-45deg)}.mobile-nav{backface-visibility:hidden;will-change:transform;z-index:70;pointer-events:none;opacity:0;background-color:#0a1426;background-image:linear-gradient(#102544,#0a1426);border-right:1px solid #ffffff21;width:82vw;max-width:355px;padding:92px 24px 32px;transition:transform .28s,opacity .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:24px 0 58px #00000073}.mobile-nav.is-open{pointer-events:auto;opacity:1;transform:translate(0)}.mobile-nav-links{gap:14px;display:grid}.mobile-nav-button{width:fit-content;margin-top:4px}.mobile-nav .social-link{width:fit-content;margin-top:2px}.mobile-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#040a1475;border:0;padding:0;transition:opacity .24s;position:fixed;inset:0}.mobile-backdrop.is-open{opacity:1;pointer-events:auto}.sr-only{clip-path:inset(50%);clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:650;transition:transform .16s,background .16s,border .16s;display:inline-flex}.button{border:1px solid var(--yugen-gold);background:var(--yugen-gold);color:var(--yugen-navy);box-shadow:0 18px 40px #c6a35e38}.secondary-button{color:var(--yugen-gold);border:1px solid #c6a35e75}.button:hover,.secondary-button:hover{transform:translateY(-1px)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:48px;padding:76px 0 64px;display:grid}.eyebrow{color:var(--yugen-gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1{color:#fff;letter-spacing:-.06em;margin-bottom:20px;font-size:clamp(2.6rem,7vw,5.25rem);line-height:.95}h2{color:#fff;letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.03}h3{color:#fff;margin-bottom:10px;font-size:1.08rem}.lede{color:#f5efe3c7;max-width:680px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.68}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.signal-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pill{color:#f5efe3b8;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:999px;padding:8px 12px;font-size:.88rem}.hero-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 34px 80px #00000052}.hero-image,.profile-image{width:100%;height:auto;display:block}.hero-image{aspect-ratio:3/2;object-fit:cover}.hero-card-caption{color:#f5efe3c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1426d1;border:1px solid #ffffff29;border-radius:22px;padding:16px;position:absolute;bottom:18px;left:18px;right:18px}.section{padding:72px 0}.section.soft{background:linear-gradient(#ffffff09,#fff0);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.section-heading{max-width:760px;margin-bottom:34px}.grid{gap:18px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{color:#f5efe3bd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:26px;padding:24px;line-height:1.62}.blog-card,.post-section,.source-card{gap:14px;display:grid}.blog-card-title{margin-bottom:0;font-size:1.45rem;line-height:1.08}.blog-card-link{width:fit-content}.meta-row{color:#f5efe3a8;flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex}.tag-chip{color:var(--yugen-gold);background:#c6a35e14;border:1px solid #c6a35e3d;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:650}.article-shell{padding:72px 0 84px}.article-header{gap:12px;margin-bottom:24px;display:grid}.article-header h1{max-width:900px}.post-stack{gap:18px;margin-top:18px;display:grid}.post-section h2{margin-bottom:0;font-size:1.45rem}.post-section p:last-child{margin-bottom:0}.article-cta{margin-top:28px}.article-footer{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.card strong,.highlight{color:var(--yugen-gold)}.list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.list li{color:#f5efe3bd;padding-left:24px;line-height:1.55;position:relative}.list li:before{content:"";background:var(--yugen-gold);border-radius:999px;width:7px;height:7px;position:absolute;top:.72em;left:0}.about-hero{grid-template-columns:minmax(0,.95fr) minmax(300px,.72fr);align-items:center;gap:44px;padding:70px 0 54px;display:grid}.profile-card{background:linear-gradient(145deg,#c6a35e21,#ffffff0b);border:1px solid #ffffff1f;border-radius:32px;overflow:hidden;box-shadow:0 28px 70px #0000004d}.profile-frame{padding:18px}.profile-frame img{aspect-ratio:3/4;object-fit:cover;object-position:center top;background:#ffffff0d;border-radius:24px}.profile-meta{border-top:1px solid #ffffff1a;padding:20px}.profile-meta p{color:#f5efe3b8;margin:0;line-height:1.55}.timeline{gap:16px;display:grid}.timeline-item{border-top:1px solid #ffffff1a;grid-template-columns:140px minmax(0,1fr);gap:18px;padding-top:18px;display:grid}.timeline-date{color:var(--yugen-gold);font-size:.92rem;font-weight:700}.contact-box{background:#c6a35e17;border:1px solid #c6a35e47;border-radius:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:26px;display:flex}.footer{color:#f5efe39e;border-top:1px solid #ffffff14;padding:34px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-social{color:#f5efe3d1;font-size:.9rem;transition:color .16s}.footer-social:hover{color:var(--yugen-gold)}@media (max-width:860px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.hero,.about-hero,.grid.three,.grid.two{grid-template-columns:1fr}.hero{padding-top:50px}.timeline-item{grid-template-columns:1fr;gap:6px}.article-shell{padding:50px 0 64px}.article-footer{flex-direction:column;align-items:flex-start}}
