.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-61c339c:#FFF0DE;--e-global-color-f4a6ad5:#23201C;--e-global-color-03ce57e:#023059;--e-global-typography-primary-font-family:"Bw Gradual";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Bw Gradual";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Bw Gradual";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Bw Gradual";--e-global-typography-accent-font-weight:500;--e-global-typography-e66a7f0-font-family:"Bw Gradual";--e-global-typography-e66a7f0-font-size:100px;--e-global-typography-e66a7f0-font-weight:900;--e-global-typography-e66a7f0-line-height:1px;--e-global-typography-827b0c7-font-family:"Bw Gradual";--e-global-typography-827b0c7-font-size:48px;--e-global-typography-827b0c7-font-weight:700;--e-global-typography-9830dcc-font-family:"Bw Gradual";--e-global-typography-9830dcc-font-size:17px;--e-global-typography-9830dcc-font-weight:400;--e-global-typography-4ce3c64-font-family:"Bw Gradual";--e-global-typography-4ce3c64-font-size:33px;--e-global-typography-4ce3c64-font-weight:700;--e-global-typography-428744c-font-family:"Bw Gradual";--e-global-typography-428744c-font-size:26px;--e-global-typography-428744c-font-weight:700;--e-global-typography-5a4a83f-font-family:"Bw Gradual";--e-global-typography-5a4a83f-font-size:14px;--e-global-typography-5a4a83f-font-weight:400;--e-global-typography-5a4a83f-line-height:16px;--e-global-typography-d30aa78-font-family:"Bw Gradual";--e-global-typography-d30aa78-font-size:30px;--e-global-typography-d30aa78-font-weight:700;background-color:var( --e-global-color-61c339c );font-family:"Bw Gradual";}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{font-family:"Bw Gradual";}.elementor-kit-9 h2{font-family:"Bw Gradual";}.elementor-kit-9 h3{font-family:"Bw Gradual";}.elementor-kit-9 h5{font-family:"Bw Gradual";}.elementor-kit-9 h6{font-family:"Bw Gradual";}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#sketch-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

:root{
  --ts-bg:#0b0b0b;
  --ts-ink:#ffffff;
  --ts-muted:#b8b8b8;
  --ts-stroke: rgba(255,255,255,.12);
  --ts-maxw: 1200px;
  --ts-pad: clamp(16px, 2.5vw, 32px);
  --ts-scrim-radial: .55;         /* 0..1 intensity */
  --ts-scrim-linear-top: .45;     /* 0..1 intensity */
  --ts-scrim-linear-bottom: .68;  /* 0..1 intensity */
}

/* Hide overlay text & scroll hint until we reveal them */
.ts-hero-overlay,
.ts-scroll-hint { opacity:0; pointer-events:none; transition:opacity .8s ease; }

.ts-hero-overlay.is-visible,
.ts-scroll-hint.is-visible { opacity:1; pointer-events:auto; }

/* (Optional) also delay the scrim so background is totally clear first */
.ts-hero-scrim { opacity:0; transition:opacity .8s ease; }
.ts-hero-scrim.is-visible { opacity:1; }


#loader{
  position:fixed; inset:0; z-index:9999; background:#000;
  display:flex; align-items:center; justify-content:center; flex-direction:column;
  color:#fff; font-size:2em; transition:opacity 1s ease;
}
#loader .skip{
  font-size:.5em; padding:.6em .9em; border:1px solid rgba(255,255,255,.25);
  border-radius:999px; cursor:pointer; margin-top:10px; color:#fff; background:transparent;
}
#tagline{
  position:fixed; top:40%; left:0; right:0; text-align:center;
  font-size:clamp(20px,2.5vw,36px); color:#fff; font-weight:700;
  opacity:0; transition:opacity 1s ease; z-index:10000;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
}

/* Hero shell */
.ts-hero-wrap{
  position:relative; height:100svh; width:100%; overflow:hidden; isolation:isolate;
}

/* Three.js canvas container */
#three-container{
  position:fixed; inset:0; z-index:0; width:100vw; height:100vh;
}

