#home-page{--_header-padding-bottom: var(--size-8);>header{--_padding-top: var(--size-12);@media(width>1024px){--_padding-top: var(--size-10)}padding-top:var(--_padding-top);padding-bottom:var(--_header-padding-bottom);color:var(--aprikot-on);background-image:radial-gradient(at 20% 80%,var(--mono-black) 0px,transparent 80%),radial-gradient(at 43% 11%,var(--aprikot) 0px,transparent 80%),radial-gradient(at 99% 55%,var(--aprikose) 0px,transparent 60%),radial-gradient(at 99% 1%,var(--aprikern) 0px,transparent 70%);background:url("../../img/mesh-gradient.DFTLYFA2.webp") no-repeat center/cover;>hgroup{display:grid;gap:var(--size-4);max-width:var(--content-max-width);margin-inline:auto;line-height:1.2;>h1{font-size:var(--font-size-12);font-weight:var(--font-medium);margin-top:var(--size-12)}>p{text-wrap:balance;font-size:var(--font-size-5)}>a{--_color: var(--mono-black);--_bg-color: var(--mono-white);display:inline-block;width:fit-content;color:var(--_color);background-color:var(--_bg-color);padding-block:var(--size--1);padding-inline:var(--size-0);border-radius:var(--rounded-sm);font-size:var(--font-size-0);font-family:var(--font-semimono);transition:var(--anim-duration-slow) var(--anim-ease-emphasized);&:hover{--_color: var(--mono-white);--_bg-color: var(--mono-black)}}}}>div{display:grid;row-gap:var(--size-8);margin-top:var(--_header-padding-bottom);>#aprikot,>#services,>#analytics{--_grid-template-columns: 1fr;--_scroll-margin-top: 0;@media(width>1024px){--_grid-template-columns: 1fr 1fr;--_scroll-margin-top: var(--size-6)}display:grid;max-width:var(--content-max-width);margin-inline:auto;grid-template-columns:var(--_grid-template-columns);row-gap:var(--size-8);column-gap:var(--size-3);align-items:center;scroll-margin-top:var(--_scroll-margin-top);>div{--_order: 1;@media(width>1024px){--_order: -1;&:is(#services>div){--_order: 1}}display:grid;order:var(--_order);row-gap:var(--size-3);>hgroup{display:grid;gap:var(--size--1);>h2{letter-spacing:var(--letter-spacing-2);font-size:var(--font-size-1);text-transform:uppercase;font-family:var(--font-mono);font-weight:var(--font-normal)}>p{font-size:var(--font-size-7);text-wrap:balance;font-weight:var(--font-medium)}}>p{font-size:var(--font-size-4);text-wrap:balance}}>img{--_max-width: 400px;@media(width>1024px){--_max-width: fit-content}width:100%;max-width:var(--_max-width);margin-inline:auto;object-fit:cover}}>#projects{--_scroll-button-opacity: 0;display:grid;row-gap:var(--size--1);max-width:var(--content-max-width);margin-inline:auto;&:hover{--_scroll-button-opacity: 1}h2{letter-spacing:var(--letter-spacing-2);font-size:var(--font-size-1);text-transform:uppercase;font-family:var(--font-mono);font-weight:var(--font-normal);anchor-name:--projects}>ul{display:flex;column-gap:var(--size-1);overflow-x:auto;margin-right:calc(50% - min(49vw,960px));scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;&::-webkit-scrollbar{display:none}&::column{scroll-snap-align:center}&::scroll-button(*){--_display: none;@media(width>1024px){--_display: block}display:var(--_display);opacity:var(--_scroll-button-opacity);border:0;background:none;cursor:pointer;position:absolute;position-anchor:--projects;--_width: var(--size-3);width:var(--_width);height:var(--_width);bottom:calc(anchor(top) - var(--size-2));right:calc(anchor(left) - 10em);transition:opacity var(--anim-duration-base) var(--anim-ease-linear)}&::scroll-button(left){content:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 256 256'><path d='M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z'></path></svg>") / "Pr\e9 c\e9 dent"}&::scroll-button(right){content:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 256 256'><path d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'></path></svg>") / "Suivant";translate:100% 0}>li{--_max-width: 300px;@media(width>1024px){--_max-width: 400px}flex:0 0 100%;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;row-gap:var(--size-0);max-width:var(--_max-width);scroll-snap-align:start;scroll-snap-stop:always;>img{width:100%;aspect-ratio:var(--aspect-square);object-fit:cover;border-radius:var(--rounded-sm)}>h3{text-transform:lowercase;font-size:var(--font-size-1);font-weight:var(--font-medium);color:var(--mono-black-dim)}>p{text-wrap:balance;color:var(--mono-black-30-dim)}>a{--_color: var(--mono-black-dim);--_bg-color: var(--mono-white);--_border-color: var(--mono-black-20);--_icon-color: var(--aprikot);--_transition: var(--anim-duration-base) var(--anim-ease-linear);--_font-size: var(--font-size-0);&:hover{--_color: var(--mono-white);--_bg-color: var(--mono-black);--_border-color: var(--_color);--_icon-color: var(--mono-black-on)}display:inline-flex;align-items:center;column-gap:.25rem;font-family:var(--font-semimono);font-size:var(--_font-size);color:var(--_color);background-color:var(--_bg-color);padding-bottom:.1rem;padding-block:.5rem;padding-inline:.75rem;border:1px solid var(--_border-color);width:fit-content;border-radius:var(--rounded-sm);transition:border-color var(--_transition),color var(--_transition),background-color var(--_transition);&:after{--_width: var(--font-size-0);width:var(--_width);height:var(--_width);content:"";display:inline-block;background-color:var(--_icon-color);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0YTgsOCwwLDAsMS0xNiwwVjU5LjMybC02Ni4zMyw2Ni4zNGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTk2LjY4LDQ4SDE1MmE4LDgsMCwwLDEsMC0xNmg2NGE4LDgsMCwwLDEsOCw4Wm0tNDAsMjRhOCw4LDAsMCwwLTgsOHY3Mkg0OFY4MGg3MmE4LDgsMCwwLDAsMC0xNkg0OEExNiwxNiwwLDAsMCwzMiw4MFYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIMTc2YTE2LDE2LDAsMCwwLDE2LTE2VjEzNkE4LDgsMCwwLDAsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=) center/contain no-repeat;margin-left:.25rem;transition:background-color var(--_transition)}}}}}>#datascience{display:grid;row-gap:var(--size-4);justify-items:center;padding-block:var(--_header-padding-bottom);text-align:center;background-color:var(--mono-black-10);>img{width:min(100% - 2 * var(--size-8),500px);max-width:var(--_max-width)}>div{display:grid;justify-items:center;row-gap:var(--size-2);max-width:var(--content-max-width);>hgroup{display:grid;gap:var(--size-1);max-width:var(--content-max-width);>h2{letter-spacing:var(--letter-spacing-2);font-size:var(--font-size-1);text-transform:uppercase;font-family:var(--font-mono);font-weight:var(--font-normal)}>p{font-size:var(--font-size-7);text-wrap:balance;font-weight:var(--font-medium);max-width:20ch}}>p{font-size:var(--font-size-4);text-wrap:balance}}}}a.contact{--_color: var(--mono-white);--_bg-color: var(--mono-black);font-family:var(--font-semimono);font-size:var(--font-size--1);width:fit-content;color:var(--_color);background-color:var(--_bg-color);border-radius:var(--rounded-sm);border:1px solid var(--bg-color);padding-block:var(--size--1);padding-inline:var(--size-0);transition:background-color var(--anim-duration-base) var(--anim-ease-emphasized);&:hover{--_bg-color: var(--aprikot)}}}