/* Gunny Raw homepage showcase */
#homeRawPreview.homeRawShowcaseSection{
  position:relative;
  overflow:hidden;
  padding-block:clamp(3.2rem,6vw,6rem);
  background:
    radial-gradient(circle at 76% 8%,rgba(209,82,11,.24),transparent 29rem),
    radial-gradient(circle at 2% 94%,rgba(104,114,66,.32),transparent 31rem),
    linear-gradient(135deg,#090b08 0%,#12170d 50%,#070907 100%);
  border-top:1px solid rgba(209,82,11,.28);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#homeRawPreview.homeRawShowcaseSection::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,#000,transparent 82%);
}
#homeRawPreview.homeRawShowcaseSection::after{
  content:"RAW";
  position:absolute;
  right:-.08em;
  bottom:-.22em;
  z-index:0;
  color:rgba(255,255,255,.025);
  font-size:clamp(10rem,25vw,28rem);
  font-weight:1000;
  font-style:italic;
  line-height:.75;
  letter-spacing:-.11em;
  pointer-events:none;
}
#homeRawPreview .homeRawShowcaseGrid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(360px,1.08fr) minmax(340px,.92fr);
  gap:clamp(2rem,4.5vw,4.8rem);
  align-items:center;
}
#homeRawPreview .homeRawPostShowcase{min-width:0}
#homeRawPreview .homeRawLatestLabel{margin:0 0 .8rem;color:#ffc29f;letter-spacing:.13em}
#homeRawPreview .homeRawPreviewFrameHost{width:100%;min-width:0}
#homeRawPreview .homeRawPreviewFrameHost .gunnyRawFrame.homeRawFramePreview{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.16);
  background:#070807;
  box-shadow:0 34px 95px rgba(0,0,0,.5),0 0 0 1px rgba(209,82,11,.08) inset;
}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameTop{
  padding:.8rem .9rem;
  background:linear-gradient(180deg,#0a0c09,#050605);
}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameBrand img{width:44px;height:44px}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFramePlayer{background:#020302}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia.uploaded,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia.landscape,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia.vertical,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia.image{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia video,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia iframe,
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawPlayerMedia img{
  width:100%;
  max-width:100%;
  display:block;
}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameInfo{padding:.85rem 1rem .35rem}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameInfo h2{font-size:clamp(1.05rem,2vw,1.45rem)}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameDesc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameActions{padding:.55rem .85rem .9rem;gap:.5rem}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionBar{gap:.36rem;flex-wrap:nowrap;min-width:0}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionButton{min-height:48px;padding:.32rem .48rem;border-radius:14px}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionButton img{width:30px;height:30px}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionButton span{font-size:.82rem}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawShareButton{padding:.74rem .85rem;border-radius:14px}
#homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawFrameComments{display:none!important}
#homeRawPreview .homeRawPreviewEmpty{
  min-height:430px;
  display:grid;
  place-content:center;
  gap:.8rem;
  text-align:center;
  padding:2rem;
  border:1px solid rgba(255,255,255,.15);
  border-radius:28px;
  background:linear-gradient(145deg,#11150e,#050605);
  box-shadow:0 34px 95px rgba(0,0,0,.5);
}
#homeRawPreview .homeRawPreviewEmpty strong{font-size:clamp(2rem,5vw,4rem);text-transform:uppercase}
#homeRawPreview .homeRawPreviewEmpty span{max-width:40ch;color:#cbd3c8}
#homeRawPreview .homeRawPreviewEmpty .cta{justify-self:center}
#homeRawPreview .homeRawShowcaseCopy{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;min-width:0}
#homeRawPreview .homeRawOverline{margin:0;color:#ffc29f;letter-spacing:.15em}
#homeRawPreview .homeRawWordmarkLink{display:inline-block;margin:.05rem 0 .2rem}
#homeRawPreview .homeRawWordmark{gap:.035em;line-height:.79;text-shadow:0 14px 38px rgba(0,0,0,.55)}
#homeRawPreview .homeRawWordmark .rawHubWordmarkGunny{font-size:clamp(4rem,8vw,7.4rem)}
#homeRawPreview .homeRawWordmark .rawHubWordmarkRaw{font-size:clamp(3.3rem,6.9vw,6.15rem)}
#homeRawPreview .homeRawTagline{margin:.15rem 0 .25rem;color:#e7ebdf;font-size:clamp(.92rem,1.65vw,1.15rem);letter-spacing:.18em}
#homeRawPreview .homeRawPitch{max-width:61ch;margin:0;color:#d2d9ce;font-size:clamp(1rem,1.55vw,1.12rem);line-height:1.68}
#homeRawPreview .homeRawFeatureList{width:min(100%,690px);margin:.35rem 0 .2rem;border-top:1px solid rgba(255,255,255,.12)}
#homeRawPreview .homeRawFeatureList>div{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,1.55fr);gap:1rem;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
#homeRawPreview .homeRawFeatureList strong{color:#fff;font-size:.93rem;line-height:1.35}
#homeRawPreview .homeRawFeatureList span{color:#aeb8ad;font-size:.86rem;line-height:1.5}
#homeRawPreview .homeRawMerchPerk{display:grid;gap:.22rem;width:min(100%,690px);margin:.2rem 0 0;padding:.8rem 1rem;border-left:4px solid #d1520b;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(209,82,11,.15),rgba(209,82,11,.025))}
#homeRawPreview .homeRawMerchPerk span{color:#ffb486;font-size:.72rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
#homeRawPreview .homeRawMerchPerk strong{color:#fff;font-size:.95rem}
#homeRawPreview .homeRawActions{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:.3rem}
#homeRawPreview .homeRawActions .cta{min-height:54px;padding-inline:1.2rem}
#homeRawPreview .homeRawPrimaryCta{box-shadow:0 18px 40px rgba(209,82,11,.28)}
@media(max-width:1060px){
  #homeRawPreview .homeRawShowcaseGrid{grid-template-columns:1fr;max-width:850px}
  #homeRawPreview .homeRawPostShowcase{order:2;width:100%}
  #homeRawPreview .homeRawShowcaseCopy{order:1;align-items:center;text-align:center}
  #homeRawPreview .homeRawPitch{max-width:65ch}
  #homeRawPreview .homeRawFeatureList{text-align:left}
  #homeRawPreview .homeRawMerchPerk{text-align:left}
  #homeRawPreview .homeRawActions{justify-content:center}
}
@media(max-width:700px){
  #homeRawPreview.homeRawShowcaseSection{padding-block:2.8rem}
  #homeRawPreview .homeRawWordmark .rawHubWordmarkGunny{font-size:3.75rem}
  #homeRawPreview .homeRawWordmark .rawHubWordmarkRaw{font-size:3.12rem}
  #homeRawPreview .homeRawTagline{font-size:.82rem;letter-spacing:.13em}
  #homeRawPreview .homeRawFeatureList>div{grid-template-columns:1fr;gap:.28rem;padding:.72rem 0}
  #homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionBar{overflow-x:auto;padding-bottom:.2rem}
  #homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawReactionButton{flex:0 0 auto}
  #homeRawPreview .homeRawPreviewFrameHost .homeRawFramePreview .rawShareButton{width:100%}
  #homeRawPreview .homeRawActions{display:grid;width:100%;grid-template-columns:1fr}
  #homeRawPreview .homeRawActions .cta{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){#homeRawPreview *{scroll-behavior:auto!important}}

/* v4 balance pass: compact the information column so the video stays dominant */
#homeRawPreview.homeRawShowcaseSection{
  padding-block:clamp(2.8rem,4.6vw,4.6rem);
}
#homeRawPreview .homeRawShowcaseGrid{
  grid-template-columns:minmax(440px,1.24fr) minmax(300px,.76fr);
  gap:clamp(1.6rem,3vw,3rem);
  align-items:center;
}
#homeRawPreview .homeRawShowcaseCopy{
  width:100%;
  max-width:480px;
  justify-self:end;
  gap:.55rem;
}
#homeRawPreview .homeRawOverline{
  font-size:.68rem;
  margin:0;
}
#homeRawPreview .homeRawWordmarkLink{
  margin:0 0 .08rem;
}
#homeRawPreview .homeRawWordmark .rawHubWordmarkGunny{
  font-size:clamp(3.25rem,5.3vw,5.3rem);
}
#homeRawPreview .homeRawWordmark .rawHubWordmarkRaw{
  font-size:clamp(2.75rem,4.55vw,4.55rem);
}
#homeRawPreview .homeRawTagline{
  margin:.08rem 0 .15rem;
  font-size:clamp(.78rem,1.15vw,.95rem);
  letter-spacing:.15em;
}
#homeRawPreview .homeRawPitch{
  max-width:50ch;
  font-size:.94rem;
  line-height:1.5;
}
#homeRawPreview .homeRawFeatureList{
  width:100%;
  max-width:480px;
  margin:.2rem 0 .05rem;
}
#homeRawPreview .homeRawFeatureList>div{
  grid-template-columns:minmax(120px,.66fr) minmax(0,1.34fr);
  gap:.7rem;
  padding:.52rem 0;
}
#homeRawPreview .homeRawFeatureList strong{
  font-size:.82rem;
  line-height:1.28;
}
#homeRawPreview .homeRawFeatureList span{
  font-size:.76rem;
  line-height:1.38;
}
#homeRawPreview .homeRawMerchPerk{
  width:100%;
  max-width:480px;
  margin:.08rem 0 0;
  padding:.65rem .82rem;
}
#homeRawPreview .homeRawMerchPerk span{
  font-size:.64rem;
}
#homeRawPreview .homeRawMerchPerk strong{
  font-size:.84rem;
}
#homeRawPreview .homeRawActions{
  gap:.55rem;
  margin-top:.15rem;
}
#homeRawPreview .homeRawActions .cta{
  min-height:48px;
  padding-inline:1rem;
  font-size:.86rem;
}
@media(max-width:1060px){
  #homeRawPreview .homeRawShowcaseGrid{grid-template-columns:1fr;max-width:850px}
  #homeRawPreview .homeRawShowcaseCopy{max-width:680px;justify-self:center}
}
@media(max-width:700px){
  #homeRawPreview .homeRawShowcaseCopy{max-width:none}
  #homeRawPreview .homeRawWordmark .rawHubWordmarkGunny{font-size:3.35rem}
  #homeRawPreview .homeRawWordmark .rawHubWordmarkRaw{font-size:2.8rem}
  #homeRawPreview .homeRawPitch{font-size:.92rem}
  #homeRawPreview .homeRawFeatureList>div{grid-template-columns:1fr;gap:.2rem;padding:.55rem 0}
}


