:root{
  --g:#22392C;--c:#F4EBDF;--t:#937E74;
  --w:#FFFFFF;--go:#C9A84C;--gl:#e2c97e;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--c);color:var(--g);font-family:'Lato',sans-serif;font-weight:300;overflow-x:hidden;cursor:none;padding-bottom: 150px;}
p {
  color: var(--c);
  font-size: 1.5rem;
}
/* CURSOR */
#cur{position:fixed;width:9px;height:9px;background:var(--go);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;mix-blend-mode:difference;}
#curl{position:fixed;width:38px;height:38px;border:1px solid rgba(201,168,76,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9998;transition:width .35s,height .35s;mix-blend-mode:difference;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 72px;z-index:200;transition:background .5s,padding .4s;color: white;}
nav.s{background:rgba(244,235,223,.52);backdrop-filter:blur(12px);padding:18px 72px;border-bottom:1px solid rgba(201,168,76,.15);}
.nl{font-family:'Lato',sans-serif;font-size:.68rem;letter-spacing:.46em;text-transform:uppercase;color:var(--g);text-decoration:none;}
.nl span{color:var(--go);}
.nr{display:flex;gap:40px;list-style:none;align-items: center;}
.nr a{font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;opacity:.55;transition:opacity .3s;}
.nr a:hover{opacity:1;}

/* WAVE */
.wave{display:block;width:100%;overflow:hidden;line-height:0;z-index: 2;position: relative;}
.wave svg{display:block;width:100%;}
.wave-down-dark svg{fill:var(--g);}
.wave-down-light svg{fill:var(--c);}

/* LINE CANVAS */
.line-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;}

/* REVEAL */
.r{opacity:0;transform:translateY(50px);}
.h-eyebrow,.h-title,.h-sub,.btn-pill,.h-stat{opacity:0;}

/* ═══════ HERO ═══════ */
#hero{min-height:100vh;background:var(--g);display:flex;justify-content: center;align-items:center;padding:0 72px;position:relative;overflow:hidden;text-align: center;z-index: 2;}
#hero::before{content:'';position:absolute;width:70vw;height:70vw;background:radial-gradient(ellipse,rgba(201,168,76,.08) 0%,transparent 70%);border-radius:60% 40% 55% 45%/45% 55% 40% 60%;top:-10vh;right:-5vw;animation:blobF 14s ease-in-out infinite;pointer-events:none;}
@keyframes blobF{0%,100%{border-radius:60% 40% 55% 45%/45% 55% 40% 60%;transform:translate(0,0);}50%{border-radius:50% 50% 45% 55%/55% 45% 50% 50%;transform:translate(20px,-20px);}}
#hero .hero-video-bg {
  position: absolute;
  top: 50%; left: 50%;
  min-width: 100%; min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}
#hero .overlay {
        /* z-index: 1; */
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(34, 57, 44, 0.5);
}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-top:100px;}
.h-left{}
.h-eyebrow{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--go);margin-bottom:28px;}
.h-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:1.0;color:var(--c);margin-bottom:36px;}
.h-title em{font-style:italic;color:var(--gl);}
.h-sub{font-size:.9rem;line-height:1.95;color:rgba(244,235,223,.55);max-width:400px;margin-bottom:52px;}
#hero .h-sub {
    font-size: 1.5rem;
    line-height: 1.95;
    color: rgba(244, 235, 223, 1);
    max-width: unset;
    margin-bottom: 52px;
}
#hero .wave {
    margin-bottom: -2px; 
    position: absolute;
    bottom: 0;
}
/* hero right — image + stats */
.h-right{display:grid;grid-template-rows:1fr auto;gap:28px;}
.h-img-wrap{position:relative;border-radius:60% 40% 55% 45%/50% 50% 50% 50%;overflow:hidden;aspect-ratio:3/4;animation:blobF 10s ease-in-out infinite;}
.h-img-wrap img{width:100%;height:110%;object-fit:cover;filter:brightness(.9) saturate(.85);}
.h-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(34,57,44,.7));pointer-events:none;}
.h-img-caption{position:absolute;bottom:24px;left:28px;right:28px;z-index:1;text-align: center;}
.h-img-caption p{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(244,235,223,.6);}
.h-stats-row{display:flex;gap:0;border-top:1px solid rgba(201,168,76,.15);}
.h-stat{flex:1;padding:20px 16px;border-right:1px solid rgba(201,168,76,.1);}
.h-stat:last-child{border-right:none;}
.h-stat-num{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;color:var(--go);line-height:1;}
.h-stat-label{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,235,223,.35);margin-top:4px;}

