/*!
	Theme Name: Cabinet Beynet
	Theme URI: https://www.beynet-avocats.com/
	Description: Corporate Theme by Simon Derain.
	Author: Simon Derain
	Author URI: https://ww.designsd.fr/
	Version: 1.0

	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/:root{--c-white: #FFFFFF;--c-black: #01040A;--c-blue: #1B5EFD;--c-light-blue: #f2fcfe;--c-red: #eb3e33}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth;scroll-padding:var(--scroll-padding, 95px)}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}.otgs-development-site-front-end{display:none !important}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@font-face{font-family:"Lexend";src:url("./assets/fonts/lexend/Lexend-VariableFont_wght.woff2") format("woff2-variations");font-weight:100 900;font-display:swap}:root{--container-width: 100%}.container{width:100%;padding-right:var(1.5rem);padding-left:var(1.5rem);margin-right:auto;margin-left:auto}.container.small{max-width:75%}@media(max-width: 767.98px){.container{padding-right:24px;padding-left:24px}.container.small{max-width:100%}}@media(min-width: 576px){:root{--container-width: 540px}.container{max-width:var(--container-width)}.container.small{max-width:var(--container-width)}}@media(min-width: 768px){:root{--container-width: 95%}.container{max-width:100%;padding-inline:3rem}.container.small{max-width:var(--container-width)}}@media(min-width: 992px){:root{--container-width: 100%}.container{max-width:var(--container-width)}}@media(min-width: 1200px){:root{--container-width: 1140px}.container{max-width:var(--container-width)}}@media(min-width: 1400px){:root{--container-width: 1320px}.container{max-width:var(--container-width)}}@media(min-width: 1600px){:root{--container-width: 1520px}.container{max-width:var(--container-width)}}.d-grid{display:grid}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.d-none{display:none}html,body{font-family:"Lexend",sans-serif;padding:0;margin:0;--viewport-width: calc(100vw - (100vw - 100%));color:var(--c-black);background-color:var(--c-white);-webkit-transition:background-color .5s ease,color .5s ease;transition:background-color .5s ease,color .5s ease}.hide-on-desktop{display:none}.hide-on-mobile{display:block}@media(max-width: 767.98px){.hide-on-desktop{display:block}.hide-on-mobile{display:none}}.btn{font-size:1.125rem;line-height:1;font-weight:300;border:1px solid rgba(0,0,0,0);padding:2rem 2.5rem;border-radius:100px;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:1px solid rgba(0,0,0,0);-webkit-transition:outline 350ms,-webkit-box-shadow 750ms;transition:outline 350ms,-webkit-box-shadow 750ms;transition:box-shadow 750ms,outline 350ms;transition:box-shadow 750ms,outline 350ms,-webkit-box-shadow 750ms;position:relative;overflow:hidden;z-index:1}.btn span{width:150%;height:200%;position:absolute;z-index:-1;left:50%;top:50%;border-radius:100%;background:#1b5efd;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.btn--blue{background-color:var(--c-blue);border-color:var(--c-blue);color:#fff}.btn--blue span{background-color:rgba(1,4,10,.2)}.btn--stroke{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.3);color:var(--c-white)}.btn--stroke-dark{background-color:rgba(0,0,0,0);border-color:rgba(1,4,10,.2);color:var(--c-black);-webkit-transition:color ease-in 450ms;transition:color ease-in 450ms;-webkit-transition-delay:.4s;transition-delay:.4s}.link{color:var(--c-white);font-size:1.125rem;font-weight:300;line-height:1;margin:0;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration:none;position:relative;display:inline-block;outline:none;-webkit-transition:color ease-in 250ms;transition:color ease-in 250ms}.link::after{content:"";position:absolute;left:0;bottom:-3.5px;width:100%;height:2px;background-color:var(--c-white);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform ease-in 250ms;transition:-webkit-transform ease-in 250ms;transition:transform ease-in 250ms;transition:transform ease-in 250ms, -webkit-transform ease-in 250ms}@media(hover: hover){.btn--stroke-dark:focus-visible,.btn--stroke-dark:hover{color:var(--c-white);-webkit-transition-delay:.4s;transition-delay:.4s}.btn:focus-visible{outline:1px solid var(--c-blue);outline-offset:8px}.link:focus-visible,.link:hover{color:var(--c-white)}.link:focus-visible::after,.link:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}}@media(max-width: 767.98px){.btn{padding:1.75rem 1.5rem;font-size:.875rem}}@media(max-width: 375px){.btn{padding:1.5rem 1.5rem;font-size:.875rem}}main{position:relative}main .rounded__wrap{position:absolute;top:calc(100% - 1px)}main .rounded__item{background-color:var(--c-white)}.rounded__wrap{width:100%;top:0;position:relative;height:10vh;overflow:hidden}.rounded__item{width:150%;content:"";display:block;position:absolute;background:var(--c-blue);height:750%;left:50%;border-radius:50%;-webkit-transform:translate(-50%, -86.666%);transform:translate(-50%, -86.666%);z-index:1}@media(max-width: 991.98px){.rounded__wrap{height:10vw}}@media(max-width: 767.98px){.rounded__wrap{height:5vw}}.custom-cursor{position:fixed;width:20px;height:20px;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);border-radius:50%;background-color:#fff;pointer-events:none;z-index:100000;-webkit-transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);mix-blend-mode:difference;will-change:transform}.custom-cursor .more{width:8px;height:8px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-webkit-transition:opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);will-change:opacity}.custom-cursor .more::before,.custom-cursor .more::after{content:"";width:100%;height:.5px;background-color:var(--c-blue);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)}.custom-cursor .more::before{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.custom-cursor[data-cursor=pointer]{-webkit-transform:translate(-50%, -50%) scale(2);transform:translate(-50%, -50%) scale(2)}.custom-cursor[data-cursor=link] .more{opacity:1}@media(hover: none)and (pointer: coarse){.custom-cursor{display:none}}html::-webkit-scrollbar{display:none}html{scrollbar-width:none}.loading__wrapper{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:1050;pointer-events:none;background:#01040a}.loading__container{position:relative;padding:0;width:100%;height:100%;left:0;will-change:top;background-color:#01040a;display:grid;place-content:center}.loading__container .rounded__wrap{background-color:rgba(0,0,0,0);top:unset;bottom:0;position:absolute;-webkit-transform:translateY(99%);transform:translateY(99%);z-index:2;will-change:height}.loading__container .rounded__wrap .rounded__item{background-color:#01040a;z-index:2}.loading__elements{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:1;display:grid;place-content:center;will-change:opacity}.loading__words{height:51.2px;overflow:hidden}.loading__words .words-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(51.2px);transform:translateY(51.2px)}.loading__words .word{display:block;color:var(--c-white);font-size:2rem}.loading__words .word--selected{color:var(--c-blue)}.welcome{min-height:100svh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;position:relative}.welcome__icon{opacity:0;position:absolute;bottom:100px;right:100px}.welcome__container{display:grid;gap:4rem;padding-top:8rem}.welcome__tagline{font-size:4.5rem;line-height:1.2;font-weight:300}.welcome__tagline .line .magnetic{display:inline-block}.welcome__tagline mark{background-color:rgba(0,0,0,0);color:var(--c-blue)}.welcome__tagline mark.target{color:var(--c-black);text-underline-offset:8px;text-decoration-thickness:4px;text-decoration-color:var(--c-blue)}.welcome__tagline span.small{display:block;font-size:2rem;font-weight:300;line-height:1.2}.welcome__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;opacity:0}@media(max-height: 950px){.welcome__tagline{font-size:4rem}.welcome__container{gap:3rem;padding-top:4rem}}@media(max-height: 800px){.welcome__tagline{font-size:3.5rem}.welcome__container{gap:2rem}.welcome__icon{bottom:80px;right:80px}}@media(max-height: 700px){.welcome__tagline{font-size:3rem}.welcome__icon{bottom:60px;right:60px}}@media(max-width: 1199.98px){.welcome__tagline{font-size:3.25rem}.welcome__tagline span.small{font-size:1.75rem}.welcome__icon{bottom:3rem;right:3rem}}@media(max-width: 991.98px){.welcome__tagline{font-size:3.5rem}.welcome__tagline span.small{font-size:1.75rem}.welcome__icon{bottom:3rem;right:3rem}}@media(max-width: 767.98px){.welcome{min-height:auto;height:100svh;padding-top:calc(60px + 1.5rem)}.welcome__container{padding-top:0;gap:2rem}.welcome__tagline{font-size:2rem}.welcome__tagline span.small{font-size:1.25rem}.welcome__buttons{gap:1rem}.welcome__buttons>* .btn{display:block;width:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.welcome__icon{bottom:1.25rem;right:1.25rem}.welcome__icon svg{width:24px;height:auto;display:block}}@media(max-width: 375px){.welcome__tagline{font-size:2rem}.welcome__tagline span.small{font-size:1rem}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){.welcome{padding-top:0}.welcome__container{max-width:100%;padding-inline:3rem}.welcome__tagline{font-size:1.5rem}}.presentation{padding-block:10vw;position:relative;min-height:100dvh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.presentation p{max-width:800px;font-size:1.75rem;line-height:1.5;margin-bottom:1em;color:rgba(var(--c-black), 1);font-weight:300;text-align:left}.presentation p strong{color:var(--c-blue);font-weight:300}.presentation p:last-child{margin-bottom:0}@media(max-width: 1199.98px){.presentation{padding-block:3rem}}@media(max-width: 767.98px){.presentation{padding-block:20vh;min-height:auto}.presentation p{font-size:1.125rem}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){.presentation{max-width:100%;padding-inline:3rem}}.projects{--_space: 6vh}.projects__container{display:grid;gap:var(--_space);padding-inline:var(--_space)}.projects__line{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--_space);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.projects__title{font-size:3rem;font-weight:300;color:var(--c-black);text-decoration:none;display:inline-block}.project{display:block;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;text-decoration:none;display:grid;justify-items:flex-start}.project__img{overflow:hidden;position:relative;aspect-ratio:16/9.7;margin-bottom:1.5rem;width:100%}.project__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 3s cubic-bezier(0.165, 0.84, 0.44, 1);will-change:transform}.project__img:hover{cursor:none}.project__img:hover img,.project__img:focus-visible img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project__img .video-container{position:absolute;inset:0;top:0;left:0}.project__img video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.project__title{color:var(--c-blue);font-size:1.75rem;font-weight:300;text-decoration:none;display:inline-block;margin-bottom:.5rem}.project__title::after{background-color:var(--c-blue)}.project__title:focus-visible,.project__title:hover{color:var(--c-blue)}.project__description{color:var(--c-black);opacity:.6;font-weight:300}.others{padding-top:20vh;overflow:hidden;position:relative}.others__title{font-size:2rem;text-align:center;margin-bottom:4rem;font-weight:300;color:var(--c-black)}.others__lines{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;padding-block:4rem;overflow:visible;background:var(--c-light-blue)}.others__line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;will-change:transform;white-space:nowrap}.others__project{width:30vw;-ms-flex-negative:0;flex-shrink:0}.others__project img{width:100%;height:auto;display:block}@media(max-width: 1199.98px){.projects__title{padding-inline:0rem}}@media(max-width: 991.98px){.projects{--_space: 1.5rem}.projects__title{font-size:2.5rem;padding-inline:1.5rem;width:100%}.project__title{font-size:1.25rem}.others{background-color:var(--c-light-blue);padding:7rem 1.5rem;margin-top:7rem}.others__title{font-size:1.5rem;padding-inline:1.5rme;margin-bottom:3rem;text-align:left}.others__lines{padding-block:0rem;gap:1rem}.others__line{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:1rem}.others__line>*{width:30%;-webkit-box-flex:1;-ms-flex:1 1 46%;flex:1 1 46%}}@media(max-width: 767.98px){.projects__title{font-size:2rem;line-height:1.1;padding-inline:0rem;width:100%}.projects__container{--_space: 2.5rem;padding-inline:1.5rem}.projects__line{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project__img{margin-bottom:1rem}.project__title{margin-bottom:.25rem}.others{padding-bottom:0;background-color:var(--c-light-blue);padding:7rem 1.5rem;margin-top:7rem}.others__title{font-size:1.5rem;margin:0;margin-bottom:1rem;text-align:left}.others__lines{padding-block:0rem;gap:.5rem}.others__line{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:.5rem}.others__line>*{width:30%;-webkit-box-flex:1;-ms-flex:1 1 46%;flex:1 1 46%}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){.projects__title{font-size:1.75rem;line-height:1.1;padding-inline:0rem;width:100%;text-align:center}.projects__container{--_space: 1.5rem;padding-inline:1.5rem}.projects__line{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.others__title{text-align:center}}.conclusion{padding:20vh 0}.conclusion__tagline{text-align:center;font-size:1.75rem;font-weight:300}.conclusion__tagline em{color:var(--c-blue)}@media(max-width: 767.98px){.conclusion{padding:7rem 1.5rem}.conclusion__tagline{font-size:1.25rem;line-height:1.4;text-align:left}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){.conclusion__tagline{text-align:center}}.header{position:fixed;z-index:1000;width:100%;top:0;left:0;opacity:0;background-color:rgba(255,255,255,0);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);will-change:opacity}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;padding-block:4rem;width:100%;-webkit-transition:padding-block .7s ease-in-out;transition:padding-block .7s ease-in-out;will-change:padding-block}.header__logo{width:166.4px;height:40px;overflow:hidden;display:block}.header__logo svg{display:block;height:100%;width:auto}.header__nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;list-style:none}.header__nav ul li a{font-size:1rem;font-weight:400;position:relative;text-decoration:none;color:var(--c-black)}.header__nav ul li a:visited{color:var(--c-black)}.header__nav ul li a::after{--_bulletSize: 8px;content:"";width:var(--_bulletSize);height:var(--_bulletSize);border-radius:var(--_bulletSize);background-color:var(--c-blue);display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 150%);transform:translate(-50%, 150%);opacity:0;-webkit-transition:all ease-in-out 350ms;transition:all ease-in-out 350ms}.header__nav ul li a:hover::after,.header__nav ul li a:focus-visible::after{opacity:1;-webkit-transform:translate(-50%, 125%);transform:translate(-50%, 125%)}.header.scrolled .header__container{padding-block:1.5rem}@media(max-height: 950px){.header__container{padding-block:2rem}}@media(max-width: 767.98px){.header{width:calc(100% - 3rem);left:1.5rem;top:1.5rem;border-radius:8px}.header__container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-block:1rem;height:60px}.header__nav{display:none}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){header{display:none !important;opacity:0 !important;pointer-events:none !important}}.footer{background-color:var(--c-black);padding-top:10rem;position:relative}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__left{display:grid;gap:2rem}.footer__tagline{color:var(--c-white);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;margin:0}.footer__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.footer__right{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:var(--c-white)}.footer__right :last-child{margin-top:auto}.footer__right .copyright{opacity:.7;font-weight:300}.footer__rounded{position:absolute;left:0;bottom:0;top:inherit;border-bottom:10px solid green}.footer__rounded .rounded__item{-webkit-transform:scaleY(-1) translate(-50%, 0%);transform:scaleY(-1) translate(-50%, 0%);background:var(--c-white)}.footer__logo{margin-top:6rem;width:100%;display:block;overflow:hidden;aspect-ratio:21/4}.footer__logo img{display:block;width:100%;height:auto}@media(max-width: 767.98px){.footer{padding-top:4rem;gap:5.5rem;border-bottom-width:1rem}.footer__container{display:grid;gap:3rem}.footer__left{gap:3rem}.footer__tagline{text-align:left;font-size:1.75rem}.footer__buttons{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:1rem}.footer__right{text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.footer__logo{margin-top:3rem}}@media only screen and (min-width: 320px)and (max-width: 812px)and (orientation: landscape){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem;padding:3rem;width:100%;max-width:100%}.footer__right{text-align:right;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}/*# sourceMappingURL=style.css.map */
