:root{--bg:#050707;--ink:#f4fffb;--muted:#aeb9b5;--line:rgba(244,255,251,.14);--aqua:#42ead9;--deep:#071211;--paper:#f2f8f4;--serif:'Instrument Serif',serif;--sans:'Inter',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.cursor{position:fixed;width:18px;height:18px;border:1px solid var(--aqua);border-radius:50%;z-index:60;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%)}.preloader{position:fixed;inset:0;background:#f7fbf8;z-index:80;display:grid;place-items:center;color:var(--aqua)}.preloader__word{font-size:clamp(58px,10vw,160px);font-weight:900;letter-spacing:-.08em}.preloader__line{position:absolute;bottom:12vh;width:0;height:1px;background:var(--aqua)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,64px);mix-blend-mode:difference}.brand img{width:128px;height:auto}.site-header nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#fff}.panel{min-height:100vh;position:relative;padding:clamp(72px,8vw,140px) clamp(20px,5vw,88px);overflow:hidden}.dark{background:var(--bg);color:var(--ink)}.hero{display:grid;align-items:end}.hero__media{position:absolute;inset:8vh 5vw 8vh 43vw;border-radius:34px;overflow:hidden;opacity:.82;filter:saturate(1.06) contrast(1.04)}.hero__media:after,.statement__media:after,.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.72),transparent 60%),radial-gradient(circle at 80% 20%,rgba(66,234,217,.24),transparent 30%)}.hero__content{position:relative;z-index:2;max-width:1020px}.eyebrow,.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--aqua);font-weight:700}.hero-title{font-size:clamp(62px,12vw,188px);line-height:.82;letter-spacing:-.08em;margin:18px 0 28px;font-weight:900}.hero-title span{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.04em}.hero-copy{max-width:590px;color:var(--muted);font-size:clamp(16px,1.4vw,22px);line-height:1.5}.cta{display:inline-flex;margin-top:28px;border:1px solid var(--aqua);padding:16px 22px;border-radius:999px;color:var(--aqua);text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:800;transition:.35s}.cta:hover{background:var(--aqua);color:#031110;box-shadow:0 0 44px rgba(66,234,217,.45)}.scroll-note{position:absolute;right:40px;bottom:32px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.scroll-note span{display:block;width:1px;height:70px;background:linear-gradient(var(--aqua),transparent);margin:12px auto 0}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.orb--one{width:380px;height:380px;background:var(--aqua);top:10%;left:12%}.orb--two{width:260px;height:260px;background:#fff;right:10%;bottom:8%;opacity:.1}.manifesto{background:var(--paper);color:#071211}.manifesto__grid{display:grid;grid-template-columns:1.5fr .65fr;gap:48px;align-items:end}.giant-text{font-size:clamp(48px,8vw,126px);line-height:.92;letter-spacing:-.07em;margin:0;font-weight:900}.giant-text em{font-family:var(--serif);font-weight:400;color:var(--aqua)}.glass{border:1px solid rgba(7,18,17,.13);background:rgba(255,255,255,.42);backdrop-filter:blur(20px);border-radius:28px;padding:32px;box-shadow:0 30px 70px rgba(7,18,17,.08)}.glass p{font-size:20px;line-height:1.45}.image-story{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(420px,1fr);gap:6vw;align-items:center;padding-left:clamp(48px,8vw,130px);padding-right:clamp(48px,8vw,130px)}.image-story:before{display:none}.image-story:after{content:"";position:absolute;right:12vw;top:20%;width:34vw;height:34vw;border:1px solid rgba(66,234,217,.35);border-radius:50%;box-shadow:0 0 90px rgba(66,234,217,.14);pointer-events:none}.story-frame{height:66vh;border-radius:30px;overflow:hidden;position:relative;z-index:2;box-shadow:0 40px 120px rgba(0,0,0,.45)}.story-copy{position:relative;z-index:3;max-width:690px}.story-copy h2,.section-head h2,.gallery-intro h2,.final h2{font-size:clamp(44px,6.4vw,112px);line-height:.88;letter-spacing:-.075em;margin:18px 0}.story-copy h2 span{color:var(--aqua)}.story-copy p{color:var(--muted);font-size:clamp(18px,1.45vw,23px);line-height:1.45;max-width:560px}.floating-card{position:absolute;right:clamp(26px,5vw,86px);bottom:clamp(42px,8vh,92px);z-index:4;width:clamp(210px,16vw,310px);aspect-ratio:1/1.15;border-radius:18px;overflow:hidden;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 90px rgba(0,0,0,.52);backdrop-filter:blur(18px)}.floating-card img{display:none}.floating-card:before{content:"OUR APPROACH";display:block;color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:20px}.floating-card:after{content:"Strategy with cultural intelligence.\A\A Insight that drives meaningful impact. +";white-space:pre-line;display:block;color:var(--ink);font-size:clamp(16px,1.1vw,20px);font-weight:700;line-height:1.35}.services{background:#eaf4ef;color:#06100f}.section-head{max-width:900px}.service-stack{margin-top:70px;border-top:1px solid rgba(7,18,17,.14)}.service-stack article{display:grid;grid-template-columns:80px 1fr .8fr;gap:24px;padding:28px 0;border-bottom:1px solid rgba(7,18,17,.14);align-items:center}.service-stack span{color:var(--aqua);font-weight:900}.service-stack h3{font-size:clamp(24px,3vw,44px);letter-spacing:-.05em;margin:0}.service-stack p{font-size:17px;color:#3c4b48;line-height:1.45}.gallery-section{padding:0}.pin-wrap{height:100vh;display:flex;align-items:center;gap:5vw;padding-left:6vw}.gallery-intro{min-width:42vw}.h-gallery{display:flex;gap:24px;padding-right:8vw}.h-gallery figure{position:relative;margin:0;min-width:38vw;height:68vh;border-radius:34px;overflow:hidden}.h-gallery figcaption{position:absolute;left:24px;bottom:22px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);padding:12px 14px;border-radius:999px;backdrop-filter:blur(14px)}.process{background:#f7fbf8;color:#071211}.process-title{font-size:clamp(48px,8vw,120px);line-height:.9;letter-spacing:-.07em;max-width:1100px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid div{min-height:260px;border:1px solid rgba(7,18,17,.14);border-radius:28px;padding:26px;background:white}.process-grid b{color:var(--aqua)}.process-grid h3{font-size:34px;letter-spacing:-.05em}.process-grid p{color:#4a5754;line-height:1.5}.statement{display:grid;place-items:center;text-align:center}.statement__media{position:absolute;inset:0;opacity:.45}.statement blockquote{position:relative;z-index:2;max-width:1100px;font-family:var(--serif);font-size:clamp(54px,9vw,150px);line-height:.9;margin:0;color:#fff}.final{min-height:86vh;background:#42ead9;color:#06100f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.final-logo{width:min(520px,76vw);height:auto;object-fit:contain;filter:brightness(0) saturate(100%)}.final h2{max-width:980px}.final p{font-size:15px;letter-spacing:.05em}.cta--dark{border-color:#06100f;color:#06100f}.cta--dark:hover{background:#06100f;color:var(--aqua);box-shadow:none}.web{margin-top:18px;font-weight:800}@media(max-width:900px){.cursor{display:none}.site-header{padding:18px 20px}.brand img{width:100px}.site-header nav{display:none}.panel{padding:82px 22px}.hero__media{position:relative;inset:auto;height:48vh;margin-top:40px;order:2}.hero{display:flex;flex-direction:column;justify-content:flex-end}.hero-title{font-size:clamp(58px,18vw,104px)}.scroll-note{display:none}.manifesto__grid,.image-story{grid-template-columns:1fr}.image-story{padding-left:22px;padding-right:22px}.image-story:before,.image-story:after{display:none}.story-copy{max-width:none}.giant-text{font-size:clamp(44px,13vw,78px)}.floating-card{position:relative;right:auto;bottom:auto;width:100%;max-width:320px;margin:20px 0 0 auto}.service-stack article{grid-template-columns:1fr;gap:8px}.pin-wrap{height:auto;display:block;padding:90px 22px}.gallery-intro{min-width:0}.h-gallery{display:grid;gap:18px;padding:0}.h-gallery figure{min-width:0;height:58vh}.process-grid{grid-template-columns:1fr}.statement blockquote{font-size:clamp(46px,15vw,86px)}}

/* v5 mobile hero refinement: prevent headline from colliding with the eyebrow/tags */
.hero__content{isolation:isolate;}
.eyebrow{display:inline-flex;align-items:center;line-height:1.35;position:relative;z-index:3;}
.hero-title{position:relative;z-index:2;}

@media(max-width:900px){
  .hero{
    min-height:auto;
    padding-top:118px;
    padding-bottom:44px;
    gap:26px;
    align-items:stretch;
    justify-content:flex-start;
  }
  .hero__content{
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .hero .eyebrow{
    display:inline-block;
    max-width:100%;
    margin:0 0 20px;
    padding:8px 10px;
    border:1px solid rgba(66,234,217,.32);
    border-radius:999px;
    background:rgba(5,7,7,.62);
    backdrop-filter:blur(10px);
    font-size:10px;
    line-height:1.25;
    letter-spacing:.12em;
  }
  .hero-title{
    margin:0 0 22px;
    font-size:clamp(50px,15.6vw,82px);
    line-height:.94;
    letter-spacing:-.065em;
    max-width:10ch;
  }
  .hero-copy{
    max-width:34rem;
    font-size:16px;
    line-height:1.55;
  }
  .hero .cta{
    margin-top:24px;
  }
  .hero__media{
    width:100%;
    height:min(62vh,520px);
    min-height:360px;
    margin:0;
    border-radius:24px;
  }
}

@media(max-width:480px){
  .hero{
    padding-top:104px;
  }
  .hero-title{
    font-size:clamp(46px,15vw,64px);
    line-height:.96;
    max-width:9.5ch;
  }
  .hero .eyebrow{
    font-size:9px;
    letter-spacing:.095em;
    white-space:normal;
  }
  .hero__media{
    height:420px;
    min-height:0;
  }
}