/* Homepage foundation, navigation and footer; article styles below. */
:root {
      --bg: #FAFAF8;
      --bg-warm: #F4F4F0;
      --bg-light: #FFFFFF;
      --card: var(--bg-light);
      --ink: #0F2D21;
      --ink-soft: #244135;
      --ink-mute: #5C6E64;
      --rust: #B8541A;
      --rust-deep: #8E3F12;
      --rust-tint: #FFF2E6;
      --line: rgba(15,45,33,0.08);
      --shadow-sm: 0 2px 8px rgba(15,45,33,0.03);
      --shadow-md: 0 10px 30px -8px rgba(15,45,33,0.06);
      --shadow-lg: 0 20px 48px -12px rgba(15,45,33,0.12);
      --font-serif: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      --font-mono: 'JetBrains Mono', monospace;
      --radius-sm: 4px;
      --radius-md: 8px;
      --radius-lg: 12px;
      --radius-xl: 20px;
      --radius-full: 9999px;
      --transition-fast: 150ms ease;
      --transition-base: 300ms cubic-bezier(0.16,1,0.3,1);
    }
    *{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      background-color:var(--bg);
      color:var(--ink);
      font-family:var(--font-sans);
      font-weight:400;
      line-height:1.55;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%,rgba(194,94,63,0.02),transparent),
        radial-gradient(ellipse 60% 40% at 100% 0%,rgba(15,45,33,0.02),transparent);
    }
    ::-webkit-scrollbar{width:8px;}
    ::-webkit-scrollbar-track{background:var(--bg);}
    ::-webkit-scrollbar-thumb{background:var(--ink-mute);border-radius:var(--radius-full);}
    ::-webkit-scrollbar-thumb:hover{background:var(--rust);}
    body::before{
      content:'';
      position:fixed;inset:0;
      pointer-events:none;z-index:9999;opacity:0.04;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }
    .container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:2;}

    
    .site-nav{
      padding:0 32px;height:68px;
      display:flex;align-items:center;
      position:sticky;top:0;z-index:200;
      background:rgba(250,250,248,0.92);
      backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
      border-bottom:1px solid var(--line);
    }
    .nav-container{width:100%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
    .logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);}
    .logo-icon{color:var(--rust);display:flex;align-items:center;font-size:20px;}
    .logo-icon svg{width:20px;height:20px;display:block;}
    .logo-text{font-family:var(--font-sans);font-weight:700;font-size:19px;letter-spacing:-0.02em;}
    .logo-text span{color:var(--rust);}
    .nav-links{display:flex;gap:4px;align-items:center;}
    .nav-links a{color:var(--ink-mute);text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);}
    .nav-links a:hover{color:var(--rust);background:rgba(194,94,63,0.05);}
    .nav-cta,.nav-links .nav-cta{background:var(--rust);color:#fff;border:none;padding:9px 20px;border-radius:var(--radius-full);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:4px;margin-left:8px;}
    .nav-cta:hover,.nav-links .nav-cta:hover{background:var(--rust-deep);color:#fff;transform:translateY(-1px);}
    .nav-mobile-actions{display:none;align-items:center;gap:8px;margin-left:auto;}
    .nav-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(184,84,26,0.28);border-radius:var(--radius-full);background:var(--rust-tint);color:var(--rust);font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast);}
    .nav-mobile-cta:hover{background:var(--rust);color:#fff;border-color:var(--rust);}
    .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none;}
    .nav-hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all var(--transition-fast);}

    /* TOOLS DROPDOWN */
    .nav-dropdown{position:relative;}
    .nav-dropdown-trigger{background:none;border:none;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--ink-mute);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--transition-fast);}
    .nav-dropdown-trigger:hover{color:var(--rust);background:rgba(194,94,63,0.05);}
    .nav-dropdown-chevron{width:13px;height:13px;transition:transform var(--transition-fast);}
    .nav-dropdown:hover .nav-dropdown-chevron{transform:rotate(180deg);}
    .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:10px 6px 6px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;transform:translateX(-50%) translateY(6px);z-index:300;}
    .nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
    .nav-dropdown-menu::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-bottom-color:var(--line);pointer-events:none;}
    .nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--ink);transition:background var(--transition-fast);}
    .nav-dropdown-item:hover{background:var(--bg-warm);}
    .nav-dropdown-item-icon{font-size:20px;flex-shrink:0;}
    .nav-dropdown-item-label{font-size:13.5px;font-weight:600;color:var(--ink);}
    .nav-dropdown-item-sub{font-size:11.5px;color:var(--ink-mute);margin-top:1px;}

    
    footer{padding:72px 0 36px;border-top:1px solid var(--line);background:var(--bg);}
    .footer-grid{display:grid;grid-template-columns:1.35fr 0.9fr 0.9fr 0.9fr;gap:48px;border-bottom:1px solid var(--line);padding-bottom:36px;margin-bottom:36px;}
    .footer-brand h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:6px;}
    .footer-brand p{font-size:13px;line-height:1.6;color:var(--ink-mute);max-width:420px;}
    .footer-links-col h4{font-size:10.5px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;}
    .footer-links-col ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 22px;}
    .footer-links-col a{font-size:13px;color:var(--ink-mute);text-decoration:none;transition:color var(--transition-fast);}
    .footer-links-col a:hover{color:var(--rust);}
    .footer-city-section{border-bottom:1px solid var(--line);padding-bottom:36px;margin-bottom:36px;}
    .footer-city-section h4{font-size:10.5px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;}
    .footer-city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 32px;}
    .footer-city-grid a{font-size:13px;color:var(--ink-mute);text-decoration:none;transition:color var(--transition-fast);}
    .footer-city-grid a:hover{color:var(--rust);}
    @media(max-width:768px){.footer-city-grid{grid-template-columns:repeat(2,1fr);}}
    .footer-email{display:inline-block;margin-top:12px;font-size:13px;color:var(--rust);text-decoration:none;font-weight:500;transition:color var(--transition-fast);}
    .footer-email:hover{color:var(--rust-deep);}
    .footer-social{display:flex;align-items:center;gap:8px;margin-top:14px;}
    .footer-social-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-mute);margin-right:2px;}
    .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink-mute);text-decoration:none;transition:all var(--transition-fast);}
    .footer-social a:hover{border-color:var(--rust);color:var(--rust);background:var(--rust-tint);}
    .footer-social svg{width:15px;height:15px;flex-shrink:0;}
    .footer-company{border-top:1px solid var(--line);padding-top:20px;margin-top:36px;display:flex;flex-direction:column;gap:4px;}
    .footer-company-name{font-size:12px;font-weight:600;color:var(--ink-mute);}
    .footer-company-address,.footer-company-reg{font-size:11px;color:var(--ink-mute);opacity:0.7;line-height:1.6;}
    .footer-bottom{font-size:11px;color:var(--ink-mute);line-height:1.6;}
    .footer-disclaimer{border-top:1px dashed var(--line);padding-top:20px;margin-top:20px;font-size:11px;font-style:italic;line-height:1.6;color:var(--ink-mute);}
    .footer-corp{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;}

    
