:root{--color-primary: #12d8cd;--color-primary-bright: #00f1ed;--color-primary-verybright: #0c0c0c;--color-primary-dark: #0a6862;--color-primary-dark-transparent: rgba(10, 104, 98, .8);--color-secondary: #c22100;--color-secondary: #e76f51;--color-secondary: #c32100;--color-secondary: #b83a1e;--color-tertiary: #FFC400;--color-quaternary: #FFFCAA;--color-quaternary-bright: #FDFEC2;--color-nature-dark: #4d4d4d;--color-quinary: #38ffd4;--color-quinary-bright: #dcfff7;--color-background: #fff;--color-background-transparent: rgba(220, 255, 247, .8);--color-text: var(--color-primary-dark);--color-text-black: #333333;--color-text-bright: var(--color-primary);--color-highlight: #fb0288;--color-highlight: #ff3000;--color-highlight: #fe3000;--color-secondary-bright: #fff9f0;--color-white-transparent: rgba(255, 255, 255, .75);--color-highlight-lighter: #f975c2;--color-highlight-lighter: #ffa08a;--color-highlight-transparent: #ffdddd;--color-highlight-light: #fec8e8;--color-highlight-very-light: #fbeaf5;--color-highlight-dark: #FF0000;--color-dark: #264653;--color-light: #ffffff;--color-light-secondary: #FAE962;--color-light-secondary-transparent: rgba(171, 165, 115, .6);--color-marker: #ffef41;--color-marker: var(--color-quaternary);--color-icon-fill: #ff0093}:root{--bg-dark: rgba(0, 0, 0, .85);--bg-dark-text: #ffffff;--bg-dark-text-em: red;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--font-family: var(--font-regular);--default-font-size: 1.6rem;--default-font-line-height: 1.3;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--color-image-frame: #fff;--visibility-delay: 0s;--nav-dropdown-duration-in: 100;--nav-dropdown-duration-out: 50;--nav-dropdown-delay-in: 0;--nav-dropdown-delay-out: 0;--gradient-style-2: radial-gradient(circle at 25% 25%, rgba(248, 254, 236, .98), rgba(219, 252, 159, .98));--gradient-style-1: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, .98), #e1ffff);--gradient-action-secondary: linear-gradient(to bottom, var(--color-secondary-bright), #fffaf3)}@media(max-width:767px){:root{--default-font-size: 1.8rem}}.gradient-container{background:linear-gradient(to right,#ff0093,#fbb2be,);background-size:cover}.default-width{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2em;padding-right:2em}@font-face{font-family:basier_squareregular;src:url(/assets/fonts/Basier-Square-regular-webfont/basiersquare-regular-webfont.eot);src:url(/assets/fonts/Basier-Square-regular-webfont/basiersquare-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Basier-Square-regular-webfont/basiersquare-regular-webfont.woff2) format("woff2"),url(/assets/fonts/Basier-Square-regular-webfont/basiersquare-regular-webfont.woff) format("woff"),url(/assets/fonts/Basier-Square-regular-webfont/basiersquare-regular-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:basier_squaresemibold;src:url(/assets/fonts/Basier-Square-semibold-webfont/basiersquare-semibold-webfont.eot);src:url(/assets/fonts/Basier-Square-semibold-webfont/basiersquare-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Basier-Square-semibold-webfont/basiersquare-semibold-webfont.woff2) format("woff2"),url(/assets/fonts/Basier-Square-semibold-webfont/basiersquare-semibold-webfont.woff) format("woff"),url(/assets/fonts/Basier-Square-semibold-webfont/basiersquare-semibold-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pekka_supersmartfontregular;src:url(/assets/fonts/Pekka-Super-Smart-webfont/pekkasupersmartfont-webfont.woff2) format("woff2"),url(/assets/fonts/Pekka-Super-Smart-webfont/pekkasupersmartfont-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-Regular.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-Italic.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-SemiBold.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-SemiBoldItalic.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-ExtraBold.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pitanga;src:url(/assets/fonts/Pitanga/Pitanga-ExtraBoldItalic.woff2) format("woff2"),url(/assets/fonts/Pitanga/Pitanga-ExtraBoldItalic.woff) format("woff");font-weight:800;font-style:italic;font-display:swap}:root{--font-regular: "basier_squareregular", Arial, Cabin, Sans-Serif;--font-regular-weight: normal;--font-bold: "basier_squaresemibold", Arial, Cabin, Sans-Serif;--font-bold-weight: normal;--font-extrabold: "basier_squaresemibold", Arial, Cabin, Sans-Serif;--font-extrabold-weight: normal;--font-pekka: "pekka_supersmartfontregular", Arial, Cabin, Sans-Serif}.font-theme-pitanga{--font-regular: "Pitanga", Arial, Cabin, Sans-Serif;--font-regular-weight: 400;--font-bold: "Pitanga", Arial, Cabin, Sans-Serif;--font-bold-weight: 600;--font-extrabold: "Pitanga", Arial, Cabin, Sans-Serif;--font-extrabold-weight: 800}.font-normal{font-family:var(--font-regular);font-weight:var(--font-regular-weight)!important}.font-bold{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.font-extrabold{font-family:var(--font-extrabold);font-weight:var(--font-extrabold-weight)!important}.font-pekka{font-family:var(--font-pekka)!important;font-weight:400!important}.brow{display:inline-block;margin:0 0 -1em;padding:0;font-size:1.6rem!important;letter-spacing:.05em;line-height:1.2;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;color:var(--color-highlight)!important;font-variant-caps:all-small-caps;border-bottom:1px solid var(--color-highlight);border-radius:0;margin-bottom:.3em!important}@media(max-width:767px){.brow{font-size:1.3rem!important;margin-bottom:1em!important}}.section-title{margin:var(--cards-slider-title-margin);text-align:center;font-size:3.6rem;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;opacity:1!important;margin-bottom:0}.page-section h1{font-family:var(--font-extrabold)!important;font-weight:var(--font-extrabold-weight)!important;text-align:center!important;font-size:3em!important;color:var(--color-highlight)}.article-image{display:block;margin:2em auto}.article-image img{display:block;border-radius:.5em}.article-image figcaption{text-align:center;font-size:.9em;color:var(--color-primary-dark);margin-top:.5em;font-style:italic}.article-image.article-image--full-bleed{width:100vw;margin-left:calc(-50vw + 50%)}.article-image.article-image--full-bleed img{border-radius:0;width:100%}.article-image.article-image--full,.article-image:not([class*=article-image--]){width:100%}.article-image.article-image--full img,.article-image:not([class*=article-image--]) img{width:100%}.article-image.article-image--75{width:75%}.article-image.article-image--75 img{width:100%}.article-image.article-image--50{width:50%}.article-image.article-image--50 img{width:100%}.article-image.article-image--25{width:25%}.article-image.article-image--25 img{width:100%}@media(max-width:767px){.article-image.article-image--75,.article-image.article-image--50,.article-image.article-image--25{width:100%}}p.placeholder{margin-top:3em}.default-paragraph{font-size:var(--default-font-size);color:var(--color-primary-dark);line-height:var(--default-font-line-height);margin-bottom:1em}.default-paragraph strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;background-color:var(--color-marker);padding-right:.2em;padding-left:.2em}.default-paragraph strong.transparent{background-color:transparent;padding:0!important}.default-paragraph.narrow{width:75%;margin-left:auto;margin-right:auto}.default-paragraph.last{margin-bottom:1em}.intro-paragraph{font-size:2em;line-height:1.1em;text-align:center;color:var(--color-primary)}h1{line-height:1}.title-verylarge,.title-large{font-size:4.5em;line-height:1.05;color:var(--color-primary)!important}.title-verylarge .marker,.title-large .marker{background-image:linear-gradient(to bottom,color-mix(in srgb,#fff7a0 75%,white),color-mix(in srgb,var(--color-marker) 75%,white));background-repeat:no-repeat;background-size:100% .78em;background-position:0 .15em;background-color:transparent;color:var(--color-highlight)}@media(max-width:767px){.title-verylarge,.title-large{font-size:3em}}h1.verylarge{font-size:3.5em;line-height:1em}.title-large{font-size:2.5em}.text-glow-bright{text-shadow:0 0 .12em #fff,0 0 .25em #fff,0 0 .5em #fff,0 0 1em rgba(255,255,255,.85)}.contact-info .contact-list{font-size:var(--default-font-size)}.contact-info__caption{position:absolute;top:1em;left:1em;right:1em;margin:0!important;text-align:center;font-size:.95em;line-height:1.5;z-index:1}.contact-info__caption span{background:var(--color-marker);color:var(--color-primary-dark);padding:.15em .4em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.contact-list{list-style:none;padding:0;margin:0;font-size:1.3em}.contact-list li{margin:.4em 0;white-space:nowrap;display:flex;align-items:center;gap:.5em}.contact-list a{text-decoration:none!important}.contact-list a:hover,.contact-list a.is-underlined{text-decoration:underline!important}.contact-list strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.contact-list__icon{width:1.4em;height:1.4em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.contact-list__icon svg{width:100%;height:100%;fill:currentColor}.contact-list__item--group-start{margin-top:1.5em!important}.box-dark .contact-list{color:#fff}.box-dark .contact-list li,.box-dark .contact-list a,.box-dark .contact-list a strong{color:#fff!important}.box-dark .contact-list .contact-list__icon{color:#fff}.contact-details{margin:2em 0}.contact-details__item{font-size:1.3em;margin-bottom:.5em;line-height:1.5}.contact-legal-links{margin-top:3em;text-align:center;font-size:.9em}.contact-legal-links a{color:var(--color-text)!important;text-decoration:none!important}.contact-legal-links a:hover{text-decoration:underline!important}.contact-form-section{text-align:left;margin:1em auto 0;color:var(--color-text)}.contact-form-section .form-field__label,.contact-form-section .form-checkbox{font-size:var(--default-font-size)}.contact-form-section .form-field__input{font-size:var(--default-font-size);line-height:1.5}.contact-form-section h1{color:var(--color-highlight)!important}.contact-form-section__title{margin:2em 0 .5em}.contact-form-section .form-field__label,.contact-form-section .form-checkbox label{color:var(--color-text)}.contact-form-section .required-mark{color:var(--color-secondary)!important}.contact-form-section .form-field__label a{color:var(--color-secondary)}.contact-form-box{position:relative}.form-field-row{display:flex;gap:1em;margin-bottom:1.25em}.form-field-row>.form-field{flex:1 1 50%;min-width:0;margin-bottom:0}@media(max-width:767px){.form-field-row{flex-direction:column}}.form-submit-row{display:flex;align-items:center;gap:2em;margin-top:1em}.form-submit-row__checkboxes{flex:1 1 auto}.form-submit-row__checkboxes .form-checkbox{margin-bottom:.5em}.form-submit-row__checkboxes .form-checkbox:last-child{margin-bottom:0}.form-submit-row__button{flex:0 0 auto}@media(max-width:767px){.form-submit-row{flex-direction:column;align-items:stretch}}.contact-form-section .button.action-primary{background:var(--gradient-action-secondary)!important;color:var(--color-highlight)!important;border:2px solid var(--color-highlight)}.contact-form-section .button.action-primary:hover{color:var(--color-highlight)!important}.form-field{display:flex;flex-direction:column;gap:.35em;margin-bottom:1.25em}.form-field__label{font-size:1.2em;color:var(--color-primary-dark)}.form-field__label .required-mark{color:var(--color-highlight);margin-left:.15em}.form-field__input{padding:.75rem;border:2px solid #CCC;border-radius:.375rem;font-family:var(--font-family);font-size:1.875rem;line-height:2.25rem;transition:all .1s ease;background:linear-gradient(to bottom,#fdfdea,#fdf6b2);box-shadow:inset 0 2px 4px #0000000d;width:100%;box-sizing:border-box;color:#333;appearance:none}.form-field__input:focus{outline:none;border:2px solid var(--color-highlight);background:linear-gradient(to bottom,#fdf4a3,#fef08a);box-shadow:inset 0 2px 4px #0000001a,inset 0 4px 8px #0000000d}.form-field textarea.form-field__input{resize:none;min-height:100px;overflow:hidden}.form-field textarea.form-field__input.auto-resize{resize:none}.form-field select.form-field__input{cursor:pointer}.textarea-wrapper{position:relative}.textarea-wrapper .char-counter{position:absolute;bottom:.5em;right:.8em;font-size:.7em;color:#999;pointer-events:none;line-height:1}.form-checkbox{display:flex;align-items:flex-start;gap:.75em;margin-bottom:1em;font-size:1.1em;line-height:1.4}.form-checkbox input[type=checkbox]{width:1.4em;height:1.4em;min-width:1.4em;margin-top:.1em;accent-color:var(--color-highlight);cursor:pointer}.form-checkbox label{cursor:pointer;line-height:1.4}.form-checkbox label a{color:var(--color-secondary)!important;text-decoration:underline}.contact-loading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.contact-loading__spinner{width:3.5em;height:3.5em;border:.3em solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:contact-spin .8s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-form-box.is-loading #contact_form{opacity:.5;pointer-events:none;transition:opacity .3s ease}.contact-form-box.is-loading .contact-loading{display:flex}.contact-error{margin:1em 0 0;padding:.6em 1em;background-color:#fecacaeb;border-radius:var(--border-radius);color:#991b1b!important;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.contact-error[hidden]{display:none}.contact-success{display:none;align-items:center;justify-content:center;gap:.4em;text-align:center;padding:1em;background-color:#bbf7d0f2;border-radius:var(--border-radius)}.contact-success__check,.contact-success__message{font-size:2em;line-height:1;color:#166534!important;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.portfolio-index .sub-menu{margin-top:.75em;margin-bottom:0}@media(max-width:767px){.portfolio-index__tag-bar{position:sticky;top:4.75rem;z-index:1001}}.portfolio-index__skills-row{display:flex;flex-direction:column;align-items:center;gap:1em;margin:1.5em auto 2.5em}@media(min-width:768px){.portfolio-index__skills-row{width:90vw;padding-left:0;padding-right:0}}.portfolio-index .content .container.portfolio-index__skills-row{max-width:none}.portfolio-index .content .container h1.portfolio-index__headline{margin:.4em auto .5em;max-width:1155px;text-align:center}.portfolio-index .content .container h1.portfolio-index__headline strong{background-color:transparent;padding-left:0;padding-right:0}.portfolio-index .content .container .portfolio-index__pills{justify-content:center;margin-bottom:0}.sub-menu-select{width:100%;margin:.75em 0 1.5em;position:relative}.sub-menu-select:after{content:"";position:absolute;top:50%;right:1.25em;width:.5em;height:.5em;border-right:.15em solid var(--color-highlight);border-bottom:.15em solid var(--color-highlight);transform:translateY(-70%) rotate(45deg);pointer-events:none}.sub-menu-select select{width:100%;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:1.2em;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;color:var(--color-highlight);background-color:#fff;border:none;border-radius:1em;padding:.55em 2.5em .55em 1.25em;cursor:pointer;box-shadow:0 1px 5px #0000002e}.sub-menu-select select option{color:var(--color-primary-dark);background-color:#fff}.view-toggle{display:flex;flex:0 0 auto;gap:.25em;align-items:center}body.portfolio-index .content .container .view-toggle__option,.view-toggle__option{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:.4em;color:var(--color-primary-dark);opacity:.4;text-decoration:none;transition:opacity .2s ease}body.portfolio-index .content .container .view-toggle__option svg,.view-toggle__option svg{width:1.1em;height:1.1em;fill:currentColor}body.portfolio-index .content .container .view-toggle__option:hover,.view-toggle__option:hover{opacity:.75;color:var(--color-primary-dark);text-decoration:none}body.portfolio-index .content .container .view-toggle__option.is-active,.view-toggle__option.is-active{opacity:1}body.portfolio-index .portfolio-index__tag-bar{display:flex;align-items:center;gap:.75em}body.portfolio-index .portfolio-index__tag-bar>.sub-menu-select{flex:1 1 auto;min-width:0}@media(min-width:768px){body.portfolio-index .portfolio-index__tag-bar{display:block;position:relative}body.portfolio-index .portfolio-index__tag-bar .view-toggle{position:absolute;top:50%;right:calc(15px - max(15px,(100vw - 1155px) / 2 + 15px));transform:translateY(-50%)}}.portfolio-list{list-style:none;margin:0;padding:0}.portfolio-list__row+.portfolio-list__row{border-top:1px solid rgba(0,0,0,.08)}.content .container .portfolio-list .portfolio-list__link{display:flex;align-items:stretch;gap:1em;padding:1.8em 0}.content .container .portfolio-list .portfolio-list__link,.content .container .portfolio-list .portfolio-list__link:hover,.content .container .portfolio-list .portfolio-list__link:focus{text-decoration:none}.content .container .portfolio-list .portfolio-list__link .portfolio-list__text,.content .container .portfolio-list .portfolio-list__link .portfolio-list__description{color:var(--color-primary-dark);text-align:left;text-decoration:none}.content .container .portfolio-list .portfolio-list__link:hover .portfolio-list__description{color:var(--color-highlight)}.portfolio-list__thumb{position:relative;flex:0 0 auto;align-self:stretch;width:8em;border-radius:.3em;background:var(--color-primary);overflow:hidden}.portfolio-list__thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}@media(max-width:767px){.portfolio-list__thumb{width:5em}}.portfolio-list__text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-size:var(--default-font-size);line-height:var(--default-font-line-height);transition:color .2s ease}.portfolio-list .technologies--plain{margin:.35em 0 0;justify-content:flex-start;gap:.15em .9em;opacity:.5;min-width:0}.portfolio-list .technologies--plain .technology{padding:0;border:none;background:none}.portfolio-modal[data-active-key=contact] .contact-panes{width:min(1155px,100%);margin:0 auto;padding:0 15px}.portfolio-modal[data-active-key=contact] .contact-panes,.portfolio-modal[data-active-key=contact] .contact-panes p,.portfolio-modal[data-active-key=contact] .contact-panes li,.portfolio-modal[data-active-key=contact] .contact-panes strong,.portfolio-modal[data-active-key=contact] .contact-list,.portfolio-modal[data-active-key=contact] .site-card__domain,.portfolio-modal[data-active-key=contact] .site-card__label{color:#fff}.portfolio-modal[data-active-key=contact] a,.portfolio-modal[data-active-key=contact] .contact-list a,.portfolio-modal[data-active-key=contact] .contact-list a strong{color:var(--color-highlight)}.portfolio-modal[data-active-key=contact] .contact-switch__option{color:#fff;font-weight:600}.portfolio-modal[data-active-key=contact] .contact-switch__option,.portfolio-modal[data-active-key=contact] .contact-switch__option:hover,.portfolio-modal[data-active-key=contact] .contact-switch__option:focus{text-decoration:none}.portfolio-modal[data-active-key=contact] .gallery-slide-section{justify-content:flex-start}.portfolio-modal[data-active-key=contact] .portfolio-modal__slide{align-items:flex-start}.portfolio-modal[data-active-key=contact] .portfolio-modal__dialog{align-self:flex-start}.portfolio-modal[data-active-key=contact] .portfolio-gallery{justify-content:flex-start;align-self:flex-start;margin-top:0}.portfolio-modal[data-active-key=contact] .site-grid{width:100%}.portfolio-modal a,.portfolio-modal a:hover,.portfolio-modal a:focus{text-decoration:none}.contact-switch{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.75em 1.25em;margin-bottom:1.5em;font-size:calc(var(--default-font-size) * 1.2)}.contact-switch__option,.contact-switch__sep{color:var(--color-highlight)}.content .container .contact-switch__option,.contact-switch__option{opacity:.5;color:var(--color-highlight);text-decoration:none;transition:opacity .2s ease}.content .container .contact-switch__option:hover,.contact-switch__option:hover{opacity:.8;color:var(--color-highlight);text-decoration:none}.content .container .contact-switch__option.is-active,.contact-switch__option.is-active{opacity:1}.contact-switch__sep{opacity:.5}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5em}@media(max-width:767px){.site-grid{grid-template-columns:repeat(2,1fr);gap:1em}}.site-card{display:block}.site-card,.site-card:hover,.site-card:focus{text-decoration:none}.site-card .site-card__thumb{transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}.site-card:hover .site-card__thumb{transform:translateY(-3px);box-shadow:0 0 .6em .2em var(--color-quaternary-bright)}.site-card--soon{opacity:.5;cursor:default}.site-card--soon:hover .site-card__thumb{transform:none;box-shadow:none}.site-card--soon.site-card--soon:hover .site-card__domain,.site-card--soon.site-card--soon:hover .site-card__label{color:#fff;background:none;-webkit-text-fill-color:#fff}.site-card__thumb{position:relative;display:block;aspect-ratio:2;overflow:hidden;border-radius:.3em;border:1px solid var(--color-primary)}.site-card__thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.site-card__soon{position:absolute;left:.5em;top:.5em;z-index:2;padding:.25em .6em;border-radius:.4em;background:var(--color-highlight);color:#fff;font-family:monospace;font-size:.75rem;font-weight:700;line-height:1.1}.site-card__text{display:block;padding-top:.5em;text-align:center}.site-card__domain,.site-card__label{display:block;color:#fff;-webkit-text-fill-color:#fff;background:none;transition:color .2s ease,-webkit-text-fill-color .2s ease}.site-card:hover .site-card__domain,.site-card:hover .site-card__label{color:var(--color-marker);-webkit-text-fill-color:var(--color-marker)}.site-card__domain{font-size:var(--default-font-size);font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.site-card__label{font-size:calc(var(--default-font-size) * .85)}.site-card__text{transition:transform .25s ease-in-out}.site-card:hover .site-card__text{transform:translateY(3px)}.site-card--soon:hover .site-card__text{transform:none}.portfolio-modal .contact-switch__option.is-active,.content .container .contact-switch__option.is-active{opacity:1}.contact-info .media-split__media img{width:100%;height:100%;object-fit:cover;object-position:center bottom}@media(min-width:768px){.portfolio-modal[data-active-key=contact] .portfolio-modal__slide,.portfolio-modal[data-active-key=contact] .gallery-slide-section,.portfolio-modal[data-active-key=contact] .gallery-slide-content.contact-panes{padding-left:0;padding-right:0}}.content .container .site-card,.content .container .site-card:hover,.portfolio-modal .site-card,.portfolio-modal .site-card:hover{text-decoration:none}.portfolio-modal .gallery-slide-content .site-card,.portfolio-modal .gallery-slide-content .site-card:hover,.portfolio-modal .gallery-slide-content .site-card:focus{text-decoration:none}.portfolio-modal .gallery-slide-content .site-card__thumb img{height:100%}.portfolio-modal[data-active-key=contact] .contact-pane--form .form-field__label,.portfolio-modal[data-active-key=contact] .contact-pane--form .form-checkbox label,.portfolio-modal[data-active-key=contact] .contact-pane--form .char-counter{color:#fff}.site-card--current{padding:.5em;border-radius:.5em;background:var(--color-highlight)}.site-card--current .site-card__thumb{outline:3px solid var(--color-tertiary);border-color:var(--color-tertiary)}.site-card--current .site-card__domain,.site-card--current .site-card__label,.site-card--current:hover .site-card__domain,.site-card--current:hover .site-card__label{color:#fff;-webkit-text-fill-color:#fff}@media(max-width:1023px){.sub-menu--desktop-only{display:none!important}}@media(min-width:1024px){.sub-menu-select--upto-desktop{display:none!important}}.media-split{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin:2em 0;text-align:left}@media(max-width:767px){.media-split{grid-template-columns:1fr;gap:2em;margin:1em 0}}.media-split__media{position:relative;overflow:hidden}.media-split__media>img.auto-size-full,.media-split__media>video.auto-size-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:767px){.media-split__media{position:relative;overflow:visible}.media-split__media>img.auto-size-full,.media-split__media>video.auto-size-full{position:static;height:auto}}.media-split__content{display:flex;flex-direction:column;justify-content:flex-start}.media-split .column-heading{font-size:1.3em;line-height:1.4;text-align:left;margin:0 0 1em;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;color:var(--color-highlight)}.pill{margin:0;display:flex;text-align:center;font-size:calc(var(--default-font-size) * .7);line-height:var(--default-font-line-height);color:var(--color-primary-dark);overflow-wrap:break-word;background:var(--gradient-action-secondary);border:2px solid var(--color-highlight);border-radius:.4em;outline:.3em solid rgba(254,48,0,.22);outline-offset:0;box-shadow:none;transform:scale(var(--pill-scale, 1));transition:transform .25s ease,outline-color .25s ease 50ms,box-shadow .25s ease}.pill.small{font-size:.85em}.pill.smaller{font-size:calc(var(--default-font-size) * .6)}.pill.strong{background:var(--color-quinary-bright);border-color:var(--color-highlight);color:var(--color-highlight)!important;font-size:1em}.pill.strong .pill__label{color:var(--color-primary-dark)!important;font-weight:600}.pill.strong .pill__hand svg{color:#fff!important;fill:var(--color-marker)}.pill.strong .pill__hand svg path{stroke:var(--color-highlight);stroke-width:4px;border:1px outset solid;fill:var(--color-marker)}.pill.highlight{background:var(--color-highlight);border-color:var(--color-highlight)}.pill.highlight .pill__label{color:#fff}.pill.highlight .pill__hand svg path{stroke:#fff}.pill[hidden]{display:none}.pill__link{display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;height:100%;padding:.3em .95vw;color:inherit!important;text-decoration:none!important}@media(max-width:767px){.pill__link{padding-left:1.5em;padding-right:1.5em}}.pill__icon{display:inline-flex;align-items:center;flex:0 0 auto;width:1.4em;height:1.4em}.pill__icon svg{width:100%;height:100%}.pill__label,.pill__hand{display:inline-block;transition:transform .25s ease}.pill__hand svg{display:block;width:1.15em;height:1.15em;color:var(--color-marker)!important;opacity:1}.pill__hand svg path{stroke:var(--color-highlight);stroke-width:2;vector-effect:non-scaling-stroke}.pill__label{font-size:1.25em;font-weight:600;color:var(--color-highlight)}.pill:hover{--pill-scale: 1.02;outline-color:var(--color-highlight);box-shadow:0 .5em 1.1em #00000021}.pill:hover .pill__label{transform:translate(-.1em)}.pill:hover .pill__hand{transform:translate(.1em)}.pill-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.3rem}@media(max-width:767px){.pill-row{align-items:center;gap:.6em}.pill-row>.pill{width:100%;margin-bottom:.4em}}body.portfolio-index .pill-row{gap:.8em}.pill-collection{padding:3em 0 2em}@media(min-width:768px){.pill-collection{display:block;text-align:center;text-wrap:balance;padding-bottom:calc(2em - 1.3rem)}.pill-collection>.pill{display:inline-block;width:auto;vertical-align:middle;margin:0 .65rem 1.3rem}}@media(max-width:767px){.pill-collection{padding:1.5em 0}}body.portfolio-index .pill-collection{display:block;text-align:center;text-wrap:balance;padding-top:0;padding-bottom:1.7em}body.portfolio-index .pill-collection>.pill{display:inline-block;width:auto;vertical-align:middle;margin:0 .4em .8em}.pill-collection.strong .pill{background:var(--color-quinary-bright);border-color:var(--color-highlight);color:var(--color-highlight)!important;font-size:1em}.pill-collection.strong .pill .pill__label{color:var(--color-primary-dark)!important;font-weight:600}.pill-collection.strong .pill .pill__hand svg{color:#fff!important;fill:var(--color-marker)}.pill-collection.strong .pill .pill__hand svg path{stroke:var(--color-highlight);stroke-width:4px;border:1px outset solid;fill:var(--color-marker)}@media(max-width:767px){.pill-collection.strong{display:block;text-align:center}.pill-collection.strong>.pill{display:inline-block;width:auto;vertical-align:middle;margin:0 .25em .5em}}.collection-gallery .splide:not(.is-active) .splide__slide,.responsive-slider:not(.is-active) .splide__slide{display:contents}.cv-pills{margin-top:1.5em}.cv-pill__icon{display:inline-flex;align-items:center;width:1.2em;height:1.2em;flex:0 0 auto;color:var(--color-highlight)}.cv-pill__icon svg{width:100%;height:100%;fill:currentColor}.cv-pill__label{font-size:1.25em;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;color:var(--color-highlight)}.cv-pill__meta{font-size:.8em;opacity:.7}.box-dark .pill{color:var(--color-primary-dark)}.box-dark .pill a:not(.button),.box-dark .pill a:not(.button) span{color:var(--color-highlight)!important}.box-dark .pill .pill__hand,.box-dark .pill .cv-pill__meta{color:var(--color-primary-dark)!important}.button-drop-shadow{box-shadow:.2em .2em .05em #f003}.button-drop-shadow-active{box-shadow:0 0 #f003}.button-drop-shadow-black{box-shadow:.2em .2em .05em #0000001a}.button-drop-shadow-hover{box-shadow:.1em .1em .1em #ff00004d}.button-drop-shadow-hover-black{box-shadow:.2em .2em .05em #0000001a}.action-primary{display:inline-block;background-color:var(--color-highlight);color:#fff!important;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;font-size:2em;text-align:center;text-decoration:none!important;padding:.1em 1.5em;border-radius:.25em;box-shadow:.2em .2em .05em #f003;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer;border:none}.action-primary.smaller{font-size:1.4em;padding-top:.1em;padding-bottom:.1em}@media(max-width:767px){.action-primary{font-size:1.6em;padding-top:.3em;padding-bottom:.3em}}.action-primary:hover{color:#fff!important;transform:scale(1.025);box-shadow:.1em .1em .1em #ff00004d}.action-primary:active{transform:scale(.97);box-shadow:0 0 #f003}.action-secondary{display:inline-block;background:var(--gradient-action-secondary)!important;color:var(--color-highlight)!important;border:2px solid var(--color-highlight);border-radius:.25em;text-align:center;font-size:1.6em;font-weight:400;padding:.1em 1.5em;text-decoration:none!important;box-shadow:.15em .15em .04em #f003;transition:transform .2s ease,box-shadow .2s ease}.action-secondary:hover{color:var(--color-highlight);text-decoration:none;transform:scale(1.025);box-shadow:.1em .1em .1em #ff00004d}.action-secondary:active{transform:scale(.97);box-shadow:0 0 #f003;transition:transform 0s ease,box-shadow 0s ease}.action-tertiary{display:inline-block;background:none;border:none;box-shadow:none;font-family:inherit;color:var(--color-highlight);font-size:1.3em;text-decoration:none!important;text-align:center;padding:0;cursor:pointer}.action-tertiary__text{text-decoration:underline}.action-tertiary:hover{color:var(--color-highlight);text-decoration:none}.action-tertiary:hover .action-tertiary__text{text-decoration:underline}.action-slide__narrow{display:none}@media(max-width:767px){.action-slide{background:none!important;border:none!important;box-shadow:none!important;color:var(--color-primary-dark)!important;opacity:.5;font-size:1.3em;padding:0;font-style:italic}.action-slide .action-slide__wide{display:none}.action-slide .action-slide__narrow{display:inline}}.button{font-family:inherit;text-decoration:none}.button.fullwidth{width:100%}.button.narrow{padding-left:.5em;padding-right:.5em}.button.action-secondary.fullwidth{margin-left:1.5em;margin-right:1.5em;width:calc(100% - 3em)}.button.centered{width:50%;margin:0 auto}@media(max-width:767px){.button.centered{width:100%}}.cta-buttons{display:flex;flex-direction:column;gap:.75em;margin-top:1.5em}.mini-buttons{display:flex;flex-wrap:wrap;gap:.75em;justify-content:center;margin:1.5em 0}.mini-button{display:inline-flex;align-items:center;gap:.4em;background-color:var(--color-secondary-bright);border:2px solid var(--color-highlight);border-radius:.2em;color:var(--color-text-black)!important;text-decoration:none!important;padding:.3em .7em;font-size:1.3em;box-shadow:.2em .2em .05em #f003;transition:transform .2s ease,box-shadow .2s ease}.mini-button:hover{color:var(--color-text-black)!important;text-decoration:none!important;transform:scale(1.05);box-shadow:.2em .2em .06em #ff000040}.mini-button:active{transform:scale(.97)}.mini-button.large{font-size:1.4em;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;padding:.375em 1.2em}.mini-button.primary{background-color:var(--color-highlight);color:#fff!important}.mini-button.primary:hover{color:#fff!important}.mini-button.primary .mini-button__icon{color:#fff}.mini-button.primary .mini-button__icon svg{fill:currentColor}.mini-button.primary .mini-button__label{color:#fff}.mini-button__icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;flex-shrink:0;color:var(--color-highlight)}.mini-button__icon svg{width:100%;height:100%}.mini-button__label{color:var(--color-text-black)}.button.action-primary.action-github{display:inline-flex;align-items:center;gap:.5em;font-size:1.2em;background-color:var(--color-highlight)}.action-github__icon{display:inline-flex;align-items:center;flex:0 0 auto}.action-github__icon svg{width:1.15em;height:auto;display:block}h1.xl{font-size:3.75em}.mb-2{margin-bottom:2em!important}.mt-2{margin-top:2em!important}.mt-0{margin-top:0!important}.mb-1{margin-bottom:1em!important}.mt-3{margin-top:3em!important}ul.features{width:50%;margin:0 auto;padding-bottom:1em;padding-left:0;text-align:center;list-style-type:none;font-size:1.3em;line-height:1.4}ul.features li{margin-bottom:2em}ul.features li strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;background-color:var(--color-marker)}@media(max-width:767px){ul.features{width:100%}}ul.check{font-size:var(--default-font-size);line-height:var(--default-font-line-height);color:var(--color-primary-dark);list-style:none;padding-left:0}ul.check.narrow{max-width:42em;margin:0 auto}ul.check.narrow li{text-align:left!important}ul.check li{padding-left:2em;background-image:url(/assets/images/bullets/check.png);background-repeat:no-repeat;background-position:0 .2em;background-size:1.2em 1.2em;margin-bottom:1em}ul.check li strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;background-color:var(--color-marker)}ul.check li.last{margin-bottom:0}ul.check.wide{width:75%;margin:auto}ul.check.wide li{margin-bottom:1em;text-align:left}ul.check.narrow{max-width:36em}ul.check.narrow li{margin-bottom:1em;text-align:left}ul.centered{list-style:none;padding-left:0;margin:0 auto;text-align:center}ul.centered li{font-size:var(--default-font-size);color:var(--color-primary-dark);line-height:var(--default-font-line-height);margin-bottom:1em}ul.centered li strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;background-color:var(--color-marker);padding-right:.2em;padding-left:.2em}ul.centered li strong.transparent{background-color:transparent;padding:0!important}ul.centered li.narrow{width:75%;margin-left:auto;margin-right:auto}ul.centered li.last{margin-bottom:1em}ul.centered li:last-child{margin-bottom:0}.auto-size-full{width:100%;height:100%;object-fit:cover;display:block}video.auto-size-full{width:100%;height:auto;object-fit:cover;display:block}.focus-left{object-position:left center}.focus-right{object-position:right center}.focus-top{object-position:center top}.focus-bottom{object-position:center bottom}.focus-center{object-position:center center}.focus-top-left{object-position:left top}.focus-top-right{object-position:right top}.focus-bottom-left{object-position:left bottom}.focus-bottom-right{object-position:right bottom}.section-header{display:flex;align-items:center}.section-header>span{flex:1}.section-header>h1{flex:1;text-align:center}.section-header>a,.section-header>button{flex:1;text-align:right}img.small,picture.small img{width:50%;margin:auto;border-radius:.5em}@media(max-width:767px){img.small,picture.small img{width:100%}}@media(max-width:767px){.desktop-tablet-only,.hidden-on-mobile{display:none!important}}@media(min-width:768px){.mobile-only{display:none!important}}.gradient-soft{background-image:linear-gradient(110deg,#b83a1e,#e0417a 30%,#ff6a1f 62%,#f2c020)}.gradient-bright{background-image:linear-gradient(110deg,var(--color-primary-bright) 0%,#ffffff 22%,#ff5fa8 55%,#ff8a1f 100%)}.marker{display:inline;background-color:var(--color-marker);color:var(--color-highlight);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sub{display:block;line-height:1.2;font-size:.43em;font-weight:400;color:inherit}.lead{font-weight:600}.marker-big{display:inline;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;line-height:1;color:var(--color-highlight);background:linear-gradient(to bottom,#fff7a0,var(--color-marker));padding:0 .1em;letter-spacing:-.01em}.highlight-title{display:inline;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;line-height:1;color:var(--color-highlight);background:linear-gradient(to bottom,#fff7a0,var(--color-marker));padding:0 .1em;letter-spacing:-.01em;font-size:2.5rem;line-height:1.25}.title{display:inline;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;line-height:1!important;color:var(--color-highlight);padding:0;letter-spacing:-.01em;font-size:2.5rem;line-height:1.25}.marker-big-transparent{display:inline;font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important;line-height:1;color:var(--color-highlight);background:linear-gradient(to bottom,#fff7a099,#ffef4199);padding:0 .1em;letter-spacing:-.01em}.read-more{list-style:none;padding:0;margin:1em auto 0;width:fit-content;text-align:left;font-size:1.3em}.read-more li{margin:.4em 0;display:flex;align-items:center;gap:.5em}.read-more a{text-decoration:underline!important}.read-more a:hover{text-decoration:none!important}.read-more strong{font-family:var(--font-bold);font-weight:var(--font-bold-weight)!important}.read-more__icon{flex:0 0 auto;display:inline-flex;align-items:center}.box-white.office-section p{color:var(--color-primary)!important}@media(min-width:1024px){.box-white.office-section{padding-left:8em;padding-right:8em}}@media(max-width:767px){.box-white.office-section{margin-top:1em}}.office-video{display:block;width:100%;aspect-ratio:1;max-height:50vh;object-fit:cover;object-position:center;margin:1.5em auto 0;border-radius:.5em}@media(min-width:1024px){.office-video{aspect-ratio:2}}.inline-illustration{display:inline-block;height:1em;width:auto;margin-left:.2em;vertical-align:-.15em}html{scrollbar-gutter:stable}body.pekka-org{margin:0;min-height:100vh;color:#fff;font-family:var(--font-family);font-size:var(--default-font-size);line-height:var(--default-font-line-height);-webkit-font-smoothing:antialiased;background:linear-gradient(#00000040,#00000040),var(--pekka-org-background) center top / 75% auto repeat,#0b1a24;background-attachment:fixed,fixed,fixed}@media(max-width:767px){body.pekka-org{background-attachment:scroll,scroll,scroll}}.pekka-org__page{max-width:1125px;margin:0 auto;padding:1.5em 1.5em 5em}@media(max-width:767px){.pekka-org__page{padding:2em 1em 3em}}body.pekka-org a,body.pekka-org p,body.pekka-org li,body.pekka-org label,body.pekka-org .contact-list,body.pekka-org .site-card__label,body.pekka-org .site-card__domain{color:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1em;top:1em;z-index:10;padding:.5em 1em;background:#fff;color:#0b1a24!important;border-radius:.3em}.pekka-org__identity{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9em;margin-bottom:2.5em;font-size:1.15rem}@media(max-width:767px){.pekka-org__identity{font-size:.83rem}}.pekka-org__portrait{flex:none;width:5.4em;height:5.4em;object-fit:cover;border-radius:50%;border:.1em solid #fff;box-shadow:0 .1em .4em #00000040}.pekka-org__wordmark{display:block;height:4.05em;width:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)}.pekka-org__languages{display:flex;justify-content:center;gap:1rem;margin-top:5rem;font-size:calc(var(--default-font-size) * 1.2)}.pekka-org__languages a{color:#fff9!important;text-decoration:none}.pekka-org__languages a:hover{color:#fff!important;text-decoration:underline}@media(max-width:767px){.pekka-org__languages{flex-direction:column;align-items:center;gap:.4rem}}.pekka-org__language--current{color:#fff;font-family:var(--font-bold);font-weight:var(--font-bold-weight)}.pekka-org__panes .contact-switch{margin-bottom:2em;gap:.375em .625em}.pekka-org__panes .contact-switch__option{color:#fff!important;font-family:var(--font-bold);font-weight:600;padding:.1em .45em;border-radius:.18em}.pekka-org__panes .contact-switch__option.is-active{background:#344066;opacity:1}.pekka-org__panes .site-card{background:#00000059;border-color:#ffffff40}@media(max-width:767px){.pekka-org__panes .contact-switch{display:none}.pekka-org__panes .contact-pane+.contact-pane{margin-top:3em}.pekka-org__panes .site-grid{grid-template-columns:1fr;gap:.4em}.pekka-org__panes .site-card{display:flex;align-items:center;gap:.6em;margin-bottom:.6em}.pekka-org__panes .site-card__thumb{flex:none;width:2em;height:2em;aspect-ratio:1;border-radius:.2em}.pekka-org__panes .site-card__text{padding-top:0;text-align:left}.pekka-org__panes .site-card__domain,.pekka-org__panes .site-card__label{display:block;line-height:1}.pekka-org__panes .contact-list__arrow{display:none}.pekka-org__panes .contact-list li{display:grid;grid-template-columns:2em 1fr;column-gap:.6em;row-gap:.1em;align-items:start;white-space:normal;line-height:1;margin-bottom:1.2em}.pekka-org__panes .contact-list__icon{grid-row:span 2;width:2em;height:2em;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:#344066;border:1px solid var(--color-primary);border-radius:.2em}.pekka-org__panes .contact-list__icon svg{width:1.2em;height:1.2em}.pekka-org__panes .contact-list__item--group-start{margin-top:0!important}.pekka-org__panes .contact-list a{grid-column:2}.pekka-org__panes .contact-list__label{font-size:var(--default-font-size);font-family:var(--font-bold);font-weight:var(--font-bold-weight)}.pekka-org__panes .contact-list a strong{background:none;padding:0;color:#fff;font-size:calc(var(--default-font-size) * .85);font-family:var(--font-regular);font-weight:var(--font-regular-weight)}.pekka-org__panes .media-split__media,.pekka-org__panes .share-button,.pekka-org__panes .site-card--soon{display:none}}@media(min-width:768px)and (max-width:1023px){.pekka-org__panes .site-grid{grid-template-columns:repeat(2,1fr)}}.pekka-org__panes .contact-list a strong{background:#e76b27;color:#fff;padding:.05em .3em;border-radius:.18em}.pekka-org__panes .form-field__input{background:#fff;color:var(--color-primary-dark)}.pekka-org__panes .form-field__input:focus{background:#fff8dc;outline:2px solid #e76b27;outline-offset:1px}.pekka-org__panes .form-field__label,.pekka-org__panes .form-checkbox label{color:#fff!important;line-height:1.1}.pekka-org__panes .form-submit-row__button{background-color:#e76b27!important;color:#fff!important}.pekka-org__pane-title{display:none}@media(max-width:767px){.pekka-org__pane-title{display:block;margin:0 0 .6em;text-align:center;color:#e76b27;font-family:var(--font-bold);font-weight:600;font-size:calc(var(--default-font-size) * 1.2)}.pekka-org__pane-title+.contact-pane+.pekka-org__pane-title{margin-top:2.5em}}.share-button{position:absolute;right:0;top:2em;width:3.4em;height:3.4em;display:flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:.9em;cursor:pointer;scale:1;transition:scale .2s ease}@media(max-width:767px){.share-button{display:none}}.share-button svg{width:1.5em;height:1.5em}.share-button:hover,.share-button:focus-visible{scale:1.1}.share-modal{border:none;border-radius:.5em;padding:0;width:min(24em,92vw);background-color:#fff;color:#111}.share-modal::backdrop{background-color:#0009}.share-modal-inner{padding:.75em 1.2em 1.4em}.share-modal-header{position:relative}.share-modal-title{margin:0;text-align:center;font-size:1.1rem;font-weight:600}.share-modal-close{position:absolute;top:50%;right:0;translate:0 -50%;width:3.2em;height:3.2em;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#111;cursor:pointer}.share-modal-close svg{width:3em;height:3em;stroke-width:3}.share-modal-card{margin-top:.5em;padding:1.5em 1em;display:flex;flex-direction:column;align-items:center;background-color:#232c4e;background-image:url(/assets/images/pekka-org/background.webp);background-size:cover;background-position:center;border-radius:.8em;text-align:center}.share-modal-portrait{width:4.5em;height:4.5em;object-fit:cover;border-radius:50%;border:.12em solid var(--color-primary-dark) on-dark}.share-modal-name{margin-top:.8em;color:var(--color-primary-dark) on-dark;font-weight:800;font-size:1.05rem}.share-modal-url{margin-top:.15em;color:#ff8401;font-weight:600;font-size:.85rem}.share-copy-bar{width:100%;margin-top:1.2em;padding:.55em 1em;display:flex;align-items:center;justify-content:center;gap:.6em;background-color:#ebebeb;color:#111;border:none;border-radius:.6em;cursor:pointer;font-family:inherit;font-size:.75rem}.share-copy-bar svg{width:1.1em;height:1.1em;flex-shrink:0}.share-copy-bar:hover,.share-copy-bar:focus-visible{background-color:#dedede}.share-copy-bar-label{font-weight:600}.share-copy-bar-url{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-options{list-style:none;margin:.9em 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6em}.share-option{width:100%;display:flex;flex-direction:column;align-items:center;gap:.4em;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.share-option:hover,.share-option:focus-visible{text-decoration:none}.share-option:hover .share-option-icon,.share-option:focus-visible .share-option-icon{scale:1.08}.share-option-icon{width:100%;height:2.4em;display:flex;align-items:center;justify-content:center;border-radius:.6em;color:#fff;scale:1;transition:scale .2s ease}.share-option-icon svg{width:1.3em;height:1.3em}.share-option-icon--x{background-color:#000}.share-option-icon--facebook{background-color:#1877f2}.share-option-icon--whatsapp{background-color:#25d366}.share-option-icon--linkedin{background-color:#0a66c2}.share-option-icon--email{background-color:#ff8401}.share-option-label{font-size:.6rem;color:#333}@media(max-width:767px){.share-options{gap:2px}.share-option-label,.share-copy-bar-url{display:none}}.share-button{background-color:#344066;color:#fff;border-color:#fff}