:root{--reely-red:#cf2727;--reely-dark:#720000;--reely-cream:#f5e8e0;--reely-charcoal:#2b2b2b;}
@font-face{font-family:'Agrandir Grand';src:url('/wp-content/uploads/2026/07/Agrandir-Grand-Heavy-800.otf') format('opentype');font-weight:800;font-style:normal;font-display:block;}
@font-face{font-family:'Agrandir Grand';src:url('/wp-content/uploads/2026/07/Agrandir-Grand-Light-300.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Agrandir';src:url('/wp-content/uploads/2026/07/Agrandir-Regular-400.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Agrandir Light';src:url('/wp-content/uploads/2026/07/Agrandir-Grand-Light-300.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap;}
body.reely-page{font-family:'Agrandir',sans-serif !important;color:var(--reely-charcoal);overflow-x:hidden;}
.reely-page h1,.reely-page h2,.reely-page h3,.reely-page h4,.reely-page .elementor-heading-title{font-family:'Agrandir Grand',sans-serif !important;font-weight:800;letter-spacing:-0.5px;}
html{scroll-behavior:smooth;}
.reely-nav{position:sticky;top:0;z-index:999;transition:background .3s ease,box-shadow .3s ease;}
.reely-nav.scrolled{background:#0d0000 !important;box-shadow:0 6px 30px rgba(0,0,0,.4);}
.reely-nav a{color:#fff;text-decoration:none;opacity:.85;transition:.2s;}
.reely-nav a:hover{opacity:1;color:var(--reely-cream);}
.reely-hero,.reely-prosessi,.reely-yhteystiedot,.reely-keita{position:relative;overflow:hidden;}
.reely-prosessi::before,.reely-yhteystiedot::before{content:'';position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);top:-260px;right:-220px;pointer-events:none;z-index:0;}
.reely-keita::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%);bottom:-260px;left:-180px;pointer-events:none;z-index:0;}
.reely-hero>div,.reely-prosessi>div,.reely-yhteystiedot>div,.reely-keita>div{position:relative;z-index:1;}
.reely-card{box-shadow:0 4px 22px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease;}
.reely-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(0,0,0,.16);}
.reely-pricing-featured{box-shadow:0 30px 60px rgba(207,39,39,.28) !important;transform:scale(1.04);}
.reely-pricing-featured:hover{transform:scale(1.04) translateY(-8px) !important;}
.reely-btn{transition:.25s ease;box-shadow:0 10px 26px rgba(207,39,39,.28);}
.reely-btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(207,39,39,.4);}
.reely-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
.reely-reveal.is-visible{opacity:1;transform:translateY(0);}
@media(max-width:767px){ .reely-hero::before,.reely-hero::after,.reely-prosessi::before,.reely-yhteystiedot::before,.reely-keita::after{display:none;} .reely-pricing-featured{transform:none;}}

/* Vertical (9:16) videos in the channels section */
.reely-palvelut .elementor-wrapper{border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.14);}
@media(max-width:767px){
  }

/* Homepage channel videos */
.reely-vidcol{width:230px !important;max-width:230px !important;flex:0 0 230px !important;}
.reely-vidcol .elementor-widget-video,.reely-vidcol .elementor-wrapper{width:230px !important;max-width:230px !important;margin:0 auto !important;}
@media(max-width:1024px){.reely-vidcol,.reely-vidcol .elementor-widget-video,.reely-vidcol .elementor-wrapper{width:200px !important;max-width:200px !important;flex-basis:200px !important;}}
@media(max-width:767px){.reely-vidcol,.reely-vidcol .elementor-widget-video,.reely-vidcol .elementor-wrapper{width:190px !important;max-width:190px !important;flex-basis:190px !important;}}

/* responsive-safety */
body.reely-page{overflow-x:hidden;}
.reely-page h1,.reely-page h2,.reely-page h3,.reely-page p{overflow-wrap:break-word;}
@media(max-width:1024px){.reely-page .e-con{max-width:100%;}}
@media(max-width:767px){
  .reely-page section{padding-left:18px !important;padding-right:18px !important;}
  .reely-hero{padding-top:110px !important;padding-bottom:90px !important;}
  .reely-page .elementor-button{width:100%;text-align:center;}
  }

/* mobile-nav */
.reely-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1001;}
.reely-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s;}
.reely-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.reely-burger.open span:nth-child(2){opacity:0;}
.reely-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:1024px){
  .reely-burger{display:flex;}
  .reely-nav-links{position:relative;}
  .reely-menu{display:none !important;}
  .reely-nav.menu-open .reely-menu{display:flex !important;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:#0d0000;padding:8px 0 14px;box-shadow:0 18px 30px rgba(0,0,0,.35);}
  .reely-nav.menu-open .reely-menu a{padding:14px 24px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.06);}
  .reely-nav{position:sticky;}
  .reely-nav .elementor-widget-button{display:none;}
  .reely-nav.menu-open .reely-menu a:last-child{border-bottom:0;}
}
@media(max-width:1024px){.reely-nav > .e-con{position:relative;}}

