@import url('/assets/poppins.css');

:root{--ink:#141414;--bone:#e7e7de;--white:#fefefe;--f:'Syncopate',Arial,sans-serif;--s:'Poppins',Arial,sans-serif;--line:rgba(20,20,20,.25)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bone);color:var(--ink);font:400 15px/1.75 var(--s)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:auto;padding:0 24px}
h1,h2,h3,.f{font-family:var(--f);text-transform:uppercase;letter-spacing:.05em;line-height:1.25;font-weight:700}
h1{font-size:clamp(26px,4.4vw,58px)}h2{font-size:clamp(20px,2.6vw,32px)}h3{font-size:13px}
.k{background:var(--ink);color:var(--white)}.c{text-align:center}.sec{padding:84px 0}
.btn{display:inline-block;background:var(--ink);color:var(--white);font:600 12px var(--f);letter-spacing:.1em;text-transform:uppercase;padding:14px 26px;border:1px solid var(--ink);cursor:pointer;transition:.25s}
.btn:hover{background:var(--bone);color:var(--ink)}.k .btn,.btn.w{background:var(--white);color:var(--ink);border-color:var(--white)}.k .btn:hover,.btn.w:hover{background:transparent;color:var(--white)}
.line{width:64px;height:2px;background:currentColor;margin:18px 0 26px}.c .line{margin:18px auto 26px}
/* header */
.top{background:var(--ink);color:var(--white);font-size:12px;padding:7px 0}.top .wrap{display:flex;justify-content:flex-end;gap:24px}
header{position:sticky;top:0;z-index:60;background:var(--bone);border-bottom:1px solid #cfcfc4;height:84px}
header .wrap{display:flex;justify-content:flex-end;align-items:center;height:100%;position:relative}
.reference-brand{position:absolute;left:0;top:-31px;background:var(--ink);padding:44px 92px 34px 40px;clip-path:polygon(0 0,100% 0,78% 100%,0 100%);z-index:5}
.reference-brand img{height:104px}
.site-header nav{display:flex;gap:30px}.site-header nav a{font:600 12px var(--f);letter-spacing:.08em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent}
.site-header nav a:hover,.site-header nav a.on{border-color:var(--ink)}.mb{display:none;background:none;border:0;font-size:28px;cursor:pointer}
/* hero */
.hero{position:relative;min-height:80vh;display:flex;align-items:flex-end;color:var(--white);background:var(--ink) center/cover;overflow:hidden}
.hero.s{min-height:56vh}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.55),rgba(20,20,20,.2) 40%,rgba(20,20,20,.85))}
.hero .wrap{position:relative;z-index:2;padding-bottom:70px;width:100%}.hero p{max-width:640px;margin:18px 0 28px;font-size:17px}
.px{background-attachment:fixed;background-position:center;background-size:cover}
.ph{background:linear-gradient(135deg,#2a2a2a,#141414) center/cover;position:relative;aspect-ratio:4/3}
.ph:not([style*=url]):after{content:attr(data-l);position:absolute;inset:0;display:grid;place-items:center;color:#8a8a80;font:11px var(--f);text-align:center;padding:20px;letter-spacing:.1em}
/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px}
.card{background:var(--white);position:relative;display:flex;flex-direction:column;transition:.3s;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.chip{position:absolute;top:0;left:0;background:var(--ink);padding:9px 20px 9px 12px;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);z-index:2}.chip img{height:34px}
.tag{position:absolute;top:12px;right:12px;background:var(--ink);color:var(--white);font:700 10px var(--f);padding:6px 10px;letter-spacing:.1em;z-index:2}
.cb{padding:22px 20px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.cb h3{font:600 14px/1.45 var(--s);text-transform:none;letter-spacing:0;min-height:62px}.pr{font:700 17px var(--f)}.cb p{color:#555;font-size:13px}.cb .btn{margin-top:auto}
.car{position:relative}.trk{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;scrollbar-width:none}.trk::-webkit-scrollbar{display:none}
.trk .card{flex:0 0 min(300px,80%);scroll-snap-align:start}
.ar{position:absolute;top:35%;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--white);border:0;font-size:20px;cursor:pointer;z-index:3}.ar.l{left:-14px}.ar.r{right:-14px}
/* forms */
.sf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:end}
.sf label,.fm label{font:700 10px var(--f);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid #bdbdb2;background:var(--white);font:inherit;color:var(--ink);border-radius:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink)}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fm .full{grid-column:1/-1}.fm small{color:#555;font-size:12px}
.k small{color:#bbb}
/* panels */
.two{display:grid;grid-template-columns:1fr 1fr;gap:0}.two>*{min-height:420px;display:flex;flex-direction:column;justify-content:center;padding:56px;position:relative}
.pn{color:var(--white);background:var(--ink) center/cover;overflow:hidden}.pn:before{content:"";position:absolute;inset:0;background:rgba(20,20,20,.62)}.pn>*{position:relative}.pn p{margin:14px 0 24px;max-width:460px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tiles .ph{aspect-ratio:3/4}
.stats{display:flex;justify-content:center;gap:90px;flex-wrap:wrap;text-align:center}.stats b{display:block;font:700 clamp(36px,5vw,64px) var(--f)}.stats span{font:12px var(--f);letter-spacing:.14em}
.bio{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.bio .ph{aspect-ratio:auto;min-height:420px}.bio>div:not(.ph){padding:48px}
.pc{background:var(--white);padding:20px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.06);position:relative}.pc .ph{aspect-ratio:3/4;margin-bottom:16px}.pc h3{font:600 15px var(--s);text-transform:none;letter-spacing:0}.pc em{font-style:normal;color:#555;font-size:13px;display:block;margin-bottom:8px}.pc a.l{display:block;font-size:13px}
.ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.rg{padding:18px 0;margin:50px 0 30px;position:relative}.rg h2{color:var(--white)}
.icons{display:flex;gap:18px;flex-wrap:wrap}.ib{display:flex;align-items:center;gap:10px;border:1px solid currentColor;padding:12px 20px;font:600 12px var(--f);letter-spacing:.08em;text-transform:uppercase}.ib svg{width:22px;height:22px;fill:currentColor}
.split{display:grid;grid-template-columns:1fr 1fr}.split .ph{aspect-ratio:auto;min-height:440px}.split>div:not(.ph){padding:56px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.gal{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.gal .ph{flex:0 0 280px;aspect-ratio:4/3}
.cbox{display:grid;grid-template-columns:1.6fr 1fr;margin-top:-90px;position:relative;z-index:4;box-shadow:0 18px 40px rgba(0,0,0,.25)}.cbox>div{padding:44px}.cbox .k{text-align:center}.cbox .k img{height:120px;margin:0 auto 20px}.cbox .k p{margin:6px 0}
footer{background:var(--ink);color:var(--white);padding:70px 0 26px;font-size:13px}.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr;gap:40px}.fg img{height:110px;margin-bottom:14px}.fg h3{margin-bottom:16px}.fg li{list-style:none;margin:6px 0}.fg a:hover{text-decoration:underline}
.cp{border-top:1px solid #444;margin-top:44px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#bbb}
.rv{opacity:0;transform:translateY(28px);transition:1s}.rv.in{opacity:1;transform:none}
.map{width:100%;height:420px;border:0;filter:grayscale(1)}
@media(max-width:900px){.mb{display:block}.site-header nav{display:none;position:absolute;top:84px;right:0;left:0;background:var(--bone);flex-direction:column;padding:20px 24px;gap:14px;border-bottom:1px solid #ccc}.site-header nav.o{display:flex}.two,.split,.bio,.cbox,.tiles,.fm,.fg{grid-template-columns:1fr}.px{background-attachment:scroll}.reference-brand{padding:36px 70px 26px 22px}.reference-brand img{height:78px}.two>*,.split>div:not(.ph){padding:36px 24px}.stats{gap:40px}.ar{display:none}.top .wrap{justify-content:center}}