:root{--ink:#0b0b0b;--gray:#373d3c;--yellow:#fedc00;--yellow-deep:#e8bf00;--paper:#fffdf2;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat,sans-serif;line-height:1.65;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{font-family:inherit}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}::selection{background:var(--yellow);color:var(--ink)}[data-r]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(32px)}[data-r].in{opacity:1;transform:none}[data-r=left]{transform:translate(-40px)}[data-r=right]{transform:translate(40px)}[data-r=zoom]{transform:scale(.94)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}[data-r]{opacity:1;transform:none}}.btn{background:var(--yellow);color:var(--ink);cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.btn span{transition:transform .3s var(--ease)}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #0006}.btn:hover span{transform:translate(5px)}.btn.dark{background:var(--ink);color:var(--yellow)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;font-weight:800;display:flex}.eyebrow:before{content:"";background:var(--yellow);width:34px;height:3px}h2{letter-spacing:-.03em;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:900;line-height:1.08}section{padding-block:clamp(64px,9vw,120px)}.hd{z-index:50;transition:padding .4s var(--ease);padding:18px 20px;position:fixed;inset:0 0 auto}.hd-in{border-radius:999px;justify-content:space-between;align-items:center;width:min(1180px,100%);margin-inline:auto;padding:8px 12px 8px 24px;transition:background .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex}.hd.stuck{padding-top:10px}.hd.stuck .hd-in{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0be0;box-shadow:0 14px 34px -14px #00000080}.logo img{width:auto;height:38px;transition:filter .4s, height .4s var(--ease)}.hd.stuck .logo img{filter:invert();height:32px}.hd nav{align-items:center;gap:6px;display:flex}.hd nav a:not(.cta){text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;font-size:.85rem;font-weight:700;transition:color .3s;position:relative}.hd.stuck nav a:not(.cta){color:#fff}.hd nav a:not(.cta):after{content:"";background:var(--yellow);transform-origin:0;height:3px;transition:transform .4s var(--ease);position:absolute;bottom:4px;left:16px;right:16px;transform:scaleX(0)}.hd:not(.stuck) nav a:not(.cta):after{background:var(--ink)}.hd nav a:hover:after,.hd nav a.on:after{transform:scaleX(1)}.hd .cta{background:var(--ink);color:var(--yellow);transition:transform .3s var(--ease), background .3s, color .3s;border-radius:999px;margin-left:10px;padding:11px 22px;font-size:.85rem;font-weight:700}.hd.stuck .cta{background:var(--yellow);color:var(--ink)}.hd .cta:hover{transform:scale(1.06)}.burger{cursor:pointer;background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.burger span{background:var(--ink);height:2.5px;transition:transform .4s var(--ease), top .4s var(--ease), background .3s;border-radius:2px;position:absolute;left:11px;right:11px}.burger span:first-child{top:17px}.burger span:last-child{top:25px}.hd.stuck .burger span,.hd.open .burger span{background:#fff}.hd.open .burger span:first-child{top:21px;transform:rotate(45deg)}.hd.open .burger span:last-child{top:21px;transform:rotate(-45deg)}.hero{background:var(--yellow);padding:130px 0 clamp(56px,7vw,96px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 75% 30%,#fff6,#0000 70%);position:absolute;inset:0}.hero:after{content:"";aspect-ratio:1;pointer-events:none;border:60px solid #0000000d;border-radius:50%;width:46%;position:absolute;bottom:-30%;left:-8%}.hero-in{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid;position:relative}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:800}.hero h1{letter-spacing:-.035em;font-size:clamp(2.2rem,3.9vw,3.7rem);font-weight:900;line-height:1.05}.hero h1 span{background:var(--ink);color:var(--yellow);border-radius:.14em;margin-top:.1em;padding:.02em .2em .08em;display:inline-block;transform:rotate(-1.2deg)}.lead{max-width:46ch;margin:24px 0 30px;font-size:1.1rem;font-weight:500}.actions{flex-wrap:wrap;gap:14px;display:flex}.btn.ghost{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--yellow)}.chips{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.chips li{background:#00000017;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700}.stage-wrap{perspective:1200px;position:relative}.stage{aspect-ratio:1015/580;background:var(--yellow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 40px 70px -30px #00000080}.badge{z-index:4;background:var(--ink);width:92px;height:92px;color:var(--yellow);text-align:center;text-transform:uppercase;letter-spacing:.05em;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;line-height:1.15;animation:4s ease-in-out infinite bob;display:grid;position:absolute;top:-22px;right:-14px}@keyframes bob{50%{transform:translateY(-8px)rotate(6deg)}}.slide{opacity:0;transition:opacity 1s var(--ease), transform 6s linear;position:absolute;inset:0;transform:scale(1.06)}.slide.on{opacity:1;z-index:1;transform:scale(1)}.slide a,.slide img{object-fit:contain;width:100%;height:100%;display:block}.arrow{z-index:3;background:var(--ink);width:48px;height:48px;color:var(--yellow);cursor:pointer;opacity:0;transition:opacity .3s, transform .3s var(--ease);border:0;border-radius:50%;font-size:1.2rem;position:absolute;top:50%;translate:0 -50%}.arrow.l{left:18px}.arrow.r{right:18px}.stage:hover .arrow{opacity:1}.arrow:hover{transform:scale(1.12)}.dots{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dots button{cursor:pointer;width:12px;height:12px;transition:width .5s var(--ease);background:#00000040;border:0;border-radius:6px;padding:0;overflow:hidden}.dots button.on{width:56px}.dots i{background:var(--ink);width:0;height:100%;display:block}.dots .on i{animation:5.5s linear forwards fill}@keyframes fill{to{width:100%}}.progress{z-index:70;background:var(--ink);transform-origin:0;height:4px;transform:scaleX(var(--p,0));position:fixed;top:0;left:0;right:0}.progress:after{content:"";background:var(--yellow);mix-blend-mode:difference;position:absolute;inset:0}.marquee{background:var(--ink);color:var(--yellow);white-space:nowrap;padding:18px 0;overflow:hidden}.marquee>div{gap:34px;animation:40s linear infinite scroll;display:inline-flex}.marquee span{letter-spacing:.12em;font-size:.95rem;font-weight:800}.marquee:hover>div{animation-play-state:paused}@keyframes scroll{to{transform:translate(-25%)}}.about{background:var(--ink) repeating-linear-gradient(100deg, #ffffff06 0 2px, transparent 2px 46px);color:#fff;padding-top:clamp(64px,9vw,120px)}.about-in{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);display:grid}.about h2{margin-bottom:24px}.about mark{color:var(--yellow);background:0 0}.about p:not(.eyebrow){color:#cfcfc6;font-size:1.05rem;line-height:1.9}.about figure{translate:0 var(--py,0px);margin:0;position:relative}.about figure:before{content:"";border:3px solid var(--yellow);transition:transform .6s var(--ease);border-radius:26px;position:absolute;inset:22px -22px -22px 22px}.about figure:hover:before{transform:translate(8px,8px)}.about img{border-radius:26px;width:100%;height:auto;position:relative}.showcase{z-index:1;margin-top:-90px;padding-block:0;position:relative}.pv{aspect-ratio:16/9;background:#000;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 40px 70px -35px #0009}.pv video,.pv>button{width:100%;height:100%;position:absolute;inset:0}.pv>button{cursor:pointer;background-position:50%;background-size:cover;border:0;padding:0}.pv>button:after{content:"";background:linear-gradient(#0000 50%,#00000059);transition:background .4s;position:absolute;inset:0}.pv>button span{z-index:1;background:var(--yellow);width:84px;height:84px;color:var(--ink);transition:transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.pv>button span:before{content:"";border:3px solid var(--yellow);border-radius:50%;animation:2.2s ease-out infinite ring;position:absolute;inset:0}.pv>button:hover span{transform:scale(1.12)}.pv>button svg{margin-left:4px}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.showcase{transform-origin:top}.showcase.wrap{margin-bottom:0}.services{background:var(--paper)}.services h2{margin-bottom:36px}.tabs{background:#f1edd0;border-radius:30px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin-bottom:36px;padding:8px;display:flex;position:relative}.pill{z-index:0;width:var(--w,0);height:var(--h,0);transform:translate(var(--x,0), var(--y,0));background:var(--ink);transition:transform .5s var(--ease), width .5s var(--ease), height .5s var(--ease);border-radius:22px;position:absolute;top:0;left:0}.tabs button{z-index:1;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:22px;padding:13px 22px;font-size:.95rem;font-weight:700;transition:color .3s;position:relative}.tabs button.on{color:var(--yellow)}.tabs button:not(.on):hover{color:#6b6a55}.panel{background-image:repeating-linear-gradient(100deg,#ffffff06 0 2px,#0000 2px 46px);background:var(--ink);color:#fff;animation:swap .6s var(--ease);border-radius:34px;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,44px);display:grid}@keyframes swap{0%{opacity:0;transform:translateY(20px)scale(.985)}}.panel .pv{box-shadow:none;border-radius:20px}.panel-text{animation:swap .8s .1s var(--ease) backwards}.num{color:#0000;-webkit-text-stroke:2px var(--yellow);margin-bottom:6px;font-size:4.5rem;font-weight:900;line-height:1;display:block}.panel h3{color:var(--yellow);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}.panel p{color:#d6d6cc}.panel-text img{border-radius:10px;width:70%;margin-top:22px}.quote{background:var(--yellow);overflow:hidden}.quote-in{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.quote h2{max-width:14ch;margin-bottom:16px}.quote p{max-width:42ch;margin-bottom:28px;font-size:1.1rem;font-weight:500}.flyer{max-width:380px;transition:transform .6s var(--ease);justify-self:center;transform:rotate(3deg)}.flyer.in:hover{transform:rotate(0)translateY(-10px)scale(1.03)}.flyer img{border-radius:14px;box-shadow:0 40px 60px -25px #0000008c}.contact{background:var(--paper)}.contact-in{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);display:grid}.contact h2{margin-bottom:28px}.contact ul{gap:14px;margin:0;padding:0;font-weight:500;list-style:none;display:grid}.contact li{align-items:center;gap:14px;display:flex}.contact li svg{box-sizing:content-box;background:var(--yellow);width:22px;height:22px;transition:transform .4s var(--ease);border-radius:12px;flex:none;padding:9px}.contact li:hover svg{transform:rotate(-8deg)scale(1.1)}.contact li a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:4px;text-decoration-thickness:3px}form{background:#fff;border-radius:28px;gap:18px;padding:clamp(24px,3vw,40px);display:grid;box-shadow:0 30px 70px -30px #00000040}form label{display:block;position:relative}form input,form textarea{background:var(--paper);resize:vertical;border:2px solid #e9e6cf;border-radius:14px;width:100%;padding:22px 16px 10px;font:500 1rem Montserrat,sans-serif;transition:border-color .3s,box-shadow .3s}form input:focus,form textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 5px #fedc008c}form label span{color:#7a7860;pointer-events:none;transition:transform .3s var(--ease), font-size .3s var(--ease);transform-origin:0;font-weight:600;position:absolute;top:16px;left:18px}form input:focus+span,form input:not(:placeholder-shown)+span,form textarea:focus+span,form textarea:not(:placeholder-shown)+span{color:var(--ink);font-size:.72rem;transform:translateY(-11px)}form .btn{justify-self:start}.map{padding-block:0 clamp(64px,9vw,110px)}.map iframe{border:0;border-radius:30px;width:100%;height:460px;display:block;box-shadow:0 30px 60px -30px #00000059}footer{background:var(--ink);color:#b5b5aa;padding:36px 0;font-size:.88rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}footer img{filter:invert();width:auto;height:34px}.wa{z-index:60;align-items:center;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.wa span{opacity:0;transition:.4s var(--ease);pointer-events:none;background:#fff;border-radius:12px;padding:9px 14px;font-size:.74rem;line-height:1.3;transform:translate(14px);box-shadow:0 8px 24px -8px #00000059}.wa:hover span{opacity:1;transform:none}.wa b{display:block}.wa i{width:56px;height:56px;transition:transform .3s var(--ease);background:#25d366;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 24px -8px #25d366b3}.wa i:before{content:"";z-index:-1;background:#25d366;border-radius:50%;animation:2.6s ease-out infinite ring;position:absolute;inset:0}.wa:hover i{transform:scale(1.1)rotate(-6deg)}@media (width<=900px){.about-in,.quote-in,.contact-in,.panel{grid-template-columns:1fr}.burger{display:block}.hd nav{background:var(--ink);clip-path:inset(0 0 100% round 26px);opacity:0;transition:clip-path .5s var(--ease), opacity .3s;pointer-events:none;border-radius:26px;flex-direction:column;align-items:stretch;gap:0;padding:12px;position:absolute;top:calc(100% - 6px);left:20px;right:20px}.hd.open nav{clip-path:inset(0 round 26px);opacity:1;pointer-events:auto}.hd nav a:not(.cta){color:#fff;padding:14px 16px}.hd nav a:not(.cta):after{display:none}.hd .cta{text-align:center;background:var(--yellow);color:var(--ink);margin:8px 0 0}.hd.open .hd-in{background:#0b0b0beb}.hd.open .logo img{filter:invert()}.hero{padding-top:110px}.stage{border-radius:18px 18px 0 0}.arrow{display:none}.tabs{border-radius:24px}.tabs button{padding:11px 16px;font-size:.88rem}.flyer{max-width:280px}.about figure:before{inset:14px -10px -14px 10px}.num{font-size:3.4rem}}.next{color:#cfcfc6;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:22px;padding:0;font-size:.88rem;font-weight:600;transition:color .3s;display:flex}.next span{transition:transform .3s var(--ease)}.next:hover{color:var(--yellow)}.next:hover span{transform:translate(6px)}.panel .btn{margin-top:18px}.tabs button:focus-visible,.btn:focus-visible,.next:focus-visible,.arrow:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (width<=900px){.hero-in{grid-template-columns:1fr}.hero{padding-top:110px}.stage{border-radius:20px}.badge{width:72px;height:72px;font-size:.62rem;top:-16px;right:-6px}}.about{padding-bottom:170px}.load{animation:rise .9s var(--ease) both;animation-delay:var(--d,0s)}.load.zoomin{animation-name:zoomin}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@keyframes zoomin{0%{opacity:0;transform:scale(.94)}}