/*
Theme Name: Ras Landing Theme V11
Theme URI: https://example.com
Author: D Projekty
Description: Dedykowany, responsywny motyw dla strony Ireneusza Rasia.
Version: 11.0.0
Text Domain: ras-landing-theme
*/
:root{--navy:#061b46;--red:#ee0015;--white:#fff;--muted:#d8dde8;--hero:#1d1e22;--max:1180px;--pad:clamp(22px,5vw,86px);--font:Arial,Helvetica,sans-serif;--hero-person-height:99vh;--hero-person-width:55vw;--hero-person-right:2vw}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
/* ICON SYSTEM */
svg.icon-line,
svg.icon-contact,
svg.icon-bike{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}
svg.icon-line{stroke-width:2.4;}
svg.icon-contact{stroke-width:3.1;}
svg.icon-bike{stroke-width:3.0;}
svg.icon-solid,
svg.icon-social-fill{
  fill:currentColor;
  stroke:none;
}
svg.icon-solid *,
svg.icon-social-fill *{
  fill:currentColor;
  stroke:none;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.site-header{height:70px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;box-shadow:0 1px 0 rgba(6,27,70,.08)}.main-nav{display:flex;gap:64px;align-items:center;justify-content:center;font-size:16px;color:var(--navy);font-weight:600}.main-nav a{position:relative;padding:26px 0 22px}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:5px;background:var(--red)}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:0;color:var(--navy);font-size:28px;padding:12px 20px}.mobile-menu{display:none;background:#fff;border-top:1px solid #dfe4ee}.mobile-menu a{display:block;padding:14px 24px;color:var(--navy);font-weight:700;border-bottom:1px solid #edf0f5}.mobile-menu.is-open{display:block}
/* HERO */
.home .site-header{display:none}.hero{position:relative;min-height:100vh;background:radial-gradient(circle at 45% 45%,#45464a 0,#25262b 42%,#0d0e12 100%);overflow:hidden;color:#fff;isolation:isolate}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center;opacity:1;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 55%,rgba(0,0,0,.08));z-index:-2}.hero-person{position:absolute;right:var(--hero-person-right);bottom:0;width:min(var(--hero-person-width),860px);height:var(--hero-person-height);max-width:none;object-fit:contain;object-position:center bottom;z-index:1}.hero-inner{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:7vh var(--pad) 108px;max-width:1600px;margin:0 auto}.hero-copy{width:min(47vw,760px);padding-left:clamp(0px,3vw,70px);margin-top:-3vh}.eyebrow{font-size:clamp(50px,5.25vw,88px);line-height:.98;font-weight:800;letter-spacing:-.045em;margin:0 0 .25em;text-shadow:0 4px 22px rgba(0,0,0,.25)}.subline{font-size:clamp(35px,3.6vw,60px);line-height:1.19;font-weight:300;margin:0 0 .64em;letter-spacing:-.035em}.polish-flag{width:clamp(300px,32vw,480px);height:36px;margin:0 0 42px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.polish-flag span{display:block;height:50%}.polish-flag span:first-child{background:#fff}.polish-flag span:last-child{background:var(--red)}.role{font-size:clamp(32px,3.3vw,54px);font-weight:300;margin:0;letter-spacing:-.025em}.hero-actions{position:absolute;left:calc(var(--pad) + clamp(0px,3vw,70px));right:var(--pad);bottom:7.7vh;z-index:5;display:flex;align-items:center;gap:28px;flex-wrap:nowrap}.hero-btn,.social-btn{height:78px;border:2px solid rgba(255,255,255,.88);border-radius:var(--btn-radius);background:rgba(0,0,0,.08);backdrop-filter:blur(2px);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:.2s ease}.hero-btn{min-width:274px;gap:24px;font-size:22px}.follow-label{height:78px;min-width:285px;display:inline-flex;align-items:center;justify-content:center;gap:18px;color:#fff;font-size:22px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.35)}.follow-label svg{width:34px;height:34px}.social-btn{width:78px;min-width:78px;aspect-ratio:1/1;font-size:31px;font-weight:800}.hero-btn svg,.social-btn svg{width:31px;height:31px}.social-btn svg{width:34px;height:34px}.hero-btn:hover,.social-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

/* HERO ENTRANCE ANIMATIONS */
@keyframes rasSlideFromLeft{0%{opacity:0;transform:translateX(-70px)}100%{opacity:1;transform:translateX(0)}}
@keyframes rasSlideFromRight{0%{opacity:0;transform:translateX(80px)}100%{opacity:1;transform:translateX(0)}}
@keyframes rasSlideFromBottom{0%{opacity:0;transform:translateY(55px)}100%{opacity:1;transform:translateY(0)}}
.home .hero-copy{opacity:0;animation:rasSlideFromLeft .9s cubic-bezier(.22,.8,.26,1) .12s forwards;will-change:transform,opacity}
.home .hero-person{opacity:0;animation:rasSlideFromRight 1s cubic-bezier(.22,.8,.26,1) .32s forwards;will-change:transform,opacity}
.home .hero-actions{opacity:0;animation:rasSlideFromBottom .85s cubic-bezier(.22,.8,.26,1) .58s forwards;will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){.home .hero-copy,.home .hero-person,.home .hero-actions{animation:none!important;opacity:1!important;transform:none!important}}

/* COMPACT HERO for pages */
.page-hero{position:relative;height:520px;background:radial-gradient(circle at 50% 42%,#46474b 0,#24252a 50%,#111216 100%);overflow:hidden;color:#fff}.page-hero .hero-person{height:510px;width:min(45vw,520px);right:12vw}.page-hero .hero-inner{min-height:520px;padding-top:70px;padding-bottom:50px;justify-content:center}.page-hero .hero-copy{width:min(45vw,560px);margin-top:0}.page-hero .eyebrow{font-size:50px}.page-hero .subline{font-size:34px}.page-hero .role{font-size:31px}.page-hero .polish-flag{width:300px;height:28px;margin-bottom:28px}.mobile-header-after-hero{display:none}

.icon-box{
  line-height:0;
}
.info-list .icon-box{
  color:var(--navy);
}
.contact-list .icon-box{
  color:var(--navy);
}
.social-btn .icon-line,
.social-btn .icon-social-fill{
  display:block;
}
.hero-btn .icon-line,
.follow-label .icon-line{
  display:block;
}

/* CONTENT */
.content-section{background:#fff;padding:56px 0 72px}.section-title{font-size:44px;line-height:1.05;margin:0 0 34px;color:var(--navy);font-weight:800;letter-spacing:-.035em}.section-title:after{content:"";display:block;width:76px;height:4px;background:var(--red);margin-top:12px}.info-list{display:grid;gap:0}.info-row{display:grid;grid-template-columns:150px 1px 1fr;gap:38px;align-items:center;padding:26px 0;border-bottom:1px solid #d9deea}.info-row:last-child{border-bottom:0}.icon-box{display:flex;align-items:center;justify-content:center;color:var(--navy)}.icon-box svg{width:88px;height:88px}.divider-v{width:1px;height:95px;background:#cfd6e5}.info-text{font-size:17px;line-height:1.68;font-weight:700;color:var(--navy);max-width:860px}.signature{display:flex;align-items:center;justify-content:center;gap:26px;margin:44px auto 0;color:#97a3bd}.signature:before,.signature:after{content:"";width:260px;height:1px;background:#b9c2d4}.quote{font-size:54px;font-weight:800;line-height:1}.sign-name{text-align:center;font-family:"Brush Script MT","Segoe Script",cursive;font-size:44px;color:var(--navy);margin-top:20px}.sign-role{text-align:center;color:var(--navy);font-size:18px;line-height:1.6;font-weight:600}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}.contact-list .info-row{grid-template-columns:130px 1px 1fr}.contact-list .info-text{font-size:28px;line-height:1.45;font-weight:400}.contact-list .icon-box svg{width:82px;height:82px}.contact-side .signature{margin-top:0}.site-footer{display:none}
@media (max-width:1200px){.hero-actions{gap:18px}.hero-btn{min-width:220px;height:70px;font-size:18px}.follow-label{height:70px;min-width:235px;font-size:18px;gap:14px}.follow-label svg{width:28px;height:28px}.social-btn{width:70px;min-width:70px;height:70px;font-size:28px}.hero-person{right:1vw;width:min(56vw,780px);height:min(var(--hero-person-height),98vh)}.hero-copy{width:48vw}.page-hero .hero-person{right:7vw}}
@media (max-width:1024px) and (orientation:landscape){.site-header{height:58px}.main-nav{gap:56px;font-size:14px}.hero{min-height:540px}.hero-inner{min-height:540px;padding-top:76px;padding-bottom:92px}.hero-person{width:52vw;height:530px;right:0vw}.hero-copy{width:48vw}.eyebrow{font-size:48px}.subline{font-size:36px}.role{font-size:30px}.polish-flag{width:300px;height:26px;margin-bottom:28px}.hero-actions{bottom:38px;gap:16px}.hero-btn{height:58px;min-width:170px;font-size:14px;border-radius:7px;gap:12px}.follow-label{height:58px;min-width:200px;font-size:14px;gap:12px}.follow-label svg{width:24px;height:24px}.social-btn{width:58px;min-width:58px;height:58px;font-size:24px}.hero-btn svg,.social-btn svg{width:24px;height:24px}.social-btn svg{width:27px;height:27px}.page-hero{height:430px}.page-hero .hero-inner{min-height:430px}.page-hero .hero-person{height:420px}.page-hero .eyebrow{font-size:42px}.page-hero .subline{font-size:29px}.page-hero .role{font-size:27px}}
@media (max-width:900px) and (orientation:portrait){.site-header{display:none}.home .site-header{display:none}.mobile-header-after-hero{display:block;height:auto;background:#fff;border-bottom:1px solid #dbe1ec}.mobile-top{display:flex;justify-content:flex-end;align-items:center;height:56px}.mobile-toggle{display:block}.hero{min-height:auto}.hero-inner{min-height:auto;padding:26px 22px 16px;display:flex;align-items:center;text-align:center}.hero-copy{width:100%;padding-left:0;margin:0 auto}.eyebrow{font-size:clamp(30px,8vw,42px);letter-spacing:-.035em;margin-bottom:.22em}.subline{font-size:clamp(22px,5.5vw,30px);line-height:1.2;margin-bottom:.55em}.polish-flag{width:min(280px,70vw);height:18px;margin:0 auto 18px}.role{font-size:clamp(19px,5vw,26px)}.hero-person{position:relative;right:auto;bottom:auto;order:2;width:min(78vw,360px);height:auto;max-height:48vh;margin:10px auto 4px;object-fit:contain}.hero-copy{order:1}.hero-actions{order:3;position:relative;left:auto;right:auto;bottom:auto;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:8px auto 0}.hero-btn{grid-column:1/-1;width:100%;height:42px;min-width:0;font-size:14px;border-radius:calc(var(--btn-radius) / 2);gap:9px}.follow-label.news{display:none}.hero-btn.contact{grid-column:1/-1}.social-btn{width:100%;min-width:0;height:42px;font-size:20px;border-radius:calc(var(--btn-radius) / 2)}.hero-btn svg,.social-btn svg{width:20px;height:20px}.page-hero{height:auto;min-height:0}.page-hero .hero-inner{min-height:0;padding:26px 22px 14px}.page-hero .hero-copy{width:100%;text-align:center}.page-hero .hero-person{position:relative;height:auto;width:min(70vw,330px);right:auto;display:block;margin:6px auto 0}.page-hero .eyebrow{font-size:32px}.page-hero .subline{font-size:23px}.page-hero .role{font-size:22px}.page-hero .polish-flag{width:220px;height:18px;margin-bottom:16px}.content-section{padding:36px 0 48px}.wrap{padding:0 24px}.section-title{font-size:30px;margin-bottom:24px}.section-title:after{width:58px;height:3px}.info-row{grid-template-columns:58px 1px 1fr;gap:18px;padding:18px 0;align-items:start}.icon-box{padding-top:5px}.icon-box svg{width:48px;height:48px}.divider-v{height:78px}.info-text{font-size:12px;line-height:1.55;font-weight:700}.signature{gap:16px;margin-top:28px}.signature:before,.signature:after{width:92px}.quote{font-size:34px}.sign-name{font-size:34px}.sign-role{font-size:13px}.contact-grid{display:block}.contact-list .info-row{grid-template-columns:48px 1px 1fr;gap:16px}.contact-list .info-text{font-size:14px}.contact-list .icon-box svg{width:42px;height:42px}.contact-side{margin-top:28px}.mobile-menu a.active{color:var(--navy)}.mobile-menu a.active:after{content:"";display:block;width:52px;height:4px;background:var(--red);margin-top:5px}}


.wp-page-content .info-list{display:grid;gap:0}.wp-page-content p{margin-top:0}.wp-page-content .info-text p:last-child{margin-bottom:0}.wp-page-content > p{font-size:18px;line-height:1.7;color:var(--navy);font-weight:600}.wp-page-content ul,.wp-page-content ol{font-size:18px;line-height:1.7;color:var(--navy);font-weight:600}.wp-page-content .wp-block-heading{color:var(--navy)}


.icon-box img.about-icon-png{
  width:88px;
  height:88px;
  object-fit:contain;
  display:block;
}
.info-list .icon-box img.about-icon-png{
  width:92px;
  height:92px;
}
@media (max-width:900px) and (orientation:portrait){
  .icon-box img.about-icon-png{width:48px;height:48px;}
  .info-list .icon-box img.about-icon-png{width:52px;height:52px;}
}


/* Editable PNG icons and signature */
.icon-box img.ras-icon-img,
.icon-box img.about-icon-png,
.icon-box img.contact-icon-png{
  width:88px;
  height:88px;
  object-fit:contain;
  display:block;
}
.contact-list .icon-box img.contact-icon-png{
  width:82px;
  height:82px;
}
.sign-image-wrap{
  text-align:center;
  margin-top:20px;
}
.sign-image{
  display:inline-block;
  max-width:min(340px,70vw);
  max-height:110px;
  width:auto;
  height:auto;
  object-fit:contain;
}
@media (max-width:900px) and (orientation:portrait){
  .icon-box img.ras-icon-img,
  .icon-box img.about-icon-png,
  .icon-box img.contact-icon-png{width:48px;height:48px;}
  .info-list .icon-box img.ras-icon-img,
  .info-list .icon-box img.about-icon-png{width:52px;height:52px;}
  .contact-list .icon-box img.contact-icon-png{width:42px;height:42px;}
  .sign-image{max-width:240px;max-height:82px;}
}