/* ─── VARS & RESET ─────────────────────────────────────────────────── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{background:#070707;color:#E0DCD4;font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#070707}::-webkit-scrollbar-thumb{background:#8A6F2E}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block;height:auto}
button{-webkit-tap-highlight-color:transparent}

/* ─── NAV ───────────────────────────────────────────────────────────── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.2rem 6%;
  transition:padding .3s,background .4s,border-color .4s;
  border-bottom:1px solid transparent;
}
#nav.s{background:rgba(7,7,7,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.8rem 6%;border-color:rgba(201,168,76,0.1)}
.nav-logo img{height:36px;filter:drop-shadow(0 0 10px rgba(201,168,76,.2))}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#6B6762;transition:color .3s}
.nav-links a:hover{color:#C9A84C}
.nav-cta{
  font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.5rem 1.2rem;border:1px solid #C9A84C;color:#C9A84C;
  background:transparent;cursor:pointer;transition:all .3s;white-space:nowrap;
}
.nav-cta:hover{background:#C9A84C;color:#000}
/* Mobile menu toggle */
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-burger span{display:block;width:22px;height:1.5px;background:#E0DCD4;transition:all .3s}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-mobile{
  display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:299;
  background:rgba(7,7,7,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;
}
.nav-mobile.open{display:flex}
.nav-mobile a{font-size:1.8rem;font-family:'Bebas Neue',sans-serif;letter-spacing:.05em;color:#6B6762;transition:color .3s}
.nav-mobile a:hover{color:#C9A84C}
.nav-mobile .nm-cta{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid #C9A84C;color:#C9A84C;padding:.7rem 2rem;margin-top:1rem}

/* ─── HERO ──────────────────────────────────────────────────────────── */
#hero{
  min-height:100svh;display:flex;flex-direction:column;
  justify-content:flex-end;padding:0 6% 8vh;
  position:relative;overflow:hidden;
}
.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.glow-1{width:min(600px,80vw);height:min(500px,60vw);background:radial-gradient(ellipse,rgba(201,168,76,.16) 0%,transparent 70%);top:-10%;right:-5%}
.glow-2{width:min(400px,60vw);height:min(400px,60vw);background:radial-gradient(ellipse,rgba(201,168,76,.09) 0%,transparent 70%);bottom:10%;left:5%}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.hero-label{display:inline-flex;align-items:center;gap:.6rem;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:#C9A84C;margin-bottom:1.5rem;opacity:0;animation:up .8s .1s forwards}
.hero-label::before{content:'';width:24px;height:1px;background:#C9A84C}
/* HERO TITLE ROW: logo icon + title side by side */
.hero-title-row{display:flex;align-items:flex-start;gap:1.5rem;opacity:0;animation:up .8s .2s forwards}
.hero-logo-icon{width:clamp(60px,8vw,110px);flex-shrink:0;margin-top:.4rem;filter:drop-shadow(0 0 20px rgba(201,168,76,.25))}
.hero-title{font-family:'Bebas Neue',Arial Narrow,sans-serif;font-display:swap;font-size:clamp(3.8rem,11vw,10rem);line-height:.9;letter-spacing:.02em;color:#F0EDE6}
.hero-title .gold{color:#C9A84C}
.hero-title .outline{-webkit-text-stroke:1px rgba(201,168,76,.45);color:transparent}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:3rem;flex-wrap:wrap;gap:2rem;opacity:0;animation:up .8s .4s forwards}
.hero-sub{font-size:.92rem;line-height:1.75;color:#6B6762;max-width:460px}
.hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.8rem 1.6rem;cursor:pointer;transition:all .3s;font-family:'DM Sans',sans-serif}
.btn-gold{background:#C9A84C;color:#000;font-weight:500;border:1px solid #C9A84C}
.btn-gold:hover{background:#E8C97A}
.btn-ghost{background:transparent;color:#E0DCD4;border:1px solid rgba(255,255,255,.12)}
.btn-ghost:hover{border-color:#C9A84C;color:#C9A84C}
.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap}
.stat-n{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:#C9A84C;line-height:1;display:block}
.stat-l{font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#6B6762;margin-top:.2rem}

/* ─── STATS STRIP ───────────────────────────────────────────────────── */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,0.06)}
.stat-tile{background:#070707;padding:2.2rem 1.8rem;transition:background .3s}
.stat-tile:hover{background:#0C0C0E}
.stat-tile .big{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:#C9A84C;line-height:1;display:block}
.stat-tile .lbl{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#6B6762;margin-top:.4rem}

/* ─── SECTION BASE ──────────────────────────────────────────────────── */
.sec{padding:8rem 6%}
.sec-alt{background:#0C0C0E}
.slabel{display:inline-flex;align-items:center;gap:.5rem;font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:#C9A84C;margin-bottom:1.2rem}
.slabel::before{content:'';width:20px;height:1px;background:#C9A84C;opacity:.7}
.sh2{font-family:'Bebas Neue',Arial Narrow,sans-serif;font-size:clamp(2.5rem,5.5vw,5rem);line-height:.95;letter-spacing:.02em;color:#F0EDE6}
.sh2 em{font-style:italic;font-family:'Cormorant Garamond',serif;font-size:.88em;color:#C9A84C;font-weight:300;vertical-align:middle}
.slead{font-size:.9rem;line-height:1.8;color:#6B6762;max-width:480px;margin-top:1rem}
.sdiv{width:30px;height:1px;background:#C9A84C;margin:1.2rem 0 3rem;border:none}
.rv{transition:opacity .85s,transform .85s}
.rv.v{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}

/* ─── SOBRE ─────────────────────────────────────────────────────────── */
.sobre-g{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.sobre-p{color:#6B6762;line-height:1.85;font-size:.9rem;margin-bottom:1rem}
.sobre-p strong{color:#C9A84C;font-weight:500}
.creds{margin-top:2rem;display:flex;flex-direction:column;gap:1px;background:rgba(201,168,76,0.1)}
.cred{background:#131316;padding:.9rem 1.1rem;display:flex;align-items:flex-start;gap:.9rem;transition:background .3s}
.cred:hover{background:#1A1A1E}
.cred-i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#C9A84C;flex-shrink:0;margin-top:.05rem}
.cred-t{font-size:.76rem;color:#6B6762;line-height:1.4}
.cred-t strong{color:#E0DCD4;display:block;font-size:.8rem;font-weight:500;margin-bottom:.1rem}
.skills{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,168,76,0.1)}
.sk{background:#131316;padding:1.3rem 1.1rem;transition:background .3s}
.sk:hover{background:#1A1A1E}
.sk-i{color:#C9A84C;margin-bottom:.7rem}
.sk-n{font-size:.76rem;font-weight:500;color:#E0DCD4;margin-bottom:.2rem}
.sk-d{font-size:.66rem;color:#6B6762;line-height:1.5}

/* ─── SERVICES ──────────────────────────────────────────────────────── */
.svc-list{margin-top:3.5rem}
.svc-row{
  display:grid;grid-template-columns:2.5rem 1.4fr 2fr 1.2rem;
  align-items:center;gap:1.5rem;
  padding:1.4rem 0;border-top:1px solid rgba(255,255,255,0.06);
  transition:background .25s;
}
.svc-row:last-child{border-bottom:1px solid rgba(255,255,255,0.06)}
.svc-row:hover{background:rgba(201,168,76,.03)}
.svc-row:hover .svc-num{color:#C9A84C}
.svc-row:hover .svc-arr{opacity:1;transform:translateX(3px)}
.svc-ico{color:#C9A84C;display:flex;align-items:center}
.svc-left{display:flex;align-items:flex-start;gap:1rem}
.svc-num{font-family:'Bebas Neue',sans-serif;font-size:1rem;color:rgba(201,168,76,.25);transition:color .3s;line-height:1.2}
.svc-name{font-size:.95rem;font-weight:400;color:#F0EDE6}
.svc-desc{font-size:.76rem;color:#6B6762;line-height:1.6}
.svc-arr{color:#C9A84C;opacity:0;transition:all .3s;display:flex;align-items:center}
.svc-tags{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.3rem}
.tag{font-size:.54rem;letter-spacing:.08em;text-transform:uppercase;color:#8A6F2E;border:1px solid rgba(201,168,76,.14);padding:.14rem .42rem}

/* ─── PORTFOLIO ACCORDION ───────────────────────────────────────────── */
.pacc{border-top:1px solid rgba(255,255,255,0.06)}
.pacc-item{border-bottom:1px solid rgba(255,255,255,0.06);overflow:hidden}
.pacc-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:1.3rem 0;background:transparent;border:none;cursor:pointer;text-align:left;
}
.pacc-btn:hover .pacc-label{color:#C9A84C}
.pacc-left{display:flex;align-items:center;gap:.9rem}
.pacc-ico{color:#C9A84C;display:flex;align-items:center;flex-shrink:0}
.pacc-label{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.04em;color:#F0EDE6;transition:color .3s}
.pacc-sub{font-size:.66rem;color:#6B6762;margin-top:.12rem}
.pacc-right{display:flex;align-items:center;gap:.8rem;flex-shrink:0}
.pacc-count{font-size:.6rem;letter-spacing:.1em;color:#6B6762;white-space:nowrap}
.pacc-toggle{
  width:26px;height:26px;border:1px solid rgba(201,168,76,0.1);
  display:flex;align-items:center;justify-content:center;
  color:#C9A84C;transition:all .3s;flex-shrink:0;background:transparent;
}
.pacc-toggle svg{transition:transform .3s}
.pacc-item.open .pacc-toggle{background:#C9A84C;color:#000;border-color:#C9A84C}
.pacc-item.open .pacc-toggle svg{transform:rotate(45deg)}
.pacc-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}
.pacc-item.open .pacc-body{max-height:4000px}
.pacc-body-inner{padding-bottom:1.8rem}

/* ─── PORTFOLIO GRID ────────────────────────────────────────────────── */
.pgrid{display:grid;grid-template-columns:repeat(var(--c,4),1fr);gap:2px;background:#131316}
.pi{position:relative;overflow:hidden;cursor:zoom-in;aspect-ratio:var(--ar,4/3);background:#131316}
.pi img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s,filter .4s;filter:brightness(.86) saturate(.88)}
.pi:hover img{transform:scale(1.04);filter:brightness(1) saturate(1)}
.po{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,7,7,.88) 0%,transparent 48%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem .9rem;pointer-events:none}
.pi:hover .po{opacity:1}
.po-l{font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:#C9A84C;margin-bottom:.18rem}
.po-t{font-size:.72rem;color:#F0EDE6;line-height:1.3}

/* ─── LIGHTBOX ──────────────────────────────────────────────────────── */
.lb{display:none;position:fixed;inset:0;z-index:9999;background:rgba(7,7,7,.97);align-items:center;justify-content:center;padding:1.5rem;touch-action:none}
.lb.on{display:flex}
.lbi{position:relative;max-width:min(90vw,1000px);display:flex;align-items:center;justify-content:center}
.lbi img{max-width:100%;max-height:85vh;object-fit:contain;border:1px solid rgba(201,168,76,0.1)}
.lbx{position:absolute;top:-2.4rem;right:0;font-size:1.5rem;color:#6B6762;cursor:pointer;transition:color .3s;line-height:1;padding:4px}
.lbx:hover{color:#C9A84C}
.lbn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(7,7,7,.8);color:#6B6762;font-size:1.3rem;cursor:pointer;padding:.5rem .8rem;line-height:1;transition:color .3s;user-select:none}
.lbn:hover{color:#C9A84C}
.lbp{left:-3rem}.lbnx{right:-3rem}
.lbc{position:absolute;bottom:-1.8rem;left:0;right:0;text-align:center;font-size:.64rem;color:#6B6762}

/* ─── CAROUSEL ──────────────────────────────────────────────────────── */
.carousel-wrap{overflow:hidden;position:relative;padding:2.5rem 0}
.carousel-wrap::before,.carousel-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.carousel-wrap::before{left:0;background:linear-gradient(to right,#0C0C0E,transparent)}
.carousel-wrap::after{right:0;background:linear-gradient(to left,#0C0C0E,transparent)}
.carousel-track{display:flex;gap:4.5rem;align-items:center;width:max-content;animation:scroll-logos 30s linear infinite}
.carousel-wrap:hover .carousel-track{animation-play-state:paused}
.carousel-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:68px}
.carousel-item img{max-height:52px;max-width:150px;object-fit:contain;filter:grayscale(1) brightness(1.3);opacity:.58;transition:filter .4s,opacity .4s}
.carousel-item:hover img{filter:grayscale(0) brightness(1);opacity:1}
@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ─── SECTORS ───────────────────────────────────────────────────────── */
.sectors{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2.5rem;justify-content:center;align-items:center}
.sp{padding:.35rem .9rem;border:1px solid rgba(201,168,76,0.1);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#6B6762;transition:all .3s;cursor:default}
.sp:hover{border-color:#C9A84C;color:#C9A84C}

/* ─── CONTACT ───────────────────────────────────────────────────────── */
.ct-g{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.ct-links{margin-top:2rem;display:flex;flex-direction:column;gap:1px;background:rgba(201,168,76,0.1)}
.ct-a{background:#131316;padding:.95rem 1.2rem;display:flex;align-items:center;gap:.9rem;text-decoration:none;transition:background .3s}
.ct-a:hover{background:#1A1A1E}
.ct-ico{width:30px;height:30px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#C9A84C}
.ct-ll{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#6B6762}
.ct-lv{font-size:.8rem;color:#E0DCD4;margin-top:.08rem;word-break:break-all}
.ct-form{background:#131316;padding:2.2rem;border:1px solid rgba(201,168,76,0.1)}
.ct-ft{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.45rem;color:#F0EDE6;margin-bottom:1.3rem}
.fg{margin-bottom:.95rem}
.fg label{display:block;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#6B6762;margin-bottom:.28rem}
.fg input,.fg textarea,.fg select{width:100%;background:#070707;border:1px solid rgba(201,168,76,0.1);color:#E0DCD4;padding:.62rem .82rem;font-family:'DM Sans',sans-serif;font-size:.8rem;outline:none;transition:border-color .3s;appearance:none;-webkit-appearance:none;border-radius:0}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:#C9A84C}
.fg textarea{resize:vertical;min-height:80px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sub{width:100%;background:#C9A84C;color:#000;padding:.85rem;border:none;border-radius:0;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:.3rem}
.sub:hover{background:#E8C97A}
.sub:disabled{opacity:.6;cursor:not-allowed}
.form-msg{display:none;margin-top:.9rem;padding:.7rem;font-size:.76rem;text-align:center;border:1px solid;border-radius:0}
.form-msg.ok{color:#6fcf97;border-color:#6fcf97;background:rgba(111,207,151,.07)}
.form-msg.err{color:#eb5757;border-color:#eb5757;background:rgba(235,87,87,.07)}

/* ─── FOOTER ────────────────────────────────────────────────────────── */
footer{background:#070707;border-top:1px solid rgba(201,168,76,0.1);padding:1.6rem 6%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ft-logo img{height:28px;opacity:.65}
.ft-t{font-size:.64rem;color:#6B6762;letter-spacing:.04em}
.ft-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.85rem;color:#C9A84C;opacity:.5}

@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ─── RESPONSIVE — TABLET ───────────────────────────────────────────── */
@media(max-width:1024px){
  
  .sec{padding:6rem 6%}
  .sobre-g{grid-template-columns:1fr;gap:3rem}
  .ct-g{grid-template-columns:1fr;gap:3rem}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .pgrid{--c:3 !important}
  .svc-row{grid-template-columns:2rem 1fr 1.4rem;gap:1rem}
  .svc-desc{display:none}
  .hero-stats{gap:2rem}
  .hero-right{align-items:flex-start}
  .lbn{font-size:1.1rem;padding:.4rem .65rem}
  .lbp{left:-2.5rem}.lbnx{right:-2.5rem}
}

/* ─── RESPONSIVE — MOBILE ───────────────────────────────────────────── */
@media(max-width:768px){
  
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
  .sec{padding:5rem 6%}
  /* Hero */
  #hero{padding:0 6% 10vh}
  .hero-title-row{gap:1rem}
  .hero-logo-icon{width:48px;margin-top:.25rem}
  .hero-title{font-size:clamp(3rem,13vw,4.5rem)}
  .hero-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:2rem}
  .hero-right{align-items:flex-start;gap:1.2rem}
  .hero-actions{flex-wrap:wrap;gap:.6rem}
  .btn{font-size:.64rem;padding:.75rem 1.3rem}
  .hero-stats{gap:1.8rem}
  .stat-n{font-size:2.4rem}
  /* Stats strip */
  .stats-strip{grid-template-columns:1fr 1fr}
  .stat-tile .big{font-size:2.8rem}
  /* Services */
  .svc-row{grid-template-columns:1fr;gap:.5rem;padding:1.2rem 0}
  .svc-arr{display:none}
  .svc-ico{display:none}
  /* Portfolio */
  .pgrid{--c:2 !important}
  .pacc-label{font-size:1.1rem}
  .pacc-sub{display:none}
  /* Lightbox mobile */
  .lb{padding:.8rem}
  .lbi{max-width:100vw}
  .lbi img{max-height:80vh}
  .lbp{left:-2rem}.lbnx{right:-2rem}
  .lbn{font-size:1rem;padding:.35rem .55rem}
  .lbc{font-size:.58rem;bottom:-1.5rem}
  /* Contact */
  .fr{grid-template-columns:1fr}
  .ct-lv{font-size:.75rem;word-break:break-word}
  /* Footer */
  footer{flex-direction:column;text-align:center;gap:.6rem}
  /* sh2 */
  .sh2{font-size:clamp(2.2rem,9vw,3rem)}
  /* carousel */
  .carousel-wrap::before,.carousel-wrap::after{width:60px}
  .carousel-item img{max-height:42px;max-width:110px}
  .carousel-track{gap:3rem}
}

@media(max-width:400px){
  .hero-title{font-size:clamp(2.6rem,12vw,3.5rem)}
  .pgrid{--c:1 !important}
  .stats-strip{grid-template-columns:1fr}
}

/* ── COOKIE BANNER ── */
#cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:400;
  background:rgba(13,13,15,.97);border-top:1px solid rgba(201,168,76,0.1);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:1.2rem 6%;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;
  transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
}
#cookie-banner.show{transform:translateY(0)}
.cb-text{font-size:.74rem;color:#6B6762;line-height:1.6;max-width:680px}
.cb-text a{color:#C9A84C;text-decoration:underline;text-underline-offset:3px}
.cb-text a:hover{color:#E8C97A}
.cb-actions{display:flex;gap:.7rem;flex-shrink:0;flex-wrap:wrap}
.cb-btn{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.2rem;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;transition:all .3s;white-space:nowrap}
.cb-accept{background:#C9A84C;color:#000}
.cb-accept:hover{background:#E8C97A}
.cb-reject{background:transparent;color:#6B6762;border:1px solid rgba(255,255,255,.12)}
.cb-reject:hover{border-color:#C9A84C;color:#C9A84C}
@media(max-width:600px){
  #cookie-banner{padding:1rem 4.5%}
  .cb-text{font-size:.7rem}
  .cb-actions{width:100%}
  .cb-btn{flex:1;text-align:center}
}