@charset "UTF-8";@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Outfit.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/AlexandriaArabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0898-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10efd-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/AlexandriaLatin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit fallback;src:local("Arial");size-adjust:99.4549%;ascent-override:100.5481%;descent-override:26.1425%;line-gap-override:0%}@font-face{font-family:Alexandria fallback;src:local("Arial");size-adjust:113.5009%;ascent-override:85.2857%;descent-override:22.1144%;line-gap-override:0%}*,:after,:before{box-sizing:border-box}::-moz-selection{color:var(--night);background-color:var(--blue)}::selection{color:var(--night);background-color:var(--blue)}:root{color-scheme:light;--blue:#50c8f0;--night:#28285a;--background:#fff;--background-secondary:#f9fafb;--color:#111827;--color-secondary:rgba(17,24,39,.73);--font-family:"Outfit","Outfit fallback";--line-height:1.1;--padding-x:16px;--padding-y:16px;--h-header:72px;--duration:.24s;--transition:var(--duration) linear;--animation:calc(var(--duration)*2) forwards;--origin:0%;--shadow:0 0 0/10%}:root.dark{color-scheme:dark;--background:#111827;--background-secondary:#1f2937;--color:#fff;--color-secondary:hsla(0,0%,100%,.67);--shadow:255 255 255/10%}:root[dir=rtl]{--font-family:"Alexandria","Alexandria fallback";--line-height:1.4;--origin:100%}@media(min-width:768px){:root{--padding-x:24px;--padding-y:24px}:root:not(.scrolled){--h-header:88px}}@media(min-width:1024px){:root{--padding-x: calc(50% - 476px) ;--padding-y:32px}}@media(min-width:1280px){:root{--padding-x: calc(50% - 600px) }}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--background);color:var(--color);transition:background-color var(--transition),color var(--transition);font-family:var(--font-family);font-size:16px;line-height:1.6}.menu-open body{height:100%;overflow:hidden}.h1,h1{font-size:44px;font-weight:700;line-height:var(--line-height);letter-spacing:-.04em;margin-block-start:0;margin-block-end:24px}@media(min-width:768px){.h1,h1{font-size:56px;margin-block-end:36px}}@media(min-width:1024px){.h1,h1{font-size:80px;margin-block-end:48px}}.h2,h2{font-size:32px;font-weight:500;line-height:var(--line-height);letter-spacing:-.04em;margin-block-start:0;margin-block-end:24px}@media(min-width:768px){.h2,h2{font-size:42px}}@media(min-width:1024px){.h2,h2{font-size:56px}}.h3,h3{font-size:20px;line-height:var(--line-height);letter-spacing:-.02em;margin-block-start:0;margin-block-end:12px}.h3,.h6,h3,h6{font-weight:500}.h6,h6{font-size:16px;line-height:1.5;margin-block-end:6px}a{color:var(--color);text-decoration:none;transition:color var(--transition)}p{margin-block:0 12px}p:last-child{margin-block-end:0}ol,ul{margin:0;padding:0;list-style:none}ol{counter-reset:ol}ol li:before{counter-increment:ol;content:counters(ol,".") "."}ol .big-count:before{font-size:56px;font-weight:900;line-height:var(--line-height);color:var(--blue);margin-bottom:12px;display:block}strong{font-weight:600}address{font-style:normal;margin-bottom:12px}button{background-color:transparent;color:currentcolor;font-family:inherit;font-size:inherit;margin:0;padding:0;border:none;cursor:pointer}picture{display:grid;background-color:var(--background-secondary);transition:background-color var(--transition)}img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.container{padding-block:calc(var(--padding-y)*3);padding-inline:var(--padding-x)}.container-no-pt{padding-top:0}.hero{--padding-y:0;display:grid;grid-auto-rows:1fr auto;transition:min-height var(--transition);min-height:calc(100svh - var(--h-header))}.error{--h-header:0;--padding-y:0;min-height:100svh}.intro{display:grid;grid-template-columns:repeat(12,1fr);align-content:center}.intro-justify{max-width:348px;margin:auto}@media(min-width:768px){.intro-justify{max-width:100%}}.intro *{grid-column:1/13}@media(min-width:768px){.intro *{grid-column:1/10}}@media(min-width:1280px){.intro *{grid-column:1/8}}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:24px 0}.row-center{align-items:center}.row-no-gap{gap:0}.col{grid-column:1/13}@media(min-width:768px){.col--1-6{grid-column:1/6}.col--1-9{grid-column:1/9}.col--7-12{grid-column:7/12}}@media(min-width:1024px){.col--1-4{grid-column:1/4}.col--1-5{grid-column:1/5}.col--2-12{grid-column:2/12}.col--5-13{grid-column:5/13}.col--6-13{grid-column:6/13}}@media(min-width:1280px){.col--3-11{grid-column:3/11}}[class*=items-]{row-gap:48px}[class*=items-] .item{grid-column:span 11/span 11}@media(min-width:768px){[class*=items-].items-2 .item{grid-column:span 5/span 5}[class*=items-].items-2 .item-2{grid-column-start:7}[class*=items-].items-2 .item-3{grid-row-start:2}[class*=items-].items-2 .item-4{grid-column-start:7;grid-row-start:2}[class*=items-].items-4 .item{grid-column:span 2/span 2}[class*=items-].items-4 .item-2{grid-column-start:4}[class*=items-].items-4 .item-3{grid-column-start:7}[class*=items-].items-4 .item-4{grid-column-start:10}[class*=items-].items-5 .item{grid-column:span 3/span 3}[class*=items-].items-5 .item-2{grid-column-start:5}[class*=items-].items-5 .item-3{grid-column-start:9}[class*=items-].items-5 .item-4{grid-row-start:2}[class*=items-].items-5 .item-5{grid-column-start:5;grid-row-start:2}}.more{display:grid;padding-top:var(--padding-y)}.request{background-color:var(--background-secondary);transition:background-color var(--transition)}.request:not(.other){text-align:center}.request .h3{color:var(--color-secondary);transition:color var(--transition)}.request a{margin:0}header:has(nav){--padding-y:24px;position:fixed;width:100%;padding:var(--padding-y) var(--padding-x);background-color:var(--background);transition:background-color var(--transition),padding var(--transition);z-index:1;display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between}.scrolled header:has(nav){box-shadow:0 0 10px rgba(var(--shadow))}@media(min-width:768px){header:has(nav){grid-template-columns:repeat(3,auto)}html:not(.scrolled) header:has(nav){--padding-y:32px}}.logo{display:grid;visibility:visible;opacity:1;transition-property:visibility,opacity}.menu-open .logo{visibility:hidden;opacity:0}.menu-closing .logo{transition-delay:var(--duration)}.univerweb-logo path:first-child{fill:var(--blue)}.univerweb-logo path:last-child{fill:var(--night);transition:fill var(--transition)}.dark .logo .univerweb-logo path:last-child{fill:#fff}.nav{position:fixed;inset:0;width:100%;height:var(--h-header);visibility:hidden;opacity:0;background-color:transparent}.menu-closing .nav,.menu-open .nav{transition-property:height,visibility,opacity,background-color;transition-duration:var(--duration)}.menu-open .nav{height:100%;visibility:visible;opacity:1;background-color:var(--background-secondary);overflow-y:auto;transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.menu-closing .nav{transition-delay:var(--duration);transition-timing-function:cubic-bezier(.46,.03,.52,.96)}@media(min-width:768px){.nav{position:relative;height:auto;visibility:visible;opacity:1}}.menu{display:grid;gap:24px;padding:10%;visibility:hidden}@media(min-width:768px){.menu{grid-template-columns:repeat(var(--item-total),auto);padding:0}}.menu a{position:relative;display:grid;width:-moz-fit-content;width:fit-content;font-size:28px;font-weight:500;visibility:hidden;opacity:0;transform:translateY(-8px)}.menu-closing .menu a,.menu-open .menu a{transition-property:visibility,opacity,transform}.menu-open .menu a{visibility:visible;opacity:1;transform:translateY(0);transition-delay:calc(var(--duration) + var(--item-number)*20ms);transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.menu-closing .menu a{transition-delay:calc(-20ms + 20ms*(var(--item-total) - var(--item-number)));transition-timing-function:cubic-bezier(.46,.03,.52,.96)}@media(min-width:768px){.menu a{font-size:16px;line-height:1.5;visibility:visible;opacity:1;transform:none}}.menu a:after{content:"";position:absolute;bottom:-2px;background-color:var(--blue);width:100%;height:4px;border-radius:2rem;transform:scaleX(0);transform-origin:var(--origin);transition:transform var(--transition)}@media(min-width:768px){.menu a:after{height:3px}}.menu a:hover:after{transform:scaleX(.5)}.menu a.active:after{transform:scaleX(1)}.switchers{position:relative;display:flex;align-items:center;-moz-column-gap:16px;column-gap:16px}.switchers>*{transition:color var(--transition);width:20px;height:20px;border-radius:2rem}.switchers>:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.switchers .toggle-lang,.switchers .toggle-theme{visibility:visible;opacity:1;transition-property:color,visibility,opacity}.menu-open .switchers .toggle-lang,.menu-open .switchers .toggle-theme{visibility:hidden;opacity:0}.menu-closing .switchers .toggle-lang,.menu-closing .switchers .toggle-theme{transition-delay:var(--duration)}.tooltip-lang{position:absolute;inset-inline-end:calc(100% + 8px);width:-moz-max-content;width:max-content;font-size:12.5px;opacity:0;visibility:hidden}@keyframes tooltip-lang{0%{opacity:0;transform:translate(20%)}30%,70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@media(min-width:1024px){.tooltip-lang.active{visibility:visible;animation:tooltip-lang 2s var(--duration) ease-in-out}[dir=rtl] .tooltip-lang.active{animation-direction:reverse}}.toggle-theme-enter-active,.toggle-theme-leave-active{transition-property:transform,opacity;transition-duration:calc(var(--duration)/2)}.toggle-theme-enter-from,.toggle-theme-leave-to{transform:scaleY(0);opacity:0}.toggle-menu{display:grid;align-content:space-between;padding:2px}@media(min-width:768px){.toggle-menu{display:none}}.toggle-menu span{background-color:currentcolor;height:2px;border-radius:2em}@keyframes toggle-top{0%{transform:translateY(7px) scaleX(1) rotate(-45deg)}25%{transform:translateY(7px) scaleX(1) rotate(0)}50%{transform:translateY(0) scaleX(1) rotate(0)}}@keyframes toggle-top-scale{50%{transform:translateY(0) scaleX(1) rotate(0)}75%{transform:translateY(7px) scaleX(1) rotate(0)}to{transform:translateY(7px) scaleX(1) rotate(-45deg)}}.toggle-menu .top{animation:toggle-top var(--animation)}.menu-open .toggle-menu .top{animation:toggle-top-scale var(--animation)}@keyframes toggle-middle{0%,75%{transform:scaleX(0)}to{transform:scaleX(.5)}}@keyframes toggle-middle-scale{0%{transform:scaleX(.5)}25%,to{transform:scaleX(0)}}.toggle-menu .middle{animation:toggle-middle var(--animation);transform-origin:var(--origin)}.menu-open .toggle-menu .middle{animation:toggle-middle-scale var(--animation)}@keyframes toggle-bottom{0%{transform:translateY(-7px) scaleX(1) rotate(45deg)}25%{transform:translateY(-7px) scaleX(1) rotate(0)}50%{transform:translateY(0) scaleX(1) rotate(0)}75%,to{transform:translateY(0) scaleX(.75) rotate(0);transform-origin:var(--origin)}}@keyframes toggle-bottom-scale{0%,25%{transform:translateY(0) scaleX(.75) rotate(0);transform-origin:var(--origin)}50%{transform:translateY(0) scaleX(1) rotate(0)}75%{transform:translateY(-7px) scaleX(1) rotate(0)}to{transform:translateY(-7px) scaleX(1) rotate(45deg)}}.toggle-menu .bottom{animation:toggle-bottom var(--animation)}.menu-open .toggle-menu .bottom{animation:toggle-bottom-scale var(--animation)}main{transform:translateY(var(--h-header));transition:transform var(--transition)}main:is(.page-enter-active,.page-leave-active){transition-property:opacity}main:is(.page-enter-from,.page-leave-to){opacity:0}footer{--padding-y:48px;font-weight:300;padding:var(--padding-y) var(--padding-x);display:grid;justify-content:center;gap:var(--padding-y);transform:translateY(var(--h-header));transition:transform var(--transition)}@media(min-width:1024px){footer{--padding-y:144px;grid-template-columns:repeat(3,auto);justify-content:space-between}}footer a:hover{color:var(--blue)}.mobile{display:flex;align-items:center;-moz-column-gap:6px;column-gap:6px;width:-moz-fit-content;width:fit-content}.socials{margin-top:12px;max-width:200px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between}@media(min-width:768px){.socials{max-width:280px}}.socials a{display:grid}.copy{font-size:12.5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}.lead{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--color-secondary);transition:color var(--transition)}footer .lead{font-weight:300;color:var(--color);margin:0;max-width:400px}.tags{display:flex;flex-wrap:wrap;gap:6px 12px;font-weight:500}.tags li:before{content:"#";color:var(--blue);margin-inline-end:3px}.card-group{display:grid;grid-template-columns:repeat(1,minmax(auto,348px));gap:var(--padding-y);justify-content:center}@media(min-width:768px){.card-group{grid-template-columns:repeat(2,minmax(348px,460px))}}@media(min-width:1280px){.card-group{grid-template-columns:repeat(2,1fr)}}.card{display:grid;position:relative;overflow:hidden;border-radius:var(--padding-y)}.card:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.card img{aspect-ratio:49/52;transition:scale var(--transition)}.card:hover img{scale:1.1}.card .overlay{position:absolute;width:100%;height:100%;background-color:#000000ab}.card:focus-visible .overlay{background-color:var(--blue)}.card .inner{display:grid;grid-auto-rows:auto 1fr auto;position:absolute;height:100%;color:#fff;padding:var(--padding-y)}.card .tags{margin-block-end:12px}.card .tags li:before{color:currentcolor}.card h2,.card h3{font-size:32px}@media(min-width:1280px){.card h2.realisation,.card h3.realisation{font-size:56px}}.card .lead{visibility:hidden}@media(min-width:768px){.card .lead{visibility:visible;color:#fff;opacity:0;transform:translateY(20px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}}@media(min-width:768px){.card:focus-visible .lead,.card:hover .lead{opacity:.8;transform:translateY(0)}}.card-prestation{position:relative;display:grid;grid-auto-rows:auto auto 1fr;background-color:var(--background-secondary);padding:var(--padding-y);border-radius:var(--padding-y);transition:background-color var(--transition)}.card-prestation:focus-within{outline:3px solid var(--blue);outline-offset:5px}.card-prestation>svg{transition:fill var(--transition),transform var(--transition)}.card-prestation:is(:hover,:focus-within)>svg{fill:var(--blue)!important;transform:scale(1.05)}.card-prestation h2,.card-prestation h3{font-size:32px;margin-block:calc(var(--padding-y)*2) 24px}.card-prestation p{margin-block-end:0}.card-prestation a:before{position:absolute;inset:0;content:""}.link{display:inline-block;font-size:20px;font-weight:500}@media(min-width:768px){.link{font-size:28px}}.link.outfit{font-family:Outfit,Outfit fallback}.link:hover{color:var(--blue)}.link.move:hover{color:currentcolor}.btn{display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;-moz-column-gap:12px;column-gap:12px;background-color:var(--background-secondary);font-weight:500;line-height:2.875;padding-inline:20px 10px;border-radius:2em;transition:background-color var(--transition),color var(--transition),font-weight var(--transition)}.btn.skip-link{position:absolute;inset-block-start:13px;inset-inline-start:16px;padding-inline:20px;transform:translateY(calc(-100% - 13px));transition:background-color var(--transition),color var(--transition),font-weight var(--transition),transform var(--transition)}.hero .btn{justify-self:center;margin-bottom:24px;padding:0 0 24px}.more .btn{justify-self:end}.error .btn{margin-top:48px}.btn:focus-visible,.btn:hover{background-color:var(--blue);color:var(--night);font-weight:600}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.btn:focus-visible.skip-link{transform:translateY(0)}.btn svg{background-color:var(--blue);color:var(--background-secondary);border-radius:2rem;padding:10px;width:32px;height:32px;transition:color var(--transition),transform var(--transition)}[dir=rtl] .btn svg.next{transform:rotate(180deg)}.btn:focus-visible svg,.btn:hover svg{color:var(--night);transform:translate(5px)}.hero .btn:focus-visible svg,.hero .btn:hover svg{transform:translateY(24px)}[dir=rtl] .btn:focus-visible svg.next,[dir=rtl] .btn:hover svg.next{transform:translate(-5px) rotate(180deg)}.back{width:-moz-max-content;width:max-content;text-transform:uppercase;font-size:12.8px;font-weight:500;line-height:var(--line-height);margin-block-end:12px}.back:hover{color:var(--blue)}.back svg{margin-inline-end:6px}[dir=rtl] .back svg{transform:rotate(-180deg)}.move{position:relative;display:inline-block}.move:before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background-color:var(--blue);transform:scaleX(.05);transform-origin:var(--origin);transition:transform var(--transition)}@keyframes move{0%{transform:scaleX(.05)}25%{transform:scaleX(1);transform-origin:var(--origin)}26%{transform:scaleX(1);transform-origin:calc(100% - var(--origin))}60%{transform:scaleX(.05)}80%{transform:scaleX(0);transform-origin:calc(100% - var(--origin))}81%{transform:scaleX(0);transform-origin:var(--origin)}to{transform:scaleX(.05)}}.move:hover:before{animation:move var(--animation)}.slug-nav{display:grid;align-items:start;gap:48px;padding-block:72px 48px;background-color:var(--background-secondary);transition:background-color var(--transition)}@media(min-width:768px){.slug-nav{grid-template-columns:repeat(2,1fr)}}.slug-nav .link{position:relative;line-height:1;width:-moz-fit-content;width:fit-content}.slug-nav .link:is(.prev){padding-inline-start:18px}.slug-nav .link:is(.next){padding-inline-end:18px;text-align:end;justify-self:end;grid-column:2}.slug-nav .link:before{content:attr(data-text);position:absolute;color:var(--color-secondary);transition:color var(--transition);inset-block-start:-18px;padding-bottom:4px;font-size:.8rem;line-height:.9375;width:-moz-max-content;width:max-content}.slug-nav .link.next:before{inset-inline-end:18px}.slug-nav .link:hover:before{color:var(--color-primary)}.realisations h1{margin-block-end:0}.realisations .banner{overflow:hidden;justify-items:center;padding:var(--padding-y) var(--padding-y) 0}@media(min-width:1024px){.realisations .banner{--padding-y:48px}}.realisations .banner img{aspect-ratio:2/1;max-width:1280px;border-radius:.5rem .5rem 0 0}.realisations .technos{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.realisations .technos li{display:flex}@media(min-width:768px){.realisations article .inner{position:sticky;top:var(--padding-y)}}.realisations .inner .lead{margin-bottom:16px}.realisations .preview{aspect-ratio:1/1;padding:var(--padding-y);overflow-y:scroll}.realisations .preview img{border-radius:.25rem}.realisations .preview::-webkit-scrollbar{width:6px}.realisations .preview::-webkit-scrollbar-thumb{background-color:var(--blue)}.realisations .preview::-webkit-scrollbar-track{background-color:var(--color-secondary)}.realisations img{box-shadow:0 0 40px rgba(var(--shadow))}.prestations :is(h1,.features h2,.tags-group h2){margin-block-end:0}.prestations .banner{max-width:1400px;margin:0 auto}.prestations .banner img{aspect-ratio:16/9}.prestations .features p{margin-block-end:32px}.prestations .tags-group .tags{align-content:end}.prestations .faq .question{padding-block:24px 12px;border-bottom:1px solid var(--background-secondary);transition:border-color var(--transition)}.prestations .faq .question button{display:flex;justify-content:space-between;align-items:center;text-align:start;-moz-column-gap:24px;column-gap:24px;width:100%;font-weight:inherit}.prestations .faq .question button .icon{position:relative;width:20px;height:20px}.prestations .faq .question button .icon span{position:absolute;left:50%;top:50%;background-color:currentcolor;width:16px;height:2px;border-radius:2em;transform:translate(-50%,-50%);transition:transform var(--transition)}.prestations .faq .question button .icon span.expanded{transform:translate(-50%,-50%) rotate(-90deg)}.prestations .faq .question .row{color:var(--color-secondary);transition:height var(--transition)}.prestations .faq .question .row p{margin-bottom:12px}@media(min-width:1280px){.prestations .card-group{grid-template-columns:repeat(3,1fr)}}#map{width:100%;height:720px;background-color:var(--background-secondary);transition:background-color var(--transition)}.blog h1{margin-block-end:24px}.blog .meta{display:flex;flex-wrap:wrap;-moz-column-gap:12px;column-gap:12px;margin:0;font-weight:500;color:var(--color-secondary);transition:color var(--transition)}.blog .meta dd{margin:0}@media(min-width:768px){.blog .meta .tags{position:relative;display:inline-flex;padding-inline-start:12px}.blog .meta .tags:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:var(--color-secondary);opacity:.2}}.blog .banner{max-width:1200px;margin:0 auto}.blog .banner img{aspect-ratio:16/9}.blog .content{color:var(--color-secondary);transition:color var(--transition)}.blog .content .lead{line-height:1.6;letter-spacing:normal}.blog .content h2{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-block-start:36px;margin-block-end:12px;color:var(--color);transition:color var(--transition)}.blog .content h3{font-size:20px;font-weight:600;letter-spacing:0;margin-block-start:24px}.blog .content a[rel=nofollow]{text-decoration:underline}.blog .content a[rel=nofollow]:hover{color:var(--blue)}.blog .content ol,.blog .content ul{margin-block:0 12px}.blog .content li{padding-inline-start:1.1rem;margin-bottom:6px}.blog .content li:before{margin-inline-start:-.975rem;float:inline-start}.blog .content ul li:before{content:"•"}.blog .share{display:flex;justify-content:space-between;padding-block:24px;border-block:1px solid var(--background-secondary);transition:border-color var(--transition)}.blog .share h2{margin:0}.blog .share ul{display:flex;-moz-column-gap:24px;column-gap:24px;height:24px}.blog .share .tooltip-clipboard{position:relative;color:currentcolor}.blog .share .tooltip-clipboard-text{width:-moz-max-content;width:max-content;color:#00d282;border:1px solid;padding:0 6px;border-radius:2em;position:absolute;inset-inline-end:34px;font-size:12.5px;line-height:1.76}.blog .share .tooltip-clipboard-text-enter-active,.blog .share .tooltip-clipboard-text-leave-active{transition:opacity var(--transition)}.blog .share .tooltip-clipboard-text-enter-from,.blog .share .tooltip-clipboard-text-leave-to{opacity:0}.blog .share .tooltip-clipboard:hover,.blog .share a:hover{transition:color var(--transition);color:var(--blue)}