*,*::before,*::after{box-sizing:border-box}body{margin:0;line-height:1.5;color:#1f2326;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(19,24,28,0)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}h2{font-size:calc(1.325rem + .9vw)}h3{font-size:calc(1.3rem + .6vw)}h4{font-size:calc(1.275rem + .3vw)}h5{font-size:1.25rem}h6{font-size:1rem}@media(min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}ul,dl{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}small{font-size:.875em}a{color:#0d6efd;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img,svg{vertical-align:middle;max-width:100%;height:auto}figure{margin:0 0 1rem}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}summary{display:list-item;cursor:pointer}body{background-color:var(--color-white);font-family:plus jakarta sans}img{image-rendering:-webkit-optimize-contrast}h1,h2,h3,h4,h5,h6,p{color:var(--color-text-primary);margin:0;letter-spacing:-.02em}h1,h2,h3,h4,h5,h6{font-family:space grotesk}[data-menu-open],[data-menu-close]{display:block;padding:0;border:0;background:0 0;font:inherit;color:inherit;cursor:pointer;> img{display:block}}[hidden]{display:none!important}@font-face{font-display:swap;font-family:plus jakarta sans;font-style:normal;font-weight:400;src:url(../fonts/plus-jakarta-sans-400.woff2)format("woff2")}@font-face{font-display:swap;font-family:plus jakarta sans;font-style:normal;font-weight:500;src:url(../fonts/plus-jakarta-sans-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:plus jakarta sans;font-style:normal;font-weight:600;src:url(../fonts/plus-jakarta-sans-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:plus jakarta sans;font-style:normal;font-weight:700;src:url(../fonts/plus-jakarta-sans-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:space grotesk;font-style:normal;font-weight:400;src:url(../fonts/space-grotesk-400.woff2)format("woff2")}@font-face{font-display:swap;font-family:space grotesk;font-style:normal;font-weight:500;src:url(../fonts/space-grotesk-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:space grotesk;font-style:normal;font-weight:700;src:url(../fonts/space-grotesk-700.woff2)format("woff2")}:root{--color-black:#13181c;--color-white:#fafbfc;--color-pure-white:#ffffff;--color-pure-black:#000000;--color-gray-50:#f3f4f5;--color-gray-100:#e5e8ea;--color-gray-200:#cdd2d6;--color-gray-300:#b7bcc1;--color-gray-600:#677179;--color-gray-700:#4b545b;--color-gray-800:#31383d;--color-gray-900:#1f2326;--color-primary:#1e56d9;--color-secondary:#ff6835;--color-light-blue:#618ef7;--color-brand-gray:#f4f3f4;--color-text-primary:#13181c;--color-text-secondary:#4b545b;--color-text-primary-dark:#ffffff;--color-text-secondary-dark:#cdd2d6;--color-text-disabled:#b7bcc1;--text-subtitle:calc(1.25625rem + .075vw);--text-h6:calc(1.29375rem + .525vw);--text-h5:calc(1.35rem + 1.2vw);--text-h4:calc(1.3875rem + 1.65vw);--text-h3:calc(1.41875rem + 2.025vw);--text-h2:calc(1.50625rem + 3.075vw);--text-h1:calc(1.625rem + 4.5vw);--text-display:calc(1.675rem + 5.1vw);--page-gutter:5rem;--page-gutter-wide:3rem;--page-width:1296px;--page-width-narrow:1076px;--page-width-prose:800px;@media(min-width:1200px){--text-subtitle: 1.3125rem; --text-h6: 1.6875rem; --text-h5: 2.25rem; --text-h4: 2.625rem; --text-h3: 2.9375rem; --text-h2: 3.8125rem; --text-h1: 5rem; --text-display: 5.5rem;}}.display{font-size:var(--text-display)}.h1{font-size:var(--text-h1)}.h2{font-size:var(--text-h2)}.h3{font-size:var(--text-h3)}.h4{font-size:var(--text-h4)}.h5{font-size:var(--text-h5)}.h6{font-size:var(--text-h6)}.subtitle{font-size:var(--text-subtitle)}[data-stack]{display:flex;flex-direction:column}[data-row]{display:flex;align-items:center}[data-grid]{display:grid}ul[data-stack],ul[data-row],ul[data-grid],ol[data-stack],ol[data-row],ol[data-grid]{margin:0;padding:0;list-style:none}[data-section]{display:block;padding-block:var(--section-y,4.5rem);@media(min-width:1200px){padding-block: var(--section-y-lg,7.5rem);}}[data-section=tight]{--section-y:3rem;--section-y-lg:4.5rem}of-inner{display:block;padding-inline:1.25rem;@media(min-width:576px){padding-inline: 2.5rem;}@media(min-width:1200px){width: min(var(--page-width),100vw - var(--page-gutter)); margin-inline: auto; padding-inline: 0;}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){[data-reveal=fade-slow]{opacity:0;transition:opacity var(--fade-duration,.5s)ease-in-out;&[data-revealed]{opacity:1}}[data-reveal=fade-slow]{--fade-duration:1.5s}[data-reveal=drift-coded],[data-reveal=drift-by],[data-reveal=drift-talents]{transform:translateX(0);transition:transform 1s ease-in-out;&[data-revealed]{transform:translateX(var(--slide))}@media(min-width:576px){&[data-revealed]{transform:translateX(var(--slide-576))}}@media(min-width:1200px){&[data-revealed]{transform:translateX(var(--slide-1200))}}}[data-reveal=drift-coded]{--slide:-460px;--slide-576:-900px;--slide-1200:-500px}[data-reveal=drift-by]{--slide:-529px;--slide-576:-1000px;--slide-1200:-529px}[data-reveal=drift-talents]{--slide:-460px;--slide-576:-870px;--slide-1200:-300px}[data-reveal=drift-our]{transform:translateX(-180%);transition:transform 1s ease-in-out;&[data-revealed]{transform:translateX(-100%)}@media(min-width:1200px){transform: translateX(-100%); &[data-revealed]{transform:translateX(-33%)}}}[data-reveal=brackets]{overflow:hidden;max-width:0;white-space:nowrap;transition:max-width 1s ease-in-out;&[data-revealed]{max-width:100%}}@media(min-width:1200px){@keyframes grow{0%{width:0;opacity:0}100%{width:100%;opacity:1}}@keyframes topToBottomBounce{0%{transform:translateY(-24px)}50%{transform:translateY(1.5rem)}100%{transform:translateY(0)}}@keyframes lineGrowthBounce{0%{width:0%;opacity:0}75%{width:105%}100%{width:100%;opacity:1}}[data-reveal=rise]{opacity:0;transform:translateY(3.125rem);transition:all .5s ease-in-out;&[data-revealed]{opacity:1;transform:translateY(0)}}[data-reveal=grow]{&[data-revealed]{animation:grow 1.5s forwards}&[data-reveal-clip]{display:inline-block;overflow:hidden;white-space:nowrap;width:0;opacity:0;animation-fill-mode:forwards}}[data-reveal=bounce]{&[data-revealed]{animation:topToBottomBounce 1s ease-in-out}}[data-reveal=line]{&[data-revealed]{animation:lineGrowthBounce 1s ease-out}}[data-reveal=zoom]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out;&[data-revealed]{opacity:1;transform:scale(1)}}}}@media(prefers-reduced-motion:reduce){[data-reveal=grow][data-reveal-clip]{width:100%;opacity:1}}[data-button]{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;letter-spacing:-.02em;padding:1rem;font-weight:500;line-height:1.25rem;transition:all .15s ease-in-out;text-decoration:none;text-transform:uppercase;background-color:var(--btn-bg,transparent);border:1px solid var(--btn-bd,transparent);color:var(--btn-fg,inherit);&:not(:disabled){&:hover{background-color:var(--btn-bg-hover,var(--btn-bg,transparent));border-color:var(--btn-bd-hover,var(--btn-bd,transparent))}&:active{background-color:var(--btn-bg-active,var(--btn-bg,transparent));border-color:var(--btn-bd-active,var(--btn-bd,transparent));color:var(--btn-fg-active,var(--btn-fg,inherit))}&:focus{border-color:var(--btn-bd-focus,var(--btn-bd,transparent));color:var(--btn-fg-focus,var(--btn-fg,inherit));box-shadow:0 0 0 2px var(--color-primary)}}&:disabled{--btn-bg:var(--color-gray-100) !important;--btn-bd:var(--color-gray-100) !important;--btn-fg:var(--color-text-disabled) !important}&[data-button=primary]{--btn-bg:var(--color-black);--btn-bd:var(--color-black);--btn-fg:var(--color-pure-white);--btn-bg-hover:var(--color-gray-800);--btn-bd-hover:var(--color-gray-800);--btn-bg-active:var(--color-gray-800);--btn-bd-focus:var(--color-white)}&[data-button=secondary]{--btn-bg:var(--color-pure-white);--btn-bd:var(--color-black);--btn-fg:var(--color-black);--btn-bg-hover:var(--color-gray-100);--btn-bg-active:var(--color-gray-100);--btn-bd-focus:var(--color-white)}&[data-button=ghost]{--btn-bg-hover:var(--color-gray-100);--btn-bg-active:var(--color-gray-100);--btn-bd-active:var(--color-black);--btn-bd-focus:var(--color-white);--btn-fg-focus:var(--color-black)}&[data-button=link]{--btn-bd-active:var(--color-black);--btn-bd-focus:var(--color-primary);--btn-fg-focus:var(--color-primary);&:hover{text-decoration:underline;text-underline-offset:.25rem}&:focus{text-decoration:none}}&[data-button=ghost]:disabled, &[data-button=link]:disabled{--btn-bg:transparent !important;--btn-bd:transparent !important}&[data-theme=dark]:disabled{--btn-bg:var(--color-gray-800) !important;--btn-bd:var(--color-gray-800) !important;--btn-fg:var(--color-gray-600) !important}&[data-button=primary][data-theme=dark]{--btn-bg:var(--color-pure-white);--btn-bd:var(--color-pure-white);--btn-fg:var(--color-pure-black);--btn-bg-hover:var(--color-gray-100);--btn-bd-hover:var(--color-gray-100);--btn-bg-active:var(--color-pure-white);--btn-bd-focus:var(--color-pure-white)}&[data-button=secondary][data-theme=dark]{--btn-bg:transparent;--btn-bd:var(--color-pure-white);--btn-fg:var(--color-pure-white);--btn-bg-hover:#ffffff26;--btn-bd-hover:var(--color-white);--btn-bg-active:var(--color-pure-white);--btn-bd-active:var(--color-pure-white);--btn-bd-focus:var(--color-pure-white);&:not(:disabled):focus{background-color:#ffffff26}}&[data-button=ghost][data-theme=dark]{--btn-bg-hover:#ffffff26;--btn-bg-active:var(--color-pure-white);--btn-bd-active:var(--color-black);--btn-fg-active:var(--color-black);--btn-bd-focus:var(--color-pure-white);--btn-fg-focus:var(--color-black);&:not(:disabled):focus{background-color:#ffffff26}}&[data-button=primary][data-loading]:not(:disabled){&, &:hover, &:active, &:focus{background-color:var(--color-gray-800);border-color:var(--color-gray-800)}}}of-home-hero,of-about-hero,of-services-hero,of-proposition-hero,of-jobs-hero,of-case-hero,of-career-hero,of-not-found{margin-top:4.4375rem}of-tag{font-size:.625rem;line-height:.9375rem;letter-spacing:.5px;padding:.1875rem .375rem;color:var(--color-gray-800);border-radius:.4375rem;border:1px solid var(--color-gray-100);text-transform:uppercase;@media(min-width:768px){padding: 0.25rem 0.625rem; font-size: 0.75rem; border: 2px solid var(--color-gray-100);}}of-slider{display:block;&[data-stories]{--slider-narrow-gutter:1.25rem;margin-top:4.5rem;@media(min-width:576px){margin-top: 7.5rem;}}&[data-trieste] > of-slider-controls{margin-top:2.5rem}&[data-hiring] > of-slider-controls{margin-top:4.5rem}}of-slider-track{--slider-inset:0rem;--slider-gutter:var(--slider-narrow-gutter, 1.5rem);display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--slider-inset));padding-inline:calc(var(--slider-inset) + var(--slider-gutter));scroll-padding-inline:calc(var(--slider-inset) + var(--slider-gutter));&::-webkit-scrollbar{width:0;height:0}@media(prefers-reduced-motion:no-preference){scroll-behavior: smooth;}@media(min-width:576px){--slider-gutter: 2.5rem; gap: 2rem;}@media(min-width:1200px){--slider-inset: calc((100vw - min(var(--page-width),100vw - var(--page-gutter))) / 2); --slider-gutter: 0rem;}}of-slide{flex:none;scroll-snap-align:start;&:last-child{scroll-snap-align:end}> article a{text-decoration:none}}of-slider[data-stories] of-slide{width:20rem;> article{display:flex;flex-direction:column;gap:2rem;width:20rem;height:25.375rem;padding:1rem;border-radius:1rem;background-color:var(--color-gray-900);> img{width:auto;height:11.75rem;margin:0 auto}h3{font-size:var(--text-h6);letter-spacing:-.01em;color:var(--color-text-primary-dark)}}@media(min-width:576px){width: 25.875rem;>article{gap:2.5rem;width:25.875rem;height:30rem;padding:2.5rem;> img{height:14rem}}}@media(min-width:1200px){>article{height:31.75rem;padding:1.5625rem 2.5rem 2.5rem;> img{width:25.75rem}}}}of-slider[data-trieste] of-slide{width:20rem;> article{gap:1rem;height:100%;padding:1.5rem;border:1px solid var(--color-gray-300);border-radius:1rem;> header{gap:.5rem;width:fit-content;padding:.5rem .75rem;border:1px solid var(--color-black);border-radius:.5rem;> h4{font-size:1rem}}> p{font-size:1rem}> div{justify-content:space-between;height:100%}> div > p{font-size:1rem}}@media(min-width:576px){width: 32.8125rem; height: 16rem;>article{padding:2.5rem;> header > h4{font-size:var(--text-subtitle)}> p{font-size:var(--text-subtitle)}}}}of-slider[data-hiring] of-slide{width:20rem;> article{display:grid;align-content:start;row-gap:.5rem;width:20rem;height:100%;padding:2.5rem;border:1px solid var(--color-gray-300);border-radius:1rem;> p:first-child{margin-bottom:2.5rem;font-family:space grotesk;font-size:4rem;line-height:4.375rem;color:var(--color-gray-300)}> h3{font-size:var(--text-h6)}> p{font-size:1rem}}@media(min-width:576px){width: 26.125rem; height: 25rem;>article{width:26.125rem}}}of-slider-controls{padding-inline:1.25rem;> nav{display:none;gap:.5rem}button{padding:0;border:0;border-radius:6.25rem;background:0 0;line-height:0;cursor:pointer;transition:background-color .1s ease-in-out;> svg{display:block;border-radius:inherit}rect, path{stroke:var(--color-black)}&:hover:not(:disabled){background-color:var(--color-brand-gray)}&:focus-visible{box-shadow:0 0 0 2px #1e56d966}&:disabled{cursor:default;rect, path{stroke:var(--color-gray-300)}}}&[data-dark] button{background-color:var(--color-black);rect, path{stroke:var(--color-white)}&:hover:not(:disabled){background-color:var(--color-gray-200)}&:disabled rect, &:disabled path{stroke:var(--color-gray-700)}}@media(min-width:576px){justify-content: space-between; padding-inline: 2.5rem;>nav{display:flex}}@media(min-width:1200px){padding-inline: 0;}}of-slider-progress{position:relative;display:block;width:100%;height:.1875rem;background-color:var(--color-gray-300);&::after{content:"";position:absolute;inset:0;transform-origin:left top;transform:scaleX(var(--slider-progress,0));background-color:var(--color-black);transition:transform .3s}@media(min-width:576px){width: 21.9375rem;}}of-slider-controls[data-dark] of-slider-progress{background-color:var(--color-gray-700);&::after{background-color:var(--color-white)}}of-slider-actions{justify-content:center;margin-top:4.5rem;> of-slider-controls{width:100%;min-width:0}> of-inner{display:flex;justify-content:flex-end;width:50%}a{width:fit-content;white-space:nowrap}}of-disclosure-list{display:block;--rule-color:var(--color-gray-100);--row-inset:.5rem;--row-pad-block:1rem;&[data-skin=faq]{--rule-color:var(--color-gray-300);--row-inset:0;--row-pad-block:1.5rem}> details{interpolate-size:allow-keywords;background-color:var(--color-white);border-top:1px solid var(--rule-color);&:last-child{border-bottom:1px solid var(--rule-color)}> summary{display:flex;align-items:center;list-style:none;padding:var(--row-pad-block)var(--row-inset);&::-webkit-details-marker{display:none}> *{letter-spacing:normal}&::after{content:"";flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;background-image:url(/assets/img/icons/icon-plus.svg);background-repeat:no-repeat;background-size:1.25rem}}> div{padding:0 0 1.5rem var(--row-inset);> p{font-size:1rem}}&::details-content{block-size:0;overflow:clip;overflow-clip-margin:1px;@media(prefers-reduced-motion:no-preference){transition: block-size .35s ease,content-visibility .35s ease allow-discrete;}}&[open]{> summary::after{background-image:url(/assets/img/icons/icon-minus.svg)}&::details-content{block-size:auto}}}}of-value{position:relative;display:block;padding:1.25rem;border-radius:1rem;background-color:var(--color-gray-900);overflow:hidden;@media(min-width:576px){height: 100%; padding: 1.25rem 1.25rem 1.75rem 1.25rem;}@media(min-width:1200px){width: 23.875rem; padding: 2rem; &:hover of-value-detail,&:focus-within of-value-detail{transform:translateX(0);right:0}}}of-value-detail{position:absolute;top:0;width:100%;height:100%;padding:2rem;border-radius:1rem;background-color:var(--color-primary);color:var(--color-white);transform:translateX(100%);z-index:1000;@media(prefers-reduced-motion:no-preference){transition: all 0.3s linear;}&[data-active]{transform:translateX(0);right:0}}of-spinner{display:block;width:1.25rem;height:1.25rem;border:2px solid var(--color-white);border-bottom-color:#fafbfc33;border-radius:50%;animation:rotation 1s linear infinite}of-lego{width:13.875rem;height:7.5rem;flex-shrink:0;border-radius:.5rem;background-repeat:no-repeat;background-size:cover;@media(min-width:576px){width: 27rem; height: 14.5rem;}&[data-word]{width:auto}&[data-person=oddo]{background-image:url(/assets/img/people/lego_oddo.jpg)}&[data-person=komauli]{background-image:url(/assets/img/people/lego_komauli.jpg)}&[data-person=gustin]{background-image:url(/assets/img/people/lego_gustin.jpg)}&[data-person=caenazzo]{background-image:url(/assets/img/people/lego_caenazzo.jpg)}&[data-person=he]{background-image:url(/assets/img/people/lego_he.jpg)}&[data-person=sabia]{background-image:url(/assets/img/people/lego_sabia.jpg)}&[data-person=petronio]{background-image:url(/assets/img/people/lego_petronio.jpg)}&[data-person=falanga]{background-image:url(/assets/img/people/lego_falanga.jpg)}&[data-person=degrassi]{background-image:url(/assets/img/people/lego_degrassi.jpg)}&[data-person=ferranti]{background-image:url(/assets/img/people/lego_ferranti.jpg)}&[data-person=demichieli]{background-image:url(/assets/img/people/lego_demichieli.jpg)}&[data-person=petrucci]{background-image:url(/assets/img/people/lego_petrucci.jpg)}&[data-person=baruzza]{background-image:url(/assets/img/people/lego_baruzza.jpg)}&[data-person=bravin]{background-image:url(/assets/img/people/lego_bravin.jpg)}&[data-photo]{background-image:url(/assets/img/photos/opfactory-33.jpg)}> p{font-family:space grotesk;font-size:6rem;font-weight:500;letter-spacing:-.01em;padding:.75rem 2rem;text-align:center;line-height:6rem;@media(min-width:576px){font-size: 11.6875rem; padding: 1.375rem 3.875rem; line-height: 11.6875rem;}}}of-eyebrow{display:flex;align-items:center;gap:.25rem;> p{padding:.125rem .25rem;font-size:1rem;font-weight:500;line-height:1.2;color:var(--color-secondary);background-color:#ff683533;border-radius:.25rem}}of-intro{&[data-gray]{background-color:var(--color-brand-gray)}> of-inner[data-stack]{gap:3rem;@media(min-width:1200px){flex-direction: row; justify-content: space-between; gap: 4rem;>header{width:100%}>p{width:32.875rem;flex-shrink:0}}}> of-inner > p{font-size:var(--text-subtitle);color:var(--color-text-secondary)}header > .h1{margin:1.25rem 0 0;@media(min-width:576px){font-size: var(--text-h2);}@media(min-width:1200px){margin-bottom: 1.25rem;}}hr{display:none;border:0;margin:0;overflow:visible;@media(min-width:1200px){display: block; position: relative; height: 2px; background-color: var(--color-primary); opacity: 1; &::after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--color-primary);border-radius:50%}}}}of-job-meta{gap:.5rem;> p{font-size:.75rem;color:var(--color-text-secondary);@media(min-width:576px){font-size: 1rem;}}}of-contact-panel{background-color:var(--color-black);> of-inner > header{of-brackets > p{color:var(--color-text-primary-dark)}&[data-decorated]{position:relative;overflow:hidden;> img{position:absolute;top:1.3125rem;left:13.75rem;z-index:1;transform:scale(2);@media(min-width:576px){top: 20.25rem; left: 2.5625rem; transform: scale(2) rotate(45deg);}@media(min-width:1200px){top: 7.5rem; left: 8.3125rem;}}}> of-eyebrow > img, > of-eyebrow > p, > h1, > h2, > p{position:relative;z-index:2}> h1, > h2{margin-top:1rem;color:var(--color-text-primary-dark);> span{color:var(--color-secondary)}}> p{margin:2rem 0 4.5rem;color:var(--color-text-secondary-dark)}}> of-inner > a[data-button]{width:100%;height:fit-content;margin-block:auto;text-transform:lowercase;@media(min-width:1200px){width: 25%;}}@media(min-width:1200px){>of-inner[data-stack]{flex-direction:row;justify-content:space-between}}&[data-panel=full]{> of-inner > a[data-button]{text-transform:uppercase}@media(min-width:1200px){>of-inner[data-stack]{gap:3rem}>of-inner>header>img{transform:scale(1.8)}>of-inner>header>h2{font-size:var(--text-h2)}}}&[data-panel=lead]{margin-top:4.5rem;> of-inner > header > h1{@media(min-width:576px) and (max-width:1199.98px){font-size: var(--text-display);}}@media(min-width:1200px){>of-inner>header>img{transform:scale(1.5)}}}}of-brackets{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;> img{height:1rem;width:auto}> p{font-size:var(--text-subtitle);font-weight:500;text-align:center}}of-photo-band{display:block;height:37.625rem;background-repeat:no-repeat;background-position:-400px;background-size:cover;&[data-photo=lego-shelf]{background-image:url(/assets/img/photos/opfactory-64.jpg)}&[data-photo=desk]{background-image:url(/assets/img/photos/opfactory-30.jpg)}&[data-photo=coding]{background-image:url(/assets/img/photos/opfactory-31.jpg)}@media(min-width:576px){height: 50rem; background-position: -50px;}@media(min-width:1200px){background-position: center;}}of-accent{&[data-blue]{color:var(--color-light-blue)}&[data-primary]{color:var(--color-primary)}&[data-secondary]{color:var(--color-secondary)}&[data-medium]{font-weight:500}}br[data-sm],br[data-wide]{display:none;@media(min-width:576px){&[data-sm]{display:block}}@media(min-width:1200px){&[data-wide]{display:block}}}:where([data-prose]){h1, h2, h3, h4, h5, h6{overflow-wrap:break-word}p, li{font-size:1rem;line-height:1.5rem;@media(min-width:576px){font-size: 1.3125rem; line-height: 1.875rem;}}p{margin-bottom:.5rem}li:where(:not(:last-child)){margin-bottom:.5rem}strong, b{font-weight:600}> h2{font-size:2.625rem;line-height:2.875rem;margin-bottom:3rem;&:where(:not(:first-child)){margin-top:4.5rem}@media(min-width:576px){font-size: 3.8125rem; line-height: 4.1875rem;}@media(min-width:1200px){&:where(:not(:first-child)){margin-top:5.5rem}}}> h3{font-size:1.6875rem;line-height:1.875rem;margin:2rem 0 .5rem;@media(min-width:576px){margin-top: 3rem;}}> img, > p > img{width:100%;border-radius:1.5rem;margin-block:4.5rem}}of-value-reveal{display:flex;align-items:center;gap:.5rem;> button{display:flex;align-items:center;gap:.5rem;padding:0;border:0;background:0 0;font:inherit;color:inherit;cursor:pointer;&:focus-visible{outline:2px solid var(--color-white);outline-offset:.25rem}> img{width:1.25rem;height:1.25rem}> span{text-transform:uppercase;color:var(--color-white)}}}of-solution[data-stack]{gap:1.5rem;padding:1.25rem;border:1px solid var(--color-gray-300);border-radius:1.25rem;background-color:var(--color-white);> img{width:100%}> div{gap:2rem}h3{margin-bottom:.5rem}ul{align-items:stretch;flex-wrap:wrap;gap:.5rem}> div > a{width:fit-content}@media(min-width:576px){flex-direction: row;>img{width:50%;height:fit-content}}@media(min-width:1200px){align-items: center; gap: 4rem; padding: 2rem;>img{width:26.1875rem;height:26.1875rem}h3{margin-bottom:1rem}header>p{font-size:1.3125rem;margin-right:11.375rem}}}of-services-hero,of-proposition-hero{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:3rem 1.25rem 4.5rem;@media(min-width:576px){gap: 4.5rem; padding: 4.5rem 7.5rem 4.5rem 2.5rem;}@media(min-width:1200px){flex-direction: row; width: min(var(--page-width),100vw - var(--page-gutter)); margin-inline: auto; padding: 7.5rem 0;}> div > h1{max-width:44.0625rem;margin:1.5rem auto}> img{width:100%;@media(min-width:576px){width: 25.8125rem; height: 25.8125rem;}@media(min-width:1200px){width: 32.625rem; min-width: 0; height: auto; aspect-ratio: 1;}}}[data-skip]{position:fixed;top:.75rem;left:.75rem;z-index:2000;padding:.75rem 1.25rem;border-radius:.75rem;background-color:var(--color-primary);color:var(--color-white);font-weight:500;text-decoration:none;transform:translateY(-300%);&:focus{transform:none}}body>nav{--nav-mark:var(--color-black);--nav-accent:var(--color-primary);--nav-link:var(--color-text-primary);background-color:var(--color-white);border-bottom:1px solid var(--color-black);height:4.4375rem;position:fixed;top:0;left:0;right:0;@media(prefers-reduced-motion:no-preference){transition: top 0.1s linear;}z-index:1500;&[data-theme=dark]{--nav-mark:var(--color-pure-white);--nav-accent:var(--color-light-blue);--nav-link:var(--color-text-primary-dark);background-color:var(--color-black);border-bottom:.5px solid var(--color-white)}}of-navbar{justify-content:space-between;padding:1.25rem;@media(min-width:576px){padding-inline: 2.5rem; padding-block: .75rem;}@media(min-width:1200px){max-width: 90rem; margin-inline: auto;}}of-navbar-menu{display:none;> a{position:relative;font-size:1rem;font-weight:500;color:var(--nav-link,var(--color-text-primary));text-decoration:none;> span{position:absolute;top:1.75rem;left:50%;transform:translateX(-50%);width:0;height:.09375rem;transition:all .1s ease-in-out}&:hover > span{width:1rem;background-color:var(--nav-mark)}&:focus{outline:1px solid var(--color-black);outline-offset:.5rem;border-radius:.25rem;> span{width:1rem;background-color:var(--color-primary)}}&[aria-current]{color:var(--nav-accent);> span{width:1rem;background-color:var(--nav-accent)}}}@media(min-width:1200px){display: flex; align-items: center; gap: 3rem;}}of-navbar-actions{display:flex;> a[data-button]{display:none;width:fit-content;padding:.75rem}@media(min-width:576px){gap: 2rem;>button[data-menu-open]{order:2}>a[data-button]{display:flex;order:1}}@media(min-width:1200px){gap: 0;>button[data-menu-open]{display:none}}}dialog{position:fixed;inset:0;z-index:1045;display:none;flex-direction:column;width:auto;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;outline:0;overflow:visible;color:inherit;background-color:var(--color-white);transform:translateY(-100%);@media(prefers-reduced-motion:no-preference){transition: transform 0.3s ease-in-out,display 0.3s ease-in-out allow-discrete,overlay 0.3s ease-in-out allow-discrete;}&[open]{display:flex;transform:none}&::backdrop{background-color:rgb(19 24 28/.5)}> header{justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--color-black);background-color:var(--color-brand-gray);@media(min-width:576px){padding-inline: 2.5rem;}}> nav{flex-grow:1;overflow-y:auto;padding:2rem 1.25rem;background-color:var(--color-brand-gray);@media(min-width:576px){padding: 2.5rem;}> a{display:block;margin-bottom:1rem;padding-block:.75rem;font-size:1rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;@media(min-width:576px){margin-bottom: 1.5rem;}}> a[data-button]{display:flex;width:100%;margin-bottom:0;margin-top:1rem;padding:1rem;color:var(--color-black);@media(min-width:576px){width: fit-content; margin-top: 1.5rem;}}}}@starting-style{dialog[open] { transform: translateY(-100%); }
}body>footer{background-color:var(--color-brand-gray);padding-block:5rem;> of-inner{@media(min-width:1200px){width: min(87rem,100vw - var(--page-gutter-wide)); padding-inline: 2.5rem;}> hr{height:1px;margin:3rem 0;border:0;opacity:1;background-color:var(--color-gray-600);@media(min-width:576px){margin-block: 4.5rem;}}}}of-footer-claim{display:flex;justify-content:center;> .h2{text-align:center;font-family:space grotesk;font-weight:500;line-height:1.2}@media(width < 576px){>.h2{font-size:calc(1.325rem + .9vw)}}@media(min-width:576px){gap: 2rem;}}of-footer-main{display:flex;flex-direction:column;gap:4.5rem;> nav{gap:4rem;width:100%}@media(min-width:576px){gap: 5rem;}@media(min-width:1200px){flex-direction: row; justify-content: space-between; gap: 7.5rem;}}of-footer-brand{gap:1.5rem;> img{width:11.8125rem}> p{font-size:1rem;letter-spacing:-.01em}> a[data-button]{width:fit-content}@media(min-width:576px){gap: 2rem;}@media(min-width:1200px){width: 20.4375rem;}}of-footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:2.5rem;margin-inline:-.75rem;> *{flex:none;width:100%}> ul[data-stack], > of-footer-group{padding-inline:.75rem}> ul{gap:1rem}a{font-size:1rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;&:hover{text-decoration:underline}}@media(min-width:576px){row-gap: 3rem;>ul{width:41.66666667%}>ul+ul{width:58.33333333%}>of-footer-group{width:33.33333333%}}@media(min-width:1200px){>ul,>ul+ul{width:25%}}}of-footer-legal{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;> p, > a{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}> a{width:fit-content;text-decoration:none;&:hover{text-decoration:underline}}@media(min-width:576px){margin-top: 4.5rem;>p{padding-right:4rem}}@media(min-width:1200px){flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 0;>p{padding-right:0}}}of-footer-group{gap:.75rem;> p{font-size:1rem;font-weight:500;text-transform:uppercase;color:var(--color-text-secondary)}> ul{gap:inherit}&[data-social]{> ul{flex-wrap:wrap;gap:.5rem}img{width:1.5rem;height:1.5rem}@media(min-width:1200px){gap: 1.25rem;}}&[data-languages]{> ul{flex-wrap:wrap;gap:1.5rem}a{letter-spacing:-.02em;color:var(--color-gray-700);&:hover{color:var(--color-black);text-decoration:none}&[aria-current]{color:var(--color-black);text-decoration:underline;text-underline-offset:.25rem}}@media(min-width:576px){gap: .5rem;}@media(min-width:1200px){gap: .75rem;}}@media(min-width:1200px){gap: 1.5rem;}}