/* BUTTONS */
.btn-pill{display:inline-flex;align-items:center;gap:16px;padding:18px 40px;border-radius:9999px;background:var(--go);color:var(--g);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:none;position:relative;overflow:hidden;transition:box-shadow .35s,transform .35s;}
.btn-pill::before{content:'';position:absolute;inset:0;border-radius:9999px;background:var(--gl);transform:scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1);}
.btn-pill:hover{box-shadow:0 8px 40px rgba(201,168,76,.35);transform:translateY(-2px);}
.btn-pill:hover::before{transform:scale(1);}
.btn-pill span{position:relative;z-index:1;}
.btn-pill-out{display:inline-flex;align-items:center;gap:14px;padding:16px 36px;border-radius:9999px;border:1px solid rgba(201,168,76,.4);color:var(--go);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:none;transition:border-color .3s,background .3s;}
.btn-pill-out:hover{border-color:var(--go);background:rgba(201,168,76,.08);}

/* SECTION LABELS */
.s-tag{font-size:.9rem;letter-spacing:.35em;text-transform:uppercase;color:var(--go);display:inline-flex;align-items:center;gap:12px;margin-bottom:44px;}
.s-tag::before{content:'◆';font-size:.4rem;}
.s-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,4rem);font-weight:300;line-height:1.12;color:var(--g);margin-bottom:72px;}
.s-title em{font-style:italic;color:var(--t);}
.s-title-light{color:var(--c);}
.s-title-light em{color:var(--gl);}

/* ═══════ APPROACH ═══════ */
#approach{background:var(--g);padding:160px 72px;position:relative;overflow:hidden;z-index: 2;}
.approach-inner p {text-align: justify;}
.approach-img-col{display:flex;flex-direction:column;gap:20px;padding-top:60px;}
.ap-img-main{border-radius:50% 50% 45% 55%/40% 40% 60% 60%;overflow:hidden;aspect-ratio:4/5;position:relative;}
.ap-img-main img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);}
/* .ap-img-main::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(34,57,44,.4),transparent 60%);pointer-events:none;} */
.ap-img-small{border-radius:40% 60% 50% 50%/50% 50% 60% 40%;overflow:hidden;aspect-ratio:16/9;align-self:flex-end;width:70%;}
.ap-img-small img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);}