/* ===== ABOUT STATS ===== */
.about__stats {
    display: flex;
    gap: 4rem;
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid rgba(1, 4, 10, 0.12);
    flex-wrap: wrap;
}
.about__stat {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.stat__number {
    font-size: 3.5rem;
    font-weight: 300;
    color: var(--c-blue);
    line-height: 1;
}
.stat__label {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--c-black);
    opacity: 0.6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
@media (max-width: 767.98px) {
    .about__stats { gap: 2rem; margin-top: 3rem; }
    .stat__number { font-size: 2.5rem; }
}

/* ===== SERVICES ===== */
.services {
    padding-block: 10vw;
}
.services__title {
    font-size: 3rem;
    font-weight: 300;
    color: var(--c-black);
    margin-bottom: 4rem;
}
.services__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background-color: rgba(1, 4, 10, 0.08);
}
.service__card {
    background-color: var(--c-white);
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    transition: background-color 0.3s ease;
}
.service__card:hover {
    background-color: var(--c-light-blue);
}
.service__number {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--c-blue);
    letter-spacing: 0.1em;
    opacity: 0.7;
}
.service__name {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--c-black);
    line-height: 1.2;
}
.service__desc {
    font-size: 1rem;
    font-weight: 300;
    color: var(--c-black);
    opacity: 0.7;
    line-height: 1.6;
    flex: 1;
}
.service__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.service__tags li {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--c-blue);
    border: 1px solid rgba(27, 94, 253, 0.25);
    padding: 0.35rem 0.75rem;
    border-radius: 100px;
    letter-spacing: 0.02em;
}
@media (max-width: 991.98px) {
    .services__grid { grid-template-columns: 1fr; }
    .services { padding-block: 5rem; }
    .services__title { font-size: 2rem; margin-bottom: 2.5rem; }
    .service__card { padding: 2rem; }
}
@media (max-width: 767.98px) {
    .services__title { font-size: 2rem; }
    .service__name { font-size: 1.25rem; }
}

/* ===== PROJECT CONTEXT ===== */
.project__context {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--c-black);
    opacity: 0.55;
    line-height: 1.5;
    margin-top: 0.25rem;
    max-width: 480px;
}

/* ===== CONTACT FORM ===== */
.contact__form {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
}
.contact__form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.contact__field {
    display: flex;
    flex-direction: column;
}
.contact__field input,
.contact__field textarea {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--c-white);
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    padding: 1.25rem 1.5rem;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease;
    resize: vertical;
}
.contact__field input::placeholder,
.contact__field textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.contact__field input:focus,
.contact__field textarea:focus {
    border-color: var(--c-blue);
    background: rgba(27, 94, 253, 0.06);
}
.contact__submit {
    align-self: flex-start;
    margin-top: 0.5rem;
}
.contact__success {
    display: none;
    color: var(--c-white);
    opacity: 0.7;
    font-size: 0.875rem;
    font-weight: 300;
    padding: 0.75rem 0;
}
@media (max-width: 767.98px) {
    .contact__form-row { grid-template-columns: 1fr; }
    .contact__form { margin-top: 2rem; }
}