/*
 * Where SnapGo Fits
 * Post-theme page stylesheet aligned with the approved Home visual system.
 */

body[data-page="where"]{
  --wf-coral:#e94a09;
  --wf-violet:#7b2d8b;
  --wf-peach:#eda197;
  --wf-mauve:#b23b66;
  --wf-red:#d04555;
  --wf-blush:#cb98bf;
  --wf-plum:#9d337a;
  --wf-orange:#e6503b;
  --wf-night:#3a1738;
  --wf-ink:#2b102e;
  --wf-copy:#6f566d;
  --wf-paper:#fffaf8;
  --wf-soft:#fff0ed;
  --wf-warm:#f7ded9;
  --wf-line:rgba(58,23,56,.14);
  --wf-hero-shell:1560px;
  --wf-content-shell:1180px;
  --wf-gutter:clamp(28px,4vw,64px);
  --wf-nav-height:104px;
  --wf-hero-title:clamp(3.25rem,5.2vw,5.65rem);
  --wf-section-title:clamp(2.35rem,3.7vw,3.75rem);
  --wf-body:clamp(.96rem,1.05vw,1.08rem);
  --wf-small:.76rem;
  margin:0;
  background:var(--wf-night);
  color:var(--wf-ink);
}

body[data-page="where"]::selection{
  background:var(--wf-peach);
  color:var(--wf-night);
}

body[data-page="where"] .site-header{
  min-height:var(--wf-nav-height);
  border:0!important;
  border-bottom:1px solid rgba(58,23,56,.1)!important;
  background:rgba(255,250,248,.9)!important;
  box-shadow:0 10px 34px rgba(37,16,61,.07);
  backdrop-filter:blur(18px) saturate(1.25);
}

body[data-page="where"] .nav{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);
  align-items:center!important;
  width:100%;
  max-width:var(--wf-hero-shell)!important;
  min-height:var(--wf-nav-height)!important;
  margin-inline:auto!important;
  padding:7px var(--wf-gutter)!important;
  gap:clamp(22px,3vw,48px)!important;
}

body[data-page="where"] .brand{
  justify-self:start;
  width:170px!important;
  height:90px;
  flex:0 0 170px!important;
  padding:0!important;
}

body[data-page="where"] .brand img,
body[data-page="where"] .snapgo-logo-img{
  width:auto!important;
  height:86px!important;
  max-width:164px!important;
  object-fit:contain!important;
  transform:none!important;
}

body[data-page="where"] .nav-links{
  justify-self:center;
  gap:clamp(20px,2.2vw,34px)!important;
}

body[data-page="where"] .nav-link{
  padding:10px 1px!important;
  color:var(--wf-night)!important;
  font-size:clamp(.92rem,1.05vw,1.02rem)!important;
  line-height:1.1;
}

body[data-page="where"] .nav-link::after{
  background:linear-gradient(90deg,var(--wf-orange),var(--wf-red),var(--wf-violet))!important;
}

body[data-page="where"] .nav-link.active{
  color:var(--wf-violet)!important;
}

body[data-page="where"] .nav-cta{
  justify-self:end;
}

body[data-page="where"] .nav-cta .btn,
body[data-page="where"] .mobile-menu .btn{
  min-height:50px;
  padding:12px 24px!important;
  border-color:var(--wf-night)!important;
  background:linear-gradient(115deg,#b23b66,#702778)!important;
  color:#fff!important;
  font-size:.94rem!important;
  box-shadow:5px 6px 0 var(--wf-night)!important;
}

body[data-page="where"] .site-footer{
  margin-top:0!important;
  border-top:1px solid rgba(237,161,151,.15);
  background:var(--wf-night)!important;
  background-image:none!important;
}

body[data-page="where"] .site-footer a:focus-visible{
  outline:3px solid var(--wf-peach);
  outline-offset:4px;
}

#page-where{
  position:relative;
  display:block;
  overflow:clip;
  isolation:isolate;
  background:
    radial-gradient(circle at 92% 8%,rgba(203,152,191,.18),transparent 24rem),
    radial-gradient(circle at 4% 31%,rgba(233,74,9,.11),transparent 28rem),
    radial-gradient(circle at 96% 58%,rgba(208,69,85,.13),transparent 30rem),
    radial-gradient(circle at 8% 83%,rgba(237,161,151,.1),transparent 28rem),
    linear-gradient(180deg,#48194c 0%,#622069 27%,#772873 52%,#642064 76%,#351333 100%)!important;
  color:#fff!important;
}

#page-where *,
#page-where *::before,
#page-where *::after{
  box-sizing:border-box;
}

#page-where .where-shell,
#page-where .where-content-shell{
  width:100%;
  margin-inline:auto!important;
  padding-inline:var(--wf-gutter)!important;
}

#page-where .where-shell{
  max-width:var(--wf-hero-shell)!important;
}

#page-where .where-content-shell{
  position:relative;
  z-index:2;
  max-width:var(--wf-content-shell)!important;
  isolation:isolate;
}

#page-where .where-content-shell > *{
  position:relative;
  z-index:2;
}

#page-where :is(a,button):focus-visible{
  outline:3px solid var(--wf-peach);
  outline-offset:4px;
}

#page-where :is(h1,h2,h3){
  color:inherit;
  text-wrap:balance;
}

#page-where p{
  text-wrap:pretty;
}

#page-where :is(#spaces,#site-readiness,#fit-pattern){
  scroll-margin-top:calc(var(--wf-nav-height) + 22px);
}

#page-where .where-flow-ambient{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

#page-where .where-flow-ambient span{
  position:absolute;
  display:block;
  width:clamp(340px,48vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.15;
}

#page-where .where-flow-ambient span:nth-child(1){
  top:8%;
  right:-24%;
  background:var(--wf-blush);
}