.org-grid{display:flex;flex-direction:column;gap:20px;}
.org-card{background:var(--w);border-radius: 40% 60% 38% 17% / 30% 30% 70% 70%;padding:44px 36px;transition:border-radius .6s,transform .4s,box-shadow .4s;position:relative;overflow:hidden; animation: morphBlob 20s ease-in-out infinite; will-change: border-radius;}
/* .org-card::before{content:'';position:absolute;inset:0;background:var(--g);border-radius:inherit;transform:scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1);} */
.org-card:hover{transform:translateY(-6px) scale(5.1);box-shadow:0 20px 50px rgba(34,57,44,.1);}
/* .org-card:hover::before{transform:scale(1.5);} */
/* .org-card:hover .oc-num{color:var(--go);}
.org-card:hover .oc-title,.org-card:hover .oc-desc{color:var(--c);} */
.oc-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:rgba(34,57,44,.1);position:relative;z-index:1;line-height:1;margin-bottom:14px;transition:color .4s;}
.oc-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--g);margin-bottom:10px;position:relative;z-index:1;transition:color .4s;}
.oc-desc{font-size:.78rem;line-height:1.75;color:var(--t);position:relative;z-index:1;transition:color .4s;}
.org-card:nth-child(2) {
  animation-delay: 1s;
}
.org-card:nth-child(3) {
  animation-delay: 2s;
}
.org-card:nth-child(4) {
  animation-delay: 3s;
}
.org-card:nth-child(5) {
  animation-delay: 4s;
}
@keyframes morphBlob {
  0% {
    border-radius: 40% 60% 38% 12% / 30% 30% 70% 70%;
  }
  25% {
    border-radius: 55% 45% 50% 17% / 50% 50% 45% 55%;
  }
  50% {
    border-radius: 60% 40% 30% 25% / 40% 60% 40% 60%;
  }
  75% {
    border-radius: 45% 55% 60% 20% / 60% 40% 60% 40%;
  }
  100% {
    border-radius: 40% 60% 38% 12% / 30% 30% 70% 70%;
  }
}
#approach .s-title {color: var(--gl);}
#approach .s-title em {
    font-style: italic;
    color: var(--go);
}
/* ═══════ MANIFESTO ═══════ */
#manifesto-sec{background:var(--c);padding:160px 72px;position:relative;overflow:hidden;color:var(--g);z-index: 2;}
#manifesto-sec::before{content:'';position:absolute;width:80vw;height:80vw;max-width:900px;background:radial-gradient(ellipse,rgba(201,168,76,.06) 0%,transparent 65%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:blobF 18s ease-in-out infinite;pointer-events:none;}
.manifesto-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.manifesto-img{border-radius:50% 50% 55% 45%/45% 45% 55% 55%;overflow:hidden;aspect-ratio:3/4;position:relative;}
.manifesto-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.6);}
.manifesto-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,57,44,.5),transparent);pointer-events:none;}
.manifesto-text{position:relative;z-index:1;}
.manifesto-quote{text-align: center; font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:300;font-style:italic;line-height:1.25;margin-bottom:36px;}
.manifesto-quote em{color:var(--gl);}
.manifesto-attr{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;text-align: center;}
#manifesto-sec .s-tag {
    color:var(--g);
}
/* ═══════ MOMENTS ═══════ */
#moments{background:var(--g);padding:160px 72px;position:relative;overflow:hidden;z-index: 2;}
.moments-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;}
.m-card{background:var(--w);border-radius: 14% 40% 50% 23% / 40% 50% 50% 60%;padding:60px 36px 44px 45px;transition:border-radius .7s,transform .4s,box-shadow .4s,background .4s;position:relative;overflow:hidden; animation: morphBlobM 20s ease-in-out infinite; will-change: border-radius;}
.m-card:hover{border-radius:40% 60% 45% 55%/55% 45% 60% 40%;transform:translateY(-6px);box-shadow:0 20px 50px rgba(34,57,44,.1);}
.m-card:hover .mc-name,.m-card:hover .mc-desc{}
.m-card:hover .mc-goal{color:var(--gl);border-color:rgba(201,168,76,.3);}
.mc-age{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--go);margin-bottom:10px;}
.mc-name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--g);margin-bottom:14px;line-height:1.2;transition:color .4s;}
.mc-desc{font-size:.8rem;line-height:1.8;color:var(--t);margin-bottom:18px;transition:color .4s;}
.mc-goal{display:inline-block;padding:6px 18px;border:1px solid rgba(34,57,44,.15);border-radius:9999px;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--go);transition:color .4s,border-color .4s;}
#moments .s-title {color: var(--gl);}
#moments .s-title em {
    font-style: italic;
    color: var(--go);
}
.m-card:nth-child(2) {
  animation-delay: 4s;
}
.m-card:nth-child(3) {
  animation-delay: 2;
}
.m-card:nth-child(4) {
  animation-delay: 6s;
}
.m-card:nth-child(5) {
  animation-delay: 8s;
}
.m-card:nth-child(6) {
  animation-delay: 10s;
}
.m-card:nth-child(7) {
  animation-delay: 12s;
}
@keyframes morphBlobM {
  0% {
    border-radius: 14% 40% 50% 23% / 40% 50% 50% 60%;
  }
  25% {
    border-radius: 28% 55% 48% 40% / 50% 45% 55% 50%;
  }
  50% {
    border-radius: 40% 60% 45% 55% / 55% 45% 60% 40%;
  }
  75% {
    border-radius: 30% 45% 55% 35% / 45% 55% 50% 55%;
  }
  100% {
    border-radius: 14% 40% 50% 23% / 40% 50% 50% 60%;
  }
}
/* wide card with image */
.m-card.wide{grid-column:span 2;border-radius:50% 50% 55% 14%/30% 30% 70% 70%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center;}
.m-card.wide:hover{border-radius:45% 55% 50% 50%/35% 35% 65% 65%;}
.mc-img{border-radius:50%;overflow:hidden;aspect-ratio:1;position:relative;}
.mc-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);}

