/* 4.7.215 — Hero and homepage share one seamless charcoal canvas. */
/* WEYADA 4.7.213: two-row hero — centered content, site-matched #111 background. */
.wy-lanes212,.wy-lanes212 *{box-sizing:border-box}
.wy-lanes212{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(560px,74vh,720px);background:var(--weyada-public-bg,#0c0c0d);color:#fff;display:flex;align-items:center;justify-content:center;padding:70px max(24px,calc((100vw - 1120px)/2))}
/* The two lanes are laid out by GRID, not absolute offsets or rotations. */
.wy-lanes212-stage{position:absolute;inset:0;z-index:0;display:grid;grid-template-rows:repeat(2,var(--wy-lanes212-tile-size));align-content:center;gap:var(--wy-lanes212-gap);overflow:hidden;pointer-events:none;--wy-lanes212-tile-size:clamp(220px,19vw,295px);--wy-lanes212-gap:14px}
/* Wide, natural edge fade inspired by the supplied reference.
   The artwork itself fades to transparency into the site canvas. */
.wy-lanes212-stage{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.55) 15%,#000 29%,#000 71%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.12) 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.55) 15%,#000 29%,#000 71%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.12) 93%,transparent 100%);
}
.wy-lanes212-lane{height:var(--wy-lanes212-tile-size);width:100%;overflow:hidden;min-width:0}
.wy-lanes212-strip{display:flex;align-items:stretch;width:max-content;height:100%;animation:wy-lanes212-left var(--wy-lanes212-duration,46s) linear infinite;will-change:transform}
.wy-lanes212-lane-2 .wy-lanes212-strip{animation-name:wy-lanes212-right;animation-duration:calc(var(--wy-lanes212-duration,46s) * 1.09)}
.wy-lanes212-group{display:flex;align-items:stretch;flex:0 0 auto;gap:var(--wy-lanes212-gap);padding-right:var(--wy-lanes212-gap)}
.wy-lanes212-tile{display:block;flex:0 0 var(--wy-lanes212-tile-size);width:var(--wy-lanes212-tile-size);height:var(--wy-lanes212-tile-size);overflow:hidden;border-radius:20px;background:#222;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.wy-lanes212-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.wy-lanes212-dim{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(12,12,13,.18) 0%,rgba(12,12,13,0) 20%,rgba(12,12,13,0) 68%,rgba(12,12,13,.48) 84%,#0c0c0d 100%),linear-gradient(90deg,rgba(12,12,13,.42) 0%,rgba(12,12,13,var(--wy-lanes212-overlay,.72)) 50%,rgba(12,12,13,.42) 100%);pointer-events:none}
.wy-lanes212-body{position:relative;z-index:2;width:min(1050px,100%);min-width:0;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.wy-lanes212-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0}
.wy-lanes212-title{margin:0;color:var(--wy-lanes212-heading-color,#fff);font-size:var(--wy-lanes212-heading,96px);line-height:1.04;font-weight:800;letter-spacing:-.045em;white-space:normal;overflow-wrap:break-word;max-width:100%}
.wy-lanes212-title .weyada-hero-rich,.wy-lanes212-title .weyada-hero-rich *{font-size:inherit!important;line-height:inherit!important}
.wy-lanes212-description{max-width:760px;margin-inline:auto;text-align:center;color:#fff;font-size:clamp(18px,2vw,var(--wy-lanes212-text,24px));line-height:1.35;margin-top:-2px}
.wy-lanes212-description .weyada-home-hero-copy-v198,.wy-lanes212-description p{margin:0;color:inherit;font-size:inherit;line-height:inherit;text-align:center}
.wy-lanes212 .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:2px}
@keyframes wy-lanes212-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes wy-lanes212-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:767px){.wy-lanes212{height:610px;padding:80px 20px;justify-content:center}.wy-lanes212-stage{--wy-lanes212-tile-size:clamp(160px,44vw,215px);--wy-lanes212-gap:10px}.wy-lanes212-body{align-items:center;text-align:center;gap:8px}.wy-lanes212-title{font-size:min(19vw,var(--wy-lanes212-heading,96px))}.wy-lanes212-description .weyada-home-hero-copy-v198,.wy-lanes212-description p{text-align:center}.wy-lanes212 .actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.wy-lanes212-strip{animation:none}}

/* 4.7.214: content must fit every device without maintaining mobile-specific copies. */
.wy-lanes212-title{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:break-word;text-wrap:balance}
.wy-lanes212-title .weyada-hero-rich,.wy-lanes212-title .weyada-hero-rich *{max-width:100%;white-space:normal!important;overflow-wrap:break-word}
.wy-lanes212-body{min-width:0;max-width:100%;overflow-wrap:anywhere}
.wy-lanes212-description{max-width:min(760px,100%);overflow-wrap:break-word}
@media(max-width:767px){
 .wy-lanes212{padding-inline:clamp(16px,5vw,26px)}
 .wy-lanes212-body{width:100%}
 .wy-lanes212-title{font-size:clamp(29px, min(10vw, var(--wy-lanes212-heading,96px)), 54px)!important;line-height:1.08!important;letter-spacing:-.03em!important}
 .wy-lanes212-title .weyada-hero-rich,.wy-lanes212-title .weyada-hero-rich *{font-size:inherit!important;line-height:inherit!important}
 .wy-lanes212 .actions{width:100%;justify-content:center;flex-wrap:wrap}
}

/* Final home-only canvas alignment: do not change member, admin, or other pages. */
body:not(.admin-session):has(.home-page){--weyada-public-bg:#0c0c0d}
body:not(.admin-session) .home-page{background:#0c0c0d!important;background-color:#0c0c0d!important}
body:not(.admin-session) .home-page .wy-lanes212{background:var(--weyada-public-bg,#0c0c0d)!important;background-color:var(--weyada-public-bg,#0c0c0d)!important}
/* No seam between banner and the immediately following homepage content. */
body:not(.admin-session) .home-page .wy-lanes212 + *{border-top-color:transparent}

/* 4.7.216: The saved desktop heading size is honored without a hidden 122px cap.
   The same heading and saved value are used on mobile, with responsive sizing only. */
@media (min-width:768px){
  .home-page .wy-lanes212-title{font-size:var(--wy-lanes212-heading,96px)!important;}
}
/* Remove legacy page-canvas blacks only on the public homepage.
   Desktop and mobile now resolve to the same canvas, including the editor rows. */
@media (max-width:767px){
  html:has(.home-page),body:has(.home-page),body:has(.home-page) #app,
  body .page.home-page,body .page.home-page>.section,
  body .page.home-page>.weyada-builder-row,
  body .page.home-page>.route-functional-module,
  body .page.home-page>.system-page-editable,
  body .page.home-page>.system-page-editable>.section{
    background-color:#0c0c0d!important;
  }
  body .page.home-page .wy-lanes212{
    background:#0c0c0d!important;
  }
  .home-page .wy-lanes212-title{
    font-size:clamp(29px,min(10vw,var(--wy-lanes212-heading,96px)),54px)!important;
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

/* 4.7.230: One banner and one content source. Breakpoints change typography only. */
@media (min-width:1100px){
  .home-page .wy-lanes212 .wy-lanes212-title{
    font-size:var(--wy-lanes212-heading,180px)!important;
    line-height:.98!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    letter-spacing:-.055em!important;
  }
}
@media (max-width:767px){
  .home-page .wy-lanes212 .wy-lanes212-title{
    font-size:clamp(34px, 14vw, 66px)!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .home-page .wy-lanes212 .wy-lanes212-title{font-size:clamp(76px,14vw,154px)!important;white-space:nowrap!important;overflow-wrap:normal!important;}
}