#page-where .where-flow-ambient span:nth-child(2){
  top:45%;
  left:-28%;
  background:var(--wf-coral);
  opacity:.1;
}

#page-where .where-flow-ambient span:nth-child(3){
  right:-22%;
  bottom:5%;
  background:var(--wf-peach);
  opacity:.09;
}

#page-where > :not(.where-flow-ambient){
  position:relative;
  z-index:2;
}

#page-where .where-reveal{
  opacity:1;
  transform:none;
}

#page-where.where-motion-ready .where-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:
    opacity .58s ease var(--where-reveal-delay,0ms),
    transform .72s cubic-bezier(.2,.8,.2,1) var(--where-reveal-delay,0ms);
}

#page-where.where-motion-ready .where-reveal.is-visible{
  opacity:1;
  transform:none;
}

#page-where .where-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 16px;
  color:var(--wf-peach);
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}

#page-where .where-eyebrow--hero{
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,250,248,.09);
  color:#fff;
  backdrop-filter:blur(12px);
}

#page-where .where-eyebrow i,
#page-where .where-fit-card-kicker i,
#page-where .where-assessment-kicker i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--wf-peach);
  box-shadow:0 0 0 5px rgba(237,161,151,.13);
}

#page-where .where-btn-primary,
#page-where .where-btn-secondary{
  min-height:54px;
  justify-content:center;
  padding:14px 25px!important;
  border-radius:999px!important;
  font-size:.94rem!important;
  font-weight:900!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}

#page-where .where-btn-primary{
  border:2px solid var(--wf-night)!important;
  background:linear-gradient(115deg,var(--wf-coral),var(--wf-red),var(--wf-violet))!important;
  background-size:180% 100%!important;
  color:#fff!important;
  box-shadow:6px 7px 0 var(--wf-night),0 16px 32px rgba(35,10,35,.22)!important;
}

#page-where .where-btn-secondary{
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,250,248,.1)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px);
}

@media (hover:hover) and (pointer:fine){
  #page-where .where-btn-primary:hover,
  #page-where .where-btn-secondary:hover{
    transform:translateY(-3px);
  }

  #page-where .where-btn-primary:hover{
    background-position:100% 0!important;
    box-shadow:8px 10px 0 var(--wf-night),0 22px 40px rgba(35,10,35,.26)!important;
  }

  #page-where .where-btn-secondary:hover{
    background:rgba(255,250,248,.17)!important;
  }
}

/* Hero */
#page-where .where-hero{
  position:relative;
  min-height:calc(100svh - var(--wf-nav-height));
  padding:clamp(54px,5.4vw,82px) 0 clamp(66px,6vw,96px);
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 83% 18%,rgba(237,161,151,.18),transparent 28rem),
    radial-gradient(circle at 6% 84%,rgba(233,74,9,.13),transparent 24rem),
    linear-gradient(125deg,var(--wf-night) 0%,#66216f 48%,#8f2d68 100%)!important;
  color:#fff;
}

#page-where .where-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 74%);
  mask-image:linear-gradient(90deg,#000,transparent 74%);
  pointer-events:none;
}

#page-where .where-hero-ambient{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

#page-where .where-hero-ambient span{
  position:absolute;
  width:clamp(360px,44vw,700px);
  aspect-ratio:1;
  border-radius:46% 54% 64% 36%/54% 42% 58% 46%;
  filter:blur(4px);
  opacity:.13;
}

#page-where .where-hero-ambient span:first-child{
  top:-30%;
  right:-10%;
  background:linear-gradient(145deg,var(--wf-blush),var(--wf-plum),var(--wf-violet));
  animation:whereAmbientDrift 12s ease-in-out infinite alternate;
}

#page-where .where-hero-ambient span:last-child{
  bottom:-46%;
  left:-14%;
  background:linear-gradient(145deg,var(--wf-peach),var(--wf-coral),var(--wf-red));
  animation:whereAmbientDrift 14s ease-in-out -4s infinite alternate-reverse;
}

@keyframes whereAmbientDrift{
  to{transform:translate3d(24px,-18px,0) rotate(12deg) scale(1.08)}
}

#page-where .where-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:clamp(36px,5vw,82px);
}

#page-where .where-hero-copy{
  max-width:760px;
}

#page-where .where-hero h1{
  max-width:820px;
  margin:0;
  color:#fff!important;
  font-size:var(--wf-hero-title)!important;
  font-weight:800;
  letter-spacing:-.045em;
  line-height:.94!important;
}

#page-where .where-hero h1 span{
  display:block;
  color:var(--wf-peach);
  text-shadow:0 12px 36px rgba(35,10,35,.24);
}

#page-where .where-hero-lead{
  max-width:690px;
  margin:26px 0 0;
  color:#f1deea;
  font-size:var(--wf-body);
  line-height:1.72;
}

#page-where .where-hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}

#page-where .where-hero-trust{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}

#page-where .where-hero-trust li{
  display:flex;
  align-items:center;
  gap:8px;
  color:#f4e5ef;
  font-family:var(--font-mono);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

#page-where .where-hero-trust i{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--wf-peach);
  color:var(--wf-night);
  font-size:.65rem;
  font-style:normal;
}

#page-where .where-hero-visual{
  position:relative;
  min-width:0;
}

#page-where .where-machine-stage{
  position:relative;
  min-height:650px;
  isolation:isolate;
}

#page-where .where-machine-stage::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:48%;
  width:82%;
  height:64%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-7deg);
  box-shadow:inset 0 0 0 18px rgba(255,255,255,.025);
}

#page-where .where-machine-halo{
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  width:72%;
  aspect-ratio:1;
  border-radius:46% 54% 62% 38%/58% 42% 58% 42%;
  background:linear-gradient(145deg,var(--wf-peach),var(--wf-coral),var(--wf-red),var(--wf-plum),var(--wf-violet));
  filter:blur(2px);
  opacity:.58;
  transform:translate(-50%,-50%) rotate(-8deg);
  animation:whereHaloPulse 5s ease-in-out infinite;
}

