/* Downtown Tan flush flow — photo bands edge to edge, no framed cards, soft footer.
   Scoped to body.dt-flow so other brands keep their own network treatment. */

body.dt-flow{
  background:#f3e6d4;
  color:#2a211c;
}
body.dt-flow main>*{margin:0}
body.dt-flow .section{padding:0;background:transparent}
body.dt-flow .storeband .wrap,
body.dt-flow #guide>.wrap,
body.dt-flow section:has(.dt-celestial-promo)>.wrap{width:100%;max-width:none}

/* SUN / GLOW / WELLNESS — full-bleed stacked photos, copy on the image */
body.dt-flow .flow-stack{display:block;margin:0;padding:0}
body.dt-flow .flow-band{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  min-height:78vh;
  min-height:78svh;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#1a120c;
  color:#fff;
  text-decoration:none;
}
body.dt-flow .flow-band .ph,
body.dt-flow .flow-band .bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  border-radius:0;
  z-index:0;
}
body.dt-flow .flow-band:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(18,11,8,.12) 0%,rgba(18,11,8,.08) 42%,rgba(18,11,8,.78) 100%);
  pointer-events:none;
}
body.dt-flow .flow-copy{
  position:relative;
  z-index:2;
  width:min(820px,100%);
  padding:18vh 6vw 36px;
}
body.dt-flow .flow-copy .ey{color:#f3d27c}
body.dt-flow .flow-copy h2,
body.dt-flow .flow-copy h3{
  color:#fff;
  text-shadow:0 2px 18px #000c;
  margin:8px 0;
}
body.dt-flow .flow-copy h2{font-size:clamp(46px,8vw,84px);line-height:.92}
body.dt-flow .flow-copy h3{font:600 clamp(36px,6vw,58px)/.95 Georgia,serif;letter-spacing:-.03em}
body.dt-flow .flow-copy p{color:#f7efe6;max-width:38rem;text-shadow:0 1px 10px #000a;margin:6px 0 0}
body.dt-flow .flow-copy b{display:inline-block;margin-top:14px;letter-spacing:.08em;font-size:13px}

/* Existing photo sections: drop the frame, sit copy on the picture */
body.dt-flow .ph{z-index:0!important}
body.dt-flow .campaign{min-height:78vh;min-height:78svh;margin:0;align-items:flex-end;background:transparent}
body.dt-flow .campaign:after{z-index:1!important;background:linear-gradient(180deg,rgba(18,11,8,.1) 0%,rgba(18,11,8,.12) 46%,rgba(18,11,8,.78) 100%)!important}
body.dt-flow .campaign .wrap{position:relative;z-index:2}
body.dt-flow .storeband{background:transparent!important;color:#fff;padding:0}
body.dt-flow .storegrid{
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  min-height:82vh;
  min-height:82svh;
  gap:0;
  width:100%;
}
body.dt-flow .storephoto{
  position:absolute;
  inset:0;
  min-height:0;
  width:100%;
  height:100%;
  background:transparent!important;
  z-index:0;
}
body.dt-flow .storephoto .ph{border-radius:0}
body.dt-flow .storecopy{
  position:relative;
  z-index:2;
  width:100%;
  max-width:none;
  margin:0;
  padding:28vh 6vw 40px;
  background:linear-gradient(180deg,transparent,rgba(18,11,8,.82));
  color:#fff;
}
body.dt-flow .storecopy h2,
body.dt-flow .storecopy p{color:#fff}
body.dt-flow .editorial{
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  min-height:78vh;
  min-height:78svh;
  gap:0;
  width:100%;
}
body.dt-flow .editorial .photo{
  position:absolute;
  inset:0;
  min-height:0;
  width:100%;
  height:100%;
  background:transparent!important;
  z-index:0;
}
body.dt-flow .editorial .text{
  position:relative;
  z-index:2;
  width:min(820px,100%);
  margin-top:auto;
  align-self:end;
  background:linear-gradient(180deg,transparent,rgba(18,11,8,.84))!important;
  color:#fff;
  padding:28vh 6vw 40px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
body.dt-flow .editorial .text h2,
body.dt-flow .editorial .text p,
body.dt-flow .editorial .text .intro{color:#fff;text-shadow:0 2px 16px #000e}
body.dt-flow .editorial .text .ey{color:#f3d27c!important}
body.dt-flow #guide{display:block}

body.dt-flow .dt-celestial-promo{
  display:flex!important;
  align-items:flex-end;
  grid-template-columns:none!important;
  position:relative;
  isolation:isolate;
  min-height:78vh;
  min-height:78svh;
  border-radius:0!important;
  overflow:hidden;
  background:transparent!important;
  color:#fff;
}
body.dt-flow .dt-celestial-promo img{
  position:absolute!important;
  inset:0;
  z-index:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover;
  border-radius:0;
}
body.dt-flow .dt-celestial-promo__copy{
  position:relative;
  z-index:2;
  width:100%;
  padding:28vh 6vw 40px!important;
  background:linear-gradient(180deg,transparent,rgba(18,11,8,.84));
}
body.dt-flow section:has(.dt-celestial-promo),
body.dt-flow section:has(.dt-celestial-promo) .wrap{width:100%;max-width:none;padding:0;margin:0}

/* Arrival films flush, not floating cards */
body.dt-flow .arqs-film{padding:0!important;position:relative;background:#120b08}
body.dt-flow .arqs-film>div{width:100%!important;margin:0!important;position:relative}
body.dt-flow .arqs-film h2,
body.dt-flow .arqs-film p{
  position:absolute;
  z-index:2;
  left:6vw;
  right:6vw;
  margin:0;
  color:#fff;
  text-shadow:0 2px 14px #000c;
}
body.dt-flow .arqs-film h2{top:22px;font:600 clamp(28px,5vw,48px)/1.05 Georgia,serif}
body.dt-flow .arqs-film p{top:72px}
body.dt-flow .arqs-film video,
body.dt-flow video[aria-label="Miren welcome"]{
  width:100%!important;
  height:auto;
  margin:0!important;
  border-radius:0!important;
  display:block;
  background:#120b08;
}

/* Soft close — no black/brown slab */
body.dt-flow .foot{
  background:transparent!important;
  color:#6a5344!important;
  padding:22px 16px 4px!important;
  text-align:center;
  border:0;
  box-shadow:none;
}
body.dt-flow .foot .wrap{width:auto;max-width:920px}
body.dt-flow .foot strong{color:#8a5a28}
body.dt-flow .foot .dt-tag::before,
body.dt-flow .foot a::before{content:" · "}
body.dt-flow .foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body.dt-flow .foot a[href*="replayIntro"]{display:inline!important;margin:0!important}
/* Build step injects owner-footer.js, which paints this one line under the brand line. */
body.dt-flow footer[data-owner-signature]{padding:0 16px 18px!important;font-size:13px}
body.dt-flow footer[data-owner-signature]{
  background:transparent!important;
  color:#6a5344!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center;
}

/* Ecosystem + Compass: no white mats, logos sit on the cream page */
body.dt-flow .arqs-network{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:28px 3vw 8px!important;
  color:#2a211c!important;
}
body.dt-flow .arqs-network>h2,
body.dt-flow .arqs-network>h2 button{
  color:#2a211c!important;
  background:transparent!important;
  text-align:center;
}
body.dt-flow .arqs-network .an-brands{
  width:100%;
  max-width:1100px;
  gap:10px 8px!important;
  background:transparent!important;
  align-items:center;
}
body.dt-flow .arqs-network .an-brands a,
body.dt-flow .arqs-network .an-logo-frame,
body.dt-flow .arqs-network .an-logo-frame>img,
body.dt-flow .arqs-network .an-jasons,
body.dt-flow .arqs-network .an-trade-photo{
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0;
  border-radius:0!important;
}
body.dt-flow .arqs-network .an-brands a{color:#6a4a2a!important;aspect-ratio:1}
body.dt-flow .arqs-network .an-logo-frame{
  width:100%!important;
  max-width:none;
  min-height:0;
  aspect-ratio:1;
}
body.dt-flow .arqs-network .an-logo-frame>img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  mix-blend-mode:normal;
}
body.dt-flow .arqs-network img[src*="compass/symbols"]{mix-blend-mode:multiply}
body.dt-flow .arqs-network img[src*="townline-logo"],
body.dt-flow .arqs-network img[src*="arqs-press"],
body.dt-flow .arqs-network img[src*="ackerman-logo"],
body.dt-flow .arqs-network img[src*="cbay-logo"],
body.dt-flow .arqs-network img[src*="northline-logo"],
body.dt-flow .arqs-network img[src*="downtown-tan-logo"]{
  object-fit:cover!important;
  mix-blend-mode:normal!important;
}
body.dt-flow .arqs-network .an-trade-photo{
  background-position:center!important;
  background-size:cover!important;
}
body.dt-flow .arqs-network .an-jasons{
  background:
    linear-gradient(180deg,rgba(42,24,16,.15),rgba(42,24,16,.45)),
    url("/jasons-place/assets/img/mansion-millions-mansion-bg.webp") center/cover!important;
}
body.dt-flow .arqs-network .an-jasons>img{mix-blend-mode:screen}
body.dt-flow .arqs-network .an-tag,
body.dt-flow .arqs-network .an-label{color:#7a542c!important}
body.dt-flow .arqs-network .an-photo-mark{color:#f6efe4}

@media(min-width:900px){
  body.dt-flow .arqs-network .an-brands{grid-template-columns:repeat(6,minmax(0,1fr))}
}