/* =========================================================================
   The Tool & Gauge Company (UK) Limited — scrolling homepage styles
   Scoped under .tguk-home so nothing leaks into the rest of the site.
   Palette & fonts mirror your "TGUKLTD Industrial" theme.
   ========================================================================= */

.tguk-home{
	--green:#2d8c30;
	--green-light:#4db34a;
	--charcoal:#1c1c1c;
	--mid:#555555;
	--silver:#888888;
	--off-white:#f5f4f0;
	--border:#e0ddd8;
	--white:#ffffff;
	--amber:#f4a100;
	--amber-dark:#d98a00;
	--steel:#2f6f8e;
	--steel-dark:#22333d;
	--ease:cubic-bezier(.16,1,.3,1);

	font-family:'Barlow',-apple-system,BlinkMacSystemFont,sans-serif;
	color:var(--charcoal);
	background:var(--white);
	overflow-x:clip;
	line-height:1.55;
}
.tguk-home *{box-sizing:border-box;}
.tguk-home a{text-decoration:none;color:inherit;}

.tguk-wrap{max-width:1400px;margin:0 auto;padding:0 32px;}

/* shared type ------------------------------------------------------------ */
.tguk-kicker{
	font-family:'Barlow Condensed',sans-serif;
	text-transform:uppercase;letter-spacing:.22em;font-weight:600;
	font-size:.85rem;color:var(--green);margin:0 0 18px;
	display:inline-flex;align-items:center;gap:12px;
}
.tguk-kicker::before{content:"";width:26px;height:2px;background:var(--green);display:inline-block;}
.tguk-h2{
	font-family:'Oswald',sans-serif;font-weight:600;line-height:1.05;
	letter-spacing:-.01em;text-transform:uppercase;
	font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 12px;
}
.tguk-h2--light{color:var(--off-white);}
.tguk-arr{display:inline-block;transition:transform .35s var(--ease);}

/* buttons — one consistent system --------------------------------------- */
.tguk-btn{
	display:inline-flex;align-items:center;gap:10px;
	font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
	letter-spacing:.08em;font-weight:600;font-size:1.02rem;
	background:var(--green);color:var(--white);
	padding:13px 24px;border-radius:3px;border:2px solid var(--green);
	transition:all .3s var(--ease);
}
.tguk-btn:hover{background:var(--green-light);border-color:var(--green-light);transform:translateY(-2px);}
.tguk-btn:hover .tguk-arr{transform:translateX(5px);}
/* amber accent — pops on green or charcoal backgrounds */
.tguk-btn--accent{background:var(--amber);border-color:var(--amber);color:var(--charcoal);}
.tguk-btn--accent:hover{background:var(--amber-dark);border-color:var(--amber-dark);color:var(--charcoal);}
/* ghost — transparent with light border, for dark/green sections */
.tguk-btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.5);}
.tguk-btn--ghost:hover{background:var(--white);color:var(--charcoal);border-color:var(--white);}

/* reveal animation ------------------------------------------------------- */
.tguk-reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease);}
.tguk-reveal.is-in{opacity:1;transform:none;}
.tguk-reveal[data-d="1"]{transition-delay:.09s;}
.tguk-reveal[data-d="2"]{transition-delay:.18s;}
.tguk-reveal[data-d="3"]{transition-delay:.27s;}

