/*! * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Migrena Grotesque Black by MyFonts * Webfont: Migrena Grotesque Black italic by MyFonts * Webfont: Migrena Grotesque Bold by MyFonts * Webfont: Migrena Grotesque Bold Italic by MyFonts * Webfont: Migrena Grotesque Medium by MyFonts * Webfont: Migrena Grotesque Medium Italic by MyFonts * URL: https://www.myfonts.com/collections/borutta-foundry * * © 2026 MyFonts Inc. */ @font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-medium.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-medium-italic.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-medium-italic.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-bold.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-bold-italic.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-bold-italic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-black.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Migrena Grotesque;src:url(../../webfonts/migrena-grotesque-black-italic.woff2)format("woff2"),url(../../webfonts/migrena-grotesque-black-italic.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}*{margin:0;padding:0}:root{--padding-default:2rem;--margin-default:1rem;--color-black:#3a0b0f;--color-white:#e8ebef;--color-primary:#fbb03b;--color-secondary:#b92127;--color-text:var(--color-white);--color-background:var(--color-black);--font-family-body:"Migrena Grotesque",sans-serif;--font-family-heading:"Migrena Grotesque",sans-serif;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--content-width:min(100vw,50rem)}html{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-background);scroll-behavior:smooth;font-size:1rem}body{min-height:100vh}.background{z-index:-1;background-position:50%;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (orientation:landscape){.background{background-image:url(../../img/bg_horizontal.png)}}@media (orientation:portrait){.background{background-image:url(../../img/bg_vertical.png)}}h1,h2,h3{font-family:var(--font-family-heading);font-weight:var(--font-weight-black);border-bottom:4px solid var(--color-primary);text-shadow:0 0 1.5rem var(--color-black);margin-bottom:1rem;padding-bottom:.5rem;line-height:1.2;display:inline-block}h1{font-size:max(3rem,min(2.8235rem + .9412vw,4rem))}h2{font-size:max(1.6rem,min(1.3529rem + 1.3176vw,3rem))}h3{font-size:max(1.3rem,min(1.1765rem + .6588vw,2rem))}p,a,ul,li{text-shadow:0 0 1.5rem var(--color-black);font-size:1.6rem;line-height:1.2}p{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;margin-bottom:1rem}a{color:var(--color-white);text-decoration:underline;transition:letter-spacing .3s}a:hover{letter-spacing:.1rem}main{overflow-wrap:break-word;padding:var(--padding-default)0;flex-direction:column;justify-content:center;display:grid}main section{text-align:center;margin:var(--margin-default)0;padding:0 var(--padding-default);max-width:60rem}main section.logo{margin-bottom:1rem}main section.logo img{width:100%}main section.intro .video{aspect-ratio:16/9;margin-bottom:2rem}main section.intro .video>*{border:0;width:100%;height:100%;display:block;position:relative}main section.intro .video img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}main section.intro .video .play{width:max(4rem,min(12vw,6rem));transition:scale .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}main section.intro .video .play circle{fill:var(--color-secondary)}main section.intro .video .play path{fill:var(--color-white)}main section.intro .video a:hover .play{scale:1.1}main section.intro .video a:focus-visible .play{scale:1.1}main section.intro p{text-align:left}main section.keikat .keikka{margin-bottom:var(--margin-default)}main section.keikat .keikka p.pvm{margin-bottom:0;font-size:1.5rem}main section.keikat .menneet{margin-top:2rem}main section.keikat .menneet summary{margin-bottom:var(--margin-default);text-shadow:0 0 1.5rem var(--color-black);cursor:pointer;align-items:center;gap:.5rem;font-size:1.6rem;list-style:none;display:inline-flex}main section.keikat .menneet summary::-webkit-details-marker{display:none}main section.keikat .menneet summary:after{content:"";border-right:.15em solid var(--color-primary);border-bottom:.15em solid var(--color-primary);width:.5em;height:.5em;transition:rotate .2s;translate:0 -.15em;rotate:45deg}main section.keikat .menneet[open] summary:after{translate:0 .15em;rotate:225deg}main section.keikat .menneet .keikka p{font-size:1.2rem}main section.keikat .menneet .keikka p a{font-size:inherit}main section.keikat .menneet .keikka p.pvm{font-size:1rem}main section.keikat .myynti{margin-top:2rem}main section.seuraa img{width:2rem}main section.seuraa .some{grid-auto-flow:column;justify-content:center;justify-self:center;gap:.5rem;display:grid}.footerlogo{padding:var(--padding-default)0;text-align:center;flex-direction:column;justify-content:center;display:grid}.footerlogo img{width:10rem}