/* Bloom AI — site theme 2026-10-25: the homepage design carried to every inner page.
   Loaded after styles.css; restyles only, keeps every page's content, links and scripts. */
:root{
 --bg:#FFFFFF;--bg-2:#F6F8F8;--surface:#FFFFFF;--surface-2:#F6F8F8;
 --ink:#000000;--muted:#3d3d3d;--faint:#5c6266;--line:#e3e6e8;
 --teal:#00ADA7;--teal-dim:#28C9BB;--teal-ink:#00756F;
 --orange:#FF4D00;--orange-dim:#B85F00;--deep:#0f3b38;
 --b1:#bff3ec;--b2:#ffd9ad;--b3:#f4ecd6;--b4:#d8f6f1;
 --sans:"Rubik","Segoe UI",Arial,system-ui,sans-serif;
 --f-d:"Karantina","Rubik",system-ui,sans-serif;
 --maxw:1180px;
}
html,body{background:#fff!important;color:var(--ink)}
body{font-family:var(--sans)}
:focus-visible{outline:3px solid var(--teal-ink);outline-offset:3px}

/* header */
header.nav,header.nav.scrolled{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line)}
.nav-links a.link{color:#2b2f31;font-size:.95rem;font-weight:500}
.nav-links a.link:hover,.nav-links a.link.active{color:var(--teal-ink)}
.nav .lang,.menu-btn{background:var(--b1);border:0;color:var(--ink);border-radius:999px;font-weight:500}

/* buttons: pills, black primary, orange for the closing call */
.btn{border-radius:999px!important;border:1.5px solid var(--ink);color:var(--ink);font-weight:500;padding:.8rem 1.5rem}
.btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.solid,.nav .btn.solid,.nav .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.solid:hover,.nav .btn:hover{background:var(--teal);color:var(--ink);border-color:var(--teal)}
.wa{border-radius:999px;background:var(--orange);color:var(--ink)}

/* type: film-title display face for the big lines */
.hero h1,.hero .display,.brand-display,.hero-title,.sec-head h2,.contact-h,section h2.display{
 font-family:var(--f-d)!important;font-weight:700!important;letter-spacing:0!important;line-height:.92!important;color:var(--ink)
}
.hero h1,.hero .display{font-size:clamp(3.6rem,10vw,8.6rem)!important}
.hero .display .out,.brand-display .out{color:var(--teal-ink)!important;-webkit-text-stroke:0!important}
.sec-head h2{font-size:clamp(2.8rem,6vw,5rem)!important}
section h2{letter-spacing:-.01em}
.hero-eyebrow{color:var(--teal-ink);font-weight:500}
.hero-eyebrow .rule{display:none}
.hero .eyebrow{background:none;border:0;padding:0;color:var(--teal-ink);font-size:.95rem;font-weight:500}
.hero{background:#fff;padding-bottom:clamp(2.5rem,6vw,4rem)}
.hero h1 + p,.hero .seo-lede{color:var(--muted)!important}

/* sections stay white; colour comes from the panels and films */
#about,#services,#work,#process,#instagram,#faq,#types,#start,#why{background:#fff}
#faq{background:var(--b4)}

/* video tiles: rounded, clean */
.tile{border-radius:20px;border:0;background:var(--b4)}
.tile::after{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72) 100%)}
.tile .cat{color:var(--teal);font-weight:500}
.tile h3{font-weight:700}
.tile .play{background:var(--orange);border:0;color:var(--ink)}
.tile:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(0,0,0,.45)}
.tile:hover .play{background:var(--teal)}

/* cards and service items: soft brand tints, no borders */
.svc .item,.c-card{border:0;border-radius:20px;box-shadow:none;background:var(--b4)}
.svc .item:nth-child(3n+2),.c-card:nth-child(3n+2){background:#fff1df}
.svc .item:nth-child(3n),.c-card:nth-child(3n){background:var(--b3)}
.svc .item:hover,.c-card:hover{transform:translateY(-3px)}
.svc .item .no,.process-row .row .k{color:var(--orange-dim)}
.svc .item .dot{background:var(--orange)}
.c-go{color:var(--teal-ink);font-weight:500}
.wf{border-radius:999px;background:#fff;border:1.5px solid var(--line)}
.wf.on{background:var(--ink);border-color:var(--ink)}
details{border-radius:16px!important;background:#fff;border-color:transparent!important}
.process-row{border-top:0}

/* closing call: the orange panel from the homepage */
section.contact{background:#fff}
section.contact>.wrap{background:var(--orange);border-radius:28px;padding:clamp(2rem,6vw,4.5rem)}
section.contact .btn{border-color:var(--ink)}
section.contact .btn.solid{background:var(--ink);color:#fff}
section.contact .mail-alt,section.contact a{color:var(--ink)}
.contact .glow{display:none}

/* footer */
footer{background:#fff;border-top:1px solid var(--line)}
.foot-inner .socials a{color:var(--muted)}
.foot-inner .socials a:hover{color:var(--ink)}

/* accessibility + cookie */
.a11y-btn{background:var(--teal-ink);color:#fff}
.cookie{background:rgba(255,255,255,.98)}
.cookie button{background:var(--ink);color:#fff;border-radius:999px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* page titles wrap instead of running off the screen */
.hero .display,.brand-display{display:block!important;white-space:normal!important;direction:inherit!important;overflow-wrap:break-word;max-width:100%}
.hero .display span{display:inline}

/* floating email button (replaces WhatsApp) */
.wa-float{background:var(--orange)!important}
.wa-float svg{fill:#000!important}