/* PD702 screenshot-driven layout correction | 2026-10-11
   Only public page IDs 74, 77 and 80. Visual styling only.
   Keeps existing WordPress builder, CTA, forms, media, and SEO content intact. */

/* Continuation — full-width WPBakery wrapper fallback.
   The original screenshot showed full sections trapped in the content grid.
   Do not rely on WPBakery JS completing full-width positioning. */
/* Let the layout wrapper behave as a content container; only section
   backgrounds may escape to viewport width via separate background layers. */
html body:is(.page-id-74,.page-id-77,.page-id-80)
 #main-content #primary .entry-content > .wpb-content-wrapper{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  left:auto!important;
  margin:0 auto!important;
  right:auto!important;
  transform:none!important;
}
html body:is(.page-id-74,.page-id-77,.page-id-80)
 #main-content #primary .entry-content > .wpb-content-wrapper > .vc_section{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  left:0!important;right:auto!important;
  margin-left:0!important;margin-right:0!important;
  transform:none!important;
}
html body:is(.page-id-74,.page-id-77,.page-id-80)
 #main-content #primary .entry-content > .wpb-content-wrapper > .vc_section > .vc_row{
  box-sizing:border-box!important;
  max-width:1180px!important;
  width:100%!important;
  position:relative!important;
  left:auto!important;right:auto!important;
  margin-left:auto!important;margin-right:auto!important;
  transform:none!important;
}
html body.page-id-74 #main-content .entry-content > .wpb-content-wrapper > .autoseo-studio-section-1 > .vc_row:first-of-type{
  max-width:1280px!important;
}
html body.page-id-77 #main-content .entry-content > .wpb-content-wrapper > .autoseo-studio-section-1 > .vc_row:first-of-type{
  max-width:1320px!important;
}
html body.page-id-77 #main-content .autoseo-studio-section-1 audio.wp-audio-shortcode{
  box-sizing:border-box!important;
  display:block!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  height:auto!important;
  margin:14px auto 25px!important;
}
html body.page-id-80 #main-content .entry-content > .wpb-content-wrapper > .vc_section > .vc_row{
  padding-block:clamp(25px,3.5vw,48px)!important;
}
html body.page-id-80 #main-content .ut-brands{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:900px!important;
  margin-inline:auto!important;
}
@media(max-width:767px){
 html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content #primary
 .entry-content > .wpb-content-wrapper > .vc_section > .vc_row{
  padding-inline:clamp(14px,4vw,22px)!important;
 }
 html body.page-id-80 #main-content .entry-content > .wpb-content-wrapper > .vc_section > .vc_row:first-child{
  display:block!important;
 }
}

