:root{
    --ink:#0D0D0C;
    --ink-soft:#1C1B18;
    --warm-white:#F6F2EA;
    --paper:#FFFEFC;
    --graphite:#2B2A26;
    --graphite-soft:#6B6860;
    --champagne:#C6A664;
    --champagne-deep:#8C6C36;
    --champagne-pale:#EDE3CB;
    --hairline:#DDD5C4;
    --hairline-dark:#333330;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--ink); color:var(--warm-white); font-family:'Inter','Poppins',sans-serif; font-weight:300; -webkit-font-smoothing:antialiased;}
  a{color:inherit; text-decoration:none;}
  .display{font-family:'Bodoni Moda','Lora',serif;}
  .eyebrow{font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase;}

  @keyframes fadeUp{0%{opacity:0; transform:translateY(18px);} 100%{opacity:1; transform:translateY(0);}}
  .fade{opacity:0; animation:fadeUp 1.3s cubic-bezier(.19,1,.22,1) forwards;}

  /* ---------- NAV ---------- */
  nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding:26px 48px;
    background:transparent;
    transition:background-color 0.4s ease, padding 0.4s ease, border-color 0.4s ease;
    border-bottom:1px solid transparent;
  }
  nav.scrolled{background:rgba(13,13,12,0.92); backdrop-filter:blur(10px); padding:16px 48px; border-bottom-color:var(--hairline-dark);}
  nav .brand{font-family:'Bodoni Moda','Lora',serif; font-size:16px; letter-spacing:0.02em; color:var(--warm-white);}
  nav .links{display:flex; gap:40px;}
  nav .links a{font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; color:rgba(246,242,234,0.7); transition:color 0.25s ease; position:relative;}
  nav .links a:hover{color:var(--champagne);}
  nav .menu-btn{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; z-index:110; position:relative;}
  nav .menu-btn span{width:22px; height:1px; background:var(--warm-white); transition:transform 0.3s ease, opacity 0.3s ease;}
  nav .menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  nav .menu-btn.open span:nth-child(2){opacity:0;}
  nav .menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

  .mobile-nav{
    position:fixed; inset:0; z-index:105;
    background:rgba(13,13,12,0.98); backdrop-filter:blur(10px);
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px;
    opacity:0; pointer-events:none; transition:opacity 0.35s ease;
  }
  .mobile-nav.open{opacity:1; pointer-events:auto;}
  .mobile-nav a{font-size:15px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--warm-white); transition:color 0.2s ease;}
  .mobile-nav a:hover, .mobile-nav a:active{color:var(--champagne);}

  /* ---------- HERO ---------- */
  .hero{min-height:100vh; display:flex; align-items:stretch;}
  .hero-text{
    flex:0 0 50%; display:flex; flex-direction:column; justify-content:center;
    padding:0 6vw; max-width:640px;
  }
  .hero-text h1{
    margin-top:22px; font-weight:500; font-size:clamp(2.8rem, 5.8vw, 5.5rem);
    line-height:0.98; letter-spacing:-0.01em; color:var(--warm-white);
  }
  .hero-text .role{margin-top:20px; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; color:var(--champagne);}
  .hero-text .credentials{margin-top:10px; font-size:13.5px; color:rgba(246,242,234,0.55); letter-spacing:0.01em;}
  .hero-text .credentials .sep{margin:0 10px; color:rgba(246,242,234,0.3);}
  .hero-text .intro{margin-top:32px; font-size:15px; line-height:1.9; color:rgba(246,242,234,0.72); max-width:460px;}
  .hero-actions{margin-top:44px; display:flex; gap:16px; flex-wrap:wrap;}
  .btn{display:inline-flex; align-items:center; justify-content:center; padding:15px 30px; border-radius:999px; font-size:12.5px; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; transition:transform 0.2s ease, opacity 0.2s ease, background-color 0.25s ease, border-color 0.25s ease;}
  .btn:active{transform:scale(0.97);}
  .btn.primary{background:var(--champagne); color:var(--ink);}
  .btn.primary:hover{background:#D4B67C;}
  .btn.secondary{border:1px solid rgba(246,242,234,0.3); color:var(--warm-white);}
  .btn.secondary:hover{border-color:var(--champagne); color:var(--champagne);}

  .hero-photo{flex:0 0 50%; position:relative; overflow:hidden;}
  .hero-photo img{width:100%; height:100%; object-fit:cover; object-position:top center; display:block; filter:contrast(1.05) saturate(0.95) brightness(0.97);}
  .hero-photo::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(13,13,12,0.55) 0%, rgba(13,13,12,0) 22%),
               linear-gradient(0deg, rgba(13,13,12,0.35) 0%, rgba(13,13,12,0) 30%);
    pointer-events:none;
  }

  .scroll-cue{position:absolute; left:6vw; bottom:36px; display:flex; align-items:center; gap:10px; color:rgba(246,242,234,0.35);}
  .scroll-cue .line{width:34px; height:1px; background:currentColor;}
  .scroll-cue span{font-size:10px; letter-spacing:0.14em; text-transform:uppercase;}

  /* ---------- MOBILE ---------- */
  @media (max-width:900px){
    nav{padding:20px 24px;}
    nav.scrolled{padding:14px 24px;}
    nav .links{display:none;}
    nav .menu-btn{display:flex;}
    .hero{flex-direction:column; min-height:auto;}
    .hero-photo{flex:none; height:56vh; order:1;}
    .hero-photo::after{background:linear-gradient(0deg, rgba(13,13,12,0.55) 0%, rgba(13,13,12,0) 35%);}
    .hero-text{flex:none; order:2; max-width:none; padding:56px 28px 70px; align-items:flex-start;}
    .scroll-cue{display:none;}
  }

  /* ---------- STORY SECTIONS ---------- */
  .story{padding:150px 6vw;}
  .story.light{background:var(--paper); color:var(--graphite);}
  .story.dark{background:var(--ink); color:var(--warm-white);}
  .story .eyebrow{display:block; margin-bottom:24px;}
  .story.light .eyebrow{color:var(--champagne-deep);}
  .story.dark .eyebrow{color:var(--champagne);}
  .story h2{font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:clamp(2rem,4vw,3rem); line-height:1.15; max-width:760px;}
  .story .lede{margin-top:28px; font-size:15.5px; line-height:1.9; max-width:620px;}
  .story.light .lede{color:var(--graphite-soft);}
  .story.dark .lede{color:rgba(246,242,234,0.72);}
  .story .lede + .lede{margin-top:20px;}
  .reveal{opacity:0; transform:translateY(26px); transition:opacity 850ms cubic-bezier(.19,1,.22,1), transform 850ms cubic-bezier(.19,1,.22,1);}
  .reveal.in{opacity:1; transform:translateY(0);}

  .reveal--left{transform:translateX(-46px);}
  .reveal--left.in{transform:translateX(0);}

  .reveal--right{transform:translateX(46px);}
  .reveal--right.in{transform:translateX(0);}

  .reveal--d1{transition-delay:120ms;}
  .reveal--d2{transition-delay:220ms;}
  .reveal--d3{transition-delay:320ms;}
  .reveal--d4{transition-delay:420ms;}
  .reveal--d5{transition-delay:520ms;}

  .reveal--moment{transform:translateX(-64px); transition-duration:950ms;}
  .reveal--moment.reveal--right{transform:translateX(64px);}
  .reveal--moment.in{transform:translateX(0);}
  @media (max-width:640px){
    .reveal--moment{transform:translateX(-28px);}
    .reveal--moment.reveal--right{transform:translateX(28px);}
  }

  .reveal--image{
    transform:none;
    transition:opacity 900ms cubic-bezier(.19,1,.22,1), clip-path 900ms cubic-bezier(.19,1,.22,1);
    clip-path:inset(0 0 100% 0);
  }
  .reveal--image.in{clip-path:inset(0 0 0% 0);}

  body{overflow-x:hidden;}

  @media (max-width:640px){
    .reveal--left{transform:translateX(-22px);}
    .reveal--right{transform:translateX(22px);}
  }

  /* Career Highlights */
  .stat-grid{margin-top:60px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--hairline-dark);}
  .stat-cell{padding:44px 28px 0; border-right:1px solid var(--hairline-dark);}
  .stat-cell:last-child{border-right:none;}
  .stat-cell .fig{font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:clamp(2.2rem,4vw,3.2rem); color:var(--champagne);}
  .stat-cell .lbl{margin-top:14px; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(246,242,234,0.55);}
  @media (max-width:800px){ .stat-grid{grid-template-columns:repeat(2,1fr);} .stat-cell{border-bottom:1px solid var(--hairline-dark); padding-bottom:32px;} }

  /* Philosophy quote */
  .story.dark.philosophy-block{text-align:center;}
  .story.dark.philosophy-block h2{max-width:none; margin:0 auto;}
  .philosophy-quote{
    font-family:'Bodoni Moda','Lora',serif; font-style:italic; font-weight:500;
    font-size:clamp(1.5rem,3vw,2.3rem); line-height:1.55; color:var(--warm-white);
    max-width:800px; margin:0 auto;
  }
  .draft-note{margin-top:28px; font-size:11px; letter-spacing:0.06em; color:rgba(246,242,234,0.35); max-width:600px; margin-left:auto; margin-right:auto;}

  /* Signature statement — flagship editorial moment */
  .signature-statement{padding:190px 6vw; text-align:center;}
  .signature-statement p{
    font-family:'Bodoni Moda','Lora',serif; font-style:italic; font-weight:500;
    font-size:clamp(2rem,4.6vw,3.4rem); line-height:1.28; color:var(--champagne);
    max-width:920px; margin:0 auto;
  }
  @media (max-width:900px){ .signature-statement{padding:120px 24px;} }

  /* Community grid */
  .community-grid{margin-top:54px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--hairline); border:1px solid var(--hairline);}
  .community-cell{background:var(--paper); padding:36px 30px;}
  .community-cell h3{font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:1.2rem; color:var(--ink);}
  .community-cell .tag{display:block; margin-top:6px; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--champagne-deep);}
  .community-cell p{margin-top:14px; font-size:13px; line-height:1.7; color:var(--graphite-soft);}
  @media (max-width:800px){ .community-grid{grid-template-columns:1fr;} }

  /* Why hire me */
  .hire-list{margin-top:54px; display:flex; flex-direction:column;}
  .hire-list div{display:flex; gap:22px; align-items:baseline; padding:26px 0; border-top:1px solid var(--hairline-dark);}
  .hire-list div:last-child{border-bottom:1px solid var(--hairline-dark);}
  .hire-list .num{font-family:'Bodoni Moda','Lora',serif; font-style:italic; font-size:14px; color:var(--champagne); flex-shrink:0; width:24px;}
  .hire-list p{font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:clamp(1.15rem,2.2vw,1.6rem); color:var(--warm-white);}


  footer{padding:120px 6vw 60px; background:var(--paper); color:var(--graphite); border-top:1px solid var(--hairline);}
  footer .eyebrow{color:var(--champagne-deep);}
  footer h2{margin-top:18px; font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:clamp(1.8rem,3.6vw,2.8rem); max-width:640px; line-height:1.2; color:var(--ink);}
  footer .contact-row{margin-top:40px; display:flex; gap:48px; flex-wrap:wrap;}
  footer .contact-row div span{display:block;}
  footer .contact-row div .eyebrow{margin-bottom:8px;}
  footer .contact-row div p{font-size:13px; color:var(--graphite-soft);}
  footer .sig{margin-top:90px; padding-top:22px; border-top:1px solid var(--hairline); font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--graphite-soft); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

  @media (prefers-reduced-motion: reduce){
    .fade{animation:none; opacity:1;}
    .reveal{transition:none; opacity:1; transform:none;}
    .reveal--image{clip-path:none;}
  }

  /* ---------- PAGE HEADER (secondary pages) ---------- */
  .page-header{background:var(--ink); color:var(--warm-white); padding:200px 6vw 100px;}
  .page-header .eyebrow{color:var(--champagne);}
  .page-header h1{margin-top:20px; font-family:'Bodoni Moda','Lora',serif; font-weight:500; font-size:clamp(2.6rem,5vw,4.2rem); line-height:1.02; max-width:820px;}
  .page-header .sub{margin-top:24px; font-size:15px; line-height:1.8; color:rgba(246,242,234,0.7); max-width:560px;}
  @media (max-width:900px){ .page-header{padding:140px 24px 70px;} }

  /* ---------- DOWNLOAD BAR ---------- */
  .download-bar{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:40px; padding:22px 26px; border:1px solid var(--hairline-dark);}
  .story.light .download-bar{border-color:var(--hairline);}
  .download-bar .dl-icon{width:34px; height:34px; border-radius:50%; border:1px solid var(--champagne); display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--champagne); flex-shrink:0;}
  .download-bar .dl-text{flex:1; min-width:180px;}
  .download-bar .dl-text strong{display:block; font-family:'Bodoni Moda','Lora',serif; font-size:15px; font-weight:500;}
  .download-bar .dl-text span{display:block; margin-top:2px; font-size:12px; color:rgba(246,242,234,0.55);}
  .story.light .download-bar .dl-text span{color:var(--graphite-soft);}

  /* ---------- RETURN BAR (Executive Collection) ---------- */
  .return-bar{position:sticky; top:0; z-index:50; display:flex; justify-content:space-between; align-items:center; padding:16px 28px; background:rgba(13,13,12,0.96); backdrop-filter:blur(10px); border-bottom:1px solid var(--hairline-dark); font-size:11px; letter-spacing:0.1em; text-transform:uppercase;}
  .return-bar a{color:rgba(246,242,234,0.75); transition:color 0.2s ease;}
  .return-bar a:hover{color:var(--champagne);}
  .return-bar .dl{color:var(--champagne);}