/* v5: replace stacked feature rows with one balanced highlighted story */
#homeRawPreview .homeRawPitch{
  max-width:49ch;
  font-size:.96rem;
  line-height:1.56;
}
#homeRawPreview .homeRawFeatureList{display:none!important}
#homeRawPreview .homeRawExperience{
  width:100%;
  max-width:480px;
  margin:.3rem 0 .15rem;
  padding:1.05rem 1.1rem 1.08rem;
  border:1px solid rgba(255,255,255,.11);
  border-left:4px solid #687242;
  border-radius:0 18px 18px 0;
  background:linear-gradient(100deg,rgba(104,114,66,.15),rgba(255,255,255,.025));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
#homeRawPreview .homeRawExperience p{
  margin:0;
  color:#cbd4c8;
  font-size:.92rem;
  line-height:1.7;
}
#homeRawPreview .homeRawHighlight{
  color:#fff;
  font-weight:950;
  background:linear-gradient(180deg,transparent 54%,rgba(209,82,11,.42) 54%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  padding:0 .08em .03em;
}
#homeRawPreview .homeRawMerchPerk{
  margin:.28rem 0 0;
}
#homeRawPreview .homeRawActions{
  margin-top:.25rem;
}
@media(max-width:1060px){
  #homeRawPreview .homeRawExperience{max-width:680px;text-align:left}
}
@media(max-width:700px){
  #homeRawPreview .homeRawExperience{padding:.95rem 1rem}
  #homeRawPreview .homeRawExperience p{font-size:.9rem;line-height:1.62}
}