:root{ --bg:#050A14; --bg-2:#0F1928; --bg-3:#172238; --ink:#F5F5FA; --ink-2:#A9AFBC; --ink-3:#6E737E; --line:rgba(245,245,250,.10); --line-2:rgba(245,245,250,.035); --red-lo:#960000; --red:#C80005; --red-hi:#FF0000; --grad-red:linear-gradient(135deg,#960000 0%,#C80005 47%,#FF0000 100%); --grad-navy:linear-gradient(135deg,#050A14 0%,#050A14 50%,#0F1928 100%); --f-d:"Oxanium","Segoe UI",system-ui,sans-serif; --f-b:"Montserrat","Segoe UI",system-ui,sans-serif; --gut:clamp(16px,5vw,80px); --maxw:1440px; --hd-h:76px; --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.76,0,.24,1); --t-fast:.25s; --t-base:.6s; --t-slow:1.2s; --stroke:rgba(245,245,250,.22); --stroke-hi:rgba(245,245,250,.45); --stroke-lo:rgba(245,245,250,.075); --hover:rgba(245,245,250,.07); --ghost:rgba(245,245,250,.09); --ghost-h:rgba(245,245,250,.16); --sk:clamp(26px,4vw,70px); } *,*::before,*::after{box-sizing:border-box} html{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--red) var(--bg)} html::-webkit-scrollbar{width:8px} html::-webkit-scrollbar-track{background:var(--bg)} html::-webkit-scrollbar-thumb{background:var(--grad-red)} body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--f-b);-webkit-font-smoothing:antialiased;overflow-x:clip; -webkit-user-select:none;user-select:none;-webkit-touch-callout:none} body.is-lock{overflow:hidden} input,textarea,select{-webkit-user-select:text;user-select:text} img,svg,canvas,iframe{display:block;max-width:100%} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer} ::selection{background:var(--red);color:#fff} :focus-visible{outline:2px solid var(--red-hi);outline-offset:4px} h1,h2,h3,h4,p,ul,ol,dl,dd,blockquote,figure{margin:0} ul,ol{padding:0;list-style:none} [hidden]{display:none!important} .ms{font-family:"Material Symbols Sharp";font-weight:300;font-style:normal;font-size:1.35em;line-height:1;letter-spacing:normal;text-transform:none; display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:-.2em} .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)} .lbl{display:inline-flex;align-items:center;gap:12px;font:600 .72rem/1.2 var(--f-d);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2)} .lbl::before{content:"";width:22px;height:2px;background:var(--grad-red);flex:none} .lbl.no-bar::before{display:none} .dsp{font-family:var(--f-d);font-weight:700;text-transform:uppercase;letter-spacing:-.015em;line-height:.92} .out{color:transparent;-webkit-text-stroke:1px var(--stroke)} .red{color:var(--red-hi)} .btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:17px 30px 17px 26px;font:700 .78rem/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:#fff; background:var(--grad-red);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);transition:padding var(--t-base) var(--ease-out),filter var(--t-fast)} .btn:hover{padding-right:42px;filter:brightness(1.12)} .btn .ms{font-size:1.5em;transition:transform var(--t-base) var(--ease-out)} .btn:hover .ms{transform:translateX(4px)} .btn--ghost{color:var(--ink);background:var(--ghost)} .btn--ghost:hover{background:var(--ghost-h);filter:none} .btn--sm{padding:12px 22px 12px 18px;font-size:.68rem} .btn--sm:hover{padding-right:30px} .chip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;font:600 .68rem/1 var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2); box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:background var(--t-fast),color var(--t-fast)} .chip:hover{color:var(--ink);background:var(--hover)} .chip.on{background:var(--ink);color:var(--bg)} .env{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background: radial-gradient(1100px 760px at 88% -8%,rgba(200,0,5,.13),transparent 62%), radial-gradient(900px 700px at -12% 108%,rgba(23,34,56,.9),transparent 70%),var(--bg)} .env::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px); background-size:96px 96px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%)} .grain{position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.06;animation:grain 1.2s steps(6) infinite; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} @keyframes grain{0%{background-position:0 0}20%{background-position:-60px 40px}40%{background-position:50px -70px}60%{background-position:-80px -30px}80%{background-position:70px 60px}100%{background-position:0 0}} #dust{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%} main{position:relative;z-index:1} .env::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60vh;background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(200,0,5,.2),transparent 70%)} .env-floor{position:absolute;left:-40%;right:-40%;bottom:-8vh;height:64vh;transform-origin:50% 100%;transform:perspective(800px) rotateX(66deg);will-change:transform; background-image:linear-gradient(rgba(255,60,60,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(245,245,250,.06) 1px,transparent 1px);background-size:88px 88px; -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95),transparent 80%);mask-image:linear-gradient(to top,rgba(0,0,0,.95),transparent 80%)} .env-spot{position:absolute;left:0;top:0;width:1100px;height:1100px;margin:-550px 0 0 -550px;border-radius:50%;opacity:0;transition:opacity 1s;will-change:transform; background:radial-gradient(circle,rgba(230,0,12,.14),rgba(230,0,12,.04) 40%,transparent 65%)} .env-spot.on{opacity:1} .light,.dk{color:var(--ink)} .light{--bg:#F5F5FA;--bg-2:#E3E6EE;--bg-3:#D8DCE5;--ink:#0F1928;--ink-2:#4A5365;--ink-3:#7B818D;--line:rgba(5,10,20,.13);--line-2:rgba(5,10,20,.05); --stroke:rgba(5,10,20,.16);--stroke-hi:rgba(5,10,20,.42);--stroke-lo:rgba(5,10,20,.07);--hover:rgba(5,10,20,.05);--ghost:rgba(5,10,20,.07);--ghost-h:rgba(5,10,20,.13);--red-hi:#D0000A; position:relative;isolation:isolate;overflow-x:clip;background:var(--bg);margin-block:calc(var(--sk) * -1);clip-path:polygon(0 var(--sk),100% 0,100% calc(100% - var(--sk)),0 100%)} .light::before{content:"";position:absolute;left:-25%;right:-25%;bottom:0;height:62%;z-index:-1;pointer-events:none;transform-origin:50% 100%;transform:perspective(900px) rotateX(62deg); background-image:linear-gradient(rgba(5,10,20,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(5,10,20,.075) 1px,transparent 1px);background-size:76px 76px; -webkit-mask-image:linear-gradient(to top,#000 5%,transparent 82%);mask-image:linear-gradient(to top,#000 5%,transparent 82%)} .light::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(ellipse 55% 45% at 100% 0%,rgba(200,0,5,.11),transparent 70%),radial-gradient(ellipse 45% 40% at 0% 100%,rgba(200,0,5,.08),transparent 70%), linear-gradient(90deg,rgba(5,10,20,.035) 1px,transparent 1px) 0 0/96px 96px} .dk{--bg:#050A14;--bg-2:#0F1928;--bg-3:#172238;--ink:#F5F5FA;--ink-2:#A9AFBC;--ink-3:#6E737E;--line:rgba(245,245,250,.10);--stroke:rgba(245,245,250,.22); --hover:rgba(245,245,250,.07);--ghost:rgba(245,245,250,.09);--ghost-h:rgba(245,245,250,.16);--red-hi:#FF0000} .pre{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:var(--bg);transition:clip-path 1.1s var(--ease-io);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)} .pre.out{clip-path:polygon(0 0,100% 0,100% 0,0 0)} .pre-in{display:grid;justify-items:center;gap:26px} .pre-x{width:clamp(120px,18vw,210px);overflow:visible} .pre-x path{fill:transparent;stroke:var(--red-hi);stroke-width:3;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 1.8s var(--ease-io) forwards} .pre-x path:nth-child(2){animation-delay:.12s}.pre-x path:nth-child(3){animation-delay:.24s}.pre-x path:nth-child(4){animation-delay:.36s}.pre-x path:nth-child(5){animation-delay:.48s} .pre.ready .pre-x path{fill:url(#preg);transition:fill .6s} @keyframes draw{to{stroke-dashoffset:0}} .pre-n{font:700 clamp(2.4rem,5vw,3.6rem)/1 var(--f-d);font-variant-numeric:tabular-nums;letter-spacing:-.02em} .pre-n small{font-size:.4em;color:var(--red-hi);margin-left:4px;vertical-align:top} .pre-t{font:600 .7rem var(--f-d);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-2)} .pre-bar{width:min(260px,60vw);height:2px;background:var(--line);overflow:hidden} .pre-bar i{display:block;height:100%;background:var(--grad-red);transform-origin:left;transform:scaleX(0);transition:transform .4s var(--ease-out)} .hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd-h);display:flex;align-items:center;gap:24px;padding-inline:var(--gut);transition:transform .7s var(--ease-out),background .5s} .hd.hide{transform:translateY(-110%)} .hd.solid{background:rgba(5,10,20,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(245,245,250,.08)} .hd-logo{width:clamp(132px,12vw,172px);flex:none} .hd-logo svg{width:100%;height:auto} .hd-now{display:flex;align-items:center;gap:12px;margin-left:clamp(0px,3vw,48px);font:600 .7rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);overflow:hidden;height:1.4em} .hd-now b{color:var(--red-hi);font-weight:700} .hd-now span{display:block;transition:transform .6s var(--ease-out),opacity .6s} .hd-now span.swap{transform:translateY(-120%);opacity:0} .hd-sp{flex:1} .hd-menu{display:flex;align-items:center;gap:14px;font:600 .72rem var(--f-d);letter-spacing:.22em;text-transform:uppercase} .hd-burger{width:34px;height:14px;position:relative} .hd-burger i{position:absolute;right:0;height:2px;background:var(--ink);transition:width .5s var(--ease-out),transform .5s var(--ease-out),top .5s} .hd-burger i:first-child{top:0;width:100%}.hd-burger i:last-child{top:12px;width:62%} .hd-menu:hover .hd-burger i:last-child{width:100%} .is-menu .hd-burger i:first-child{top:6px;transform:rotate(45deg)} .is-menu .hd-burger i:last-child{top:6px;width:100%;transform:rotate(-45deg)} .hd{color:#F5F5FA;transition:transform .7s var(--ease-out),background .5s,color .5s} .hd-now{color:inherit;opacity:.78} .hd-nav{display:none;align-items:center;gap:clamp(14px,1.5vw,26px);margin-left:clamp(14px,2.4vw,44px);font:600 .64rem var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:inherit} .hd-nav a{position:relative;display:block;padding:8px 0;opacity:.78;white-space:nowrap;transition:opacity .3s,color .3s} .hd-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--grad-red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)} .hd-nav a:hover,.hd-nav a.on{opacity:1} .hd-nav a:hover::after,.hd-nav a.on::after{transform:scaleX(1)} @media (min-width:1320px){.hd-nav{display:flex}.hd-now{display:none}} @media (max-width:1560px){.hd-nav .job{display:none}} .hd-burger i{background:currentColor} .hd.on-light{color:#0F1928} .hd.on-light.solid{background:rgba(245,245,250,.95);box-shadow:0 1px 0 rgba(5,10,20,.1)} .hd.on-light .hd-now b{color:#D0000A} .wa-ic{width:1.25em;height:1.25em;flex:none} svg .slo,.hero-slo{font:600 50px var(--f-d);letter-spacing:0;fill:currentColor;opacity:.62} .hero-slo{fill:var(--ink-2);opacity:1} .rail{position:fixed;right:clamp(10px,1.6vw,28px);top:50%;z-index:45;transform:translateY(-50%);display:grid;gap:14px;transition:opacity .5s} .rail.dim{opacity:0;pointer-events:none} .rail a{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:14px} .rail span{font:600 .62rem var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);opacity:0;transform:translateX(8px);transition:opacity .4s,transform .4s var(--ease-out);white-space:nowrap} .rail i{width:14px;height:2px;background:rgba(245,245,250,.3);transition:width .5s var(--ease-out),background .4s} .rail a:hover span{opacity:1;transform:none} .rail a.on i{width:34px;background:var(--red-hi)} .rail-p{position:absolute;right:-8px;top:0;width:2px;height:100%;background:var(--line)} .rail-p b{display:block;width:100%;background:var(--grad-red);height:0} .rail span{transition:opacity .4s,transform .4s var(--ease-out),color .5s} .rail.on-light span{color:#0F1928} .rail.on-light i{background:rgba(5,10,20,.32)} .rail.on-light a.on i{background:#D0000A} .rail.on-light .rail-p{background:rgba(5,10,20,.12)} .menu{position:fixed;inset:0;z-index:70;visibility:hidden;transition:visibility 0s .7s} .is-menu .menu{visibility:visible;transition:none} .menu-veil{position:absolute;inset:0;background:rgba(5,10,20,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .6s} .is-menu .menu-veil{opacity:1} .menu-p{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;gap:28px;padding:22px clamp(22px,3vw,40px) 30px;background:#0F1928;color:#F5F5FA; box-shadow:-30px 0 80px rgba(0,0,0,.45);transform:translateX(104%);transition:transform .7s var(--ease-io);overflow-y:auto} .menu-p::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-red)} .is-menu .menu-p{transform:none} .menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px} .menu-logo{width:150px;color:#F5F5FA} .menu-logo svg{display:block;width:100%;height:auto} .menu-x{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(245,245,250,.08);color:#F5F5FA;transition:background .3s,transform .4s var(--ease-out)} .menu-x:hover{background:var(--red);transform:rotate(90deg)} .menu-x .ms{font-size:24px} .menu-l{display:grid;border-top:1px solid rgba(245,245,250,.1)} .menu-l a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 2px;border-bottom:1px solid rgba(245,245,250,.1); font:700 1.28rem/1.1 var(--f-d);text-transform:uppercase;letter-spacing:.02em;color:#F5F5FA;opacity:0;transform:translateX(24px);transition:transform .6s var(--ease-out),opacity .6s,color .3s,padding .4s var(--ease-out)} .menu-l a .ms{font-size:20px;color:var(--red-hi);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .4s var(--ease-out)} .menu-l a:hover,.menu-l a.on{color:#FF2A2A;padding-left:10px} .menu-l a:hover .ms,.menu-l a.on .ms{opacity:1;transform:none} .is-menu .menu-l a{opacity:1;transform:none;transition-delay:calc(.25s + var(--i)*.04s)} .menu-b{margin-top:auto;display:grid;gap:22px} .menu-wa{justify-content:center;gap:12px;width:100%;padding-block:18px;font-size:.78rem} .menu-wa .wa-ic{width:22px;height:22px} .menu-ct{display:grid;gap:12px;font-size:.88rem;color:#A9AFBC} .menu-ct a,.menu-ct p{display:flex;align-items:flex-start;gap:10px} .menu-ct .ms{font-size:18px;color:var(--red-hi);margin-top:1px} .menu-ct a:hover{color:#F5F5FA} .is-menu .hd-menu{visibility:hidden} .menu-l a.menu-job{color:#FF2A2A} .menu-l a.menu-job .ms{opacity:1;transform:none} .cur{position:fixed;left:0;top:0;z-index:100;pointer-events:none} .cur i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)} .cur-d{width:6px;height:6px;background:#fff;box-shadow:0 0 0 1.5px rgba(5,10,20,.75)} .cur-r{width:38px;height:38px;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(5,10,20,.5),inset 0 0 0 1px rgba(5,10,20,.3);display:grid;place-items:center;transition:width .45s var(--ease-out),height .45s var(--ease-out),background .3s,border-color .3s} .cur-r b{font:700 .6rem var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .3s} .cur.view .cur-r{width:92px;height:92px;background:var(--grad-red);border-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45)} .cur.view .cur-r b{opacity:1} .cur.link .cur-r{width:60px;height:60px} .cur.hide{opacity:0} @media (pointer:coarse){.cur{display:none}} .toast{position:fixed;left:50%;bottom:28px;z-index:105;display:flex;align-items:center;gap:10px;padding:13px 22px;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line); font:600 .7rem var(--f-d);letter-spacing:.2em;text-transform:uppercase;transform:translate(-50%,140%);transition:transform .6s var(--ease-out);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)} .toast .ms{color:var(--red-hi)} .toast.on{transform:translate(-50%,0)} .mk{position:relative;overflow:hidden;background:var(--bg-2);clip-path:var(--c0);transition:clip-path 1.5s var(--ease-io)} .mk.in{clip-path:var(--c1)} .mk-chev{--c1:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,18% 50%);--c0:polygon(0 0,0 0,18% 50%,0 100%,0 100%,18% 50%)} .mk-notch{--c1:polygon(0 0,100% 0,100% 100%,0 100%,16% 50%);--c0:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 50%)} .mk-arrow{--c1:polygon(0 0,84% 0,100% 50%,84% 100%,0 100%,0 50%);--c0:polygon(0 0,0 0,16% 50%,0 100%,0 100%,0 50%)} .mk-arrowl{--c1:polygon(16% 0,100% 0,100% 50%,100% 100%,16% 100%,0 50%);--c0:polygon(100% 0,100% 0,100% 50%,100% 100%,100% 100%,84% 50%)} .mk-para{--c1:polygon(14% 0,100% 0,86% 100%,0 100%);--c0:polygon(14% 0,14% 0,0 100%,0 100%)} .mk-cut{--k:clamp(22px,4vw,56px);--c1:polygon(0 0,calc(100% - var(--k)) 0,100% var(--k),100% 100%,var(--k) 100%,0 calc(100% - var(--k)));--c0:polygon(0 0,0 0,0 0,0 100%,0 100%,0 calc(100% - var(--k)))} .mk-diag{--c1:polygon(0 0,100% 0,100% 80%,0 100%);--c0:polygon(0 0,100% 0,100% 0,0 0)} .mk-diagr{--c1:polygon(0 0,100% 0,100% 100%,0 80%);--c0:polygon(0 0,100% 0,100% 0,0 0)} .mk-x{--c1:polygon(0 0,100% 0,100% 100%,0 100%);--c0:polygon(50% 50%,50% 50%,50% 50%,50% 50%)} .mk-flat{--c1:polygon(0 0,100% 0,100% 100%,0 100%);--c0:polygon(0 0,0 0,0 100%,0 100%)} .mk-tag{--k:clamp(18px,2.2vw,30px);--c1:polygon(0 0,calc(100% - var(--k)) 0,100% var(--k),100% 100%,0 100%);--c0:polygon(0 0,0 0,0 100%,0 100%)} .mk-cap{position:absolute;left:14px;bottom:12px;z-index:3;max-width:calc(100% - 28px);padding:6px 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(5,10,20,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 .58rem/1.2 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:#F5F5FA;pointer-events:none} .ph{position:absolute;inset:-9% 0;background:var(--lq) var(--pos,50% 50%)/cover no-repeat;will-change:transform;transform:translate3d(0,var(--py,0px),0);scale:1.16;transition:scale 1.9s var(--ease-out)} .ph::after{content:"";position:absolute;inset:0;background:var(--hi,none) var(--pos,50% 50%)/cover no-repeat;opacity:0;transition:opacity 1s ease} .ph.ok::after{opacity:1} .mk.in .ph{scale:1.02} .ph-v{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,10,20,.55));pointer-events:none} .ph-cap{position:absolute;left:18px;bottom:14px;z-index:2;font:600 .62rem var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);opacity:.85} .rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--d,0s)} .rv.in{opacity:1;transform:none} .ln{display:block;overflow:hidden;padding:.18em 0 .1em;margin:-.18em 0 -.1em} .ln>span{display:block;transform:translateY(105%);transition:transform 1.2s var(--ease-out);transition-delay:var(--d,0s)} .in .ln>span,.ln.in>span{transform:none} .wd{opacity:.14;transition:opacity .25s linear} .wd.on{opacity:1} @media (max-width:860px){ :root{--hd-h:64px} .hd-now,.hd-cta{display:none} .rail{display:none} } @media print{body>*{display:none!important}body::after{content:"Conteúdo protegido · Marco X Construtora";display:block;padding:40px;font:600 16px sans-serif;color:#000}} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important} .grain{display:none} } .hero{position:relative;height:360vh} .hero-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden} .hero-svg{position:absolute;inset:0;width:100%;height:100%} .hero-word{fill:var(--ink)} .hero-sub{fill:var(--ink-2)} .hero-ol{fill:none;stroke:var(--red-hi);stroke-width:1.4;vector-effect:non-scaling-stroke} .hero-shade{position:absolute;inset:0;pointer-events:none;opacity:0; background:linear-gradient(180deg,rgba(5,10,20,.55) 0%,rgba(5,10,20,0) 26%,rgba(5,10,20,0) 42%,rgba(5,10,20,.92) 100%),linear-gradient(90deg,rgba(5,10,20,.55),rgba(5,10,20,0) 60%)} .hero-corner{position:absolute;top:calc(var(--hd-h) + 18px);display:grid;gap:6px;font:600 .62rem var(--f-d);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2)} .hero-corner.l{left:var(--gut)} .hero-corner.r{right:var(--gut);text-align:right} .hero-corner b{color:var(--ink);font-weight:600} .hero-copy{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(44px,10vh,120px);pointer-events:none} .hero-copy .lbl{margin-bottom:22px;opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)} .hero-copy.in .lbl{opacity:1;transform:none} .hero-copy h1{font:700 clamp(2.5rem,7.4vw,8.2rem)/.9 var(--f-d);text-transform:uppercase;letter-spacing:-.025em;max-width:14ch} .hero-copy h1 .ln:last-child>span{background:linear-gradient(90deg,#FF0000,#C80005 60%,#ff4d4d);-webkit-background-clip:text;background-clip:text;color:transparent} .hero-copy .ln>span{transition-duration:1.4s} .hero-copy p.sub{max-width:44ch;margin-top:26px;color:var(--ink-2);font-size:clamp(.95rem,1.1vw,1.1rem)} .hero-hint{position:absolute;left:50%;bottom:26px;translate:-50% 0;display:grid;justify-items:center;gap:12px;font:600 .62rem var(--f-d);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-2);transition:opacity .5s} .hero-hint i{width:1px;height:52px;background:linear-gradient(var(--red-hi),transparent);transform-origin:top;animation:hint 2.2s var(--ease-io) infinite} @keyframes hint{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}} .hero-prog{position:absolute;left:var(--gut);bottom:28px;width:120px;height:2px;background:var(--line)} .hero-prog b{display:block;height:100%;background:var(--grad-red);transform-origin:left;transform:scaleX(0)} .hero-full{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform-origin:62% 42%;will-change:transform} .hero-svg{opacity:0} .hero.go .hero-svg{animation:heroIn 2.2s var(--ease-out) both} @keyframes heroIn{from{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}} .hero-corner,.hero-hint,.hero-prog{opacity:0;transition:opacity .8s} .hero.go:not(.zoomed) .hero-corner,.hero.go:not(.zoomed) .hero-hint{opacity:1;transition-delay:1s} .hero.go .hero-prog{opacity:1} .about{position:relative;padding-block:clamp(120px,18vh,220px) clamp(80px,12vh,150px)} .about-stmt{margin-top:30px;font:600 clamp(1.6rem,3.5vw,3.5rem)/1.16 var(--f-d);letter-spacing:-.012em;max-width:24ch} .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,120px);margin-top:clamp(64px,11vh,140px);align-items:center} .about-media{position:relative;height:clamp(420px,72vh,760px)} .about-media .mk:first-child{position:absolute;inset:0 18% 0 0} .about-media .mk:nth-child(2){position:absolute;right:0;bottom:-6%;width:52%;aspect-ratio:4/3;box-shadow:0 30px 60px rgba(0,0,0,.4)} .about-tag{position:absolute;left:-12px;top:12%;z-index:3;color:#fff;padding:10px 16px;background:var(--grad-red);font:700 .64rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)} .about-txt p{color:var(--ink-2);font-size:clamp(1rem,1.15vw,1.16rem);max-width:50ch} .about-txt p+p{margin-top:1.3em} .about-txt .btn{margin-top:40px} .about-stmt{text-transform:uppercase;letter-spacing:-.005em;max-width:21ch;font-size:clamp(1.5rem,3.1vw,3.1rem)} .about-txt .about-lead{color:var(--ink);font:600 clamp(1.08rem,1.45vw,1.42rem)/1.42 var(--f-d);max-width:44ch;margin-bottom:1.3em} .about-pil{margin-top:2.2em} .about-pil h3{font:700 .72rem/1.2 var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink)} .about-pil ul{display:grid;gap:14px;margin-top:16px} .about-pil li{position:relative;padding-left:24px;max-width:50ch;color:var(--ink-2);font-size:clamp(.95rem,1.08vw,1.1rem);line-height:1.55} .about-pil li::before{content:"";position:absolute;left:0;top:.46em;width:10px;height:10px;background:var(--grad-red);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%)} .about-pil li b{color:var(--ink);font-weight:700} .about-txt .about-close{margin-top:2em;color:var(--ink);font-weight:600} .stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(72px,12vh,140px);border-top:1px solid var(--line)} .stats li{position:relative;padding:30px 24px 6px 0} .stats li+li{padding-left:24px;border-left:1px solid var(--line)} .stats b{display:block;font:700 clamp(2.8rem,6vw,5.8rem)/1 var(--f-d);font-variant-numeric:tabular-nums;letter-spacing:-.035em} .stats b sup{font-size:.36em;color:var(--red-hi);vertical-align:top;margin-left:4px} .stats span{display:block;margin-top:12px;font:600 .68rem/1.5 var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);max-width:18ch} .mvv{position:relative;padding-block:clamp(80px,12vh,160px)} .mvv-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,7vw,110px);align-items:start} .mvv-side{position:sticky;top:calc(var(--hd-h) + 9vh)} .mvv-side h2{margin-top:26px;font:700 clamp(2.4rem,5vw,5.2rem)/.93 var(--f-d);text-transform:uppercase;letter-spacing:-.02em} .mvv-side p{margin-top:26px;color:var(--ink-2);max-width:34ch} .mvv-cards{display:grid;gap:22vh;padding-bottom:6vh} .mvv-card{position:sticky;top:calc(var(--hd-h) + 7vh + var(--i)*38px);min-height:min(58vh,500px);padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:space-between;gap:36px; background:linear-gradient(160deg,#172238,#0F1928 60%);clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%);transform-origin:50% 0;overflow:hidden} .mvv-card::before{content:"";position:absolute;top:0;right:0;width:64px;height:64px;background:var(--grad-red);clip-path:polygon(0 0,100% 0,100% 100%)} .mvv-card .ms{font-size:46px;color:var(--red-hi)} .mvv-card h3{margin-top:18px;font:700 clamp(1.45rem,2.4vw,2.4rem)/1.1 var(--f-d);letter-spacing:-.01em;max-width:20ch} .mvv-card p{color:var(--ink-2);max-width:48ch} .mvv-card li{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line);color:var(--ink)} .mvv-card li::before{content:"";flex:none;width:11px;height:11px;background:var(--grad-red);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%)} .mvv-k{position:absolute;right:-.04em;bottom:-.2em;font:800 clamp(4.5rem,11vw,10rem)/1 var(--f-d);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(245,245,250,.07);pointer-events:none} .works{position:relative;padding-block:clamp(100px,15vh,190px) clamp(60px,9vh,110px)} .works-h{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap} .works-t{margin-top:26px;font:700 clamp(2.8rem,7.4vw,7.6rem)/.88 var(--f-d);text-transform:uppercase;letter-spacing:-.025em} .works-t em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--stroke-hi)} .filters{display:flex;flex-wrap:wrap;gap:10px;max-width:560px} .wl{margin-top:clamp(44px,8vh,90px);border-top:1px solid var(--line)} .wl li{border-bottom:1px solid var(--line);transition:opacity .5s} .wl li.off{opacity:.16} .wl a{position:relative;display:grid;grid-template-columns:72px minmax(0,1.7fr) 1fr 1fr 44px;align-items:center;gap:20px;padding:26px 8px 26px 0;isolation:isolate} .wl a::before{content:"";position:absolute;inset:0 -12px;z-index:-1;background:linear-gradient(90deg,rgba(200,0,5,.16),rgba(200,0,5,0));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-out)} .wl a:hover::before,.wl a:focus-visible::before{transform:scaleX(1)} .wl-n{font:600 .8rem var(--f-d);letter-spacing:.16em;color:var(--red-hi)} .wl-t{font:700 clamp(1.25rem,2.5vw,2.4rem)/1.04 var(--f-d);text-transform:uppercase;letter-spacing:-.012em;transition:transform .7s var(--ease-out)} .wl-t small{display:block;margin-top:6px;font:500 .82rem var(--f-b);text-transform:none;letter-spacing:0;color:var(--ink-2)} .wl a:hover .wl-t{transform:translateX(18px)} .wl-c,.wl-l{font:600 .66rem/1.5 var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)} .wl a>.ms{justify-self:end;font-size:1.7em;transition:transform .6s var(--ease-out),color .3s} .wl a:hover>.ms{transform:rotate(45deg);color:var(--red-hi)} .wl-prev{position:fixed;left:0;top:0;z-index:40;width:clamp(240px,23vw,380px);aspect-ratio:4/3;pointer-events:none;opacity:0;transition:opacity .35s} .wl-prev.on{opacity:1} .wl-prev .mk{position:absolute;inset:0} @media (max-width:980px){ .about-grid,.mvv-in{grid-template-columns:1fr} .mvv-side{position:relative;top:0} .mvv-cards{gap:18px;padding-bottom:0;margin-top:36px} .mvv-card{position:relative;top:auto;min-height:0} .stats{grid-template-columns:repeat(2,1fr)} .stats li:nth-child(3){padding-left:0;border-left:0} .stats li:nth-child(n+3){border-top:1px solid var(--line)} } @media (max-width:860px){ .hero{height:300vh} .hero-corner.r{display:none} .wl a{grid-template-columns:40px minmax(0,1fr) 30px;gap:12px} .wl-c,.wl-l{display:none} .wl-prev{display:none} .about-media{height:clamp(380px,80vw,560px)} .mvv-cards{gap:10vh} } .ch{position:relative;padding-block:clamp(110px,17vh,210px);overflow:clip} .ch-num{position:absolute;top:clamp(30px,7vh,80px);right:calc(var(--gut) - .04em);z-index:0;font:800 clamp(7rem,21vw,21rem)/.8 var(--f-d);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--stroke-lo);pointer-events:none} .ch-media,.about-media{transition:transform .9s var(--ease-out)} .ch-in{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:center} .ch-media{position:relative} .ch-media .mk{cursor:pointer} .ch-media .mk:hover .ph{scale:1.07} .ch-t{margin-top:22px;font:700 clamp(2.3rem,5.2vw,5.6rem)/.9 var(--f-d);text-transform:uppercase;letter-spacing:-.025em} .ch-t small{display:block;margin-top:14px;font:600 clamp(.95rem,1.3vw,1.2rem)/1.3 var(--f-b);text-transform:none;letter-spacing:0;color:var(--red-hi)} .ch-loc{display:flex;align-items:center;gap:8px;margin-top:22px;font:600 .72rem var(--f-d);letter-spacing:.2em;text-transform:uppercase} .ch-loc .ms{color:var(--red-hi)} .ch-d{margin-top:22px;color:var(--ink-2);font-size:clamp(1rem,1.12vw,1.14rem);max-width:46ch} .ch-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line)} .ch-meta div{padding:16px 16px 0 0} .ch-meta div+div{padding-left:16px;border-left:1px solid var(--line)} .ch-meta dt{font:600 .6rem var(--f-d);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)} .ch-meta dd{margin:6px 0 0;font:600 .9rem/1.4 var(--f-b)} .ch-cb .btn{margin-top:32px} .ch--split .ch-copy{grid-column:1/6;grid-row:1} .ch--split .ch-media,.ch--mirror .ch-media{grid-row:1;aspect-ratio:16/11} .ch--split .ch-media{grid-column:6/13} .ch--split .m1,.ch--mirror .m1{position:absolute;inset:0} .ch--split .m2,.ch--mirror .m2{position:absolute;z-index:2;width:40%;aspect-ratio:4/3;bottom:-24%;box-shadow:0 30px 70px rgba(0,0,0,.45)} .ch--split .m2{left:5%} .ch--split .m3,.ch--mirror .m3{position:absolute;z-index:2;width:24%;aspect-ratio:1;top:-14%} .ch--split .m3{right:4%} .ch{padding-bottom:calc(clamp(110px,17vh,210px) + var(--sk))} .ch--split,.ch--mirror{padding-bottom:calc(clamp(160px,24vh,280px) + var(--sk))} .ch--strip,.ch--aerial{padding-bottom:0} .ch--strip.light{padding-block:var(--sk)} .ch--mirror .ch-copy{grid-column:8/13;grid-row:1} .ch--mirror .ch-media{grid-column:1/8} .ch--mirror .m2{right:5%} .ch--mirror .m3{left:6%} .ch-big{position:relative;z-index:0;white-space:nowrap;font:800 clamp(5rem,18vw,20rem)/.8 var(--f-d);text-transform:uppercase;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1px var(--stroke);will-change:transform} .ch--feature .ch-media{grid-column:1/13;height:clamp(440px,94vh,980px);margin-top:-5vw} .ch--feature .m1{position:absolute;inset:0 9% 0 0} .ch--feature .m2{position:absolute;right:0;top:9%;width:29%;aspect-ratio:3/4;z-index:2} .ch--feature .m3{position:absolute;left:5%;bottom:-11%;width:27%;aspect-ratio:4/3;z-index:2} .ch--feature .m4{position:absolute;right:13%;bottom:-15%;width:21%;aspect-ratio:1;z-index:2} .ch--wide .ch-copy{grid-column:1/13;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px);align-items:end;margin-top:clamp(90px,17vh,200px)} .ch--mosaic .ch-in{align-items:start} .ch--mosaic .ch-copy{grid-column:1/6;grid-row:1;position:sticky;top:calc(var(--hd-h) + 12vh)} .ch--mosaic .ch-media{grid-column:6/13;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,24px)} .ch--mosaic.flip .ch-copy{grid-column:8/13} .ch--mosaic.flip .ch-media{grid-column:1/8} .ch--mosaic .m1{grid-column:1/3;aspect-ratio:16/9} .ch--mosaic .m2{aspect-ratio:4/5} .ch--mosaic .m3{aspect-ratio:4/5;margin-top:22%} .ch--mosaic .m4{grid-column:1/3;aspect-ratio:21/9;margin-top:-6%} .ch--trio .ch-media{grid-column:1/13} .ch--trio .m1{height:clamp(320px,64vh,680px)} .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,30px);padding-inline:6%;margin-top:-22vh;position:relative;z-index:2} .trio .mk{aspect-ratio:3/4.3} .trio .mk:nth-child(2){margin-top:12vh} .ch--strip{padding:0} .strip{position:relative;height:calc(100vh + var(--len,300vh))} .strip-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center} .strip-track{display:flex;align-items:center;gap:clamp(20px,3vw,52px);padding-inline:var(--gut) 20vw;will-change:transform} .strip-copy{flex:none;width:min(460px,82vw)} .strip-card{flex:none;position:relative;height:min(60vh,580px);aspect-ratio:4/3} .strip-card:nth-child(odd){margin-top:12vh} .strip-card .mk{position:absolute;inset:0} .strip-bar{position:absolute;left:var(--gut);right:var(--gut);bottom:34px;height:2px;background:var(--line)} .strip-bar b{display:block;height:100%;background:var(--grad-red);transform-origin:left;transform:scaleX(0)} .ch--strip .ch-num{top:calc(var(--hd-h) + 10px)} .ch--aerial{padding:0} .aer{position:relative;height:300vh} .aer-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden} .aer-mask{position:absolute;inset:0;background:var(--bg-2)} .aer-mask .ph{inset:-5% 0;scale:1;transition:opacity 1.2s ease} .aer-mask .ph+.ph{opacity:0} .aer-mask .ph.on{opacity:1} .aer-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,20,.88),rgba(5,10,20,.2) 55%,rgba(5,10,20,0)),linear-gradient(0deg,rgba(5,10,20,.7),transparent 40%);opacity:0} .aer-copy{position:absolute;left:var(--gut);bottom:clamp(40px,9vh,110px);z-index:2;max-width:min(560px,86vw)} .aer-cap{position:absolute;right:var(--gut);bottom:clamp(40px,9vh,110px);z-index:2;text-align:right;font:600 .66rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)} .aer-cap b{display:block;font:700 2.4rem/1 var(--f-d);color:var(--ink);letter-spacing:-.02em;margin-bottom:8px} .aer-open{position:absolute;right:var(--gut);top:calc(var(--hd-h) + 22px);z-index:3} .lb{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:auto 1fr auto;background:rgba(5,10,20,.97);visibility:hidden; clip-path:polygon(0 0,0 0,12% 50%,0 100%,0 100%);transition:clip-path .9s var(--ease-io),visibility 0s .9s} .lb.on{visibility:visible;clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%);transition:clip-path .9s var(--ease-io)} .lb-top{display:flex;align-items:center;gap:18px;padding:18px var(--gut)} .lb-title{font:700 clamp(.95rem,1.5vw,1.3rem)/1.2 var(--f-d);text-transform:uppercase;letter-spacing:.02em} .lb-cap{margin-top:4px;font-size:.84rem;color:var(--ink-2)} .lb-count{margin-left:auto;font:600 .8rem var(--f-d);letter-spacing:.2em;font-variant-numeric:tabular-nums} .lb-count b{color:var(--red-hi)} .lb-x,.lb-go{display:grid;place-items:center;width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s} .lb-x:hover,.lb-go:hover{background:var(--red)} .lb-stage{position:relative;margin-inline:var(--gut);overflow:hidden} .lb-img{position:absolute;inset:0;background:center/contain no-repeat;transition:clip-path 1s var(--ease-io),scale 1.4s var(--ease-out)} .lb-img.from-r{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);scale:1.06} .lb-img.from-l{clip-path:polygon(0 0,0 0,0 100%,0 100%);scale:1.06} .lb-img.show{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);scale:1} .lb-go{position:absolute;top:50%;translate:0 -50%;z-index:3;background:rgba(5,10,20,.5)} .lb-go.p{left:calc(var(--gut) + 12px)} .lb-go.n{right:calc(var(--gut) + 12px)} .lb-th{display:flex;justify-content:center;gap:10px;padding:18px var(--gut) 26px;overflow-x:auto} .lb-th button{flex:none;width:78px;aspect-ratio:4/3;background:var(--lq) center/cover;opacity:.35;transition:opacity .3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)} .lb-th button.on,.lb-th button:hover{opacity:1} .ch{--cw:min(36vw,520px)} .ch--wide{--cw:min(44vw,640px)} .ch--strip{--cw:min(460px,82vw)} .ch--aerial{--cw:min(80vw,560px)} .ch-t{font-size:min(clamp(2.3rem,5.2vw,5.6rem),calc(var(--cw) / (var(--tl,8) * .74)))} .aer-copy.in .rv{opacity:1;transform:none} .lb-go.p{left:12px} .lb-go.n{right:12px} .lb-stage{touch-action:pan-y} @media (max-width:980px){ .ch,.ch--wide,.ch--aerial{--cw:calc(100vw - 2 * var(--gut))} .ch-in{grid-template-columns:1fr} .ch--split .ch-copy,.ch--mirror .ch-copy,.ch--mosaic .ch-copy,.ch--mosaic.flip .ch-copy{grid-column:1;grid-row:2;position:relative;top:0;margin-top:clamp(70px,14vw,120px)} .ch--split .ch-media,.ch--mirror .ch-media,.ch--mosaic .ch-media,.ch--mosaic.flip .ch-media,.ch--feature .ch-media,.ch--trio .ch-media{grid-column:1;grid-row:1} .ch--wide .ch-copy{grid-column:1;grid-template-columns:1fr;gap:0} .ch--split .m2{left:-4%}.ch--mirror .m2{right:-4%} .ch--feature .ch-media{height:clamp(420px,120vw,720px)} .ch--feature .m1{inset:0} .ch--feature .m2{width:38%;top:-6%} .ch--feature .m3{width:40%;left:0} .ch--feature .m4{width:30%;right:4%} .trio{margin-top:-10vh;padding-inline:0} .aer-shade{background:linear-gradient(0deg,rgba(5,10,20,.95) 0%,rgba(5,10,20,.72) 52%,rgba(5,10,20,.15) 88%)} .lb-go{display:none} } .ch .mk-chev{--c1:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%);--c0:polygon(0 0,0 0,8% 50%,0 100%,0 100%,8% 50%)} .ch .mk-notch{--c1:polygon(0 0,100% 0,100% 100%,0 100%,8% 50%)} .ch .mk-arrow{--c1:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,0 50%);--c0:polygon(0 0,0 0,8% 50%,0 100%,0 100%,0 50%)} .ch .mk-arrowl{--c1:polygon(8% 0,100% 0,100% 50%,100% 100%,8% 100%,0 50%);--c0:polygon(100% 0,100% 0,100% 50%,100% 100%,100% 100%,92% 50%)} .ch .mk-para{--c1:polygon(7% 0,100% 0,93% 100%,0 100%);--c0:polygon(7% 0,7% 0,0 100%,0 100%)} .ch .mk-diag{--c1:polygon(0 0,100% 0,100% 88%,0 100%)} .ch .mk-diagr{--c1:polygon(0 0,100% 0,100% 100%,0 88%)} .ch .mk-cut{--k:clamp(16px,2.6vw,38px)} .ch .mk-arrowl .mk-cap,.ch .mk-para .mk-cap{left:calc(8% + 12px)} .ch--split .m2,.ch--mirror .m2{width:36%;bottom:-34%} .ch--split .m3,.ch--mirror .m3{width:22%;top:-26%} .ch--split,.ch--mirror{padding-bottom:calc(clamp(210px,32vh,360px) + var(--sk))} .ch--feature .m1{inset:0 25% 0 0} .ch--feature .m2{width:23%;top:4%} .ch--feature .m3{left:2%;bottom:-24%} .ch--feature .m4{right:27%;bottom:-24%} .ch--feature{padding-bottom:calc(clamp(170px,28vh,320px) + var(--sk))} .ch--mosaic .m3{margin-top:12%} .ch--mosaic .m4{margin-top:0} .trio{margin-top:-8vh} .trio .mk:nth-child(2){margin-top:8vh} @media (max-width:980px){ .ch--feature .m1{inset:0} .ch--feature .m2{width:38%;top:-6%} .ch--feature .m3{width:40%;left:0;bottom:-16%} .ch--feature .m4{width:30%;right:4%;bottom:-16%} } .ch--g{--cw:min(46vw,640px)} .ch--g-grade{--cw:min(30vw,420px)} .gl-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(34px,6vh,72px)} .gl-head .ch-d{max-width:54ch} .gl-i{position:relative;margin:0;min-width:0} .gl-i .mk{cursor:pointer} .gl-i .mk:hover .ph{scale:1.06} .gl-cap{margin-top:10px;font:600 .62rem/1.45 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)} .gl--mosaico{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(80px,10.5vw,170px);gap:clamp(8px,1vw,14px)} .gl--mosaico .gl-i{grid-column:var(--c);grid-row:var(--r)} .gl--mosaico .mk{position:absolute;inset:0} .gl-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start} .gl-side{grid-column:1/5;position:sticky;top:calc(var(--hd-h) + 10vh)} .gl--grade{grid-column:5/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px) clamp(12px,1.4vw,22px)} .gl--grade .mk{aspect-ratio:4/3} .gl--grade.odd .gl-i:first-child,.gl--grade .gl-i:only-child{grid-column:1/-1} .gl--grade.odd .gl-i:first-child .mk{aspect-ratio:16/9} .gl--editorial{display:grid;gap:clamp(14px,1.6vw,24px)} .gl-hero .mk{aspect-ratio:21/9} .gl-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:4;height:3px;background:var(--grad-red);pointer-events:none} .gl-row{display:grid;grid-template-columns:repeat(var(--k,3),minmax(0,1fr));gap:clamp(12px,1.4vw,22px) clamp(12px,1.4vw,22px);align-items:start} .gl-row .mk{aspect-ratio:4/3} .gl--car{display:flex;gap:clamp(12px,1.4vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-inline:max(var(--gut),calc((100vw - var(--maxw)) / 2 + var(--gut)));scroll-padding-inline:max(var(--gut),calc((100vw - var(--maxw)) / 2 + var(--gut)));scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;outline:none} .gl--car::-webkit-scrollbar{display:none} .gl--car.drag{cursor:grabbing;scroll-snap-type:none} .gl--car .gl-i{flex:none;scroll-snap-align:start;width:min(78vw,clamp(320px,50vw,800px))} .gl--car .mk{aspect-ratio:3/2} .gl-carui{display:flex;align-items:center;gap:26px;margin-top:clamp(20px,3.4vh,34px)} .gl-bar{flex:1;height:2px;background:var(--line)} .gl-bar b{display:block;height:100%;background:var(--grad-red);transform-origin:left;transform:scaleX(.14);transition:transform .25s} .gl-arrows{display:flex;gap:10px} .gl-arrows button{display:grid;place-items:center;width:52px;height:52px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s} .gl-arrows button:hover{background:var(--red);color:#fff} @media (max-width:980px){ .ch--g{--cw:calc(100vw - 2 * var(--gut))} .gl-head{grid-template-columns:1fr;gap:20px} .gl-split{grid-template-columns:1fr} .gl-side{grid-column:1;position:relative;top:0;margin-bottom:34px} .gl--grade{grid-column:1} } @media (max-width:760px){ .gl--mosaico{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto} .gl--mosaico .gl-i{grid-column:auto;grid-row:auto;aspect-ratio:4/3} .gl--mosaico .gl-i:first-child{grid-column:1/-1;aspect-ratio:16/10} .gl--grade{grid-template-columns:1fr} .gl--grade.odd .gl-i:first-child .mk{aspect-ratio:4/3} .gl-row{grid-template-columns:repeat(2,minmax(0,1fr))} .gl-hero .mk{aspect-ratio:16/10} .gl-arrows button{width:46px;height:46px} } .sec-h2{margin-top:26px;font:700 clamp(2.4rem,5.6vw,6rem)/.9 var(--f-d);text-transform:uppercase;letter-spacing:-.022em} .svc{position:relative;padding-block:clamp(100px,15vh,190px)} .svc-h{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);align-items:end} .svc-h p{color:var(--ink-2);max-width:56ch} .svc-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(56px,9vh,110px);border-top:1px solid var(--line);border-left:1px solid var(--line)} .svc-i{position:relative;isolation:isolate;overflow:hidden;min-height:250px;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)} .svc-i::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad-red);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .8s var(--ease-io)} .svc-i:hover::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)} .svc-top{display:flex;justify-content:center;align-items:center} .svc-i .ms{font-size:52px;color:var(--red-hi);transition:color .4s,transform .8s var(--ease-out)} .svc-i:hover .ms{color:#fff;transform:translateY(-6px) scale(1.08)} .svc-i h3{max-width:20ch;font:600 1rem/1.4 var(--f-b);transition:color .4s} .svc-i:hover h3{color:#fff} .cnae{margin-top:clamp(48px,8vh,96px);padding-block:18px;border-block:1px solid var(--line)} .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .mq-t{display:flex;width:max-content;animation:mq var(--dur,70s) linear infinite} .mq:hover .mq-t{animation-play-state:paused} .mq--rev .mq-t{animation-direction:reverse} .mq-t span{display:flex;align-items:center;gap:24px;padding-right:24px;white-space:nowrap;font:600 clamp(1rem,1.5vw,1.35rem) var(--f-d);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2)} .mq-t span::after{content:"";width:12px;height:12px;flex:none;background:var(--grad-red);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%)} @keyframes mq{to{transform:translateX(-50%)}} .qual{position:relative;overflow:clip;padding-block:clamp(120px,20vh,240px)} .qual-q{position:absolute;top:-.18em;left:calc(var(--gut) - .06em);font:800 clamp(14rem,30vw,30rem)/1 var(--f-d);background:var(--grad-red);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.18;pointer-events:none} .qual-t{margin-top:30px;font:600 clamp(1.6rem,3.5vw,3.6rem)/1.2 var(--f-d);letter-spacing:-.01em;max-width:28ch} .qual-by{margin-top:36px;font:600 .7rem var(--f-d);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)} .prt{padding-block:clamp(80px,12vh,150px);border-block:1px solid var(--line)} .prt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:44px} .prt-g li{position:relative;display:grid;place-items:center;aspect-ratio:16/9;padding:clamp(14px,2vw,28px);background:#fff;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:transform .5s var(--ease-out)} .prt-g li::after{content:"";position:absolute;right:0;top:0;width:18px;height:18px;background:var(--grad-red);clip-path:polygon(0 0,100% 100%,0 100%);opacity:0;transition:opacity .4s} .prt-g li:hover{transform:translateY(-4px)} .prt-g li:hover::after{opacity:1} .prt-g img{position:absolute;left:clamp(14px,2vw,28px);top:clamp(14px,2vw,28px);width:calc(100% - 2 * clamp(14px,2vw,28px));height:calc(100% - 2 * clamp(14px,2vw,28px));object-fit:contain} .prt-g li.txt{background:transparent;box-shadow:inset 0 0 0 1px var(--line)} .prt-g li.txt span{font:700 clamp(.9rem,1.2vw,1.1rem)/1.25 var(--f-d);text-transform:uppercase;letter-spacing:.02em;text-align:center;color:var(--ink-2)} @media (max-width:860px){.prt-g{grid-template-columns:repeat(2,minmax(0,1fr))}} .prt-note{margin-top:30px;font-size:.8rem;color:var(--ink-3)} .dep{padding-block:clamp(80px,12vh,150px);border-bottom:1px solid var(--line)} .dep-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:44px} .dep-g li{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(22px,2.4vw,36px);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)} .dep-g li::before{content:"“";display:block;height:.55em;font:800 4rem/1 var(--f-d);background:var(--grad-red);-webkit-background-clip:text;background-clip:text;color:transparent} .dep-g blockquote{margin:0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.6;color:var(--ink-2)} .dep-by strong{display:block;font:700 .8rem var(--f-d);letter-spacing:.14em;text-transform:uppercase} .dep-by span{display:block;margin-top:4px;font-size:.8rem;color:var(--ink-3)} @media (max-width:1000px){.dep-g{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.dep-g{grid-template-columns:1fr}} .ct{position:relative;padding-block:clamp(100px,15vh,190px)} .ct-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:start} .ct-lead{margin-top:24px;color:var(--ink-2);max-width:48ch} .ct-list{margin-top:36px;border-top:1px solid var(--line)} .ct-list a,.ct-list div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);transition:padding .5s var(--ease-out)} .ct-list a:hover{padding-left:10px} .ct-list .ms{color:var(--red-hi)} .ct-list small{display:block;font:600 .6rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)} .ct-list strong{font-weight:600} .ct-list .go{color:var(--ink-3);font-size:1.3em} .ct-form{margin-top:40px;display:grid;gap:22px;padding:clamp(22px,3vw,38px);background:linear-gradient(160deg,#172238,#0F1928);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)} .ct-form h3{font:700 1.1rem var(--f-d);text-transform:uppercase;letter-spacing:.04em} .ct-form-h p{margin-top:6px;font-size:.9rem;color:var(--ink-2)} .fld{display:grid;gap:6px} .fld label,.fld .lab{font:600 .6rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)} .fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;color:var(--ink);font:500 1rem var(--f-b);outline:none;transition:border-color .3s;resize:vertical} .fld input:focus,.fld textarea:focus{border-color:var(--red-hi)} .ct-form .fld{gap:8px} .ct-form .fld label,.ct-form .fld .lab{font-size:.66rem;letter-spacing:.2em;color:var(--ink-2)} .ct-form .fld .lab i{font-style:normal;letter-spacing:.06em;text-transform:none;color:var(--ink-3)} .ct-form .req{color:var(--red-hi);font-weight:700} .ct-form .fld input,.ct-form .fld textarea{padding:15px 16px;border:1px solid rgba(245,245,250,.3);border-bottom:2px solid rgba(245,245,250,.55);border-radius:3px;background:rgba(245,245,250,.07);font-size:1rem;transition:border-color .25s,background .25s,box-shadow .25s} .ct-form .fld input::placeholder,.ct-form .fld textarea::placeholder{color:rgba(245,245,250,.4)} .ct-form .fld input:hover,.ct-form .fld textarea:hover{background:rgba(245,245,250,.1);border-color:rgba(245,245,250,.5)} .ct-form .fld input:focus,.ct-form .fld textarea:focus{background:rgba(245,245,250,.13);border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(255,26,31,.28)} .ct-form .fld textarea{min-height:130px} .ct-form .chip{color:#F5F5FA;background:rgba(245,245,250,.07);box-shadow:inset 0 0 0 1px rgba(245,245,250,.42)} .ct-form .chip:hover{background:rgba(245,245,250,.16)} .ct-form .chip.on{background:var(--grad-red);color:#fff;box-shadow:none} .fld-2{display:grid;grid-template-columns:1fr 1fr;gap:22px} .types{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px} .ct-form .btn{justify-self:start} .ct-ok{font-size:.8rem;color:var(--ink-3)} .map{position:sticky;top:calc(var(--hd-h) + 4vh);display:flex;flex-direction:column;gap:14px} .map-f{height:clamp(440px,74vh,760px)} .map-f.mk{cursor:auto} .map-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.75) brightness(.92) contrast(.95);transition:filter .7s} .map.sat .map-f iframe{filter:none} .map-ui{order:-1;display:flex;justify-content:flex-end;gap:8px} .map-ui .chip{color:#F5F5FA;background:rgba(5,10,20,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .map-ui .chip.on{background:var(--ink)} .map-pulse{position:absolute;left:50%;top:50%;z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;transition:opacity .5s} .map-pulse::before,.map-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red-hi);animation:pulse 2.4s var(--ease-out) infinite} .map-pulse::after{animation-delay:1.2s} @keyframes pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(5);opacity:0}} .map.touched .map-pulse{opacity:0} .map-card{position:relative;align-self:flex-end;max-width:330px;padding:22px 26px;background:var(--grad-red);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)} .map-card .lbl{color:#fff} .map-card .lbl::before{background:#fff} .map-card p{margin-top:10px;font:600 .95rem/1.5 var(--f-b)} .map-card .coord{margin-top:10px;font:600 .64rem var(--f-d);letter-spacing:.2em;opacity:.8} .map-card a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:700 .68rem var(--f-d);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px} .ft{position:relative;overflow:clip;padding-block:clamp(60px,10vh,110px) 28px;border-top:1px solid var(--line)} .ft-big{white-space:nowrap;font:800 clamp(4rem,17vw,18rem)/.8 var(--f-d);letter-spacing:-.045em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(245,245,250,.1);will-change:transform} .ft-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 30px;margin-top:44px;font-size:.8rem;color:var(--ink-3)} .ft-row nav{display:flex;flex-wrap:wrap;gap:8px 22px} .ft-row a:hover{color:var(--ink)} .ft-top{display:inline-flex;align-items:center;gap:8px;font:600 .66rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink)} .ft-logo{width:clamp(200px,20vw,260px);color:var(--ink)} .ft-logo svg{display:block;width:100%;height:auto} @media (max-width:1100px){.svc-grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:980px){ .svc-h,.ct-in{grid-template-columns:1fr} .map{position:relative;top:0} } @media (max-width:620px){ .svc-grid{grid-template-columns:repeat(2,1fr)} .svc-i{min-height:200px;padding:20px 16px} .fld-2{grid-template-columns:1fr} }