@keyframes whereHaloPulse{
  50%{transform:translate(-50%,-50%) rotate(5deg) scale(1.06);opacity:.72}
}

#page-where .where-hero-machine{
  position:absolute;
  z-index:3;
  left:47%;
  bottom:0;
  width:min(63%,503px);
  height:auto;
  filter:drop-shadow(0 34px 36px rgba(22,5,25,.34));
  transform:translateX(-50%);
  animation:whereMachineFloat 5.8s ease-in-out infinite;
}

@keyframes whereMachineFloat{
  50%{transform:translate(-50%,-9px)}
}

#page-where .where-stage-word{
  position:absolute;
  z-index:1;
  color:rgba(255,255,255,.12);
  font-family:var(--font-mono);
  font-size:clamp(1.2rem,2.5vw,2.45rem);
  font-weight:900;
  letter-spacing:.12em;
  pointer-events:none;
}

#page-where .where-stage-word--one{left:2%;top:16%;transform:rotate(-8deg)}
#page-where .where-stage-word--two{right:1%;top:34%;transform:rotate(8deg)}
#page-where .where-stage-word--three{left:5%;bottom:9%;transform:rotate(-5deg)}

#page-where .where-location-stamp{
  position:absolute;
  z-index:5;
  left:0;
  top:8%;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(35,10,35,.7);
  color:#fff;
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 16px 32px rgba(25,5,27,.2);
  backdrop-filter:blur(14px);
  transform:rotate(-4deg);
}

#page-where .where-location-stamp i{
  width:9px;
  height:9px;
  border-radius:50% 50% 50% 0;
  background:var(--wf-peach);
  transform:rotate(-45deg);
}

#page-where .where-fit-card{
  position:absolute;
  z-index:6;
  right:0;
  bottom:34px;
  width:min(320px,48%);
  padding:20px;
  border:1px solid rgba(58,23,56,.13);
  border-radius:26px 14px 26px 14px;
  background:rgba(255,250,248,.95);
  color:var(--wf-night);
  box-shadow:9px 10px 0 rgba(35,10,35,.78),0 28px 58px rgba(25,5,27,.2);
  backdrop-filter:blur(16px);
  transform:rotate(1.5deg);
}

#page-where .where-fit-card-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--wf-violet);
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-where .where-fit-card > p{
  margin:12px 0 10px;
  color:var(--wf-night);
  font-size:.78rem;
  font-weight:900;
}

#page-where .where-fit-card ul{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}

#page-where .where-fit-card li{
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:7px 9px;
  border:1px solid rgba(58,23,56,.09);
  border-radius:12px;
  background:#fff;
  color:#684f65;
  font-size:.7rem;
  font-weight:800;
}

#page-where .where-fit-card li span{
  display:grid;
  place-items:center;
  width:29px;
  height:25px;
  border-radius:9px;
  background:var(--wf-soft);
  color:var(--wf-violet);
  font-family:var(--font-mono);
  font-size:.57rem;
  font-weight:900;
}

/* Embedded venue ribbon */
#page-where .where-space-ribbon{
  z-index:8;
  width:104%;
  margin:-10px -2% -18px;
  overflow:hidden;
  border:0;
  background:linear-gradient(90deg,var(--wf-violet),var(--wf-plum),var(--wf-mauve),var(--wf-red),var(--wf-violet));
  background-size:220% 100%;
  color:#fff;
  box-shadow:0 16px 36px rgba(35,10,35,.16);
  transform:rotate(-.55deg);
}

#page-where .where-space-ribbon-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-height:60px;
  animation:whereRibbonRun 30s linear infinite;
}

#page-where .where-space-ribbon-track span{
  padding-inline:22px;
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}

#page-where .where-space-ribbon-track i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--wf-peach);
  box-shadow:0 0 0 4px rgba(237,161,151,.11);
}

@keyframes whereRibbonRun{
  to{transform:translateX(-50%)}
}

/* Shared section language */
#page-where .where-section{
  position:relative;
  margin-top:-1px;
  padding:clamp(68px,7vw,96px) 0;
  color:#fff;
}

#page-where .where-section.where-patterns,
#page-where .where-section.where-spaces,
#page-where .where-section.where-planning,
#page-where .where-section.where-readiness,
#page-where .where-final-section{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

#page-where .where-section-head{
  max-width:940px;
  margin-bottom:clamp(30px,4vw,46px);
}

#page-where .where-section-head--split{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  align-items:end;
  gap:clamp(36px,6vw,82px);
  max-width:none;
}

#page-where .where-section-head h2,
#page-where .where-planning-copy h2{
  margin:0;
  color:#fff!important;
  font-size:var(--wf-section-title)!important;
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.02!important;
}

#page-where .where-section-head > p,
#page-where .where-section-head--split > p,
#page-where .where-planning-copy > p{
  max-width:760px;
  margin:18px 0 0;
  color:#f0dce9;
  font-size:var(--wf-body);
  line-height:1.68;
}

#page-where .where-section-head--split > p{
  margin:0 0 4px;
}

/* Local contour and dot pools */
#page-where .where-patterns > .where-content-shell::before,
#page-where .where-spaces > .where-content-shell::before,
#page-where .where-planning > .where-content-shell::before,
#page-where .where-readiness > .where-content-shell::before{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(280px,38vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0 24px,
      rgba(255,255,255,.05) 25px 27px,
      transparent 28px 42px
    )!important;
  opacity:.68;
  -webkit-mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  pointer-events:none;
}

#page-where .where-patterns > .where-content-shell::before{
  right:-21%;
  top:-3%;
  transform:scaleY(.82) rotate(-10deg);
}

