:root{
  --black:#050505;--black2:#0b0b0b;--ivory:#f1f0ea;--white:#f7f7f3;--muted:#999995;--ink:#0c0c0b;--line:#2a2a2a;--lightline:#c9c8c1;
  --pad:clamp(20px,4.1vw,68px);--display:'Manrope',Arial,sans-serif;--body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:16px;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}button,input,textarea{font:inherit}button{cursor:pointer}code{font-size:.84em;background:#ffffff0c;padding:.2em .4em;border-radius:4px}.section-black{background:var(--black);color:var(--white)}.section-ivory{background:var(--ivory);color:var(--ink)}
.site-header{position:fixed;z-index:1000;left:0;top:0;width:100%;height:96px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:height .3s ease,background .3s ease,border .3s ease;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent)}.site-header.scrolled,.page-legal .site-header,.page-contact .site-header,.page-about .site-header{height:74px;background:rgba(5,5,5,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}.brand{display:block;width:clamp(150px,12vw,210px);line-height:0}.brand img{width:100%;height:auto}.nav{display:flex;gap:34px;align-items:center}.nav a{position:relative;font-size:11px;text-transform:uppercase;letter-spacing:.16em;opacity:.66;transition:.25s}.nav a:hover,.nav a.active{opacity:1}.nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:1px;background:#fff}.menu-toggle{display:none;border:0;background:none;color:#fff;width:42px;height:42px;position:relative}.menu-toggle span{position:absolute;left:8px;width:26px;height:1px;background:currentColor;transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.eyebrow{margin:0 0 22px;font-size:10px;font-weight:600;letter-spacing:.23em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:0 22px;border:1px solid currentColor;border-radius:999px;font-size:12px;letter-spacing:.02em;transition:.25s}.pill span{font-size:16px}.pill-light{background:#fff;color:#050505;border-color:#fff}.pill-light:hover{background:transparent;color:#fff}.pill-dark{background:#050505;color:#fff;border-color:#050505}.pill-dark:hover{background:transparent;color:#050505}.underline-link{display:inline-block;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}.quiet-link{font-size:12px;display:inline-flex;gap:18px;align-items:center;opacity:.9}
.hero{position:relative;min-height:720px;height:100svh;overflow:hidden}.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;background:#111}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 52%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.74) 0%,transparent 50%)}.hero-content{position:absolute;z-index:2;left:var(--pad);bottom:11vh;max-width:860px}.hero-content h1{margin:0;font:500 clamp(58px,7.25vw,118px)/.88 var(--display);letter-spacing:-.067em}.hero-content>p:not(.eyebrow){max-width:620px;margin:30px 0 32px;color:#e4e4df;font-size:clamp(15px,1.25vw,19px);line-height:1.65}.hero-actions{display:flex;gap:28px;align-items:center}.hero-kicker{position:absolute;z-index:2;right:var(--pad);top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:34px;font-size:10px;letter-spacing:.15em}
.intro-panel{padding:clamp(110px,13vw,210px) var(--pad);display:grid;grid-template-columns:1.15fr .65fr;gap:10vw;align-items:end}.intro-panel h2,.work-head h2,.editorial-copy h2,.audience-intro h2,.manifesto h2,.studio-intro h2,.process-title h2,.principles-head h2,.about-story-title h2,.location-band h2{margin:0;font:500 clamp(44px,5.6vw,90px)/.96 var(--display);letter-spacing:-.055em}.intro-copy{padding-bottom:8px}.intro-copy>p{font-size:clamp(18px,1.7vw,25px);line-height:1.55;color:#c5c5c0;margin:0 0 34px}
.capabilities{padding:0 var(--pad) clamp(100px,13vw,190px)}.capability-list{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:80px 1.05fr 1fr 30px;gap:28px;align-items:start;padding:31px 0;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.capability-row:hover{padding-left:14px;padding-right:14px;background:#0d0d0d}.cap-number,.cap-arrow{font-size:11px;color:#777}.capability-row h3{margin:0;font:500 clamp(23px,2.25vw,36px)/1.05 var(--display);letter-spacing:-.035em}.capability-row p{margin:0;color:#999995;line-height:1.62;max-width:570px}.cap-arrow{text-align:right;font-size:19px;color:#fff}
.work-section{background:#0a0a0a;padding:clamp(100px,12vw,170px) var(--pad)}.work-head{display:grid;grid-template-columns:1fr .62fr;gap:8vw;align-items:end;margin-bottom:70px}.work-head>p{margin:0;color:#92928e;line-height:1.65;max-width:560px}.cinema-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:66px 22px}.cinema-card.cinema-wide{grid-column:span 2}.cinema-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#151515}.cinema-wide .cinema-media{aspect-ratio:2.15/1}.cinema-media video{height:100%;object-fit:cover;transition:transform .7s ease,filter .4s}.cinema-card:hover video{transform:scale(1.025)}.video-toggle{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff4a;background:#0009;color:#fff;border-radius:999px;padding:10px 15px;text-transform:uppercase;font-size:9px;letter-spacing:.14em}.project-no{position:absolute;left:16px;top:16px;font-size:10px;letter-spacing:.15em}.cinema-meta{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid #303030;margin-top:13px;padding-top:14px}.cinema-meta p{grid-column:1;margin:0 0 6px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.cinema-meta h3{grid-column:1;margin:0;font:500 clamp(22px,2vw,31px)/1.05 var(--display);letter-spacing:-.035em}.cinema-meta span{grid-column:2;grid-row:1/3;font-size:11px;color:#aaa}
.editorial-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:820px}.editorial-visual{position:relative;min-height:700px;background:#d6d5cf;overflow:hidden}.editorial-visual video{height:100%;object-fit:cover}.video-fallback{position:absolute;inset:0;display:grid;place-items:center;font:600 11vw var(--display);letter-spacing:-.07em;opacity:.05;pointer-events:none}.editorial-copy{padding:10vw 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.editorial-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:600px;margin:30px 0 40px;color:#575752}
.audience-section{padding:clamp(110px,13vw,190px) var(--pad)}.audience-intro{display:grid;grid-template-columns:.4fr 1fr;gap:6vw;align-items:start;margin-bottom:80px}.audience-intro .eyebrow{padding-top:9px}.audience-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-cards article{padding:34px 34px 42px;border-right:1px solid var(--line);min-height:390px;display:flex;flex-direction:column}.audience-cards article:last-child{border-right:0}.audience-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#777}.audience-cards h3{font:500 clamp(24px,2.2vw,34px)/1.1 var(--display);letter-spacing:-.035em;margin:80px 0 18px}.audience-cards p{color:#92928e;line-height:1.65;margin:0 0 28px}.audience-cards a{margin-top:auto;font-size:12px}
.manifesto{padding:clamp(120px,15vw,230px) var(--pad);text-align:center}.manifesto h2{font-size:clamp(58px,8.5vw,140px);max-width:1200px;margin:0 auto}.manifesto>p:last-of-type{max-width:620px;margin:34px auto 0;color:#90908b;line-height:1.65;font-size:18px}.manifesto .pill{margin-top:42px}
.cinematic-page-hero{position:relative;min-height:100svh;padding:0}.page-hero-media{position:absolute;inset:0}.page-hero-media video{height:100%;object-fit:cover;background:#111}.page-hero-content{position:absolute;left:var(--pad);bottom:10vh;z-index:2;max-width:980px}.page-hero-content h1{margin:0;font:500 clamp(54px,7vw,110px)/.9 var(--display);letter-spacing:-.06em}.page-hero-content>p:last-child{max-width:650px;color:#ddd;margin:30px 0 0;line-height:1.6;font-size:18px}
.studio-intro{padding:clamp(105px,12vw,180px) var(--pad);display:grid;grid-template-columns:70px 1fr .7fr;gap:6vw;align-items:start}.studio-intro-number{font-size:11px}.studio-intro>p{margin:44px 0 0;font-size:18px;line-height:1.65;color:#5d5d58}.studio-services{padding:0 var(--pad) clamp(110px,13vw,190px)}.studio-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.studio-service-grid article{padding:30px 28px 42px;min-height:360px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-service-grid span,.process-timeline span,.principle-grid span{font-size:10px;color:#777}.studio-service-grid h3{margin:105px 0 15px;font:500 clamp(23px,2vw,31px)/1.1 var(--display);letter-spacing:-.035em}.studio-service-grid p{margin:0;color:#94948f;line-height:1.65}.process-section{padding:clamp(110px,13vw,190px) var(--pad)}.process-title{margin-bottom:70px}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lightline)}.process-timeline article{padding:26px 24px 0 0}.process-timeline h3{margin:70px 0 13px;font:500 27px var(--display);letter-spacing:-.035em}.process-timeline p{margin:0;color:#66665f;line-height:1.6}
.about-hero-new{min-height:88vh;padding:180px var(--pad) 90px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.about-hero-new h1,.contact-title h1,.legal-hero h1,.not-found h1{margin:0;font:500 clamp(58px,7.4vw,120px)/.9 var(--display);letter-spacing:-.065em}.about-index{position:absolute;right:var(--pad);top:160px;font-size:10px;letter-spacing:.2em}.about-story-new{padding:clamp(110px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr .75fr;gap:10vw}.about-story-copy p{font-size:clamp(18px,1.55vw,23px);line-height:1.65;color:#b0b0aa;margin:0 0 34px}.principles{padding:clamp(110px,13vw,190px) var(--pad)}.principles-head{margin-bottom:75px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lightline)}.principle-grid article{padding:25px 24px 0 0}.principle-grid h3{font:500 27px var(--display);margin:70px 0 12px}.principle-grid p{color:#66665f;line-height:1.6}.location-band{padding:clamp(110px,13vw,190px) var(--pad)}.location-band>p:last-child{margin:35px 0 0;color:#9b9b96;max-width:560px;line-height:1.7}
.contact-new{padding:180px var(--pad) clamp(110px,13vw,180px)}.contact-title{max-width:1100px}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;margin-top:110px}.contact-info>p:first-child{font-size:20px;line-height:1.6;margin:0 0 64px}.contact-info>div{padding:20px 0;border-top:1px solid var(--lightline)}.contact-info span,.contact-form label>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#6e6e68;margin-bottom:11px}.contact-info p,.contact-info a{font-size:16px;line-height:1.55;margin:0}.contact-form{display:grid;gap:28px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #9e9e97;background:transparent;padding:10px 0 15px;outline:none;border-radius:0;color:#0b0b0b}.contact-form textarea{resize:vertical}.contact-form .pill{justify-self:start}.success{padding:14px 16px;border:1px solid #b4b4ac;background:#e7e6de;font-size:13px}
.legal-hero{padding:190px var(--pad) 75px;border-bottom:1px solid var(--lightline)}.legal-hero h1{font-size:clamp(54px,6.5vw,100px)}.legal-hero>p:last-child{margin:24px 0 0;color:#6c6c66;font-size:12px}.legal-body{padding:60px var(--pad) 130px;display:grid;grid-template-columns:240px minmax(0,820px);gap:8vw;align-items:start}.legal-nav{position:sticky;top:110px;display:grid;gap:12px}.legal-nav a{font-size:12px;color:#6a6a64}.legal-nav a.active{color:#0a0a09;text-decoration:underline;text-underline-offset:4px}.legal-body article h2{font:500 28px var(--display);letter-spacing:-.03em;margin:0 0 14px}.legal-body article p{color:#55554f;line-height:1.75;margin:0 0 44px}.legal-body article a{text-decoration:underline}.legal-note{border-top:1px solid var(--lightline);padding-top:25px;font-size:13px!important}.not-found{min-height:90vh;padding:180px var(--pad) 110px}.not-found p:not(.eyebrow){color:#8e8e89;margin:30px 0}.not-found .pill{margin-top:10px}
.site-footer{background:#050505;color:#fff;border-top:1px solid #252525}.footer-cta{padding:clamp(80px,10vw,140px) var(--pad) 60px}.footer-cta-row{display:flex;justify-content:space-between;gap:5vw;align-items:end}.footer-cta h2{margin:0;font:500 clamp(48px,6.8vw,108px)/.9 var(--display);letter-spacing:-.06em}.circle-link{width:150px;height:150px;border:1px solid #4b4b4b;border-radius:50%;display:flex;flex-direction:column;justify-content:space-between;padding:26px;transition:.3s}.circle-link span{font-size:11px}.circle-link b{font-size:28px;font-weight:400;align-self:flex-end}.circle-link:hover{background:#fff;color:#050505;border-color:#fff}.footer-main{background:#000000;border-top:1px solid #272727;padding:55px var(--pad);display:grid;grid-template-columns:1.05fr .95fr;gap:7vw}.footer-brand-wrap{max-width:470px}.footer-brand-art{width:min(100%,430px);height:auto;max-height:390px;object-fit:contain;object-position:left center}.footer-columns{display:grid;grid-template-columns:.65fr .85fr 1.4fr;gap:36px;padding-top:10px}.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-label{font-size:9px!important;text-transform:uppercase;letter-spacing:.18em;color:#696965!important;margin:0 0 12px!important}.footer-columns a,.footer-columns p{font-size:12px;line-height:1.6;margin:0;color:#b4b4af}.footer-columns a:hover{color:#fff}.footer-bottom{padding:24px var(--pad) 30px;border-top:1px solid #272727;display:flex;justify-content:space-between;gap:30px;align-items:center;color:#686864;font-size:10px;letter-spacing:.06em}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;transition:.25s}.socials a:hover{background:#fff;border-color:#fff}.socials svg{width:15px;height:15px;fill:#fff}.socials a:hover svg{fill:#050505}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
.work-section,.capabilities,.audience-section,.studio-services,.process-section,.principles,.legal-body{content-visibility:auto;contain-intrinsic-size:1px 900px}
@media(max-width:980px){.site-header{height:76px}.brand{width:155px}.menu-toggle{display:block}.nav{position:fixed;inset:0;background:#050505;display:none;flex-direction:column;align-items:flex-start;justify-content:center;padding:100px var(--pad);gap:24px}.menu-open .nav{display:flex}.nav a{font:500 39px/1 var(--display);letter-spacing:-.04em;text-transform:none;opacity:1}.nav a.active:after{display:none}.intro-panel,.work-head,.editorial-split,.audience-intro,.studio-intro,.about-story-new,.contact-grid,.footer-main{grid-template-columns:1fr}.intro-panel{gap:50px}.capability-row{grid-template-columns:55px 1fr 30px}.capability-row p{grid-column:2}.cap-arrow{grid-column:3;grid-row:1/3}.editorial-split{min-height:0}.editorial-visual{min-height:60vh}.editorial-copy{padding:100px var(--pad)}.audience-intro{gap:20px}.studio-intro{grid-template-columns:50px 1fr}.studio-intro>p{grid-column:2;margin-top:0}.studio-service-grid{grid-template-columns:repeat(2,1fr)}.process-timeline,.principle-grid{grid-template-columns:repeat(2,1fr);gap:50px 0}.footer-main{gap:55px}.footer-brand-wrap{max-width:320px}.legal-body{grid-template-columns:1fr}.legal-nav{position:static;display:flex;gap:22px;border-bottom:1px solid var(--lightline);padding-bottom:18px}.footer-columns{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){:root{--pad:20px}.hero{min-height:650px}.hero-content{bottom:8.5vh}.hero-content h1{font-size:54px}.hero-content>p:not(.eyebrow){font-size:15px;margin:22px 0 26px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-kicker{display:none}.intro-panel{padding-top:95px;padding-bottom:95px}.intro-panel h2,.work-head h2,.editorial-copy h2,.audience-intro h2,.manifesto h2,.studio-intro h2,.process-title h2,.principles-head h2,.about-story-title h2,.location-band h2{font-size:44px}.capability-row{grid-template-columns:35px 1fr 22px;gap:16px}.capability-row h3{font-size:23px}.cinema-grid{grid-template-columns:1fr;gap:48px}.cinema-card.cinema-wide{grid-column:auto}.cinema-wide .cinema-media,.cinema-media{aspect-ratio:16/10}.cinema-meta span{display:none}.audience-cards{grid-template-columns:1fr}.audience-cards article{border-right:0;border-bottom:1px solid var(--line);min-height:330px}.audience-cards article:last-child{border-bottom:0}.studio-service-grid{grid-template-columns:1fr}.studio-service-grid article{min-height:300px}.studio-service-grid h3{margin-top:80px}.process-timeline,.principle-grid{grid-template-columns:1fr}.page-hero-content{bottom:8vh}.page-hero-content h1{font-size:52px}.page-hero-content>p:last-child{font-size:16px}.about-hero-new{min-height:78vh;padding-top:140px}.about-hero-new h1,.contact-title h1,.legal-hero h1,.not-found h1{font-size:52px}.about-index{top:115px}.contact-new{padding-top:135px}.contact-grid{margin-top:70px}.footer-cta-row{flex-direction:column;align-items:flex-start}.footer-cta h2{font-size:53px}.circle-link{width:125px;height:125px}.footer-columns{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/3}.footer-brand-art{max-height:300px}.footer-bottom{flex-direction:column;align-items:flex-start}.legal-hero{padding-top:135px}.legal-body{padding-top:40px}.legal-nav{overflow:auto}.socials{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* =========================================================
   MOBILE NAVIGATION FIX
   Keeps the hamburger/menu consistent on every page.
   ========================================================= */
@media (max-width:980px){
  .site-header{
    overflow:visible;
  }

  .site-header .brand{
    position:relative;
    z-index:1003;
  }

  .site-header .menu-toggle{
    display:block;
    position:relative;
    z-index:1003;
    flex:0 0 42px;
    padding:0;
    -webkit-tap-highlight-color:transparent;
  }

  .site-header .nav{
    position:fixed;
    z-index:1002;
    inset:0;
    width:100%;
    height:100dvh;
    min-height:100vh;
    padding:110px var(--pad) 48px;
    background:#050505;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:24px;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  body.menu-open .site-header .nav{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  body.menu-open .site-header{
    background:#050505;
    backdrop-filter:none;
    border-bottom-color:transparent;
  }

  .site-header .nav a{
    width:100%;
  }
}

@media (max-width:640px){
  .site-header .nav{
    padding-top:96px;
    padding-bottom:32px;
    justify-content:flex-start;
  }

  .site-header .nav a{
    font-size:clamp(34px,11vw,46px);
    line-height:1.05;
    padding:8px 0;
  }
}


/* =========================================================
   EARLY AI ERA
========================================================= */

.early-ai-era {
    position: relative;
    width: 100%;
    background: #050505;
    color: #ffffff;
    padding: 120px 0;
    overflow: hidden;
}

.early-ai-container {
    width: min(92%, 1600px);
    margin: 0 auto;
}


/* TOP LINE */

.early-ai-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: 18px;
    margin-bottom: 70px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.22);

    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    opacity: 0.7;
}


/* INTRO */

.early-ai-intro {
    display: grid;
    grid-template-columns: 1.7fr 0.7fr;
    gap: 80px;
    align-items: end;

    margin-bottom: 70px;
}

.early-ai-kicker {
    display: block;

    margin-bottom: 25px;

    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;

    opacity: 0.55;
}

.early-ai-title h2 {
    margin: 0;

    font-size: clamp(42px, 6.2vw, 105px);
    line-height: 0.91;
    letter-spacing: -0.055em;
    font-weight: 500;
}

.early-ai-description {
    max-width: 500px;
}

.early-ai-description p {
    margin: 0 0 20px;

    font-size: 15px;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.66);
}


/* YOUTUBE VIDEO */

.early-ai-video {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111;
}

.early-ai-video iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}


/* INFORMATION BELOW VIDEO */

.early-ai-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    padding: 45px 0 100px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.early-ai-meta-title > span {
    display: block;

    margin-bottom: 18px;

    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    opacity: 0.55;
}

.early-ai-meta-title h3 {
    margin: 0;

    font-size: clamp(28px, 3vw, 52px);
    line-height: 1;
    letter-spacing: -0.035em;

    font-weight: 500;
}

.early-ai-meta-copy {
    max-width: 600px;
}

.early-ai-meta-copy p {
    margin: 0 0 20px;

    color: rgba(255, 255, 255, 0.65);

    font-size: 15px;
    line-height: 1.7;
}


/* YOUTUBE BUTTON */

.early-ai-youtube-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-top: 20px;

    color: #ffffff;
    text-decoration: none;

    font-size: 12px;
    letter-spacing: 0.13em;

    padding-bottom: 7px;

    border-bottom: 1px solid rgba(255,255,255,.5);

    transition:
        opacity 0.3s ease,
        gap 0.3s ease;
}

.early-ai-youtube-link:hover {
    opacity: 0.65;
    gap: 17px;
}

.youtube-icon {
    display: inline-flex;

    width: 23px;
    height: 23px;
}

.youtube-icon svg {
    width: 100%;
    height: 100%;

    fill: currentColor;
}

.early-ai-youtube-link .arrow {
    font-size: 16px;
}


/* =========================================================
   THEN / NOW
========================================================= */

.ai-evolution {
    padding-top: 90px;
}

.ai-evolution-label {
    margin-bottom: 45px;

    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    opacity: 0.55;
}

.ai-evolution-grid {
    display: grid;

    grid-template-columns: 1fr auto 1fr;

    gap: 60px;

    align-items: center;
}

.ai-evolution-item {
    position: relative;

    min-height: 270px;

    padding-top: 25px;

    border-top: 1px solid rgba(255,255,255,.3);
}

.evolution-number {
    position: absolute;

    right: 0;
    top: 22px;

    font-size: 12px;

    opacity: 0.4;
}

.evolution-small {
    display: block;

    margin-bottom: 35px;

    font-size: 10px;
    letter-spacing: 0.2em;

    opacity: 0.5;
}

.ai-evolution-item h4 {
    margin: 0 0 20px;

    font-size: clamp(30px, 3.5vw, 58px);
    line-height: 0.95;

    font-weight: 500;
    letter-spacing: -0.04em;
}

.ai-evolution-item p {
    max-width: 450px;

    margin: 0;

    font-size: 14px;
    line-height: 1.7;

    color: rgba(255,255,255,.58);
}

.ai-evolution-arrow {
    font-size: 50px;
    font-weight: 200;

    opacity: 0.4;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .early-ai-era {
        padding: 90px 0;
    }

    .early-ai-intro {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .early-ai-description {
        max-width: 700px;
    }

    .early-ai-meta {
        grid-template-columns: 1fr;
        gap: 35px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .early-ai-era {
        padding: 75px 0;
    }

    .early-ai-container {
        width: 90%;
    }

    .early-ai-topline {
        margin-bottom: 45px;

        font-size: 9px;
    }

    .early-ai-intro {
        margin-bottom: 45px;
    }

    .early-ai-title h2 {
        font-size: clamp(40px, 13vw, 65px);
        line-height: 0.93;
    }

    .early-ai-description p {
        font-size: 14px;
    }

    .early-ai-meta {
        padding: 35px 0 70px;
    }

    .early-ai-meta-title h3 {
        font-size: 34px;
    }

    .ai-evolution {
        padding-top: 65px;
    }

    .ai-evolution-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ai-evolution-arrow {
        transform: rotate(90deg);

        width: fit-content;

        font-size: 35px;
    }

    .ai-evolution-item {
        min-height: auto;

        padding-bottom: 30px;
    }

}

/* =========================================================
   ABOUT — FOUNDER / CREATIVE DIRECTION
   Append this to the bottom of public/css/style.css
========================================================= */

.founder-section {
    position: relative;
    width: 100%;
    padding: 120px 0;
    background: #050505;
    color: #ffffff;
    overflow: hidden;
}

.founder-inner {
    width: min(92%, 1600px);
    margin: 0 auto;
}

/* Section label */

.founder-label {
    padding-bottom: 18px;
    margin-bottom: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.founder-label .eyebrow {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
}

/* Main layout */

.founder-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(60px, 8vw, 150px);
    align-items: start;
}

/* Founder name */

.founder-title h2 {
    margin: 0;
    max-width: 900px;
    font-size: clamp(54px, 7vw, 118px);
    line-height: 0.88;
    letter-spacing: -0.055em;
    font-weight: 500;
}

.founder-alias {
    margin: 26px 0 0;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

/* Founder description */

.founder-copy {
    max-width: 620px;
    padding-top: 6px;
}

.founder-copy > p {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.66);
}

/* Interview feature */

.founder-interview {
    margin-top: 58px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.interview-label {
    display: block;
    margin-bottom: 24px;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48);
}

.founder-interview h3 {
    margin: 0 0 20px;
    font-size: clamp(34px, 4vw, 62px);
    line-height: 0.96;
    letter-spacing: -0.04em;
    font-weight: 500;
}

.interview-publication {
    margin: 0 0 30px !important;
    max-width: 440px;
    font-size: 12px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48) !important;
}

/* Interview link */

.founder-interview-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 7px;

    color: #ffffff;
    text-decoration: none;

    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    border-bottom: 1px solid rgba(255, 255, 255, 0.55);

    transition:
        gap 0.25s ease,
        opacity 0.25s ease;
}

.founder-interview-link:hover {
    gap: 18px;
    opacity: 0.65;
}

.founder-interview-link span {
    font-size: 16px;
    line-height: 1;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .founder-section {
        padding: 95px 0;
    }

    .founder-label {
        margin-bottom: 55px;
    }

    .founder-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .founder-copy {
        max-width: 760px;
        padding-top: 0;
    }

    .founder-title h2 {
        font-size: clamp(56px, 10vw, 96px);
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .founder-section {
        padding: 78px 0;
    }

    .founder-inner {
        width: 90%;
    }

    .founder-label {
        margin-bottom: 42px;
    }

    .founder-label .eyebrow {
        font-size: 9px;
        letter-spacing: 0.16em;
    }

    .founder-grid {
        gap: 42px;
    }

    .founder-title h2 {
        font-size: clamp(48px, 15vw, 72px);
        line-height: 0.9;
    }

    .founder-alias {
        margin-top: 20px;
        font-size: 9px;
    }

    .founder-copy > p {
        font-size: 14px;
        line-height: 1.7;
    }

    .founder-interview {
        margin-top: 45px;
        padding-top: 26px;
    }

    .founder-interview h3 {
        font-size: clamp(34px, 10vw, 48px);
    }

    .interview-publication {
        font-size: 10px !important;
    }

    .founder-interview-link {
        font-size: 10px;
        letter-spacing: 0.13em;
    }

}