/* /collaborate/ (tpl/collaborate.php, 31 Oct 2026): the client's media kit as a page for brands.
   1 Nov 2026 (Rahul: "colorful nahi lag rha, bada boring"): logo palette (lg-globe sea #9ce1ff + land #95df95, lg-text #2796c3) + the site's
   orange button edge #eb5222; reach numbers = passport stamps ("one passport filled life"); logos in their own colours on white tiles.
   2 Nov 2026 (Rahul: "I don't want these edges ever in any of my designs"): no coloured top edge on any card or box, no white frame on any photo. */
.ttwt-collab{--c-cream:var(--tt-cream,#f7f3ee);--c-ink:var(--tt-ink,#111);--c-line:var(--tt-line,#d9d2c8);--c-blue:#2796c3;--c-blue-t:#217ea4;--c-sky:#e6f6fd;--c-sea:#9ce1ff;--c-leaf:#95df95;--c-mint:#ecf8ea;--c-green:#2e7d32;--c-sun:#eb5222;--c-sun-t:#c2410c;--c-peach:#fff1e8;--c-ocean:#0d2f45;--c-acc:var(--c-blue-t);--c-dark:#0b0e14;font-family:var(--tw-font,Lato,sans-serif);color:var(--c-ink)}
.ttwt-collab ul,.ttwt-collab ol{list-style:none;margin:0;padding:0}
.ttwt-collab p{margin:0 0 14px}
.ttwt-collab .tc-sec{padding:104px 0}
.ttwt-collab .tc-center{text-align:center}
.ttwt-collab .tc-h2{font-family:Cormorant,serif;font-weight:700;font-size:clamp(34px,4.2vw,58px);line-height:1;text-transform:uppercase;letter-spacing:.3px;margin:0 0 22px;color:inherit;text-wrap:balance}
.ttwt-collab .tc-eyebrow{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--c-acc)}
.ttwt-collab .tc-sub{font-family:Cormorant,serif;font-style:italic;font-size:clamp(20px,2vw,26px);margin:-8px 0 44px}
.ttwt-collab .tc-small{font-size:14px;opacity:.75;margin:28px 0 0}

/* buttons: the site's black button with the orange edge (packing guide, booking cards) */
.ttwt-collab .tc-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;background:#000;color:#fff;border:1px solid #eb5222;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.5;text-decoration:none;cursor:pointer;transition:transform .2s,opacity .2s}
.ttwt-collab .tc-btn:hover{transform:translateY(-2px);color:#fff}
.ttwt-collab .tc-btn:focus-visible,.ttwt-collab a:focus-visible,.ttwt-collab button:focus-visible{outline:2px solid var(--c-acc);outline-offset:3px}
.ttwt-collab .tc-btn--ghost{background:transparent;border-color:#fff}
.ttwt-collab .tc-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* hero */
.ttwt-collab .tc-hero{position:relative;display:flex;align-items:flex-end;min-height:min(calc(100vh - 82px),820px);background:var(--c-dark);color:#fff;overflow:hidden}
.ttwt-collab .tc-hero picture,.ttwt-collab .tc-hero picture img{position:absolute;inset:0;width:100%;height:100%}
.ttwt-collab .tc-hero picture img{object-fit:cover;object-position:20% 45%} /* keeps the couple right of the title from 992px */
.ttwt-collab .tc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 34%,rgba(0,0,0,0) 52%),linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 38%)}
.ttwt-collab .tc-hero .container{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:80px}
.ttwt-collab .tc-eyebrow--light{color:#fff;opacity:.92}
.ttwt-collab .tc-hero-h{font-family:Cormorant,serif;font-weight:700;font-size:clamp(52px,5.4vw,84px);line-height:.92;text-transform:uppercase;margin:0 0 14px;color:#fff}
.ttwt-collab .tc-hero-names{font-family:Cormorant,serif;font-style:italic;font-size:clamp(24px,2.4vw,34px);margin:0 0 6px}
.ttwt-collab .tc-hero-line{font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0}

/* about + contact: photo beside copy */
.ttwt-collab .tc-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.ttwt-collab .tc-photo img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.ttwt-collab .tc-about{background:linear-gradient(180deg,#fff 0%,var(--c-sky) 100%)}
/* about photo = a taped polaroid (Rahul 2 Nov: "it really gives those good vibes", keep it) */
.ttwt-collab .tc-about .tc-photo{position:relative;transform:rotate(-2.5deg)}
.ttwt-collab .tc-about .tc-photo img{border:14px solid #fff;border-bottom-width:56px;border-radius:6px;box-shadow:0 22px 50px rgba(13,47,69,.18)}
.ttwt-collab .tc-about .tc-photo:before{content:"";position:absolute;z-index:1;top:-14px;left:50%;width:120px;height:32px;margin-left:-60px;background:rgba(156,225,255,.75);transform:rotate(3deg);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.ttwt-collab .tc-about .tc-copy p{font-size:18px;line-height:1.65}

/* reach */
/* reach = a cinematic photo band (2 Nov 2026, Rahul's pick): them in Antarctica holding the sign, heading over the sky, numbers over a dark fade */
.ttwt-collab .tc-sec.tc-reach{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:min(60vw,900px);padding:56px 0 52px;background:var(--c-ocean);color:#fff;overflow:hidden}
.ttwt-collab .tc-reach-bg,.ttwt-collab .tc-reach-bg img{position:absolute;inset:0;width:100%;height:100%}
.ttwt-collab .tc-reach-bg img{object-fit:cover;object-position:50% 50%}
.ttwt-collab .tc-reach:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,22,34,.5) 0%,rgba(6,22,34,0) 22%,rgba(6,22,34,0) 52%,rgba(6,22,34,.88) 84%)}
.ttwt-collab .tc-reach .container{position:relative;z-index:2;width:100%}
.ttwt-collab .tc-reach .tc-h2{text-align:center;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.ttwt-collab .tc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 30px}
.ttwt-collab .tc-stats li{text-align:center;padding:0 12px;border-left:1px solid rgba(255,255,255,.35)}
.ttwt-collab .tc-stats li:first-child{border-left:0}
.ttwt-collab .tc-num{display:block;font-family:"TTWT Nums",Cormorant,serif;font-weight:700;font-size:clamp(48px,5vw,80px);line-height:.95} /* straight digits, Rahul 2 Nov: "band ke numbers bhi straight kr de" */
.ttwt-collab .tc-lab{display:block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}

/* brands */
.ttwt-collab .tc-brands{background:var(--c-sky)}
.ttwt-collab .tc-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:48px auto 72px;max-width:1000px} /* 5 per row: 20 logos = 4 even rows */
.ttwt-collab .tc-logos li{display:flex;align-items:center;justify-content:center;width:172px;height:100px;background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(13,47,69,.08);transition:transform .25s,box-shadow .25s}
.ttwt-collab .tc-logos li:nth-child(odd):hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 14px 30px rgba(13,47,69,.14)}
.ttwt-collab .tc-logos li:nth-child(even):hover{transform:translateY(-4px) rotate(2deg);box-shadow:0 14px 30px rgba(13,47,69,.14)}
.ttwt-collab .tc-logos img{display:block;height:var(--h,40px);width:auto;max-width:132px;object-fit:contain}
.ttwt-collab .tc-logos img[alt="NH Collection"],.ttwt-collab .tc-logos img[alt="Bellagio Farm"],.ttwt-collab .tc-logos img[alt="Shiloh Stay"],.ttwt-collab .tc-logos img[alt="Juicy Chemistry"],.ttwt-collab .tc-logos img[alt="Goods City"],.ttwt-collab .tc-logos img[alt="Eat Easy"]{height:calc(var(--h,40px) * 1.5)} /* thin lines + inner padding: read small at the shared size */
.ttwt-collab .tc-fit{max-width:860px;margin:0 auto;text-align:center}
.ttwt-collab .tc-fit-h{font-family:Cormorant,serif;font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:0 0 22px}
.ttwt-collab .tc-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 28px}
.ttwt-collab .tc-tags a{--dot:var(--c-blue);display:inline-flex;align-items:center;gap:9px;border-radius:30px;padding:9px 18px;font-size:15px;line-height:1.35;background:#fff;color:var(--c-ink);text-decoration:none;box-shadow:0 2px 8px rgba(13,47,69,.06);transition:background .2s,color .2s}
.ttwt-collab .tc-tags a:before{content:"";flex:0 0 9px;height:9px;border-radius:50%;background:var(--dot)}
.ttwt-collab .tc-tags li:nth-child(3n+2) a{--dot:var(--c-leaf)}
.ttwt-collab .tc-tags li:nth-child(3n) a{--dot:var(--c-sun)}
.ttwt-collab .tc-tags a:hover{background:var(--c-ocean);color:#fff}
.ttwt-collab .tc-fit-line{font-size:18px;margin:0 0 24px}

/* "also available" offers under the three package cards (the separate offers list was merged in, 1 Nov) */
.ttwt-collab .tc-offer-no{font-family:Cormorant,serif;font-weight:700;font-size:22px;color:var(--c-acc)}
.ttwt-collab .tc-also{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.ttwt-collab .tc-also li{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 22px;border-radius:18px;background:var(--c-sky)}
.ttwt-collab .tc-also li:nth-child(2){background:var(--c-mint);border-color:var(--c-leaf)}
.ttwt-collab .tc-also li:nth-child(3){background:var(--c-peach);border-color:var(--c-sun)}
.ttwt-collab .tc-also li:nth-child(4){background:#eef1fb;border-color:#1d4f8f}
.ttwt-collab .tc-also h3{font-family:Cormorant,serif;font-weight:700;font-size:24px;line-height:1.1;margin:0 0 8px;text-transform:none;color:inherit}
.ttwt-collab .tc-also p{flex:1;font-size:15px;line-height:1.55;opacity:.85}
.ttwt-collab .tc-more{display:inline-block;padding:10px 0 3px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:inherit;text-decoration:none;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px}
.ttwt-collab .tc-more span{display:inline-block;transition:transform .2s}
.ttwt-collab .tc-more:hover span{transform:translateX(4px)}

/* reels */
.ttwt-collab .tc-work{background:radial-gradient(120% 90% at 85% 0%,#14506f 0%,var(--c-ocean) 60%);color:#fff;--c-acc:var(--c-sea)}
.ttwt-collab .tc-work-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.ttwt-collab .tc-arrows{display:flex;gap:10px;margin-bottom:22px}
.ttwt-collab .tc-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.ttwt-collab .tc-arrow:hover:not(:disabled){background:#fff;color:var(--c-ink)}
.ttwt-collab .tc-arrow:disabled{opacity:.3;cursor:default}
.ttwt-collab .tc-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 32px}
.ttwt-collab .tc-chip{font-family:inherit;font-size:14px;line-height:1.3;padding:9px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}
.ttwt-collab .tc-chip span{opacity:.6;margin-left:4px}
.ttwt-collab .tc-chip[aria-pressed=true]{background:var(--c-sea);color:var(--c-ink);border-color:var(--c-sea)}
.ttwt-collab .tc-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.ttwt-collab .tc-strip::-webkit-scrollbar{display:none}
.ttwt-collab .tc-strip li{flex:0 0 calc((100% - 5 * 18px) / 6);scroll-snap-align:start}
.ttwt-collab .tc-strip li[hidden]{display:none}
.ttwt-collab .tc-reel{display:block;color:#fff;text-decoration:none}
.ttwt-collab .tc-reel-img{display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#222}
.ttwt-collab .tc-reel-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ttwt-collab .tc-reel:hover .tc-reel-img img{transform:scale(1.05)}
.ttwt-collab .tc-reel-cat{display:block;margin-top:14px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c-acc)}
.ttwt-collab .tc-reel-name{display:block;margin-top:4px;font-size:16px;line-height:1.3}
.ttwt-collab .tc-work-more{margin:36px 0 0;text-align:center}
.ttwt-collab .tc-work-more a{color:#fff;font-size:15px;letter-spacing:1px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}

/* packages */
.ttwt-collab .tc-packs{background:#fff}
.ttwt-collab .tc-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ttwt-collab .tc-pack{--k:var(--c-blue);--kt:var(--c-blue-t);display:flex;flex-direction:column;border-radius:20px;padding:34px 30px 30px;background:var(--c-sky)}
.ttwt-collab .tc-pack:nth-child(2){--k:var(--c-leaf);--kt:var(--c-green);background:var(--c-mint)}
.ttwt-collab .tc-pack:nth-child(3){--k:var(--c-sun);--kt:var(--c-sun-t);background:var(--c-peach)}
.ttwt-collab .tc-pack .tc-offer-no{color:var(--kt)}
.ttwt-collab .tc-pack ul:not(.tc-terms) li{border-color:rgba(13,47,69,.12)!important}
.ttwt-collab .tc-pack h3{font-family:Cormorant,serif;font-weight:700;font-size:30px;line-height:1.05;text-transform:uppercase;margin:6px 0 14px;color:inherit}
.ttwt-collab .tc-pack p{font-size:16px;line-height:1.55}
.ttwt-collab .tc-inc{margin:6px 0 10px!important;font-size:12px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.7}
.ttwt-collab .tc-pack ul:not(.tc-terms){margin:0 0 28px}
.ttwt-collab .tc-pack ul:not(.tc-terms) li{position:relative;padding:7px 0 7px 26px;font-size:15px;border-bottom:1px solid var(--c-line)}
.ttwt-collab .tc-pack ul:not(.tc-terms) li:before{content:"";position:absolute;left:2px;top:13px;width:11px;height:6px;border-left:2px solid var(--kt);border-bottom:2px solid var(--kt);transform:rotate(-45deg)}
.ttwt-collab .tc-terms{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ttwt-collab .tc-terms button{font-family:inherit;border:1px solid var(--c-ink);border-radius:30px;padding:6px 14px;background:#fff;color:var(--c-ink);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ttwt-collab .tc-terms button:hover{border-color:var(--c-sun-t);color:var(--c-sun-t)}
.ttwt-collab .tc-terms button[aria-pressed=true]{background:var(--c-sun-t);border-color:var(--c-sun-t);color:#fff}
.ttwt-collab .tc-note{font-size:14px!important;font-style:italic;opacity:.75;margin-bottom:28px}
.ttwt-collab .tc-pack .tc-btn{margin-top:auto;width:100%}

/* contact */
.ttwt-collab .tc-contact{background:linear-gradient(180deg,var(--c-mint) 0%,var(--c-sky) 100%)}
.ttwt-collab .tc-contact .tc-form-box{border:0;box-shadow:0 18px 44px rgba(13,47,69,.10)}
.ttwt-collab .tc-split--contact{align-items:start}
.ttwt-collab .tc-split--contact .tc-photo{position:sticky;top:120px}
.ttwt-collab .tc-contact .tc-copy>p{font-size:18px;line-height:1.6}
.ttwt-collab .tc-reach-us{display:flex;flex-wrap:wrap;gap:14px 36px;margin:26px 0 32px}
.ttwt-collab .tc-reach-us span{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.65;margin-bottom:4px}
.ttwt-collab .tc-reach-us a{color:inherit;font-size:16px;text-decoration:none;border-bottom:1px solid var(--c-line)}
.ttwt-collab .tc-reach-us a:hover{border-color:currentColor}
.ttwt-collab .tc-form-box{background:#fff;border:1px solid var(--c-line);border-radius:20px;padding:32px;scroll-margin-top:100px}
.ttwt-collab .tc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.ttwt-collab .tc-fields p,.ttwt-collab .tc-fields fieldset{margin:0;min-width:0}
.ttwt-collab .tc-wide{grid-column:1/-1}
.ttwt-collab .tc-fields label,.ttwt-collab .tc-fields legend{display:block;margin:0 0 8px;padding:0;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:inherit}
.ttwt-collab .tc-fields fieldset{border:0;padding:0}
.ttwt-collab .tc-fields input:not([type=checkbox]),.ttwt-collab .tc-fields select,.ttwt-collab .tc-fields textarea{display:block;width:100%;border:1px solid #d7d4ca;border-radius:10px;padding:13px 16px;font:inherit;font-size:16px;color:inherit;background:#fff;box-shadow:none;min-height:0}
.ttwt-collab .tc-fields textarea{resize:vertical}
.ttwt-collab .tc-fields input:focus,.ttwt-collab .tc-fields select:focus,.ttwt-collab .tc-fields textarea:focus{border-color:var(--c-ink);outline:0}
.ttwt-collab .tc-picks{display:flex;flex-wrap:wrap;gap:8px}
.ttwt-collab .tc-pick{position:relative;margin:0!important;cursor:pointer;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.ttwt-collab .tc-pick input{position:absolute;opacity:0;width:1px;height:1px}
.ttwt-collab .tc-pick span{display:block;border:1px solid #d7d4ca;border-radius:30px;padding:8px 14px;line-height:1.3;transition:background .2s,color .2s}
.ttwt-collab .tc-pick input:checked+span{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
.ttwt-collab .tc-pick input:focus-visible+span{outline:2px solid var(--c-acc);outline-offset:2px}
.ttwt-collab .tc-submit{margin-top:24px;width:100%}
.ttwt-collab .tc-submit:disabled{opacity:.5;cursor:default;transform:none}

/* reveal (observer = ttwt-shop.js block 5) */
@media (prefers-reduced-motion:no-preference){
  .ttwt-collab .ttwt-rv .rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .ttwt-collab .ttwt-rv .rv:nth-child(2){transition-delay:.12s}
  .ttwt-collab .ttwt-rv .rv:nth-child(3){transition-delay:.24s}
  .ttwt-collab .ttwt-rv .rv:nth-child(4){transition-delay:.36s}
  .ttwt-collab .ttwt-rv.is-in .rv{opacity:1;transform:none}
}

@media (max-width:1199px){
  .ttwt-collab .tc-strip li{flex-basis:calc((100% - 3 * 18px) / 4.3)}
}
@media (max-width:991px){
  .ttwt-collab .tc-sec{padding:72px 0}
  .ttwt-collab .tc-split{grid-template-columns:1fr;gap:40px}
  .ttwt-collab .tc-about .tc-photo{order:2;max-width:520px}
  .ttwt-collab .tc-split--contact .tc-photo{position:static}
  .ttwt-collab .tc-split--contact .tc-photo{order:2;max-width:520px}
  .ttwt-collab .tc-also{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ttwt-collab .tc-pack-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
}
@media (max-width:991px){ /* photo on top, title under it: over the photo it sat on their faces */
  .ttwt-collab .tc-hero{display:block;min-height:0}
  .ttwt-collab .tc-hero:after{display:none}
  .ttwt-collab .tc-hero picture{position:relative;display:block;height:auto;aspect-ratio:16/9}
  .ttwt-collab .tc-hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--c-dark) 0%,rgba(11,14,20,0) 38%)}
  .ttwt-collab .tc-hero picture img{object-position:50% 45%}
  .ttwt-collab .tc-hero .container{padding-top:4px;padding-bottom:48px}
}
@media (max-width:767px){
  .ttwt-collab .tc-hero picture{aspect-ratio:1/1}
  .ttwt-collab .tc-hero picture img{object-position:50% 100%}
  .ttwt-collab .tc-arrows{display:none}
  .ttwt-collab .tc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--bs-gutter-x,1.5rem) * -.5);padding-right:calc(var(--bs-gutter-x,1.5rem) * .5)}
  .ttwt-collab .tc-chips::-webkit-scrollbar{display:none}
  .ttwt-collab .tc-chip{flex:0 0 auto}
  .ttwt-collab .tc-strip{gap:14px;margin-right:calc(var(--bs-gutter-x,1.5rem) * -.5);padding-right:calc(var(--bs-gutter-x,1.5rem) * .5)}
  .ttwt-collab .tc-strip li{flex-basis:44%}
  .ttwt-collab .tc-logos{gap:10px;margin:36px auto 56px}
  .ttwt-collab .tc-logos li{width:calc((100% - 20px) / 3);height:76px;border-radius:14px}
  .ttwt-collab .tc-logos img{height:calc(var(--h,40px) * .72);max-width:84%}
  .ttwt-collab .tc-logos img[alt="NH Collection"],.ttwt-collab .tc-logos img[alt="Bellagio Farm"],.ttwt-collab .tc-logos img[alt="Shiloh Stay"],.ttwt-collab .tc-logos img[alt="Juicy Chemistry"],.ttwt-collab .tc-logos img[alt="Goods City"],.ttwt-collab .tc-logos img[alt="Eat Easy"]{height:calc(var(--h,40px) * 1.08)}
  .ttwt-collab .tc-reach-us{flex-direction:column;gap:14px}
  /* reach band on phones: photo as a block, heading over its sky, numbers 2 x 2 under it */
  .ttwt-collab .tc-sec.tc-reach{display:block;min-height:0;padding:0 0 48px}
  .ttwt-collab .tc-reach-bg{position:relative;display:block;height:auto;aspect-ratio:4/5}
  .ttwt-collab .tc-reach:before{display:none}
  .ttwt-collab .tc-reach-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,34,.55) 0%,rgba(6,22,34,0) 28%,rgba(6,22,34,0) 72%,var(--c-ocean) 100%)}
  .ttwt-collab .tc-reach-top{position:absolute!important;top:26px;left:0;right:0}
  .ttwt-collab .tc-reach-low{margin-top:4px}
  .ttwt-collab .tc-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .ttwt-collab .tc-stats li:nth-child(3){border-left:0}
}
@media (max-width:575px){
  .ttwt-collab .tc-sec{padding:60px 0}
  .ttwt-collab .tc-btns .tc-btn{flex:1 1 0;padding:13px 8px;font-size:13px;letter-spacing:.5px}
  .ttwt-collab .tc-num{font-size:46px}
  .ttwt-collab .tc-lab{font-size:11px;letter-spacing:1.5px}
  .ttwt-collab .tc-btns{gap:10px}
  .ttwt-collab .tc-also{grid-template-columns:1fr}
  .ttwt-collab .tc-form-box{padding:22px 18px}
  .ttwt-collab .tc-fields{grid-template-columns:1fr}
  .ttwt-collab .tc-pack{padding:28px 22px 24px}
}

/* dock: "let's collaborate" + WhatsApp, always one tap away once the hero is passed; hidden over the contact form and the footer (template JS).
   It carries the WhatsApp link, so the site's floating WhatsApp button is off on this page (it covered the hero's second button on phones). */
body:has(.ttwt-collab) .whatsapp-float{display:none!important}
.ttwt-collab .tc-dock{position:fixed;left:50%;bottom:22px;z-index:90;display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:9px 9px 9px 26px;background:#fff;border-radius:60px;box-shadow:0 14px 40px rgba(13,47,69,.28);transform:translate(-50%,160%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
.ttwt-collab .tc-dock.is-on{transform:translate(-50%,0);visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ttwt-collab .tc-dock-t{margin:0!important;font-family:Cormorant,serif;font-style:italic;font-weight:600;font-size:21px;white-space:nowrap}
.ttwt-collab .tc-dock .tc-btn{padding:11px 24px;font-size:14px;border-radius:40px;white-space:nowrap}
.ttwt-collab .tc-dock-wa{flex:0 0 auto;display:block;border-radius:50%}
.ttwt-collab .tc-dock-wa img{display:block;width:46px;height:46px}
@media (max-width:767px){
  .ttwt-collab .tc-dock{left:12px;right:12px;bottom:12px;max-width:none;gap:10px;padding:8px;border-radius:18px;transform:translateY(160%)}
  .ttwt-collab .tc-dock.is-on{transform:none}
  .ttwt-collab .tc-dock-t{display:none}
  .ttwt-collab .tc-dock .tc-btn{flex:1;border-radius:12px}
}
/* Send on WhatsApp (2 Nov 2026: the form opens WhatsApp with every field) */
.ttwt-collab .tc-wa img{flex:0 0 auto;width:22px;height:22px;margin:-2px 10px -2px 0}
.ttwt-collab section[id^="collab-"]{scroll-margin-top:82px} /* sticky header is 82px: link jumps (#collab-ways, #collab-contact) land below it */
/* Who watches us = Instagram insights, layout "Headline + visuals" (2 Nov 2026, Rahul's pick) */
/* The theme's Cormorant (Shopify cut) has only old-style digits: 3, 5, 7, 9 drop below the line and the numbers looked out of line next to their labels
   (Rahul 2 Nov: "numbers dekh jara, aligned lag rhe hai kya?"). TTWT Nums = digits 0-9 of Cormorant Bold (OFL, google/fonts) with its lining figures made default,
   built by CLAUDE/tools/ttwt_nums.py; used for this section only, every other character still comes from Cormorant. */
@font-face{font-family:"TTWT Nums";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/ttwt-nums-700.woff2") format("woff2");unicode-range:U+0030-0039}
.ttwt-collab .tc-aud{--n2:clamp(36px,3.2vw,46px);background:#fff} /* one size for every number under the headline */
.ttwt-collab .tc-aud-big b,.ttwt-collab .tc-aud-stats b,.ttwt-collab .tc-aud-call b,.ttwt-collab .tc-ring b{font-family:"TTWT Nums",Cormorant,serif;font-weight:700}
.ttwt-collab .tc-aud h3{margin:0 0 16px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--kt,var(--c-ink))}
.ttwt-collab .tc-aud-head{text-align:center}
.ttwt-collab .tc-aud-big{margin:0;font-family:Cormorant,serif;font-style:italic;font-size:clamp(24px,2.4vw,34px);line-height:1.1}
.ttwt-collab .tc-aud-big b{display:block;margin-bottom:10px;font-style:normal;font-weight:700;font-size:clamp(88px,10vw,150px);line-height:1}
.ttwt-collab .tc-aud-stats{list-style:none;display:flex;justify-content:center;margin:36px 0 0;padding:0}
.ttwt-collab .tc-aud-stats li{padding:0 40px;font-size:14px;letter-spacing:1.5px;text-transform:uppercase}
.ttwt-collab .tc-aud-stats li+li{border-left:1px solid var(--c-line)}
.ttwt-collab .tc-aud-stats b{display:block;margin-bottom:8px;font-family:Cormorant,serif;font-size:var(--n2);line-height:1}
.ttwt-collab .tc-aud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:64px}
.ttwt-collab .tc-aud-card{--k:var(--c-blue);--k2:var(--c-sea);--kt:var(--c-blue-t);display:flex;flex-direction:column;border-radius:20px;padding:30px 24px;background:var(--c-sky);text-align:center}
.ttwt-collab .tc-aud-card>h3+*{margin-top:auto}
.ttwt-collab .tc-aud-card>:last-child{margin-bottom:auto} /* body centred under the heading, cards share one height */
.ttwt-collab .tc-aud-card:nth-child(4){--kt:#1d4f8f;background:#eef1fb}
.ttwt-collab .tc-aud-card:nth-child(2){--k:var(--c-leaf);--kt:var(--c-green);background:var(--c-mint)}
.ttwt-collab .tc-aud-card:nth-child(3){--kt:var(--c-sun-t);background:var(--c-peach)}
.ttwt-collab .tc-aud-call{margin:0;font-size:16px}
.ttwt-collab .tc-aud-call b{font-family:Cormorant,serif;font-size:var(--n2);line-height:1;margin-right:6px}
.ttwt-collab .tc-ring{position:relative;flex:0 0 auto;width:min(190px,80%);aspect-ratio:1;margin-left:auto;margin-right:auto;margin-bottom:24px}
.ttwt-collab .tc-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--k) 0 62.2%,var(--k2) 62.2% 100%);-webkit-mask:radial-gradient(farthest-side,transparent 70%,#000 71%);mask:radial-gradient(farthest-side,transparent 70%,#000 71%)}
.ttwt-collab .tc-ring span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.ttwt-collab .tc-ring b{font-family:Cormorant,serif;font-size:var(--n2);line-height:1;letter-spacing:0}
.ttwt-collab .tc-key{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:0;padding:0;font-size:15px}
.ttwt-collab .tc-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--c-blue)}
.ttwt-collab .tc-key li:nth-child(2) i,.ttwt-collab .tc-src-bar span:nth-child(2){background:var(--c-sea)}
.ttwt-collab .tc-key li:nth-child(3) i,.ttwt-collab .tc-src-bar span:nth-child(3){background:var(--c-leaf)}
.ttwt-collab .tc-key b{margin-left:4px}
.ttwt-collab .tc-age{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:190px;margin:0 0 22px;padding:0}
.ttwt-collab .tc-age li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;font-size:12px}
.ttwt-collab .tc-age b{margin-bottom:6px;font-weight:400;white-space:nowrap}
.ttwt-collab .tc-age i{display:block;width:100%;max-width:34px;height:calc(var(--h) * 1.2px);min-height:3px;border-radius:6px 6px 2px 2px;background:var(--k)}
.ttwt-collab .tc-age span{margin-top:8px;white-space:nowrap;opacity:.75}
.ttwt-collab .tc-age .is-hi b{font-weight:700}
.ttwt-collab .tc-age .is-hi i{background:var(--kt)}
.ttwt-collab .tc-rows{list-style:none;display:grid;gap:8px;width:100%;max-width:240px;margin-top:16px;margin-left:auto;margin-right:auto;padding:0;font-size:15px}
.ttwt-collab .tc-rows li{display:flex;justify-content:space-between}
.ttwt-collab .tc-aud-src{margin-top:24px;border-radius:20px;padding:32px 34px;background:var(--c-cream)}
.ttwt-collab .tc-src-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:18px}
.ttwt-collab .tc-src-top h3{margin:0}
.ttwt-collab .tc-src-bar{display:flex;gap:3px;height:40px;border-radius:12px;overflow:hidden;margin-bottom:16px}
.ttwt-collab .tc-src-bar span{background:var(--c-blue)}
.ttwt-collab .tc-aud-src .tc-key{justify-content:flex-start}
.ttwt-collab .tc-src-more{margin:18px 0 0;font-size:15px;opacity:.8}
.ttwt-collab .tc-src-more span::before{content:"\00b7";margin:0 10px}
.ttwt-collab .tc-aud-note{margin:22px 0 0;font-size:14px;opacity:.65}
@media (max-width:991px){.ttwt-collab .tc-aud-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}}
@media (max-width:599px){.ttwt-collab .tc-aud-grid{grid-template-columns:1fr}}
@media (max-width:749px){.ttwt-collab .tc-aud-stats li{padding:0 12px;font-size:12px;letter-spacing:1px}.ttwt-collab .tc-aud-src{padding:26px 22px}.ttwt-collab .tc-src-more span{display:block}.ttwt-collab .tc-src-more span::before{content:none}}