#page-where .where-spaces > .where-content-shell::before{
  left:-22%;
  top:16%;
  transform:scaleX(1.08) rotate(9deg);
}

#page-where .where-planning > .where-content-shell::before{
  right:-24%;
  top:2%;
  transform:scaleY(.86) rotate(-12deg);
}

#page-where .where-readiness > .where-content-shell::before{
  left:-21%;
  bottom:-5%;
  transform:scaleX(1.08) rotate(8deg);
}

#page-where .where-patterns > .where-content-shell::after,
#page-where .where-planning > .where-content-shell::after{
  content:"";
  position:absolute;
  z-index:0;
  top:clamp(20px,4vw,48px);
  right:clamp(18px,4vw,52px);
  width:84px;
  height:84px;
  background-image:radial-gradient(circle,rgba(237,161,151,.82) 0 2px,transparent 3px)!important;
  background-size:18px 18px;
  opacity:.34;
  pointer-events:none;
}

#page-where .where-planning > .where-content-shell::after{
  right:auto;
  left:clamp(18px,4vw,52px);
}

/* Fit-pattern cards */
#page-where .where-pattern-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}

#page-where .where-pattern-card{
  --pattern-accent:var(--wf-coral);
  position:relative;
  display:flex;
  min-width:0;
  min-height:350px;
  flex-direction:column;
  padding:30px 25px 25px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:22px 34px 22px 34px;
  background:rgba(255,250,248,.94);
  color:var(--wf-night);
  box-shadow:0 18px 46px rgba(35,10,35,.13),inset 0 5px var(--pattern-accent);
  backdrop-filter:blur(14px);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
}

#page-where .where-pattern-card:nth-child(2){--pattern-accent:var(--wf-red)}
#page-where .where-pattern-card:nth-child(3){--pattern-accent:var(--wf-plum)}
#page-where .where-pattern-card:nth-child(4){--pattern-accent:var(--wf-peach)}

#page-where .where-pattern-card::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-74px;
  top:-86px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:var(--pattern-accent);
  opacity:.08;
  transition:transform .4s ease;
}

#page-where .where-pattern-card > *{
  position:relative;
  z-index:2;
}

#page-where .where-card-index{
  position:absolute;
  right:22px;
  top:21px;
  color:var(--pattern-accent);
  font-family:var(--font-mono);
  font-size:1.7rem;
  font-weight:900;
  line-height:1;
  opacity:.5;
}

#page-where .where-pattern-mark{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px 10px 18px 10px;
  background:var(--pattern-accent);
  color:#fff;
  font-family:var(--font-mono);
  font-size:1rem;
  font-weight:900;
  box-shadow:5px 6px 0 var(--wf-night);
}

#page-where .where-pattern-card:nth-child(4) .where-pattern-mark{
  color:var(--wf-night);
}

#page-where .where-pattern-card h3{
  margin:38px 0 12px;
  color:var(--wf-night)!important;
  font-size:1.5rem;
  line-height:1.08;
}

#page-where .where-pattern-card p{
  margin:0;
  color:#725a70;
  font-size:.91rem;
  line-height:1.58;
}

#page-where .where-pattern-card small{
  display:block;
  margin-top:auto;
  padding-top:24px;
  color:var(--pattern-accent);
  font-family:var(--font-mono);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1.45;
  text-transform:uppercase;
}

@media (hover:hover) and (pointer:fine){
  #page-where .where-pattern-card:hover{
    transform:translateY(-9px) rotate(-.35deg);
    box-shadow:0 28px 60px rgba(35,10,35,.2),0 0 0 5px rgba(255,255,255,.06);
  }

  #page-where .where-pattern-card:hover::after{
    transform:scale(1.2);
  }
}

/* Venue bento */
#page-where .where-spaces{
  padding-top:clamp(74px,8vw,108px);
}

#page-where .where-venue-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
}

#page-where .where-venue-card{
  position:relative;
  min-width:0;
  overflow:hidden;
}

#page-where .where-venue-card--feature{
  min-height:520px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:36px 18px 36px 18px;
  background:var(--wf-night);
  box-shadow:10px 12px 0 rgba(35,10,35,.78),0 28px 60px rgba(25,5,27,.22);
  isolation:isolate;
}

#page-where .where-venue-card--office{
  grid-column:span 7;
}

#page-where .where-venue-card--campus{
  grid-column:span 5;
  transform:translateY(28px);
}

#page-where .where-venue-card--feature::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(180deg,transparent 28%,rgba(35,10,35,.16) 50%,rgba(35,10,35,.94) 100%),
    linear-gradient(90deg,rgba(35,10,35,.24),transparent 52%);
  pointer-events:none;
}

#page-where .where-venue-card--feature::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:12px;
  border:1px solid rgba(237,161,151,.26);
  border-radius:27px 10px 27px 10px;
  pointer-events:none;
}

#page-where .where-venue-card--feature > img{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}

#page-where .where-venue-card--office > img{
  object-position:44% center;
}

#page-where .where-venue-card--campus > img{
  object-position:55% center;
}

#page-where .where-venue-copy{
  position:absolute;
  z-index:3;
  left:clamp(24px,4vw,46px);
  right:clamp(24px,4vw,46px);
  bottom:clamp(28px,4vw,44px);
  max-width:610px;
}

#page-where .where-venue-code{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--wf-peach);
  font-family:var(--font-mono);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#page-where .where-venue-card--feature h3{
  max-width:560px;
  margin:12px 0 10px;
  color:#fff!important;
  font-size:clamp(2rem,3.2vw,3rem);
  line-height:1.02;
}

#page-where .where-venue-card--feature p{
  max-width:560px;
  margin:0;
  color:#f2dfeb;
  font-size:.93rem;
  line-height:1.55;
}

#page-where .where-venue-card--feature ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