/* Podcast article */
body{overflow-x:visible}body::before{display:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:400;padding:12px 18px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.episode{max-width:1120px;margin:0 auto;padding:36px 32px 88px}
.episode-header{max-width:980px;margin:auto}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:var(--ink-mute);font-size:12px;margin-bottom:30px}
.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--rust)}
.episode-kicker{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px}
.podcast-label{color:var(--rust);font-weight:700;display:flex;gap:8px;align-items:center}.podcast-label span{font-size:9px}
h1{font-size:clamp(30px,3.7vw,48px);line-height:1.18;letter-spacing:-.045em;font-weight:700;max-width:960px}h1 span{color:var(--ink-soft)}
.episode-intro{max-width:820px;font-size:16px;line-height:1.75;color:var(--ink-mute);margin:20px 0 16px}
.published{font-size:12px;color:var(--ink-mute);display:flex;flex-wrap:wrap;gap:5px}.published a{color:var(--rust);text-decoration:none;margin-left:4px}
.participants{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0 28px;padding-top:22px;border-top:1px solid var(--line)}
.participant{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}.participant img,.avatar-placeholder{width:48px;height:48px;flex-shrink:0;border-radius:50%;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:#E7ECE4;color:var(--ink);font-size:16px;font-weight:600;border:1px solid #D9E1D5}
.participant-text{display:flex;flex-direction:column;gap:3px;min-width:0}.participant-role{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);font-weight:700}.participant strong{font-size:14px;font-weight:600;font-style:italic}.participant-bio{font-size:11px;line-height:1.65;color:var(--ink-mute)}.participant:hover strong{text-decoration:underline;text-underline-offset:4px}
.video-frame{aspect-ratio:16/9;background:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 12px 36px -20px rgba(15,45,33,.3)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--ink-mute);padding:15px 0 28px;border-bottom:1px solid var(--line)}.video-caption a{color:var(--rust);text-decoration:none;font-weight:600}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:start;margin-top:48px}.episode-contents{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;padding-right:12px}.contents-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:18px}.episode-contents ol{list-style:none;counter-reset:topics}.episode-contents li{counter-increment:topics;display:flex;gap:10px;margin-bottom:14px;font-size:11px;line-height:1.6}.episode-contents li::before{content:counter(topics,decimal-leading-zero);font-family:var(--font-mono);font-size:9px;color:var(--rust);padding-top:2px}.episode-contents a{color:var(--ink-mute);text-decoration:none}.episode-contents a:hover{color:var(--rust)}.back-to-video{display:inline-block;font-size:11px;margin-top:12px;border-top:1px solid var(--line);padding-top:18px;width:100%}
.transcript{max-width:72ch;min-width:0;scroll-margin-top:92px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--rust);font-weight:700;margin-bottom:8px}.transcript h2{font-size:30px;letter-spacing:-.035em;line-height:1.25;margin-bottom:12px}.transcript-intro>p:last-child{font-size:12px;color:var(--ink-mute);line-height:1.8}.chapter-title{font-size:21px;line-height:1.4;letter-spacing:-.025em;padding-top:34px;border-top:1px solid var(--line);margin:42px 0 26px;scroll-margin-top:90px}.transcript-turn{margin:0 0 32px}.speaker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin-bottom:12px;color:var(--ink)}.speaker-dot{height:6px;width:6px;border-radius:50%;background:var(--rust)}.bedant .speaker-dot{background:var(--ink)}.turn-text p{font-size:15px;line-height:1.9;color:var(--ink-soft);margin:0 0 15px}.transcript-end{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--ink-mute);border-top:1px solid var(--line);padding-top:24px;margin-top:40px}.transcript-end span{color:var(--rust);font-size:9px}.transcript-end a{margin-left:auto;color:var(--rust);text-decoration:none}
.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown.is-open .nav-dropdown-chevron{transform:rotate(180deg)}
@media(max-width:900px){.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.episode{padding-left:24px;padding-right:24px}}
@media(max-width:768px){.container{padding:0 20px}.site-nav{padding:0 20px}.nav-links{display:none}.nav-mobile-actions,.nav-hamburger{display:flex}.site-nav.menu-open .nav-links{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 20px;max-height:calc(100dvh - 68px);overflow:auto}.nav-links .nav-cta{justify-content:center;margin:8px 0 0}.nav-dropdown-menu{position:static;min-width:0;transform:none!important;display:none;opacity:1;pointer-events:auto;box-shadow:none;margin:4px 0}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu::before{display:none}.nav-dropdown-trigger{width:100%;justify-content:space-between}.footer-grid{grid-template-columns:1fr;gap:32px}.episode{padding:24px 20px 56px}.breadcrumbs{margin-bottom:24px}.episode-intro{font-size:14px}.participants{gap:20px;grid-template-columns:1fr;margin:22px 0}.participant-bio{font-size:11px}.participant-role{font-size:9px}.video-frame{border-radius:8px}.video-caption{font-size:10px;padding-bottom:22px}.reading-layout{display:block;margin-top:26px}.episode-contents{position:static;max-height:none;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:32px}.episode-contents ol{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.episode-contents li{font-size:10px;margin-bottom:10px}.back-to-video{display:none}.transcript{max-width:none}.transcript h2{font-size:27px}.chapter-title{font-size:20px}.turn-text p{font-size:15px;line-height:1.85}.footer-city-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}