:root{
  --ink:#31343B;
  --ink-deep:#212429;
  --acc:#77A9B4;
  --acc-dk:#6A98A2;
  --grey:#F0F5F8;
  --body:#5A6168;
  --muted:#8A9097;
  --hair:#E3E8EC;
  --gold:#F2BE1F;
}

*{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
	margin:0;
	font-family:'Poppins','Open Sans',system-ui,sans-serif;
	color:var(--body);
	font-size:16px;
	line-height:1.65;
	background:#fff;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5{margin:0;color:var(--ink);font-weight:700;}
p{margin:0 0 16px;}
ul{margin:0;padding:0;list-style:none;}

.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.bg-grey{background:var(--grey);}
.mt-40{margin-top:40px;}

.btn-accent{
	display:inline-block;
	background:var(--acc);
	color:#fff;
	padding:14px 30px;
	font-size:.85rem;
	letter-spacing:1.5px;
	text-transform:uppercase;
	font-weight:600;
	border:0;
	border-radius:2px;
	cursor:pointer;
	font-family:inherit;
	transition:background .18s;
}
.btn-accent:hover{background:var(--acc-dk);}
.btn-ghost{
	background:transparent;
	border:1px solid #cfd6da;
	color:#4a5157;
	padding:13px 26px;
	text-transform:uppercase;
	letter-spacing:1.2px;
	font-size:.8rem;
	font-weight:600;
	cursor:pointer;
	border-radius:2px;
	font-family:inherit;
}
.btn-ghost:hover{border-color:var(--acc);color:var(--acc);}
.btn-line{
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:1.4px;
	font-weight:600;
	color:var(--acc);
	border-bottom:2px solid var(--acc);
	padding-bottom:3px;
}
.btn-line:hover{color:var(--ink);border-color:var(--ink);}

.eyebrow{
	color:var(--acc);
	text-transform:uppercase;
	letter-spacing:2.5px;
	font-size:.85rem;
	font-weight:600;
	margin:0 0 14px;
}
.dsh{opacity:.8;margin-left:6px;letter-spacing:0;}
.sec-head h2{font-size:clamp(2rem,3.5vw,2.9rem);line-height:1.1;}
.sec-head.two-col{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:60px;
	margin-bottom:46px;
}
.sec-head.two-col .lead{max-width:390px;margin-bottom:6px;}
.sec-head.centered{text-align:center;margin-bottom:52px;}
.sec-head.with-btn{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;}
.lead{font-size:1.05rem;line-height:1.7;}
.lead--c{max-width:720px;margin:18px auto 0;}

/* ---------- head ---------- */
.site-head{
	background:var(--ink-deep);
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:60;
}
.site-head.scrolled{box-shadow:0 2px 14px rgba(0,0,0,.22);}
.head_inner{
	max-width:1200px;
	margin:0 auto;
	height:74px;
	padding:0 24px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.brandLogo{display:flex;align-items:center;gap:11px;}
.brandLogo__txt{
	display:block;
	color:#e7eaec;
	font-weight:600;
	letter-spacing:3px;
	font-size:1.02rem;
	line-height:1.15;
}
.brandLogo__txt em{
	display:block;
	font-style:normal;
	font-size:.53rem;
	letter-spacing:1.6px;
	color:#9aa1a8;
	text-transform:uppercase;
	margin-top:2px;
}
.head_right{display:flex;align-items:center;gap:22px;}
.burger{background:none;border:0;padding:6px;cursor:pointer;width:32px;}
.burger span{display:block;height:2px;background:#e7eaec;margin:5px 0;transition:.2s;}
.burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.x span:nth-child(2){opacity:0;}
.burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.head_cta{padding:12px 24px;}

.offcanvas{
	display:none;
	background:#1a1d21;
	padding:14px 24px 24px;
	border-top:1px solid #3d4148;
}
.offcanvas.is-open{display:block;}
.offcanvas a{
	display:block;
	color:#c9cdd2;
	padding:11px 0;
	font-size:.94rem;
	border-bottom:1px solid rgba(255,255,255,.06);
}
.offcanvas a:hover{color:var(--acc);}

/* fix mobile nav z-index later */

/* ---------- hero ---------- */
.hero{
	margin-top:74px;
	position:relative;
	min-height:660px;
	display:flex;
	align-items:center;
	background:#4a5058 url('../dist/img/hero-workshop.webp') center/cover no-repeat;
}
.hero__ovl{
	position:absolute;
	inset:0;
	background:rgba(70,76,84,.46);
}
.hero__inner{
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 24px;
	width:100%;
}
.hero__eyebrow{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:.95rem;
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:5px;
	margin:0 0 22px;
}
.hero h1{
	color:#fff;
	font-size:clamp(2.6rem,5.5vw,4.5rem);
	text-transform:uppercase;
	letter-spacing:-.5px;
	line-height:1.05;
	margin-bottom:22px;
}
.hero__sub{
	color:#e4e7ea;
	max-width:540px;
	font-size:1.05rem;
	margin-bottom:30px;
}

/* ---------- material strip ---------- */
.matStrip{background:#fff;padding:46px 0 44px;}
.matStrip__row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:30px;
	flex-wrap:wrap;
}
.matItem{display:flex;align-items:center;gap:13px;flex:1 1 200px;justify-content:center;}
.matItem img{width:52px;height:52px;object-fit:contain;opacity:.9;}
.matItem span{
	font-size:.82rem;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#7d848b;
	font-weight:600;
}

/* ---------- why ---------- */
.why{padding:96px 0 104px;}
.why_grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:26px;
}
.svc-card{
	background:#fff;
	border:1px solid var(--hair);
	box-shadow:0 2px 10px rgba(49,52,59,.04);
}
.svc-card img{height:200px;object-fit:cover;width:100%;}
.svc-card__body{padding:24px 22px 30px;}
.svc-card__title{font-size:1.35rem;margin-bottom:16px;}
.ticklist li{
	position:relative;
	padding-left:30px;
	font-size:.94rem;
	margin-bottom:11px;
	line-height:1.5;
}
.ticklist li:before{
	content:"";
	position:absolute;
	left:0;
	top:5px;
	width:17px;
	height:17px;
	border-radius:50%;
	background:var(--acc);
}
.ticklist li:after{
	content:"";
	position:absolute;
	left:5px;
	top:9px;
	width:6px;
	height:3px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg);
}

/* ---------- about split ---------- */
.whoAreWe{display:grid;grid-template-columns:1fr 1fr;}
.whoAreWe__img img{width:100%;height:100%;object-fit:cover;min-height:520px;}
.whoAreWe__panel{background:var(--ink);display:flex;align-items:center;}
.whoAreWe__inner{padding:80px 70px;max-width:640px;}
.whoAreWe__inner h2{color:#fff;margin-bottom:22px;font-size:clamp(2rem,3.2vw,2.7rem);}
.whoAreWe__inner p{color:#C9CDD2;font-size:1rem;}
.whoAreWe__inner .btn-accent{margin-top:14px;}

/* ---------- goods ---------- */
.goods{padding:100px 0;}
.goodsGrid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
}
.prod_card{
	border:1px solid var(--hair);
	background:#fff;
	display:flex;
	flex-direction:column;
	transition:box-shadow .2s, transform .2s;
}
.prod_card:hover{box-shadow:0 10px 28px rgba(49,52,59,.10);transform:translateY(-3px);}
.prod_card__pic{position:relative;}
.prod_card__pic img{width:100%;height:250px;object-fit:cover;}
.stk{
	position:absolute;
	top:14px;
	left:14px;
	font-size:.68rem;
	letter-spacing:1.3px;
	text-transform:uppercase;
	font-weight:600;
	padding:6px 11px;
	color:#fff;
	border-radius:2px;
}
.stk.in{background:var(--acc);}
.stk.out{background:#8A9097;}
.prod_card__b{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.prod_card__b h3{font-size:1.25rem;margin-bottom:6px;}
.prod_card__meta{
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:1px;
	color:var(--muted);
	font-weight:600;
	margin-bottom:12px;
}
.prod_card__b p{font-size:.93rem;line-height:1.6;}
.prod_card__foot{
	margin-top:auto;
	padding-top:18px;
	border-top:1px solid var(--hair);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.price{font-size:1.3rem;font-weight:700;color:var(--ink);}
.price em{font-style:normal;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}
.prod_card.is-out .price{color:#7d848b;}

/* ---------- process ---------- */
.processFlow{padding:96px 0 100px;}
.stepRow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;}
.stepBox{background:#fff;padding:32px 26px 30px;border-top:3px solid var(--acc);}
.stepNum{
	display:block;
	font-size:2.1rem;
	font-weight:700;
	color:#dbe4e9;
	line-height:1;
	margin-bottom:14px;
}
.stepBox h4{font-size:1.1rem;margin-bottom:10px;}
.stepBox p{font-size:.92rem;margin:0;}

/* ---------- testimonial ---------- */
.tstm{padding:100px 0 96px;position:relative;overflow:hidden;}
.tstm:before{
	content:"";
	position:absolute;
	left:0;bottom:0;
	width:52%;height:100%;
	background:url('../dist/img/ghost-family.webp') left bottom/cover no-repeat;
	opacity:.06;
	pointer-events:none;
}
.tstm__wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;position:relative;}
.tstm__left h2{margin:0 0 30px;}
.tstm__card{
	border:1px solid var(--acc);
	background:#fff;
	padding:44px 44px 38px;
	position:relative;
}
.quoteBadge{
	position:absolute;
	top:0;right:0;
	width:78px;height:78px;
	background:var(--ink);
	border-bottom-left-radius:78px;
	color:#fff;
	font-size:2.6rem;
	line-height:1;
	text-align:right;
	padding:12px 14px 0 0;
}
.stars{color:var(--gold);letter-spacing:4px;font-size:1.1rem;margin-bottom:18px;}
.stars.sm{font-size:.9rem;letter-spacing:2px;margin-bottom:12px;}
.tstm__card p{font-size:1rem;line-height:1.75;margin:0;}
.tstm__tail{
	position:absolute;
	left:60px;bottom:-16px;
	width:0;height:0;
	border-left:18px solid transparent;
	border-right:0 solid transparent;
	border-top:17px solid #fff;
	filter:drop-shadow(0 1px 0 var(--acc));
}
.tstm__who{
	grid-column:2;
	display:flex;
	align-items:center;
	gap:14px;
	margin-top:26px;
	font-weight:600;
	color:var(--ink);
	font-size:.95rem;
}
.tstm__who img{border-radius:50%;width:64px;height:64px;object-fit:cover;border:2px solid var(--acc);}

/* ---------- review cards ---------- */
.revcards{padding:0 0 100px;}
.rev_row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;}
.rev_card{
	background:#fff;
	border:1px solid var(--hair);
	padding:26px 24px 22px;
	box-shadow:0 2px 12px rgba(49,52,59,.05);
}
.rev_card p{font-size:.9rem;font-style:italic;line-height:1.65;}
.rev_who{display:flex;align-items:center;gap:11px;margin-top:6px;}
.rev_who img{border-radius:50%;width:40px;height:40px;object-fit:cover;}
.rev_who span{font-size:.83rem;font-weight:600;color:var(--ink);line-height:1.3;}
.rev_who em{display:block;font-style:normal;font-size:.72rem;color:var(--muted);font-weight:400;}

/* ---------- contact ---------- */
.getintouch{padding:96px 0 104px;position:relative;}
.gi_grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;}
.gi_left h2{margin-bottom:16px;}
.gi_left .lead{max-width:420px;margin-bottom:34px;}
.gi_row{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;}
.icoTile{
	width:42px;height:42px;
	background:var(--acc);
	display:flex;align-items:center;justify-content:center;
	flex:0 0 42px;
	border-radius:2px;
}
.gi_row div{font-size:.95rem;color:var(--body);line-height:1.5;}
.gi_row em{
	display:block;
	font-style:normal;
	font-size:.72rem;
	text-transform:uppercase;
	letter-spacing:1.2px;
	color:var(--muted);
	font-weight:600;
	margin-bottom:2px;
}
.gi_row a:hover{color:var(--acc);}
.gi_note{font-size:.86rem;color:var(--muted);margin-top:26px;}

.formBox{background:#fff;padding:36px 34px 34px;border:1px solid var(--hair);}
.fld{margin-bottom:14px;}
.fld.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.formBox input[type=text],
.formBox input[type=email],
.formBox input[type=tel],
.formBox textarea{
	width:100%;
	border:1px solid var(--hair);
	padding:15px 16px;
	font-family:inherit;
	font-size:.95rem;
	color:var(--ink);
	background:#fbfcfd;
	border-radius:2px;
	outline:none;
}
.formBox textarea{resize:vertical;min-height:130px;}
.formBox input:focus,.formBox textarea:focus{border-color:var(--acc);background:#fff;}
.formBox ::placeholder{color:#9aa1a8;}
.helper{font-size:.74rem;color:var(--muted);margin:-6px 0 16px;}
.hp_field{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}
.consentLine{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:#6b7278;margin-bottom:22px;line-height:1.5;}
.consentLine input{margin-top:3px;accent-color:#77A9B4;}
.consentLine a{color:var(--acc);text-decoration:underline;}
.formMsg{margin:16px 0 0;font-size:.88rem;min-height:20px;}
.formMsg.good{color:#3f7d55;}
.formMsg.bad{color:#b0503f;}

/* ---------- blog ---------- */
.blogTeasers{padding:98px 0 100px;}
.postRow{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.postCard{border:1px solid var(--hair);background:#fff;display:flex;flex-direction:column;}
.postCard__pic{position:relative;}
.postCard__pic img{width:100%;height:250px;object-fit:cover;}
.dateBadge{
	position:absolute;
	top:0;right:0;
	background:var(--acc);
	color:#fff;
	padding:12px 14px 10px;
	text-align:center;
	font-size:1.15rem;
	font-weight:700;
	line-height:1;
}
.dateBadge em{display:block;font-style:normal;font-size:.62rem;text-transform:uppercase;letter-spacing:1px;margin-top:3px;font-weight:600;}
.postCard__b{padding:24px 26px 28px;}
.byline{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted);margin-bottom:14px;}
.byline img{border-radius:50%;width:30px;height:30px;object-fit:cover;}
.postCard__b h3{font-size:1.3rem;line-height:1.3;margin-bottom:16px;}
.postCard__b hr{border:0;border-top:1px solid var(--hair);margin:0 0 16px;}
.postCard__b p{font-size:.93rem;}
.readmore{
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:1.4px;
	font-weight:600;
	color:var(--acc);
}
.readmore:after{content:" →";}
.readmore:hover{color:var(--ink);}

/* ---------- footer ---------- */
.blkfoot{background:var(--ink-deep);padding:78px 0 0;position:relative;overflow:hidden;}
.foot_grid{
	display:grid;
	grid-template-columns:1.5fr 1fr 1fr 1fr;
	gap:44px;
	position:relative;
	z-index:2;
	padding-bottom:56px;
}
.foot_blurb{color:#A6ACB2;font-size:.9rem;margin:20px 0 26px;max-width:330px;line-height:1.6;}
.foot_row{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px;}
.foot_row .icoTile{width:36px;height:36px;flex:0 0 36px;}
.foot_row div{color:#C9CDD2;font-size:.88rem;line-height:1.5;}
.foot_row em{
	display:block;
	font-style:normal;
	font-size:.68rem;
	text-transform:uppercase;
	letter-spacing:1.2px;
	color:#8A9097;
	font-weight:600;
}
.foot_row a:hover{color:var(--acc);}
.foot_col h5{
	color:#fff;
	text-transform:uppercase;
	font-size:.82rem;
	letter-spacing:1.6px;
	margin-bottom:18px;
	font-weight:600;
}
.foot_col a{
	display:block;
	color:#8A9097;
	font-size:.88rem;
	padding:6px 0;
}
.foot_col a:hover{color:var(--acc);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0;position:relative;z-index:2;}
.fb_in{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#8A9097;}
.fb_in a:hover{color:var(--acc);}

/* ---------- cookies ---------- */
.ck-alert{
	position:fixed;
	left:0;right:0;bottom:0;
	background:#fff;
	border-top:3px solid var(--acc);
	box-shadow:0 -6px 26px rgba(31,34,39,.16);
	z-index:120;
	padding:20px 0;
}
.ck-alert[hidden]{display:none;}
.ck-alert__in{
	max-width:1200px;
	margin:0 auto;
	padding:0 24px;
	display:flex;
	align-items:center;
	gap:34px;
	justify-content:space-between;
}
.ck-alert p{margin:0;font-size:.88rem;max-width:760px;line-height:1.6;}
.ck-alert a{color:var(--acc);text-decoration:underline;}
.ck-alert__btns{display:flex;gap:12px;flex:0 0 auto;}

/* ---------- cart ---------- */
.cartBtn{
	background:none;
	border:0;
	position:relative;
	cursor:pointer;
	padding:4px;
	line-height:0;
}
.cartBtn__n{
	position:absolute;
	top:-4px;right:-6px;
	background:#5c6068;
	color:#fff;
	font-size:.62rem;
	font-weight:700;
	min-width:17px;
	height:17px;
	border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	padding:0 4px;
	transition:background .2s;
}
.cartBtn__n.on{background:var(--acc);}

.cartDim{
	position:fixed;
	inset:0;
	background:rgba(31,34,39,.5);
	opacity:0;
	visibility:hidden;
	transition:.22s;
	z-index:130;
}
.cartDim.on{opacity:1;visibility:visible;}
.cartPanel{
	position:fixed;
	top:0;right:0;
	height:100%;
	width:420px;
	max-width:100%;
	background:#fff;
	z-index:140;
	transform:translateX(102%);
	transition:transform .26s ease;
	display:flex;
	flex-direction:column;
	box-shadow:-8px 0 30px rgba(31,34,39,.18);
}
.cartPanel.is-open{transform:translateX(0);}
.cartPanel__top{
	background:var(--ink);
	color:#fff;
	padding:20px 24px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex:0 0 auto;
}
.cartPanel__top h4{
	color:#fff;
	font-size:.92rem;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:600;
	margin:0;
}
.closeX{
	background:none;
	border:0;
	color:#c9cdd2;
	font-size:1.9rem;
	line-height:1;
	cursor:pointer;
	padding:0 2px;
}
.closeX:hover{color:#fff;}
.closeX.dark{color:#9aa1a8;position:absolute;top:12px;right:16px;}
.closeX.dark:hover{color:var(--ink);}
.cartPanel__body{padding:20px 24px;overflow-y:auto;flex:1 1 auto;}
.cartEmpty{font-size:.9rem;color:var(--muted);}
.cItem{border-bottom:1px solid var(--hair);padding:14px 0;}
.cItem:first-child{padding-top:0;}
.cItem__t strong{display:block;color:var(--ink);font-size:.95rem;line-height:1.35;}
.cItem__t span{font-size:.78rem;color:var(--muted);}
.cItem__q{display:flex;align-items:center;gap:8px;margin-top:10px;}
.cItem__q button{
	width:28px;height:28px;
	border:1px solid var(--hair);
	background:#fbfcfd;
	color:var(--ink);
	cursor:pointer;
	font-size:1rem;
	line-height:1;
	border-radius:2px;
}
.cItem__q button:hover{border-color:var(--acc);color:var(--acc);}
.cItem__q span{min-width:24px;text-align:center;font-weight:600;color:var(--ink);font-size:.9rem;}
.cDel{
	width:auto!important;
	margin-left:auto;
	font-size:.7rem!important;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 10px;
	color:var(--muted)!important;
	border:0!important;
	background:none!important;
}
.cDel:hover{color:#b0503f!important;}
.cartPanel__foot{
	border-top:1px solid var(--hair);
	padding:20px 24px 26px;
	flex:0 0 auto;
	max-height:62%;
	overflow-y:auto;
	background:#fbfcfd;
}
.cartSum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.cartSum span{font-size:.75rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:600;}
.cartSum strong{font-size:1.5rem;color:var(--ink);}
.cartNote{font-size:.76rem;color:var(--muted);line-height:1.55;margin-bottom:18px;}
.cartPanel__foot input[type=text],
.cartPanel__foot input[type=email],
.cartPanel__foot input[type=tel],
.cartPanel__foot textarea{
	width:100%;
	border:1px solid var(--hair);
	padding:12px 13px;
	font-family:inherit;
	font-size:.9rem;
	color:var(--ink);
	background:#fff;
	border-radius:2px;
	outline:none;
}
.cartPanel__foot textarea{resize:vertical;}
.cartPanel__foot input:focus,.cartPanel__foot textarea:focus{border-color:var(--acc);}
.btn-accent.full{width:100%;}
.addBtn{background:none;border:0;font-family:inherit;cursor:pointer;padding:0 0 3px;}
.addBtn.added{color:#3f7d55;border-color:#3f7d55;}

/* ---------- thank you ---------- */
.tyPop{
	position:fixed;
	inset:0;
	background:rgba(31,34,39,.62);
	z-index:200;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
}
.tyPop[hidden]{display:none;}
.tyPop__box{
	background:#fff;
	max-width:490px;
	width:100%;
	padding:44px 40px 38px;
	text-align:center;
	position:relative;
	border-top:4px solid var(--acc);
	animation:tyIn .24s ease;
}
@keyframes tyIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.tyPop__mark{
	width:62px;height:62px;
	background:var(--acc);
	border-radius:50%;
	margin:0 auto 22px;
	display:flex;align-items:center;justify-content:center;
}
.tyPop__box h3{font-size:1.7rem;margin-bottom:14px;}
.tyPop__box p{font-size:.94rem;}
.tyRef{
	font-size:.76rem!important;
	text-transform:uppercase;
	letter-spacing:1.6px;
	color:var(--muted);
	font-weight:600;
}
.tySmall{font-size:.84rem!important;color:var(--muted);}
.tySmall a{color:var(--acc);}
.tyPop__box .btn-accent{margin-top:8px;}

/* ---------- extra ctas ---------- */
.procCta{
	margin-top:46px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:34px;
	background:#fff;
	border-left:3px solid var(--acc);
	padding:26px 30px;
}
.procCta p{margin:0;font-size:.95rem;max-width:620px;}
.procCta .btn-accent{flex:0 0 auto;}
.tstm__left p{font-size:.95rem;margin-bottom:26px;max-width:340px;}

.brandLogo img{width:auto;height:42px;object-fit:contain;filter:brightness(0) invert(1);}

/* ---------- legal pages ---------- */
.legalHead{
	background:var(--ink);
	margin-top:74px;
	padding:74px 0 62px;
	position:relative;
	overflow:hidden;
}
.eyebrow.lt{color:var(--acc);}
.legalHead h1{
	color:#fff;
	font-size:clamp(1.9rem,3.6vw,2.9rem);
	line-height:1.12;
	margin-bottom:16px;
	position:relative;
	z-index:2;
}
.legalHead__meta{
	color:#8A9097;
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:1.2px;
	margin:0;
	position:relative;
	z-index:2;
}
.legalBody{padding:74px 0 88px;}
.legalBody__in{max-width:830px;margin:0 auto;}
.legalBody h2{
	font-size:1.35rem;
	margin:38px 0 14px;
	padding-top:22px;
	border-top:1px solid var(--hair);
}
.legalBody h2:first-child{border-top:0;padding-top:0;margin-top:0;}
.legalBody p{font-size:.98rem;line-height:1.78;}
.legalList{margin:0 0 18px;}
.legalList li{
	position:relative;
	padding-left:24px;
	font-size:.96rem;
	line-height:1.7;
	margin-bottom:10px;
}
.legalList li:before{
	content:"";
	position:absolute;
	left:0;top:11px;
	width:9px;height:2px;
	background:var(--acc);
}
.legalNav{
	margin-top:52px;
	background:var(--grey);
	padding:26px 30px 28px;
	border-left:3px solid var(--acc);
}
.legalNav h4{
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:1.6px;
	margin-bottom:12px;
	font-weight:600;
}
.legalNav a{
	display:block;
	color:var(--body);
	font-size:.92rem;
	padding:5px 0;
	border-bottom:1px solid rgba(90,97,104,.12);
}
.legalNav a:last-child{border-bottom:0;}
.legalNav a:hover{color:var(--acc);}

/* ---------- content pages ---------- */
.pgHead{
	margin-top:74px;
	background:#4a5058 center/cover no-repeat;
	position:relative;
	padding:96px 0 82px;
}
.pgHead__ovl{position:absolute;inset:0;background:rgba(49,52,59,.72);}
.pgHead__in{position:relative;z-index:2;max-width:1200px;}
.pgHead h1{
	color:#fff;
	font-size:clamp(2rem,4vw,3.2rem);
	line-height:1.1;
	margin-bottom:16px;
	max-width:820px;
}
.pgHead__sub{color:#c9cdd2;font-size:1.05rem;margin:0;max-width:560px;}

.artBody{padding:70px 0 84px;}
.lede{
	font-size:1.22rem;
	line-height:1.6;
	color:var(--ink);
	font-weight:500;
	margin-bottom:26px;
}
.artBody h2{font-size:1.65rem;margin:44px 0 14px;}
.artBody h3{font-size:1.2rem;margin-bottom:10px;}
.artBody p{font-size:1rem;line-height:1.78;}
.artMeta{display:flex;align-items:center;gap:12px;margin-bottom:26px;}
.artMeta img{border-radius:50%;width:42px;height:42px;object-fit:cover;}
.artMeta span{font-size:.82rem;color:var(--muted);line-height:1.4;}
.artMeta strong{display:block;color:var(--ink);font-size:.92rem;}

.pullQuote{
	border-left:3px solid var(--acc);
	background:var(--grey);
	padding:26px 30px;
	margin:34px 0;
}
.pullQuote p{
	margin:0;
	font-size:1.15rem;
	line-height:1.55;
	color:var(--ink);
	font-weight:500;
}

.stepDeep{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:52px;
	align-items:center;
	margin:56px 0;
}
.stepDeep.rev .stepDeep__img{order:2;}
.stepDeep__img img{width:100%;height:420px;object-fit:cover;}
.stepDeep__txt .stepNum{font-size:2.4rem;color:#dbe4e9;margin-bottom:6px;}
.stepDeep__txt h2{margin:0 0 16px;font-size:1.6rem;}

.noteBox{
	background:var(--grey);
	padding:28px 32px 22px;
	border-left:3px solid var(--acc);
	margin:44px 0;
}
.noteBox h3{margin-bottom:12px;}
.noteBox p:last-child{margin-bottom:0;}

.qa{border-top:1px solid var(--hair);padding:22px 0 6px;}
.qa h4{font-size:1.05rem;margin-bottom:8px;}
.qa p{font-size:.96rem;}
.qa a{color:var(--acc);text-decoration:underline;}

.inlineCta{
	margin:46px 0 10px;
	background:var(--ink);
	padding:30px 34px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
}
.inlineCta p{margin:0;color:#C9CDD2;font-size:1rem;max-width:560px;}
.inlineCta .btn-accent{flex:0 0 auto;}

.aboutSplit{
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	gap:52px;
	align-items:start;
	margin:58px 0;
}
.aboutSplit.rev .aboutSplit__img{order:2;}
.aboutSplit__img img{width:100%;height:560px;object-fit:cover;}
.photoCap{
	display:block;
	font-size:.78rem;
	color:var(--muted);
	padding-top:10px;
	border-bottom:1px solid var(--hair);
	padding-bottom:12px;
	font-style:italic;
}
.aboutSplit__txt h2{margin-top:0;}

.factRow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px 0 46px;}
.factBox{background:var(--grey);padding:22px 20px;border-top:3px solid var(--acc);}
.factBox strong{display:block;font-size:1.6rem;color:var(--ink);line-height:1;margin-bottom:8px;}
.factBox span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;line-height:1.4;}

.tFeature{
	border:1px solid var(--acc);
	background:#fff;
	padding:46px 46px 38px;
	position:relative;
	max-width:900px;
	margin:0 auto 46px;
}
.tFeature p{font-size:1.05rem;line-height:1.78;}
.tFeature__who{display:flex;align-items:center;gap:14px;margin-top:22px;}
.tFeature__who img{border-radius:50%;width:64px;height:64px;object-fit:cover;border:2px solid var(--acc);}
.tFeature__who span{font-weight:600;color:var(--ink);font-size:.98rem;line-height:1.35;}
.tFeature__who em{display:block;font-style:normal;font-weight:400;font-size:.8rem;color:var(--muted);}
.tGrid{
	columns:3;
	column-gap:26px;
}
.tGrid .rev_card{break-inside:avoid;margin-bottom:26px;display:inline-block;width:100%;}

.ctaBand{background:var(--acc);padding:46px 0;}
.ctaBand__in{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
}
.ctaBand h3{color:#fff;font-size:1.6rem;margin-bottom:8px;}
.ctaBand p{color:rgba(255,255,255,.88);margin:0;font-size:.98rem;max-width:520px;}
.ctaBand__btns{display:flex;gap:14px;flex:0 0 auto;}
.ctaBand .btn-accent{background:var(--ink);}
.ctaBand .btn-accent:hover{background:#22252a;}
.btn-ghost.lt{border-color:rgba(255,255,255,.6);color:#fff;letter-spacing:1px;}
.btn-ghost.lt:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.12);}

/* old hero v1
.hero{height:100vh;background-attachment:fixed;}
*/

/* ================= responsive ================= */
@media (max-width:1080px){
	.why_grid{grid-template-columns:1fr 1fr;}
	.goodsGrid{grid-template-columns:1fr 1fr;}
	.stepRow{grid-template-columns:1fr 1fr;}
	.whoAreWe__inner{padding:60px 46px;}
	.foot_grid{grid-template-columns:1fr 1fr;gap:36px;}
	.tGrid{columns:2;}
	.factRow{grid-template-columns:1fr 1fr;}
}

@media (max-width:900px){
	.tstm__wrap{grid-template-columns:1fr;gap:34px;}
	.tstm__who{grid-column:1;margin-top:22px;}
	.tstm:before{width:100%;opacity:.04;}
	.gi_grid{grid-template-columns:1fr;gap:44px;}
	.whoAreWe{grid-template-columns:1fr;}
	.whoAreWe__img img{min-height:340px;}
	.rev_row{grid-template-columns:1fr;}
	.postRow{grid-template-columns:1fr;}
	.sec-head.two-col{flex-direction:column;align-items:flex-start;gap:18px;}
	.sec-head.with-btn{flex-direction:column;align-items:flex-start;gap:22px;}
	.procCta{flex-direction:column;align-items:flex-start;gap:20px;}
	.stepDeep{grid-template-columns:1fr;gap:26px;margin:44px 0;}
	.stepDeep.rev .stepDeep__img{order:0;}
	.stepDeep__img img{height:300px;}
	.aboutSplit{grid-template-columns:1fr;gap:26px;margin:44px 0;}
	.aboutSplit.rev .aboutSplit__img{order:0;}
	.aboutSplit__img img{height:400px;}
	.inlineCta{flex-direction:column;align-items:flex-start;gap:20px;}
	.ctaBand__in{flex-direction:column;align-items:flex-start;gap:24px;}
}

@media (max-width:640px){
	.head_inner{height:66px;padding:0 16px;}
	.hero{margin-top:66px;min-height:520px;padding:70px 0;}
	.wrap{padding:0 16px;}
	.head_cta{padding:10px 16px;font-size:.72rem;letter-spacing:1px;}
	.brandLogo__txt{font-size:.92rem;letter-spacing:2px;}
	.why_grid,.goodsGrid,.stepRow{grid-template-columns:1fr;}
	.why{padding:64px 0 70px;}
	.goods{padding:66px 0;}
	.processFlow{padding:64px 0 70px;}
	.tstm{padding:64px 0;}
	.getintouch{padding:64px 0 70px;}
	.blogTeasers{padding:64px 0;}
	.formBox{padding:26px 20px 24px;}
	.fld.two{grid-template-columns:1fr;}
	.whoAreWe__inner{padding:48px 22px;}
	.foot_grid{grid-template-columns:1fr;gap:30px;}
	.blkfoot{padding-top:56px;}
	.fb_in{flex-direction:column;gap:8px;}
	.ck-alert__in{flex-direction:column;align-items:flex-start;gap:16px;}
	.ck-alert__btns{width:100%;}
	.ck-alert__btns .btn-accent,.ck-alert__btns .btn-ghost{flex:1;text-align:center;}
	.quoteBadge{width:60px;height:60px;border-bottom-left-radius:60px;font-size:2rem;}
	.tstm__card{padding:32px 24px 30px;}
	.matStrip__row{gap:20px;}
	.matItem{flex:1 1 45%;justify-content:flex-start;}
	.brandLogo img{height:34px;}
	.head_right{gap:14px;}
	.cartPanel{width:100%;}
	.cartPanel__foot{max-height:none;}
	.tyPop__box{padding:36px 22px 30px;}
	.tyPop__box h3{font-size:1.4rem;}
	.procCta{padding:22px 20px;}
	.legalHead{margin-top:66px;padding:52px 0 44px;}
	.legalBody{padding:48px 0 60px;}
	.legalNav{padding:22px 20px 24px;}
	.pgHead{margin-top:66px;padding:62px 0 52px;}
	.artBody{padding:48px 0 60px;}
	.lede{font-size:1.08rem;}
	.tGrid{columns:1;}
	.tFeature{padding:32px 22px 28px;}
	.factRow{grid-template-columns:1fr 1fr;gap:12px;}
	.pullQuote{padding:22px 20px;}
	.pullQuote p{font-size:1.02rem;}
	.noteBox{padding:22px 20px 18px;}
	.inlineCta{padding:24px 20px;}
	.ctaBand__btns{flex-direction:column;width:100%;}
	.ctaBand__btns a{text-align:center;}
}