/* A floor plan is the product: give the drawing room to breathe. */
.a360-floor-plans {
  --fp-ink: #0b2435;
  --fp-deep: #071b2a;
  --fp-paper: #faf8f3;
  --fp-stone: #efebe3;
  --fp-gold: #d0ae70;
  --fp-gold-ink: #946d35;
  --fp-muted: #52616b;
  color: var(--fp-ink);
  background: var(--fp-paper);
}
.a360-floor-plans main { background: var(--fp-paper); }
.a360-floor-plans em { font-weight: 400; }
.a360-floor-plans :is(.fp-intro,.fp-sample,.fp-gallery,.fp-use,.fp-order,.fp-faq,.fp-final) h2 {
  margin: 0;
  font: 400 clamp(55px,5.9vw,87px)/.98 var(--a360-serif);
  letter-spacing: -.045em;
  text-wrap: balance;
}
.a360-floor-plans h2 em { color: var(--fp-gold-ink); }
.a360-floor-plans .fp-kicker {
  display: block;
  margin: 0 0 19px;
  color: var(--fp-gold-ink);
  font: 800 10px/1.5 var(--a360-sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.a360-floor-plans .fp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.a360-floor-plans .fp-actions .a360-btn { min-height: 52px; }
.fp-hero .a360-btn-outline-dark,.fp-final .a360-btn-outline-dark { color: #fff; border-color: #ffffffa6; background: #071b2b24; }
.fp-hero .a360-btn-outline-dark:is(:hover,:focus-visible),.fp-final .a360-btn-outline-dark:is(:hover,:focus-visible) { color: var(--fp-ink); background: #fff; border-color: #fff; }

.fp-hero { position: relative; isolation: isolate; display: flex; align-items: end; min-height: max(720px,94svh); overflow: hidden; color: #fff; background: var(--fp-deep); }
.fp-hero-media { position: absolute; z-index: 0; inset: 0; }
.fp-hero-media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 48%; }
.fp-hero::after { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#071b2be8 0%,#071b2bbf 37%,#071b2b35 82%),linear-gradient(180deg,#071b2b94 0%,transparent 35%,#071b2bbf 100%); }
.fp-hero-inner { position: relative; z-index: 2; width: 100%; padding-block: 190px clamp(90px,9vw,130px); }
.fp-hero .fp-kicker { color: #e8c98a; }
.fp-hero h1 { max-width: 970px; margin: 0; color: #fff; font: 400 clamp(70px,8vw,122px)/.97 var(--a360-serif); letter-spacing: -.05em; text-wrap: balance; }
.fp-hero h1 em { color: #e8c98a; }
.fp-hero-lede { max-width: 630px; margin: 37px 0 30px; color: #f2f4f4; font: 500 clamp(18px,1.6vw,21px)/1.58 var(--a360-sans); }

.fp-intro { display: grid; grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr); align-items: center; gap: clamp(45px,6vw,98px); padding-block: clamp(95px,10vw,150px); }
.fp-intro-copy { max-width: 590px; }
.fp-intro-copy h2 { max-width: 590px; }
.fp-intro-copy > p:not(.fp-kicker) { margin: 0 0 19px; color: var(--fp-muted); font: 500 clamp(16px,1.3vw,18px)/1.72 var(--a360-sans); }
.fp-intro-copy > h2 + p:not(.fp-kicker) { margin-top: 34px; }
.fp-intro-copy > p:last-child { margin-bottom: 0; }
.fp-intro-media { min-width: 0; margin: 0; padding: 12px; border: 1px solid #d6d9d5; background: #fff; box-shadow: 22px 22px 0 #e9e4da; }
.fp-intro-media img { display: block; width: 100%; height: auto; aspect-ratio: 2896 / 2049; object-fit: contain; }
.fp-intro-media figcaption { padding: 14px 7px 3px; border-top: 1px solid #e4e6e3; color: var(--fp-gold-ink); font: 800 10px/1.4 var(--a360-sans); letter-spacing: .14em; text-transform: uppercase; }

.fp-sample { padding-block: clamp(90px,9vw,138px); color: #fff; background: var(--fp-deep); }
.fp-sample .fp-kicker { color: #e5c88e; }
.fp-sample h2 { color: #fff; }
.fp-sample h2 em { color: #e5c88e; }
.fp-sample-heading { margin-bottom: 45px; }
.fp-sample-heading h2 { max-width: 780px; }
.fp-sample-layout { display: grid; grid-template-columns: minmax(0,1.64fr) minmax(280px,.56fr); gap: clamp(26px,3.2vw,50px); align-items: stretch; }
.fp-plan-stage { min-width: 0; background: #fff; }
.fp-plan-stage-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 60px; padding: 12px 21px; color: #fff; background: #173347; }
.fp-plan-stage-top > span { color: #e9c888; font: 800 11px/1.4 var(--a360-sans); letter-spacing: .13em; text-transform: uppercase; }
.fp-plan-stage-top button { padding: 7px 0; border: 0; color: #fff; background: none; font: 800 11px/1.4 var(--a360-sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.fp-plan-stage-top button span { padding-left: 6px; font-size: 17px; }
.fp-plan-stage-top button:hover,.fp-plan-stage-top button:focus-visible { color: #e9c888; }
.fp-plan-image-button { display: grid; place-items: center; width: 100%; min-height: 560px; padding: 12px; border: 0; background: #fff; cursor: zoom-in; }
.fp-plan-image-button img { display: block; width: 100%; height: auto; max-height: 650px; object-fit: contain; }
.fp-plan-image-button { overflow: hidden; }
.fp-plan-stage[data-active-floor="1"] .fp-plan-image-button img { transform: scale(1.5); }
.fp-plan-aside { display: flex; flex-direction: column; min-width: 0; }
.fp-side-label { margin: 7px 0 15px; color: #e5c88e; font: 800 11px/1.4 var(--a360-sans); letter-spacing: .16em; text-transform: uppercase; }
.fp-plan-choices { border-top: 1px solid #ffffff4a; }
.fp-plan-choices button { position: relative; display: block; width: 100%; min-height: 135px; padding: 24px 32px 25px 15px; border: 0; border-bottom: 1px solid #ffffff4a; color: #fff; background: transparent; text-align: left; cursor: pointer; transition: background .2s ease; }
.fp-plan-choices button:hover,.fp-plan-choices button:focus-visible,.fp-plan-choices button.is-active { background: #ffffff16; }
.fp-plan-choices button.is-active { box-shadow: inset 3px 0 #d0ae70; }
.fp-plan-choices button > span:first-child { display: block; margin-bottom: 10px; color: #e5c88e; font: 800 11px/1.4 var(--a360-sans); letter-spacing: .12em; text-transform: uppercase; }
.fp-plan-choices button strong { display: block; max-width: 240px; font: 400 clamp(30px,2.7vw,40px)/1.05 var(--a360-serif); letter-spacing: -.027em; }
.fp-choice-arrow { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); color: #e5c88e; font-size: 23px; }
.fp-side-note { margin: auto 0 0; padding-top: 26px; color: #adbec7; font: 500 13px/1.65 var(--a360-sans); }

.fp-gallery { padding-block: clamp(90px,9vw,140px); background: var(--fp-paper); }
.fp-gallery-heading { max-width: 810px; margin-bottom: clamp(38px,4.5vw,64px); }
.fp-gallery-heading h2 { max-width: 800px; }
.fp-gallery-heading > p:not(.fp-kicker) { max-width: 600px; margin: 23px 0 0; color: var(--fp-muted); font: 500 17px/1.7 var(--a360-sans); }
.fp-gallery-grid { display: grid; gap: 17px; }
.fp-gallery-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.fp-gallery-card { display: flex; flex-direction: column; min-width: 0; padding: 0; border: 1px solid #c9cecd; color: var(--fp-ink); background: #fff; text-align: left; cursor: zoom-in; transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.fp-gallery-card:hover,.fp-gallery-card:focus-visible { border-color: var(--fp-gold-ink); box-shadow: 0 14px 28px #071b2b17; transform: translateY(-3px); }
.fp-gallery-card-image { display: block; width: 100%; overflow: hidden; aspect-ratio: 4/3; background: #f6f6f6; }
.fp-gallery-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fp-gallery-card-caption { display: grid; grid-template-columns: 1fr auto; column-gap: 15px; align-items: end; width: 100%; min-height: 108px; padding: 19px 22px 21px; border-top: 1px solid #e0e3e1; }
.fp-gallery-card-caption > span:first-child { grid-column: 1/-1; align-self: start; color: var(--fp-gold-ink); font: 800 10px/1.3 var(--a360-sans); letter-spacing: .13em; text-transform: uppercase; }
.fp-gallery-card-caption strong { font: 400 clamp(26px,2.5vw,35px)/1.05 var(--a360-serif); letter-spacing: -.035em; }
.fp-gallery-card-caption > span:last-child { color: var(--fp-gold-ink); font: 400 24px/1 var(--a360-sans); }

.fp-use { padding-block: clamp(96px,10vw,160px); background: #f0ede6; }
.fp-use-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.97fr); gap: clamp(60px,8vw,130px); align-items: center; }
.fp-use-copy { max-width: 650px; }
.fp-use-copy > p:not(.fp-kicker) { max-width: 550px; margin: 27px 0 35px; color: var(--fp-muted); font: 500 clamp(17px,1.38vw,19px)/1.72 var(--a360-sans); }
.fp-use-list { border-top: 1px solid #a8aaa791; }
.fp-use-list > div { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid #a8aaa791; }
.fp-use-list > div > span { padding-top: 4px; color: var(--fp-gold-ink); font: 800 11px/1.5 var(--a360-sans); letter-spacing: .1em; }
.fp-use-list h3 { margin: 0; color: var(--fp-ink); font: 400 clamp(29px,2.8vw,39px)/1.06 var(--a360-serif); letter-spacing: -.03em; }
.fp-use-list p { max-width: 440px; margin: 7px 0 0; color: var(--fp-muted); font: 500 15px/1.66 var(--a360-sans); }
.fp-use-media { position: relative; margin: 0; }
.fp-use-media::before { content: ''; position: absolute; z-index: 0; inset: 25px -25px -25px 25px; background: #e2dbcf; }
.fp-use-media img { position: relative; display: block; width: 100%; aspect-ratio: .86; object-fit: cover; object-position: 42% center; }
.fp-use-media figcaption { position: absolute; right: 0; bottom: 0; padding: 15px 19px; color: #fff; background: #071b2be8; font: 800 10px/1.5 var(--a360-sans); letter-spacing: .08em; text-transform: uppercase; }

.fp-order { padding-block: clamp(95px,10vw,155px); background: var(--fp-paper); }
.fp-order-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(280px,.65fr); gap: clamp(60px,11vw,170px); align-items: center; }
.fp-order-copy { max-width: 700px; }
.fp-order-copy > p:not(.fp-kicker) { max-width: 630px; margin: 27px 0 28px; color: var(--fp-muted); font: 500 clamp(17px,1.4vw,19px)/1.74 var(--a360-sans); }
.fp-order-copy ol { margin: 0; padding: 0; list-style: none; counter-reset: step; border-top: 1px solid #c8ccc9; }
.fp-order-copy li { position: relative; counter-increment: step; padding: 21px 0 21px 48px; border-bottom: 1px solid #c8ccc9; color: var(--fp-muted); font: 500 15px/1.65 var(--a360-sans); }
.fp-order-copy li::before { content: counter(step,decimal-leading-zero); position: absolute; top: 23px; left: 0; color: var(--fp-gold-ink); font: 800 11px/1.5 var(--a360-sans); letter-spacing: .12em; }
.fp-order-copy li strong { color: var(--fp-ink); }
.fp-price-card { min-width: 0; padding: clamp(32px,4.1vw,58px); border: 1px solid #c9b18a; background: #e8dcc4; }
.fp-price-eyebrow { margin: 0 0 27px; color: var(--fp-gold-ink); font: 800 11px/1.5 var(--a360-sans); letter-spacing: .14em; text-transform: uppercase; }
.fp-price-card > strong { display: block; margin-bottom: 20px; color: var(--fp-ink); font: 400 clamp(78px,7vw,116px)/.9 var(--a360-serif); letter-spacing: -.05em; white-space: nowrap; }
.fp-price-card > strong span { color: var(--fp-gold-ink); font: 500 15px/1.4 var(--a360-sans); letter-spacing: 0; }
.fp-price-card > p:not(.fp-price-eyebrow) { max-width: 340px; margin: 0 0 26px; color: var(--fp-muted); font: 500 16px/1.65 var(--a360-sans); }
.fp-price-card > a:not(.a360-btn) { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; padding: 17px 0; border-top: 1px solid #9f8e71; border-bottom: 1px solid #9f8e71; color: var(--fp-ink); font: 800 11px/1.4 var(--a360-sans); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; }
.fp-price-card > a:not(.a360-btn) span { font-size: 18px; }
.fp-price-card .a360-btn { width: 100%; justify-content: center; }

.fp-faq { padding-block: clamp(95px,10vw,150px); background: #efebe4; }
.fp-faq-layout { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(58px,10vw,160px); }
.fp-faq-heading { max-width: 440px; }
.fp-faq-heading > p:not(.fp-kicker) { margin: 26px 0; color: var(--fp-muted); font: 500 17px/1.7 var(--a360-sans); }
.fp-faq-list { border-top: 1px solid #aeb3b1; }
.fp-faq-list details { border-bottom: 1px solid #aeb3b1; }
.fp-faq-list summary { position: relative; padding: 25px 36px 25px 0; color: var(--fp-ink); font: 800 14px/1.5 var(--a360-sans); cursor: pointer; list-style: none; }
.fp-faq-list summary::-webkit-details-marker { display: none; }
.fp-faq-list summary::after { content: '+'; position: absolute; right: 5px; top: 20px; color: var(--fp-gold-ink); font: 400 25px/1 var(--a360-sans); }
.fp-faq-list details[open] summary::after { content: '×'; }
.fp-faq-list details p { margin: -3px 28px 24px 0; color: var(--fp-muted); font: 500 15px/1.72 var(--a360-sans); }
.fp-faq-list a { color: var(--fp-ink); text-decoration-color: var(--fp-gold-ink); text-underline-offset: 3px; }

.fp-final { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 550px; overflow: hidden; color: #fff; background: var(--fp-deep); }
.fp-final::before { content: ''; position: absolute; z-index: -2; inset: 0; background: url('/properties/108-honey-locust-court/assets/04-twilight-pool-1600.jpg') center 56% / cover; }
.fp-final::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#071b2be9 0%,#071b2bba 47%,#071b2b23 100%); }
.fp-final-inner { width: 100%; padding-block: 100px; }
.fp-final-copy { max-width: 720px; }
.fp-final .fp-kicker { color: #e8ca8e; }
.fp-final h2 { color: #fff; }
.fp-final h2 em { color: #e8ca8e; }
.fp-final-copy > p:not(.fp-kicker) { max-width: 550px; margin: 26px 0; color: #e3e8eb; font: 500 17px/1.7 var(--a360-sans); }

.fp-dialog { width: min(1400px,calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; border: 0; color: var(--fp-ink); background: #f5f3ed; box-shadow: 0 30px 100px #0009; }
.fp-dialog::backdrop { background: #061522e8; }
.fp-dialog-inner { display: flex; flex-direction: column; max-height: calc(100dvh - 32px); }
.fp-dialog-top,.fp-dialog-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 28px; }
.fp-dialog-top { border-bottom: 1px solid #c9ccca; }
.fp-dialog-top p { margin: 0 0 3px; color: var(--fp-gold-ink); font: 800 10px/1.4 var(--a360-sans); letter-spacing: .12em; text-transform: uppercase; }
.fp-dialog-top h2 { margin: 0; font: 400 36px/1 var(--a360-serif); }
.fp-dialog-actions { display: flex; align-items: center; gap: 23px; }
.fp-dialog-top button { border: 0; color: var(--fp-ink); background: none; font: 800 11px/1.5 var(--a360-sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.fp-dialog-top button span { margin-left: 7px; font-size: 27px; vertical-align: middle; }
.fp-dialog-image-wrap { display: flex; align-items: center; flex: 1; min-height: 0; overflow: auto; background: white; }
.fp-dialog-image-wrap img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100dvh - 175px); margin: auto; object-fit: contain; }
.fp-dialog[data-active-floor="1"] .fp-dialog-image-wrap img { transform: scale(1.45); }
.fp-dialog.is-zoomed .fp-dialog-image-wrap img { flex: none; width: max(100%,1200px); max-width: none; max-height: none; transform: none; }
.fp-dialog.is-wilderness-view.is-zoomed .fp-dialog-image-wrap img { width: max(200%,2400px); }
.fp-dialog-bottom { min-height: 58px; border-top: 1px solid #c9ccca; }
.fp-dialog-bottom p { margin: 0; color: var(--fp-muted); font: 500 12px/1.5 var(--a360-sans); }
.fp-dialog-bottom [role="group"] { display: flex; gap: 7px; }
.fp-dialog.is-gallery-view .fp-dialog-bottom [role="group"] { display: none; }
.fp-dialog-bottom button { padding: 8px 11px; border: 1px solid #a8aaa7; color: var(--fp-ink); background: transparent; font: 800 11px/1.5 var(--a360-sans); cursor: pointer; }
.fp-dialog-bottom button[aria-pressed="true"] { border-color: var(--fp-ink); color: #fff; background: var(--fp-ink); }

.fp-motion-ready .fp-reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease,transform .6s cubic-bezier(.2,.7,.25,1); }
.fp-motion-ready .fp-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .fp-motion-ready .fp-reveal { opacity: 1; transform: none; transition: none; } .fp-plan-choices button { transition: none; } }
@media (max-width: 1040px) { .fp-sample-layout { grid-template-columns: minmax(0,1.45fr) minmax(245px,.55fr); } .fp-plan-image-button { min-height: 470px; } .fp-use-layout { gap: 65px; } }
@media (max-width: 820px) {
  .fp-hero { min-height: 750px; }
  .fp-hero h1 { font-size: clamp(67px,9.8vw,91px); }
  .fp-intro,.fp-use-layout,.fp-order-layout,.fp-faq-layout { grid-template-columns: 1fr; }
  .fp-intro { gap: 43px; }
  .fp-intro-media { width: min(100%,650px); }
  .fp-sample-layout { grid-template-columns: 1fr; }
  .fp-plan-aside { display: block; }
  .fp-plan-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fp-plan-choices button { min-height: 116px; border-right: 1px solid #ffffff4a; }
  .fp-plan-choices button:last-child { border-right: 0; }
  .fp-side-note { max-width: 650px; }
  .fp-gallery-heading > p:not(.fp-kicker) { max-width: 680px; }
  .fp-use-media { width: min(100%,650px); }
  .fp-use-media img { aspect-ratio: 1.25; }
  .fp-price-card { width: min(100%,520px); }
  .fp-faq-layout { gap: 48px; }
}
@media (max-width: 600px) {
  .a360-floor-plans :is(.fp-intro,.fp-sample,.fp-gallery,.fp-use,.fp-order,.fp-faq,.fp-final) h2 { font-size: clamp(51px,12.6vw,67px); }
  .fp-hero { min-height: min(790px,100svh); }
  .fp-hero-media img { object-position: 58% center; }
  .fp-hero::after { background: linear-gradient(180deg,#071b2b9e 0%,#071b2b73 32%,#071b2bef 100%); }
  .fp-hero-inner { padding-block: 150px 73px; }
  .fp-hero h1 { font-size: clamp(63px,14vw,83px); }
  .fp-hero-lede { max-width: 440px; margin: 30px 0 25px; font-size: 17px; }
  .fp-actions .a360-btn { justify-content: center; }
  .fp-intro,.fp-use,.fp-order,.fp-faq { padding-block: 80px; }
  .fp-intro-media { padding: 7px; box-shadow: 12px 12px 0 #e9e4da; }
  .fp-intro-media figcaption { padding: 12px 6px 4px; font-size: 9px; }
  .fp-sample { padding-block: 75px; }
  .fp-gallery { padding-block: 78px; }
  .fp-gallery-heading { margin-bottom: 37px; }
  .fp-gallery-heading > p:not(.fp-kicker) { font-size: 16px; }
  .fp-gallery-grid-two { grid-template-columns: 1fr; }
  .fp-gallery-card-caption { min-height: 95px; padding: 15px 17px 18px; }
  .fp-gallery-card-caption strong { font-size: 30px; }
  .fp-intro-copy > h2 + p:not(.fp-kicker) { margin-top: 27px; }
  .fp-plan-stage-top { min-height: 55px; padding-inline: 13px; }
  .fp-plan-stage-top > span,.fp-plan-stage-top button { font-size: 10px; }
  .fp-plan-image-button { min-height: 265px; padding: 0; }
  .fp-plan-image-button img { max-height: 420px; }
  .fp-plan-choices button { min-height: 103px; padding: 16px 18px 20px 13px; }
  .fp-plan-choices button strong { font-size: 26px; }
  .fp-choice-arrow { display: none; }
  .fp-use-layout { gap: 42px; }
  .fp-use-media::before { inset: 16px -12px -16px 12px; }
  .fp-use-media img { aspect-ratio: .98; }
  .fp-use-media figcaption { max-width: 72%; padding: 11px 13px; font-size: 9px; }
  .fp-order-layout { gap: 45px; }
  .fp-price-card { padding: 32px; }
  .fp-final { min-height: 510px; }
  .fp-final::after { background: linear-gradient(90deg,#071b2be4,#071b2b90); }
  .fp-final-inner { padding-block: 85px; }
  .fp-dialog { width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; }
  .fp-dialog-inner { height: 100dvh; max-height: 100dvh; }
  .fp-dialog-top,.fp-dialog-bottom { padding: 13px 15px; }
  .fp-dialog-top h2 { font-size: 30px; }
  .fp-dialog-actions { gap: 14px; }
  .fp-dialog-top button { font-size: 10px; }
  .fp-dialog-image-wrap img { max-height: calc(100dvh - 150px); }
  .fp-dialog.is-zoomed .fp-dialog-image-wrap img { width: 210vw; }
  .fp-dialog.is-zoomed[data-active-floor="1"] .fp-dialog-image-wrap img { width: 280vw; }
  .fp-dialog.is-wilderness-view.is-zoomed .fp-dialog-image-wrap img { width: 380vw; }
  .fp-dialog-bottom { align-items: start; flex-direction: column; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) { .fp-gallery-card { transition: none; } .fp-gallery-card:hover,.fp-gallery-card:focus-visible { transform: none; } }

/* The aerial and plan have the same canvas and stay aligned through the reveal. */
.fp-match { color: #fff; background: var(--fp-deep); }
.fp-match-heading { padding-block: clamp(54px,6vw,86px) clamp(16px,2vw,30px); border-top: 1px solid #ffffff36; }
.fp-match .fp-kicker { color: #e5c88e; }
.fp-match-heading h2 { max-width: 980px; margin: 0; color: #fff; font: 400 clamp(55px,5.9vw,87px)/.98 var(--a360-serif); letter-spacing: -.045em; text-wrap: balance; }
.fp-match-heading h2 em { color: #e5c88e; }
.fp-match-scroll { height: 245svh; --fp-match-reveal: -10%; --fp-match-width: 90vw; --fp-match-progress: 0; --fp-match-feather: clamp(36px,8vw,135px); }
.fp-match-sticky { position: sticky; top: 0; display: flex; align-items: center; height: 100svh; overflow: hidden; color: #fff; background: var(--fp-deep); }
.fp-match-stage { position: relative; width: 100%; padding-block: clamp(18px,2vh,32px); }
.fp-match-stage-top,.fp-match-stage-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(100%,130svh); margin-inline: auto; color: #e5c88e; font: 800 11px/1.4 var(--a360-sans); letter-spacing: .13em; text-transform: uppercase; }
.fp-match-stage-top { margin-bottom: 18px; }
.fp-match-stage-top > span:last-child { color: #d9e1e5; }
.fp-match-stage-top > span:last-child span { margin-left: 9px; color: #e5c88e; font-size: 17px; }
.fp-match-frame { position: relative; left: 50%; width: var(--fp-match-width); max-width: none; aspect-ratio: 3716 / 2088; margin-inline: 0; overflow: hidden; background: #fff; box-shadow: 0 24px 70px #010c1599; transform: translateX(-50%); }
.fp-match-frame img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; }
.fp-match-plan { -webkit-mask-image: linear-gradient(to right,#000 0%,#000 calc(var(--fp-match-reveal) - var(--fp-match-feather)),transparent calc(var(--fp-match-reveal) + var(--fp-match-feather)),transparent 100%); mask-image: linear-gradient(to right,#000 0%,#000 calc(var(--fp-match-reveal) - var(--fp-match-feather)),transparent calc(var(--fp-match-reveal) + var(--fp-match-feather)),transparent 100%); }
.fp-match-divider { display: none; }
.fp-match-stage-bottom { margin-top: 20px; }
.fp-match-view { padding: 5px 0; border: 0; color: #e5c88e; background: none; font: inherit; letter-spacing: inherit; text-align: right; text-transform: inherit; white-space: nowrap; cursor: zoom-in; }
.fp-match-view:hover,.fp-match-view:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.fp-match-view span { margin-left: 5px; font-size: 17px; }
.fp-match-progress { position: relative; flex: 1; max-width: 260px; height: 2px; background: #ffffff4a; }
.fp-match-progress span { position: absolute; inset: 0; background: #e5c88e; transform: scaleX(var(--fp-match-progress)); transform-origin: left; }
@media (min-aspect-ratio: 3/2) and (min-width: 601px) {
  .fp-match-stage { padding-block: 0; }
  .fp-match-stage-top,.fp-match-stage-bottom { position: absolute; z-index: 2; left: 50%; width: min(calc(100vw - 36px),1300px); margin: 0; padding: 10px 14px; background: #071b2bd9; transform: translateX(-50%); }
  .fp-match-stage-top { top: 16px; }
  .fp-match-stage-bottom { bottom: 16px; }
}
@media (max-width: 600px) {
  .fp-match-heading { padding-block: 52px 18px; }
  .fp-match-heading h2 { font-size: clamp(51px,12.6vw,67px); }
  .fp-match-scroll { height: 200svh; }
  .fp-match-sticky { align-items: flex-start; }
  .fp-match-stage { padding-block: 20px; }
  .fp-match-frame { aspect-ratio: 4 / 5; }
  .fp-match-frame img { object-fit: cover; }
  .fp-match-stage-top,.fp-match-stage-bottom { font-size: 9px; letter-spacing: .08em; }
  .fp-match-stage-top { margin-bottom: 13px; }
  .fp-match-stage-top > span:last-child { max-width: 118px; text-align: right; }
  .fp-match-stage-bottom { margin-top: 15px; }
  .fp-match-view span { font-size: 14px; }
  .fp-match-progress { max-width: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .fp-match-scroll { height: auto; }
  .fp-match-sticky { position: static; height: auto; }
  .fp-match-stage { padding-block: 45px; }
  .fp-match-stage-top > span:last-child,.fp-match-divider,.fp-match-progress { display: none; }
  .fp-match-frame { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); left: auto; width: 100%; gap: 12px; aspect-ratio: auto; margin-inline: auto; background: none; box-shadow: none; transform: none; }
  .fp-match-frame img { position: static; width: 100%; height: auto; }
  .fp-match-plan { -webkit-mask-image: none; mask-image: none; }
}
@media (prefers-reduced-motion: reduce) and (min-aspect-ratio: 3/2) and (min-width: 601px) {
  .fp-match-stage-top,.fp-match-stage-bottom { position: static; width: 100%; padding: 0; background: none; transform: none; }
  .fp-match-stage-top { margin-bottom: 18px; }
  .fp-match-stage-bottom { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 600px) { .fp-match-frame { grid-template-columns: 1fr; } }