#page-where .where-venue-card--feature li{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(255,250,248,.1);
  color:#fff;
  font-family:var(--font-mono);
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}

#page-where .where-venue-card--compact{
  grid-column:span 6;
  min-height:300px;
  padding:clamp(28px,4vw,42px);
  border:1px solid rgba(255,255,255,.28);
  border-radius:30px 16px 30px 16px;
  background:rgba(255,250,248,.94);
  color:var(--wf-night);
  box-shadow:0 20px 48px rgba(35,10,35,.13);
  backdrop-filter:blur(14px);
}

#page-where .where-venue-card--compact::after{
  content:"";
  position:absolute;
  right:-86px;
  top:-98px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:var(--venue-accent,var(--wf-red));
  opacity:.11;
  pointer-events:none;
}

#page-where .where-venue-card--compact:nth-of-type(3){--venue-accent:var(--wf-red)}
#page-where .where-venue-card--compact:nth-of-type(4){--venue-accent:var(--wf-peach)}
#page-where .where-venue-card--compact:nth-of-type(5){--venue-accent:var(--wf-plum)}
#page-where .where-venue-card--compact:nth-of-type(6){--venue-accent:var(--wf-coral)}

#page-where .where-venue-card--compact > *{
  position:relative;
  z-index:2;
}

#page-where .where-venue-card--compact .where-venue-code{
  color:var(--venue-accent,var(--wf-red));
}

#page-where .where-venue-card--compact h3{
  max-width:490px;
  margin:20px 0 13px;
  color:var(--wf-night)!important;
  font-size:clamp(1.65rem,2.3vw,2.15rem);
  line-height:1.05;
}

#page-where .where-venue-card--compact > p:not(.where-venue-areas){
  max-width:530px;
  margin:0;
  color:#725a70;
  font-size:.91rem;
  line-height:1.58;
}

#page-where .where-venue-areas{
  margin:30px 0 0;
  padding-top:15px;
  border-top:1px solid rgba(58,23,56,.1);
  color:#795f75;
  font-family:var(--font-mono);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.6;
}

#page-where .where-venue-areas b{
  display:block;
  margin-bottom:4px;
  color:var(--wf-night);
  font-size:.59rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-where .where-venue-card--open{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  min-height:220px;
  margin-top:10px;
  padding:clamp(32px,5vw,54px);
  border:1px solid rgba(58,23,56,.12);
  border-radius:32px;
  background:
    radial-gradient(circle at 88% 10%,rgba(178,59,102,.18),transparent 21rem),
    linear-gradient(125deg,#f9d6cf,var(--wf-peach));
  color:var(--wf-night);
  box-shadow:9px 10px 0 var(--wf-orange),0 26px 54px rgba(35,10,35,.14);
}

#page-where .where-venue-card--open .where-venue-code{
  color:var(--wf-red);
}

#page-where .where-venue-card--open h3{
  margin:12px 0 9px;
  color:var(--wf-night)!important;
  font-size:clamp(1.8rem,3vw,2.8rem);
  line-height:1.03;
}

#page-where .where-venue-card--open p{
  max-width:760px;
  margin:0;
  color:#654c62;
  line-height:1.58;
}

#page-where .where-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:12px 18px;
  border:1px solid rgba(58,23,56,.18);
  border-radius:999px;
  background:rgba(255,250,248,.52);
  color:var(--wf-night);
  font-weight:900;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}

@media (hover:hover) and (pointer:fine){
  #page-where .where-venue-card--feature:hover > img{
    filter:saturate(1.05) contrast(1.02);
    transform:scale(1.035);
  }

  #page-where .where-text-link:hover{
    background:rgba(255,250,248,.82);
    transform:translateX(4px);
  }
}

/* Placement and branding */
#page-where .where-planning{
  padding-top:clamp(88px,9vw,124px);
}

#page-where .where-planning-grid{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  align-items:center;
  gap:clamp(42px,7vw,92px);
}

#page-where .where-planning-copy > p{
  max-width:600px;
}

#page-where .where-planning-list{
  display:grid;
  gap:11px;
  margin:32px 0 0;
  padding:0;
  list-style:none;
}

#page-where .where-planning-list > li{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px 10px 18px 10px;
  background:rgba(255,250,248,.08);
  backdrop-filter:blur(12px);
}

#page-where .where-planning-list > li > span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:var(--wf-peach);
  color:var(--wf-night);
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
}

#page-where .where-planning-list h3{
  margin:1px 0 4px;
  color:#fff!important;
  font-size:1rem;
  line-height:1.25;
}

#page-where .where-planning-list p{
  margin:0;
  color:#e8d5e2;
  font-size:.78rem;
  line-height:1.5;
}

#page-where .where-machine-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end;
  gap:14px;
  min-width:0;
}

#page-where .where-machine-card{
  position:relative;
  min-width:0;
  margin:0;
  padding:12px 12px 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:28px 14px 28px 14px;
  background:linear-gradient(165deg,rgba(255,250,248,.18),rgba(255,250,248,.06));
  box-shadow:7px 8px 0 rgba(35,10,35,.72),0 24px 48px rgba(25,5,27,.2);
  backdrop-filter:blur(14px);
}

#page-where .where-machine-card:nth-child(1){transform:rotate(-2deg)}
#page-where .where-machine-card:nth-child(2){transform:translateY(-18px)}
#page-where .where-machine-card:nth-child(3){transform:rotate(2deg)}

#page-where .where-machine-card > div{
  display:grid;
  place-items:end center;
  height:clamp(330px,35vw,450px);
  overflow:hidden;
  border-radius:20px 8px 20px 8px;
  background:#f5f3f4;
}

#page-where .where-machine-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 20px rgba(22,5,25,.3));
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}

#page-where .where-machine-card figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:58px;
  color:#f2dfeb;
  font-size:.68rem;
  font-weight:800;
}