/* ===== HERO ============================================================= */
.tguk-hero{
	position:relative;min-height:68vh;display:flex;align-items:flex-end;
	padding:108px 0 54px;background:var(--charcoal);color:var(--off-white);overflow:hidden;
}
.tguk-hero__bg{position:absolute;inset:0;z-index:0;}
.tguk-hero__grid{
	position:absolute;inset:0;opacity:.35;
	background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
	background-size:58px 58px;
	-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 80%);
	mask-image:radial-gradient(circle at 70% 30%,#000,transparent 80%);
}
.tguk-hero__beam{
	position:absolute;top:-15%;right:-10%;width:55vw;height:55vw;border-radius:50%;
	background:radial-gradient(circle,rgba(45,140,48,.55),transparent 68%);
	filter:blur(40px);
}
.tguk-hero__inner{position:relative;z-index:2;width:100%;}
.tguk-hero__kicker{color:var(--green-light);}
.tguk-hero__title{
	font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
	font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.01em;margin:0;
}
.tguk-hero__title .tguk-em{color:var(--green-light);}
.tguk-line{display:block;overflow:hidden;}
.tguk-line>span{display:block;transform:translateY(105%);transition:transform 1s var(--ease);}
.tguk-home.is-ready .tguk-line>span{transform:translateY(0);}
.tguk-home.is-ready .tguk-line:nth-child(2)>span{transition-delay:.12s;}
.tguk-home.is-ready .tguk-line:nth-child(3)>span{transition-delay:.24s;}
.tguk-hero__foot{
	display:flex;justify-content:space-between;align-items:flex-end;gap:36px;
	flex-wrap:wrap;margin-top:32px;
	opacity:0;transform:translateY(20px);transition:all 1s var(--ease) .5s;
}
.tguk-home.is-ready .tguk-hero__foot{opacity:1;transform:none;}
.tguk-hero__foot p{max-width:430px;font-size:1.06rem;color:rgba(245,244,240,.82);margin:0;}
.tguk-hero__cta{display:flex;gap:14px;flex-wrap:wrap;}
.tguk-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;}
.tguk-cue__ln{display:block;width:1px;height:46px;background:rgba(255,255,255,.25);position:relative;overflow:hidden;}
.tguk-cue__ln::after{content:"";position:absolute;top:-46px;left:0;width:1px;height:46px;background:var(--green-light);animation:tgukDrop 1.9s var(--ease) infinite;}
@keyframes tgukDrop{0%{top:-46px}60%,100%{top:46px}}

/* ===== STATS BAND ======================================================= */
.tguk-stats{background:var(--off-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.tguk-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.tguk-stat{padding:18px 22px;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:3px;}
.tguk-stat:last-child{border-right:none;}
.tguk-stat__num{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1;color:var(--green);}
.tguk-stat:nth-child(2) .tguk-stat__num{color:var(--charcoal);}
.tguk-stat:nth-child(3) .tguk-stat__num{color:var(--steel);}
.tguk-stat:nth-child(4) .tguk-stat__num{color:var(--amber-dark);}
.tguk-stat__lbl{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--mid);font-weight:600;}

/* ===== CATEGORIES ======================================================= */
.tguk-cats{padding:80px 0;background:var(--white);}
.tguk-cats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:38px;}
.tguk-cat{position:relative;background:var(--white);padding:22px 22px 20px;min-height:150px;display:flex;flex-direction:column;border-top:3px solid transparent;transition:background .4s var(--ease),border-color .4s var(--ease);}
.tguk-cat:nth-child(4n+1){border-top-color:var(--green);}
.tguk-cat:nth-child(4n+2){border-top-color:var(--amber);}
.tguk-cat:nth-child(4n+3){border-top-color:var(--steel);}
.tguk-cat:nth-child(4n+4){border-top-color:var(--charcoal);}
.tguk-cat:hover{background:var(--charcoal);}
.tguk-cat__idx{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.1em;}
.tguk-cat:nth-child(4n+1) .tguk-cat__idx{color:var(--green);}
.tguk-cat:nth-child(4n+2) .tguk-cat__idx{color:var(--amber-dark);}
.tguk-cat:nth-child(4n+3) .tguk-cat__idx{color:var(--steel);}
.tguk-cat:nth-child(4n+4) .tguk-cat__idx{color:var(--silver);}
.tguk-cat__label{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:1.3rem;line-height:1.05;margin-top:auto;transition:color .4s var(--ease);}
.tguk-cat__desc{color:var(--mid);font-size:.88rem;margin-top:6px;transition:color .4s var(--ease);}
.tguk-cat__go{position:absolute;top:22px;right:22px;color:var(--green);font-size:1.2rem;opacity:0;transform:translateX(-6px);transition:all .4s var(--ease);}
.tguk-cat:hover .tguk-cat__label{color:var(--white);}
.tguk-cat:hover .tguk-cat__desc{color:var(--silver);}
.tguk-cat:hover .tguk-cat__go{opacity:1;transform:none;color:var(--amber);}

