:root{--wrap:100%}
.wrap{width:100%;padding-left:clamp(28px,4.2vw,84px);padding-right:clamp(28px,4.2vw,84px)}
.service-image{height:clamp(340px,29vw,520px)}
.why-media>img{height:clamp(700px,57vw,900px)}
.reference-stage{min-height:460px}
@media(max-width:720px){
.wrap{padding-left:15px;padding-right:15px}
.service-image{height:290px}
.why-media>img{height:480px}
.reference-stage{min-height:390px}
} @media(min-width:721px){html{zoom:.9}} @media(min-width:1151px){.hero .proof{width:240px;justify-self:end;transform:translateX(clamp(-80px,-4.2vw,-50px))}.hero .proof>.proof-title{font-size:.66rem}.hero .proof strong{font-size:2.45rem}.hero .proof span{font-size:.72rem}.hero .proof small{font-size:.63rem}}
@media(min-width:721px) and (max-width:1150px){.hero .proof{width:190px;justify-self:end;transform:none}.hero .proof>.proof-title{font-size:.62rem}.hero .proof strong{font-size:2.25rem}.hero .proof span{font-size:.67rem}.hero .proof small{font-size:.6rem}} @media(min-width:1001px){.header .nav{font-size:clamp(.98rem,.84rem + .25vw,1.1rem);font-weight:700;gap:clamp(25px,1.8vw,34px)}.header .phone{padding-left:clamp(24px,1.5vw,29px)}.header .phone span{font-size:clamp(.66rem,.6rem + .12vw,.72rem)}.header .phone b{font-size:clamp(1.08rem,.92rem + .3vw,1.25rem)}} @media(min-width:1201px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(600px,720px);gap:clamp(70px,6vw,115px)}.contact .form{padding:44px}}.contact .form-head h3{font-size:1.85rem}.contact .form-head span{max-width:135px;font-size:.64rem}.contact .form label{font-size:.68rem}.contact .form input,.contact .form select,.contact .form textarea{font-size:.88rem;padding:12px 0}.contact .form .btn{font-size:.9rem}.contact .form small{font-size:.65rem} .header{background:linear-gradient(90deg,rgba(2,13,22,.95),rgba(3,18,30,.87));-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);box-shadow:0 8px 28px rgba(0,0,0,.16)}.header .phone span{color:#c3d0d8}.header .phone b{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)} .process{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 10%,rgba(241,99,62,.14),transparent 24%),linear-gradient(135deg,#f7f8f6 0%,#e8f0f4 100%)}
.process:before{content:"";position:absolute;width:380px;height:380px;right:-150px;top:-205px;border:1px solid rgba(6,25,43,.1);border-radius:50%}
.process .wrap{position:relative;z-index:1}
.process .section-head{margin-bottom:48px}
.process .section-head>p{max-width:520px;justify-self:end;margin:0;background:rgba(255,255,255,.8);border:1px solid rgba(17,27,35,.11);border-left:4px solid var(--orange);border-radius:12px;padding:22px 24px;box-shadow:0 18px 45px rgba(16,38,53,.07);color:#53636c}
.process .section-head>p:before{content:"PŘEHLEDNÝ POSTUP";display:block;margin-bottom:9px;color:var(--orange);font-size:.6rem;font-weight:700;letter-spacing:.15em}
.process .steps{counter-reset:process-step;border:0;gap:16px}
.process .steps li{counter-increment:process-step;position:relative;overflow:visible;min-height:280px;margin:0;padding:28px;background:rgba(255,255,255,.9);border:1px solid rgba(17,27,35,.12);border-radius:13px;box-shadow:0 18px 44px rgba(16,38,53,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.process .steps li:hover{transform:translateY(-5px);border-color:rgba(241,99,62,.55);box-shadow:0 24px 54px rgba(16,38,53,.12)}
.process .steps li:before{content:"0" counter(process-step);position:absolute;right:20px;top:14px;font:400 4.4rem/1 Sora;color:rgba(6,25,43,.07);letter-spacing:-.08em}
.process .steps li>span{position:relative;display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#fff0ea;color:var(--orange);font-size:.64rem;letter-spacing:.12em;font-weight:700}
.process .steps li>span:before{content:"KROK ";margin-right:3px}
.process .steps h3{position:relative;margin:68px 0 14px;font-size:1.45rem}
.process .steps p{position:relative;margin:0;color:#63717a;font-size:.88rem;line-height:1.55}
.process .steps li:first-child{background:linear-gradient(145deg,#06192b,#0b2b46);border-color:#143b58;color:#fff}
.process .steps li:first-child:before{color:rgba(255,255,255,.09)}
.process .steps li:first-child p{color:#b5c6d0}
.process .steps li:first-child>span{background:rgba(241,99,62,.18);color:#ff896a}
.process .steps li:last-child{background:linear-gradient(145deg,#fff,#fff4ee);border-color:rgba(241,99,62,.35)}
@media(min-width:1001px){.process .steps{grid-template-columns:repeat(5,minmax(0,1fr))}.process .steps li:not(:last-child):after{content:"→";position:absolute;z-index:3;right:-15px;top:50%;width:30px;height:30px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(241,99,62,.35);border-radius:50%;background:#fff;color:var(--orange);font-weight:700;box-shadow:0 5px 16px rgba(16,38,53,.1)}}
@media(max-width:720px){.process .section-head>p{justify-self:stretch}.process .steps{gap:12px}.process .steps li{min-height:0;padding:24px}.process .steps li:before{font-size:3.6rem}.process .steps h3{margin:42px 0 10px}} @media(min-width:1001px){.hero-copy{align-self:start}} .footer{color:#bec9d0}.footer .logo small{font-size:.7rem;color:#b8c6cf}.footer-grid>div>span{font-size:.7rem}.footer-grid p,.footer-grid>div>a{font-size:1rem;line-height:1.65}.footer-grid>div>a:hover{color:#fff}.footer-bottom{font-size:.68rem;color:#8297a4} .service-card{display:flex;flex-direction:column}
.service-body{display:flex;flex:1;flex-direction:column;padding:36px}
.service-body .overline{font-size:.72rem}
.service-body h3{font-size:2.45rem;margin-bottom:17px}
.service-body>p:not(.overline){font-size:1.05rem;line-height:1.6}
.service-body>a{margin-top:auto;padding-top:18px;font-size:.95rem}
.service-image>span{width:44px;height:44px;font-size:.7rem}
@media(min-width:721px){.service-image{height:clamp(320px,24vw,440px)}}
@media(max-width:720px){.service-image{height:260px}.service-body{padding:28px}.service-body h3{font-size:2.05rem}.service-body>p:not(.overline){font-size:1rem}} @media(min-width:721px){.other h3{max-width:470px;font-size:2.75rem}.other .overline{margin-bottom:18px;font-size:.74rem}} .benefits article{grid-template-columns:50px 1fr;padding:27px 0}.benefits article>span{font-size:.72rem}.benefits h3{font-size:1.4rem;margin-bottom:8px}.benefits p{font-size:.98rem;color:#b2c1ca}.license{font-size:.68rem!important;line-height:1.6;color:#8da1ad!important} @media(min-width:1650px){
.hero .proof{position:absolute;left:58vw;right:auto;bottom:150px;width:380px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:0;transform:none;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.hero .proof>.proof-title{grid-column:1/-1;margin:0;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.16);font-size:.66rem;color:#b9c9d2}
.hero .proof>div{display:block;padding:16px 0 4px;border-bottom:0}
.hero .proof>div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.16)}
.hero .proof strong{display:block;margin-bottom:7px;font-size:2.55rem;white-space:nowrap}
.hero .proof span{display:block;font-size:.68rem;line-height:1.25;color:#b7c6cf}
.hero .proof small{grid-column:1/-1;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:.62rem;color:#8fa4b0}
} .proof>.proof-audience{margin:20px 0 0;color:#90a3ae;font-size:.59rem;line-height:1.45;text-transform:uppercase;letter-spacing:.11em}
@media(min-width:1650px){.hero .proof>.proof-audience{grid-column:1/-1;margin-top:20px;font-size:.64rem;white-space:nowrap}} .hero-scroll{margin-top:38px;font-size:.63rem;text-transform:uppercase;letter-spacing:.11em}
.hero-scroll a{color:#fff}
.hero-scroll a span{margin-left:10px;color:var(--orange)}
@media(min-width:721px) and (max-height:850px){.hero-scroll{margin-top:18px}} .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;border-top:0}
.benefits article{display:flex;flex-direction:column;min-width:0;min-height:220px;gap:28px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.benefits article:hover{transform:translateY(-4px);border-color:rgba(247,93,53,.55);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025))}
.benefits article>span{font-size:.72rem;line-height:1;color:var(--orange);letter-spacing:.08em}
.benefits article>div{margin-top:auto;margin-bottom:16px}
.benefits h3{font-size:1.28rem;line-height:1.2;margin:0 0 11px}
.benefits p{font-size:.9rem;line-height:1.55;color:#b7c5cd;margin:0}
@media(max-width:1250px){
.benefits{grid-template-columns:1fr;gap:12px}
.benefits article{display:grid;grid-template-columns:50px 1fr;gap:18px;min-height:0;padding:24px}
.benefits article>div{margin-top:0;margin-bottom:0}
}
@media(max-width:720px){
.benefits{margin-top:32px}
.benefits article{grid-template-columns:36px 1fr;padding:22px 19px}
.benefits h3{font-size:1.18rem}
.benefits p{font-size:.9rem}
} .other{grid-template-columns:1fr;gap:34px;padding:44px}
.other>div{align-self:auto;padding-left:0}
.other h3{max-width:520px}
.other ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.other li{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px;min-width:0;min-height:146px;padding:21px;border:1px solid rgba(8,28,42,.13);border-radius:11px;background:rgba(255,255,255,.64);box-shadow:0 12px 28px rgba(11,33,47,.055);font-size:1rem;line-height:1.35;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.other li:hover{transform:translateY(-4px);background:rgba(255,255,255,.88);box-shadow:0 17px 34px rgba(11,33,47,.09)}
.other li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-size:.62rem;line-height:1}
@media(max-width:1000px){
.other ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.other{gap:26px;padding:24px}
.other ul{grid-template-columns:1fr;gap:10px}
.other li{min-height:120px}
} @media(min-width:1251px){
.why-grid{grid-template-columns:minmax(420px,.68fr) minmax(0,1.32fr);gap:clamp(58px,4vw,80px);align-items:start}
.why-media{width:100%;max-width:600px}
.why-media>img{height:590px}
}
@media(min-width:721px) and (max-width:1250px){
.why-grid{grid-template-columns:.72fr 1.28fr;gap:42px}
.why-media>img{height:520px}
}
@media(max-width:1000px) and (min-width:721px){
.why-grid{grid-template-columns:1fr}
.why-media{width:100%;max-width:560px}
.why-media>img{height:440px}
}
@media(max-width:720px){
.why-media>img{height:360px}
} @media(min-width:1251px){
.benefits article{min-height:178px;gap:16px;padding:20px 22px}
.benefits article>div{display:flex;flex:1;flex-direction:column;justify-content:center;margin:0}
.benefits p{min-height:3.1em}
} .contact-copy{min-width:0}
.contact-extras{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:14px;width:100%;max-width:900px;margin-top:38px}
.office-map,.billing-card{min-height:220px;border-radius:12px;overflow:hidden}
.office-map{position:relative;border:1px solid rgba(255,255,255,.17);background:#10283a}
.office-map iframe{display:block;width:100%;height:100%;min-height:220px;border:0;filter:saturate(.72) contrast(.96)}
.map-caption{position:absolute;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:end;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(3,20,33,.92);box-shadow:0 12px 28px rgba(0,0,0,.22);color:#fff}
.map-caption small{grid-column:1/-1;color:#9eb2bd;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.map-caption strong{font-size:.86rem;line-height:1.4}
.map-caption b{align-self:end;color:var(--orange);font-size:.68rem;white-space:nowrap}
.billing-card{display:flex;flex-direction:column;padding:24px;background:var(--sky);color:var(--ink)}
.billing-card>p{margin:0 0 23px;color:var(--orange);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.billing-card h3{margin:0 0 18px;font-size:1.45rem}
.billing-data{display:grid;grid-template-columns:1fr;gap:18px;margin-top:auto}
.billing-data address{font-style:normal;font-size:.9rem;line-height:1.55}
.billing-data dl{display:grid;gap:8px;margin:0}
.billing-data dl>div{display:grid;grid-template-columns:45px 1fr;gap:10px;padding-top:8px;border-top:1px solid rgba(8,28,42,.14)}
.billing-data dt{color:#6d808b;font-size:.63rem;font-weight:700}
.billing-data dd{margin:0;font-size:.83rem;font-weight:700}
@media(max-width:1250px){
.contact-grid{grid-template-columns:1fr;gap:42px}
.contact-extras{max-width:900px}
.contact .form{width:100%;max-width:760px}
}
@media(max-width:700px){
.contact-extras{grid-template-columns:1fr}
.office-map,.billing-card{min-height:210px}
} .other{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(32px,3vw,54px);padding:30px 38px;align-items:center}
.other>div{align-self:center}
.other ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.other li{min-height:92px;padding:14px 15px;gap:12px;justify-content:flex-start;border-color:rgba(8,28,42,.1);border-radius:9px;background:rgba(255,255,255,.34);box-shadow:none;font-size:.9rem;line-height:1.3}
.other li:hover{transform:none;background:rgba(255,255,255,.5);box-shadow:none}
.other li span{display:block;width:auto;height:auto;border-radius:0;background:transparent;color:var(--orange);font-size:.58rem;line-height:1}
@media(max-width:1200px){
.other{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);padding:28px 32px}
.other ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
.other{grid-template-columns:1fr;gap:24px}
}
@media(max-width:560px){
.other{gap:20px;padding:22px}
.other ul{grid-template-columns:1fr}
.other li{display:flex;flex-direction:row;align-items:center;min-height:68px;padding:13px 15px}
} .contact-extras{grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);gap:24px;max-width:900px;margin-top:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.13)}
.office-map,.billing-card{min-height:158px}
.office-map{border-color:rgba(255,255,255,.12);border-radius:8px}
.office-map iframe{min-height:158px;filter:saturate(.45) brightness(.8) contrast(1.08)}
.map-caption{right:8px;bottom:8px;left:8px;grid-template-columns:1fr auto;gap:3px 12px;padding:9px 11px;border-radius:6px;background:rgba(3,20,33,.9);box-shadow:none}
.map-caption small{display:none}
.map-caption strong{font-size:.72rem;line-height:1.3}
.map-caption b{font-size:.6rem}
.billing-card{min-height:158px;padding:3px 0 3px 22px;border-left:1px solid rgba(255,255,255,.13);border-radius:0;background:transparent;color:#fff;overflow:visible}
.billing-card>p{margin:0 0 11px;color:#8fa3af;font-size:.57rem}
.billing-card h3{margin:0 0 14px;font-size:1.18rem}
.billing-data{grid-template-columns:1fr 1fr;gap:20px;margin-top:0}
.billing-data address{color:#b6c4cc;font-size:.78rem;line-height:1.55}
.billing-data dl{gap:6px}
.billing-data dl>div{grid-template-columns:38px 1fr;gap:8px;padding-top:6px;border-color:rgba(255,255,255,.12)}
.billing-data dt{color:#7f95a2;font-size:.57rem}
.billing-data dd{color:#fff;font-size:.75rem}
@media(max-width:700px){
.contact-extras{grid-template-columns:1fr;gap:18px;padding-top:22px}
.office-map{min-height:180px}
.office-map iframe{min-height:180px}
.billing-card{min-height:auto;padding:19px 3px 3px;border-top:1px solid rgba(255,255,255,.13);border-left:0}
}
@media(max-width:480px){
.billing-data{grid-template-columns:1fr}
} .other{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(8,28,42,.055);background:linear-gradient(118deg,#deebf2 0%,#d8e8f0 58%,#d0e2eb 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.other::before{content:"";position:absolute;z-index:0;top:-220px;right:-150px;width:390px;height:390px;border:1px solid rgba(247,93,53,.14);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.1),0 0 0 104px rgba(8,28,42,.018);pointer-events:none}
.other>div,.other>ul{position:relative;z-index:1}
.other li{overflow:hidden;border-color:rgba(8,28,42,.12);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.4));box-shadow:inset 3px 0 0 rgba(247,93,53,.48),0 9px 20px rgba(11,33,47,.045);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.other li:hover{transform:translateY(-2px);border-color:rgba(247,93,53,.28);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.54));box-shadow:inset 3px 0 0 rgba(247,93,53,.7),0 12px 24px rgba(11,33,47,.07)}
.other li span{display:inline-grid;place-items:center;width:24px;height:19px;border:1px solid rgba(247,93,53,.16);border-radius:4px;background:rgba(247,93,53,.08);font-weight:700}
.other li::after{content:"";position:absolute;right:13px;bottom:12px;width:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(247,93,53,.55))}
@media(max-width:560px){
.other li span{flex:0 0 24px}
} @media(min-width:1301px){
.hero{height:840px;min-height:840px;max-height:840px}
.hero-scroll{margin-top:24px}
} .other{
grid-template-columns:minmax(310px,.66fr) minmax(0,1.34fr);
gap:clamp(34px,3.2vw,62px);
align-items:stretch;
padding:42px 46px;
}
.other>div{
display:flex;
flex-direction:column;
justify-content:center;
align-self:stretch;
padding:0 0 0 clamp(0px,1vw,18px);
}
.other>div .overline{margin-bottom:16px}
.other h3{max-width:470px;font-size:clamp(2.25rem,2.5vw,3rem);line-height:1.04}
.other ul{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
align-self:stretch;
}
.other li{
--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/services-hero.webp);
position:relative;
isolation:isolate;
min-height:255px;
padding:24px 22px;
overflow:hidden;
border:1px solid rgba(255,255,255,.16);
border-radius:10px;
background:#0a2135;
box-shadow:0 15px 28px rgba(8,28,42,.13);
transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.other li:nth-child(1){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/services-hero.webp)}
.other li:nth-child(2){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/contact-hero.jpg)}
.other li:nth-child(3){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/electro.webp)}
.other li:nth-child(4){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/camera-detail.jpg)}
.other li::before{
content:"";
position:absolute;
z-index:-2;
inset:0;
background-image:var(--other-photo);
background-position:center;
background-size:cover;
filter:saturate(.55) contrast(1.04);
transform:scale(1.02);
transition:transform .55s ease;
}
.other li::after{
content:"";
position:absolute;
z-index:-1;
inset:0;
width:auto;
height:auto;
background:linear-gradient(180deg,rgba(5,23,38,.68) 0%,rgba(5,23,38,.78) 48%,rgba(5,23,38,.91) 100%);
pointer-events:none;
}
.other li:hover{
transform:translateY(-4px);
border-color:rgba(241,99,62,.58);
background:#0a2135;
box-shadow:0 19px 34px rgba(8,28,42,.19);
}
.other li:hover::before{transform:scale(1.07)}
.other li a{
position:relative;
z-index:1;
display:flex;
flex:1;
flex-direction:column;
align-items:flex-start;
gap:21px;
width:100%;
height:100%;
color:#fff;
font-size:1.02rem;
line-height:1.34;
text-shadow:0 1px 12px rgba(0,0,0,.3);
}
.other li a:hover{color:#fff}
.other li a::after{
content:"";
width:28px;
height:2px;
margin-top:auto;
background:var(--orange);
}
.other li span{
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(241,99,62,.8);
border-radius:8px;
background:rgba(5,23,38,.72);
color:#ff7b58;
font-size:.69rem;
line-height:1;
text-shadow:none;
}
@media(max-width:1250px){
.other{grid-template-columns:minmax(270px,.56fr) minmax(0,1.44fr);gap:30px;padding:36px}
.other ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.other li{min-height:205px}
}
@media(max-width:850px){
.other{grid-template-columns:1fr;gap:28px}
.other>div{padding:0}
.other h3{max-width:none}
}
@media(max-width:560px){
.other{padding:25px 22px;gap:24px}
.other ul{grid-template-columns:1fr;gap:12px}
.other li{min-height:160px;padding:20px}
.other li a{gap:15px;font-size:1rem}
}
@media(min-width:1650px){
.hero .proof{bottom:90px}
}
@media(min-width:1001px) and (max-width:1300px){
.hero{height:680px;min-height:680px;max-height:680px}
.hero-scroll{margin-top:24px}
} .references{
position:relative;
isolation:isolate;
overflow:hidden;
background:
radial-gradient(circle at 67% 16%,rgba(42,102,137,.24),transparent 31%),
linear-gradient(112deg,#071a2c 0%,#0a2841 53%,#0b2d48 100%);
}
.references::before{
content:"";
position:absolute;
z-index:-2;
inset:0 auto 0 0;
width:43%;
background:
linear-gradient(90deg,rgba(5,22,37,.88),rgba(5,22,37,.7)),
url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/camera-detail.jpg) center/cover no-repeat;
opacity:.42;
filter:saturate(.55) contrast(1.08);
}
.references::after{
content:"";
position:absolute;
z-index:-1;
left:clamp(28px,4.2vw,84px);
bottom:58px;
width:170px;
height:170px;
border:1px solid rgba(241,99,62,.18);
border-radius:50%;
box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 84px rgba(241,99,62,.025);
pointer-events:none;
}
.reference-grid{
position:relative;
z-index:1;
grid-template-columns:minmax(340px,.68fr) minmax(0,1.32fr);
gap:clamp(58px,6vw,120px);
align-items:center;
}
.reference-intro{position:relative;padding:34px 0}
.reference-intro h2{max-width:560px;font-size:clamp(3rem,4.4vw,5rem);text-wrap:balance}
.reference-intro::after{
content:"04 skutečné reference";
display:inline-flex;
align-items:center;
margin-top:34px;
padding:8px 12px 8px 29px;
border:1px solid rgba(255,255,255,.15);
border-radius:999px;
background:rgba(4,18,30,.34);
color:#aebfca;
font-size:.61rem;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}
.reference-intro::before{
content:"";
position:absolute;
left:12px;
bottom:51px;
width:7px;
height:7px;
border-radius:50%;
background:var(--orange);
box-shadow:0 0 0 5px rgba(241,99,62,.12);
}
.reference-nav{gap:10px;margin-top:38px}
.reference-nav button{
width:52px;
height:52px;
border-radius:50%;
border-color:rgba(255,255,255,.26);
background:rgba(5,23,38,.36);
font-size:1.1rem;
transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.reference-nav button:hover{transform:translateY(-2px);background:var(--orange);border-color:var(--orange)}
.reference-nav span{
min-width:74px;
text-align:center;
color:#7f97a5;
font-size:.68rem;
}
.reference-nav b{font-size:.82rem;color:#fff}
.reference-stage{
position:relative;
isolation:isolate;
min-height:455px;
padding:clamp(48px,5vw,82px);
overflow:hidden;
border:1px solid rgba(255,255,255,.65);
border-radius:18px;
background:
linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,248,249,.96)),
#fff;
box-shadow:0 28px 70px rgba(0,8,16,.25),inset 0 1px 0 #fff;
}
.reference-stage::before{
content:"„";
position:absolute;
z-index:-1;
top:-45px;
right:34px;
color:rgba(241,99,62,.1);
font:400 14rem/1 Sora,Arial,sans-serif;
pointer-events:none;
}
.reference-stage::after{
content:"";
position:absolute;
z-index:-1;
inset:auto -90px -135px auto;
width:330px;
height:330px;
border:1px solid rgba(11,40,65,.08);
border-radius:50%;
box-shadow:0 0 0 52px rgba(11,40,65,.025),0 0 0 104px rgba(241,99,62,.018);
}
.quote.active{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:290px}
.quote>p{
position:relative;
max-width:1020px;
margin:0;
padding-top:24px;
font-size:clamp(1.8rem,2.45vw,2.65rem);
line-height:1.38;
letter-spacing:-.035em;
}
.quote>p::before{
content:"";
position:absolute;
top:0;
left:0;
width:64px;
height:3px;
background:linear-gradient(90deg,var(--orange),#ffad8f);
}
.quote footer{
position:relative;
display:grid;
grid-template-columns:54px 1fr;
align-items:center;
gap:15px;
width:max-content;
max-width:100%;
margin-top:54px;
padding:0;
border:0;
}
.quote footer::before{
content:"EB";
grid-row:1/3;
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:50%;
background:var(--navy);
color:#fff;
font:.72rem/1 Sora,Arial,sans-serif;
letter-spacing:.08em;
box-shadow:inset 0 0 0 2px rgba(241,99,62,.72),0 8px 19px rgba(6,25,43,.15);
}
.quote:nth-child(1) footer::before{content:"RS"}
.quote:nth-child(2) footer::before{content:"RŠ"}
.quote:nth-child(3) footer::before{content:"MM"}
.quote:nth-child(4) footer::before{content:"ZC"}
.quote footer strong{align-self:end;font-size:.92rem}
.quote footer span{align-self:start;margin:0;font-size:.76rem;color:#71808a}
@media(max-width:1000px){
.references::before{width:100%;opacity:.2}
.reference-grid{grid-template-columns:1fr;gap:36px}
.reference-intro{padding:0}
.reference-intro h2{max-width:720px}
.reference-intro::before{bottom:17px}
.reference-intro::after{margin-top:34px}
}
@media(max-width:720px){
.references::after{display:none}
.reference-intro h2{font-size:2.8rem}
.reference-stage{min-height:390px;padding:38px 25px;border-radius:13px}
.reference-stage::before{top:-20px;right:12px;font-size:9rem}
.quote.active{min-height:300px}
.quote>p{font-size:1.55rem;padding-top:20px}
.quote footer{grid-template-columns:46px 1fr;margin-top:38px}
.quote footer::before{width:46px;height:46px;font-size:.65rem}
} .other li{
--other-position:center;
border-color:rgba(8,28,42,.15);
background:#eef4f6;
box-shadow:0 16px 30px rgba(8,28,42,.11);
}
.other li:nth-child(1){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/service-security-v2.webp);--other-position:center 54%}
.other li:nth-child(2){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/service-intercom-v2.webp);--other-position:center 49%}
.other li:nth-child(3){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/service-network-v2.webp);--other-position:center 58%}
.other li:nth-child(4){--other-photo:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/service-support-v2.webp);--other-position:center 67%}
.other li::before{
background-image:var(--other-photo);
background-position:var(--other-position);
background-size:cover;
background-repeat:no-repeat;
filter:saturate(.92) brightness(.88) contrast(1.12);
}
.other li::after{
background:linear-gradient(180deg,rgba(240,246,248,.84) 0%,rgba(240,246,248,.48) 29%,rgba(240,246,248,.07) 58%,rgba(7,26,44,.08) 100%);
}
.other li:hover{
border-color:rgba(241,99,62,.52);
background:#eef4f6;
box-shadow:0 20px 38px rgba(8,28,42,.16);
}
.other li a,.other li a:hover{
color:#071a2c;
text-shadow:0 1px 10px rgba(255,255,255,.8);
}
.other li span{
border-color:rgba(241,99,62,.72);
background:rgba(255,255,255,.9);
color:#e95231;
box-shadow:0 5px 14px rgba(8,28,42,.08);
text-shadow:none;
} .other li{
border:1px solid rgba(7,26,44,.25);
box-shadow:0 15px 28px rgba(7,26,44,.18),inset 0 0 0 1px rgba(255,255,255,.44);
}
.other li::before{
filter:saturate(1) brightness(.82) contrast(1.2);
}
.other li::after{
background:linear-gradient(180deg,rgba(244,248,249,.38) 0%,rgba(244,248,249,.08) 43%,rgba(7,26,44,.12) 100%);
}
.other li:hover{
border-color:rgba(241,99,62,.68);
box-shadow:0 20px 38px rgba(7,26,44,.24),inset 0 0 0 1px rgba(255,255,255,.5);
}
.other li a{gap:12px;text-shadow:none}
.other li a strong{
display:block;
width:fit-content;
max-width:100%;
padding:8px 10px;
border:1px solid rgba(255,255,255,.72);
border-radius:6px;
background:rgba(248,251,252,.84);
color:#071a2c;
font:700 1rem/1.25 Satoshi,Arial,sans-serif;
box-shadow:0 6px 16px rgba(7,26,44,.11);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
} .other li{
border:1px solid rgba(255,255,255,.15);
background:#0a2135;
box-shadow:0 15px 30px rgba(7,26,44,.17);
}
.other li::before{
filter:saturate(.58) brightness(.78) contrast(1.1);
}
.other li::after{
background:linear-gradient(180deg,rgba(5,23,39,.78) 0%,rgba(5,23,39,.58) 48%,rgba(5,23,39,.7) 100%);
}
.other li:hover{
border-color:rgba(241,99,62,.65);
background:#0a2135;
box-shadow:0 20px 38px rgba(7,26,44,.24);
}
.other li a,.other li a:hover{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.other li a strong{
width:auto;
max-width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:#fff;
font:700 1.05rem/1.28 Satoshi,Arial,sans-serif;
box-shadow:none;
text-shadow:0 2px 12px rgba(0,0,0,.28);
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
.other li span{
border-color:rgba(241,99,62,.82);
background:rgba(5,23,39,.68);
color:#ff7b58;
box-shadow:none;
} :root{--v2-radius:18px;--v2-shadow:0 18px 50px rgba(6,25,43,.08)} .eyebrow{font-size:.71rem;line-height:1.35}
.hero .eyebrow{font-size:.76rem}
.hero-trust{font-size:.78rem;gap:20px}
.hero-scroll{font-size:.69rem}
.stats small{font-size:.69rem;line-height:1.45}
.section-head>p,.process-head>p,.related-head>p,.catalog-head>p,.download-head>p{font-size:1rem;line-height:1.7}
.btn{min-height:54px;font-size:.83rem}
.license{font-size:.67rem;line-height:1.55} .services .service-card,.other,.reference-stage,.contact-layout .form{border-radius:var(--v2-radius)}
.process .steps li{box-shadow:var(--v2-shadow)}
.process .steps h3{font-size:1.25rem}
.process .steps p{font-size:.86rem;line-height:1.6}
.why-copy>p{font-size:1rem;line-height:1.72}
.why .benefit-list h3{font-size:1.25rem}
.why .benefit-list p{font-size:.87rem;line-height:1.6}
.quote-author small{font-size:.72rem}
.footer-grid p,.footer-grid a{font-size:.81rem;line-height:1.6}
.footer-bottom{font-size:.63rem} .sub-hero{min-height:720px}
.sub-hero-content{grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:clamp(58px,6vw,104px);padding-top:164px;padding-bottom:76px}
.breadcrumbs{font-size:.66rem;margin-bottom:24px}
.sub-hero h1{font-size:clamp(3.75rem,6.35vw,6.65rem);line-height:1.2;margin-bottom:30px}
.sub-lead{font-size:1.17rem;line-height:1.68;max-width:760px}
.sub-points{padding-top:12px}
.sub-points li{font-size:.89rem;line-height:1.48;padding:17px 0} .feature-band article{min-height:128px;padding:30px 34px;align-items:center}
.feature-band span{font-size:.69rem}
.feature-band p{font-size:.94rem;line-height:1.55} .content-split{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(58px,6vw,100px)}
.content-photo img{height:590px;border-radius:var(--v2-radius)}
.content-copy h2,.catalog-head h2,.download-head h2{line-height:1.02}
.content-copy>.lead-copy{font-size:1.23rem;line-height:1.6}
.content-copy>p{font-size:1rem;line-height:1.72}
.cert-row span{font-size:.72rem;padding:11px 14px} .process-head{margin-bottom:38px}
.process-cards{gap:14px;border:0}
.process-cards article{min-height:225px;margin:0;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(6,25,43,.05)}
.process-cards article:last-child{border:1px solid var(--line)}
.process-cards span{font-size:.68rem}
.process-cards h3{font-size:1.22rem;line-height:1.25;margin:40px 0 12px}
.process-cards p{font-size:.86rem;line-height:1.58;margin:0} .related-card,.catalog-group,.contact-card,.billing{border-radius:var(--v2-radius);box-shadow:0 14px 38px rgba(6,25,43,.055)}
.related-card{min-height:225px;padding:30px}
.related-card span,.catalog-group>span,.contact-card span{font-size:.68rem}
.related-card h3{font-size:1.5rem;line-height:1.25;margin-top:36px}
.related-card p{font-size:.9rem;line-height:1.58}
.catalog-group{padding:36px}
.catalog-item h3{font-size:1.16rem}
.catalog-item p{font-size:.87rem;line-height:1.55}
.download-list a{padding:23px 0}
.download-list span{font-size:.67rem}
.download-list strong{font-size:1rem}
.download-list b{font-size:.8rem} .sub-contact-grid{grid-template-columns:minmax(0,1fr) minmax(540px,660px);align-items:center}
.sub-contact-copy>p{font-size:1rem;line-height:1.7;max-width:560px}
.sub-contact .form{max-width:660px;border-radius:var(--v2-radius);box-shadow:0 25px 70px rgba(0,0,0,.2)}
.form label{font-size:.68rem}
.form input,.form textarea,.form select{font-size:.9rem}
.contact-card h3{font-size:1.55rem}
.contact-card p,.contact-card a{font-size:.91rem;line-height:1.6}
.legal-copy p,.legal-copy li{font-size:1rem;line-height:1.78}
@media(max-width:1100px){
.sub-hero-content{grid-template-columns:minmax(0,1fr) 290px;gap:42px}
.content-split{gap:48px}
.process-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-cards article:nth-child(3),.process-cards article:nth-child(n+4){border:1px solid var(--line)}
.process-cards article:last-child{grid-column:1/-1;min-height:180px}
.sub-contact-grid{grid-template-columns:1fr;gap:38px}
.sub-contact .form{justify-self:stretch;max-width:none}
}
@media(max-width:720px){
.eyebrow,.hero .eyebrow{font-size:.65rem}
.hero-trust{font-size:.7rem;gap:10px 16px}
.stats small{font-size:.66rem}
.sub-hero{min-height:660px}
.sub-hero-content{display:block;padding-top:132px;padding-bottom:56px}
.breadcrumbs{font-size:.61rem;margin-bottom:20px}
.sub-hero h1{font-size:clamp(2.85rem,13vw,3.65rem);line-height:1.2}
.sub-lead{font-size:1rem;line-height:1.62}
.sub-points{margin-top:32px}
.sub-points li{font-size:.82rem;padding:13px 0}
.feature-band article,.feature-band article:first-child{padding:19px 0}
.feature-band p{font-size:.86rem}
.content-photo img{height:370px}
.content-copy>.lead-copy{font-size:1.1rem}
.content-copy>p{font-size:.94rem}
.process-cards{grid-template-columns:1fr;gap:10px}
.process-cards article,.process-cards article:nth-child(3),.process-cards article:nth-child(n+4),.process-cards article:last-child{grid-column:auto;min-height:0;padding:22px;border:1px solid var(--line)}
.process-cards h3{margin:20px 0 8px}
.related-card{min-height:190px}
.catalog-group{padding:25px}
.sub-contact-copy>p{font-size:.94rem}
.form label{font-size:.65rem}
.footer-grid p,.footer-grid a{font-size:.78rem}
}  .hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.hero-trust span{
display:inline-flex;
align-items:center;
min-height:36px;
padding:7px 12px;
border:1px solid rgba(255,255,255,.17);
border-radius:999px;
background:rgba(4,21,34,.5);
color:#d7e2e8;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}
.hero-scroll a{
display:inline-flex;
align-items:center;
gap:11px;
min-height:42px;
padding:0 15px;
border-left:2px solid var(--orange);
background:linear-gradient(90deg,rgba(4,21,34,.72),transparent);
} .stats{
position:relative;
padding:18px 0;
background:linear-gradient(100deg,#06192b 0%,#0a2b46 54%,#081f34 100%);
box-shadow:0 18px 44px rgba(3,18,30,.16);
}
.stats::before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
height:2px;
background:linear-gradient(90deg,var(--orange),rgba(241,99,62,.12) 38%,transparent 72%);
}
.stats-grid{gap:12px}
.stats-grid>div{
min-height:126px;
padding:24px 26px!important;
border:1px solid rgba(255,255,255,.11)!important;
border-radius:12px;
background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
}
.stats-grid>div:hover{border-color:rgba(241,99,62,.48)!important;background:rgba(255,255,255,.075)}
.stats strong{font-size:2.08rem;letter-spacing:-.035em}
.stats span{font-size:.78rem;color:#b2c2cb} .services{
position:relative;
background:
radial-gradient(circle at 92% 4%,rgba(156,194,214,.2),transparent 25%),
linear-gradient(180deg,#f7f7f4 0%,#f0f3f3 100%);
}
.services .section-head{
position:relative;
margin-bottom:42px;
padding-bottom:38px;
border-bottom:1px solid rgba(6,25,43,.14);
}
.services .section-head::after{
content:"";
position:absolute;
bottom:-1px;
left:0;
width:110px;
height:2px;
background:var(--orange);
}
.services .service-card{
border-color:rgba(6,25,43,.14);
box-shadow:0 22px 58px rgba(6,25,43,.09);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.services .service-card:hover{transform:translateY(-6px);border-color:rgba(241,99,62,.48);box-shadow:0 30px 70px rgba(6,25,43,.14)}
.services .service-body{position:relative}
.services .service-body::before{content:"";position:absolute;top:0;left:36px;width:58px;height:3px;background:var(--orange)} .why{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 82% 12%,rgba(33,91,128,.28),transparent 31%),
linear-gradient(120deg,#051827 0%,#09263d 60%,#071d31 100%);
}
.why::after{
content:"";
position:absolute;
right:-150px;
bottom:-210px;
width:430px;
height:430px;
border:1px solid rgba(241,99,62,.13);
border-radius:50%;
box-shadow:0 0 0 62px rgba(255,255,255,.018),0 0 0 124px rgba(241,99,62,.025);
pointer-events:none;
}
.why-grid{position:relative;z-index:1}
.why-media{padding:10px 0 0 10px}
.why-media::before{
content:"";
position:absolute;
top:0;
right:10px;
bottom:10px;
left:0;
border:1px solid rgba(255,255,255,.18);
border-radius:18px;
}
.why-media>img{position:relative;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.why-copy h2{position:relative;padding-bottom:26px}
.why-copy h2::after{content:"";position:absolute;bottom:0;left:0;width:72px;height:3px;background:var(--orange)} .references{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.contact{
position:relative;
background:
radial-gradient(circle at 83% 18%,rgba(241,99,62,.1),transparent 22%),
linear-gradient(120deg,#061a2c,#09263d);
}
.contact .form{border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(0,0,0,.27)}
.contact-copy h2{position:relative;padding-bottom:25px}
.contact-copy h2::after{content:"";position:absolute;bottom:0;left:0;width:72px;height:3px;background:var(--orange)}
@media(max-width:1000px){
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats-grid>div{min-height:112px}
}
@media(max-width:560px){
.hero-trust{gap:7px;margin-top:20px}
.hero-trust span{min-height:32px;padding:6px 9px;font-size:.66rem}
.stats{padding:12px 0}
.stats-grid{gap:8px}
.stats-grid>div{min-height:96px;padding:17px!important}
.stats strong{font-size:1.55rem}
.stats span{font-size:.66rem}
.services .section-head{padding-bottom:28px}
.services .service-body::before{left:28px}
.why-media{padding:7px 0 0 7px}
} html{scroll-padding-top:108px}
.header{
position:fixed!important;
top:0;
right:0;
bottom:auto;
left:0;
z-index:80;
}
@media(max-width:720px){html{scroll-padding-top:88px}} .logo{gap:0}
.logo-mark{
width:88px;
height:70px;
border:0;
background:url(//elektrobialek.cz/wp-content/themes/elektrobialek/assets/logo-bialek-transparent.png) left center/contain no-repeat;
}
.logo-mark::before,.logo-mark::after,.logo-mark i{display:none}
.logo>span:last-child{display:none}
.footer .logo-mark{width:104px;height:84px}
@media(max-width:720px){
.logo-mark{width:72px;height:58px}
.footer .logo-mark{width:94px;height:76px}
} .stats{border-top:0}
@media(min-width:1301px){.hero{height:866px;min-height:866px;max-height:866px}}
@media(min-width:1001px) and (max-width:1300px){.hero{height:706px;min-height:706px;max-height:706px}}
@media(min-width:721px) and (max-width:1000px){.hero{min-height:846px}}
@media(max-width:720px){.hero,.hero-content{min-height:788px}} @media(min-width:1101px){
.contact-grid{
width:100%;
max-width:1700px;
margin-right:auto;
margin-left:auto;
grid-template-columns:minmax(0,1.08fr) minmax(540px,.92fr);
gap:clamp(58px,5vw,92px);
align-items:center;
}
.contact-copy{max-width:880px}
.contact .form{width:100%;max-width:620px;justify-self:end}
}
.contact .form{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.42);
border-top:3px solid var(--orange);
border-radius:16px;
background:linear-gradient(145deg,#f8fafb 0%,#edf3f6 100%);
box-shadow:0 26px 70px rgba(0,0,0,.22);
}
.contact .form::before{
content:"";
position:absolute;
top:-120px;
right:-105px;
width:260px;
height:260px;
border:1px solid rgba(6,25,43,.065);
border-radius:50%;
box-shadow:0 0 0 42px rgba(6,25,43,.018);
pointer-events:none;
}
.contact .form>*{position:relative;z-index:1}
.contact .form-head{border-color:rgba(6,25,43,.16)}
.contact .form input,.contact .form select,.contact .form textarea{border-color:rgba(6,25,43,.24)}
@media(max-width:1100px){
.contact .form{max-width:680px;justify-self:start}
} .contact .form{
color:#fff;
border-color:rgba(255,255,255,.16);
border-top-color:var(--orange);
background:linear-gradient(145deg,rgba(14,48,73,.86),rgba(5,24,40,.94));
box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055);
-webkit-backdrop-filter:blur(16px) saturate(115%);
backdrop-filter:blur(16px) saturate(115%);
}
.contact .form::before{
border-color:rgba(255,255,255,.07);
box-shadow:0 0 0 42px rgba(255,255,255,.018);
}
.contact .form-head{border-color:rgba(255,255,255,.16)}
.contact .form-head h3{color:#fff}
.contact .form-head span{color:#9eb2be}
.contact .form label{color:#c4d1d8}
.contact .form input,.contact .form select,.contact .form textarea{
color:#fff;
border-color:rgba(255,255,255,.23);
}
.contact .form input::placeholder,.contact .form textarea::placeholder{color:#849aa7;opacity:1}
.contact .form select option{color:#071a2c;background:#fff}
.contact .form input:focus,.contact .form select:focus,.contact .form textarea:focus{border-color:var(--orange)}
.contact .form small{color:#7f96a3}
.contact .form small a{color:#c3d0d8} .map-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px;background:radial-gradient(circle at 80% 15%,rgba(241,99,62,.16),transparent 32%),linear-gradient(145deg,#143047,#0a2134);color:#fff}
.map-placeholder small{color:#91a8b5;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.map-placeholder strong{margin:8px 0 6px;font:400 1.05rem/1.35 Sora}
.map-placeholder>span{max-width:330px;color:#9eb0bb;font-size:.72rem}
.map-placeholder-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.map-load{min-height:42px;padding:0 15px;border:1px solid var(--orange);border-radius:5px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer}
.map-load:hover{background:var(--orange2)}
.map-external{color:#c3d0d8;font-size:.68rem;font-weight:700}
.office-map.is-loaded iframe{min-height:220px}
@media(max-width:720px){.map-placeholder{min-height:180px;padding:18px}.map-placeholder>span{font-size:.68rem}.map-placeholder-actions{margin-top:14px;gap:10px}.map-load{min-height:40px}} @media(max-width:720px){
.subpage .breadcrumbs{font-size:.68rem}
.overline,.billing-card>p{font-size:.64rem}
}