:root{--ink:#090909;--paper:#f5f1ed;--pink:#ff4f94;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit}.nav{position:absolute;z-index:20;top:0;left:0;right:0;height:5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid #ffffff1c}.logo{display:flex;align-items:center;gap:.55rem;width:max-content;font-size:1.5rem;font-weight:900;letter-spacing:-.07em;text-decoration:none}.logo span{padding:.25rem .4rem;border-radius:3px;background:var(--pink);font-size:.5rem;letter-spacing:.13em}.navLine{color:#918c8e;font-size:.58rem;letter-spacing:.17em;text-transform:uppercase}.navLink{justify-self:end;font-size:.61rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.navLink span{margin-left:.6rem;color:var(--pink)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.82fr);overflow:hidden;isolation:isolate}.heroMedia{grid-column:2;grid-row:1;overflow:hidden}.heroMedia img{width:100%;height:100%;object-fit:cover;object-position:52% 42%}.heroOverlay{display:none}.heroContent{grid-column:1;grid-row:1;align-self:center;padding:9rem 6vw 6rem}.tag{display:flex;align-items:center;gap:.55rem;margin:0 0 1.1rem;color:#a19b9e;font-size:.61rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.tag i{width:.45rem;height:.45rem;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}h1{max-width:12ch;margin:0;font-size:clamp(3.8rem,6.3vw,7rem);line-height:.88}em{color:var(--pink);font-weight:400}.subhead{max-width:33rem;margin:1.7rem 0;color:#aaa5a7;font-size:1rem;line-height:1.65}.primary{min-height:3.75rem;display:inline-flex;align-items:center;justify-content:center;gap:1.6rem;padding:1rem 1.6rem;border-radius:999px;background:var(--pink);box-shadow:0 14px 40px #ff4f9433;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:.25s}.primary:hover{transform:translateY(-2px);background:#ff68a4}.primary:focus-visible,.scroll:focus-visible,.mosaicCta a:focus-visible,.stickyCta:focus-visible{outline:2px solid #fff;outline-offset:4px}.micro{margin:.75rem 0 0;color:#686365;font-size:.57rem;letter-spacing:.09em;text-transform:uppercase}.scroll{position:absolute;bottom:1.6rem;left:4vw;display:flex;align-items:center;gap:.8rem;color:#777173;font-size:.56rem;letter-spacing:.18em;text-decoration:none;text-transform:uppercase}.scroll span{color:#aaa}.promise{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff16}.promise div{display:flex;align-items:center;gap:1rem;padding:1.15rem 4vw;border-right:1px solid #ffffff16}.promise div:last-child{border:0}.promise b{color:var(--pink);font:700 .62rem monospace}.promise span{color:#9d979a;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}
.closer{padding:8rem 4vw}.sectionHead{display:grid;grid-template-columns:1fr 1.2fr .8fr;align-items:end;gap:3rem;max-width:90rem;margin:0 auto 4rem}.sectionHead .tag{align-self:start}.sectionHead h2{margin:0;font-size:clamp(3.5rem,6vw,6.4rem);line-height:.87}.sectionHead>p:last-child{margin:0;color:#8c8789;line-height:1.65}.mosaic{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:42rem 32rem;gap:1rem;max-width:90rem;margin:auto}.tile{position:relative;margin:0;overflow:hidden;background:#111}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.tile:hover img{transform:scale(1.025)}.tileTall{grid-row:1/3}.tileTall img{object-position:52% 44%}.tileTop img{object-position:50% 57%}.tileBottom img{object-position:50% 26%}.tile figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:4rem 1.2rem 1.1rem;background:linear-gradient(transparent,#000c);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tile figcaption b{color:var(--pink)}.mosaicCta{position:absolute;right:1rem;bottom:1rem;width:min(31rem,calc(50% - 2rem));padding:1.5rem;background:#f5f1ed;color:#111}.mosaicCta p{margin:0 0 1rem;font:italic 1.15rem var(--serif)}.mosaicCta a{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #ccc4bf;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.mosaicCta a span{color:var(--pink)}
.conversion{position:relative;min-height:90svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;text-align:center}.conversionPhoto,.conversionShade{position:absolute;inset:0;z-index:-2}.conversionPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.75)}.conversionShade{z-index:-1;background:linear-gradient(90deg,#090909c7,#09090982 50%,#090909bd),linear-gradient(0deg,#0909098f,#0000000d)}.conversionContent{padding:7rem 1rem}.conversionContent h2{margin:0;font-size:clamp(4rem,8vw,8.5rem);line-height:.86}.conversionContent>p:not(.tag){margin:1.5rem 0 2rem;color:#c0babc}.light{background:#fff;color:#111;box-shadow:0 14px 40px #0005}.light:hover{background:var(--pink);color:#fff}.conversionContent small{display:block;margin-top:1rem;color:#858083;font-size:.55rem;letter-spacing:.11em;text-transform:uppercase}.stickyCta{display:none}
@media(max-width:800px){.nav{height:4.3rem;grid-template-columns:1fr auto;padding:0 1rem}.navLine{display:none}.hero{min-height:100svh;display:block}.heroMedia{position:absolute;inset:0;z-index:-3}.heroMedia img{object-position:52% 30%}.heroOverlay{position:absolute;inset:0;z-index:-2;display:block;background:linear-gradient(180deg,#00000010 0,#0000000a 32%,#090909e8 68%,#090909 100%)}.heroContent{position:absolute;right:0;bottom:0;left:0;padding:6rem 1rem 5.5rem}.hero h1{max-width:11ch;font-size:clamp(3rem,13vw,4.45rem);line-height:.9}.subhead{margin:1rem 0 1.25rem;font-size:.92rem;line-height:1.55}.primary{width:100%}.scroll{display:none}.promise{grid-template-columns:1fr}.promise div{padding:.9rem 1rem;border-right:0;border-bottom:1px solid #ffffff12}.promise div:last-child{border:0}.closer{padding:5rem .75rem}.sectionHead{display:block;margin-bottom:2rem;padding:0 .25rem}.sectionHead h2{font-size:clamp(3rem,12vw,4.2rem)}.sectionHead>p:last-child{margin-top:1.25rem}.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:65svh 44svh auto;gap:.55rem}.tileTall{grid-column:1/3;grid-row:1}.tileTop{grid-column:1;grid-row:2}.tileBottom{grid-column:2;grid-row:2}.tileTall img{object-position:50% 38%}.tileTop img{object-position:50% 56%}.tileBottom img{object-position:51% 20%}.tile figcaption{padding:3rem .65rem .7rem;font-size:.48rem}.mosaicCta{position:static;grid-column:1/3;width:100%;padding:1.2rem}.conversion{min-height:78svh}.conversionPhoto img{object-position:53% 16%}.conversionShade{background:linear-gradient(#090909aa,#090909d9)}.conversionContent h2{font-size:clamp(3.5rem,15vw,5rem)}.stickyCta{position:fixed;right:.65rem;bottom:.65rem;left:.65rem;z-index:30;display:flex;align-items:center;justify-content:center;gap:1.3rem;min-height:3.6rem;border:1px solid #ffffff40;border-radius:999px;background:#ff4f94f2;box-shadow:0 15px 45px #0009;backdrop-filter:blur(12px);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img,.primary{transition:none}}

/* Image-specific composition corrections */
.tileTall img{object-position:50% 28%}
.tileTop img{object-position:50% 44%}
.tileBottom img{object-position:50% 18%}
.conversionPhoto{display:grid;place-items:center;background:#070707}
.conversionPhoto img{object-fit:contain;object-position:center}

@media(max-width:800px){
  .nav{height:4.3rem;background:#090909}
  .hero{min-height:auto;display:block;padding-top:4.3rem}
  .heroMedia{position:relative;inset:auto;z-index:auto;height:68svh;background:#050505}
  .heroMedia img{object-fit:cover;object-position:50% 64%}
  .heroOverlay{display:none}
  .heroContent{position:relative;inset:auto;z-index:2;margin-top:-10rem;padding:7rem 1rem 3.5rem;background:linear-gradient(180deg,transparent 0,#090909 6rem,#090909 100%)}
  .hero h1{font-size:clamp(2.75rem,11.5vw,4rem)}
  .mosaic{grid-template-columns:1fr;grid-template-rows:auto;gap:.65rem}
  .tileTall,.tileTop,.tileBottom{grid-column:1;grid-row:auto;aspect-ratio:3/4}
  .tileTall img{object-position:50% 24%}
  .tileTop img{object-position:50% 42%}
  .tileBottom img{object-position:50% 17%}
  .mosaicCta{grid-column:1}
  .conversionPhoto img{object-fit:contain;object-position:center}
  .conversionShade{background:linear-gradient(#09090978,#090909b8)}
}
@media (min-width: 801px) {
  .heroContent {
    align-self: start;
    padding-top: clamp(8.5rem, 14vh, 10.5rem);
  }

  .mosaic {
    grid-template-rows: 42rem 32rem auto;
  }

  .mosaicCta {
    position: static;
    grid-column: 1 / 3;
    grid-row: 3;
    width: 100%;
    max-width: none;
    padding: 1.5rem 2rem;
  }

  .conversionPhoto picture {
  display: block;
  width: 100%;
  height: 100%;
}

.conversionPhoto picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Desktop crop */
@media (min-width: 801px) {
  .conversionPhoto picture img {
    object-position: 50% 64%;
  }
}

/* Mobile crop */
@media (max-width: 800px) {
  .conversionPhoto picture img {
    object-fit: contain;
    object-position: center;
  }
}

/* Full-screen footer image on desktop */
@media (min-width: 801px) {
  .conversionPhoto {
    display: block;
    width: 100%;
    height: 100%;
  }

  .conversionPhoto picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .conversionPhoto picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: 50% 64%;
  }
}

/* Full-screen footer image on mobile */
@media (max-width: 800px) {
  .conversionPhoto {
    display: block;
    width: 100%;
    height: 100%;
  }

  .conversionPhoto picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .conversionPhoto picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: 50% 50%;
  }
}