@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#071a33;--navy:#08234a;--blue:#0a4fff;--bright:#3f83ff;--sky:#9ec7ff;--pale:#eaf3ff;--ice:#f5f9ff;--white:#fff;--muted:#60728c;--line:#ccdcf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.018;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit}.wrap{max-width:1440px;margin:auto;padding-left:clamp(24px,6vw,96px);padding-right:clamp(24px,6vw,96px)}header{height:82px;padding:0 clamp(24px,6vw,96px);display:flex;justify-content:space-between;align-items:center;position:absolute;width:100%;z-index:10;color:#fff}.logo{display:flex;gap:12px;align-items:center;font-family:Manrope;font-weight:800;letter-spacing:-.03em}.logo b{color:#8ebcff}.mark{display:grid;place-items:center;width:35px;height:35px;background:#fff;color:var(--blue);border-radius:9px;font-size:18px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}nav>a:not(.pill){opacity:.75}.pill{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:11px 16px}.hero{min-height:780px;background:linear-gradient(120deg,#06152c 0%,#09295a 46%,#0757e8 100%);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:145px clamp(24px,6vw,96px) 85px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-300px;top:-250px}.kicker,.section-title>p,.contact-copy>p,.manifesto p{font-size:11px;font-weight:700;letter-spacing:.19em}.kicker{color:#9ec7ff}.hero h1{font-family:Manrope;font-size:clamp(56px,6.5vw,104px);line-height:.91;letter-spacing:-.07em;margin:25px 0;max-width:900px}.hero h1 span,.section-title h2 span,.contact h2 span{color:#76aaff}.intro{max-width:680px;font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:#c6d6ea}.cta-row{display:flex;gap:11px;margin-top:35px}.btn{padding:15px 20px;border-radius:7px;font-weight:700;font-size:13px}.light{background:#fff;color:#092552}.outline{border:1px solid rgba(255,255,255,.3)}.proofline{display:flex;gap:25px;margin-top:70px;color:#9db1c9;font-size:11px}.proofline b{color:#fff;margin-right:5px}.hero-art{position:relative;z-index:1}.window{background:#f7faff;border-radius:14px;padding:9px;box-shadow:0 40px 90px rgba(0,10,35,.45);transform:rotate(2deg)}.bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#8290a2}.bar i,.browser-head i{width:7px;height:7px;background:#b9c9dc;border-radius:50%}.bar small{margin:auto;font-size:8px;letter-spacing:.14em}.window-content{background:linear-gradient(135deg,#eaf3ff,#b9d6ff);color:var(--ink);padding:65px 45px;min-height:420px;position:relative;overflow:hidden}.window-content:after{content:"K";font:800 330px/1 Manrope;position:absolute;right:-35px;bottom:-85px;color:#0a4fff0c}.window-content p{font-size:9px;letter-spacing:.2em;color:#2869d7}.window-content h2{font:700 clamp(42px,4.4vw,70px)/.95 Manrope;letter-spacing:-.06em;margin:24px 0}.window-content h2 em{font-family:Georgia;font-weight:400;color:#0a4fff}.window-content>span{display:block;max-width:330px;color:#58708e}.fake-btn{display:inline-block;background:var(--blue);color:white;padding:12px 15px;margin-top:38px;font-size:9px;font-weight:700}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb.one{width:170px;height:170px;background:#73b4ff;right:-70px;top:-80px}.orb.two{width:100px;height:100px;background:#0b2c63;left:-40px;bottom:-45px}.ticker{overflow:hidden;background:#0a4fff;color:white;padding:13px 0;white-space:nowrap;font:700 11px Manrope;letter-spacing:.15em}.ticker div{word-spacing:22px}.ticker i{color:#9ec7ff}.work{padding-top:120px;padding-bottom:120px}.section-title{position:relative;margin-bottom:65px}.section-title>p{color:#3775d5}.section-title h2,.contact h2{font:700 clamp(46px,5.2vw,78px)/.98 Manrope;letter-spacing:-.06em;margin:18px 0}.section-title h2 span{color:#3577e6}.section-title .side{position:absolute;right:0;bottom:4px;max-width:350px;color:var(--muted);line-height:1.6}.case{display:grid;grid-template-columns:.72fr 1.28fr;border-top:1px solid var(--line);padding:55px 0;gap:65px;align-items:center}.case.reverse{grid-template-columns:.72fr 1.28fr}.case.reverse .case-info{order:2}.case.reverse .site-preview{order:1}.case-info>p:first-child{font-size:10px;letter-spacing:.17em;color:#3775d5;font-weight:700}.case-info h3{font:700 clamp(34px,3.3vw,52px) Manrope;letter-spacing:-.05em;margin:15px 0}.case-info p{color:var(--muted);line-height:1.7}.case-info span{display:inline-block;margin-top:20px;font-size:11px;font-weight:800;color:#0a4fff}.site-preview{padding:28px;border-radius:12px;box-shadow:0 25px 65px #0c39741c;transition:.35s transform}.case:hover .site-preview{transform:translateY(-6px)}.site-preview.jts{background:linear-gradient(135deg,#d6ebff,#75b3f4)}.site-preview.bp{background:linear-gradient(135deg,#9fc6ee,#294f78)}.browser-head{height:30px;background:#fff;display:flex;align-items:center;gap:5px;padding:0 9px;border-radius:7px 7px 0 0}.browser-head small{margin:auto;color:#8290a2;font-size:7px}.mini{background:#fff;min-height:360px;color:#10243d;overflow:hidden}.mini-nav{height:45px;display:flex;align-items:center;padding:0 20px;gap:20px;font-size:7px}.mini-nav b{font-size:11px}.mini-nav span{margin-left:auto;color:#697b8e}.mini-nav em{font-style:normal;color:white;background:#145da0;padding:7px 9px}.mini-hero{padding:48px 30px 42px;min-height:245px;background:linear-gradient(90deg,rgba(2,25,44,.88),rgba(3,32,55,.4)),linear-gradient(135deg,#4b8799,#a7cfbd);color:#fff}.bpmini .mini-hero{background:linear-gradient(90deg,rgba(4,20,40,.9),rgba(6,40,70,.4)),linear-gradient(135deg,#264a69,#6f9cc0)}.mini-hero small{font-size:6px;letter-spacing:.18em}.mini-hero strong{display:block;font:700 31px/1 Manrope;letter-spacing:-.05em;margin:12px 0}.mini-hero p{font-size:8px}.mini-hero button{font-size:6px;padding:8px 10px;border:0;margin-top:7px;color:#0b3863}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.mini-cards i{height:35px;background:#e7eef5}.services{background:var(--ice);padding:120px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-grid article{padding:32px;min-height:320px;border-right:1px solid var(--line);background:white}.service-grid article:last-child{border:0}.service-grid b{color:#2771e6;font-size:11px}.service-grid h3{font:650 25px/1.08 Manrope;letter-spacing:-.04em;margin:80px 0 16px}.service-grid p{font-size:14px;color:var(--muted);line-height:1.65}.process{padding-top:120px;padding-bottom:120px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:100px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.step>b{font-size:11px;color:#3775d5}.step>div{display:grid;grid-template-columns:280px 1fr;gap:40px}.step h3{font:650 28px Manrope;margin:0;letter-spacing:-.04em}.step p{max-width:520px;margin:3px 0;color:var(--muted);line-height:1.6}.manifesto{background:#0a4fff;color:#fff;padding:115px 0}.manifesto p{color:#acd0ff}.manifesto h2{font:650 clamp(42px,5.4vw,82px)/1 Manrope;letter-spacing:-.06em;margin:20px 0}.manifesto h2 span{color:#a9ccff}.contact{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.contact-copy>p:first-child{color:#3775d5}.contact-copy>p:not(:first-child){font-size:18px;line-height:1.65;color:var(--muted);max-width:530px}.contact-note{font-size:9px;letter-spacing:.14em;color:#7287a2;margin-top:55px}form{background:#f4f8fe;border:1px solid #d7e4f4;padding:32px;display:grid;gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:11px;font-weight:700;color:#3c526d;display:grid;gap:7px}label small{font-size:8px;color:#91a0b1}input,select,textarea{border:1px solid #cad9eb;background:white;padding:13px;border-radius:5px;font:13px "DM Sans";outline:none;color:#10243d}input:focus,select:focus,textarea:focus{border-color:#4d89e8;box-shadow:0 0 0 3px #4d89e815}textarea{resize:vertical}form button{border:0;background:#0a4fff;color:#fff;padding:15px 18px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.formnote{font-size:9px;color:#8b9bad;margin:0}footer{background:#06152c;color:#fff;min-height:130px;padding:40px clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between}footer p,footer small{color:#8096b2;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav>a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-art{max-width:650px}.proofline{margin-top:45px}.section-title .side{position:static}.case,.case.reverse{grid-template-columns:1fr}.case.reverse .case-info,.case.reverse .site-preview{order:initial}.service-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.step>div{grid-template-columns:220px 1fr}}@media(max-width:600px){header{height:68px}.logo{font-size:13px}.mark{width:31px;height:31px}.hero{min-height:auto;padding-top:115px;padding-bottom:65px}.hero h1{font-size:55px}.hero-art{margin-top:20px}.window-content{min-height:300px;padding:40px 25px}.window-content h2{font-size:43px}.proofline{display:grid;grid-template-columns:1fr 1fr}.work,.process,.contact{padding-top:80px;padding-bottom:80px}.section-title{margin-bottom:40px}.section-title h2,.contact h2{font-size:45px}.case{padding:38px 0;gap:28px}.site-preview{padding:13px}.mini{min-height:280px}.mini-nav span{display:none}.mini-hero{min-height:195px;padding:35px 22px}.services{padding:80px 0}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.service-grid h3{margin-top:45px}.step{grid-template-columns:45px 1fr}.step>div{grid-template-columns:1fr;gap:5px}.manifesto{padding:80px 0}.manifesto h2{font-size:44px}.two{grid-template-columns:1fr}form{padding:20px}footer{align-items:flex-start;flex-direction:column;gap:18px}}
/* V3 darker blue balance */
body{background:#071a33;color:#f4f8ff}
.work{background:linear-gradient(180deg,#0b2447 0%,#0d2d58 100%)}
.work .section-title h2,.work .case-info h3{color:#f7faff}
.work .section-title .side,.work .case-info p{color:#a9bdd6}
.work .case{border-color:#294a72}
.work .case-info>p:first-child,.work .case-info span{color:#7db3ff}
.services{background:#102f5b}
.services .section-title h2{color:#f7faff}
.services .section-title h2 span{color:#84b8ff}
.service-grid{border-color:#31537d}
.service-grid article{background:#123762;border-color:#31537d;color:#fff}
.service-grid article:last-child{border-color:#31537d}
.service-grid b{color:#83baff}
.service-grid p{color:#b2c5dc}
.process{background:#eaf3ff;color:#071a33;max-width:none;padding-left:max(clamp(24px,6vw,96px),calc((100vw - 1440px)/2 + clamp(24px,6vw,96px)));padding-right:max(clamp(24px,6vw,96px),calc((100vw - 1440px)/2 + clamp(24px,6vw,96px)))}
.contact{background:#071a33;color:#fff;max-width:none;padding-left:max(clamp(24px,6vw,96px),calc((100vw - 1440px)/2 + clamp(24px,6vw,96px)));padding-right:max(clamp(24px,6vw,96px),calc((100vw - 1440px)/2 + clamp(24px,6vw,96px)))}
.contact-copy>p:not(:first-child){color:#a9bdd6}
.contact-note{color:#7893b5}
form{background:#0d2d58;border-color:#31537d}
label{color:#c6d8ee}
input,select,textarea{background:#0a2448;border-color:#385a83;color:#fff}
input::placeholder,textarea::placeholder{color:#748daa}
.formnote{color:#8ea8c6}


/* V4: actual live website previews */
.site-preview.live-preview{
  padding:18px;
  background:linear-gradient(135deg,#dbeaff 0%,#82b5ff 55%,#4d8eea 100%);
  border:1px solid rgba(255,255,255,.18);
}
.site-preview.live-preview .browser-head{
  border-radius:8px 8px 0 0;
  box-shadow:0 8px 25px rgba(5,25,55,.08);
}
.preview-viewport{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#fff;
  border-radius:0 0 7px 7px;
  box-shadow:0 18px 45px rgba(4,24,56,.18);
}
.live-site-frame{
  position:absolute;
  inset:0 auto auto 0;
  width:200%;
  height:200%;
  border:0;
  transform:scale(.5);
  transform-origin:top left;
  pointer-events:none;
  background:#fff;
}
.case:hover .site-preview.live-preview{
  transform:translateY(-6px) scale(1.005);
}
@media(max-width:600px){
  .site-preview.live-preview{padding:10px}
  .preview-viewport{aspect-ratio:4/3}
}

/* V5: balanced palette, less blue */
:root{
  --ink:#102034;
  --navy:#10243d;
  --blue:#2f6fb3;
  --bright:#6b9fd3;
  --sky:#b9d1e7;
  --pale:#eef3f7;
  --ice:#f5f6f6;
  --white:#fff;
  --muted:#687887;
  --line:#d7dfe5;
}
body{background:#f2f3f2;color:#102034}
.hero{background:linear-gradient(125deg,#0d1b2a 0%,#17334d 55%,#285d86 100%)}
.ticker{background:#e8ecef;color:#23384c;border-bottom:1px solid #d1d9df}
.ticker i{color:#5c87ad}
.work{background:#f2f3f2;color:#102034}
.work .section-title h2,.work .case-info h3{color:#102034}
.work .section-title h2 span{color:#527fa7}
.work .case{border-color:#cfd8df}
.work .case-info p{color:#687887}
.work .case-info>p:first-child,.work .case-info span{color:#426f98}
.site-preview.live-preview{background:linear-gradient(135deg,#e6ebee,#b9c8d2 58%,#91a9b9);border:1px solid #cbd4da;box-shadow:0 22px 55px rgba(17,35,52,.13)}
.services{background:#e7ebed}
.services .section-title h2{color:#102034}
.services .section-title h2 span{color:#527fa7}
.service-grid{border-color:#cbd4da}
.service-grid article{background:#f8f9f8;border-color:#cbd4da;color:#102034}
.service-grid article:last-child{border-color:#cbd4da}
.service-grid b{color:#527fa7}
.service-grid p{color:#687887}
.process{background:#f7f7f5}
.manifesto{display:none}
.contact{background:#152638;color:#fff}
form{background:#1d3348;border-color:#3a5064}
input,select,textarea{background:#13283b;border-color:#435a70}
footer{background:#0d1b2a}

/* Complete Bay & Peak portfolio preview */
.static-bp-preview{background:#f7f4ee}
.bp-shot{height:100%;background:#fff;color:#18314a;font-family:"DM Sans",sans-serif}
.bp-shot-nav{height:13%;display:flex;align-items:center;padding:0 4%;gap:4%;font-size:1.1vw}
.bp-shot-nav strong{font-family:Manrope;font-size:1.35vw;letter-spacing:-.05em}
.bp-shot-nav strong span{color:#6e99bd}
.bp-shot-nav div{margin-left:auto;color:#687887;font-size:.7vw}
.bp-shot-nav>b{font-size:.62vw;background:#285d86;color:#fff;padding:1.1% 1.4%}
.bp-shot-hero{height:70%;padding:8% 8%;color:#fff;background:linear-gradient(90deg,rgba(14,33,51,.92),rgba(24,62,89,.54)),linear-gradient(135deg,#3c6682,#94b1c3);position:relative}
.bp-shot-hero small{font-size:.55vw;letter-spacing:.16em;font-weight:700}
.bp-shot-hero h4{font:700 3.2vw/.92 Manrope;margin:3% 0;letter-spacing:-.06em}
.bp-shot-hero p{font-size:.75vw;max-width:55%;line-height:1.5}
.bp-shot-hero span{display:inline-block;margin-top:2%;font-size:.55vw;background:#fff;color:#244e6d;padding:1.5% 2%}
.bp-shot-bottom{height:17%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%;padding:2% 3%}
.bp-shot-bottom i{background:#e7ecef}
@media(max-width:600px){
 .bp-shot-nav{font-size:2vw}.bp-shot-nav strong{font-size:2.4vw}.bp-shot-nav div{display:none}.bp-shot-nav>b{margin-left:auto;font-size:1.1vw}
 .bp-shot-hero small{font-size:1vw}.bp-shot-hero h4{font-size:6vw}.bp-shot-hero p{font-size:1.4vw}.bp-shot-hero span{font-size:1vw}
}


/* V6 polish */

/* Light blue replaces the stark white sections */
body{background:#eaf2f8}
.work{background:#e8f1f8}
.services{background:#dfeaf3}
.process{background:#edf4f9}

/* Better spacing and cleaner rhythm in the thin services bar */
.ticker{
  padding:0;
  background:#dce8f2;
  border-top:1px solid #cad9e5;
  border-bottom:1px solid #cad9e5;
  color:#27435d;
}
.ticker-row{
  max-width:1440px;
  margin:auto;
  min-height:48px;
  padding:0 clamp(24px,6vw,96px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2.3vw,34px);
  white-space:nowrap;
  word-spacing:0;
  font:700 10px "Manrope",sans-serif;
  letter-spacing:.14em;
}
.ticker-row i{
  color:#6f98bb;
  font-style:normal;
  font-size:9px;
  flex:0 0 auto;
}
.ticker-row span{flex:0 0 auto}

/* Portfolio spacing */
.work{padding-top:95px}
.section-title{margin-bottom:52px}
.case{
  grid-template-columns:.72fr 1.28fr;
  gap:58px;
  padding:50px 0;
}
.case.reverse{grid-template-columns:.72fr 1.28fr}
.case.reverse .case-info,
.case.reverse .site-preview{order:initial}

/* Make both browser previews visually equal */
.site-preview.live-preview{
  width:100%;
  min-width:0;
}
.preview-viewport{
  aspect-ratio:16/10;
}

/* Bay & Peak polished static browser preview */
.static-bp-preview{background:#f3f7fa}
.bp-shot{
  height:100%;
  display:flex;
  flex-direction:column;
  background:#f8fafc;
  color:#142a40;
  overflow:hidden;
}
.bp-shot-nav{
  height:14%;
  min-height:52px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  padding:0 4.5%;
  background:#fbfcfd;
  border-bottom:1px solid #e2e8ee;
}
.bp-brand{
  display:grid;
  line-height:.78;
  font-family:Manrope,sans-serif;
  font-size:13px;
  letter-spacing:-.06em;
}
.bp-brand strong:last-child{color:#4a6d8f}
.bp-links{
  display:flex;
  justify-content:center;
  gap:18px;
  color:#647789;
  font-size:9px;
}
.bp-shot-nav>b{
  background:#285d86;
  color:#fff;
  padding:9px 12px;
  font-size:8px;
  letter-spacing:.04em;
}
.bp-shot-hero{
  position:relative;
  height:66%;
  min-height:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:7% 7%;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(15,35,52,.96) 0%,rgba(23,58,83,.88) 48%,rgba(32,74,101,.30) 100%),
    linear-gradient(135deg,#2f536d,#8fb1c8);
}
.bp-shot-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,255,255,.28),transparent 24%),
    linear-gradient(145deg,transparent 50%,rgba(255,255,255,.08));
}
.bp-hero-copy{position:relative;z-index:2;max-width:63%}
.bp-shot-hero small{
  display:block;
  font-size:7px;
  letter-spacing:.16em;
  font-weight:700;
  color:#d6e6f2;
}
.bp-shot-hero h4{
  font:700 clamp(34px,3.2vw,52px)/.9 Manrope,sans-serif;
  letter-spacing:-.06em;
  margin:15px 0 12px;
}
.bp-shot-hero p{
  max-width:390px;
  font-size:11px;
  line-height:1.45;
  color:#e1ebf2;
}
.bp-shot-hero span{
  display:inline-block;
  margin-top:13px;
  padding:10px 13px;
  background:#fff;
  color:#285d86;
  font-size:8px;
  font-weight:800;
}
.bp-photo-shape{
  position:absolute;
  width:44%;
  height:76%;
  right:-5%;
  bottom:-8%;
  border-radius:26px 0 0 0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03)),
    linear-gradient(160deg,#8fb0c5,#456f8d 58%,#284d69);
  box-shadow:-30px 0 70px rgba(6,28,45,.20);
  transform:rotate(-3deg);
}
.bp-shot-bottom{
  height:20%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#dfe7ed;
}
.bp-shot-bottom>div{
  background:#f8fafc;
  padding:4.5% 7%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bp-shot-bottom small{
  font-size:6px;
  letter-spacing:.13em;
  color:#698098;
  margin-bottom:4px;
}
.bp-shot-bottom strong{
  font:600 9px Manrope,sans-serif;
  color:#1a344d;
}

@media(max-width:900px){
  .ticker-row{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .ticker-row::-webkit-scrollbar{display:none}
  .case{grid-template-columns:1fr;gap:30px}
  .bp-links{gap:10px}
}
@media(max-width:600px){
  .ticker-row{min-height:44px;gap:14px}
  .work{padding-top:72px}
  .bp-shot-nav{min-height:42px;padding:0 4%;gap:10px}
  .bp-brand{font-size:9px}
  .bp-links{display:none}
  .bp-shot-nav>b{margin-left:auto;font-size:6px;padding:7px 8px}
  .bp-hero-copy{max-width:72%}
  .bp-shot-hero h4{font-size:29px}
  .bp-shot-hero p{font-size:8px}
  .bp-shot-bottom strong{font-size:7px}
}

/* V7: real Bay & Peak screenshot supplied by owner */
.bay-peak-image-preview{
  background:#fff;
  overflow:hidden;
}
.bay-peak-image-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}