#page-where .where-machine-card figcaption span{
  color:var(--wf-peach);
  font-family:var(--font-mono);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-where .where-gallery-note{
  max-width:820px;
  margin:28px auto 0;
  color:#e8d6e2;
  font-size:.72rem;
  line-height:1.55;
  text-align:center;
}

@media (hover:hover) and (pointer:fine){
  #page-where .where-machine-card:hover img{
    transform:translateY(-6px) scale(1.025);
  }
}

/* Site readiness */
#page-where .where-readiness{
  padding-top:clamp(78px,8vw,110px);
  padding-bottom:clamp(108px,10vw,138px);
}

#page-where .where-readiness-panel{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  align-items:stretch;
  gap:clamp(30px,5vw,66px);
  padding:clamp(34px,5vw,64px);
  border:1px solid rgba(58,23,56,.13);
  border-radius:42px 22px 42px 22px;
  background:
    radial-gradient(circle at 90% 8%,rgba(203,152,191,.28),transparent 25rem),
    linear-gradient(145deg,#fff7f4,var(--wf-warm));
  color:var(--wf-night);
  box-shadow:12px 14px 0 rgba(35,10,35,.76),0 34px 72px rgba(25,5,27,.22);
}

#page-where .where-readiness-main{
  min-width:0;
}

#page-where .where-readiness .where-section-head{
  margin-bottom:30px;
}

#page-where .where-readiness .where-section-head h2{
  color:var(--wf-night)!important;
}

#page-where .where-readiness .where-section-head > p{
  color:#71586e;
}

#page-where .where-readiness .where-eyebrow{
  color:var(--wf-violet);
}

#page-where .where-readiness-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

#page-where .where-readiness-list li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:11px;
  min-width:0;
  padding:15px;
  border:1px solid rgba(58,23,56,.1);
  border-radius:16px;
  background:rgba(255,255,255,.65);
}

#page-where .where-readiness-list li:last-child{
  grid-column:1/-1;
}

#page-where .where-readiness-list i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:var(--wf-violet);
  color:#fff;
  font-size:.76rem;
  font-style:normal;
}

#page-where .where-readiness-list h3{
  margin:0 0 4px;
  color:var(--wf-night)!important;
  font-size:.91rem;
  line-height:1.25;
}

#page-where .where-readiness-list p{
  margin:0;
  color:#745c70;
  font-size:.73rem;
  line-height:1.48;
}

#page-where .where-assessment-card{
  position:relative;
  padding:clamp(28px,4vw,44px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:32px 16px 32px 16px;
  background:
    radial-gradient(circle at 90% 8%,rgba(237,161,151,.18),transparent 20rem),
    linear-gradient(145deg,var(--wf-violet),#542252);
  color:#fff;
  box-shadow:9px 10px 0 var(--wf-night),0 24px 48px rgba(35,10,35,.18);
}

#page-where .where-assessment-card::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-100px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:var(--wf-peach);
  opacity:.11;
}

#page-where .where-assessment-card > *{
  position:relative;
  z-index:2;
}

#page-where .where-assessment-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--wf-peach);
  font-family:var(--font-mono);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-where .where-assessment-card h3{
  margin:20px 0 24px;
  color:#fff!important;
  font-size:clamp(1.8rem,2.8vw,2.65rem);
  line-height:1.03;
}

#page-where .where-assessment-card dl{
  display:grid;
  gap:9px;
  margin:0 0 28px;
}

#page-where .where-assessment-card dl > div{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,250,248,.08);
}

#page-where .where-assessment-card dt{
  display:grid;
  place-items:center;
  width:38px;
  height:32px;
  border-radius:10px;
  background:var(--wf-peach);
  color:var(--wf-night);
  font-family:var(--font-mono);
  font-size:.59rem;
  font-weight:900;
}

#page-where .where-assessment-card dd{
  margin:0;
  color:#f3e5ed;
  font-size:.76rem;
  font-weight:700;
  line-height:1.4;
}

#page-where .where-assessment-card .where-btn-primary{
  width:100%;
}

#page-where .where-eligibility-note{
  max-width:920px;
  margin:30px auto 0;
  color:#ead8e5;
  font-size:.72rem;
  line-height:1.55;
  text-align:center;
}

/* Final CTA */
#page-where .where-final-section{
  position:relative;
  margin-top:-1px;
  padding:0 0 clamp(82px,8vw,112px);
  overflow:hidden;
  isolation:isolate;
}

#page-where .where-final{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(34px,6vw,84px);
  margin-top:clamp(-52px,-3.5vw,-36px);
  padding:clamp(46px,6vw,72px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:42px;
  background:
    radial-gradient(circle at 88% 18%,rgba(237,161,151,.22),transparent 24rem),
    radial-gradient(circle at 8% 90%,rgba(233,74,9,.14),transparent 20rem),
    linear-gradient(125deg,var(--wf-violet) 0%,var(--wf-plum) 46%,var(--wf-mauve) 100%)!important;
  color:#fff;
  box-shadow:12px 14px 0 #210b24,0 34px 72px rgba(35,10,35,.3)!important;
}

#page-where .where-final::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.08) 48%,transparent 72%);
  transform:translateX(-110%);
  animation:whereCtaLight 7s ease-in-out infinite;
  pointer-events:none;
}

@keyframes whereCtaLight{
  0%,62%{transform:translateX(-110%);opacity:0}
  70%{opacity:1}
  92%,100%{transform:translateX(110%);opacity:0}
}

#page-where .where-final > *{
  position:relative;
  z-index:2;
}

#page-where .where-eyebrow--final{
  color:var(--wf-peach);
}

#page-where .where-final h2{
  max-width:760px;
  margin:0;
  color:#fff!important;
  font-size:clamp(2.35rem,4vw,4.25rem);
  line-height:.98;
  letter-spacing:-.04em;
}