/* Scrim for text contrast */
.ts-hero-scrim{
  position:fixed; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(80% 60% at 50% 50%, rgba(0,0,0,0), rgba(0,0,0,var(--ts-scrim-radial)) 70%),
    linear-gradient(180deg, rgba(0,0,0,var(--ts-scrim-linear-top)), rgba(0,0,0,.08) 30%, rgba(0,0,0,var(--ts-scrim-linear-bottom)));
}

/* Overlay UI */
.ts-hero-overlay{
  position:relative; z-index:2; width:100%; height:100svh;
  display:grid; grid-template-rows: 1fr;
}
.ts-container{max-width:var(--ts-maxw); margin:0 auto; padding:0 var(--ts-pad)}
.ts-hero-center{display:grid; place-items:center; text-align:center; padding:0 var(--ts-pad)}

/* Typography */
.ts-kicker{color:var(--ts-muted); font-size:clamp(12px,.9vw,14px); letter-spacing:.15em; text-transform:uppercase}
.ts-h1{font-size:clamp(36px,6.2vw,96px); margin:.25em 0; line-height:.95; color:var(--ts-ink)}
.ts-sub{color:var(--ts-muted); font-size:clamp(16px,1.4vw,22px); max-width:72ch; margin:0 auto 22px}

/* Buttons */
.ts-cta-row{display:flex; gap:10px; justify-content:center; flex-wrap:wrap}
.ts-btn{
  padding:12px 18px; border-radius:999px; border:1px solid var(--ts-stroke);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  font-weight:700; letter-spacing:.2px; text-decoration:none; color:var(--ts-ink);
  transition:.2s; display:inline-block
}
.ts-btn--primary{border-color:transparent; background:var(--ts-ink); color:#000}
.ts-btn:hover{transform:translateY(-2px)}

/* Scroll hint */
.ts-scroll-hint{position:fixed; bottom:18px; left:0; right:0; display:grid; place-items:center; opacity:.9; z-index:3}
.ts-mouse{width:22px; height:32px; border:2px solid var(--ts-ink); border-radius:16px; position:relative}
.ts-wheel{width:2px; height:6px; background:var(--ts-ink); border-radius:2px; position:absolute; top:6px; left:50%; transform:translateX(-50%); animation:ts-wheel 1.8s infinite}
@keyframes ts-wheel{0%{opacity:0; transform:translate(-50%,0)} 25%{opacity:1} 100%{opacity:0; transform:translate(-50%,8px)}}

/* Reveal base (animated by JS) */
[data-reveal]{opacity:0; transform:translateY(12px)}

/* Mobile scrim boost */
@media (max-width: 640px){
  :root{--ts-scrim-radial:.6; --ts-scrim-linear-top:.5; --ts-scrim-linear-bottom:.65}
}

/* Stronger specificity to beat theme/Elementor H1 rules */
.ts-hero-wrap .ts-h1,
.ts-hero-wrap h1.ts-h1 {
  font-family: "BW Gradual", system-ui, sans-serif;
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.01em;
  /* smaller max on desktop so it doesn’t crash into the scene */
  font-size: clamp(34px, 5.2vw, 84px);
  margin: .25em 0 .2em;
}

/* keep the block narrow so lines don’t stretch too wide */
.ts-hero-center > div {
  max-width: min(1000px, 90vw);
  margin: 0 auto;
}

/* slightly smaller subline and better measure */
.ts-hero-wrap .ts-sub {
  max-width: 64ch;
  font-size: clamp(15px, 1.25vw, 20px);
}

/* buttons padding + stacked on small screens */
.ts-hero-wrap .ts-cta-row .ts-btn { padding: 12px 18px; }
@media (max-width: 640px){
  .ts-hero-wrap .ts-cta-row { gap: 8px; }
}

/* optional: a touch stronger scrim for legibility */
:root{
  --ts-scrim-radial: .52;
  --ts-scrim-linear-top: .42;
  --ts-scrim-linear-bottom: .62;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Regular-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Bold-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Thin-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Light-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Medium-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-ExtraBold-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Bw Gradual';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black-Italic.woff2') format('woff2'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black-Italic.woff') format('woff'),
		url('https://thesketch.agency/wp-content/uploads/2025/10/Bw-Gradual-Black-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */