:root{--navy:#1d252d;--navy2:#151b21;--pink:#ba5c80;--yellow:#fcd23f;--lime:#ebe81a;--ink:#fff;--mute:#8f9aa5}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--ink);font-family:Poppins,system-ui,sans-serif;overflow-x:hidden;cursor:none}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:1}
@media(hover:none){body{cursor:auto}.cur{display:none}}
/* cursor */
.cur{position:fixed;top:0;left:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:5px solid var(--pink);border-radius:50%;pointer-events:none;z-index:999;transition:width .25s,height .25s,margin .25s,background .25s,border-radius .4s,border-color .4s}
.cur.hot{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--lime);border-color:var(--lime)}
.cur.hot::after{content:attr(data-t);position:absolute;inset:0;display:grid;place-items:center;color:var(--navy);font-weight:700;font-size:13px}
/* nav */
nav{background:linear-gradient(rgba(29,37,45,.92),transparent);position:fixed;inset:0 0 auto 0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;transition:background .3s}
nav.solid{background:rgba(21,27,33,.85);backdrop-filter:blur(14px)}
nav img{height:46px;display:block}
.links{display:flex;gap:10px;align-items:center}
.pill{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:99px;font-size:14px;font-weight:600;border:2px solid #ffffff26;transition:.25s;background:none;color:#fff;cursor:none}
.pill i{width:11px;height:11px;display:block}
.pill:nth-child(1) i{background:var(--lime);clip-path:polygon(0 0,100% 50%,0 100%)}
.pill:nth-child(2) i{background:var(--yellow);border-radius:2px}
.pill:nth-child(3) i{background:var(--pink);border-radius:50%}
.pill:hover{background:#fff;color:var(--navy);border-color:#fff}
.pill.on{border-color:var(--lime)}
.links .go{background:var(--pink);border-color:var(--pink)}
.links .go:hover{background:var(--lime);border-color:var(--lime)}
@media(max-width:760px){.pill:not(.go){display:none}nav img{height:36px}.burger{display:flex}}
/* hero */
.hero{height:100svh;min-height:620px;position:relative;overflow:hidden}
#gl{position:absolute;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:66%;background:linear-gradient(transparent,var(--navy) 88%);pointer-events:none}
.hero-t{position:absolute;left:4vw;right:4vw;bottom:8vh;z-index:3;pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--navy);border:2px solid #ffffff30;padding:9px 18px 9px 12px;border-radius:99px;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:24px}
.badge svg{width:22px;height:22px}
.hero h1{font-size:clamp(40px,8.2vw,140px)}
.hero h1 span{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 em{font-style:normal;display:inline-block;transform:translateY(115%)}
.a0{color:var(--lime)}.a1{color:var(--pink)}.a2{color:var(--yellow)}
.dots{display:flex;gap:8px;margin-top:22px}
.dots i{width:22px;height:6px;border-radius:9px;background:#ffffff30;transition:.4s}
.dots i.on{width:50px;background:var(--lime)}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:26px;flex-wrap:wrap}
.hero p{max-width:460px;color:#c3cbd3;opacity:0;line-height:1.6}
.hint{font-size:13px;color:var(--mute);letter-spacing:.14em;opacity:0}
/* REC */
.rec{position:fixed;left:4vw;bottom:22px;z-index:55;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.12em;mix-blend-mode:difference;color:#fff;pointer-events:none}
.rec b{width:10px;height:10px;background:#ff3b5c;border-radius:50%;animation:b 1s steps(2) infinite}
@keyframes b{50%{opacity:0}}
/* shared */
section{position:relative;padding:14vh 4vw}
.tag{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:26px}
.tag i{width:14px;height:14px;display:block}
h2{font-size:clamp(38px,6.4vw,104px);max-width:15ch}
.rv{opacity:0;transform:translateY(60px)}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--lime);color:var(--navy);padding:16px 28px;border-radius:99px;font-weight:700;font-size:15px;transition:transform .25s,background .25s;border:0;cursor:none}
.btn:hover{transform:scale(1.06);background:#fff}
.btn.ghost{background:none;color:#fff;border:2px solid #ffffff40}
.btn.ghost:hover{background:#fff;color:var(--navy)}
/* ticker */
.tick{overflow:hidden;background:var(--yellow);color:var(--navy);padding:16px 0;transform:rotate(-1.5deg) scale(1.03);margin:6vh 0}
.tick div{display:flex;width:max-content;animation:m 34s linear infinite;font-weight:700;font-size:clamp(18px,2.6vw,32px);letter-spacing:-.01em;white-space:nowrap}
.tick span{padding:0 26px;display:flex;align-items:center;gap:26px}
.tick span::after{content:"";width:14px;height:14px;background:var(--navy);border-radius:50%}
.tick span:nth-child(3n+2)::after{border-radius:3px}
.tick span:nth-child(3n)::after{border-radius:0;clip-path:polygon(0 0,100% 50%,0 100%)}
@keyframes m{to{transform:translateX(-50%)}}
/* showreel */
.reel{padding-top:4vh;padding-bottom:4vh}
.frame{position:relative;aspect-ratio:16/9;border-radius:40px;overflow:hidden;background:var(--navy2);cursor:none}
.frame iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
.frame .ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 25% 30%,#ba5c8066,transparent 55%),radial-gradient(circle at 80% 75%,#fcd23f44,transparent 50%),var(--navy2)}
.frame .ph b{font-size:clamp(20px,3vw,44px);letter-spacing:-.02em;color:#ffffffb0}
.frame .pb{position:absolute;left:30px;bottom:26px;z-index:3;display:flex;align-items:center;gap:16px;font-weight:700;font-size:clamp(16px,2vw,26px)}
.frame .pb i{width:76px;height:76px;border-radius:50%;background:var(--lime);display:grid;place-items:center;transition:transform .35s}
.frame .pb i::before{content:"";border-left:22px solid var(--navy);border-block:14px solid transparent;margin-left:6px}
.frame:hover .pb i{transform:scale(1.15) rotate(90deg)}
.frame::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.6));pointer-events:none}
/* work cards */
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.vg{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:64px}
.vg.three{grid-template-columns:repeat(3,1fr);gap:22px}
.vc{position:relative;aspect-ratio:16/9;border-radius:32px;overflow:hidden;background:var(--navy2);transition:transform .25s ease-out;will-change:transform;cursor:none}
.vc .th{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}
.vc:hover .th{transform:scale(1.06)}
.vc iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:177.78%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.vc::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.72));pointer-events:none}
.vc .shape{position:absolute;right:-30px;top:-30px;width:180px;opacity:.9;transition:transform .8s}
.vc:hover .shape{transform:rotate(90deg) scale(1.1)}
.vc .mt{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:12px}
.vc small{color:var(--lime);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.vc h3{font-size:clamp(18px,2vw,30px);margin-top:8px;letter-spacing:-.02em}
.vc .pl{width:54px;height:54px;border-radius:50%;background:var(--lime);flex:none;display:grid;place-items:center;transition:transform .35s}
.vc .pl.v::before{content:"";border-left:14px solid var(--navy);border-block:9px solid transparent;margin-left:4px}
.vc .pl svg{width:22px}
.vc:hover .pl{transform:scale(1.2)}
.vc .sn{position:absolute;top:20px;left:22px;z-index:2;font-size:11px;font-weight:600;letter-spacing:.14em;background:rgba(0,0,0,.45);padding:6px 12px;border-radius:99px}
@media(max-width:1000px){.vg.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vg,.vg.three{grid-template-columns:1fr}.frame{border-radius:22px}}
/* portfolio page */
.phead{padding-top:20vh;padding-bottom:4vh}
.phead h1{font-size:clamp(54px,11vw,190px)}
.phead p{color:#c3cbd3;max-width:52ch;line-height:1.7;margin-top:26px;font-size:18px}
.filters{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:76px;z-index:40;padding:14px 0}
.fl{padding:11px 22px;border-radius:99px;font-weight:600;font-size:14px;background:var(--navy);border:2px solid #ffffff2a;color:#fff;cursor:none;transition:.25s}
.fl small{opacity:.55;margin-left:8px;font-weight:500}
.fl:hover{border-color:#fff}
.fl.on{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.empty{grid-column:1/-1;text-align:center;padding:12vh 0;color:var(--mute);font-size:18px}
.empty b{display:block;color:#fff;font-size:clamp(24px,3vw,40px);margin-bottom:12px}
/* services */
.stack{margin-top:70px}
.sc{position:sticky;top:11vh;border-radius:44px;padding:clamp(26px,4vw,60px);min-height:62vh;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin-bottom:5vh;overflow:hidden;--st:#1d252d;--fl:#fff;--ac:#fcd23f;--ac2:#ba5c80}
.sc:nth-child(1){background:var(--pink);--ac:#fcd23f;--ac2:#ebe81a}
.sc:nth-child(2){background:var(--yellow);color:var(--navy);top:14vh;--ac:#ba5c80;--ac2:#ebe81a}
.sc:nth-child(3){background:var(--lime);color:var(--navy);top:17vh;--ac:#ba5c80;--ac2:#fcd23f}
.sc:nth-child(4){background:#fff;color:var(--navy);top:20vh;--fl:#fff;--ac:#ba5c80;--ac2:#fcd23f}
.sc:nth-child(5){background:var(--navy2);border:2px solid #ffffff2a;top:23vh;--st:#fff;--fl:#1d252d;--ac:#ebe81a;--ac2:#ba5c80}
.sc h3{font-size:clamp(34px,5.6vw,88px)}
.sc p{margin-top:24px;max-width:46ch;line-height:1.65;font-size:17px}
.sc small{font-weight:600;letter-spacing:.16em;font-size:13px;display:block;margin-bottom:18px;opacity:.7}
.sc svg{width:100%;max-width:360px;justify-self:center;will-change:transform;overflow:visible}
.sc svg *{stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.sc{grid-template-columns:1fr;min-height:0}.sc svg{max-width:170px;grid-row:1}}
/* about */
.about{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw}
.about p{color:#c3cbd3;line-height:1.75;font-size:18px;margin-top:34px;max-width:54ch}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.stat{background:var(--navy2);border-radius:26px;padding:26px 22px}
.stat b{font-size:clamp(34px,4vw,60px);display:block;line-height:1}
.stat:nth-child(1) b{color:var(--pink)}.stat:nth-child(2) b{color:var(--yellow)}.stat:nth-child(3) b{color:var(--lime)}
.stat span{color:var(--mute);font-size:13px;display:block;margin-top:10px}
.team{display:grid;gap:14px;align-content:start}
.person{background:var(--navy2);border-radius:32px;padding:30px;display:flex;gap:22px;align-items:center;transition:transform .35s}
.person:hover{transform:scale(1.03) rotate(-1deg)}
.person svg{width:76px;flex:none}
.person b{font-size:22px;display:block}
.person span{color:var(--mute);font-size:14px}
.cert{border-radius:32px;background:linear-gradient(135deg,#ebe81a,#fcd23f);color:var(--navy);padding:28px 30px;display:flex;gap:22px;align-items:center}
.cert svg{width:70px;flex:none}
.cert b{font-size:22px;display:block;line-height:1.15}
.cert span{font-size:14px;line-height:1.5;display:block;margin-top:6px}
.where{border-radius:32px;border:2px dashed #ffffff30;padding:26px 30px;color:#c3cbd3;line-height:1.6}
.where b{color:var(--lime)}
@media(max-width:860px){.about{grid-template-columns:1fr}}
/* contact cta */
.rec-sec{text-align:center;padding:16vh 4vw 12vh;overflow:hidden}
.rec-sec h2{max-width:none;font-size:clamp(40px,9vw,150px)}
.big{position:relative;display:grid;place-items:center;width:clamp(200px,24vw,330px);aspect-ratio:1;margin:60px auto 0;border-radius:50%;background:var(--pink);font-weight:700;font-size:clamp(22px,2.6vw,36px);transition:background .3s;will-change:transform;border:0;color:#fff;cursor:none}
.big::before,.big::after{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid var(--pink);animation:ping 2.6s ease-out infinite}
.big::after{animation-delay:1.3s}
@keyframes ping{to{transform:scale(1.9);opacity:0}}
.big:hover{background:var(--lime);color:var(--navy)}
.mail{display:block;margin-top:44px;color:var(--mute)}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:16px;padding:30px 4vw 70px;color:var(--mute);font-size:13px}
footer img{height:40px}
footer a:hover{color:#fff}
/* modals */
.modal{position:fixed;inset:0;z-index:200;background:rgba(12,16,20,.94);display:none;place-items:center;padding:4vw;overflow:auto}
.modal.on{display:grid}
.box{width:min(1240px,100%);aspect-ratio:16/9;border-radius:30px;overflow:hidden;background:#000}
.box iframe{width:100%;height:100%;border:0}
.box.img{aspect-ratio:auto;background:none;display:grid;place-items:center}
.box.img img{max-width:100%;max-height:86vh;border-radius:22px;display:block}
.x{position:absolute;top:20px;right:26px;width:54px;height:54px;border-radius:50%;background:var(--pink);border:0;color:#fff;font-size:26px;cursor:none;z-index:2}
.panel{position:relative;width:min(640px,100%);background:var(--navy);border:2px solid #ffffff22;border-radius:36px;padding:clamp(26px,4vw,48px);margin:auto}
.panel h3{font-size:clamp(32px,4vw,48px)}
.panel>p{color:#c3cbd3;margin:12px 0 26px;line-height:1.6}
.panel .x{top:18px;right:18px;width:46px;height:46px;font-size:22px}
.fld{display:block;margin-bottom:16px}
.fld span{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.fld input,.fld textarea{width:100%;background:var(--navy2);border:2px solid #ffffff22;border-radius:18px;padding:15px 18px;color:#fff;font:500 16px Poppins,sans-serif;outline:0;transition:border-color .2s;cursor:none}
.fld textarea{min-height:130px;resize:vertical}
.fld input:focus,.fld textarea:focus{border-color:var(--lime)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.panel .btn{width:100%;justify-content:center;margin-top:6px}
.panel .btn[disabled]{opacity:.6}
.msg{margin-top:16px;font-size:15px;line-height:1.5;display:none}
.msg.ok{display:block;color:var(--lime)}.msg.err{display:block;color:#ff8aa5}
.hp{position:absolute;left:-9999px}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.rv{opacity:1;transform:none}.hero h1 em{transform:none}.hero p,.hint{opacity:1}}

/* clients */
.clients{padding-top:4vh;padding-bottom:6vh;overflow:hidden}
.clients .sec-head{margin-bottom:40px}
.cl-row{display:flex;width:max-content;gap:18px;animation:m 40s linear infinite;padding:9px 0}
.cl-row:hover{animation-play-state:paused}
.cl-wrap{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cl{flex:none;width:clamp(170px,17vw,240px);aspect-ratio:16/9;border-radius:26px;background:var(--navy2);border:2px solid #ffffff14;display:grid;place-items:center;padding:22px;transition:background .3s,transform .3s,border-color .3s;cursor:none}
.cl img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.65;transition:filter .3s,opacity .3s}
.cl b{font-size:clamp(18px,1.8vw,26px);letter-spacing:-.02em;color:#ffffffa6;transition:color .3s;text-align:center}
.cl:hover{background:#fff;border-color:#fff;transform:translateY(-6px) rotate(-1.5deg)}
.cl:hover img{filter:none;opacity:1}.cl:hover b{color:var(--navy)}
.cl-note{color:var(--mute);font-size:14px;margin-top:22px}

/* client fly-through */
.flywrap{padding:0;position:relative}
.fly{position:relative;height:clamp(560px,88vh,900px);overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#27323c,var(--navy) 72%)}
#flyc{position:absolute;inset:0;width:100%;height:100%}
.vf i{position:absolute;width:40px;height:40px;border:3px solid #ffffff50;pointer-events:none}
.vf i:nth-child(1){left:4vw;top:28px;border-right:0;border-bottom:0}
.vf i:nth-child(2){right:4vw;top:28px;border-left:0;border-bottom:0}
.vf i:nth-child(3){left:4vw;bottom:28px;border-right:0;border-top:0}
.vf i:nth-child(4){right:4vw;bottom:28px;border-left:0;border-top:0}
.fly-t{position:absolute;left:calc(4vw + 28px);top:60px;pointer-events:none;z-index:2}
.fly-t h2{font-size:clamp(26px,3.6vw,56px);max-width:13ch}
.fly-t .tag{margin-bottom:14px}
.fly-b{position:absolute;left:0;right:0;bottom:64px;text-align:center;pointer-events:none}
#flyName{font-weight:700;font-size:clamp(22px,3vw,44px);letter-spacing:-.02em;transition:opacity .4s}
#flyNum{color:var(--mute);font-size:13px;letter-spacing:.2em;margin-top:8px}
.fly-bar{position:absolute;left:calc(4vw + 28px);right:calc(4vw + 28px);bottom:48px;height:4px;background:#ffffff22;border-radius:9px;pointer-events:none}
.fly-bar span{display:block;height:100%;width:0;background:var(--lime);border-radius:9px}
@media(max-width:700px){.fly-t{top:96px}.vf i:nth-child(1),.vf i:nth-child(2){top:76px}}

/* photo slideshow */
.box.img{width:min(1240px,100%)}
.gal{width:100%;display:grid;gap:14px}
.gal .stage{position:relative;display:grid;place-items:center;min-height:40vh}
.gal .stage img{max-width:100%;max-height:68vh;border-radius:22px;display:block;transition:opacity .3s;cursor:pointer;user-select:none}
.gnav{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;background:var(--lime);border:0;color:var(--navy);font-size:34px;line-height:1;cursor:none;z-index:2;transition:transform .2s}
.gnav:hover{transform:translateY(-50%) scale(1.12)}
.gp{left:10px}.gn{right:10px}
.gbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#fff}
.gbar .gt{font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;margin-right:auto}
.gbar .gc{color:var(--mute);font-size:14px;letter-spacing:.14em}
.gplay{background:none;border:2px solid #ffffff40;color:#fff;border-radius:99px;padding:9px 18px;font:600 13px Poppins,sans-serif;cursor:none}
.gplay:hover{background:#fff;color:var(--navy)}
.gths{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
.gth{flex:none;width:92px;aspect-ratio:4/3;border-radius:12px;border:3px solid transparent;background:#222 center/cover;opacity:.55;cursor:none;transition:.2s}
.gth:hover{opacity:1}.gth.on{opacity:1;border-color:var(--lime)}
@media(max-width:700px){.gnav{width:44px;height:44px;font-size:26px}.gth{width:68px}}

/* phone menu */
.burger{display:none;width:48px;height:48px;border-radius:50%;background:var(--navy2);border:2px solid #ffffff2a;align-items:center;justify-content:center;gap:4px;cursor:pointer;margin-left:8px;padding:0;transition:background .3s}
.burger i{width:9px;height:9px;display:block;transition:transform .4s,opacity .3s,width .3s}
.burger i:nth-child(1){background:var(--pink);border-radius:50%}
.burger i:nth-child(2){background:var(--yellow);border-radius:2px}
.burger i:nth-child(3){background:var(--lime);clip-path:polygon(0 0,100% 50%,0 100%)}
.burger.open{background:var(--lime)}
.burger.open i{background:var(--navy);border-radius:2px;clip-path:none;position:absolute;width:20px;height:3px}
.burger.open i:nth-child(1){transform:rotate(45deg)}.burger.open i:nth-child(2){transform:rotate(-45deg)}.burger.open i:nth-child(3){opacity:0}
.burger{position:relative}
.mmenu{position:fixed;inset:0;z-index:58;background:var(--navy);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:100px 8vw 40px;opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .35s,transform .35s,visibility .35s}
.mmenu.on{opacity:1;visibility:visible;transform:none}
.mmenu>a,.mmenu>button{display:flex;align-items:center;gap:20px;font:700 clamp(38px,11vw,64px)/1.15 Poppins,sans-serif;letter-spacing:-.03em;color:#fff;background:none;border:0;text-align:left;padding:8px 0;opacity:0;transform:translateX(-24px);transition:opacity .4s,transform .4s,color .2s;cursor:pointer}
.mmenu.on>a,.mmenu.on>button{opacity:1;transform:none}
.mmenu.on>:nth-child(2){transition-delay:.06s}.mmenu.on>:nth-child(3){transition-delay:.12s}.mmenu.on>:nth-child(4){transition-delay:.18s}
.mmenu>a:active,.mmenu>button:active{color:var(--lime)}
.mmenu i{width:.6em;height:.6em;flex:none;display:block}
.mm-foot{margin-top:40px;display:flex;flex-direction:column;gap:10px;color:var(--mute);font-size:15px}
.nav-lock{overflow:hidden}
nav.menu-open{background:transparent!important;backdrop-filter:none!important}
@media(min-width:761px){.mmenu{display:none}}
@media(max-width:760px){.burger{display:flex}}