#page-where .where-final p{
  max-width:720px;
  margin:20px 0 0;
  color:#f0deea;
  font-size:var(--wf-body);
  line-height:1.65;
}

#page-where .where-final ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:24px 0 0;
  padding:0;
  color:#f7e9f1;
  font-family:var(--font-mono);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.04em;
  list-style:none;
  text-transform:uppercase;
}

#page-where .where-final li{
  display:flex;
  align-items:center;
  gap:7px;
}

#page-where .where-final li i{
  color:var(--wf-peach);
  font-style:normal;
}

#page-where .where-final > .where-btn-primary{
  min-width:260px;
}

/* Responsive */
@media(max-width:1180px) and (min-width:901px){
  body[data-page="where"] .nav{
    grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
    gap:20px!important;
  }

  body[data-page="where"] .brand{
    width:152px!important;
    flex-basis:152px!important;
  }

  body[data-page="where"] .brand img,
  body[data-page="where"] .snapgo-logo-img{
    height:78px!important;
    max-width:150px!important;
  }

  body[data-page="where"] .nav-links{gap:18px!important}
  body[data-page="where"] .nav-link{font-size:.88rem!important}
  body[data-page="where"] .nav-cta .btn{padding-inline:18px!important;font-size:.84rem!important}

  #page-where .where-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
    gap:34px;
  }

  #page-where .where-machine-stage{min-height:610px}
  #page-where .where-pattern-grid{grid-template-columns:1fr 1fr}
  #page-where .where-pattern-card{min-height:300px}
}

@media(max-width:980px){
  #page-where .where-hero{
    min-height:auto;
    padding-top:54px;
  }

  #page-where .where-hero-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  #page-where .where-hero-copy{
    max-width:820px;
    margin-inline:auto;
    text-align:center;
  }

  #page-where .where-eyebrow--hero,
  #page-where .where-hero-actions,
  #page-where .where-hero-trust{
    justify-content:center;
    margin-inline:auto;
  }

  #page-where .where-hero-lead{
    margin-inline:auto;
  }

  #page-where .where-hero-visual{
    width:min(760px,100%);
    margin-inline:auto;
  }

  #page-where .where-machine-stage{
    min-height:650px;
  }

  #page-where .where-section-head--split{
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }

  #page-where .where-section-head--split > p{
    margin:0;
  }

  #page-where .where-pattern-grid{
    grid-template-columns:1fr 1fr;
  }

  #page-where .where-pattern-card{
    min-height:300px;
  }

  #page-where .where-venue-card--office,
  #page-where .where-venue-card--campus{
    grid-column:span 6;
  }

  #page-where .where-venue-card--campus{
    transform:none;
  }

  #page-where .where-planning-grid{
    grid-template-columns:1fr;
  }

  #page-where .where-planning-copy{
    max-width:820px;
  }

  #page-where .where-machine-gallery{
    width:min(820px,100%);
    margin-inline:auto;
  }

  #page-where .where-readiness-panel{
    grid-template-columns:1fr;
  }

  #page-where .where-assessment-card{
    width:min(620px,100%);
  }

  #page-where .where-final{
    grid-template-columns:1fr;
  }

  #page-where .where-final > .where-btn-primary{
    width:max-content;
    min-width:0;
  }
}

@media(max-width:900px){
  body[data-page="where"]{
    --wf-nav-height:78px;
    --wf-gutter:20px;
  }

  body[data-page="where"] .nav{
    display:flex!important;
    min-height:var(--wf-nav-height)!important;
    padding:4px var(--wf-gutter)!important;
  }

  body[data-page="where"] .brand{
    width:150px!important;
    height:68px;
    flex-basis:150px!important;
  }

  body[data-page="where"] .brand img,
  body[data-page="where"] .snapgo-logo-img{
    height:66px!important;
    max-width:145px!important;
  }
}

@media(max-width:760px){
  #page-where .where-venue-card--office,
  #page-where .where-venue-card--campus{
    grid-column:1/-1;
  }

  #page-where .where-venue-card--feature{
    min-height:520px;
  }

  #page-where .where-venue-card--compact{
    grid-column:span 6;
  }

  #page-where .where-venue-card--open{
    align-items:flex-start;
    flex-direction:column;
  }

  #page-where .where-readiness-list{
    grid-template-columns:1fr;
  }

  #page-where .where-readiness-list li:last-child{
    grid-column:auto;
  }
}

