@font-face{font-family:'Source Sans 3';src:url(source-sans-3-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url(source-sans-3-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{color:#252525;background:#f4f7f8;font-family:'Source Sans 3',Arial,sans-serif}
body{margin:0}
main{width:100%;container-type:inline-size}
.scene{position:relative}
.room{display:block;width:100%;height:auto;aspect-ratio:1487/1058}
.profile{padding:1.75rem 1.5rem 0}
h2{margin:0;color:#37223f;font-size:2.5rem;font-weight:700;line-height:1.08}
h2 span{display:block}
.description{font-size:1.25rem;line-height:1.4;margin:1.25rem 0}
.company{font-size:1.0625rem;line-height:1.5;margin:0;color:#37223f}
.contact{display:inline-flex;align-items:center;min-height:48px;margin:1rem 1.5rem 2rem;color:#57223f;font-size:1.125rem;text-underline-offset:.2em;text-decoration-thickness:.08em}
.contact:hover{text-decoration-thickness:.14em}
.contact:focus-visible{outline:3px solid #37223f;outline-offset:5px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container (min-width:68.75rem){
 .profile{position:absolute;top:30.91%;left:3.77%;width:16.81%;padding:0}
 h2{font-size:3.497cqw;line-height:1.08;font-weight:700}
 .description{font-size:1.614cqw;line-height:1.25;margin:1.68cqw 0 1.95cqw}
 .company{font-size:1.345cqw;line-height:1.4}
 .contact{position:absolute;left:84.06%;top:48.68%;width:10.42%;height:37.71%;margin:0;display:block;font-size:1.345cqw;min-height:0;color:#fff;text-decoration:none}
 .contact span{position:absolute;left:50%;top:38.85%;transform:translate(-50%,-50%);white-space:nowrap;text-shadow:0 1px 1px #37223f,0 0 2px #37223f,0 0 2px #37223f;padding:0 .15em;line-height:1.2}
 .contact:hover span,.contact:focus-visible span{text-decoration:underline;text-underline-offset:.2em}
 .contact:focus-visible{outline:3px solid #fff;outline-offset:-7px;box-shadow:inset 0 0 0 4px #37223f}
}
@media print{html{background:white}.contact::after{content:' — linkedin.com/in/markuspuustinen';font-size:.8em}.profile{position:static!important;width:auto!important;padding:1rem!important}.contact{position:static!important;width:auto!important;height:auto!important;margin:1rem!important;color:#37223f!important}.contact span{position:static!important;transform:none!important;background:none!important}}