/* Reflexjobs: fotografické a kruhové kompozice podle firemní prezentace. */

body{background:#e6f2f8}

.presentation-canvas{position:relative;isolation:isolate;background:linear-gradient(115deg,#e6f2f9 0%,#f1f8fc 48%,#dfeff6 100%)}

.presentation-canvas>section{position:relative;z-index:1}

.decoration-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;background-image:url('/assets/presentation/orbits-0.svg');background-repeat:repeat-y;background-position:center top;background-size:1320px 1480px}

.composition-1 .decoration-field{background-image:url('/assets/presentation/orbits-1.svg')}

.composition-2 .decoration-field{background-image:url('/assets/presentation/orbits-2.svg')}

.composition-3 .decoration-field{background-image:url('/assets/presentation/orbits-3.svg')}

.atmosphere{position:absolute;left:0;right:0;height:670px;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.27;mask-image:linear-gradient(transparent,#000 20%,#000 50%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 50%,transparent)}

.atmosphere-top{top:90px;background-image:linear-gradient(90deg,#e4f2fa 8%,#e5f3fa8c 60%,#d5eaf354),url('/assets/presentation/scene-2.webp')}

.atmosphere-middle{top:38%;height:850px;background-image:linear-gradient(100deg,#e8f5fbdb,#e8f5fb55),url('/assets/presentation/scene-4.webp')}

.atmosphere-bottom{bottom:-50px;background-image:linear-gradient(270deg,#e8f5fbee,#e8f5fb55),url('/assets/presentation/scene-3.webp')}

.page-type-work .atmosphere-top,.page-type-register .atmosphere-top{background-image:linear-gradient(90deg,#e4f2fa,#e5f3fa66),url('/assets/presentation/scene-3.webp')}

.page-type-process .atmosphere-top,.page-type-rental .atmosphere-top,.page-type-reference .atmosphere-top{background-image:linear-gradient(90deg,#e4f2fa,#e5f3fa66),url('/assets/presentation/scene-4.webp')}

.page-type-contact .atmosphere-middle{top:26%;background-position:left center}

.page-type-about .atmosphere-middle{top:22%;opacity:.35}

/* Banner is part of the composition, but does not contain the only decoration. */

.subpage-hero{background:linear-gradient(90deg,#d9eef8f5 0%,#dceff7d9 40%,#d0e9f29c 100%),url('/assets/presentation/scene-2.webp') right 38%/cover;border-bottom:1px solid #afd7e5;padding-block:27px 36px;min-height:180px}

.page-type-work .subpage-hero,.page-type-register .subpage-hero{background-image:linear-gradient(90deg,#d9eef8fa,#d9eef7b8 55%,#cee7f28c),url('/assets/presentation/scene-3.webp')}

.page-type-process .subpage-hero,.page-type-rental .subpage-hero,.page-type-reference .subpage-hero{background-image:linear-gradient(90deg,#d9eef8fa,#d9eef7b8 55%,#cee7f28c),url('/assets/presentation/scene-4.webp')}

.subpage-hero:before{content:"";position:absolute;pointer-events:none;left:-63px;top:15px;width:132px;height:132px;border:1px solid #27b3cf;border-radius:50%;box-shadow:0 0 0 10px #dcf0f766,0 0 0 11px #67c5db}

.subpage-hero:after{width:360px;height:360px;top:-140px;right:7%;border-color:#4dbad3;box-shadow:0 0 0 23px #dceff744,0 0 0 24px #8acddd}

.composition-1 .subpage-hero:after{right:-120px;top:-70px;width:320px;height:320px}

.composition-2 .subpage-hero:after{right:21%;top:-210px;width:380px;height:380px}

.composition-3 .subpage-hero:after{right:4%;top:50px;width:260px;height:260px}

.subpage-hero h1{font-weight:500;padding-left:14px;max-width:1110px;margin-top:18px}

.subpage{padding-block:42px 55px;min-height:440px}

.content-panel{position:relative;display:flow-root;isolation:isolate;background:linear-gradient(115deg,#fffffff5,#f4faffec);border-color:#b8d9e6;box-shadow:0 8px 22px #316b7e0b;border-radius:18px;padding:30px 34px;margin-bottom:25px;overflow:hidden}

.content-panel:before{content:"";position:absolute;pointer-events:none;z-index:-1;right:-75px;bottom:-115px;width:260px;height:260px;border:1px solid #7ac9dd;border-radius:50%;box-shadow:0 0 0 17px #d9eff666,0 0 0 18px #aedee9;opacity:.7}

.content-panel:nth-of-type(2n){background:linear-gradient(120deg,#deeff8f5,#edf8fcf0);border-color:#acd2e2}

.content-panel:nth-of-type(2n):before{left:-150px;right:auto;top:-100px;bottom:auto;width:300px;height:300px;opacity:.4}

.article-body h2{position:relative;padding-left:30px;font-weight:600}

.article-body h2:before{content:"";position:absolute;left:0;top:7px;width:15px;height:15px;border:1px solid #1eabc6;border-radius:50%;box-shadow:0 0 0 5px #dff3f8;pointer-events:none}

.editorial-photo{float:right;position:relative;shape-outside:circle(50%);width:230px;height:230px;border-radius:50%;margin:10px 9px 20px 36px;border:7px solid #eef8fc;outline:1px solid #2eb5ce;box-shadow:0 0 0 11px #dff0f7,0 0 0 12px #8dcedf}

.editorial-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.page-type-about .editorial-photo{width:270px;height:270px;shape-outside:circle(50%)}

.page-type-process .editorial-photo{float:left;margin:10px 36px 22px 8px;shape-outside:circle(50%)}

.page-type-work .content-panel:nth-of-type(2n):before{left:auto;right:-120px;top:60px}

/* Existing photographs remain original; the framing supplies the brand. */

.original-gallery{position:relative;isolation:isolate;padding:12px 14px 18px;margin-bottom:26px;gap:26px}

.original-gallery:before{content:"";position:absolute;pointer-events:none;left:-45px;top:-30px;width:210px;height:210px;border:1px solid #32b2cc;border-radius:50%;box-shadow:0 0 0 15px #ddecf444,0 0 0 16px #7bc8dc;z-index:-1}

.original-gallery:after{content:"";position:absolute;pointer-events:none;right:-35px;bottom:-20px;width:145px;height:145px;border:1px solid #7dc8d8;border-radius:50%;z-index:-1}

.original-gallery figure{box-shadow:0 8px 26px #1e53651a;border:5px solid #f8fcfe;border-radius:18px}

.portrait-gallery img{filter:grayscale(1)}

.page-type-reference .subpage{min-height:590px;padding-top:55px}

.page-type-reference blockquote.article-body{padding:30px;background:linear-gradient(110deg,#fdfefef5,#e3f2f9e8);border:1px solid #b9dbe7;border-radius:18px;box-shadow:var(--shadow)}

.page-type-reference blockquote .content-panel{background:transparent;border:0;box-shadow:none;overflow:visible;padding:10px 0;margin:0;display:block}

.page-type-reference blockquote .content-panel:before{display:none}

.page-type-reference .subpage .original-gallery{width:32%;margin-right:32px;padding:8px;margin-bottom:16px}

.page-type-reference .original-gallery figure{border-radius:50%;border-width:7px;outline:1px solid #34b5cf}

.page-type-reference .original-gallery img{aspect-ratio:1;border-radius:50%;object-position:center 20%}

.page-type-reference .original-gallery:before{width:calc(100% + 14px);height:auto;aspect-ratio:1;left:-7px;top:-7px;box-shadow:0 0 0 13px #e2f2f8,0 0 0 14px #8bcfdf}

/* Forms and factual contact data have opaque surfaces; scenery stays behind. */

.company-data,.contact-form-wrap,.server-form{position:relative;isolation:isolate;background:linear-gradient(110deg,#fff,#f4faff);border-color:#b8d9e6;box-shadow:0 10px 30px #1b586b10}

.contact-form-wrap .server-form{background:transparent}

.page-type-register .server-form{border-top:5px solid #29b2ce;max-width:980px;margin-inline:auto}

.page-type-register .subpage>.article-body{position:relative;z-index:1;padding:14px 32px 24px;background:linear-gradient(130deg,#d7ecf580,#f3faff40);border:1px solid #a9d4e3;border-radius:30px}

.page-type-register .subpage>.article-body:before{content:"";position:absolute;pointer-events:none;right:-25px;top:-32px;width:210px;height:210px;border:1px solid #29b3cf;border-radius:50%;box-shadow:0 0 0 18px #ddf0f766,0 0 0 19px #86cddd;z-index:-1}

.building-photo{position:relative;isolation:isolate;max-height:none;height:350px;background:linear-gradient(110deg,#e3f2f9,#cfe7f2);padding:10px;overflow:hidden;border:1px solid #bbdce8}

.building-photo img{height:330px;width:auto;max-width:100%;object-fit:contain;margin-inline:auto;position:relative;z-index:1;border-radius:8px;box-shadow:0 5px 20px #205b7022}

.building-photo:before,.building-photo:after{content:"";position:absolute;pointer-events:none;width:260px;height:260px;border:1px solid #4ab9d0;border-radius:50%;left:-120px;top:15px}

.building-photo:after{width:190px;height:190px;left:auto;right:-75px;top:140px;border-color:#79c7d9}

/* The homepage uses the same system between sections and through to the footer. */

.page-type-home .hero{background:linear-gradient(95deg,#e5f2f9fa,#e2f0f7e8 60%,#d6ebf4bb),url('/assets/presentation/scene-4.webp') center/cover}

.page-type-home .hero-grid{min-height:565px}

.page-type-home .hero-art{isolation:isolate}

.page-type-home .audience-card{background:linear-gradient(115deg,#f5fcfeef,#e1f1f8d9)}

.page-type-home .craft-card{background:linear-gradient(115deg,#153c49f5,#1b4858eb)}

.audience-card:after{width:250px;height:250px;right:-135px;top:-110px;border-color:#55bbd1;box-shadow:0 0 0 18px #d6edf444,0 0 0 19px #a0d7e4}

.services{background:linear-gradient(110deg,#e2f1f7d9,#d1e8f4c9),url('/assets/presentation/scene-3.webp') left 35%/cover;border-block:1px solid #a9d2e3;overflow:hidden}

.services:after{content:"";position:absolute;pointer-events:none;right:-170px;bottom:-230px;width:570px;height:570px;border:1px solid #36b0cc;border-radius:50%;box-shadow:0 0 0 20px #dceff733,0 0 0 21px #79c6d9}

.service-grid{position:relative;z-index:1}.service-photo{border:7px solid #f6fbfd;outline:1px solid #63bfd6;box-shadow:0 10px 25px #1d5b6d15;border-radius:110px 110px 18px 18px;height:250px;max-width:440px}

.service-list{background:#fbfdffed;position:relative;z-index:1;border-color:#a5cfdf}

.service-list .content-panel:before{display:none}

.about{background:linear-gradient(110deg,#123847f2,#1a4a5ce6),url('/assets/presentation/scene-2.webp') center/cover;overflow:hidden}

.about:before{content:"";position:absolute;pointer-events:none;left:-150px;bottom:-200px;width:440px;height:440px;border:1px solid #48b3ca;border-radius:50%;box-shadow:0 0 0 25px #18475955,0 0 0 26px #4d889a}

.about>.container{position:relative;z-index:1}.reference-link .original-gallery{padding:0}.reference-link .original-gallery:before,.reference-link .original-gallery:after{display:none}

footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#eaf5fbf5,#e0eff7d9),url('/assets/presentation/scene-4.webp') right center/cover}

footer:before{content:"";position:absolute;pointer-events:none;left:26%;bottom:-210px;width:340px;height:340px;border:1px solid #40b3cc;border-radius:50%;box-shadow:0 0 0 20px #e5f4fa55,0 0 0 21px #84cbdc;z-index:-1}

@media(max-width:1100px){.editorial-photo{width:190px;height:190px;margin-left:25px}.page-type-about .editorial-photo{width:210px;height:210px}.subpage-hero{background-position:right 30%}.decoration-field{background-size:1100px 1400px}.content-panel{padding:27px}.subpage{padding-block:32px 42px}}

@media(max-width:700px){.decoration-field{background-size:640px 1050px;background-position:44% 40px}.atmosphere{height:550px;opacity:.20}.atmosphere-middle{top:42%;height:750px;opacity:.23}.atmosphere-bottom{bottom:0}.subpage-hero{min-height:160px;padding-block:20px 27px;background-position:65% center}.subpage-hero h1{padding-left:0;margin-top:16px}.subpage-hero:before{width:110px;height:110px;left:-90px;top:40px}.subpage-hero:after{width:210px;height:210px;right:-100px;top:-80px}.composition-2 .subpage-hero:after{right:-80px;top:-110px;width:240px;height:240px}.composition-3 .subpage-hero:after{right:-150px;top:40px}.subpage{padding-block:28px 35px}.content-panel{padding:23px 20px;margin-bottom:22px;background:#fffffff5}.content-panel:nth-of-type(2n){background:#e8f5fcf5}.content-panel:before{right:-160px;bottom:-150px}.editorial-photo,.page-type-about .editorial-photo,.page-type-process .editorial-photo{float:none;shape-outside:none;width:170px;height:170px;margin:8px auto 28px}.article-body h2{padding-left:24px}.article-body h2:before{width:12px;height:12px;top:8px}.original-gallery{padding:8px 6px 14px;gap:15px}.original-gallery:before{left:-35px;top:-20px;width:140px;height:140px}.original-gallery:after{width:100px;height:100px;right:-20px;bottom:-10px}.page-type-reference .subpage{padding-top:35px;min-height:0}.page-type-reference blockquote.article-body{padding:24px 20px}.page-type-reference .subpage .original-gallery{float:none;width:78%;max-width:260px;margin:8px auto 26px;padding:6px}.page-type-register .subpage>.article-body{padding:12px 8px 16px;border-radius:24px}.page-type-register .server-form{padding:22px 16px}.page-type-register .subpage>.article-body:before{width:140px;height:140px;right:-18px;top:-22px}.company-data,.contact-form-wrap{background:#fcfeff}.building-photo{height:300px;padding:10px}.building-photo img{height:280px}.page-type-home .hero-grid{min-height:0}.page-type-home .hero{background-position:65% center}.services{background-image:linear-gradient(110deg,#e2f1f7ed,#d1e8f4de),url('/assets/presentation/scene-3.webp')}.service-photo{height:210px;max-width:none;border-radius:90px 90px 18px 18px}.services:after{width:340px;height:340px;bottom:-190px;right:-200px}.service-list .editorial-photo{width:140px;height:140px;margin-bottom:25px}.about:before{width:300px;height:300px;bottom:-140px;left:-160px}footer:before{left:40%;bottom:-170px;width:280px;height:280px}}

@media(prefers-reduced-transparency:reduce){.content-panel,.company-data,.contact-form-wrap,.server-form{background:#fff}.atmosphere{opacity:.12}}

/* Separate thin outlines, with transparent gaps rather than solid bands. */

.subpage-hero:before{left:-100px;box-shadow:none;outline:1px solid #67c5db;outline-offset:10px}

.subpage-hero:after{box-shadow:none;outline:1px solid #8acddd;outline-offset:23px}

.content-panel:before{box-shadow:none;outline:1px solid #aedee9;outline-offset:17px}

.original-gallery:before{box-shadow:none;outline:1px solid #7bc8dc;outline-offset:15px}

.page-type-register .subpage>.article-body:before{box-shadow:none;outline:1px solid #86cddd;outline-offset:18px}

.audience-card:after{box-shadow:none;outline:1px solid #a0d7e4;outline-offset:18px}

.services:after{box-shadow:none;outline:1px solid #79c6d9;outline-offset:20px}

.about:before{box-shadow:none;outline:1px solid #4d889a;outline-offset:25px}

footer:before{box-shadow:none;outline:1px solid #84cbdc;outline-offset:20px}

@media(max-width:700px){.original-gallery:after{right:-8px}.page-type-register .subpage>.article-body:before{right:-6px}}



/* Bílý podklad původního loga splyne s pozadím; obrazový soubor je nedotčený. */

footer .official-brand img{mix-blend-mode:darken}