.bref-title[data-v-6dec398c]{margin-top:2rem;max-width:120ch}.bref-subtitle[data-v-6dec398c]{font-size:1.125rem;font-weight:300;line-height:1.75rem;margin-left:auto;margin-top:5rem;max-width:67ch;opacity:.7;text-align:right}@media(max-width:768px){.bref-subtitle[data-v-6dec398c]{margin-top:3rem;text-align:left}}.step[data-v-dd308f13]{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;z-index:3}.step-research[data-v-dd308f13]{background-image:url(../images/illustrations/research.jpg)}.step-design[data-v-dd308f13]{background-image:url(../images/illustrations/design.jpg)}.step-code[data-v-dd308f13]{background-image:url(../images/illustrations/code.jpg)}.secouriste-subtitle[data-v-a660d8ca]{font-size:1.125rem;font-weight:300;line-height:1.75rem;opacity:.7}@media(max-width:768px){.secouriste-subtitle[data-v-a660d8ca]{font-size:1rem;line-height:1.6rem}}.hero[data-v-ddca0ff5]{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.grid-of-me[data-v-ddca0ff5]{grid-template-areas:"work me name"}.hero .item-work[data-v-ddca0ff5]{grid-area:work}.hero .item-me[data-v-ddca0ff5]{grid-area:me}.hero .item-name[data-v-ddca0ff5]{grid-area:name}.hero .can-obscure[data-v-ddca0ff5]{filter:none;opacity:1;transition:opacity .5s,filter .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero .is-obscured[data-v-ddca0ff5]{filter:blur(16px);opacity:0;pointer-events:none}@media(max-width:768px){.grid-of-me[data-v-ddca0ff5]{gap:2rem;grid-template-areas:"name" "work" "me";grid-template-columns:1fr}}.hero-image-pop{border-radius:8px;box-shadow:0 10px 30px #0000004d;height:250px;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;width:200px;z-index:15}.hero-image-pop--loading{filter:blur(12px);transform:translate(-50%,-50%) scale(1.02)}h2[data-v-c7a2902e]{font-size:clamp(2.25rem,4vw,4rem)}.project[data-v-c7a2902e]{overflow:hidden;position:relative;z-index:3}.projects-grid[data-v-c7a2902e]{grid-auto-flow:dense}.project-tags[data-v-c7a2902e]{display:flex;gap:8px;left:32px;position:absolute;top:32px}.project-tags span[data-v-c7a2902e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem;font-weight:300;letter-spacing:.2em}.project-title[data-v-c7a2902e]{bottom:32px;font-size:1.8rem;font-weight:400;left:32px;letter-spacing:-.02em;margin-top:2rem;position:absolute;right:32px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.project-image[data-v-c7a2902e]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.project:hover .project-image[data-v-c7a2902e]{transform:scale(1.1)}.project-logo-overlay[data-v-c7a2902e]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0000000d;border-radius:1rem;display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;rotate:none;scale:none;transform:translateZ(0);transition:opacity .3s ease;translate:none;width:100%;z-index:5}.project-logo-overlay img[data-v-c7a2902e]{height:100%;height:auto;max-height:2.2rem;-o-object-fit:contain;object-fit:contain;transform:scale(1.2);transition:transform .3s ease;width:100%}.project-logo-overlay span[data-v-c7a2902e]{font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.5rem 1rem;text-transform:uppercase}@media(min-width:768px){.project-logo-overlay img[data-v-c7a2902e]{max-height:4rem}}.project:hover .project-logo-overlay[data-v-c7a2902e]{opacity:1}.project:hover .project-logo-overlay img[data-v-c7a2902e]{transform:scale(1)}.project.comming[data-v-c7a2902e]{color:#ffffffb3;font-size:1.2rem;font-weight:500;height:100%;letter-spacing:.1em;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;text-transform:uppercase}.project-comming-write-together[data-v-c7a2902e]{font-size:2rem;font-weight:300;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.project-comming-write-together[data-v-c7a2902e]{font-size:1.5rem;left:50%;padding:0 1rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.project-tags[data-v-c7a2902e]{flex-wrap:wrap;left:16px;top:16px}.project-title[data-v-c7a2902e]{bottom:16px;font-size:1.25rem;left:16px;right:16px}}