/* Client reviews wall — scoped so it doesn't fight YOOtheme chrome */
.hwg-stories{
	--green:#213A2D;
	--clay:#BE7154;
	--clay-deep:#8B4E37;
	--blush:#F9E9DC;
	--paper:#FBF7F2;
	--ink:#1A1A1A;
	--muted:#5c564e;
	--line:rgba(33,58,45,.12);
	--radius:20px;
	background:var(--paper);
	color:var(--ink);
	padding:28px 0 72px;
}
.hwg-stories .kicker{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--clay-deep)}
.hwg-stories .intro{padding:12px 32px 18px;max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:end;gap:24px}
.hwg-stories .intro h1{margin:8px 0 0;font-family:Restora,Georgia,serif;font-weight:300;font-size:clamp(42px,5.2vw,64px);line-height:1.02;color:var(--green)}
.hwg-stories .intro p{margin:0;max-width:36ch;color:var(--muted);font-size:15px}
.hwg-stories .open{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start;padding:8px 32px 16px;max-width:1240px;margin:0 auto}
.hwg-stories .open .tile{margin:0}
.hwg-stories .wall{columns:3;column-gap:16px;padding:8px 32px 28px;max-width:1240px;margin:0 auto}
.hwg-stories .tile{break-inside:avoid;margin:0 0 16px;border-radius:var(--radius);overflow:hidden;background:#fff}
.hwg-stories .tile.green{background:var(--green);color:var(--paper)}
.hwg-stories .tile.blush{background:var(--blush)}
.hwg-stories .quote{padding:26px 24px 22px}
.hwg-stories .quote p{margin:0 0 16px;font-size:16px;line-height:1.5}
.hwg-stories .quote.pull p{font-family:Poppins,system-ui,sans-serif;font-weight:500;font-size:clamp(22px,2.2vw,30px);line-height:1.28}
.hwg-stories .tile.green .quote p{color:var(--paper)}
.hwg-stories .quote footer{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--clay-deep)}
.hwg-stories .tile.green .quote footer{color:#e8c4b0}
.hwg-stories .vid{position:relative;background:#111;isolation:isolate}
.hwg-stories .vid video{width:100%;height:auto;vertical-align:middle;display:block;background:#111}
.hwg-stories .vid.portrait video{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto}
.hwg-stories .vid.land video{aspect-ratio:16/9;object-fit:cover;width:100%}
.hwg-stories .clicker{position:absolute;inset:0;z-index:3;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.hwg-stories .clicker i{width:68px;height:68px;border-radius:50%;background:rgba(251,247,242,.95);box-shadow:0 8px 24px rgba(0,0,0,.22);display:grid;place-items:center;transition:transform .15s ease,background .15s ease}
.hwg-stories .clicker:hover i{transform:scale(1.06);background:#fff}
.hwg-stories .clicker svg{width:22px;height:22px;fill:var(--clay-deep);display:block}
.hwg-stories .clicker svg.play{margin-left:3px}
.hwg-stories .clicker svg.pause{display:none}
.hwg-stories .vid.playing .clicker svg.play{display:none}
.hwg-stories .vid.playing .clicker svg.pause{display:block;margin:0}
.hwg-stories .vid.playing .clicker i{opacity:0;background:transparent;box-shadow:none}
.hwg-stories .vid.playing .clicker:hover i{opacity:1;background:rgba(251,247,242,.95);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.hwg-stories .vid:not(.playing) video{pointer-events:none}
.hwg-stories .tile figcaption{padding:12px 16px 14px;font-size:13px;color:var(--muted)}
.hwg-stories .close{max-width:1176px;margin:0 auto;background:var(--green);color:var(--paper);border-radius:var(--radius);padding:36px 32px 32px;text-align:center}
.hwg-stories .close h2{font-family:Restora,Georgia,serif;font-weight:300;font-size:clamp(36px,4.4vw,52px);margin:6px 0 10px;color:var(--paper)}
.hwg-stories .close p{margin:0 auto 20px;max-width:40ch;color:rgba(251,247,242,.78)}
.hwg-stories .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hwg-stories .btn{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;text-decoration:none}
.hwg-stories .btn-clay{background:var(--clay);color:#fff}
.hwg-stories .btn-clay:hover{color:#fff;background:var(--clay-deep)}
.hwg-stories .btn-ghost{border-color:currentColor;color:inherit}
.hwg-stories .btn-ghost:hover{background:rgba(255,255,255,.08);color:inherit}
@media (max-width:980px){
	.hwg-stories .wall{columns:2;padding:8px 16px 24px}
	.hwg-stories .open{grid-template-columns:1fr;padding:8px 16px 12px}
	.hwg-stories .intro{padding:20px 16px 12px;display:block}
	.hwg-stories .close{margin:0 16px}
}
@media (max-width:620px){
	.hwg-stories .wall{columns:1}
}