/* BYP 2026-10-09 · one modern homepage, approved six meanings. No legacy collage UI. */
.byp-v4-hero{display:flex;flex-direction:column;min-height:0;gap:20px;padding:8px 0 28px}
.byp-v4-hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;width:100%}
.byp-v4-hero-copy h1{font-size:clamp(35px,5vw,66px);margin:5px 0 9px;line-height:1.02}
.byp-v4-hero-copy>div>p{font-size:clamp(15px,1.8vw,20px);max-width:680px;color:#dad7e2;margin:0;line-height:1.35}
.byp-v4-hero-actions{margin:0;justify-content:flex-end}
.byp-v4-six-art{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;border-radius:clamp(12px,2vw,23px);border:1px solid rgba(255,93,216,.35);background:#05040c;box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 38px rgba(163,46,255,.12)}
.byp-v4-six-art img{display:block;width:100%;height:100%;object-fit:contain}
.byp-v4-six-art a{position:absolute;display:block;border:2px solid transparent;border-radius:10px;outline-offset:2px;cursor:pointer}
.byp-v4-six-art a:hover,.byp-v4-six-art a:focus-visible{border-color:#fff;background:rgba(255,255,255,.055);box-shadow:0 0 25px rgba(247,70,255,.55)}
.byp-v4-six-art [data-topic="into"]{left:1%;top:14%;width:33%;height:30%}
.byp-v4-six-art [data-topic="away"]{left:34%;top:15%;width:31%;height:28%}
.byp-v4-six-art [data-topic="out"]{left:65%;top:15%;width:34%;height:30%}
.byp-v4-six-art [data-topic="eating"]{left:1%;top:45%;width:40%;height:28%}
.byp-v4-six-art [data-topic="pressure"]{left:61%;top:45%;width:38%;height:28%}
.byp-v4-six-art [data-topic="life"]{left:1%;top:74%;width:98%;height:25%}
.byp-v4-categories{padding-top:10px}
.byp-v4-cat-top{grid-template-columns:auto minmax(0,1fr) 106px;min-height:110px;align-items:center}
.byp-v4-photo{position:relative;display:block;overflow:hidden;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#33103a,#111c45);box-shadow:0 0 16px rgba(255,255,255,.09);isolation:isolate}
/* Restrict each 510x288 screenshot to the original 90x75px subject photo;
   the neon columns, dashboard header, and large category text stay clipped. */
.byp-v4-photo img{position:absolute!important;right:auto!important;bottom:auto!important;width:510px!important;height:288px!important;max-width:none!important;max-height:none!important;object-fit:unset!important;object-position:unset!important;filter:none!important;transform:none!important;opacity:1!important;display:block!important}
.byp-v4-category-photo{grid-column:3;grid-row:1;width:100px;height:73px;margin:0!important;align-self:center}
.byp-v4-service-photo{width:82px;height:62px}
.byp-v4-service{grid-template-columns:82px minmax(0,1fr) 28px}
.byp-q-card{grid-template-columns:1fr;width:min(700px,100%);max-height:94vh}
.byp-q-art{min-height:116px;display:flex;align-items:center;padding:21px 30px;background:radial-gradient(circle at 10% 70%,rgba(250,37,190,.22),transparent 40%),radial-gradient(circle at 88% 10%,rgba(0,193,255,.17),transparent 42%),#0c0918}
.byp-q-art:after{display:none}
.byp-q-photo{width:106px;height:78px;border:2px solid rgba(255,99,211,.55)}
.byp-q-copy{padding:12px clamp(20px,4vw,38px) 34px}
.byp-q-copy h2{font-size:clamp(33px,5vw,52px)}
@media(max-width:1050px){
 .byp-v4-hero{display:flex;min-height:0}
 .byp-v4-hero-copy{text-align:left;display:flex;flex-wrap:wrap}
 .byp-v4-hero-actions{justify-content:flex-start}
 .byp-v4-cat-top{grid-template-columns:76px minmax(0,1fr) 106px;align-items:center}
 .byp-v4-category-photo{grid-column:3;grid-row:1;width:100px;height:73px;margin:0!important}
}
@media(max-width:760px){
 .byp-v4-hero{gap:14px;padding-top:8px}
 .byp-v4-hero-copy{flex-direction:column;align-items:flex-start;gap:14px}
 .byp-v4-hero-copy>div>p{text-align:left;font-size:16px}
 .byp-v4-hero-copy h1{font-size:41px}
 .byp-v4-six-art{border-radius:10px}
 .byp-v4-cat-top{grid-template-columns:55px minmax(0,1fr) 82px;gap:7px;min-height:112px}
 .byp-v4-cat-top>div h2{font-size:clamp(27px,8vw,38px)}
 .byp-v4-category-photo{grid-column:3;grid-row:1;width:82px;height:70px;margin:0!important}
 .byp-v4-service{grid-template-columns:76px minmax(0,1fr) 22px}
 .byp-v4-service-photo{width:76px;height:62px}
 .byp-q-art{min-height:112px}
}
@media(max-width:380px){
 .byp-v4-cat-top{grid-template-columns:43px minmax(0,1fr) 72px}
 .byp-v4-category-photo{width:72px}
 .byp-v4-cat-top h2{font-size:27px}
}

/* Shared owner-approved Check a Match creative, not a placeholder portrait.
   It stays readable and uncropped on phones, and never uses a white section. */
.byp-checkmatch-home{max-width:980px;margin:14px auto 23px;padding:14px;display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:22px;align-items:center;background:linear-gradient(110deg,#110919,#0a1526);border:1px solid #af4dc5;border-radius:22px;box-shadow:0 0 23px #8913ab22}
.byp-checkmatch-home-art{display:block;width:100%;min-width:0;background:#04030a;border-radius:14px;overflow:hidden;box-shadow:0 0 20px #a3168b33}
.byp-checkmatch-home-art img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1/1;object-fit:contain}
.byp-checkmatch-home-copy{min-width:0}
.byp-checkmatch-home-copy>span{display:block;color:#71cfff;font-size:11px;letter-spacing:.12em;font-weight:900;margin-bottom:11px}
.byp-checkmatch-home-copy h2{color:#fc56c2;font:800 clamp(23px,3vw,35px)/1.12 Archivo,Arial,sans-serif;margin:0 0 12px}
.byp-checkmatch-home-copy p{font:500 15px/1.6 'Space Grotesk',Arial,sans-serif;color:#e4dae9;margin:0 0 18px}
.byp-checkmatch-home-copy a{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(100deg,#ef269f,#207cfc);color:#fff;text-decoration:none;border-radius:999px;padding:13px 21px;font-weight:900;font-size:13px;letter-spacing:.035em}
.byp-checkmatch-home-copy a:hover,.byp-checkmatch-home-copy a:focus-visible,.byp-checkmatch-home-art:hover,.byp-checkmatch-home-art:focus-visible{outline:2px solid #48c8ff;outline-offset:3px;box-shadow:0 0 24px #1765f84a}
@media(max-width:650px){.byp-checkmatch-home{grid-template-columns:1fr;margin:14px 10px 18px;gap:12px;padding:13px}.byp-checkmatch-home-art{width:min(100%,400px);margin:auto}.byp-checkmatch-home-copy{padding:0 4px 4px}.byp-checkmatch-home-copy a{min-height:46px}}

/* Approved October visual fix: individual photographic card images,
   not the old fixed 510x288 collage-screenshot crop coordinates. */
.byp-v4-photo.byp-photo-scene img{
 position:absolute!important;inset:0!important;left:0!important;top:0!important;
 right:0!important;bottom:0!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:cover!important;object-position:center center!important;
 filter:saturate(1.08)!important;transform:none!important;
}