/* Variant B: the opening two sections. The rest of the site retains its styling. */
.homepage{--b-ink:#172923;--b-green:#527e29;--b-line:#dce3e0}
.homepage .header{border-bottom:1px solid var(--b-line)}
.homepage .header-inner{max-width:none}
.homepage .header-cta{background:var(--b-ink);color:#fff}
.homepage .header-cta:hover{background:#36593e}
.connection-hero{height:100vh;height:100dvh;min-height:0;padding-top:var(--header-height);display:grid;grid-template-rows:minmax(0,1fr) 112px;background:#fff;color:var(--b-ink);overflow:hidden}
.connection-stage{display:grid;grid-template-columns:1fr 1fr;min-height:0}
.connection-copy{padding:38px 22px 40px var(--gutter);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.connection-kicker{display:flex;gap:12px;align-items:center;font-size:14.5px;font-weight:700;letter-spacing:.13em;line-height:1.5}
.connection-kicker>span:not(.chapter-number){width:7px;height:7px;background:#82b544;flex-shrink:0}
.connection-copy h1{font-size:clamp(65px,7.3vw,124px);font-weight:600;letter-spacing:-.075em;line-height:1.05;margin:36px 0 28px;white-space:nowrap}
.connection-copy h1>span{color:var(--b-green)}
.connection-copy>p{max-width:380px;font-size:16px;line-height:1.9;color:#5d6963}
.connection-actions{display:flex;gap:25px;align-items:center;margin-top:34px}
.connection-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;background:var(--green);font-size:15.5px;font-weight:700;min-height:57px;transition:background .2s}
.connection-button:hover{background:#a4d466}
.connection-button .icon{width:20px}
.connection-consult{font-size:15px;font-weight:600;display:flex;align-items:center;gap:14px;border-bottom:1px solid #adb9ad;padding:8px 0}
.connection-consult>span{font-size:20.5px;line-height:1}
.connection-product{position:relative;isolation:isolate;min-width:0;display:flex;align-items:center;justify-content:center;background:#edf3f5;overflow:hidden}
.product-coordinate{position:absolute;left:34px;right:var(--gutter);top:29px;display:flex;justify-content:space-between;font-size:14px;font-weight:600;letter-spacing:.1em;color:#516b74;z-index:2;gap:16px}
.product-orbit{position:absolute;width:79%;aspect-ratio:1;border:1px solid #cedee3;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.product-orbit:before{content:'';position:absolute;inset:13%;border:1px dashed #cedee3;border-radius:50%}
.product-orbit:after{content:'';position:absolute;inset:-12%;border:1px solid #dce7eb;border-radius:50%}
.connection-product>img{position:relative;width:100%;max-width:800px;height:auto;mix-blend-mode:multiply;z-index:1;transform:rotate(-9deg) translate(-1%,-1%);transition:transform .8s cubic-bezier(.2,.6,.3,1)}
.connection-product:hover>img{transform:rotate(-6deg) translate(-1%,-2%)}
.product-cross{position:absolute;font-size:26.5px;line-height:1;font-weight:400;color:#8ba2ac}
.cross-top{left:34px;top:85px}.cross-bottom{right:var(--gutter);bottom:145px}
.product-annotation{position:absolute;right:var(--gutter);top:16%;font-size:14.5px;line-height:1.7;display:flex;gap:10px;color:#46636d;z-index:2}
.product-annotation strong{font-weight:600}.annotation-dot{width:6px;height:6px;margin-top:5px;background:#7ba443;border-radius:50%;box-shadow:0 0 0 5px #7ba44319}
.product-identification{position:absolute;bottom:32px;left:34px;right:var(--gutter);display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #cbdce2;padding-top:20px;z-index:2}
.product-identification small{display:block;font-size:14px;letter-spacing:.15em;color:#546c75;margin-bottom:7px}
.product-identification strong{font-size:16px;font-weight:500}.product-identification b{font-weight:800;white-space:nowrap;margin-left:8px}
.product-link-arrow{border:1px solid #b1c4cd;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;transition:background .2s}
.product-link-arrow .icon{width:18px;transform:rotate(-45deg)}.product-identification:hover .product-link-arrow{background:white}
.connection-foot{display:grid;grid-template-columns:1fr 1fr auto;background:var(--b-ink);color:white;padding:0 var(--gutter);align-items:center}
.connection-experience{display:flex;gap:25px;align-items:center}
.connection-experience>strong{font-size:44px;font-weight:500;letter-spacing:-.06em;line-height:1}.connection-experience>strong>span{font-size:27.5px;color:var(--green);margin-left:18px}
.connection-experience>span{font-size:14.5px;line-height:1.7;color:#c4d1c9}
.connection-promise{display:flex;gap:20px;align-items:center;border-left:1px solid #41534a;padding-left:34px}
.promise-mark{color:var(--green);font-size:36px;line-height:1}.connection-promise strong{font-size:15.5px;display:block;font-weight:500}.connection-promise small{font-size:14.5px;display:block;color:#b2c2b8;margin-top:3px}
.connection-scroll{display:flex;align-items:center;gap:25px;font-size:14px;letter-spacing:.1em;line-height:1.7;margin-left:30px}.connection-scroll>.icon{width:39px;height:39px;border:1px solid #58685e;border-radius:50%;padding:9px;transition:background .2s}.connection-scroll:hover>.icon{background:#36593e}
.connection-assortment{background:white;padding:108px var(--gutter) 92px;scroll-margin-top:0}
.assortment-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:.85fr 1.4fr;gap:8%}
.assortment-editorial{padding-top:14px;align-self:start}
.chapter-number{font-size:14.5px;color:#557c38;border:1px solid #c5d4bd;width:25px;height:25px;display:inline-grid;place-items:center;letter-spacing:0}
.assortment-editorial h2{font-size:clamp(40px,4.2vw,66px);line-height:1.12;font-weight:500;letter-spacing:-.065em;margin:30px 0 25px;color:var(--b-ink)}
.assortment-editorial h2>span{color:var(--b-green)}
.assortment-editorial>p{font-size:16px;line-height:1.9;max-width:310px;color:#5d6963}
.assortment-catalog{display:inline-flex;align-items:center;gap:28px;font-size:15.5px;font-weight:700;border-bottom:1px solid var(--b-ink);padding:11px 0;margin-top:22px}.assortment-catalog .icon{width:20px}.assortment-catalog:hover{color:var(--b-green)}
.assortment-help{display:flex;gap:19px;border-top:1px solid var(--b-line);padding-top:25px;margin-top:65px;max-width:330px}.assortment-help>span{font-size:30px;color:#668a4a;line-height:1.2}.assortment-help strong{font-size:15px;font-weight:600}.assortment-help p{font-size:15px;line-height:1.9;margin-top:7px}.assortment-help a{display:inline-flex;gap:8px;align-items:center;color:var(--b-ink);border-bottom:1px solid #b8c4b5;margin-top:7px}.assortment-help .icon{width:15px;height:15px}
.product-directory{border-top:1px solid var(--b-ink)}
.directory-row{display:grid;grid-template-columns:24px 150px minmax(0,1fr) 38px;gap:20px;align-items:center;padding:24px 0;min-height:157px;border-bottom:1px solid var(--b-line);position:relative;transition:background .25s}
.directory-row:before{content:'';position:absolute;inset:0 -18px;background:#f6f9f4;opacity:0;transition:opacity .25s;z-index:0}.directory-row:hover:before,.directory-row:focus-visible:before{opacity:1}.directory-row>*{position:relative}
.directory-number{font-size:14.5px;color:#637266;align-self:start;margin-top:5px}
.directory-image{height:105px;display:grid;place-items:center}.directory-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.directory-row:hover img{transform:scale(1.07)}
.directory-copy>span{font-size:14px;letter-spacing:.07em;color:#5d7364;font-weight:600}.directory-copy h3{font-size:clamp(20.5px,1.8vw,29px);font-weight:600;letter-spacing:-.04em;margin:8px 0}.directory-copy p{font-size:15px;color:#667268;line-height:1.75;max-width:280px}
.directory-arrow{width:35px;height:35px;border:1px solid #d5ded1;border-radius:50%;display:grid;place-items:center;transition:background .25s,border-color .25s}.directory-arrow .icon{width:18px;transform:rotate(-45deg)}.directory-row:hover .directory-arrow{background:var(--green);border-color:var(--green)}
.directory-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:21px;font-size:13.5px;letter-spacing:.12em;color:#5d7364}
@media(min-width:1700px){.connection-copy{padding-left:max(var(--gutter),calc((100vw - 1500px)/2))}.connection-product>img{max-width:900px}.connection-copy>p{font-size:17px;max-width:430px}}
@media(max-width:1200px){.connection-actions{gap:20px;align-items:flex-start;flex-direction:column;margin-top:25px}.connection-copy h1{font-size:7.5vw;margin:28px 0 23px}.connection-copy>p{font-size:16px;max-width:335px}.connection-hero{grid-template-rows:minmax(0,1fr) 96px}.connection-experience>strong{font-size:37px}.connection-experience{gap:18px}.connection-promise{padding-left:25px;gap:16px}.connection-promise strong{font-size:15px}.connection-promise small{font-size:14px}.connection-scroll{gap:16px}.assortment-layout{gap:6%;grid-template-columns:.8fr 1.4fr}.directory-row{grid-template-columns:18px 110px minmax(0,1fr) 30px;gap:15px}.directory-arrow{width:30px;height:30px}.product-identification strong{font-size:15px}}
@media(max-width:980px){.connection-kicker{font-size:14px;letter-spacing:.1em}.connection-copy{padding-right:20px}.connection-copy h1{font-size:7.5vw}.connection-copy>p{font-size:15.5px}.product-coordinate{left:22px;right:24px;font-size:13px}.product-identification{left:22px;right:24px;bottom:28px}.product-identification b{display:block;margin-left:0;margin-top:3px}.product-annotation{right:24px;font-size:14px}.cross-top{left:22px}.cross-bottom{right:24px}.connection-promise{padding-left:20px}.connection-promise .promise-mark{display:none}.connection-scroll{font-size:13.5px;margin-left:15px}.connection-scroll>span{display:none}.connection-foot{grid-template-columns:1fr 1fr auto}.connection-experience>span{font-size:14px}.connection-experience>strong{font-size:32px}.connection-experience>strong>span{font-size:23.5px;margin-left:10px}.connection-assortment{padding-block:75px}.assortment-layout{grid-template-columns:1fr;gap:45px}.assortment-editorial{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.assortment-editorial .connection-kicker{grid-column:1/-1}.assortment-editorial h2{font-size:48px;grid-row:2/4;margin-bottom:0}.assortment-editorial>p{grid-column:2;grid-row:2;margin-top:30px}.assortment-catalog{grid-column:2;justify-self:start;margin-top:10px}.assortment-help{display:none}.directory-row{grid-template-columns:25px 150px minmax(0,1fr) 38px;gap:24px}.directory-copy h3{font-size:27.5px}.directory-copy>span{font-size:14px}.directory-copy p{font-size:15.5px}.directory-arrow{width:38px;height:38px}}
@media(max-width:600px){.homepage{--header-height:70px}.homepage .brand{width:156px}.homepage .header-actions{gap:8px}.homepage .mobile-menu{top:69px}.connection-hero{grid-template-rows:minmax(0,1fr) 72px}.connection-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.connection-copy{padding:27px var(--gutter) 25px;justify-content:flex-start}.connection-kicker{font-size:14px;gap:10px}.connection-copy h1{font-size:clamp(49px,12.7vw,75px);line-height:1.02;letter-spacing:-.07em;margin:17px 0 16px}.connection-copy h1 br{display:none}.connection-copy h1{white-space:normal;max-width:450px}.connection-copy>p{font-size:15px;line-height:1.8;max-width:340px}.connection-actions{flex-direction:row;align-items:center;gap:19px;margin-top:20px}.connection-button{font-size:14.5px;padding:12px 15px;min-height:46px;gap:18px}.connection-button .icon{width:18px}.connection-consult{font-size:14px;gap:7px;white-space:nowrap;padding:6px 0}.connection-consult>span{font-size:17px}.connection-product{overflow:hidden}.connection-product>img{width:auto;height:95%;max-width:90%;max-height:300px;object-fit:contain;transform:rotate(-9deg) translate(0,-2%)}.connection-product:hover>img{transform:rotate(-9deg) translate(0,-2%)}.product-orbit{width:auto;height:95%;max-height:330px}.product-coordinate{left:var(--gutter);right:var(--gutter);top:14px;font-size:13px;letter-spacing:.07em}.cross-top{left:var(--gutter);top:45px;font-size:19.5px}.cross-bottom{right:var(--gutter);bottom:54px;font-size:19.5px}.product-annotation{display:none}.product-identification{left:var(--gutter);right:var(--gutter);bottom:12px;padding-top:9px;gap:10px}.product-identification small{display:none}.product-identification strong{font-size:14px}.product-identification b{display:inline;margin-left:5px;margin-top:0}.product-link-arrow{width:27px;height:27px}.product-link-arrow .icon{width:14px}.connection-experience{gap:14px}.connection-experience>strong{font-size:29.5px}.connection-experience>strong>span{font-size:21.5px;margin-left:10px}.connection-experience>span{font-size:14px}.connection-foot{grid-template-columns:1fr auto}.connection-promise{display:none}.connection-scroll{margin-left:10px}.connection-scroll>span{display:block;font-size:13px;letter-spacing:.06em}.connection-scroll>.icon{width:31px;height:31px;padding:7px}.connection-assortment{padding:56px var(--gutter) 45px}.assortment-layout{gap:32px}.assortment-editorial{display:block;padding-top:0}.assortment-editorial h2{font-size:45px;line-height:1.1;margin:23px 0 20px}.assortment-editorial>p{font-size:15.5px;max-width:340px;margin-top:0}.assortment-catalog{font-size:15px;margin-top:16px;padding-bottom:9px}.directory-row{grid-template-columns:90px minmax(0,1fr) 26px;gap:13px;min-height:148px;padding:24px 0}.directory-number{position:absolute;top:12px;left:0;font-size:14px;margin-top:0}.directory-image{height:85px}.directory-copy>span{font-size:13px;letter-spacing:.04em;line-height:1.6;display:block}.directory-copy h3{font-size:22.5px;line-height:1.14;margin:8px 0}.directory-copy p{font-size:14.5px;line-height:1.7}.directory-arrow{width:26px;height:26px}.directory-arrow .icon{width:14px}.directory-bottom{font-size:13px;letter-spacing:.05em;margin-top:18px}.directory-bottom>span:last-child{display:none}}
@media(max-width:380px){.connection-actions{gap:13px}.connection-button{padding:12px;gap:12px}.connection-consult{font-size:14px}.connection-scroll>span{display:none}.connection-copy{padding-top:23px;padding-bottom:21px}.connection-copy h1{font-size:47px}.directory-row{grid-template-columns:74px minmax(0,1fr) 25px;gap:12px}.directory-copy h3{font-size:21.5px}}
@media(min-width:601px) and (max-height:740px){.connection-hero{grid-template-rows:minmax(0,1fr) 80px}.connection-copy{padding-block:22px}.connection-copy h1{font-size:clamp(48px,6.5vw,88px);margin:20px 0}.connection-copy>p{font-size:15.5px;max-width:370px}.connection-actions{margin-top:22px;flex-direction:row;align-items:center;gap:16px}.connection-button{padding:13px 16px;font-size:14.5px;min-height:46px;gap:17px}.connection-consult{font-size:14px}.connection-product>img{width:95%;max-height:75%;object-fit:contain}.product-annotation{top:17%;font-size:14px}.product-identification{bottom:20px;padding-top:12px}}
@media(max-width:600px) and (max-height:740px){.connection-copy{padding-top:21px;padding-bottom:19px}.connection-copy h1{font-size:44px;margin:14px 0}.connection-copy>p{font-size:14.5px}.connection-actions{margin-top:16px}.connection-hero{grid-template-rows:minmax(0,1fr) 62px}.connection-product>img{max-height:86%;transform:rotate(-9deg) translate(0,-9%)}.product-identification{bottom:7px;padding-top:6px}.product-coordinate{top:9px}.cross-top{top:31px}}
@media(max-height:500px) and (min-width:601px){.homepage{--header-height:62px}.homepage .brand{width:150px}.homepage .mobile-menu{top:61px}.connection-hero{grid-template-rows:minmax(0,1fr) 52px}.connection-copy{padding-block:12px}.connection-copy h1{font-size:48px;margin:12px 0}.connection-copy>p{font-size:14.5px;line-height:1.6;max-width:330px}.connection-kicker{font-size:13.5px}.connection-actions{margin-top:14px;gap:14px}.connection-button{min-height:37px;padding:8px 12px;font-size:14px}.connection-consult{font-size:14px}.connection-experience>strong{font-size:27.5px}.connection-experience>span{font-size:14px}.connection-promise strong{font-size:14.5px}.connection-promise small{font-size:14px}.product-coordinate{top:13px}.product-annotation,.product-cross{display:none}.product-identification{bottom:10px;padding-top:7px}.product-identification small{display:none}.product-identification b{display:inline;margin-left:5px}.product-link-arrow{width:27px;height:27px}.connection-product>img{max-height:75%;transform:rotate(-9deg) translateY(-5%)}}
@media(prefers-reduced-motion:reduce){.connection-product>img,.directory-image img{transition:none;transform:none!important}}
/* Keep the headline intentional and the product prominent on narrow screens. */
.directory-copy>span{font-size:14px}
@media(max-width:600px){.connection-copy h1 br{display:block}.connection-copy h1{font-size:14.5vw}.connection-product>img{width:130%;height:82%;max-width:none;max-height:350px;object-fit:contain}.directory-copy>span{font-size:14px}.directory-copy p{font-size:15px}}
@media(max-width:600px) and (max-height:740px){.connection-copy h1{font-size:44px}.connection-product>img{height:82%;max-height:none;transform:rotate(-9deg) translateY(-7%)}}
@media(max-width:350px) and (max-height:620px){.connection-copy{padding-block:17px}.connection-copy h1{font-size:38px;margin:12px 0}.connection-actions{gap:9px}.connection-button{font-size:14px;padding-inline:10px}.connection-consult{font-size:14px}.connection-kicker{font-size:13.5px}}
@media(max-width:600px) and (max-height:500px){
  .homepage{--header-height:60px}.homepage .brand{width:145px}.homepage .mobile-menu{top:59px;max-height:calc(100dvh - 60px)}
  .connection-hero{grid-template-rows:minmax(0,1fr) 48px}.connection-stage{grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1fr)}
  .connection-copy{padding:12px 18px;justify-content:center}.connection-kicker{font-size:13px;gap:7px}.connection-kicker>span:not(.chapter-number){width:5px;height:5px}
  .connection-copy h1{font-size:32px;margin:10px 0;line-height:1.03}.connection-copy>p{font-size:14px;line-height:1.6}.connection-actions{margin-top:12px;gap:9px}
  .connection-button{min-height:31px;padding:6px 9px;font-size:13.5px;gap:8px}.connection-button .icon{width:13px}.connection-consult{font-size:13px;gap:5px}.connection-consult>span{font-size:15px}
  .connection-product>img{width:120%;height:83%;max-height:none;transform:rotate(-9deg) translateY(-5%)}.product-orbit{height:90%}.product-coordinate{left:14px;right:14px;font-size:12.5px;top:10px}.product-coordinate>span:last-child{display:none}.product-cross{display:none}
  .product-identification{left:14px;right:14px;bottom:8px;padding-top:6px}.product-identification strong{font-size:13.5px}.product-identification b{display:block;margin:0}.product-link-arrow{width:24px;height:24px}
  .connection-experience>strong{font-size:26.5px}.connection-experience>span{font-size:13.5px}.connection-scroll>span{display:block}
}
/* Střídání fotek v hero */
.product-slides{position:absolute;inset:17% 3% 21%}
.product-annotation{background:#edf3f5d9;padding:6px 10px;margin-right:-10px}
.product-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transform:scale(.97);transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.6,.3,1)}
.product-slide.tilt{transform:rotate(-9deg) scale(1.08)}
.product-slide.is-active{opacity:1;transform:none}
.product-slide.tilt.is-active{transform:rotate(-9deg) scale(1.12)}
.product-coordinate{align-items:center}
.slide-controls{display:flex;align-items:center;gap:2px;margin-right:-8px}
.slide-dot,.slide-pause{width:28px;height:28px;padding:0;background:none;display:grid;place-items:center}
.slide-dot:before{content:'';width:8px;height:8px;border-radius:4px;background:#9fb3bb;transition:width .3s,background .3s}
.slide-dot[aria-pressed=true]:before{width:22px;background:var(--b-green)}
.slide-pause span{width:10px;height:12px;border-left:3px solid #516b74;border-right:3px solid #516b74}
.slide-pause[aria-pressed=true] span{width:0;height:0;border:0;border-left:11px solid #516b74;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
/* Odkazy na katalogy pod produkty */
.directory-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.catalog-button,.shop-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:58px;padding:16px 24px;font-size:17px;font-weight:700;transition:background .2s,color .2s}
.catalog-button{background:var(--b-ink);color:#fff}
.catalog-button:hover{background:var(--b-green)}
.catalog-button .icon{width:21px}
.shop-button{border:2px solid var(--b-ink);color:var(--b-ink)}
.shop-button:hover{background:var(--b-blue)}
.shop-button>span[aria-hidden]{font-size:21px;line-height:1}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:980px){.product-slides{inset:15% 4% 22%}}
@media(max-width:600px){.product-slides{inset:44px 5% 52px}.product-coordinate>span{display:none}.product-coordinate{justify-content:flex-end}
.directory-actions{flex-direction:column;gap:12px;margin-top:22px}.catalog-button,.shop-button{width:100%;font-size:16px;min-height:56px;padding:14px 20px}
.connection-button{white-space:nowrap;gap:10px;padding:12px 10px}.connection-button .icon{width:16px}.connection-actions{gap:10px;flex-wrap:wrap}.connection-consult{gap:5px}
.connection-experience>strong>span{display:none}.connection-experience>span{white-space:nowrap;font-size:13px}.connection-scroll{margin-left:6px;gap:8px}.connection-scroll>span{letter-spacing:.02em;white-space:nowrap}}
@media(max-width:600px) and (max-height:740px){.product-slides{inset:38px 5% 42px}}
@media(max-height:500px) and (min-width:601px){.product-slides{inset:40px 4% 46px}}
@media(prefers-reduced-motion:reduce){.product-slide{transition:none}}
@media(max-width:380px){.connection-actions{row-gap:8px}.connection-copy h1{font-size:40px}}
@media(max-width:380px) and (max-height:740px){.connection-copy h1{font-size:38px;margin:10px 0}.connection-copy{padding-top:16px;padding-bottom:14px}}
@media(max-width:600px) and (orientation:portrait){.connection-hero{height:auto;min-height:100dvh}.connection-stage{grid-template-rows:auto minmax(200px,1fr)}}
@media(max-height:500px) and (orientation:landscape){.connection-hero{height:auto;min-height:100dvh}.connection-copy{padding-top:24px;padding-bottom:24px}}