/* ═══════ B2B ═══════ */
#b2b{background:var(--c);padding:160px 72px;position:relative;overflow:hidden;color: var(--g);z-index: 2;}
#b2b p {
  color: var(--g);
  text-align: justify;
}
.b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:72px;}
.b2b-item{border-radius: 9% 27% 12% 14% / 50% 50% 50% 28%;padding:48px 40px;background: rgba(226, 201, 126, 0.2);border:1px solid rgba(201,168,76,.08);transition:background .4s,border-radius .6s;}
.b2b-item:hover{background:rgba(201,168,76,.08);border-radius:40% 10% 40% 10%/10% 40% 10% 40%;}

.bi-tag{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;opacity:.7;margin-bottom:14px;}
.bi-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;margin-bottom:14px;line-height:1.3;transition:color .4s;color: var(--c);}
.bi-desc{font-size:1rem;line-height:1.8;color:var(--c);}
#b2b .s-tag {
    color:var(--g);
}
#b2b .s-title em {
    color: var(--gl);
}
/* ═══════ CTA ═══════ */
#cta-sec{background:var(--g);padding:160px 72px;position:relative;overflow:hidden;color: var(--gl);z-index: 2;}
.cta-inner{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;}
.cta-img-wrap{position:relative;}
.cta-img{border-radius:55% 45% 50% 50%/50% 50% 45% 55%;overflow:hidden;aspect-ratio:4/5;position:relative;}
.cta-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.95);}
.cta-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(34,57,44,.3),transparent 50%);pointer-events:none;}
.cta-text{}
.cta-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.1;color:var(--g);margin-bottom:28px;}
.cta-title em{font-style:italic;color:var(--t);}
.cta-sub{font-size:1rem;line-height:1.9;color:var(--t);margin-bottom:44px;}
#cta-sec .cta-title {color: var(--gl);}
#cta-sec .cta-title em {
    font-style: italic;
    color: var(--go);
}
/* ═══════ MARQUEE ═══════ */
.mq{background:var(--go);overflow:hidden;padding:5px 0;}
.mq-track{display:inline-flex;animation:mq 22s linear infinite;white-space:nowrap;}
.mq-track span{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:var(--g);padding:0 24px;}
.mq-track span::after{content:'◆';margin-left:24px;font-size:.4rem;vertical-align:middle;opacity:.5;}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* FOOTER */
footer{background:var(--go);padding-top:52px;border-top:1px solid rgba(201,168,76,.12);position: fixed;bottom: 0;left: 0;right: 0;z-index: 1;}
.footer {
display:flex;align-items:flex-end;justify-content:space-between;padding-bottom: 25px; margin: auto 72px;
}
.f-logo{font-size:.7rem;letter-spacing:.44em;text-transform:uppercase;color:rgba(244,235,223,.7);}
.f-logo span{color:var(--go);}
.f-copy{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--g);}
#wave-footer {
    fill: var(--g);
    height:90px;
    z-index:2;
    position:relative;
    width: 100%;
    transform: rotate(180deg);
}
.footer-center a {
   font-size: 1.5rem;
    font-weight: 400;
  color: var(--g);
  transition: color .3s, transform .3s;
  cursor: none;
  text-decoration: none;
}

.footer-right a i {
  font-size: 1.2rem;
  color: var(--g);
  transition: color .3s, transform .3s;
  cursor: none;
}

.footer-right a:hover i {
  color: var(--t);
  transform: translateY(-2px) scale(1.1);
}
.nr a {
    font-size: 1.2rem;
    letter-spacing: .2em;
    text-transform: uppercase;

    text-decoration: none;
color: var(--w);
    font-weight: 400;
    transition: all .3s;
}

#logoGreen {
    opacity: 0;
    position: absolute;
    left: 0;
     transition: all .3s;
}
#nav.s #logoGreen {
    opacity: 1;
}
#nav.s .nr a {
    color: var(--g);
    opacity: 1;
}
.page-link.active {
font-size: 1.8rem;
margin-top: -20px;
}

#wave-floating-menu {
    fill: var(--g);
    height:50px;
    z-index:2;
    position:relative;
    width: 100%;
    margin-bottom: -3px;
    /* transform: rotate(180deg); */
    display: none;
}
@media(max-width:1024px){
.approach-inner {
    align-items: center;
}
}
/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:22px 24px;}nav.s{padding:14px 24px;}
  #hero,.sec,#approach,#manifesto-sec,#moments,#b2b,#cta-sec{padding:100px 24px;}
  .hero-inner,.approach-inner,.manifesto-inner,.cta-inner{grid-template-columns:1fr;gap:40px;}
  .h-img-wrap{max-width:300px;margin:0 auto;}
  .m-card.wide{grid-column:span 1;grid-template-columns:1fr;}
  .mc-img{display:none;}
  .b2b-grid{grid-template-columns:1fr;}
  footer{padding:36px 24px;flex-direction:column;gap:16px;text-align:center;}
  .nr{gap:20px;}
