/* EVENT86 / Services landing. Canonical component styles, no legacy v34 rules. */
body.services-redesign{background:#f8f7f4;color:#111;}
body.services-redesign .header{position:sticky;top:0;background:#101010;border-bottom:1px solid #ffffff1a;z-index:110;}
body.services-redesign .header .nav{height:76px;}
body.services-redesign .nav-links a[href="/services"]{color:#fff;position:relative;}
body.services-redesign .nav-links a[href="/services"]:after{content:"";position:absolute;bottom:-17px;height:2px;background:var(--red);left:0;right:0;}
body.services-redesign .form-status[hidden]{display:none;}
body.services-redesign .form-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;}
body.services-redesign .overlay{z-index:155;}
body.services-redesign .footer{margin-top:0;}
body.services-redesign .footer-brand img{height:auto;max-height:74px;width:176px;object-fit:contain;object-position:left center;}
.svc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.svc-main{overflow:hidden;}
/* First-screen contract: header + services hero = exactly one viewport on standard desktop. */
.svc-btn-clear{color:#111;background:#fff9;border:1px solid #9b9b9b;box-shadow:none;}
.svc-btn-clear:hover{background:#fff;}
/* Shared EVENT86 diagonal cover (r19): one implementation for all service pages. */
.svc-hero{--svc-header-height:77px;position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - var(--svc-header-height));min-height:calc(100svh - var(--svc-header-height));background:#faf9f7}
.svc-hero-inner{position:relative;z-index:3;display:flex;align-items:center;width:min(calc(100% - 96px),1410px);max-width:none;margin-inline:auto;height:100%;padding:20px 0 28px}
.svc-hero-copy{width:min(610px,45.5%);min-width:0;position:relative}
.svc-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#777573;font-size:13px;line-height:1.35;margin:0 0 clamp(23px,4.5vh,48px)}
.svc-crumbs a:hover{color:#e92434}
.svc-hero .section-kicker{font-size:13px;font-weight:730;letter-spacing:.10em}
.svc-hero h1{font-family:Onest,system-ui,sans-serif;font-size:clamp(43px,5.2vw,80px);font-weight:770;line-height:1.065;letter-spacing:-.022em;max-width:650px;margin:26px 0 24px;overflow-wrap:normal}
.svc-hero .svc-lead{font-size:clamp(15px,1.35vw,20px);line-height:1.55;color:#62605e;max-width:530px;margin:0}
.svc-hero-actions{display:flex;flex-wrap:wrap;gap:17px;margin:clamp(24px,4vh,42px) 0 clamp(27px,5vh,58px)}
.svc-hero-actions .btn{font-size:15px;font-weight:660;min-height:58px;padding:0 27px;gap:18px}
.svc-btn-clear{background:#ffffffde;color:#111;border:1px solid #a3a2a0;box-shadow:none}
.svc-btn-clear:hover{background:#fff;border-color:#232323}
.svc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:570px;border:0;padding:0;margin:0}
.svc-facts>div{padding:0 19px 0 0;min-width:0}
.svc-facts>div+div{border-left:1px solid #cbc9c6;padding-left:26px}
.svc-facts b{display:block;font-size:clamp(27px,2.6vw,39px);line-height:1.08;font-weight:780;letter-spacing:-.024em}
.svc-facts span{display:block;font-size:clamp(11px,1vw,14px);line-height:1.36;color:#777472;margin-top:8px}
.svc-hero-art{position:absolute;z-index:-2;inset:0;overflow:hidden;background:#111}
.svc-hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;border-radius:0;box-shadow:none}
.svc-hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:none}
.svc-hero-photo:after{display:none}
.svc-hero-diagonal{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:60%;height:100%;display:block;overflow:visible;pointer-events:none}
.svc-hero-cutout{fill:#faf9f7;stroke:none}
.svc-hero-edge{fill:none;stroke:#f13240;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.72}
@media(max-width:1199px) and (min-width:841px){
 .svc-hero-inner{width:calc(100% - 70px)}
 .svc-hero-copy{width:47%}
 .svc-hero h1{font-size:clamp(40px,5vw,63px);margin:14px 0 16px}
 .svc-crumbs{margin-bottom:23px}
 .svc-hero-actions{gap:10px;margin:23px 0 28px}
 .svc-hero-actions .btn{min-height:47px;font-size:12px;padding:0 17px;gap:8px}
 .svc-facts b{font-size:27px}
 .svc-facts span{font-size:11px}
 .svc-facts>div+div{padding-left:13px}
 .svc-hero .svc-lead{font-size:14px}
}
@media(max-width:840px){
 .svc-hero{--svc-header-height:77px}
 .svc-hero-inner{width:calc(100% - 48px);max-width:none;align-items:flex-start;padding:29px 0 0}
 .svc-hero-copy{width:100%;max-width:660px}
 .svc-crumbs{font-size:11px;margin-bottom:18px;gap:8px}
 .svc-hero .section-kicker{font-size:11px}
 .svc-hero h1{font-size:clamp(37px,6.2vw,54px);margin:12px 0 13px;line-height:1.065}
 .svc-hero .svc-lead{font-size:13px;line-height:1.42;max-width:510px}
 .svc-hero-actions{gap:9px;margin:17px 0 21px}
 .svc-hero-actions .btn{min-height:44px;font-size:11px;gap:8px;padding:0 15px}
 .svc-facts{max-width:440px}
 .svc-facts b{font-size:24px}
 .svc-facts span{font-size:10px;margin-top:4px}
 .svc-facts>div+div{padding-left:12px}
 .svc-hero-art{inset:60% 0 0;background:#141517;clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}
 .svc-hero-photo{background:url('/assets/images/event86-services-hero-mobile.webp') center center/cover no-repeat}
 .svc-hero-photo img{display:none}
 .svc-hero-photo img{object-position:76% 50%;object-fit:cover}
 .svc-hero-diagonal{display:none}
}
@media(max-width:480px){
 .svc-hero{--svc-header-height:71px}
 .svc-hero-inner{width:calc(100% - 32px);padding-top:20px}
 .svc-crumbs{font-size:10px;margin-bottom:14px}
 .svc-hero h1{font-size:clamp(30px,8.5vw,42px);margin:12px 0 12px}
 .svc-hero .svc-lead{font-size:12px;line-height:1.36}
 .svc-hero-actions{gap:8px;margin:15px 0 17px}
 .svc-hero-actions .btn{min-height:41px;font-size:10px;padding:0 11px;gap:6px}
 .svc-facts b{font-size:21px}
 .svc-facts span{font-size:9px}
 .svc-facts>div+div{padding-left:11px}
 .svc-hero-art{top:63%}
}
@media(max-width:355px){
 .svc-hero h1{font-size:clamp(27px,8.2vw,32px)}
 .svc-hero-actions .btn{font-size:9px;padding:0 9px}
 .svc-facts b{font-size:19px}
 .svc-crumbs{margin-bottom:10px}
 .svc-hero-art{top:70%}
}
@media(max-height:745px) and (min-width:841px){
 .svc-crumbs{margin-bottom:12px}
 .svc-hero h1{font-size:clamp(39px,4.35vw,65px);margin:13px 0}
 .svc-hero .svc-lead{font-size:14px;line-height:1.4}
 .svc-hero-actions{margin:19px 0 23px}
 .svc-hero-actions .btn{min-height:47px;font-size:12px}
 .svc-facts b{font-size:26px}
}
.svc-offers{padding:40px 0 58px;}
.svc-section-heading{margin-bottom:16px;}
.svc-feature-row{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;min-height:300px;margin-bottom:19px;}
.svc-feature-row--reverse{grid-template-columns:.82fr 1.18fr;}
.svc-feature-photo{position:relative;display:block;overflow:hidden;border-radius:17px;background:#18191d;min-height:300px;}
.svc-feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.svc-feature-photo:hover img{transform:scale(1.04);}
.svc-feature-info{border-radius:17px;background:#f2f1ee;padding:24px clamp(24px,3vw,54px);display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;}
.svc-index{display:flex;align-items:center;gap:12px;width:100%;font-size:11px;letter-spacing:.06em;color:#9b9895;margin-bottom:17px;}
.svc-index>span:first-child{color:#ed2534;font-weight:700;}
.svc-index i{height:1px;background:#d9d5d1;width:70px;}
.svc-index>span:last-child{margin-left:auto;}
.svc-feature-info h3{font-size:clamp(31px,3.3vw,49px);font-weight:690;letter-spacing:-.028em;line-height:1.1;margin:0 0 12px;}
.svc-feature-info p{font-size:15px;line-height:1.45;color:#76726f;max-width:365px;margin:0 0 20px;}
.svc-detail-link{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;}
.svc-circle-arrow{background:var(--red);color:#fff;border-radius:50%;display:grid;place-items:center;width:42px;height:42px;font-size:25px;font-weight:400;transition:transform .2s;}
.svc-detail-link:hover .svc-circle-arrow{transform:rotate(45deg);}
.svc-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.svc-small-card{position:relative;min-height:274px;display:block;border-radius:17px;overflow:hidden;color:#fff;background:#111;}
.svc-small-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050506e8 0%,#00000010 68%);pointer-events:none;}
.svc-small-card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .6s;}
.svc-small-card:hover img{transform:scale(1.045);}
.svc-small-number{position:absolute;right:18px;top:17px;z-index:1;color:#eee;font-size:11px;letter-spacing:.05em;}
.svc-small-content{position:absolute;z-index:1;left:26px;right:70px;bottom:25px;display:flex;flex-direction:column;gap:8px;}
.svc-small-content strong{font-size:30px;font-weight:650;line-height:1.14;letter-spacing:-.025em;}
.svc-small-content span{font-size:13px;line-height:1.35;color:#e8e8e8;}
.svc-small-arrow{z-index:1;position:absolute;bottom:23px;right:23px;border-radius:50%;display:grid;place-items:center;color:#111;background:white;font-size:24px;width:41px;height:41px;transition:transform .2s;}
.svc-small-card:hover .svc-small-arrow{transform:rotate(45deg);}
.svc-modes{padding:0 0 39px;}
.svc-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px;}
.svc-mode{display:flex;align-items:start;gap:23px;padding:8px 28px 0 0;}
.svc-mode+.svc-mode{border-left:1px solid #d6d4d0;padding-left:28px;}
.svc-mode-icon{width:64px;height:64px;display:grid;place-items:center;color:#e82937;flex:none;}
.svc-mode-icon svg{width:43px;height:43px;}
.svc-mode h3{font-size:32px;font-weight:680;line-height:1.12;letter-spacing:-.025em;margin:1px 0 10px;}
.svc-mode p{font-size:14px;line-height:1.44;color:#72706f;margin:0 0 18px;max-width:420px;}
.svc-text-action{border:0;padding:0;border-bottom:1px solid #6a6a6a;background:transparent;font-size:13px;font-weight:620;line-height:1.4;color:#111;cursor:pointer;}
.svc-text-action:hover{color:#d81e2e;border-color:#d81e2e;}
.svc-bottom{padding:0 0 58px;}
.svc-bottom-card{border-radius:18px;color:#fff;background:radial-gradient(circle at 100% 0%,#5d1722 0%,transparent 38%),linear-gradient(105deg,#121214,#141010);min-height:194px;padding:30px 39px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;}
.svc-bottom .section-kicker{color:#f06470;}
.svc-bottom h2{margin:12px 0 10px;font-size:31px;font-weight:650;line-height:1.12;letter-spacing:-.025em;}
.svc-bottom p{font-size:14px;line-height:1.46;color:#d4d2d2;max-width:485px;margin:0;}
.svc-bottom-action{display:flex;flex-direction:column;gap:24px;align-items:stretch;}
.svc-bottom-buttons{display:flex;gap:12px;}
.svc-bottom-buttons .btn{min-height:48px;white-space:nowrap;}
.svc-btn-clear--dark{color:#fff;border-color:#ffffffa0;background:transparent;}
.svc-btn-clear--dark:hover{background:#ffffff19;}
.svc-bottom-contacts{display:flex;gap:14px;align-items:center;font-size:12px;}
.svc-bottom-contacts a{font-size:17px;font-weight:680;}
.svc-bottom-contacts span{color:#bfb7b8;padding-left:14px;border-left:1px solid #ffffff3b;}
/* Modal is a site-level component, reused from home.css. Keep selectors scoped. */
.services-redesign .dialog .form-consent{display:flex;grid-column:1/-1;font-size:12px;color:#ccc;}
.services-redesign .dialog .form-status{color:#fff;font-size:13px;line-height:1.3;}
@media(max-width:1130px){
 .svc-bottom-card{grid-template-columns:1fr;}
 .svc-bottom-action{flex-direction:row;align-items:center;justify-content:space-between;}
 .svc-bottom-buttons{flex-wrap:wrap;}
}
@media(max-width:760px){
 .svc-feature-info{padding:25px;}
 .svc-feature-info h3{font-size:33px;}
 .svc-feature-row{min-height:265px;}
 .svc-feature-photo{min-height:265px;}
 .svc-small-card{min-height:240px;}
 .svc-mode-icon{width:54px;height:54px;}
 .svc-mode{gap:14px;}
 .svc-mode h3{font-size:27px;}
}
@media(max-width:680px){
 body.services-redesign .header .nav{height:70px;}
 .svc-offers{padding:19px 0 37px;}
 .svc-feature-row,.svc-feature-row--reverse{display:flex;flex-direction:column;gap:0;margin-bottom:18px;}
 .svc-feature-row--reverse .svc-feature-info{order:2;}
 .svc-feature-row--reverse .svc-feature-photo{order:1;}
 .svc-feature-photo{height:235px;min-height:235px;border-radius:15px 15px 0 0;}
 .svc-feature-info{border-radius:0 0 15px 15px;padding:25px;}
 .svc-feature-info h3{font-size:34px;}
 .svc-small-grid,.svc-modes-grid{grid-template-columns:1fr;gap:14px;}
 .svc-small-card{min-height:235px;}
 .svc-small-content strong{font-size:27px;}
 .svc-modes{padding-bottom:31px;}
 .svc-mode{padding:6px 0 19px;}
 .svc-mode+.svc-mode{border-left:0;border-top:1px solid #ddd9d5;padding:23px 0 5px;}
 .svc-bottom{padding-bottom:32px;}
 .svc-bottom-card{padding:29px 23px;gap:27px;}
 .svc-bottom h2{font-size:28px;}
 .svc-bottom-action{align-items:stretch;flex-direction:column;gap:16px;}
 .svc-bottom-buttons .btn{width:100%;}
 .svc-bottom-contacts{justify-content:start;flex-wrap:wrap;gap:7px;}
}
@media(max-width:380px){
}
@media(max-height:700px) and (min-width:761px){
}
@media(max-height:650px) and (max-width:760px){
}

/* Header height remains constant when the shared services script adds is-sticky. */
body.services-redesign .header.is-sticky .nav{height:76px}
@media(max-width:680px){body.services-redesign .header.is-sticky .nav{height:70px}}

/* Independent photos for the shared hero layout. These selectors change images, not the layout. */
@media(max-width:840px){
 body[data-service-hero="services"] .svc-hero-photo{background-image:url('/assets/images/hero-services-mobile.webp')}
 body[data-service-hero="organization"] .svc-hero-photo{background-image:url('/assets/images/hero-organization-mobile.webp')}
 body[data-service-hero="technical"] .svc-hero-photo{background-image:url('/assets/images/hero-technical-mobile.webp')}
 body[data-service-hero="teambuilding"] .svc-hero-photo{background-image:url('/assets/images/hero-teambuilding-mobile.webp')}
 body[data-service-hero="broadcast"] .svc-hero-photo{background-image:url('/assets/images/hero-broadcast-mobile.webp')}
}