.tcw{--tcw-accent: #f36b21;--tcw-copy: #f5f1e9;--tcw-height: 780px;background:#10110f;color:var(--tcw-copy);isolation:isolate;min-height:var(--tcw-height);overflow:hidden;position:relative}.tcw *,.tcw *:before,.tcw *:after{box-sizing:border-box}.tcw__canvas{background-color:#0a0b09;background-position:center;background-repeat:no-repeat;background-size:cover;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-4}.tcw__canvas canvas{display:block;height:100%;opacity:0;transition:opacity .7s ease;width:100%}.tcw--ready .tcw__canvas canvas{opacity:1}.tcw__grade{background:linear-gradient(90deg,#0a0b09fa,#0a0b09eb 24%,#0a0b098f 43%,#0a0b0905 70%),linear-gradient(180deg,rgba(8,9,8,.35),transparent 24%,transparent 72%,rgba(8,9,8,.7));top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:-2}.tcw__grain{background-image:repeating-radial-gradient(circle at 18% 31%,rgba(255,255,255,.2) 0 .35px,transparent .65px 2px),repeating-radial-gradient(circle at 73% 66%,rgba(0,0,0,.32) 0 .4px,transparent .75px 2.6px);background-size:7px 7px,11px 11px;top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;opacity:.045;pointer-events:none;position:absolute;z-index:4}.tcw__inner{align-items:center;display:flex;min-height:var(--tcw-height);padding:76px max(24px,calc((100vw - var(--page-width, 1200px)) / 2));position:relative;z-index:2}.tcw__content{max-width:min(540px,42vw)}.tcw__badge{align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#ffffffb8;display:inline-flex;font-size:9px;font-weight:700;gap:9px;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.tcw__badge:before{background:var(--tcw-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--tcw-accent) 14%,transparent);content:"";height:5px;width:5px}.tcw__heading{color:var(--tcw-copy);font-family:var(--font-heading-family, inherit);font-size:clamp(48px,var(--tcw-heading-size, 72px),88px);font-weight:780;letter-spacing:-.065em;line-height:.98;margin:24px 0 22px;max-width:620px;text-wrap:balance}.tcw__text{color:color-mix(in srgb,var(--tcw-copy) 66%,transparent);font-family:var(--font-body-family, inherit);font-size:14px;line-height:1.75;margin:0;max-width:480px}.tcw__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.tcw__primary,.tcw__secondary{align-items:center;border-radius:11px;display:inline-flex;font-family:var(--font-body-family, inherit);font-size:12px;font-weight:700;justify-content:center;min-height:49px;padding:0 19px;text-decoration:none}.tcw__primary{background:var(--tcw-accent);box-shadow:0 12px 30px color-mix(in srgb,var(--tcw-accent) 25%,transparent);color:#fff;gap:14px;transition:filter .18s ease,transform .18s ease}.tcw__primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.tcw__secondary{background:#1213117a;border:1px solid rgba(255,255,255,.15);color:#fffc;cursor:pointer}.tcw__secondary:hover{background:#ffffff14;color:#fff}.tcw__status{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0e0c8a;border:1px solid rgba(255,255,255,.12);border-radius:13px;bottom:28px;display:grid;gap:10px;grid-template-columns:8px 1fr 34px;min-width:224px;padding:12px 12px 8px;position:absolute;right:max(24px,calc((100vw - var(--page-width, 1200px)) / 2));z-index:3}.tcw__live-dot{animation:tcw-pulse 2.4s ease-in-out infinite;background:var(--tcw-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--tcw-accent) 12%,transparent);height:6px;width:6px}@keyframes tcw-pulse{50%{box-shadow:0 0 0 7px transparent}}.tcw__status strong,.tcw__status small{display:block}.tcw__status strong{color:#fff;font-size:9px}.tcw__status small{color:#ffffff73;font-size:7px;margin-top:3px}.tcw__pause{align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:9px;height:32px;justify-content:center;padding:0;width:32px}.tcw__track{background:#ffffff1a;border-radius:2px;grid-column:1 / -1;height:2px;overflow:hidden}.tcw__progress{background:var(--tcw-accent);display:block;height:100%;transform:scaleX(0);transform-origin:left;width:100%}.tcw button:focus-visible,.tcw a:focus-visible{outline:2px solid var(--tcw-accent);outline-offset:4px}@media screen and (max-width:989px){.tcw__grade{background:linear-gradient(180deg,#080908eb,#08090894 48%,#08090829 68%,#080908db),linear-gradient(90deg,rgba(8,9,8,.4),transparent 72%)}.tcw__inner{align-items:flex-start;padding:70px 28px 180px}.tcw__content{max-width:680px}.tcw__heading{max-width:620px}.tcw__status{bottom:28px;right:28px}}@media screen and (max-width:749px){.tcw{min-height:max(720px,var(--tcw-height))}.tcw__inner{min-height:max(720px,var(--tcw-height));padding:52px 18px 160px}.tcw__content{max-width:100%}.tcw__heading{font-size:clamp(40px,12vw,56px);margin:18px 0 16px;max-width:96%}.tcw__text{font-size:11px;line-height:1.65;max-width:94%}.tcw__actions{align-items:stretch;flex-direction:column;margin-top:23px;width:min(100%,320px)}.tcw__primary,.tcw__secondary{width:100%}.tcw__status{bottom:24px;left:18px;min-width:0;right:18px}}@media(prefers-reduced-motion:reduce){.tcw *,.tcw *:before,.tcw *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tradie-workspace.css.map */