:root { --pd-shot-ink:#111217; --pd-shot-violet:#7441d6; --pd-shot-purple:#a55fe5; --pd-shot-cyan:#4ce6f2; --pd-shot-white:#fff; }
/* The older page-family layer clips full-bleed headers inside the Brooklyn grid. */
html body:is(.page-id-74,.page-id-77,.page-id-80){overflow-x:clip!important}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content{
 overflow-x:visible!important;overflow-y:visible!important
}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .page-primary-header{
 box-sizing:border-box!important;position:relative!important;width:100vw!important;max-width:100vw!important;
 left:50%!important;margin-left:-50vw!important;margin-right:0!important;
 background:linear-gradient(112deg,#111217,#261739 67%,#3b215f)!important
}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .page-primary-header :where(.page-title,.page-title span){
 color:#fff!important;border:0!important;outline:0!important;box-shadow:none!important
}

html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .entry-content,
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .wpb-content-wrapper{box-sizing:border-box;width:100%;max-width:none;min-width:0}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .entry-content :where(.vc_section,.vc_row,.vc_column_container,.vc_column-inner,.wpb_wrapper){box-sizing:border-box;min-width:0}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content :where(.section-header.pt-style-4 .section-title,.section-header.pt-style-4 .section-title span,.section-header.pt-style-4 .section-title span:before,.section-header.pt-style-4 .section-title span:after){
 border:0!important;outline:0!important;box-shadow:none!important;background-image:none!important;
 padding-inline:0!important;text-decoration:none!important
}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .section-header .section-title{
  max-width:100%!important;line-height:1.19!important;white-space:normal!important;
  text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important
}
html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content .section-header .section-title span{
  display:inline!important;white-space:normal!important
}
/* Page 74: undo inherited half-width opening column and too-small reading card. */
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1{width:100%!important;max-width:none!important}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-of-type{
 display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;
 padding:clamp(40px,5vw,70px) clamp(20px,4vw,60px)!important
}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-of-type>.vc_column_container{
 display:block!important;float:none!important;flex:none!important;width:100%!important;max-width:100%!important;
 margin:0 auto!important
}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-of-type>.vc_column_container>.vc_column-inner,
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-of-type .wpb_text_column,
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-of-type .wpb_text_column>.wpb_wrapper{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:auto!important
}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1 .section-header{width:100%!important;max-width:1060px!important;margin:0 auto clamp(23px,3vw,38px)!important}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1 .section-title{max-width:100%!important;font-size:clamp(29px,3.6vw,48px)!important;color:#fff!important}
html body.page-id-74 #main-content .entry-content .autoseo-studio-section-1 .section-title span{color:#fff!important}
html body.page-id-74 #main-content .pd702-74-intro{
 width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto 26px!important;
 padding:clamp(24px,3.3vw,44px)!important
}
html body.page-id-74 #main-content .pd74-reading-panel{
 width:min(100%,1080px)!important;max-width:1080px!important;margin:0 auto!important;
 padding:clamp(25px,3.6vw,50px)!important
}
html body.page-id-74 #main-content .pd74-reading-panel >p,
html body.page-id-74 #main-content .pd74-reading-panel .wpb_wrapper>p{
 max-width:90ch!important
}
html body.page-id-74 #main-content .autoseo-studio-section-1>.vc_row:nth-of-type(2){grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body.page-id-74 #main-content .autoseo-studio-section-1>.vc_row:nth-of-type(2)>.vc_column_container .vc_column-inner{
 border-radius:18px!important;background:#241c3c!important;border:1px solid rgba(165,95,229,.45)!important
}
html body.page-id-74 #main-content .autoseo-studio-section-1>.vc_row:nth-of-type(2) :where(p,span,h3,strong){color:#fff!important}
html body.page-id-74 #main-content .autoseo-studio-section-2.autoseo-studio-section-3{padding:clamp(40px,5vw,64px) 20px!important}
html body.page-id-74 #main-content .autoseo-studio-section-2.autoseo-studio-section-3>.vc_row{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:1130px!important;padding:0 16px!important;margin:0 auto!important}
html body.page-id-74 #main-content .autoseo-studio-section-2.autoseo-studio-section-3>.vc_row>.vc_column_container{display:block!important;float:none!important;flex:none!important;width:100%!important;max-width:100%!important}
html body.page-id-74 #main-content .autoseo-studio-section-2 .section-header .section-title{
 font-size:clamp(29px,3.5vw,45px)!important;max-width:1100px!important;color:#171722!important;
 line-height:1.22!important
}
html body.page-id-74 #main-content .autoseo-studio-section-3.autoseo-studio-section-5>.vc_row,
html body.page-id-74 #main-content .autoseo-studio-section-4.autoseo-studio-section-7>.vc_row{
 width:min(100%,1180px)!important;max-width:1180px!important;display:flex!important;
 flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;
 gap:clamp(26px,4vw,56px)!important;margin-inline:auto!important
}
html body.page-id-74 #main-content .autoseo-studio-section-3.autoseo-studio-section-5>.vc_row>.vc_column_container,
html body.page-id-74 #main-content .autoseo-studio-section-4.autoseo-studio-section-7>.vc_row>.vc_column_container{
 width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;flex:1 1 0!important;float:none!important;min-width:0
}
html body.page-id-74 #main-content .autoseo-studio-section-3.autoseo-studio-section-5 .section-title,
html body.page-id-74 #main-content .autoseo-studio-section-4.autoseo-studio-section-7 .section-title{
 font-size:clamp(28px,3vw,42px)!important;line-height:1.18!important
}
html body.page-id-74 #main-content .autoseo-studio-section-5{
 background:linear-gradient(115deg,#111217,#332051)!important;padding:clamp(50px,6vw,80px) 22px!important
}
html body.page-id-74 #main-content .autoseo-studio-section-5 .section-header{max-width:820px!important;margin:auto!important;text-align:center!important}
html body.page-id-74 #main-content .autoseo-studio-section-5 :where(.section-title,.section-title span,.lead,.lead p){color:#fff!important}
html body.page-id-74 #main-content .autoseo-studio-section-6>.vc_row{max-width:1100px!important;width:100%!important;margin-inline:auto!important}
html body.page-id-74 #main-content .autoseo-studio-section-6 .section-header .section-title{font-size:clamp(29px,3.2vw,43px)!important;color:#171722!important}
/* Page 77: stop builder wrapper from clipping the entire redesign to the left. */
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1{
 position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;
 margin:0!important;padding:clamp(28px,4vw,55px) 0 0!important;
 background:linear-gradient(130deg,#111217,#261b43)!important
}
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1>.vc_row{
 width:100%!important;max-width:none!important;min-width:0!important;margin:0 auto!important;
 padding:0 clamp(18px,3vw,42px)!important;background:none!important;background-image:none!important
}
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1>.vc_row>.vc_column_container{
 box-sizing:border-box!important;float:none!important;width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important
}
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner,
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1 .wpb_text_column,
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-1 .wpb_text_column>.wpb_wrapper{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;
 padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important
}
html body.page-id-77 #main-content .pd77-rebuild{display:block!important;width:100%!important;max-width:1280px!important;margin:0 auto!important}
html body.page-id-77 #main-content .pd77-hero{
 width:100%!important;max-width:1180px!important;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr)!important;
 gap:clamp(25px,4vw,65px)!important;margin:0 auto!important;padding:clamp(28px,4vw,56px) clamp(18px,3vw,34px) clamp(50px,6vw,82px)!important
}
html body.page-id-77 #main-content .pd77-hero-aside{max-width:none!important;width:100%!important}
html body.page-id-77 #main-content .pd77-choose{
 width:100%!important;max-width:1280px!important;box-sizing:border-box!important;margin:0 auto!important;
 border-radius:24px 24px 0 0!important;padding:clamp(45px,6vw,82px) clamp(18px,4vw,55px)!important
}
html body.page-id-77 #main-content .pd77-cards{max-width:1120px!important;width:100%!important;gap:clamp(14px,2vw,24px)!important}
html body.page-id-77 #main-content .pd77-bottom-cta{max-width:1120px!important;width:100%!important}
html body.page-id-77 #main-content .entry-content .autoseo-studio-section-2{
 height:auto!important;min-height:0!important;max-height:none!important;
 padding:clamp(42px,5vw,70px) clamp(18px,4vw,46px)!important;
 background:linear-gradient(105deg,rgba(17,18,23,.88),rgba(60,35,99,.89)),url('/wp-content/uploads/2026/10/Web-design-services-image.jpg') center/cover!important
}
html body.page-id-77 #main-content .autoseo-studio-section-2>.vc_row{
 max-width:980px!important;width:100%!important;margin:0 auto!important
}
html body.page-id-77 #main-content .autoseo-studio-section-2>.vc_row :where(h2,h2 span,p){color:#fff!important}
/* Page 80: two-thirds editorial and one-third proof, then restrained trust logos. */
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1{
 width:100%!important;max-width:none!important;background:#fff!important;padding:clamp(30px,4vw,65px) 20px!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row{
 width:100%!important;max-width:1180px!important;box-sizing:border-box!important;margin:0 auto!important;
 padding:clamp(20px,3vw,42px) 12px!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child{
 display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:0!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:first-child{
 width:66.6667%!important;max-width:66.6667%!important;float:none!important;flex:0 0 66.6667%!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:nth-child(2){
 width:33.3333%!important;max-width:33.3333%!important;float:none!important;flex:0 0 33.3333%!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:first-child>.vc_column-inner{
 padding:clamp(24px,3vw,42px)!important;background:#f7f7fc!important;
 border:1px solid rgba(116,65,214,.22)!important;border-radius:20px!important;
 box-shadow:0 14px 38px rgba(17,18,23,.07)!important
}
html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:nth-child(2)>.vc_column-inner{
 padding:15px clamp(14px,2.5vw,27px)!important
}
html body.page-id-80 #main-content .autoseo-studio-section-1 .wpb_text_column h2{
 font-size:clamp(25px,2.45vw,35px)!important;color:#171722!important;line-height:1.22!important
}
html body.page-id-80 #main-content .autoseo-studio-section-1 .wpb_text_column h2 span{color:#171722!important}
html body.page-id-80 #main-content .autoseo-studio-section-1 .wpb_text_column :where(p,li){
 font-size:clamp(15px,1.18vw,17px)!important;line-height:1.75!important;color:#424251!important
}
html body.page-id-80 #main-content .autoseo-studio-section-1 .bklyn-btn{
 border-radius:999px!important;min-height:46px!important;padding:12px 18px!important;
 background:#4ce6f2!important;color:#111217!important;border:1px solid #4ce6f2!important;font-weight:800!important
}
html body.page-id-80 #main-content .autoseo-studio-section-1 img:is([data-src*="Website-Design-in-Las-Vegas-1.png"],[src*="Website-Design-in-Las-Vegas-1.png"],[data-src*="Best-Web-Designer-in-Las-Vegas.png"],[src*="Best-Web-Designer-in-Las-Vegas.png"]){
 display:block!important;max-width:min(100%,180px)!important;max-height:165px!important;object-fit:contain!important;margin:0 auto 20px!important
}
html body.page-id-80 #main-content img:is([data-src*="Premier-Designs-702-1.png"],[src*="Premier-Designs-702-1.png"]){
 display:block!important;max-width:min(100%,440px)!important;max-height:230px!important;
 object-fit:contain!important;margin:18px auto!important
}
html body.page-id-80 #main-content .ut-brands :where(.ut-single-brand-logo,.ut-single-brand-logo a){display:flex;align-items:center;justify-content:center;min-width:0}
html body.page-id-80 #main-content .ut-brands .ut-single-brand-logo img{
 max-width:185px!important;max-height:100px!important;width:auto!important;height:auto!important;object-fit:contain!important
}
html body.page-id-80 #main-content .autoseo-studio-section-1 .section-header .section-title{
 font-size:clamp(28px,3vw,41px)!important;max-width:980px!important;text-align:center!important;margin-inline:auto!important
}
/* Responsive accessibility: no horizontal overflow, touch targets retained. */
@media(max-width:900px){
 html body.page-id-77 #main-content .pd77-hero{grid-template-columns:minmax(0,1fr)!important;max-width:740px!important}
 html body.page-id-77 #main-content .pd77-choose{border-radius:18px 18px 0 0!important}
 html body.page-id-77 #main-content .pd77-cards{grid-template-columns:1fr!important;max-width:660px!important}
 html body.page-id-74 #main-content .autoseo-studio-section-3.autoseo-studio-section-5>.vc_row,
 html body.page-id-74 #main-content .autoseo-studio-section-4.autoseo-studio-section-7>.vc_row{display:block!important}
 html body.page-id-74 #main-content .autoseo-studio-section-3.autoseo-studio-section-5>.vc_row>.vc_column_container,
 html body.page-id-74 #main-content .autoseo-studio-section-4.autoseo-studio-section-7>.vc_row>.vc_column_container{width:100%!important;max-width:100%!important;margin-bottom:24px!important}
 html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:first-child,
 html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:nth-child(2){
   width:100%!important;max-width:100%!important;flex:0 0 100%!important
 }
 html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1>.vc_row:first-child>.vc_column_container:nth-child(2){
   display:flex!important;justify-content:center!important
 }
}
@media(max-width:600px){
 html body.page-id-74 #main-content .pd74-reading-panel{padding:24px 19px!important}
 html body.page-id-74 #main-content .autoseo-studio-section-1>.vc_row:nth-of-type(2){grid-template-columns:minmax(0,1fr)!important}
 html body.page-id-77 #main-content .pd77-hero{padding:26px 16px 50px!important}
 html body.page-id-77 #main-content .pd77-choose{padding:40px 17px!important}
 html body.page-id-77 #main-content .pd77-bottom-cta{display:block!important}
 html body.page-id-80 #main-content .entry-content .autoseo-studio-section-1{padding:25px 13px!important}
}
@media(prefers-reduced-motion:reduce){
 html body:is(.page-id-74,.page-id-77,.page-id-80) #main-content :where(a,button){transition:none!important;transform:none!important}
}