footer {
    display: none;
}
#wave-floating-menu {
display: block;
}

  .h-left {
    text-align: center;
}
.h-sub {
  margin: auto;
  margin-bottom: 20px;
}
.ap-img-main, .manifesto-img {
  max-width: 300px;
    margin: auto;
}
}
/* ── FLOATING MENU ── */
  #float-menu {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 200;
  }

  #float-menu-inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--go);
    border: 1px solid rgba(201, 168, 76, 0.9);
    padding: 10px 8px;
    box-shadow: 0 8px 40px rgba(34, 57, 44, 0.22);
  }

  .float-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 56px;
    height: 56px;
    background: transparent;
    border: none;
    cursor: none;
    text-decoration: none;
    color: rgba(244, 235, 223, 0.55);
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
    position: relative;
  }

  .float-item:hover {
    background: rgba(201, 168, 76, 0.12);
    color: var(--g);
    transform: scale(1.1);
  }

 

  .float-icon {
    font-size: 1rem;
    line-height: 1;
  }

  .float-label {
    font-family: 'Lato', sans-serif;
    font-size: 0.48rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
  }

  /* Tooltip on hover */
  .float-item::before {
    content: attr(aria-label);
    position: absolute;
    right: calc(100% + 14px);
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    background: var(--go);
    color: var(--cream);
    font-family: 'Lato', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 7px 14px;
    border: 1px solid rgba(201, 168, 76, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  .float-item:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
.form-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-group {
  position: relative;
}

/* Inputs */
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 18px 24px;
  border-radius: 30px;
  border: 1px solid rgba(34,57,44,.15);
  background: var(--w);
  font-family: 'Lato', sans-serif;
  font-size: 0.8rem;
  color: var(--g);
  outline: none;
  margin: 10px auto;
  transition: border-color .3s, box-shadow .3s, transform .3s;
}

/* Focus effect */
.form-group input:focus,
.form-group textarea:focus {
  border-color: var(--go);
  box-shadow: 0 0 0 3px rgba(201,168,76,.15);
  transform: translateY(-2px);
}

/* Textarea specific */
.form-group textarea {
  border-radius: 30px;
  resize: vertical;
}

/* Placeholder */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: rgba(34,57,44,.4);
  font-size: 0.75rem;
  letter-spacing: .05em;
}
/* ── MOBILE ── */
  @media (min-width: 769px) {
    #float-menu-svg {
      display: none;
}
#float-menu-inner {
  border-radius: 50px 0 0 50px;

}
  }
  @media (max-width: 768px) {
    body {
          padding-bottom: 30px;
    }
    #float-menu {
      right: 0px;
      top: unset;
      bottom: 0px;
      left: 0px;
      transform: translateX(0%);
    }
 .float-item {
      flex: 1;
      color: white;
    }
    #float-menu-inner {
      flex-direction: row;
      padding: 8px 10px;
      border: none;
    }
#float-menu-svg {
      margin-bottom: -42px;

}
    /* Hide tooltips on mobile */
    .float-item::before { display: none; }

    #float-modal-box { padding: 36px 24px; }
    .modal-fields { grid-template-columns: 1fr; }
    .modal-field--full { grid-column: span 1; }
    footer {
          padding: 30px 72px 130px;
    }
  }



/* ═══════ VIEW TRANSITION ═══════ */
/* ═══════ PAGE TRANSITION BLOB ═══════ */
/* ═══════ PAGE BLOB TRANSITION ═══════ */
.transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
}

/* background */
.bg-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* lines on top */
.line-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.transition-overlay .draw-path2 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}
/* Prevent flash BEFORE GSAP loads */
html.is-loading .transition-overlay {
  transform: translateX(0);
}
.transition-overlay svg {
  width: 100%;
  height: 100%;
}

.transition-overlay path {
  fill: #111; /* your brand color */
}

/* ENTRY animation */
.transition-in {
  animation: slideIn 0.9s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

/* EXIT animation */
.transition-out {
  animation: slideOut 0.9s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes slideOut {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}