/* channel-order */
@media(max-width:1024px){.reely-vidcol{order:2 !important;} .reely-palvelut .e-con:has(> .e-con-inner .elementor-widget-heading){}}
@media(max-width:1024px){.reely-palvelut .e-con > .e-con-inner > .e-con:not(.reely-vidcol){order:1;}}





/* sureforms-btn */
.srfm-form button[type=submit], .srfm-form .srfm-submit-btn, .srfm-submit-button, form.srfm-form button, .srfm-button{background:#cf2727 !important;border-color:#cf2727 !important;color:#fff !important;border-radius:50px !important;font-family:Agrandir,sans-serif !important;font-weight:700 !important;transition:.2s !important;}
.srfm-form button[type=submit]:hover, .srfm-submit-btn:hover, .srfm-button:hover{background:#720000 !important;border-color:#720000 !important;}

/* person-img */
.reely-person-img{width:100%;}
.reely-person-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#e8d5c8;}
.reely-person-img .elementor-widget-container:empty::before,.reely-person-img:not(:has(img))::before{content:'Lis\00e4\00e4 kuva';display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#e8d5c8;border-radius:16px;color:#b09080;font-family:Agrandir,sans-serif;font-size:13px;}

/* global-font-fallback */
.elementor-page, .elementor-page p, .elementor-page li, .elementor-page span, .elementor-page a, .elementor-page div{font-family:'Agrandir',sans-serif;}
.elementor-page h1,.elementor-page h2,.elementor-page h3,.elementor-page h4,.elementor-page h5,.elementor-page h6,.elementor-page .elementor-heading-title{font-family:'Agrandir Grand',sans-serif;}
/* typography-system */
.reely-page, .reely-page p, .reely-page li, .reely-page .elementor-widget-text-editor{font-family:'Agrandir',sans-serif;font-weight:400;}
.reely-page h1,.reely-page h2,.reely-page .elementor-heading-title{font-family:'Agrandir Grand',sans-serif !important;font-weight:800 !important;letter-spacing:-0.5px;}
.reely-page h3,.reely-page h4{font-family:'Agrandir Grand',sans-serif !important;font-weight:800 !important;letter-spacing:-0.3px;}
.reely-page .reely-kicker, .reely-page .elementor-widget-text-editor .reely-kicker{font-family:'Agrandir Light',sans-serif !important;font-weight:300 !important;letter-spacing:3px;}
.reely-page .reely-bignum{font-family:'Agrandir Light',sans-serif !important;font-weight:300 !important;letter-spacing:-1px;}
.reely-page .elementor-button{font-family:'Agrandir',sans-serif !important;font-weight:400 !important;letter-spacing:.3px;}
.reely-hero .elementor-widget-text-editor{font-family:'Agrandir',sans-serif;font-weight:400;}


/* pricing-align */

/* bg-widget */
.reely-bg-el{position:absolute !important;inset:0;z-index:0;pointer-events:none;height:100%;}
.reely-bg-el .elementor-widget-container,.reely-bg-el img{height:100%;width:100%;object-fit:cover;}
.reely-hero,.reely-prosessi,.reely-yhteystiedot,.reely-keita{position:relative;overflow:hidden;}
.reely-hero > .e-con-inner > *:not(.reely-bg-el),.reely-hero > *:not(.reely-bg-el){position:relative;z-index:1;}


/* seam-fix */
.reely-bg-hero-fade{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 25%,transparent 55%);mask-image:linear-gradient(to bottom,#000 0%,#000 25%,transparent 55%);}
.reely-hero{box-shadow:none !important;border:0 !important;margin-bottom:0 !important;}
.reely-hero + section{margin-top:-1px !important;border-top:0 !important;}

/* hero-glow */
.reely-hero{position:relative;overflow:hidden;}
.reely-hero::before{content:'';position:absolute;width:680px;height:680px;border-radius:50%;top:-320px;right:-160px;z-index:0;pointer-events:none;background:radial-gradient(circle, rgba(230,70,70,.38) 0%, rgba(207,39,39,.14) 45%, transparent 72%);}
.reely-hero > *{position:relative;z-index:1;}
@media(max-width:767px){.reely-hero::before{width:420px;height:420px;top:-200px;right:-120px;}}

/* wrap-hero-prosessi */
.reely-wrap-hero-prosessi{position:relative;}
.reely-wrap-hero-prosessi > .reely-bg-el{position:absolute !important;inset:0;height:100%;width:100%;z-index:0;pointer-events:none;}
.reely-wrap-hero-prosessi > .reely-bg-el img{width:100%;height:100%;object-fit:cover;}
.reely-transparent{background:transparent !important;position:relative;z-index:1;}
.reely-wrap-hero-prosessi .reely-hero::before{display:none;}



/* prosessi-block */



.reely-bg-el-wrap{position:absolute !important;inset:0;z-index:0;pointer-events:none;height:100%;}
.reely-bg-el-wrap .reely-bg-el, .reely-bg-el-wrap img{width:100%;height:100%;object-fit:cover;}

@media(max-width:900px){}

@media(max-width:1120px){}

.reely-process-box{backdrop-filter:blur(2px);max-width:1280px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;}
@media(max-width:1320px){.reely-process-box{max-width:94% !important;}}




/* hero-dark-fade */
.reely-wrap-hero-prosessi .reely-hero{position:relative;}
.reely-wrap-hero-prosessi .reely-hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 15% 0%, rgba(20,0,0,0.24) 0%, rgba(20,0,0,0.10) 42%, transparent 70%),radial-gradient(90% 70% at 85% 18%, rgba(30,0,0,0.18) 0%, transparent 62%),linear-gradient(165deg, rgba(20,0,0,0.16) 0%, rgba(20,0,0,0.05) 48%, transparent 78%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 92%);}
.reely-wrap-hero-prosessi .reely-hero > *{position:relative;z-index:1;}

/* no-reveal-bg */
.reely-bg-el, .reely-bg-el-wrap, .reely-wrap-hero-prosessi{opacity:1 !important;transform:none !important;}

/* logo-bold */
.reely-nav .reely-logo, .reely-nav .reely-logo a, .reely-logo .elementor-heading-title, .reely-logo .elementor-heading-title a, .reely-logo .elementor-heading-title > a, .reely-nav .reely-logo .elementor-heading-title a{font-family:'Agrandir Grand',sans-serif !important;font-weight:800 !important;letter-spacing:-0.5px;}

.reely-quotemark .elementor-heading-title{opacity:.35;margin-bottom:4px;}

.reely-testi-title, .reely-testi-title p{font-family:'Agrandir Grand',sans-serif !important;font-weight:800 !important;letter-spacing:-0.5px;margin:0;}


/* meista-responsive */
@media(max-width:767px){
  .reely-person-img img{max-height:240px;object-fit:cover;}
  .reely-process-box{max-width:100% !important;}
  .reely-bg-el-wrap{opacity:.5;}
}
@media(max-width:1024px){.reely-process-box{max-width:94% !important;}}

/* footer-responsive */
@media(max-width:1024px){
  footer .elementor-widget-html > .elementor-widget-container > div{justify-content:center !important;flex-wrap:wrap;gap:14px 20px !important;}
  footer .elementor-widget-divider{width:100%;}
}
@media(max-width:767px){
  footer .elementor-widget-html > .elementor-widget-container > div{gap:12px 18px !important;font-size:13px !important;}
}

/* responsive-scale (global, Meista-based) */
\@media(max-width:1024px){
.reely-page h1{font-size:36px !important;}
.reely-page h2{font-size:28px !important;}
.reely-page h3,.reely-page h4:not(.reely-logo *):not(.reely-logo){font-size:24px !important;}
.reely-page p,.reely-page .elementor-widget-text-editor{font-size:16px !important;}
.reely-page section,.reely-page > .e-con{padding-left:20px !important;padding-right:20px !important;}
}
\@media(max-width:767px){
.reely-page h1{font-size:26px !important;}
.reely-page h2{font-size:22px !important;}
.reely-page h3,.reely-page h4:not(.reely-logo *):not(.reely-logo){font-size:20px !important;}
.reely-page p,.reely-page .elementor-widget-text-editor{font-size:15px !important;}
.reely-page section,.reely-page > .e-con{padding-left:16px !important;padding-right:16px !important;}
}