/* ONEST composition informed by the inspected frontend of frantisekbabcicky.cz. */
.ref-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;padding-top:65px;padding-bottom:88px;background:linear-gradient(120deg,#faf9f6,#fff);align-items:center}.ref-hero-copy{position:relative;z-index:1}.ref-chips{display:flex;gap:8px;margin:28px 0 20px}.ref-chips span{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:12px}.ref-hero h1{font-family:Commissioner,sans-serif;font-size:clamp(48px,5.6vw,90px);font-weight:650;line-height:.99;letter-spacing:-.065em;margin:0 0 28px}.ref-hero h1 em{color:var(--orange);font-style:normal}.ref-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:560px}.ref-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}.ref-actions .button{font-size:14px;min-height:56px;padding:17px 20px;gap:20px}.ref-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin-top:29px;font-size:13px}.ref-shortcuts a{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.ref-hero-photo{height:530px;position:relative;margin:0 0 30px;border-radius:22px;isolation:isolate}.ref-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:22px}.ref-hero-photo figcaption{font-size:10px;color:var(--muted);position:absolute;bottom:-23px;left:5px}.ref-photo-note{position:absolute;bottom:24px;right:-20px;max-width:250px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 45px #19191712;padding:23px;display:grid;gap:10px}.ref-photo-note strong{font-size:36px;line-height:1;letter-spacing:-.05em}.ref-photo-note>span:last-child{font-size:11px;line-height:1.4}.ref-note-mark{position:absolute;right:19px;top:16px;color:var(--orange);font-size:30px}.ref-estimate{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;background:var(--paper)}.ref-estimate h2,.ref-about h2,.ref-contact h2{font-size:clamp(40px,4vw,66px);line-height:1.04;letter-spacing:-.05em}.ref-benefits{list-style:none;padding:0;margin:30px 0 0}.ref-benefits li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.ref-benefits li span{color:var(--orange);font-size:12px}.ref-estimate-picker{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px}.ref-estimate-picker h3{font-size:29px;letter-spacing:-.04em;margin:16px 0 25px}.ref-estimate-picker>a{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:9px;padding:19px 20px;margin-bottom:12px;transition:background .2s,transform .2s}.ref-estimate-picker>a:hover{background:#fff1e7;transform:translateX(4px)}.ref-estimate-picker>a>span:last-child{margin-left:auto}.ref-type-icon{color:var(--orange);font-size:28px;line-height:1}.ref-estimate-picker>p:last-child{font-size:12px;color:var(--muted);margin:23px 0 0}.ref-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ref-service-grid article{border:1px solid var(--line);border-radius:14px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.ref-service-grid h3{font-size:34px;letter-spacing:-.04em;margin:22px 0 10px}.ref-service-grid p{line-height:1.6;color:var(--muted);margin:0 0 28px}.ref-service-grid .link-arrow{margin-top:auto;font-size:14px}.ref-services{background:var(--paper)}.ref-about{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8%}.ref-about figure{margin:0}.ref-about img{width:100%;height:560px;object-fit:cover;border-radius:18px}.ref-about figcaption{color:var(--muted);font-size:10px;margin-top:10px}.ref-about>div>p:not(.eyebrow){line-height:1.6}.ref-about .link-arrow{font-size:14px}.ref-contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-top:1px solid var(--line)}.ref-contact>div>p:not(.eyebrow){font-size:22px;line-height:1.5;max-width:460px}.ref-contact .link-arrow{display:flex;width:fit-content;margin-top:26px}.logo-art{background:white}.logo-art img{object-fit:contain}
@media(min-width:1600px){.ref-hero{padding-top:85px;padding-bottom:110px}.ref-hero-photo{height:620px}}
@media(max-width:1000px){.ref-hero{gap:4%;padding-top:42px}.ref-hero h1{font-size:clamp(44px,6vw,65px)}.ref-hero-photo{height:460px}.ref-photo-note{right:12px;bottom:18px;padding:18px;max-width:210px}.ref-photo-note strong{font-size:30px}.ref-service-grid{gap:14px}.ref-service-grid article{padding:22px}.ref-service-grid h3{font-size:28px}.ref-about{gap:5%}.ref-about img{height:500px}.ref-estimate{gap:6%}.ref-estimate-picker{padding:24px}}
@media(max-width:700px){.ref-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:46px;gap:34px}.ref-chips{margin:22px 0 20px}.ref-hero h1{font-size:clamp(43px,10.5vw,70px)}.ref-hero h1 em br{display:none}.ref-hero h1{max-width:570px}.ref-lead{font-size:18px}.ref-actions{gap:10px}.ref-actions .button{padding:16px;font-size:13px;gap:12px}.ref-shortcuts{gap:15px;font-size:12px;margin-top:24px}.ref-hero-photo{height:360px;margin-bottom:15px}.ref-photo-note{right:16px;max-width:205px}.ref-estimate,.ref-about,.ref-contact{grid-template-columns:1fr;gap:32px}.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{padding:28px}.ref-about img{height:360px}.ref-about h2{font-size:39px}.ref-contact>div>p:not(.eyebrow){font-size:19px}.ref-estimate-picker{padding:24px}.ref-estimate-picker h3{font-size:27px}.ref-hero .eyebrow{font-size:10px}.ref-hero-photo figcaption{bottom:-20px}}
/* Full viewport photographic hero, requested 16 October. */
.ref-hero-fullscreen{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - 102px);padding-top:62px;padding-bottom:74px;color:white;background:var(--ink);overflow:hidden}.ref-hero-fullscreen .ref-hero-copy{max-width:720px}.ref-hero-fullscreen .ref-hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;z-index:-2}.ref-hero-fullscreen .ref-hero-photo>img{border-radius:0;object-fit:cover;object-position:58% 53%}.ref-hero-fullscreen:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,15,13,.86) 0%,rgba(12,15,13,.64) 35%,rgba(12,15,13,.16) 75%,rgba(12,15,13,.10)),linear-gradient(0deg,rgba(12,15,13,.4),transparent 35%)}.ref-hero-fullscreen .ref-hero-photo figcaption{z-index:2;bottom:20px;right:var(--pad);left:auto;color:#fff;font-size:10px;text-shadow:0 1px 5px #000}.ref-hero-fullscreen h1{font-size:clamp(52px,6.2vw,98px);font-weight:600;letter-spacing:-.055em;line-height:1.01}.ref-hero-fullscreen .ref-chips span{border-color:#ffffff50;background:#ffffff0a}.ref-hero-fullscreen .ref-lead{max-width:530px;color:#fffffff0}.ref-hero-fullscreen .button-outline{border-color:#ffffff85;color:#fff;background:#ffffff0a;backdrop-filter:blur(5px)}.ref-hero-fullscreen .button-outline:hover{background:white;color:var(--ink)}.ref-hero-fullscreen .ref-shortcuts a{border-color:#ffffff65}.ref-hero-fullscreen .ref-chips{margin-top:25px}.ref-hero-fullscreen .ref-shortcuts{margin-top:27px}
@media(max-width:700px){.ref-hero-fullscreen{min-height:calc(100svh - 87px);padding-top:45px;padding-bottom:75px}.ref-hero-fullscreen h1{font-size:clamp(43px,10.5vw,70px)}.ref-hero-fullscreen .ref-hero-copy{width:100%}.ref-hero-fullscreen .ref-hero-photo{height:100%;margin:0}.ref-hero-fullscreen .ref-hero-photo>img{object-position:53% 50%}.ref-hero-fullscreen:before{background:linear-gradient(90deg,#0c0f0de0,#0c0f0d70),linear-gradient(0deg,#0c0f0d80,transparent)}.ref-hero-fullscreen .ref-hero-photo figcaption{font-size:8px;bottom:16px;right:24px}.ref-hero-fullscreen .ref-actions{gap:10px}.ref-hero-fullscreen .ref-lead{font-size:17px}}
/* Direct navigation on desktop; compact touch navigation on phones/tablets. */
@media(min-width:1101px){.menu-trigger{display:none}.desktop-nav{display:flex}.desktop-nav>a{min-height:44px;display:flex;align-items:center}.desktop-nav .nav-estimate{padding:10px 16px}}
@media(max-width:1100px){
 .menu-trigger{min-height:48px;gap:12px}.menu-trigger>span{width:46px;height:46px}.menu-panel{inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:0;overscroll-behavior:contain;background:white;color:var(--ink);scrollbar-gutter:stable}.menu-panel[open]{display:flex;flex-direction:column}.menu-top{position:sticky;top:0;z-index:2;flex-shrink:0;background:#fffffff5;backdrop-filter:blur(12px);padding:calc(20px + env(safe-area-inset-top)) 24px 20px;border-bottom:1px solid var(--line);gap:20px}.menu-top .site-brand{font-size:43px}.menu-close{font-size:13px;gap:12px;min-height:46px}.menu-close>span{width:46px;height:46px;font-size:30px}.menu-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:1;gap:24px;padding:25px 24px calc(24px + env(safe-area-inset-bottom))}.menu-content .eyebrow{font-size:9px;letter-spacing:.1em;margin:0 0 18px}.menu-links{gap:0}.menu-links>div{border-bottom:1px solid var(--line);overflow:hidden}.menu-links a{font-size:clamp(21px,5.9vw,29px);line-height:1.15;letter-spacing:-.035em;min-height:58px;gap:14px;padding:13px 0;align-items:center;transition-delay:calc(.025s + var(--i)*.025s)}.menu-links a>span:first-child{font-size:9px;min-width:16px}.menu-links a>span:last-child{opacity:1;transform:none;font-size:21px}.menu-links>div:first-child{border:0;border-radius:6px;background:var(--orange);margin-bottom:8px}.menu-links>div:first-child>a{padding-left:13px;padding-right:13px;min-height:62px}.menu-links>div:first-child>a>span:first-child{color:var(--ink)}.menu-links a:hover{color:var(--ink);background:#19191706}.menu-content>aside{display:block;padding:0;margin-top:auto}.menu-content>aside>p,.menu-content>aside>.button{display:none}.menu-content>aside>.link-arrow{font-size:13px;min-height:44px;display:flex;align-items:center;margin:0;width:100%;justify-content:space-between;border-bottom:0}.menu-trigger:focus-visible,.menu-close:focus-visible,.menu-links a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.menu-links>div:first-child>a:focus-visible{outline-color:var(--ink);outline-offset:-4px}
}
@media(max-width:360px){.menu-top{padding-left:20px;padding-right:20px}.menu-content{padding-left:20px;padding-right:20px;gap:16px}.menu-links a{font-size:22px;min-height:54px;gap:10px}.menu-content .eyebrow{margin-bottom:12px}}
/* Give the contact call to action its own breathing room below the copy. */
.ref-contact>div>.button{margin-top:28px}

/* Commissioner gives ONEST a distinct, slightly flared editorial voice. */
.ref-hero h1{font-family:Commissioner,Arial,sans-serif;font-variation-settings:"FLAR" 65,"VOLM" 20,"slnt" 0;letter-spacing:-.045em}