/* SPORT-TOUR · editorial visual language. Onest & brand assets retained.
   Emphasis: large type, asymmetric documentary media, deliberate whitespace.
*/
:root{--f-ink:#111111;--f-muted:#5b615c;--f-lime:#a9f000;--f-orange:#ff592f;--f-paper:#f5f6f3;--f-border:#d5d9d8}
html{scroll-padding-top:105px}body{background:#fafbf9;color:var(--f-ink)}
.sticky-header-shell{background:#fff!important;border-bottom:1px solid #e6e8e2}
.sticky-header-shell .desktop-nav a{font-size:12px;letter-spacing:-.012em}
.site-header .brand{transform:none}
.site-main{max-width:1190px}
.proof-opening{position:relative;padding:clamp(40px,7vw,108px) 0 clamp(56px,9vw,112px);border-bottom:1px solid var(--f-border)}
.proof-opening::before{content:'SPORT / EVENT / EXPERIENCE';position:absolute;right:0;top:30px;font:750 10px/1 Onest,sans-serif;letter-spacing:.19em;color:#9da69a}
.proof-opening h1{font-size:clamp(51px,7.9vw,111px)!important;line-height:.94;letter-spacing:-.075em;max-width:1020px;margin:24px 0 35px;font-weight:800}
.proof-opening h1 em{font-style:normal;color:#425045}
.proof-opening>p{font-size:clamp(16px,1.8vw,20px);line-height:1.55;max-width:590px;color:#4b5850;margin:0 0 20px}
.proof-opening>.st-btn{margin-top:12px}
.proof-section{padding:75px 0 90px}.proof-header{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:32px}
.proof-header h2{font-size:clamp(32px,4vw,57px)!important;letter-spacing:-.065em;margin:8px 0 0;line-height:1.08}
.proof-header>p{max-width:370px;color:#657068;font-size:15px;line-height:1.6}
.proof-filters{display:flex;gap:7px;flex-wrap:wrap}.proof-filters button{cursor:pointer;background:transparent;border:1px solid #c9cec7;border-radius:50px;padding:11px 16px;font:650 12px Onest,sans-serif;color:#303b32}
.proof-filters button.active,.proof-filters button:hover{border-color:var(--f-ink);background:var(--f-ink);color:#fff}
.proof-cases{display:grid;grid-template-columns:1.1fr .9fr;gap:55px 30px;align-items:start}
.proof-case{min-width:0;display:block}.proof-case:nth-child(even){margin-top:100px}.proof-case[hidden]{display:none!important}
.proof-case-image{display:block;aspect-ratio:1.45;overflow:hidden;background:#e6ebe3;border-radius:4px;}
.proof-case-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
.proof-case-image:hover img{transform:scale(1.035)}
.proof-case:nth-child(even) .proof-case-image{aspect-ratio:1.12}
.proof-case-info{padding:21px 0 0}.proof-case-label{font:750 11px Onest,sans-serif;display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.09em;color:#737f72}
.proof-case-label span:first-child{color:#b9421e}.proof-case-info h3{font:790 clamp(26px,3vw,41px)/1.08 Onest,sans-serif;letter-spacing:-.055em;margin:12px 0;color:#111}
.proof-case-info p{font-size:14px;line-height:1.62;color:#6b746e;max-width:560px}.proof-case-link{display:inline-flex;gap:18px;color:#111;border-bottom:1px solid #111;font-weight:720;padding-bottom:5px;margin-top:15px;font-size:13px}
.proof-case-link span{transition:transform .2s}.proof-case-link:hover span{transform:translate(3px,-3px)}
.proof-no-results{border-top:1px solid var(--f-border);margin-top:25px;padding:35px 0;color:#6f756d}
.proof-honest-note{border-top:1px solid var(--f-border);font-size:12px;color:#7f857b;padding:24px 0 60px;line-height:1.5}
.proof-photo-empty{display:grid;place-items:center;width:100%;height:100%;background:#e7ece5;text-align:center;color:#536153;padding:20px;font-size:14px}
.proof-services{display:grid;gap:0;border-top:1px solid var(--f-border)}.proof-service{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:25px;border-bottom:1px solid var(--f-border);padding:41px 4px 56px}
.proof-service-sign{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:22px}.proof-service-sign>span{font:760 11px Onest,sans-serif;letter-spacing:.09em}
.proof-service-index{font:850 112px/1 Onest,sans-serif;letter-spacing:-.09em;color:#d8ded6}
.proof-service-feature .proof-service-index{color:var(--f-lime)}
.proof-service-content h2{font:780 clamp(30px,4vw,61px)/1.02 Onest,sans-serif;letter-spacing:-.064em;max-width:690px;margin:0 0 15px}
.proof-service-content>p{font-size:15px;line-height:1.55;max-width:570px;color:#566158;margin:0 0 24px}
.proof-service-content ul{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;max-width:730px}
.proof-service-content li{border-top:1px solid #dde3da;padding-top:11px;font-size:13px;line-height:1.45}
.proof-service-cta{display:inline-flex;gap:45px;font:750 14px Onest,sans-serif;background:var(--f-lime);color:#111;padding:14px 22px;border-radius:5px}
.proof-service-cta:hover{background:#96d800}
.proof-process{background:#ecf1e8;padding:50px clamp(25px,6vw,80px);margin:20px 0 90px;border-radius:4px}
.proof-process h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.064em;margin:8px 0 30px}
.proof-process>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.proof-process>div p{font-size:15px;font-weight:660;border-top:2px solid #222;padding:14px 0;line-height:1.48}
.proof-process small{display:block;color:#63705e;margin-top:25px;line-height:1.55;max-width:680px}
.proof-services-end{padding:50px 0 105px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.proof-services-end h2{flex:1 1 100%;font-size:clamp(29px,4vw,50px);letter-spacing:-.065em}
.proof-crumb{padding-top:26px;font-size:12px;display:flex;gap:9px;flex-wrap:wrap;color:#788075}.proof-crumb a{color:#111}
.proof-detail-top{padding:62px 0 50px}.proof-detail-top h1{font:800 clamp(48px,6.7vw,89px)/.99 Onest,sans-serif;letter-spacing:-.074em;margin:21px 0}.proof-detail-top p{font-size:clamp(17px,2vw,22px);line-height:1.5;max-width:740px;color:#4d594e}
.proof-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.proof-meta span{font-size:11px;color:#788078}.proof-meta strong{color:#222;font-weight:760}
.proof-detail-cover{background:#e9ece8;width:100%;max-height:720px;overflow:hidden;aspect-ratio:1.86;border-radius:4px}.proof-detail-cover img{width:100%;height:100%;object-fit:cover;display:block}
.proof-detail-story{display:grid;grid-template-columns:.75fr 1fr;gap:70px;padding:95px 0 80px}
.proof-story-intro span{font-size:11px;color:#c44e21;font-weight:750;letter-spacing:.1em}.proof-story-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.065em;margin-top:18px}
.proof-story-steps section{border-top:1px solid var(--f-border);padding:23px 0 34px}.proof-story-steps small{font:760 11px Onest,sans-serif;color:#bb4d24}.proof-story-steps h3{font:770 23px Onest,sans-serif;margin:10px 0}.proof-story-steps p{font-size:14px;color:#58615b;line-height:1.7;white-space:pre-line}
.proof-case-gallery{padding:25px 0 80px}.proof-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proof-gallery-image{border:0;background:#ecefea;padding:0;cursor:zoom-in;border-radius:4px;overflow:hidden;aspect-ratio:1.55}.proof-gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.proof-gallery-image:hover img{transform:scale(1.035)}
.proof-gallery-image:nth-child(3n){grid-column:1/-1;aspect-ratio:2.3}
.proof-end-cta{background:#111;color:#fff;padding:40px clamp(20px,4vw,60px);border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:80px}.proof-end-cta span{font-size:10px;color:var(--f-lime);font-weight:750}.proof-end-cta h2{font-size:clamp(28px,3vw,45px);margin:12px 0 0;letter-spacing:-.05em}
.proof-modal{border:0;padding:20px;max-width:min(1100px,94vw);max-height:94vh;background:#fff;box-shadow:0 20px 80px #1115}.proof-modal::backdrop{background:#101710df}.proof-modal img{display:block;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}.proof-modal p{font-size:12px;color:#4c554d}.proof-close{position:absolute;top:4px;right:7px;font-size:27px;border:0;background:#fff;cursor:pointer}.proof-modal-actions{display:flex;gap:8px;justify-content:center}.proof-modal-actions button{border:1px solid #d0d5cb;background:white;padding:8px 14px;cursor:pointer}
/* Home: real project showcase below working builder, not in its viewport */
.home-work{padding:80px 0 115px}.home-work .proof-header{margin-bottom:30px}.home-proof-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.home-proof-card{min-width:0;display:block}.home-proof-card:nth-child(2){margin-top:70px}.home-proof-image{background:#e6eae6;aspect-ratio:1.7;overflow:hidden;border-radius:3px}.home-proof-card:nth-child(2) .home-proof-image{aspect-ratio:1.24}.home-proof-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.home-proof-card:hover img{transform:scale(1.035)}.home-proof-card>span{display:block;margin-top:16px;color:#ba4a26;text-transform:uppercase;font-weight:780;font-size:11px;letter-spacing:.08em}.home-proof-card h3{font-size:clamp(24px,3vw,42px);letter-spacing:-.055em;margin:9px 0;display:flex;justify-content:space-between;gap:20px;color:#111}.home-proof-card h3 b{font-size:23px;font-weight:400}
/* Revise repetitive direction cards into editorial choices without touching copy */
.home-directions{padding-top:76px}.home-directions .direction-grid{gap:0;border-top:1px solid #d7ddd2;border-bottom:1px solid #d7ddd2}.home-directions .direction-card{background:transparent!important;border:0;border-right:1px solid #d7ddd2;border-radius:0;padding:25px 26px 38px;min-height:300px;color:#111!important;box-shadow:none}.home-directions .direction-card:last-child{border-right:0}.home-directions .direction-card h3{font-weight:780;letter-spacing:-.055em}.home-directions .direction-card p{color:#5e665c!important;line-height:1.58;font-size:13px}.home-directions .direction-card b{color:#111!important}.home-directions .direction-card:first-child{background:#eff6e4!important}.home-directions .direction-card:nth-child(3){background:#f2f4f0!important}
/* Updated surfaces: precise rather than plastic/glowing */
:where(.project-intro,.home-contacts,.about-accent){border-radius:5px!important}
:where(.st-btn,.button,.header-cta){border-radius:5px!important}
@media(max-width:900px){.proof-opening{padding:55px 0 65px}.proof-opening::before{display:none}.proof-opening h1{font-size:clamp(44px,8vw,72px)}.proof-services{grid-template-columns:1fr}.proof-service{grid-template-columns:100px 1fr}.proof-service-index{font-size:73px}.proof-process>div{grid-template-columns:1fr 1fr}.proof-detail-story{grid-template-columns:1fr;gap:12px}.home-directions .direction-grid{grid-template-columns:1fr}.home-directions .direction-card{border-right:0;border-bottom:1px solid #d7ddd2;min-height:230px}.home-directions .direction-card:last-child{border-bottom:0}}
@media(max-width:620px){.proof-opening h1{font-size:clamp(39px,10vw,59px)!important}.proof-header{display:block}.proof-header>p{margin-top:12px}.proof-header h2{font-size:33px!important}.proof-filters{margin-top:22px}.proof-cases,.home-proof-grid{grid-template-columns:1fr;gap:30px}.proof-case:nth-child(even),.home-proof-card:nth-child(2){margin-top:0}.proof-case:nth-child(even) .proof-case-image{aspect-ratio:1.45}.proof-section{padding:48px 0 65px}.proof-service{display:block;padding:24px 0 38px}.proof-service-sign{flex-direction:row;justify-content:space-between;align-items:center}.proof-service-index{font-size:48px}.proof-service-content h2{font-size:32px}.proof-service-content ul{grid-template-columns:1fr}.proof-process{padding:24px 20px;margin:12px 0 45px}.proof-process>div{grid-template-columns:1fr 1fr;gap:10px}.proof-process>div p{font-size:12px}.proof-detail-cover{aspect-ratio:1.15}.proof-detail-top{padding:38px 0 29px}.proof-detail-top h1{font-size:48px}.proof-detail-story{padding:55px 0 42px}.proof-gallery-grid{grid-template-columns:1fr}.proof-gallery-image:nth-child(3n){grid-column:auto;aspect-ratio:1.55}.proof-end-cta{flex-wrap:wrap}.home-work{padding:50px 0 65px}}
@media(prefers-reduced-motion:reduce){.proof-case-image img,.home-proof-image img,.proof-gallery-image img{transition:none!important}}
/* Portfolio opens with proof, not an oversized empty hero. */
body[data-page="cases"] .proof-opening{padding:54px 0 55px}
body[data-page="cases"] .proof-opening h1{font-size:clamp(48px,7vw,87px)!important;margin:17px 0 18px}
body[data-page="cases"] .proof-section{padding-top:44px}
body[data-page="cases"] .proof-header h2{font-size:clamp(29px,3.3vw,45px)!important}
@media(max-width:620px){body[data-page="cases"] .proof-opening{padding:33px 0 38px}body[data-page="cases"] .proof-opening h1{font-size:clamp(41px,9vw,57px)!important}body[data-page="cases"] .proof-section{padding-top:30px}}

/* 2026 editorial refinement: showcase actual work in the first viewport. */
.site-main:has(.proof-cases) .proof-opening,
.offline-screen[data-route="/cases"] .proof-opening{padding:38px 0 38px!important}
.site-main:has(.proof-cases) .proof-opening h1,
.offline-screen[data-route="/cases"] .proof-opening h1{font-size:clamp(47px,6.7vw,82px)!important;margin:15px 0 15px!important}
.site-main:has(.proof-cases) .proof-section,
.offline-screen[data-route="/cases"] .proof-section{padding:32px 0 65px!important}
.site-main:has(.proof-services) .proof-opening,
.offline-screen[data-route="/services"] .proof-opening{padding:39px 0 43px!important}
.site-main:has(.proof-services) .proof-opening h1,
.offline-screen[data-route="/services"] .proof-opening h1{font-size:clamp(48px,7vw,88px)!important;margin:17px 0 17px!important}
.site-main:has(.proof-services) .proof-section,
.offline-screen[data-route="/services"] .proof-section{padding-top:32px!important}
@media(max-width:620px){
.site-main:has(.proof-cases) .proof-opening,
.offline-screen[data-route="/cases"] .proof-opening,
.site-main:has(.proof-services) .proof-opening,
.offline-screen[data-route="/services"] .proof-opening{padding:28px 0 30px!important}
.site-main:has(.proof-cases) .proof-opening h1,
.offline-screen[data-route="/cases"] .proof-opening h1,
.site-main:has(.proof-services) .proof-opening h1,
.offline-screen[data-route="/services"] .proof-opening h1{font-size:clamp(39px,9vw,53px)!important}
}

/* Editorial scale block for ZaBeg.RF case. National scale is explicitly separated from Maykop. */
.zabeg-scale{margin:8px 0 74px;padding:clamp(26px,5.5vw,64px);background:#eef2eb;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(18px,5vw,78px);border-radius:5px}
.zabeg-scale-intro h2{font:800 clamp(35px,4.5vw,66px)/1.04 Onest,sans-serif;letter-spacing:-.064em;color:#111;margin:13px 0 20px}
.zabeg-scale-intro h2 em{font-style:normal;color:#314422}
.zabeg-scale-intro>p{font:450 clamp(14px,1.5vw,17px)/1.68 Onest,sans-serif;color:#4e5c4d;max-width:390px}
.zabeg-stats-label,.zabeg-local>span{font:750 10px/1.5 Onest,sans-serif;letter-spacing:.08em;color:#646f60}
.zabeg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}
.zabeg-stats>div{padding:17px 13px;background:white;border-top:3px solid #a9f000;min-width:0;display:flex;flex-direction:column;gap:6px}
.zabeg-stats strong{font:800 clamp(23px,2.8vw,41px)/1.05 Onest,sans-serif;letter-spacing:-.06em;color:#111;white-space:nowrap}
.zabeg-stats span{font:600 12px/1.35 Onest,sans-serif;color:#606e60}
.zabeg-scale-note{font:450 12px/1.55 Onest,sans-serif;color:#6d756d;margin:2px 0 26px}
.zabeg-local{padding:22px 0 0;border-top:1px solid #c9d3c5}
.zabeg-local h3{font:770 clamp(21px,2.5vw,31px)/1.15 Onest,sans-serif;letter-spacing:-.04em;margin:8px 0;color:#111}
.zabeg-local p{font:450 14px/1.66 Onest,sans-serif;color:#4e5c4d;max-width:620px;margin:0}
.zabeg-source{margin:22px 0 0;font:450 11px/1.6 Onest,sans-serif;color:#657363}
.zabeg-source a{color:#273b28;text-decoration:underline;text-underline-offset:2px}
.zabeg-source a:focus-visible{outline:3px solid #ff592f;outline-offset:4px}
@media(max-width:900px){.zabeg-scale{grid-template-columns:1fr}}
@media(max-width:620px){.zabeg-scale{padding:23px 17px;margin:10px 0 46px}.zabeg-stats{gap:5px}.zabeg-stats>div{padding:12px 7px}.zabeg-stats strong{font-size:clamp(20px,6vw,27px)}.zabeg-stats span{font-size:10px}.zabeg-scale-intro h2{font-size:38px}}
@media(max-width:335px){.zabeg-stats{grid-template-columns:1fr 1fr}.zabeg-stats>div:last-child{grid-column:1/-1}}