/* ===== BRANDS WALL ====================================================== */
.tguk-brands{padding:80px 0;background:var(--off-white);}
.tguk-brands__head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:38px;}
.tguk-brands__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.tguk-brand{
	background:var(--white);border:1px solid var(--border);border-radius:3px;
	min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
	text-align:center;padding:18px 14px;border-bottom:3px solid var(--border);transition:all .3s var(--ease);
}
.tguk-brand__logo{max-height:46px;max-width:82%;width:auto;height:auto;object-fit:contain;}
.tguk-brand__name{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;font-size:.78rem;letter-spacing:.04em;color:var(--mid);transition:color .3s var(--ease);}
.tguk-brand:hover{border-color:var(--green);border-bottom-color:var(--amber);transform:translateY(-4px);box-shadow:0 14px 30px -20px rgba(28,28,28,.45);}
.tguk-brand:hover .tguk-brand__name{color:var(--green);}
.tguk-brands__foot{display:flex;justify-content:center;margin-top:34px;}

/* ===== INDUSTRIES ======================================================= */
.tguk-ind{padding:80px 0;background:var(--steel-dark);color:var(--off-white);}
.tguk-ind__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(245,244,240,.16);border:1px solid rgba(245,244,240,.16);margin-top:38px;}
.tguk-ind__item{
	background:var(--steel-dark);padding:22px 26px;display:flex;flex-direction:column;gap:7px;
	transition:background .4s var(--ease),padding-left .4s var(--ease);
}
.tguk-ind__label{display:flex;justify-content:space-between;align-items:center;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:500;font-size:1.2rem;}
.tguk-ind__label .tguk-arr{color:var(--amber);opacity:0;transform:translateX(-8px);transition:all .4s var(--ease);}
.tguk-ind__desc{font-family:'Barlow',sans-serif;font-size:.86rem;color:rgba(245,244,240,.6);}
.tguk-ind__item:hover{background:#2b4250;padding-left:32px;}
.tguk-ind__item:hover .tguk-arr{opacity:1;transform:none;}

/* ===== CTA ============================================================== */
.tguk-cta{padding:74px 0;background:var(--green);color:var(--white);position:relative;overflow:hidden;}
.tguk-cta::before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:56px 56px;}
.tguk-cta__inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:34px;flex-wrap:wrap;}
.tguk-cta__title{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.05;margin:0;}
.tguk-cta__contact{margin:14px 0 0;font-size:1rem;color:rgba(255,255,255,.92);}
.tguk-cta__contact a{text-decoration:underline;text-underline-offset:3px;}
.tguk-cta__btns{display:flex;gap:14px;flex-wrap:wrap;}

/* ===== RESPONSIVE ======================================================= */
@media (max-width:1024px){
	.tguk-stats__grid,.tguk-cats__grid{grid-template-columns:repeat(2,1fr);}
	.tguk-brands__grid{grid-template-columns:repeat(3,1fr);}
	.tguk-ind__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
	.tguk-wrap{padding:0 20px;}
	.tguk-hero{min-height:88vh;padding-top:104px;}
	.tguk-cats__grid,.tguk-ind__grid,.tguk-stats__grid,.tguk-brands__grid{grid-template-columns:repeat(2,1fr);}
	.tguk-cat{min-height:140px;padding:18px 16px 16px;}
	.tguk-cat__label{font-size:1.08rem;}
	.tguk-cat__go{top:16px;right:16px;}
	.tguk-ind__item{padding:18px 16px;}
	.tguk-ind__label{font-size:1.02rem;}
	.tguk-hero__foot{flex-direction:column;align-items:flex-start;}
}

/* respect reduced motion */
@media (prefers-reduced-motion:reduce){
	.tguk-reveal,.tguk-line>span,.tguk-hero__foot{opacity:1!important;transform:none!important;transition:none!important;}
	.tguk-cue__ln::after{animation:none;}
}

/* about / what we do — steel band with amber accent (introduces the
   amber + steel colour contrast on the homepage) */
.tguk-about{background:var(--steel-dark);padding:clamp(64px,9vw,110px) 0;}
.tguk-about__grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:start;}
.tguk-about .tguk-kicker--amber{color:var(--amber);}
.tguk-about .tguk-kicker--amber::before{background:var(--amber);}
.tguk-about__body p{color:rgba(255,255,255,.72);font-size:17px;line-height:1.8;margin:0 0 18px;}
.tguk-about__body p:last-of-type{margin-bottom:24px;}
@media (max-width:860px){.tguk-about__grid{grid-template-columns:1fr;gap:24px;}}