@media(max-width:640px){
  body[data-page="where"]{
    --wf-nav-height:72px;
    --wf-gutter:16px;
    --wf-hero-title:clamp(2.8rem,13vw,3.8rem);
    --wf-section-title:clamp(2rem,9vw,2.65rem);
    --wf-body:.96rem;
    --wf-small:.68rem;
  }

  #page-where .where-flow-ambient span{
    width:390px;
    filter:blur(72px);
    opacity:.1;
  }

  #page-where .where-patterns > .where-content-shell::before,
  #page-where .where-spaces > .where-content-shell::before,
  #page-where .where-planning > .where-content-shell::before,
  #page-where .where-readiness > .where-content-shell::before{
    width:280px;
    opacity:.44;
  }

  #page-where .where-patterns > .where-content-shell::after,
  #page-where .where-planning > .where-content-shell::after{
    width:64px;
    height:64px;
    background-size:16px 16px;
    opacity:.24;
  }

  body[data-page="where"] .brand{
    width:136px!important;
    height:62px;
    flex-basis:136px!important;
  }

  body[data-page="where"] .brand img,
  body[data-page="where"] .snapgo-logo-img{
    height:60px!important;
    max-width:132px!important;
  }

  #page-where .where-section{
    padding:58px 0;
  }

  #page-where .where-hero{
    padding:40px 0 62px;
  }

  #page-where .where-hero::after{
    background-size:32px 32px;
  }

  #page-where .where-hero h1{
    line-height:.98!important;
  }

  #page-where .where-hero-actions{
    flex-direction:column;
  }

  #page-where .where-hero-actions .btn{
    width:100%;
  }

  #page-where .where-hero-trust{
    display:grid;
    grid-template-columns:1fr;
    width:max-content;
    max-width:100%;
    text-align:left;
  }

  #page-where .where-machine-stage{
    min-height:550px;
  }

  #page-where .where-machine-stage::before{
    width:100%;
    height:54%;
  }

  #page-where .where-machine-halo{
    left:40%;
    width:82%;
  }

  #page-where .where-hero-machine{
    left:37%;
    width:min(67%,340px);
  }

  #page-where .where-location-stamp{
    left:3px;
    top:4%;
    padding:8px 11px;
    font-size:.58rem;
  }

  #page-where .where-fit-card{
    right:0;
    bottom:0;
    width:min(330px,72%);
    padding:15px;
    border-radius:22px 11px 22px 11px;
    box-shadow:7px 8px 0 rgba(35,10,35,.76),0 22px 44px rgba(25,5,27,.22);
  }

  #page-where .where-stage-word--two,
  #page-where .where-stage-word--three{
    display:none;
  }

  #page-where .where-space-ribbon{
    width:110%;
    margin:-6px -5% -12px;
    transform:rotate(-.25deg);
  }

  #page-where .where-space-ribbon-track{
    min-height:54px;
  }

  #page-where .where-space-ribbon-track span{
    padding-inline:17px;
    font-size:.64rem;
  }

  #page-where .where-section-head{
    margin-bottom:28px;
  }

  #page-where .where-pattern-grid{
    grid-template-columns:1fr;
  }

  #page-where .where-pattern-card{
    min-height:290px;
  }

  #page-where .where-spaces{
    padding-top:66px;
  }

  #page-where .where-venue-card--feature{
    min-height:500px;
    border-radius:28px 14px 28px 14px;
    box-shadow:7px 8px 0 rgba(35,10,35,.76),0 24px 48px rgba(25,5,27,.2);
  }

  #page-where .where-venue-card--feature::after{
    inset:9px;
    border-radius:21px 7px 21px 7px;
  }

  #page-where .where-venue-card--office > img{
    object-position:39% center;
  }

  #page-where .where-venue-card--campus > img{
    object-position:62% center;
  }

  #page-where .where-venue-copy{
    left:22px;
    right:22px;
    bottom:28px;
  }

  #page-where .where-venue-card--feature h3{
    font-size:2rem;
  }

  #page-where .where-venue-card--compact{
    grid-column:1/-1;
    min-height:0;
    padding:30px 24px;
    border-radius:26px 13px 26px 13px;
  }

  #page-where .where-venue-card--open{
    padding:32px 24px;
    border-radius:28px;
    box-shadow:7px 8px 0 var(--wf-orange),0 24px 48px rgba(35,10,35,.14);
  }

  #page-where .where-text-link{
    width:100%;
    justify-content:center;
  }

  #page-where .where-planning{
    padding-top:72px;
  }

  #page-where .where-machine-gallery{
    display:flex;
    width:auto;
    margin-left:calc(0px - var(--wf-gutter))!important;
    margin-right:calc(0px - var(--wf-gutter))!important;
    padding:22px var(--wf-gutter) 26px;
    overflow-x:auto;
    scroll-padding-inline:var(--wf-gutter);
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }

  #page-where .where-machine-card{
    width:min(72vw,290px);
    flex:0 0 min(72vw,290px);
    scroll-snap-align:start;
    transform:none!important;
  }

  #page-where .where-machine-card > div{
    height:410px;
  }

  #page-where .where-gallery-note{
    margin-top:12px;
    text-align:left;
  }

  #page-where .where-readiness{
    padding-top:64px;
    padding-bottom:92px;
  }

  #page-where .where-readiness-panel{
    gap:28px;
    padding:30px 20px;
    border-radius:28px 14px 28px 14px;
    box-shadow:7px 8px 0 rgba(35,10,35,.76),0 24px 48px rgba(25,5,27,.2);
  }

  #page-where .where-assessment-card{
    padding:30px 22px;
    border-radius:26px 13px 26px 13px;
    box-shadow:7px 8px 0 var(--wf-night),0 22px 44px rgba(35,10,35,.18);
  }

  #page-where .where-final-section{
    padding:0 0 82px;
  }

  #page-where .where-final{
    margin-top:-24px;
    padding:38px 24px;
    border-radius:28px;
    box-shadow:7px 8px 0 #210b24,0 24px 50px rgba(35,10,35,.26)!important;
  }

  #page-where .where-final ul{
    display:grid;
  }

  #page-where .where-final > .where-btn-primary{
    width:100%;
  }
}

@media(max-width:410px){
  #page-where .where-machine-stage{
    min-height:525px;
  }

  #page-where .where-hero-machine{
    left:35%;
    width:70%;
  }

  #page-where .where-fit-card{
    width:78%;
  }

  #page-where .where-machine-card{
    width:78vw;
    flex-basis:78vw;
  }

  #page-where .where-machine-card > div{
    height:390px;
  }
}

@media(prefers-reduced-motion:reduce){
  #page-where *,
  #page-where *::before,
  #page-where *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }

  #page-where.where-motion-ready .where-reveal,
  #page-where.where-motion-ready .where-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
  }
}

@media(forced-colors:active){
  #page-where .where-flow-ambient,
  #page-where .where-hero-ambient,
  #page-where .where-machine-halo,
  #page-where .where-stage-word{
    display:none!important;
  }

  #page-where :is(.where-fit-card,.where-pattern-card,.where-venue-card,.where-machine-card,.where-readiness-panel,.where-assessment-card,.where-final){
    border:2px solid CanvasText!important;
    box-shadow:none!important;
  }
}