.elementor-3260 .elementor-element.elementor-element-b2bdcf{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:1;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:56px;--padding-right:56px;}.elementor-3260 .elementor-element.elementor-element-b2bdcf:not(.elementor-motion-effects-element-type-background), .elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://fraymful.com/wp-content/uploads/2026/06/OLKKONEN_0029-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3260 .elementor-element.elementor-element-b2bdcf::before, .elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-background-video-container::before, .elementor-3260 .elementor-element.elementor-element-b2bdcf > .e-con-inner > .elementor-background-video-container::before, .elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-background-slideshow::before, .elementor-3260 .elementor-element.elementor-element-b2bdcf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3260 .elementor-element.elementor-element-4da4ebed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3260 .elementor-element.elementor-element-3cdff33{--display:flex;}.elementor-3260 .elementor-element.elementor-element-2305e205 .ekit-heading__description{max-width:80%;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-text );margin:0px 0px 10px 0px;font-family:"Björn", Sans-serif;font-size:100px;font-weight:400;text-transform:uppercase;line-height:0.92em;letter-spacing:-1.1px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-9073d51 );}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Björn", Sans-serif;font-size:100px;font-weight:100;text-transform:uppercase;line-height:0.92em;letter-spacing:-1px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper p{color:var( --e-global-color-9073d51 );font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;margin:15px 0px 0px 0px;}.elementor-3260 .elementor-element.elementor-element-36fb2df3{--display:flex;--padding-top:40px;--padding-bottom:110px;--padding-left:20px;--padding-right:20px;}.elementor-3260 .elementor-element.elementor-element-36fb2df3:not(.elementor-motion-effects-element-type-background), .elementor-3260 .elementor-element.elementor-element-36fb2df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A25;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d{--grid-row-gap:48px;--grid-column-gap:30px;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d:after{content:"0.66";}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__thumbnail__link{width:100%;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__meta-data span + span:before{content:"///";}.elementor-3260 .elementor-element.elementor-element-4f76fb6d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__title, .elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__title a{color:var( --e-global-color-text );font-family:"Björn", Sans-serif;font-size:30px;font-weight:400;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__meta-data{color:var( --e-global-color-text );font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__excerpt p{color:var( --e-global-color-9073d51 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d a.elementor-post__read-more{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3260 .elementor-element.elementor-element-4c5d5eb5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title{font-size:64px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:64px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper p{font-size:16px;line-height:30px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__excerpt p{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d a.elementor-post__read-more{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-3260 .elementor-element.elementor-element-b2bdcf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3260 .elementor-element.elementor-element-4da4ebed{--content-width:90%;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title{font-size:44px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:44px;}.elementor-3260 .elementor-element.elementor-element-2305e205 .elementskit-section-title-wraper p{font-size:15px;line-height:25px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d:after{content:"0.5";}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__thumbnail__link{width:100%;}.elementor-3260 .elementor-element.elementor-element-4f76fb6d .elementor-post__excerpt p{font-size:var( --e-global-typography-secondary-font-size );}.elementor-3260 .elementor-element.elementor-element-4f76fb6d a.elementor-post__read-more{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-3260 .elementor-element.elementor-element-3cdff33{--width:90%;}.elementor-3260 .elementor-element.elementor-element-36fb2df3{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-b2bdcf *//* HERO — 1:1 tyylinen fade kuten HTML-versiossa */
/* Laita tämä suoraan HERO CONTAINERIN custom CSS:ään */

.elementor-3260 .elementor-element.elementor-element-b2bdcf {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-color: #0A1A25;
    min-height: 100svh;
}

/* Varmistaa, että sisältö jää overlayn päälle */
.elementor-3260 .elementor-element.elementor-element-b2bdcf > .e-con-inner,
.elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-container,
.elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-widget-wrap,
.elementor-3260 .elementor-element.elementor-element-b2bdcf .elementor-widget {
    position: relative;
    z-index: 4;
}

/* Jos Elementorissa on Background Overlay käytössä, tämä korvaa sen oikealla fadella */
.elementor-3260 .elementor-element.elementor-element-b2bdcf > .elementor-background-overlay {
    opacity: 1 !important;
    z-index: 2;
    background:
        linear-gradient(
            180deg,
            rgba(10, 26, 37, 0.50) 0%,
            rgba(10, 26, 37, 0.35) 38%,
            rgba(10, 26, 37, 0.90) 88%,
            #0A1A25 100%
        ) !important;
}

/* Jos Elementor overlay ei ole käytössä, tämä tekee saman pseudo-elementillä */
.elementor-3260 .elementor-element.elementor-element-b2bdcf::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(10, 26, 37, 0.50) 0%,
            rgba(10, 26, 37, 0.35) 38%,
            rgba(10, 26, 37, 0.90) 88%,
            #0A1A25 100%
        );
}

/* Kevyt valon/kuvan syvyys, sama idea kuin HTML:n radial overlay */
.elementor-3260 .elementor-element.elementor-element-b2bdcf::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(
            80% 60% at 70% 35%,
            rgba(255, 244, 222, 0.10),
            transparent 60%
        );
    mix-blend-mode: screen;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS *//* Fraymful blogiarkisto — simppeli korttityyli */
body.elementor-page-3260 .elementor-posts-container{gap:52px 36px;}
body.elementor-page-3260 .elementor-post{background:rgba(254,255,255,0.02);border:1px solid rgba(218,227,230,0.10);border-radius:12px;overflow:hidden;transition:border-color .3s ease,background .3s ease;}
body.elementor-page-3260 .elementor-post:hover{border-color:rgba(218,227,230,0.30);background:rgba(254,255,255,0.045);}
body.elementor-page-3260 .elementor-post__text{display:flex;flex-direction:column;padding:20px 24px 26px;}
body.elementor-page-3260 .elementor-post__meta-data{order:-1;color:#8AA0AD;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 4px;}
body.elementor-page-3260 .elementor-post__title{margin:8px 0 0;}
body.elementor-page-3260 .elementor-post__title,body.elementor-page-3260 .elementor-post__title a{color:#FEFFFF;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:700;line-height:1.32;transition:color .3s ease;}
body.elementor-page-3260 .elementor-post:hover .elementor-post__title a{color:#DAE3E6;}
body.elementor-page-3260 .elementor-post__excerpt{margin-top:10px;}
body.elementor-page-3260 .elementor-post__excerpt p{color:#8AA0AD;font-size:15px;line-height:1.65;margin:0;}
body.elementor-page-3260 .elementor-post__read-more{display:inline-block;margin-top:16px;color:#DAE3E6;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease;}
body.elementor-page-3260 .elementor-post__read-more:hover{color:#FEFFFF;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Björn';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_regular-webfont.woff2') format('woff2'),
		url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Björn';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_light-webfont.woff2') format('woff2'),
		url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_light-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Björn';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_halftone-webfont.woff2') format('woff2'),
		url('https://fraymful.com/wp-content/uploads/2026/03/bjorn_halftone-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */