@import url(https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css);.buttons-div[data-v-be20b764]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-be20b764]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-be20b764]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-be20b764]:active{background:#302e2e}.buttons.white[data-v-be20b764]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-be20b764]:active{background:#f6f6f6}h1[data-v-be20b764]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-be20b764]{width:100%;text-decoration:none}a[data-v-be20b764]:hover{cursor:pointer}.subtitle[data-v-be20b764]{font-weight:700;font-size:1.1rem}.modal[data-v-be20b764],.pop-leave-from[data-v-be20b764]{text-align:center;height:-moz-fit-content;height:fit-content;max-width:min(22em,95vw);padding:2rem;box-shadow:0 3px 8px rgba(0,0,0,.239);background:#fff;z-index:999;transform:none;display:flex;grid-gap:20px;flex-wrap:wrap;flex-direction:column;justify-content:center;color:#000}.modal h1[data-v-be20b764]{margin:0 0 1rem}.fade-leave-from[data-v-be20b764],.modal-overlay[data-v-be20b764]{content:"";position:absolute;position:fixed;right:0;bottom:0;z-index:998;background:rgba(44,62,80,0);cursor:pointer;width:100vw;display:flex;grid-gap:20px;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;align-items:center}.fade-enter-active[data-v-be20b764],.fade-leave-active[data-v-be20b764]{transition:opacity .4s linear}.fade-enter-from[data-v-be20b764],.fade-leave-to[data-v-be20b764]{opacity:0}.pop-enter-active[data-v-be20b764],.pop-leave-active[data-v-be20b764]{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter-from[data-v-be20b764],.pop-leave-to[data-v-be20b764]{opacity:0;transform:scale(.3) translateY(-50%)}.buttons[data-v-be20b764]{height:-moz-fit-content;height:fit-content}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@media(prefers-reduced-motion:no-preference){body,html{scroll-behavior:smooth!important;scroll-padding-top:3rem}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:#fcfcfc;background-image:linear-gradient(135deg,rgba(0,0,0,.027) 45%,rgba(135,180,198,.4))}.header{padding:10px;font-weight:700}.header a{color:#2c3e50}.header a.router-link-exact-active{color:#42b983}.header{display:grid;place-items:center}.buttons-div[data-v-183233cc]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-183233cc]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-183233cc]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-183233cc]:active{background:#302e2e}.buttons.white[data-v-183233cc]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-183233cc]:active{background:#f6f6f6}h1[data-v-183233cc]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-183233cc]{width:100%;text-decoration:none}a[data-v-183233cc]:hover{cursor:pointer}.subtitle[data-v-183233cc]{font-weight:700;font-size:1.1rem}.bio-section[data-v-183233cc]{--img-width:450px;display:grid;grid-template-columns:3fr 4fr;place-items:center;grid-gap:1em 2.5em;margin:0 auto;--height-number:80;height:calc(var(--height-number)*1vh);height:calc(var(--height-number)*1svh);padding:0 1em;box-sizing:border-box}.bio-section .img[data-v-183233cc]{width:clamp(220px,100%,var(--img-width));aspect-ratio:1;filter:grayscale(100%);border-radius:14px;place-self:center end;background-position:top;background-repeat:no-repeat;background-size:150%;animation:scale-img-183233cc 1s .1s}.bio-section .img-friend[data-v-183233cc]{width:min(100%,var(--img-width) + 40px);display:flex;flex-direction:column;grid-gap:30px;justify-content:center;text-wrap:balance}.bio-section .img-friend>div[data-v-183233cc]{transform:translateX(25px);opacity:0;animation:scale-img-friend-div-183233cc 1s var(--div-delay,1.2s) forwards}.bio-section .img-friend>div[data-v-183233cc]:nth-of-type(2){--div-delay:1.4s}.bio-section .img-friend h1 span[data-v-183233cc]{background:#000;color:#fff;line-height:1.7;padding:5px 8px;border-radius:6px}.bio-section .img-friend>[data-v-183233cc]{margin:0}@media screen and (max-width:600px){.bio-section[data-v-183233cc]{--img-width:350px;grid-template-columns:1fr}.bio-section .img[data-v-183233cc]{place-self:center}}@keyframes scale-img-183233cc{0%{transform:scale(1.2,1.3);opacity:0}}@keyframes scale-img-friend-title-183233cc{0%{transform:scale(0);overflow:hidden}}@keyframes scale-img-friend-div-183233cc{0%{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}@media screen and (max-width:600px){.bio-section[data-v-183233cc]{--img-width:200px;grid-template-columns:auto;grid-template-rows:3fr 3fr;place-items:center;padding:1em 2em;--height-number:80}.bio-section .img[data-v-183233cc]{height:auto;width:min(100%,250px);place-self:end center}.bio-section .img-friend[data-v-183233cc]{width:100%;place-self:end center}.bio-section .img-friend a[data-v-183233cc]{height:100%}.bio-section .img-friend a .buttons[data-v-183233cc]{box-sizing:border-box;padding-inline:1em}}.buttons-div[data-v-6f53b20e]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-6f53b20e]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-6f53b20e]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-6f53b20e]:active{background:#302e2e}.buttons.white[data-v-6f53b20e]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-6f53b20e]:active{background:#f6f6f6}h1[data-v-6f53b20e]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-6f53b20e]{width:100%;text-decoration:none}a[data-v-6f53b20e]:hover{cursor:pointer}.subtitle[data-v-6f53b20e]{font-weight:700;font-size:1.1rem}.modal[data-v-6f53b20e],.pop-leave-from[data-v-6f53b20e]{position:absolute;position:fixed;top:0;right:20;bottom:0;left:20;margin:auto;text-align:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-height:90vh;padding:2rem;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.2);background:#fff;z-index:999;transform:none;display:flex;grid-gap:20px;flex-wrap:wrap;justify-content:center}.modal h1[data-v-6f53b20e]{margin:0 0 1rem}.fade-leave-from[data-v-6f53b20e],.modal-overlay[data-v-6f53b20e]{content:"";position:absolute;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#2c3e50;opacity:.6;cursor:pointer}.fade-enter-active[data-v-6f53b20e],.fade-leave-active[data-v-6f53b20e]{transition:opacity .4s linear}.fade-enter-from[data-v-6f53b20e],.fade-leave-to[data-v-6f53b20e]{opacity:0}.pop-enter-active[data-v-6f53b20e],.pop-leave-active[data-v-6f53b20e]{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter-from[data-v-6f53b20e],.pop-leave-to[data-v-6f53b20e]{opacity:0;transform:scale(.3) translateY(-50%)}.site-img[data-v-6f53b20e]{background:rgba(0,0,0,.067);border-radius:7px;padding:5px}.site-img img[data-v-6f53b20e]{max-width:50vw;max-height:80vh;-o-object-fit:cover;object-fit:cover;border-radius:3px;box-shadow:0 3px 8px rgba(0,0,0,.24)}@media only screen and (max-width:600px){.site-img img[data-v-6f53b20e]{max-width:80vw}}.details[data-v-6f53b20e]{display:flex;flex-direction:column;grid-gap:15px}.details .site-title[data-v-6f53b20e]{font-weight:700;font-size:1.6rem}.details .subtitle[data-v-6f53b20e]{font-weight:700;font-size:1.1rem}.details .description[data-v-6f53b20e]{color:rgba(0,0,0,.667)}.details .tag-array[data-v-6f53b20e]{display:flex;grid-gap:25px 8px;justify-content:center;margin:0 0 8px 0}.details .tag-array .tags[data-v-6f53b20e]{background:rgba(0,0,0,.067);padding:5px;border-radius:10px;height:100%;display:grid;place-items:center}.details .buttons-div[data-v-6f53b20e]{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.details .buttons-div .buttons[data-v-6f53b20e]{padding:5px 0}.buttons-div[data-v-7690497c]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-7690497c]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-7690497c]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-7690497c]:active{background:#302e2e}.buttons.white[data-v-7690497c]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-7690497c]:active{background:#f6f6f6}h1[data-v-7690497c]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-7690497c]{width:100%;text-decoration:none}a[data-v-7690497c]:hover{cursor:pointer}.subtitle[data-v-7690497c]{font-weight:700;font-size:1.1rem}.work-section[data-v-7690497c]{display:flex;grid-gap:25px;flex-direction:column;justify-content:center;width:100%}.work-section .work-array[data-v-7690497c]{display:flex;justify-content:center;grid-gap:25px 12px;flex-wrap:wrap}.work-section .work-array .work-pill[data-v-7690497c]{background:rgba(0,0,0,.067);padding:7px;border-radius:10px}.work-section .work-array .work-pill[data-v-7690497c]:hover{background:rgba(0,0,0,.133);cursor:pointer}.work-section .work-array .work-pill.selected[data-v-7690497c]{background:#000;color:#fff}.work-section .jobs-array[data-v-7690497c]{border-radius:5px;display:grid;grid-template-rows:repeat(auto-fit,minmax(350px,1fr));grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px 20px;place-items:center}.work-section .jobs-array .jobs[data-v-7690497c]{display:grid;grid-gap:10px;grid-template-rows:auto 1fr;max-width:300px;min-height:100%;place-items:center}.work-section .jobs-array .jobs .site-img[data-v-7690497c]{background:rgba(0,0,0,.067);border-radius:7px;padding:5px;transition:opacity .3s ease-in;display:grid;place-items:center;box-sizing:border-box}.work-section .jobs-array .jobs .site-img[data-v-7690497c]:hover{cursor:pointer;opacity:.8}.work-section .jobs-array .jobs .site-img img[data-v-7690497c]{max-height:200px;max-width:285px;border-radius:3px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.work-section .jobs-array .jobs .details[data-v-7690497c]{display:flex;flex-direction:column;grid-gap:11px;justify-content:space-evenly;height:100%;width:100%}.work-section .jobs-array .jobs .details .site-title[data-v-7690497c]{font-weight:700}.work-section .jobs-array .jobs .details .description[data-v-7690497c]{color:rgba(0,0,0,.667)}.work-section .jobs-array .jobs .details .tag-array[data-v-7690497c]{display:flex;grid-gap:8px 8px;flex-wrap:wrap;justify-content:center}.work-section .jobs-array .jobs .details .tag-array .tags[data-v-7690497c]{background:rgba(0,0,0,.067);padding:5px;border-radius:10px}.work-section .jobs-array .jobs .details .buttons-div .buttons[data-v-7690497c]{padding:5px 0}.work-section .jobs-array .jobs .details .buttons-div .buttons.white[data-v-7690497c]{border:#fff}.buttons-div[data-v-2224253c]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-2224253c]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-2224253c]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-2224253c]:active{background:#302e2e}.buttons.white[data-v-2224253c]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-2224253c]:active{background:#f6f6f6}h1[data-v-2224253c]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-2224253c]{width:100%;text-decoration:none}a[data-v-2224253c]:hover{cursor:pointer}.subtitle[data-v-2224253c]{font-weight:700;font-size:1.1rem}.section[data-v-2224253c]{display:flex;grid-gap:25px;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;padding:0 .5em;padding-bottom:1.3em;margin:0 auto}.section .section__title[data-v-2224253c]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%;font-size:2em}.section .section-main .project[data-v-2224253c],.selectable-grid[data-v-2224253c]{background-size:contain;background-repeat:no-repeat;transition:background-position .2s linear,filter .2s ease,background-size .2s linear}.section[data-v-2224253c]{--project-detail-light-color:#f7f7f7;--project-detail-dark-color:#2c3e50;--project-detail-color:var(--project-detail-light-color)}.section .section-main .project[data-v-2224253c]{display:grid;place-items:stretch;grid-template-columns:1fr 1fr;padding:1em;color:var(--project-detail-color);overflow-x:hidden}.section .section-main .project:not(.selected) .project-details[data-v-2224253c]{opacity:0;height:0}.section .section-main .project .project-details[data-v-2224253c]{background:#000;grid-column:2;border-radius:14px;padding:.5em;opacity:1;transition:opacity .2s ease-in,height .4s ease;border:1px solid hsla(0,0%,100%,.3);display:flex;flex-direction:column;gap:.2em 0;text-align:start;overflow-x:hidden;background:hsla(0,0%,100%,.2);background-color:color-mix(in srgb,hsla(0,0%,80%,.8),var(--section-bg-color,blue) 60%);color:color-mix(in srgb,var(--project-detail-light-color) 90%,var(--section-bg-color,blue));border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:1em}.section .section-main .project .project-details h3.expandible[data-v-2224253c],.section .section-main .project .project-details h4[data-v-2224253c]{--minimised-exand:1.7lh;border-bottom:1px solid rgba(0,0,0,.667);padding-bottom:.2lh;max-height:var(--minimised-exand);min-height:0;overflow:hidden;box-sizing:border-box;transition:max-height .3s ease-in,min-height .3s ease-in;text-overflow:ellipsis;overflow-wrap:normal;width:100%;white-space:nowrap}.section .section-main .project .project-details h3.expandible[data-v-2224253c]:empty,.section .section-main .project .project-details h4[data-v-2224253c]:empty{display:none}.section .section-main .project .project-details h3.expandible.expand[data-v-2224253c],.section .section-main .project .project-details h4.expand[data-v-2224253c]{max-height:4lh;min-height:var(--minimised-exand);line-height:calc(var(--minimised-exand) - .5lh);cursor:pointer;white-space:normal}.section .section-main .project .project-details h3.expandible[aria-expanded=true][data-v-2224253c],.section .section-main .project .project-details h4[aria-expanded=true][data-v-2224253c]{cursor:default}.section .section-main .project .project-details h3.expandible[data-v-2224253c]:last-child,.section .section-main .project .project-details h4[data-v-2224253c]:last-child{border-color:#f7f7f7}.section .section-main .project .project-details__expand[data-v-2224253c]{position:absolute;left:calc(100% - 1.1lh);bottom:.2lh;height:.8lh;width:.8lh;aspect-ratio:1;background:none;transition:transform .4s ease-in}.section .section-main .project .project-details__expand img[data-v-2224253c],.section .section-main .project .project-details__expand svg[data-v-2224253c]{--img-height:0.7lh;height:var(--img-height);width:var(--img-height);fill:#000}.section .section-main .project .project-details[data-v-2224253c] :has(.project-details__expand){position:relative}.section .section-main .project .project-details :has(.project-details__expand):is(.expand) .project-details__expand[data-v-2224253c]{transform:rotate(180deg);opacity:.1;transition:opacity .5s}.section .section-main .project .project-details :has(.project-details__expand):is(.expand) .project-details__expand[data-v-2224253c]:hover{opacity:1}.section .section-main .project .project-details :has(.project-details__expand):is(.expandible[data-v-2224253c]){cursor:pointer}.section .section-main .project .project-details__title[data-v-2224253c]{margin:0;font-size:1.1em;color:var(--project-detail-light-color)}.section .section-main .project .project-details__description[data-v-2224253c]{margin:0;font-size:.95em;text-align:start;font-weight:500;color:color-mix(in srgb,var(--project-detail-dark-color) 70%,var(--section-bg-color,blue))}.section .section-main .project .project-details__skills[data-v-2224253c]{display:flex;justify-content:flex-start;gap:.4em}.section .section-main .project .project-details__skills .project-details__skill[data-v-2224253c]{height:1lh;aspect-ratio:1;background-size:cover}.section .section-main .project .project-details__skills .project-details__skill.vue-js[data-v-2224253c]{background-image:url(/img/vue.9bd18f30.svg)}.section .section-main .project .project-details__skills .project-details__skill.css[data-v-2224253c]{background-image:url(/img/css.9a7609c7.svg)}.section .section-main .project .project-details__skills .project-details__skill.html[data-v-2224253c]{background-image:url(/img/html.0ce3823c.svg)}.section .section-main .project .project-details__skills .project-details__skill.javascript[data-v-2224253c]{background-image:url(/img/javascript.90ae9b70.svg)}.section .section-main .project .project-details__skills .project-details__skill.typescript[data-v-2224253c]{background-image:url(/img/typescript.70084edb.svg)}.section .section-main .project .project-details__skills .project-details__skill.figma[data-v-2224253c]{background-image:url(/img/figma.6d118839.svg)}.section .section-main .project .project-details__skills .project-details__skill.angular[data-v-2224253c]{background-image:url(/img/angular.1c0e9313.svg)}.section .section-main .project .project-details__skills .project-details__skill.all[data-v-2224253c]{display:none}.section .section-main .project .project-details__images[data-v-2224253c]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1ch}.section .section-main .project .project-details__images .project-details__image[data-v-2224253c]{height:50px;width:60px;cursor:pointer}.section .section-main .project .project-details__images .project-details__image.weather[data-v-2224253c]{background-size:cover;background-repeat:no-repeat}.section .section-main .project .project-details__images .project-details__image.weather-1[data-v-2224253c]{background-image:url(/img/weather-1.a0119b3b.webp);background-position:50%}.section .section-main .project .project-details__images .project-details__image.weather-2[data-v-2224253c]{background-image:url(/img/weather-mobile.3674c02f.webp);background-size:cover;background-position:0 10%}.section .section-main .project .project-details .buttons-div[data-v-2224253c]{grid-template-columns:1fr 1fr;gap:.6em;max-height:none;min-height:none}.section .section-main .project .project-details .buttons-div>.buttons[data-v-2224253c]{font-size:1em;padding:.3em 0}.section .section-main .project .project-details .buttons-div>.buttons[data-v-2224253c]:first-child{display:block}.section .section-main .project .project-details .buttons-div a .buttons[data-v-2224253c]{font-size:1em;padding:.3em 0;background-color:var(--project-detail-light-color);background-color:hsla(0,0%,100%,.533);color:#000;border-color:color-mix(in srgb,var(--project-detail-dark-color) 70%,var(--section-bg-color,blue))}.section .section-main .project .project-details .buttons-div a:first-child .buttons[data-v-2224253c]{background:rgba(0,0,0,.6);background:none;transition:background-color .4s ease}.section .section-main .project .project-details .buttons-div a:first-child .buttons[data-v-2224253c]:hover{background-color:hsla(0,0%,100%,.133)}.section .section-main[data-v-2224253c]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 0fr 0fr 0fr;gap:.5em;min-height:250px;width:100%;transition:grid-template-columns .6s cubic-bezier(.175,.885,.32,1.125)}.section .section-main.ready[data-v-2224253c]{grid-template-columns:4fr 1fr 1fr 1fr 0fr 0fr 0fr}.section .section-main[data-v-2224253c]:has(.project:first-child.selected){grid-template-columns:4fr 1fr 1fr 1fr 0fr 0fr 0fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(2).selected){grid-template-columns:1fr 4fr 1fr 1fr 0fr 0fr 0fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(3).selected){grid-template-columns:1fr 1fr 4fr 1fr 0fr 0fr 0fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(4).selected){grid-template-columns:1fr 1fr 1fr 4fr 0fr 0fr 0fr}.section .section-main .project[data-v-2224253c]{background-color:var(--section-bg-color,blue);border-radius:14px;outline-color:color-mix(in srgb,var(--section-bg-color) 20%,#0a0a0a);height:250px}.section .section-main .project div[role=button][data-v-2224253c]{--color-mix-ratio:40%;--color-mix-ratio:90%;background-color:color-mix(in srgb,hsla(0,0%,80%,.8),var(--section-bg-color,blue) var(--color-mix-ratio));border:1px solid #000;border-radius:5px;transition:background-color .3s ease;padding:.05em .1em;display:grid;place-items:center}.section .section-main .project div[role=button][data-v-2224253c]:hover{cursor:pointer;--color-mix-ratio:50%}.section .section-main .project[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project[data-v-2224253c]:hover:not(.selected){cursor:pointer;filter:brightness(.95)}.section .section-main .project[data-v-2224253c]:focus-within{outline-style:dashed;outline-width:2px}.section .section-main .project--weather[data-v-2224253c]{--section-bg-color:#87b4c6;background-position-x:-.5em,0;background-position-y:100px,0;background-size:auto 100%,cover}.section .section-main .project--weather[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--weather[data-v-2224253c]:hover:not(.selected){background-position-y:95px,0}.section .section-main .project--weather.selected[data-v-2224253c]{background-position-y:0,0;background-size:auto 100%,cover}.section .section-main .project--agency[data-v-2224253c]{--section-bg-color:#c6ba7e;background-position:50% 30px,0 0;background-size:auto 85%,cover}.section .section-main .project--agency[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--agency[data-v-2224253c]:hover:not(.selected){background-position:50% 30px,0 0;background-size:auto 88%,cover}.section .section-main .project--agency.selected[data-v-2224253c]{background-position:-33px,0 0;background-size:auto 90%,cover}.section .section-main .project--cac[data-v-2224253c]{--section-bg-color:#e7dfdc;background-position:50% 30px,0 0;background-size:auto 85%,cover}.section .section-main .project--cac[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--cac[data-v-2224253c]:hover:not(.selected){background-position:50% 30px,0 0;background-size:auto 88%,cover}.section .section-main .project--cac.selected[data-v-2224253c]{background-position:0,0 0;background-size:auto 90%,cover}.section .section-main .project--figma[data-v-2224253c]{--section-bg-color:#e0dfe1;background-position:50% 30px,0 0;background-size:auto 85%,cover}.section .section-main .project--figma[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--figma[data-v-2224253c]:hover:not(.selected){background-position:50% 30px,0 0;background-size:auto 88%,cover}.section .section-main .project--figma.selected[data-v-2224253c]{background-position:-20px,0 0;background-size:auto 90%,cover}@media only screen and (max-width:600px){.section .section-main[data-v-2224253c]{transition:grid-template-rows 1s cubic-bezier(.175,.885,.32,1.125);grid-template-rows:1fr 1fr 1fr 1fr 0fr 0fr 0fr;grid-template-columns:1fr;height:80vh}.section .section-main[data-v-2224253c]:has(.project:first-child.selected){grid-template-rows:4fr 1fr 1fr 1fr 0fr 0fr 0fr;grid-template-columns:1fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(2).selected){grid-template-rows:1fr 4fr 1fr 1fr 0fr 0fr 0fr;grid-template-columns:1fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(3).selected){grid-template-rows:1fr 1fr 4fr 1fr 0fr 0fr 0fr;grid-template-columns:1fr}.section .section-main[data-v-2224253c]:has(.project:nth-child(4).selected){grid-template-rows:1fr 1fr 1fr 4fr 0fr 0fr 0fr;grid-template-columns:1fr}.section .section-main .project[data-v-2224253c]{height:auto;width:100%;box-sizing:border-box;grid-template-columns:auto;grid-template-rows:1fr 1fr;transition-property:background-position,filter}.section .section-main .project .project-details[data-v-2224253c]{transition-property:height;grid-row:2;grid-column:auto}.section .section-main .project[data-v-2224253c]:not(.selected){grid-template-columns:1fr 1fr;grid-template-rows:auto}.section .section-main .project:not(.selected) .project-details[data-v-2224253c]{opacity:1;height:auto;grid-row:auto;grid-column:2}.section .section-main .project:not(.selected) .project-details[data-v-2224253c] :not(.project-details__title){display:none}.section .section-main .project:not(.selected) .project-details .project-details__title[data-v-2224253c]{color:color-mix(in srgb,var(--project-detail-dark-color) 70%,var(--section-bg-color,blue))}.section .section-main .project--cac:not(.selected) .project-details[data-v-2224253c],.section .section-main .project--figma:not(.selected) .project-details[data-v-2224253c]{grid-column:1}.section .section-main .project--weather[data-v-2224253c]{background-position-y:0,0;background-position-x:0,0;background-size:auto 180%,cover;grid-template-columns:1fr 1fr;grid-template-rows:auto}.section .section-main .project--weather[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--weather[data-v-2224253c]:hover:not(.selected){background-position-y:0,0}.section .section-main .project--weather .project-details[data-v-2224253c]{grid-row:auto;grid-column:2}.section .section-main .project--cac[data-v-2224253c]{background-position-y:0,0;background-position-x:100%,0;background-size:auto 140%,cover}.section .section-main .project--cac[data-v-2224253c]:not(.selected):focus-within,.section .section-main .project--cac[data-v-2224253c]:not(.selected):hover{background-position-y:0,0;background-position-x:100%,0;background-size:auto 75%,cover}.section .section-main .project--cac.selected[data-v-2224253c]{background-position-x:100%,0;background-position-y:0,0;background-size:auto 80%,cover}.section .section-main .project--agency[data-v-2224253c]{background-position:-33px 0,0 0;background-size:auto 180%,cover}.section .section-main .project--agency.selected[data-v-2224253c],.section .section-main .project--agency[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--agency[data-v-2224253c]:hover:not(.selected){background-position:-33px 0,0 0;background-size:auto 90%,cover}.section .section-main .project--figma[data-v-2224253c]{background-position:right 0,0 0;background-size:auto 180%,cover}.section .section-main .project--figma.selected[data-v-2224253c],.section .section-main .project--figma[data-v-2224253c]:focus-within:not(.selected),.section .section-main .project--figma[data-v-2224253c]:hover:not(.selected){background-position:right 0,0 0;background-size:auto 90%,cover}}.buttons-div[data-v-cb8b2920]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-cb8b2920]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-cb8b2920]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-cb8b2920]:active{background:#302e2e}.buttons.white[data-v-cb8b2920]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-cb8b2920]:active{background:#f6f6f6}h1[data-v-cb8b2920]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-cb8b2920]{width:100%;text-decoration:none}a[data-v-cb8b2920]:hover{cursor:pointer}.subtitle[data-v-cb8b2920]{font-weight:700;font-size:1.1rem}.resume-section[data-v-cb8b2920]{display:flex;grid-gap:20px;flex-direction:column;justify-content:center}.resume-section span[data-v-cb8b2920]{font-weight:700}.resume-section .subtitle span[data-v-cb8b2920]{font-size:1.6em;font-weight:700;color:#fff;background:#000;padding:0 5px}.resume-section .education-div .education[data-v-cb8b2920],.resume-section .education-div[data-v-cb8b2920],.resume-section .experience-div .experience[data-v-cb8b2920],.resume-section .experience-div[data-v-cb8b2920]{display:flex;grid-gap:15px;flex-direction:column;justify-content:center}.resume-section .skills-div[data-v-cb8b2920]{display:grid;grid-gap:15px;grid-template-rows:repeat(auto-fit,1fr);grid-template-columns:repeat(3,1fr);place-items:center}.resume-section .buttons[data-v-cb8b2920]{max-width:300px;margin:0 auto;display:flex;grid-gap:15px;flex-direction:rows;justify-content:center}.section .section-main[data-v-5d5f1ff4]{width:100%;border-radius:14px;margin:0 auto;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(20,1fr);aspect-ratio:5/3;display:grid;gap:.5em;padding-top:0;box-sizing:border-box;--box-shadow-glow-range:3px}.section .section-main div.section-grid[data-v-5d5f1ff4]{box-shadow:0 0 30px var(--box-shadow-glow-range) rgba(170,37,207,.28);display:grid;place-items:end stretch;border-radius:14px;--section-bg-color:#f7f7f7;background-color:var(--section-bg-color);background-size:contain;background-repeat:no-repeat;transition:background-position .2s ease,filter .3s ease-in,background-color .3s ease;outline-color:color-mix(in srgb,var(--section-bg-color) 20%,#0a0a0a);isolation:isolate;border:2px solid color-mix(in srgb,var(--section-bg-color) 20%,hsla(0,0%,4%,.533))}.section .section-main div.section-grid[data-v-5d5f1ff4]:has(.hidden-details__see-more):focus-within,.section .section-main div.section-grid[data-v-5d5f1ff4]:has(.hidden-details__see-more):hover{filter:brightness(.9);cursor:pointer}.section .section-main div.section-grid:has(.hidden-details__see-more):focus-within .hidden-details__see-more:focus-within .underline[data-v-5d5f1ff4],.section .section-main div.section-grid:has(.hidden-details__see-more):focus-within .hidden-details__see-more:hover .underline[data-v-5d5f1ff4],.section .section-main div.section-grid:has(.hidden-details__see-more):hover .hidden-details__see-more:focus-within .underline[data-v-5d5f1ff4],.section .section-main div.section-grid:has(.hidden-details__see-more):hover .hidden-details__see-more:hover .underline[data-v-5d5f1ff4]{width:100cqw}.section .section-main div.section-grid:focus-within .hidden-details[data-v-5d5f1ff4],.section .section-main div.section-grid:hover .hidden-details[data-v-5d5f1ff4]{opacity:1}.section .section-main div.section-grid:not(:hover,:focus-within) .hidden-details[data-v-5d5f1ff4]{pointer-events:none}.section .section-main div.section-grid[data-v-5d5f1ff4]:focus-within{outline-style:dashed;outline-width:2px}.section .section-main div.section-grid .section-grid__cancel[data-v-5d5f1ff4]{display:none;grid-column:1;grid-row:1}.section .section-main div.section-grid .section-grid__cancel[data-v-5d5f1ff4]:hover{cursor:pointer}.section .section-main div.section-grid .section-grid__cancel:hover #CancelPath[data-v-5d5f1ff4]{stroke:#600000;stroke:red}.section .section-main div.section-grid .section-grid__icon[data-v-5d5f1ff4]{height:1.5lh;width:1.5lh;transition:height .4s ease,width .4s ease}.section .section-main div.section-grid .section-grid__icon[data-v-5d5f1ff4]:hover{height:1.7lh;width:1.7lh}.section .section-main div.section-grid .hidden-details[data-v-5d5f1ff4]{display:grid;gap:.3em 0;padding:.5em .6em;background-color:color-mix(in srgb,var(--section-bg-color) 80%,hsla(0,0%,4%,.8));filter:brightness(1.4);opacity:0;text-align:left;transition:opacity .4s ease-in,background-color .4s ease;border-radius:0 0 14px 14px;grid-column:1;grid-row:1}.section .section-main div.section-grid .hidden-details .hidden-details__title[data-v-5d5f1ff4]{margin:0;font-size:.9em}.section .section-main div.section-grid .hidden-details .hidden-details__desc[data-v-5d5f1ff4]{margin:0;font-size:.8em}.section .section-main div.section-grid .hidden-details .skills[data-v-5d5f1ff4]{display:flex;justify-content:flex-start;gap:.4em}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill[data-v-5d5f1ff4]{height:30px;aspect-ratio:1;background-size:cover}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.vue-js[data-v-5d5f1ff4],.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.vue[data-v-5d5f1ff4]{background-image:url(/img/vue.9bd18f30.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.css[data-v-5d5f1ff4]{background-image:url(/img/css.9a7609c7.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.html[data-v-5d5f1ff4]{background-image:url(/img/html.0ce3823c.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.javascript[data-v-5d5f1ff4],.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.js[data-v-5d5f1ff4]{background-image:url(/img/javascript.90ae9b70.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.ts[data-v-5d5f1ff4],.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.typescript[data-v-5d5f1ff4]{background-image:url(/img/typescript.70084edb.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.figma[data-v-5d5f1ff4]{background-image:url(/img/figma.6d118839.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.angular[data-v-5d5f1ff4]{background-image:url(/img/angular.1c0e9313.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.electron[data-v-5d5f1ff4]{background-image:url(/img/electron.584f6d90.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.scss[data-v-5d5f1ff4]{background-image:url(/img/scss.bfd5da74.svg)}.section .section-main div.section-grid .hidden-details .skills .hidden-details__skill.all[data-v-5d5f1ff4]{display:none}.section .section-main div.section-grid .hidden-details .hidden-details__see-more[data-v-5d5f1ff4]{container:see-more/inline-size;width:4lh;height:1lh;font-weight:700}.section .section-main div.section-grid .hidden-details .hidden-details__see-more .underline[data-v-5d5f1ff4]{width:0cqw;display:block;transition:width .2s ease,opacity .1s linear;border:1px solid var(--hidden-detail-color,--hidden-detail-dark-color);box-sizing:border-box}.section .section-main div.section-grid .hidden-details .hidden-details__see-more:hover .underline[data-v-5d5f1ff4]{width:100cqw}.section .section-main div.section-grid:where([data-v-5d5f1ff4]:nth-child(2n)){--section-bg-color:#000}.section .section-main div.section-grid:where([data-v-5d5f1ff4]:nth-child(2n-1)){--section-bg-color:blue}.section .section-partial[data-v-5d5f1ff4]{gap:1em;display:flex;padding-block:1em;align-items:center;justify-content:space-evenly;width:85%;max-width:850px;border-radius:14px;--section-bg-color:#78b3e688;background-color:var(--section-bg-color);min-height:200px}.section .section-partial[data-v-5d5f1ff4]:nth-child(2){--section-bg-color:#afb0f088}.section .section-partial .logo-wrapper[data-v-5d5f1ff4]{--logo-height:120px;height:var(--logo-height);transition:height .2s ease-in;display:flex;flex-direction:column;justify-content:space-between}.section .section-partial .logo-wrapper .logo--agency[data-v-5d5f1ff4]{display:flex;justify-content:center;gap:.2em;opacity:0;transform:translateY(-1lh);transition:opacity .3s ease,transform .2s ease-in .1s;border-radius:14px;color:#f7f7f7}.section .section-partial .logo-wrapper .logo--event-engineering[data-v-5d5f1ff4]{background-image:url(http://localhost:8080/img/event-engineering.6936d010.png);height:20px;width:100px;background-size:auto 100%;background-repeat:no-repeat;background-color:#000;background-position:50%;padding:.5em;box-sizing:border-box;border-radius:6px}.section .section-partial .logo-wrapper:focus-within .logo--agency[data-v-5d5f1ff4],.section .section-partial .logo-wrapper:hover .logo--agency[data-v-5d5f1ff4]{transform:translateY(0)}.section .section-partial .logo-wrapper .logo[data-v-5d5f1ff4]{height:var(--logo-height)}.section .section-partial--right[data-v-5d5f1ff4]{align-self:flex-end}@media only screen and (max-width:600px){.section .section-main[data-v-5d5f1ff4]{aspect-ratio:1}.section .section-partial[data-v-5d5f1ff4]{display:grid;grid-template-columns:1fr 1fr;place-items:center}.section .section-partial .logo[data-v-5d5f1ff4]{width:100%;padding:0 1em;box-sizing:border-box}}@media only screen and (max-width:900px){.section .section-main[data-v-5d5f1ff4]{aspect-ratio:4/3}}.section .section-main div.section-grid[data-v-5d5f1ff4]{container-type:inline-size;background-image:var(--bg-image);--barclays-theme-color:#f7fcfe;--james-bond-theme-color:#0e0e45;--weather-theme-color:#e0dfe1;--hsbc-theme-color:#dd9fa2;--bullring-theme-color:#600000;--hidden-detail-light-color:#fafafa;--hidden-detail-dark-color:#2c3e50;--hidden-detail-color:var(--hidden-detail-dark-color);color:var(--hidden-detail-color,--hidden-detail-dark-color)}.section .section-main div.section-grid--barclays[data-v-5d5f1ff4]{grid-row:1/span 8;grid-column:1/span 6;--section-bg-color:var(--barclays-theme-color,#f7fcfe);background-position:-40px 10px;--bg-image:url(/img/barclays-desktop.9671ef0f.webp)}.section .section-main div.section-grid--barclays[data-v-5d5f1ff4]:focus-within,.section .section-main div.section-grid--barclays[data-v-5d5f1ff4]:hover{background-position:0 10px}.section .section-main div.section-grid--james-bond[data-v-5d5f1ff4]{--section-bg-color:var(--james-bond-theme-color,#0e0e45);--hidden-detail-color:var(--hidden-detail-light-color);grid-row:span 5;grid-column:span 12;background-size:cover;background-position:0 -100px;--bg-image:url(/img/james-bond.9b551c91.webp)}.section .section-main div.section-grid--bullring[data-v-5d5f1ff4]{grid-row:span 12;grid-column:span 6;background-size:cover;--section-bg-color:var(--bullring-theme-color,#600000);--hidden-detail-color:var(--hidden-detail-light-color);background-position:right 0;--bg-image:url(/img/bullring.830c684c.webp)}.section .section-main div.section-grid--weather[data-v-5d5f1ff4]{grid-row:9/span 12;grid-column:1/span 6;--section-bg-color:#e0dfe1;--section-bg-color:var(--weather-theme-color,#e0dfe1);background-position:0 75px;background-size:100% auto;--bg-image:url(/img/weather-mobile.3674c02f.webp)}.section .section-main div.section-grid--weather[data-v-5d5f1ff4]:focus-within,.section .section-main div.section-grid--weather[data-v-5d5f1ff4]:hover{background-position:0 50px}.section .section-main div.section-grid--hsbc[data-v-5d5f1ff4]{grid-row:13/span 8;grid-column:19/span 6;--section-bg-color:var(--hsbc-theme-color,#dd9fa2);background-size:cover;background-position:50px 50px;--bg-image:url(/img/hsbc.7c241e36.webp)}.section .section-main div.section-grid--hsbc[data-v-5d5f1ff4]:focus-within,.section .section-main div.section-grid--hsbc[data-v-5d5f1ff4]:hover{background-position:20px 40px}.section .section-main div.section-grid--cac[data-v-5d5f1ff4]{grid-row:6/span 11;grid-column:7/span 12;--section-bg-color:#e8e0de;background-position:-60px 0;--bg-image:url(/img/cac.8de39b62.webp)}.section .section-main div.section-grid--cac:hover .section-grid__cancel[data-v-5d5f1ff4]{display:block}.section .section-main div.section-grid--cac .section-grid__cancel[data-v-5d5f1ff4]{text-align:end;padding:5px 6px;z-index:34}.section .section-main div.section-grid--cac[data-v-5d5f1ff4]:focus-within,.section .section-main div.section-grid--cac[data-v-5d5f1ff4]:hover{background-position:0 0}.section .section-main div.section-grid--sky[data-v-5d5f1ff4]{grid-row:17/span 4;grid-column:7/span 12;background-size:cover;background-position:0;--bg-image:url(/img/sky-go.4ae925fb.webp)}.section .section-main div.section-grid--top-detail[data-v-5d5f1ff4]{place-items:start stretch}.section .section-main div.section-grid--top-detail .hidden-details[data-v-5d5f1ff4]{border-radius:14px 14px 0 0}@media only screen and (max-width:600px){.section .section-main[data-v-5d5f1ff4]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;box-sizing:border-box}.section .section-main div.section-grid--bullring[data-v-5d5f1ff4],.section .section-main div.section-grid--james-bond[data-v-5d5f1ff4]{display:none}.section .section-main div.section-grid--barclays[data-v-5d5f1ff4]{grid-column:span 3;grid-row:span 1;--bg-image:url(/img/barclays-desktop.9671ef0f.webp),url(/img/barclays-1.e5e679b5.webp);background-position:0,right 0;background-size:contain,50% auto}.section .section-main div.section-grid--weather[data-v-5d5f1ff4]{grid-row:1/span 2;grid-column:span 1;background-position:0 6vh;background-size:105% auto}.section .section-main div.section-grid--hsbc[data-v-5d5f1ff4]{display:none}.section .section-main div.section-grid--cac[data-v-5d5f1ff4]{grid-row:1/span 2;grid-column:2/span 2;background-position:-60px}.section .section-main div.section-grid--sky[data-v-5d5f1ff4]{display:none}}.buttons-div[data-v-5d5f1ff4]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-5d5f1ff4]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-5d5f1ff4]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-5d5f1ff4]:active{background:#302e2e}.buttons.white[data-v-5d5f1ff4]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-5d5f1ff4]:active{background:#f6f6f6}h1[data-v-5d5f1ff4]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-5d5f1ff4]{width:100%;text-decoration:none}a[data-v-5d5f1ff4]:hover{cursor:pointer}.subtitle[data-v-5d5f1ff4]{font-weight:700;font-size:1.1rem}.section[data-v-5d5f1ff4]{display:flex;grid-gap:25px;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;padding:0 .5em;padding-bottom:1.3em;margin:0 auto}.section .section__title[data-v-5d5f1ff4]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%;font-size:2em}.selectable-grid[data-v-5d5f1ff4]{background-size:contain;background-repeat:no-repeat;transition:background-position .2s linear,filter .2s ease,background-size .2s linear}.section :is(.section-main--extra).section-main div.section-grid[data-v-5d5f1ff4]{filter:grayscale(1) brightness(.9);pointer-events:none}.section :is(.section-main--extra).section-main div.section-grid--cac[data-v-5d5f1ff4]{pointer-events:auto}.section :is(.section-main--extra).section-main div.section-grid .hidden-details__see-more[data-v-5d5f1ff4]{display:none}.section :is(.section-main--extra).section-main div.section-grid .hidden-details[data-v-5d5f1ff4]{opacity:0}.section :is(.section-main--extra).section-main--barclays div.section-grid--barclays[data-v-5d5f1ff4]{filter:none;pointer-events:auto}.section :is(.section-main--extra).section-main--barclays div.section-grid--barclays .hidden-details[data-v-5d5f1ff4]{opacity:1}.section :is(.section-main--extra).section-main--barclays div.section-grid--bullring[data-v-5d5f1ff4]{--bg-image:url(/img/barclays-1.e5e679b5.webp);--section-bg-color:#93cdeb;background-size:contain;filter:none;background-position:0 140%}.section :is(.section-main--extra).section-main--barclays div.section-grid--cac[data-v-5d5f1ff4]{--bg-image:url(/img/barclays.9671ef0f.webp);--section-bg-color:#93cdeb;background-size:auto 105%;filter:none;background-position:0 100%}.section :is(.section-main--extra).section-main--barclays div.section-grid--cac .section-grid__cancel[data-v-5d5f1ff4]{display:block}.section :is(.section-main--extra).section-main--weather div.section-grid--weather[data-v-5d5f1ff4]{filter:none;--section-bg-color:#f6a932aa;pointer-events:auto}.section :is(.section-main--extra).section-main--weather div.section-grid--weather .hidden-details[data-v-5d5f1ff4]{opacity:1}.section :is(.section-main--extra).section-main--weather div.section-grid--hsbc[data-v-5d5f1ff4]{--bg-image:url(/img/weather-iphone.6dbf05c6.webp),linear-gradient(125deg,#c1c3c4 30%,#f6a932);--section-bg-color:var(--weather-theme-color);background-size:auto 85%,cover;filter:none;background-position:50%}.section :is(.section-main--extra).section-main--weather div.section-grid--cac[data-v-5d5f1ff4]{--bg-image:url(/img/weather-1.a0119b3b.webp),linear-gradient(125deg,#c1c3c4 30%,#f6a932);--section-bg-color:#93cdeb;background-size:auto 100%;filter:none;background-position:bottom}.section :is(.section-main--extra).section-main--weather div.section-grid--cac .section-grid__cancel[data-v-5d5f1ff4]{display:block}.section :is(.section-main--extra).section-main--hsbc div.section-grid--hsbc[data-v-5d5f1ff4]{filter:none;pointer-events:auto}.section :is(.section-main--extra).section-main--hsbc div.section-grid--hsbc .hidden-details[data-v-5d5f1ff4]{opacity:1}.section :is(.section-main--extra).section-main--hsbc div.section-grid--cac[data-v-5d5f1ff4]{--bg-image:url(/img/hsbc-2.bdc8425f.webp);--section-bg-color:var(--hsbc-theme-color,#dd9fa2);filter:none}.section :is(.section-main--extra).section-main--hsbc div.section-grid--cac .section-grid__cancel[data-v-5d5f1ff4]{display:block}.section :is(.section-main--extra).section-main--bullring div.section-grid--bullring[data-v-5d5f1ff4]{filter:none;pointer-events:auto}.section :is(.section-main--extra).section-main--bullring div.section-grid--bullring .hidden-details[data-v-5d5f1ff4]{opacity:1}.section :is(.section-main--extra).section-main--bullring div.section-grid--weather[data-v-5d5f1ff4]{background-size:contain;--bg-image:url(/img/bullring-1.40fb8482.webp);--section-bg-color:var(--hsbc-theme-color);filter:none;background-position:center 80%,100%;background-size:90% auto,100% auto}.section :is(.section-main--extra).section-main--bullring div.section-grid--cac[data-v-5d5f1ff4]{--bg-image:url(/img/bullring-2.fbfe95bf.webp);--section-bg-color:var(--hsbc-theme-color,#dd9fa2);filter:none}.section :is(.section-main--extra).section-main--bullring div.section-grid--cac .section-grid__cancel[data-v-5d5f1ff4]{display:block}.buttons-div[data-v-15d364da]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-15d364da]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-15d364da]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-15d364da]:active{background:#302e2e}.buttons.white[data-v-15d364da]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-15d364da]:active{background:#f6f6f6}h1[data-v-15d364da]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-15d364da]{width:100%;text-decoration:none}a[data-v-15d364da]:hover{cursor:pointer}.subtitle[data-v-15d364da]{font-weight:700;font-size:1.1rem}body .scroll-progress[data-v-15d364da]{position:fixed;top:0;left:0;width:100vw;height:auto;background-color:hsla(0,0%,97%,.133);z-index:999;box-sizing:border-box;--child-widths:calc(100vw - 20px);--tag-widths:calc(25vw - 5px);--tag-half-widths:calc(var(--tag-widths)/2);--link-padding:0.6em}body .scroll-progress[data-v-15d364da]:hover{opacity:1}body .scroll-progress .scroll-progress__nav[data-v-15d364da]{display:grid;grid-template-columns:repeat(4,1fr);width:100%;width:var(--child-widths);margin-inline:auto;place-items:stretch}body .scroll-progress .scroll-progress__nav a.scroll-progress__link[data-v-15d364da]{color:inherit;text-align:center;width:var(--tag-widths);padding-block:var(--link-padding)}body .scroll-progress .scroll-progress__nav a.scroll-progress__link[data-v-15d364da]:active,body .scroll-progress .scroll-progress__nav a.scroll-progress__link[data-v-15d364da]:hover{text-decoration:underline;background:hsla(0,0%,100%,.8);isolation:isolate;color:#000}body .scroll-progress .scroll-progress__bar[data-v-15d364da],body .scroll-progress .scroll-progress__container[data-v-15d364da]{mix-blend-mode:difference;background:none;width:var(--child-widths);margin-inline:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}body .scroll-progress .scroll-progress__bar .scroll-progress__progress[data-v-15d364da],body .scroll-progress .scroll-progress__container .scroll-progress__progress[data-v-15d364da]{position:absolute;--progress-value:0;--progress-radius:0.6lh;--section-half-widths:var(--tag-half-widths,115px);--start-value:calc(var(--section-half-widths) - 10px);--end-value:calc(var(--child-widths) - var(--start-value));left:clamp(var(--start-value),(var(--progress-value))*1% - var(--progress-radius),var(--end-value));transition:left .2s ease-in-out;height:var(--progress-radius);aspect-ratio:1;background:#000;border-radius:50%;margin-block:.2em 0;box-sizing:border-box;animation:scale-in-out-15d364da 4s linear 2s}@keyframes scale-in-out-15d364da{0%{transform:scale(.5);opacity:0}30%,60%{transform:scale(.9)}}@media only screen and (max-width:600px){body .scroll-progress[data-v-15d364da]{top:0;--link-padding:0.9em}}.buttons-div[data-v-82a793f2]{display:grid;grid-template-columns:1fr 1fr;width:100%;place-items:center;grid-gap:20px}.buttons[data-v-82a793f2]{display:grid;place-items:center;padding:15px 0;font-size:20px;width:100%;height:100%;background:#000;color:#fff;border:2px none #fff;border-radius:5px}.buttons[data-v-82a793f2]:hover{text-decoration:underline;cursor:pointer}.buttons[data-v-82a793f2]:active{background:#302e2e}.buttons.white[data-v-82a793f2]{background:#fff;color:#000;border:2px solid #000}.buttons.white[data-v-82a793f2]:active{background:#f6f6f6}h1[data-v-82a793f2]{margin:0;background-position:50%;background-repeat:no-repeat;background-size:10%;width:100%}a[data-v-82a793f2]{width:100%;text-decoration:none}a[data-v-82a793f2]:hover{cursor:pointer}.subtitle[data-v-82a793f2]{font-weight:700;font-size:1.1rem}.home[data-v-82a793f2]{display:grid;place-items:center;width:100%;max-width:min(1400px,100vw);margin:0 auto;grid-gap:1em 0}.home>div[data-v-82a793f2]{width:100%}.home .contact-section[data-v-82a793f2]{display:flex;grid-gap:15px;flex-direction:column;justify-content:center;padding:10px 0;background:rgba(0,0,0,.067)}.home .contact-section i[data-v-82a793f2]{color:green}.home a[data-v-82a793f2]{color:#000}.home a[data-v-82a793f2]:hover{text-decoration:underline}