/* v8: white backgrounds, real logos, links, forms */
:root{--paper:#ffffff;--iv2:#ffffff;--hl:#e8e8e8}
body{background:#fff}
.alt,.nav.solid,.wall>div,.award,.cases,.about,.brands3,.s5.cr,.k3{background:#fff!important}
.v3 .f2{border-top:0}
@media(max-width:800px){.v3 .f2{background:#fff!important}}
.wall2{border-color:#e8e8e8}.wall2>div{border-color:#e8e8e8}
.wall2 img{filter:none!important;opacity:1!important;max-height:46px;max-width:72%;object-fit:contain}
.wall2 img[src*=orange]{max-height:60px}.wall2 img[src*=vachequirit],.wall2 img[src*=taptap],.wall2 img[src*=gmd]{max-height:62px}
.wall2 img[src*=soa]{max-height:44px}
.wall2 span{opacity:.75}
@media(max-width:800px){.wall2 img{max-height:32px}.wall2 img[src*=orange],.wall2 img[src*=vachequirit],.wall2 img[src*=taptap],.wall2 img[src*=gmd]{max-height:48px}}
/* social links */
.vsoc a{color:inherit;display:flex;transition:transform .2s}.vsoc a:hover{transform:scale(1.15)}.vsoc a:hover svg{opacity:1;fill:#C9A862}
.pml{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.pml:hover{color:#9A7A36}
.f2 a[target],.foot a[target],a[target][href*=instagram],a[target][href*=tiktok],a[target][href*=snapchat]{color:inherit;text-decoration:none;border-bottom:1px solid #C9A86266}
.vsoc a[target],.pml{border-bottom:0!important}
a[target]:hover{color:#C9A862}
/* footer logo strip */
.fstrip{grid-column:1/-1;display:flex;align-items:center;gap:34px;background:#fff;border-radius:18px;padding:22px 30px;margin:46px 0 0;flex-wrap:wrap}
.fsl{font:600 10px Inter;letter-spacing:.2em;text-transform:uppercase;color:#141413;opacity:.6;white-space:nowrap}
.fsr{display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;flex:1}
.fsr img{height:28px;width:auto;max-width:110px;object-fit:contain}
.fsr img[src*=vachequirit]{height:46px}.fsr img[src*=orange],.fsr img[src*=vachequirit],.fsr img[src*=taptap],.fsr img[src*=gmd]{height:40px}
@media(max-width:800px){.fstrip{padding:18px;gap:16px;border:1px solid #e8e8e8}.fsr{gap:16px 22px;justify-content:center}.fsr img{height:22px;max-width:84px}.fsr img[src*=vachequirit]{height:46px}.fsr img[src*=orange],.fsr img[src*=vachequirit],.fsr img[src*=taptap],.fsr img[src*=gmd]{height:32px}}
/* form */
.cf{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;background:#fff;border:1px solid #e8e8e8;border-radius:22px;padding:38px;box-shadow:0 30px 60px -30px #14141333;color:#141413}
.cf label{display:flex;flex-direction:column;gap:8px}.cf .full{grid-column:1/-1}
.cf .fl{font:600 10px Inter;letter-spacing:.18em;text-transform:uppercase;opacity:.65}
.cf input,.cf select,.cf textarea{font:400 15px Inter,sans-serif;color:#141413;background:#fff;border:1px solid #dcdcdc;border-radius:12px;padding:13px 14px;width:100%;outline:none;transition:border .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.cf select{background-image:linear-gradient(45deg,transparent 50%,#9A7A36 50%),linear-gradient(135deg,#9A7A36 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:#C9A862;box-shadow:0 0 0 3px #C9A86233}
.cfb{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}.cfb small{font-size:12px;opacity:.6}
.cf button.pill,.thx .pill{display:inline-flex;align-items:center;font:700 12px Inter;letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:99px;padding:17px 30px;cursor:pointer;background:linear-gradient(120deg,#A07F3A,#E3CC94 48%,#C9A862 62%,#A07F3A);color:#141413;text-decoration:none}
.cfs{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:110px var(--m,6vw);background:#fff;color:#141413;align-items:start}
.cfh h2{font:900 clamp(2.2rem,4vw,3.6rem)/1 'Playfair Display SC',serif;text-transform:uppercase;margin:22px 0 18px}.cfh h2 em{font:400 1.2em Allura,cursive;text-transform:none;color:#9A7A36}
.cfh p{opacity:.7;max-width:26em}
@media(max-width:800px){.cf{grid-template-columns:1fr;padding:24px 20px;border-radius:18px}.cfs{grid-template-columns:1fr;gap:28px;padding:70px 22px}}
/* thank-you */
.thx{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:100px 24px;background:#141413;color:#F6EFE0}
.thx .tag{display:inline-block;font:600 10.5px Inter;letter-spacing:.18em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:7px 14px}
.thx h1{font:900 clamp(3rem,8vw,6rem)/1 'Playfair Display SC',serif;margin:0}.thx p{max-width:30em;opacity:.8}.thxm{height:90px}
body:not(.v3){--iv:#fff;--iv2:#fff;--sand:#f2f2f2}
/* v9 */
.wall2{grid-template-columns:repeat(5,1fr)!important}
@media(max-width:800px){.wall2{grid-template-columns:repeat(2,1fr)!important}.wall2>div{min-height:104px}}
.wall2 img[src*=adja],.wall2 img[src*=casamancaise],.wall2 img[src*=tacima]{max-height:62px}
.wall2 img[src*=aliwax]{max-height:34px}
.fsr img[src*=adja],.fsr img[src*=casamancaise],.fsr img[src*=tacima]{height:40px}
.smtg{font:500 10px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:inherit;text-decoration:none;opacity:.65;border-bottom:1px solid #C9A86266!important;padding-bottom:2px;transition:opacity .2s,color .2s}
.smtg:hover{opacity:1;color:#C9A862}
.cf label,.cf .fl{border:0!important;background:none!important;padding:0!important;margin:0!important}
.cf .fl{color:#141413!important}
.wall2 img[src*=vachequirit]{max-height:84px!important;max-width:60%}
.fsr img[src*=vachequirit]{height:50px}
.cf .fl{box-shadow:none!important;display:block}
/* v10 dark logo on white */
.nav .brandd{display:flex;gap:14px;align-items:center;text-decoration:none;color:#141413!important}
.nav .brandd .logo{height:44px;width:auto}
.nav .brandd span{font:500 12px Cinzel,serif;letter-spacing:.32em;text-transform:uppercase;color:#141413;white-space:nowrap}
@media(max-width:800px){.nav .brandd span{font-size:10.5px;letter-spacing:.26em}.nav .brandd .logo{height:38px}}
.nav:not(.solid) .brandd,.nav:not(.solid) .brandd span{color:#F6EFE0!important}
/* v11 pill buttons everywhere */
.btn,.cta,.n3 .cta,a.cta,.lg,button,input[type=submit],.cf button,.cf .btn,.thx .btn,.nav .btn,.hero .btn,[class*=btn],[class*=cta]{border-radius:999px!important}
/* v12 formats cards */
.fmt{background:#fff;color:#141413;padding:110px 48px 100px}
.fmh{max-width:1200px;margin:0 auto 54px}.fmh h2{font:400 clamp(2.4rem,5vw,4.4rem)/1.02 'Playfair Display',serif;margin:14px 0 0}
.fmt .fscr{font-family:Allura,cursive;color:#B8924A;font-style:normal;font-size:1.15em}
.fks{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1240px;margin:0 auto}
.fks.f5{grid-template-columns:repeat(5,1fr);gap:18px;margin-top:50px}
.fk{position:relative;aspect-ratio:3/4.3;border-radius:18px;overflow:hidden;background:#141413;color:#F6EFE0;transform:rotate(var(--r));box-shadow:0 18px 40px #14141322;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.fk:hover{transform:rotate(0) translateY(-12px);box-shadow:0 30px 60px #14141340}
.fki{position:absolute;inset:0;background-size:cover;transition:transform .8s}.fk:hover .fki{transform:scale(1.06)}
.fk:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14141300 35%,#141413e6 100%)}
.fkn{position:absolute;z-index:2;top:14px;left:20px;font:400 4.6rem/1 'Playfair Display',serif;background:linear-gradient(135deg,#E9C77B,#B8924A 60%,#8A6A2F);-webkit-background-clip:text;color:transparent;text-shadow:none}
.fkt{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.fkt h3{font:400 1.45rem/1.1 'Playfair Display',serif;margin:0 0 8px;color:#fff}.fkt p{margin:0;font-size:13.5px;line-height:1.45;opacity:.85}
.f5 .fkn{font-size:3.6rem}.f5 .fkt h3{font-size:1.2rem}
.fmb{text-align:center;margin-top:60px}
@media(max-width:800px){.fmt{padding:80px 0 70px}.fmh{padding:0 22px}
.fks,.fks.f5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:16px 22px 26px;scrollbar-width:none}.fks::-webkit-scrollbar{display:none}
.fk{flex:0 0 76%;scroll-snap-align:start;transform:none}.fk:hover{transform:none}}
.pl2{background:transparent;border:1px solid currentColor;color:inherit}
.fmt .tag{color:#B8924A}
.fmt .fscr{background:none!important;-webkit-text-fill-color:#B8924A;padding:0 .05em}
.fkn{background:none!important;-webkit-text-fill-color:#E2BD72;color:#E2BD72!important;text-shadow:0 2px 14px #0007!important;opacity:1}
.fks.f5{grid-template-columns:repeat(3,1fr);gap:22px}
.f5 .fk:nth-child(4){grid-column:1/2}
@media(max-width:800px){.fks.f5{display:flex}}
.fmt .fkn{font:400 4.6rem/1 'Playfair Display',serif!important}@media(max-width:800px){.fmt .fkn{font-size:3.8rem!important}}
/* v15 menu mobile */
.n3 .burger{display:none}
@media(max-width:900px){
.n3{position:relative;z-index:60}
.n3 .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:10px;padding:0 11px;background:transparent;border:1px solid rgba(242,236,221,.35);border-radius:999px!important;cursor:pointer}
.n3 .burger i{display:block;height:1.5px;background:var(--iv);transition:transform .3s,opacity .3s}
.n3.open .burger i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.n3.open .burger i:nth-child(2){opacity:0}
.n3.open .burger i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.n3.open .links{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:#141413;padding:8px var(--m) 28px;border-top:1px solid rgba(242,236,221,.12);font-size:20px}
.n3.open .links a{display:block;padding:14px 0;border-bottom:1px solid rgba(242,236,221,.08);opacity:.85}
.n3.open .links a.on{opacity:1}
.n3.open .r .lg{display:block;position:absolute;top:calc(100% + 26px);right:var(--m);z-index:61;font-size:12px}
}
@media(max-width:420px){.n3 .pill{padding:9px 14px;font-size:11px}.n3 .brand span{display:none}}
@media(max-width:900px){
.nav button.burger{background:transparent;border-left:0;border-right:0;padding:0;color:inherit;cursor:pointer;border-radius:0!important;width:26px;height:12px;position:relative}
.nav button.burger::after{content:"";position:absolute;inset:-16px}
.nav.open{background:#141413!important;color:var(--iv)}
.nav.open ul{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:#141413;padding:8px 24px 28px;border-top:1px solid rgba(242,236,221,.12);font-size:15px;z-index:80}
.nav.open ul a{display:block;padding:16px 0;border-bottom:1px solid rgba(242,236,221,.08);color:var(--iv)}
.nav.open ul a.on{border-bottom:1px solid rgba(242,236,221,.08);padding-bottom:16px;color:var(--gl,#d9bc7a)}
}