html{scroll-behavior:smooth}
body.wga-tpl{margin:0;background:#1F2124}
:where(.pg) a{color:#C42F32}:where(.pg) a:hover{color:#1F2124}
.pg *{box-sizing:border-box}
.pg img:not(:where(.wgt-prose img,.wga-el img,.wgt-media img)){display:block;max-width:100%;object-fit:contain}
.pg ::selection{background:#EF4B4E;color:#FFFFFF}
.wrap{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,5cqi,72px);padding-right:clamp(20px,5cqi,72px)}
.hd{font-stretch:112%;font-weight:800;letter-spacing:-0.035em}
.h2{margin:0;font-size:clamp(40px,4.9cqi,74px);line-height:1.02}
.gt{background:linear-gradient(100deg,#FFFFFF 5%,#EFEDE5 95%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* cream-pass */ :is(h1,h2,h3) .gt{text-decoration:underline;text-decoration-color:rgba(252,251,244,.5);text-decoration-thickness:.05em;text-underline-offset:.06em;text-decoration-skip-ink:none}
#wgaHero h1 .gt{background-image:linear-gradient(100deg,#E5383B 5%,#FF6A5E 95%);text-decoration:none}
.gt-d{background:linear-gradient(100deg,#D83235 0%,#E5383B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.outline{color:transparent;-webkit-text-stroke:2px #E8E2DA}
.eb{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eb::before{content:'';display:inline-block;width:22px;height:12px;background:linear-gradient(90deg,#E5383B,#C42F32);transform:skewX(-40deg)}
.eb.nv::before{background:#1F2124}
.eb.wh::before{background:#FFFFFF}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 28px;border-radius:999px;font-family:inherit;font-weight:700;font-size:16px;letter-spacing:-0.005em;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:transform .45s cubic-bezier(.2,.7,0,1),box-shadow .45s ease,background-color .3s ease,color .3s ease,border-color .3s ease}
.btn-g{background:linear-gradient(90deg,#E5383B,#C42F32);color:#FFFFFF;box-shadow:0 14px 30px -14px rgba(229,56,59,.75)}
.btn-g:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(229,56,59,.9)}
.btn-o{background:rgba(31,33,36,.35);color:#FFFFFF;border:1.5px solid rgba(255,255,255,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-o:hover{color:#FFFFFF;border-color:#FFFFFF;transform:translateY(-2px)}
.btn-n{background:transparent;color:#1F2124;border:1.5px solid rgba(31,33,36,.22)}
.btn-n:hover{color:#1F2124;border-color:#1F2124;transform:translateY(-2px)}
.btn .ar{display:inline-flex;transition:transform .45s cubic-bezier(.2,.7,0,1)}
.btn:hover .ar{transform:translateX(4px)}
.nl{position:relative;color:#DAD3C9;text-decoration:none;font-size:15px;font-weight:500;padding:8px 0;transition:color .2s ease}
.nl:hover{color:#FFFFFF}
.nl::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FCFBF4,#EFEDE5);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,0,1)}
.nl:hover::after{transform:scaleX(1)}
.menu-btn{display:none}
.sea-wrap{position:sticky;top:0;z-index:0;height:var(--vh,900px);margin-bottom:calc(var(--vh,900px) * -1);pointer-events:none;overflow:hidden}
.hero{position:relative;z-index:1;height:calc(var(--vh,900px) * 4.2)}
.stage{position:sticky;top:0;height:var(--vh,900px);overflow:hidden}
.sceneA{opacity:var(--a,1);transform:translate3d(0, calc((1 - var(--a,1)) * -70px), 0)}
.sceneA.gone{pointer-events:none}
.gtxt{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#FFFFFF;opacity:0;will-change:transform,opacity;white-space:nowrap;isolation:isolate;text-shadow:0 6px 30px rgba(31,33,36,.9)}
.gtxt::before{content:'';position:absolute;left:-45%;right:-45%;top:-60%;bottom:-60%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(31,33,36,.88) 0%,rgba(31,33,36,.72) 45%,rgba(31,33,36,0) 100%)}
.gtxt .gk{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#E8E2DA}
.gtxt .gn{font-size:clamp(84px,13cqi,210px);line-height:.9;letter-spacing:-0.05em}
.gtxt .gl{font-size:clamp(22px,2.4cqi,36px);font-weight:700;letter-spacing:-0.02em}
.gfin{opacity:0}
.tk{display:block;width:2px;height:10px;border-radius:2px;background:rgba(255,255,255,.4);transition:height .45s cubic-bezier(.2,.7,0,1),background-color .3s ease,width .3s ease}
.tk.on{height:24px;width:3px;background:#E5383B}
.wheel{animation:wheel 1.8s cubic-bezier(.6,0,.3,1) infinite}
.skip{color:#DAD3C9;text-decoration:none;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;transition:color .2s ease}
.skip:hover{color:#FFFFFF}
.sheet{position:relative;z-index:2;margin-left:12px;margin-right:12px;border-radius:36px;overflow:hidden;box-shadow:0 -40px 90px -50px rgba(0,0,0,.7)}
.sheet + .sheet{margin-top:12px}
.dk{position:relative;z-index:1}
.pstage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.pstage.top{z-index:4}
.spin-r{animation:spin 16s linear infinite reverse}
.ln{display:block;clip-path:polygon(-6% -35%,106% -35%,106% 135%,-6% 135%)}
.ln > span{display:inline-block;animation:rise 1.3s cubic-bezier(.16,.84,.24,1) .25s both}
.ln2 > span{animation-delay:.37s}
.fu{animation:fu 1.1s cubic-bezier(.16,.84,.24,1) .5s both}
.fu1{animation-delay:.65s}.fu2{animation-delay:.8s}
.intro{animation:intro 2.2s cubic-bezier(.16,.84,.24,1) both}
.pulse-dot{animation:pdot 2.2s ease-out infinite}
.marq{display:flex;width:max-content;animation:marq 42s linear infinite}
.marq-big{display:flex;width:max-content;animation:marq 34s linear infinite}
.marq-rev{display:flex;width:max-content;animation:marq 48s linear infinite reverse}
.mq:hover .marq{animation-play-state:paused}
.slash{clip-path:polygon(64px 0,100% 0,100% 100%,0 100%,0 75px)}
.stage-in{animation:stin .8s cubic-bezier(.16,.84,.24,1) both}
.svr{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;padding:17px 20px;border:0;border-bottom:1px solid rgba(232,226,218,.12);background:transparent;color:#D3CCC2;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .3s ease,color .3s ease}
.svr:hover{background:rgba(252,251,244,.06);color:#FFFFFF}
.sv-pills,.sv-also-sm{display:none}
.svp{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(232,226,218,.28);background:transparent;color:#D3CCC2;font-family:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.svp .n{font-size:12px;color:#E8E2DA}
.svp.on{background:#FCFBF4;border-color:transparent;color:#1F2124}
.svp.on .n{color:#FFFFFF}
.svr.on{background:rgba(252,251,244,.12);color:#FFFFFF}
.svr .sn{font-size:13px;font-weight:700;color:#E8E2DA;font-variant-numeric:tabular-nums}
.svr .sname{font-size:clamp(18px,1.6cqi,22px);font-weight:700;letter-spacing:-0.015em}
.svr .sa{justify-self:end;color:#FCFBF4;font-weight:700;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.7,0,1)}
.svr.on .sa{opacity:1;transform:none}
.rt{fill:none;stroke:rgba(232,226,218,.3);stroke-width:1.5;stroke-dasharray:3 7;transition:stroke .4s ease,stroke-width .4s ease}
.rt.on{stroke:url(#gRt);stroke-width:3.2;stroke-dasharray:none}
.nd{cursor:pointer}
.nd .nc{fill:#E8E2DA;transition:fill .3s ease}
.nd.on .nc{fill:#E5383B}
.nd .nr{fill:none;stroke:#E5383B;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.nd.on .nr{opacity:1;animation:npulse 1.8s ease-out infinite}
.nd .nk{font-size:12px;font-weight:800;fill:#A59F97;letter-spacing:.06em;transition:fill .3s ease}
.nd.on .nk{fill:#FFFFFF}
.nd .nm{font-size:12px;font-weight:700;fill:#FFFFFF;opacity:0;transition:opacity .3s ease}
.nd.on .nm{opacity:1}
.wp .wc{fill:#FFFFFF;stroke:#E5383B;stroke-width:2.2;transition:fill .4s ease,stroke .4s ease}
.wp .wr{fill:none;stroke:#E5383B;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.wp text{fill:#3B3D41;opacity:.75;transition:opacity .5s ease,fill .5s ease}
.wp.on .wc{fill:#E5383B;stroke:#FFFFFF}
.wp.on .wr{animation:npulse 1.4s ease-out 1 both}
.wp.on text{opacity:1;fill:#1F2124}
.case{display:flex;flex-direction:column;gap:22px;text-decoration:none;color:#1F2124}
.case img{transition:transform 1.2s cubic-bezier(.2,.7,0,1)}
.case:hover img{transform:scale(1.04)}
.case.stag{margin-top:96px}
.chip{padding:7px 13px;border-radius:999px;border:1px solid rgba(31,33,36,.14);font-size:13px;font-weight:600;color:#3B3D41}
.qc{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:24px;background:#FFFFFF;color:#1F2124;box-shadow:0 40px 70px -40px rgba(31,33,36,.6);transition:transform .7s cubic-bezier(.2,.7,0,1)}
.qc:hover{transform:translateY(-6px)}
.qc.s1{margin-top:170px}
.qc.s2{margin-top:85px}
.cmp{position:relative;flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:24px}
.cmp-lift{transform:translateY(-24px)}
.lg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lt{display:flex;align-items:center;justify-content:center;height:136px;padding:24px;border-radius:18px;background:#FFFFFF;transition:transform .6s cubic-bezier(.2,.7,0,1),box-shadow .5s ease}
.lt:hover{transform:translateY(-4px);box-shadow:0 26px 44px -26px rgba(31,33,36,.35)}
.lt img{filter:brightness(0);opacity:.62;transition:opacity .3s ease}
.lt:hover img{opacity:.95}
.fq{transition:color .2s ease}
.fq:hover{color:#C42F32}
.fq .pl{transition:transform .5s cubic-bezier(.2,.7,0,1),background-color .3s ease,color .3s ease}
.fq.on .pl{transform:rotate(45deg);background:#1F2124;color:#FFFFFF}
.in{width:100%;height:54px;padding:0 18px;border:1.5px solid #E1DBD2;border-radius:12px;background:#F7F5F2;font-family:inherit;font-size:16px;color:#1F2124;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
textarea.in{height:auto;padding:14px 18px;resize:vertical}
.in:focus{outline:none;border-color:#EF4B4E;background:#FFFFFF;box-shadow:0 0 0 4px rgba(229,56,59,.16)}
.in::placeholder{color:#6E6A65}
.fc{height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #E1DBD2;background:#FFFFFF;color:#3B3D41;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .25s ease,background-color .25s ease,color .25s ease}
.fc:hover{border-color:#EF4B4E}
.fc.on{background:#1F2124;border-color:#1F2124;color:#FFFFFF}
.fl{color:#BDB6AC;text-decoration:none;transition:color .2s ease}
.fl:hover{color:#FFFFFF}
.soc{transition:background-color .3s ease,border-color .3s ease,transform .45s cubic-bezier(.2,.7,0,1)}
.soc:hover{background:#EF4B4E;border-color:#EF4B4E;transform:translateY(-2px)}
.rv-w{transform:translateY(32px);transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
.rv-w.rv-in{transform:none}
.pg button:focus-visible,.pg a:focus-visible{outline:2px solid #E8E2DA;outline-offset:3px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{transform:translateY(140%)}to{transform:none}}
@keyframes fu{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes intro{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes pdot{0%{box-shadow:0 0 0 0 rgba(229,56,59,.7)}100%{box-shadow:0 0 0 12px rgba(229,56,59,0)}}
@keyframes npulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.9);opacity:0}}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes stin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.still *,.still *::before,.still *::after{animation:none !important}
@media (prefers-reduced-motion: reduce){.pg *{animation:none !important}html{scroll-behavior:auto}}
@container (max-width: 1080px){
.navlinks{display:none !important}
.menu-btn{display:inline-flex !important}
.cmp-lift{transform:none}
.qc.s1,.qc.s2,.case.stag{margin-top:0}
}
@container (max-width: 720px){
.hide-sm{display:none !important}
.lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lt{height:104px}
.sv-list{display:none !important}
.sv-pills{display:flex;gap:8px;overflow-x:auto;padding:16px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sv-pills::-webkit-scrollbar{display:none}
.sv-also-sm{display:block}
.sheet{margin-left:6px;margin-right:6px;border-radius:24px}
.sheet + .sheet{margin-top:6px}
}

.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.04em;color:#9C968E}
.crumb a{color:#D3CCC2;text-decoration:none}.crumb a:hover{color:#FFFFFF}
.dchip{padding:7px 13px;border-radius:999px;border:1px solid rgba(232,226,218,.28);font-size:13px;font-weight:600;color:#E0DAD1}
.wcard{position:relative;display:flex;flex-direction:column;gap:22px;padding:clamp(24px,2.6cqi,36px);border-radius:24px;background:#FFFFFF;color:#1F2124;text-decoration:none;box-shadow:0 1px 0 rgba(31,33,36,.05);transition:transform .6s cubic-bezier(.2,.7,0,1),box-shadow .5s ease}
.wcard:hover{color:#1F2124;transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(31,33,36,.45)}
.wcard .go{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#C42F32}
.wcard .go .ar{transition:transform .45s cubic-bezier(.2,.7,0,1)}
.wcard:hover .go .ar{transform:translateX(4px)}
.wcard img{filter:brightness(0);opacity:.75}
.cs-steps{position:relative;display:flex;flex-direction:column;gap:72px}
.cs-rail{position:absolute;left:31px;top:22px;bottom:0;width:2px;background-image:linear-gradient(rgba(44,46,51,.35) 50%,rgba(44,46,51,0) 50%);background-size:2px 9px}
.cs-step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:24px}
.cs-node{position:relative;z-index:2;width:22px;height:22px;margin:11px 0 0 21px;border-radius:50%;background:#FFFFFF;border:2.5px solid #E5383B;transition:background-color .4s ease,box-shadow .4s ease}
.cs-node.on{background:#E5383B;box-shadow:0 0 0 6px rgba(44,46,51,.12)}
.acc-wingstop .cs-node{border-color:#E5383B}.acc-wingstop .cs-node.on{background:#E5383B}
.acc-bradford-systems .cs-node{border-color:#2C2E33}.acc-bradford-systems .cs-node.on{background:#2C2E33}
.acc-ript-apparel .cs-node{border-color:#18191C}.acc-ript-apparel .cs-node.on{background:#18191C}
.cs-step h3{margin:0;font-size:clamp(28px,2.8cqi,40px);line-height:1.05}
.cs-step p,.cs-step li{font-size:17px;line-height:1.7;color:#3B3D41}
.cs-step ul{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:6px}
.ch-inv .wp .wc{fill:#E5383B;stroke:#FFFFFF;stroke-width:2.4}
.ch-inv .wp.on .wc{fill:#FFFFFF;stroke:#FFFFFF}
.ch-inv .wp .wr{stroke:#FFFFFF}
.ch-inv .wp text{fill:#FFFFFF;opacity:.7}
.ch-inv .wp.on text{fill:#FFFFFF;opacity:1}
.mpin{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.mpin::before{content:'';position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#E5383B;box-shadow:0 0 0 5px rgba(229,56,59,.25);opacity:0;transition:opacity .4s ease}
.mpin.on::before,.mpin.tag::before{opacity:1}
.mpin-card{position:absolute;left:22px;top:-34px;width:max-content;max-width:min(340px,72vw);display:flex;flex-direction:column;gap:6px;padding:18px 22px 20px;border-radius:18px;background:rgba(31,33,36,.7);border:1px solid rgba(232,226,218,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#FFFFFF;opacity:0;transform:translateY(14px) scale(.96);transform-origin:left top;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,0,1);pointer-events:none}
.mpin.on .mpin-card{opacity:1;transform:none;pointer-events:auto}
.mpin.flip .mpin-card{left:auto;right:22px;transform-origin:right top}
.mpin.above .mpin-card{top:auto;bottom:16px;transform-origin:left bottom}
.mpin.above.flip .mpin-card{transform-origin:right bottom}
.mpin-card a{margin-top:6px;font-size:14px;font-weight:700;color:#FFFFFF;text-decoration:none}
.mpin-card a:hover{color:#E8E2DA}
.mpin-tag{position:absolute;left:16px;top:-18px;white-space:nowrap;padding:7px 13px;border-radius:999px;background:rgba(31,33,36,.75);border:1px solid rgba(232,226,218,.32);color:#FFFFFF;font-size:13px;font-weight:700;opacity:0;transition:opacity .45s ease}
.mpin.tag .mpin-tag{opacity:1}
.mpin.flip .mpin-tag{left:auto;right:16px}
.mpin.dock{left:0;right:0;top:auto;bottom:118px;width:auto;height:auto;padding:0 16px;transform:none !important}
.mpin.dock::before{display:none}
.mpin.dock .mpin-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;transform-origin:center bottom}
.mpin.dock .mpin-tag{display:none}
.mhub{position:absolute;left:0;top:0;white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(252,251,244,.12);border:1px solid rgba(252,251,244,.5);color:#FFFFFF;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:0}
.cs-show{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.cs-hero .cs-hero-space{display:none}
.cs-hero .wrap{min-height:760px}
@container (max-width: 720px){
.cs-hero .cs-hero-space{display:block;height:200px}
.cs-hero .wrap{min-height:0}
.mpin-card{padding:14px 16px 16px;max-width:min(260px,64vw)}
.cs-step{grid-template-columns:44px minmax(0,1fr);column-gap:14px}
.cs-node{margin-left:11px}
.cs-rail{left:21px}
}

[data-if]{display:contents}
[data-if][hidden],[hidden]{display:none !important}

/* ---------------- WordPress / Elementor glue ---------------- */
body.wga-tpl::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:70;background:#1F2124}
.wga-w{display:contents}
.wga-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.wga-form-sc{padding:8px 0}
form#wgaForm[data-busy] button[type="submit"]{opacity:.6;pointer-events:none}
/* On the live page, Elementor's wrappers step aside so the sections stack, stick and overlap exactly like the design */
body:not(.elementor-editor-active) .elementor-widget[class*="elementor-widget-wga-"],
body:not(.elementor-editor-active) .elementor-widget[class*="elementor-widget-wga-"] > .elementor-widget-container,
body:not(.elementor-editor-active) .e-con:has(> .elementor-widget[class*="elementor-widget-wga-"]),
body:not(.elementor-editor-active) .e-con:has(> .e-con-inner > .elementor-widget[class*="elementor-widget-wga-"]),
body:not(.elementor-editor-active) .e-con-inner:has(> .elementor-widget[class*="elementor-widget-wga-"]){display:contents}
body.wga-tpl .elementor img{height:revert-layer}
/* In the editor everything sits still and visible so it is easy to click and edit */
.elementor-editor-active .rv,.elementor-editor-active .rv-w{opacity:1 !important;transform:none !important}
.elementor-editor-active .hero{height:var(--vh,900px) !important}
.elementor-editor-active .sea-wrap{position:relative !important}
.elementor-editor-active .elementor-widget[class*="elementor-widget-wga-"]{margin:0 !important}
.elementor-editor-active .e-con:has(> .elementor-widget[class*="elementor-widget-wga-"]){--gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;gap:0;padding:0}