*{box-sizing:border-box;margin:0;padding:0}html{background:#0b0a09;overflow-x:clip}body{font-family:"Heebo","Assistant",system-ui,sans-serif;color:#f2ede6;background:#0b0a09;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}a{color:inherit;text-decoration:none}
:root{--acc:#c8955a}
.kick{font-size:.78rem;letter-spacing:.25em;color:var(--acc);text-transform:uppercase;margin-bottom:.8rem}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;mix-blend-mode:normal;background:linear-gradient(#0b0a09cc,transparent)}
.logo{font-weight:900;font-size:1.5rem;letter-spacing:-.02em}.logo span{font-weight:300;font-size:.75rem;margin-inline-start:8px;opacity:.7;letter-spacing:.2em}
.nav-cta{border:1px solid #fff5;padding:8px 18px;border-radius:99px;font-size:.85rem}
.btn{display:inline-block;background:var(--acc);color:#120d08;font-weight:700;padding:14px 26px;border-radius:99px;margin:6px 0 6px 10px;transition:transform .3s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:#fff;border:1px solid #fff6}
.hero{position:relative;height:100svh;overflow:hidden}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:-6%;background:center/cover;opacity:0;transform:scale(1.15);transition:opacity 1.6s ease}
.slide.on{opacity:1;animation:kb 7s linear forwards}@keyframes kb{from{transform:scale(1.18) translate(1.5%,1%)}to{transform:scale(1.02) translate(0,0)}}
.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,9,.95) 0%,rgba(11,10,9,.55) 45%,rgba(11,10,9,.1) 75%,rgba(11,10,9,.5) 100%)}
.hero-txt{position:absolute;bottom:13vh;right:5vw;left:5vw;max-width:900px}
h1{font-size:clamp(2.8rem,10vw,7.5rem);line-height:.95;font-weight:900;letter-spacing:-.03em}h1 em{font-style:normal;color:var(--acc)}
.ln{display:block;overflow:hidden}.ln>span{display:inline-block}
.sub{font-size:clamp(1rem,2.2vw,1.25rem);opacity:.85;margin:1.2rem 0;max-width:34ch}
.counter{position:absolute;left:5vw;bottom:5vh;font-size:.8rem;opacity:.8}.counter b{font-size:1.1rem}
.bar{position:absolute;right:5vw;bottom:5vh;width:120px;height:2px;background:#fff3}.bar i{display:block;height:100%;width:0;background:var(--acc)}
.scroll-hint{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;opacity:.6}
.statement{padding:22vh 6vw;max-width:1200px;margin:auto}.big{font-size:clamp(1.8rem,5.5vw,4.2rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.big .w{opacity:.15;transition:opacity .2s}
.wall{position:relative;overflow:clip}.wall-pin{height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.wall-head{padding:0 5vw 3vh}.wall-head h2{font-size:clamp(2.2rem,7vw,5rem);font-weight:900;line-height:1}.hint{opacity:.55;font-size:.85rem;margin-top:.6rem}
.track{display:flex;gap:2.5vw;padding:0 5vw;width:max-content;will-change:transform}
.card{position:relative;width:min(72vw,520px);height:58svh;border-radius:6px;overflow:hidden;cursor:pointer;flex:none}
.card .im{position:absolute;inset:-4% -12%;background:center/cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.card:hover .im{transform:scale(1.06)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,#0000 55%)}
.card .cap{position:absolute;bottom:18px;right:20px;left:20px;z-index:2}.card .cap small{color:var(--acc);letter-spacing:.2em;font-size:.72rem}.card .cap h4{font-size:1.6rem;font-weight:800;margin-top:4px}
.card .num{position:absolute;top:14px;left:18px;z-index:2;font-size:.8rem;opacity:.8}
.story{position:relative;display:grid;grid-template-columns:1fr 1fr}
.story-media{position:sticky;top:0;height:100svh;overflow:hidden}.sm{position:absolute;inset:0;background:center/cover;opacity:0;transition:opacity .9s,transform 6s;transform:scale(1.1)}.sm.on{opacity:1;transform:scale(1)}
.story-txt article{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 6vw}.story-txt span{color:var(--acc);font-size:.9rem}.story-txt h3{font-size:clamp(2rem,5vw,3.8rem);font-weight:900;margin:.4rem 0 1rem}.story-txt p{font-size:1.15rem;opacity:.8;max-width:30ch}
.services{padding:18vh 5vw}.services ul{list-style:none;border-top:1px solid #fff2}.services li{display:flex;justify-content:space-between;align-items:baseline;padding:3.2vh 0;border-bottom:1px solid #fff2;transition:padding .4s,color .4s}.services li:hover{padding-inline-start:2vw;color:var(--acc)}
.services b{font-size:clamp(2rem,7vw,5rem);font-weight:900;letter-spacing:-.02em}.services i{font-style:normal;opacity:.6;font-size:.9rem}
.cta{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:var(--bg) center/cover fixed}.cta .shade{background:linear-gradient(to top,rgba(11,10,9,.95) 10%,rgba(11,10,9,.65) 60%,rgba(11,10,9,.4))}
.cta-in{position:relative;padding:0 5vw 12vh}.cta h2{font-size:clamp(2.6rem,9vw,7rem);font-weight:900;line-height:.95;margin-bottom:1rem}.cta p{opacity:.85;margin-bottom:1rem}.small{font-size:.8rem;opacity:.5!important;margin-top:2rem}
.fab{position:fixed;left:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 30px #0008}
.ov{position:fixed;inset:0;z-index:100;background:#0b0a09f5;display:grid;grid-template-columns:1.4fr 1fr;opacity:0;pointer-events:none;transition:opacity .45s}.ov.open{opacity:1;pointer-events:auto}
.ov-img{background:center/cover;transform:scale(1.08);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.ov.open .ov-img{transform:scale(1)}
.ov-txt{padding:10vh 5vw;display:flex;flex-direction:column;justify-content:center}.ov-txt h3{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1;margin-bottom:1rem}.ov-txt p{opacity:.85;margin-bottom:1.4rem;line-height:1.6}
.x{position:absolute;top:16px;left:16px;z-index:3;width:52px;height:52px;border-radius:50%;border:1px solid #fff6;background:#0b0a09cc;color:#fff;font-size:1.3rem;cursor:pointer}
@media(max-width:800px){.story{grid-template-columns:1fr}.story-media{height:100svh;grid-row:1;grid-column:1}.story-txt{grid-row:1;grid-column:1;position:relative;z-index:2}.story-txt article{background:linear-gradient(0deg,#0b0a09ee,#0b0a0900 70%);justify-content:flex-end;padding-bottom:14vh}
.ov{grid-template-columns:1fr;grid-template-rows:55svh auto;overflow-y:auto}.ov-txt{padding:6vh 6vw 12vh}.card{height:56svh}.cta{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.slide.on{animation:none}}
