@font-face{font-family:Montserrat;src:url(montserrat-latin.woff2) format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Montserrat;src:url(montserrat-latin-ext.woff2) format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{color-scheme:dark;--dark:#211915;--cream:#f4efe3;--sand:#dfba88;scrollbar-color:#8b7050 #241b16}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--dark);color:var(--cream);font:500 15px/1.65 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #b37737;outline-offset:4px}button,input,select,textarea{font:inherit}h1,h2,h3,p,figure{margin:0}
.sample-inner{width:min(1160px,calc(100% - 64px));margin:auto}.sample-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px max(4%,calc((100% - 1160px)/2));background:#211915f5;border-bottom:1px solid #544137}.sample-logo{font-size:20px;font-weight:800;letter-spacing:.17em;line-height:1}.sample-logo span{color:var(--sand)}.sample-nav nav{display:flex;align-items:center;gap:clamp(11px,3vw,33px);font-size:12px}.nav-contact{border-bottom:1px solid #bd996f;color:#f8dfb7}
.sample-hero{min-height:clamp(340px,56vw,630px);display:grid;align-items:center;padding:45px 0;background:var(--sample-hero-image)}.sample-kicker{color:var(--sand);font-size:10px;font-weight:750;letter-spacing:.17em;margin:0 0 14px}.sample-hero h1,h2{font:650 clamp(36px,5.3vw,78px)/1.02 Montserrat,Arial,sans-serif;letter-spacing:-.055em}.sample-hero h1{font-size:clamp(46px,7.8vw,114px)}em{color:var(--sand);font-weight:inherit;font-style:normal}.sample-hero p:not(.sample-kicker){max-width:39ch;margin:18px 0 21px;color:#eee2d1}.sample-button{display:inline-flex;align-items:center;gap:17px;justify-content:space-between;background:var(--sand);color:#24170f;padding:10px 16px;border:0;border-radius:4px;font-size:12px;font-weight:750;cursor:pointer}.sample-button:hover{background:#f1d4a9}.sample-button span{font-size:15px}
.intro,.projects,.services,.process,.sample-faq,.contact{padding:clamp(40px,7vw,104px) 0}.intro,.projects,.sample-faq{background:var(--cream);color:#292019}.intro,.sample-faq{border-bottom:1px solid #dbd1c1}.intro .sample-kicker,.projects .sample-kicker{color:#81552c}.intro em{color:#885c36}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,6vw,90px);align-items:start}.intro p:not(.sample-kicker),.contact p:not(.sample-kicker):not(.sample-status){max-width:47ch;margin:19px 0 0}.section-heading{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading>p{font-size:12px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px)}.photo{position:relative;display:block;overflow:hidden;border-radius:6px;background:#32251e}.photo img{display:block;width:100%;height:auto;aspect-ratio:1.38;object-fit:cover;transition:transform .45s}.photo:hover img{transform:scale(1.055)}.photo span{position:absolute;right:10px;bottom:10px;border-radius:50%;background:#f4efe3;color:#302018;width:32px;height:32px;display:grid;place-items:center}.project-grid figcaption{display:grid;gap:1px;margin-top:10px}.project-grid figcaption span{font-size:12px;color:#635246}
.services{background:#30221b}.rows article,.rows details{padding:15px 0;border-bottom:1px solid #90857166}.rows h3,.steps strong{font-size:17px;font-weight:700}.rows p{margin-top:6px;max-width:48ch}.services .rows p,.steps li{color:#d1cabc}.process{background:#201611}.process .editorial{align-items:center}.process-photo img{aspect-ratio:1.06}.steps{padding-left:22px;margin:14px 0 0}.steps li{padding:6px 0 6px 4px}.steps strong{display:block;color:#f5eee0}.rows summary{cursor:pointer;font-weight:700}
.contact{background:#34251e}.sample-form{display:grid;gap:13px;padding:clamp(14px,3vw,30px);border:1px solid #776151;border-radius:9px;background:#241a15}.sample-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.sample-form input,.sample-form select,.sample-form textarea{color:#f8efe0;background:#30241f;border:1px solid #857062;border-radius:4px;padding:9px 10px;width:100%;min-width:0}.sample-form textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sample-form button{justify-self:start}.sample-status{font-size:13px;color:#f0d2a9}.sample-status:empty{display:none}
.sample-footer{border-top:1px solid #675247;padding:22px 0;font-size:12px}.sample-footer .sample-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}.sample-footer a:last-child{text-decoration:underline;text-underline-offset:4px}.photo-dialog{background:#211813;color:var(--cream);border:1px solid #80735f;border-radius:9px;padding:8px;max-width:min(1450px,96vw);max-height:90vh}.photo-dialog::backdrop{background:#000c}.photo-dialog img{display:block;max-width:100%;max-height:calc(90vh - 18px);object-fit:contain}.photo-dialog button{position:absolute;right:13px;top:13px;border:0;border-radius:50%;width:36px;height:36px;background:var(--dark);color:var(--cream);cursor:pointer}
@media(max-width:610px){.sample-inner{width:calc(100% - 32px)}.editorial,.project-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:8px}.sample-nav nav a[href="#sluzby"],.sample-nav nav a[href="#proces"]{display:none}.process-photo img{aspect-ratio:1.35}}
@media(max-width:390px){.form-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

.intro .editorial { align-items: center; }
.approach-photo img { aspect-ratio: 5 / 6; }
.sample-form input::placeholder, .sample-form textarea::placeholder { color: #c0aa9b; }

.sample-return {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: 7px 11px;
  border: 1px solid #9c7955;
  border-radius: 5px;
  color: #f8dfb7;
  font-size: clamp(10px, 2.6vw, 12px);
  font-weight: 700;
}
.sample-return:hover { background: #f8dfb7; color: var(--dark); }

.steps { font-weight: 400; }
.steps strong { font-weight: 600; }

.sample-hero {
  --sample-hero-image: linear-gradient(90deg,#160e0ae8 0%,#160e0a91 35%,#160e0a20 75%,#160e0a08 100%),url(vanta-hero.webp?v=13) center 56%/cover;
}
.embedded-preview .sample-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: none;
}
.embedded-preview .sample-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--sample-hero-image);
  transform: scale(1.18);
  transform-origin: center bottom;
}