.tempo-study{position:relative;isolation:isolate;overflow:hidden;background:var(--cream);padding:65px 0 60px;color:var(--navy);scroll-margin-top:20px}.tempo-study>.shell{max-width:var(--shell)}.tempo-study__composition{display:grid;grid-template-columns:29% 44% 27%;position:relative;align-items:center;min-height:550px}.tempo-study__copy{align-self:start;z-index:2;padding-top:14px}.tempo-study__place{font:11px/1.6 var(--text);text-transform:uppercase;letter-spacing:.24em;color:#9a763e;display:flex;align-items:center;gap:12px;margin:0 0 26px;white-space:nowrap}.tempo-study__place:before{content:"";height:1px;width:32px;background:#bd9652}.tempo-study h2{font:400 clamp(55px,5.4vw,79px)/.98 var(--disp);letter-spacing:-.035em;margin:0;white-space:nowrap}.tempo-study h2 .script{display:block;position:relative;font:400 1.32em/.95 var(--script);color:var(--teal);letter-spacing:0;margin:8px 0 32px}.tempo-study h2 .script:after{content:"";position:absolute;left:5%;bottom:-10px;width:73%;height:12px;border-top:3px solid #bd9652;border-radius:50%;transform:rotate(-8deg)}.tempo-study__tag{font:13px/1.75 var(--text);letter-spacing:.32em;text-transform:uppercase;margin:26px 0;color:var(--ink-soft);padding-left:12px}.tempo-study__intro{font:16px/1.6 var(--text);color:var(--ink-soft);max-width:265px;padding-left:12px;margin:0}.tempo-study__viewer{position:relative;min-width:0;align-self:stretch;display:flex;align-items:end}.tempo-study__arch{position:absolute;left:10%;right:6%;top:0;bottom:85px;border-radius:250px 250px 0 0;background:linear-gradient(180deg,#faf6ef22 40%,#faf6efcc 92%,var(--cream)),url('/assets/img/island-beach-wide-v6.webp') 40% center/auto 100%;opacity:.8}.tempo-study__ground{position:absolute;left:-13%;right:-8%;bottom:50px;height:95px;background:radial-gradient(ellipse,#d9cbb85c,#e6daca33 55%,transparent 72%);border-radius:50%}.tempo-study .spino{width:137%;max-width:none;flex-shrink:0;margin:0 -18.5%;position:relative;z-index:2}.tempo-study .spino__stage{width:100%;aspect-ratio:1.28;touch-action:pan-y;border-radius:0}.tempo-study .spino__img{height:100%;width:100%;object-fit:contain}.tempo-study .spino__hint{position:relative;margin:0;height:56px;display:flex;align-items:center;justify-content:center;font:11px/1.4 var(--text);text-transform:uppercase;letter-spacing:.25em;color:var(--ink-soft)}.tempo-study .spino__arrow{position:absolute;top:auto;bottom:6px;width:44px;height:44px;transform:none;border:1px solid #c7b18d80;box-shadow:0 3px 6px #68543812,inset 0 1px 0 white;background:#fdf9f2;color:var(--navy);z-index:5}.tempo-study .spino__arrow--l{left:calc(50% - 131px)}.tempo-study .spino__arrow--r{right:calc(50% - 131px)}.tempo-study .spino__arrow svg{width:18px;height:18px}.tempo-study .spino__arrow:hover{background:var(--navy);color:var(--cream);border-color:var(--navy);box-shadow:0 3px 6px #68543820}.tempo-study__details{padding-left:28px;position:relative;z-index:3;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:125px}.tempo-study__good{font:400 33px/.82 var(--script);color:#a67e3f;position:absolute;top:0;left:0;margin:0;transform:rotate(-13deg)}.tempo-study__details h3{font:400 clamp(25px,2.5vw,35px)/1.04 var(--disp);letter-spacing:-.02em;margin:0 0 25px}.tempo-study__details h3 .script{font:400 1.24em/1.15 var(--script);color:var(--teal)}.tempo-study__feature{display:flex;gap:18px;align-items:center;padding:19px 0}.tempo-study__feature+.tempo-study__feature{border-top:1px solid #c8b59566}.tempo-study__icon{flex-shrink:0;width:56px;height:56px;border:1px solid #c8b59599;border-radius:50%;display:grid;place-items:center;color:#ac8545}.tempo-study__icon svg{width:30px;height:30px}.tempo-study__feature strong{font:400 20px/1.2 var(--disp)}.tempo-study__feature p{font:14px/1.6 var(--text);color:var(--ink-soft);margin:7px 0 0}.tempo-study__note{font:400 31px/1 var(--script);color:#779b8f;transform:rotate(-12deg);align-self:end;margin:26px 0 15px;padding-right:6px}.tempo-study__foot{position:relative;z-index:4;display:flex;align-items:center;gap:35px;padding:25px 48px;margin-top:6px;background:linear-gradient(120deg,#fffdfaeb,#fffcf7ad);border:1px solid #fffdf8;border-radius:28px;box-shadow:0 8px 26px -15px #806c4629}.tempo-study__rate{min-width:192px}.tempo-study__rate>span{font:12px var(--text);text-transform:uppercase;letter-spacing:.16em;color:#9a763e}.tempo-study__rate>p{font:400 54px/1 var(--disp);letter-spacing:-.035em;margin:5px 0 0;white-space:nowrap}.tempo-study__rate small{font:16px var(--text);color:var(--ink-soft);letter-spacing:0}.tempo-study__footnote{display:flex;align-items:center;gap:20px;padding-left:35px;border-left:1px solid #c8b59566}.tempo-study__footnote svg{width:30px;height:30px;color:#ac8545;flex-shrink:0}.tempo-study__footnote p{font:16px/1.6 var(--text);color:var(--ink-soft);margin:0;white-space:nowrap}.tempo-study__footnote p span{font-size:14px}.tempo-study__links{display:flex;align-items:center;justify-content:space-evenly;gap:32px;flex:1;padding-left:35px;border-left:1px solid #c8b59566}.tempo-study .pill{font-size:14px;white-space:nowrap;gap:20px;padding:19px 29px}.tempo-study__rates-link{font:14px var(--text);white-space:nowrap;padding-block:14px;border-bottom:1px solid #bd9652;color:var(--navy)}.tempo-study__rates-link span{margin-left:12px}
@media(max-width:1150px){.tempo-study__composition{grid-template-columns:28% 43% 29%;min-height:500px}.tempo-study h2{font-size:55px}.tempo-study__place{font-size:9px;letter-spacing:.15em}.tempo-study__intro{font-size:15px}.tempo-study__details{padding-left:14px;padding-top:110px}.tempo-study__icon{width:45px;height:45px}.tempo-study__feature{gap:12px}.tempo-study__feature strong{font-size:18px}.tempo-study__feature p{font-size:13px}.tempo-study__foot{padding:22px 25px;gap:22px}.tempo-study__rate{min-width:155px}.tempo-study__rate>p{font-size:46px}.tempo-study__footnote,.tempo-study__links{padding-left:22px;gap:18px}.tempo-study__footnote svg{display:none}.tempo-study .pill{padding:17px 22px}}
@media(max-width:850px){.tempo-study{padding-block:45px}.tempo-study__composition{grid-template-columns:37% 63%;min-height:0}.tempo-study h2{font-size:58px}.tempo-study__viewer{min-height:455px}.tempo-study__arch{bottom:70px}.tempo-study__details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:25px 0 12px}.tempo-study__details h3{grid-column:1/-1;font-size:29px;margin-bottom:8px}.tempo-study__details h3 br{display:none}.tempo-study__good,.tempo-study__note{display:none}.tempo-study__feature+.tempo-study__feature{border:0}.tempo-study__feature strong{font-size:21px}.tempo-study__feature p{font-size:14px}.tempo-study__foot{flex-wrap:wrap;justify-content:space-between;gap:20px}.tempo-study__links{width:100%;flex:auto;padding:20px 0 0;border-left:0;border-top:1px solid #c8b59566;justify-content:space-between}.tempo-study__footnote{border:0}.tempo-study__footnote svg{display:block}}
@media(max-width:550px){.tempo-study__composition{display:block}.tempo-study__copy{padding-top:0;text-align:center}.tempo-study__place{justify-content:center;font-size:10px;margin-bottom:20px}.tempo-study h2{font-size:56px}.tempo-study h2 .script{font-size:1.2em;margin:6px 0 26px}.tempo-study h2 .script:after{width:46%;left:26%}.tempo-study__tag{font-size:10px;margin:18px 0 14px;padding:0;letter-spacing:.2em}.tempo-study__tag br{display:none}.tempo-study__tag br:after{content:' '}.tempo-study__intro{max-width:310px;margin:0 auto;padding:0;font-size:15px}.tempo-study__viewer{min-height:0;height:365px;margin-top:26px}.tempo-study .spino{width:120%;margin-inline:-10%}.tempo-study .spino__stage{aspect-ratio:1.28}.tempo-study__arch{left:16%;right:16%;bottom:60px}.tempo-study__details{display:block;padding-top:28px}.tempo-study__details h3{font-size:29px;text-align:center;margin-bottom:12px}.tempo-study__feature{padding:17px 8px;gap:18px}.tempo-study__feature+.tempo-study__feature{border-top:1px solid #c8b59566}.tempo-study__icon{width:50px;height:50px}.tempo-study__foot{padding:22px;border-radius:22px;gap:20px 12px}.tempo-study__rate{min-width:0}.tempo-study__rate>p{font-size:43px}.tempo-study__rate small{font-size:13px}.tempo-study__footnote{padding:0;gap:0}.tempo-study__footnote svg{display:none}.tempo-study__footnote p{font-size:13px}.tempo-study__footnote p span{font-size:12px}.tempo-study__links{gap:16px;flex-wrap:wrap;justify-content:center}.tempo-study .pill{font-size:14px;width:100%;justify-content:center}.tempo-study__rates-link{padding:10px 4px}.tempo-study__details h3 .script{white-space:nowrap}}
/* Enlarge the transparent frames without changing the drag surface. */
.tempo-study .spino__img{position:absolute;width:125%;height:125%;left:-12.5%;top:-7.5%;max-width:none}
@media(max-width:550px){.tempo-study__tag br:after{content:' / '}.tempo-study__tag br{display:contents}}
.tempo-study .spino{display:block}
@media(max-width:850px){.tempo-study__details h3 .script{margin-left:.2em}}
@media(max-width:550px){.tempo-study__tag br{display:block}.tempo-study__details h3 br{display:block}.tempo-study__details h3 .script{margin-left:0}}
/* Match the preceding handover section's headline. */
.tempo-study h2{font-family:var(--disp);font-weight:400;font-size:clamp(40px,4.4vw,62px);line-height:.94;letter-spacing:-.026em;margin:0}
.tempo-study h2 .script{display:block;width:max-content;max-width:100%;font-family:var(--script);font-size:1.08em;line-height:.86;letter-spacing:0;margin:.12em 0 0;transform:translateY(.04em);position:relative}
.tempo-study h2 .script:after{content:"";position:absolute;left:5%;right:10%;width:auto;bottom:-.08em;height:2px;border:0;background:#bd9652;border-radius:50%;transform:rotate(-4deg)}
@media(max-width:550px){.tempo-study h2 .script{margin-inline:auto}}
@media(max-width:520px){.tempo-study h2{font-size:clamp(36px,10vw,48px)}}
/* Balance the two copy columns around the cart. */
@media(min-width:851px){
  .tempo-study__copy,.tempo-study__details{align-self:start;padding-top:90px}
  .tempo-study__details{display:block}
}
/* Supplied transparent platform, beneath the cart and all spin controls. */
.tempo-study__arch{z-index:0}
.tempo-study__platform{position:absolute;z-index:1;pointer-events:none;user-select:none;width:145%;max-width:none;height:auto;left:-22.5%;bottom:-25px}
.tempo-study .spino{z-index:2}
@media(max-width:550px){.tempo-study__platform{width:120%;left:-10%;bottom:0}}
/* Keep a consistent footprint through front, rear, and broadside views. */
.tempo-study__platform{width:132%;left:-16%;bottom:-17px}
.tempo-study__arch{left:2%;right:2%;bottom:75px}
@media(max-width:850px){.tempo-study__arch{bottom:65px}}
@media(max-width:550px){.tempo-study__platform{width:106%;left:-3%;bottom:3px}.tempo-study__arch{left:10%;right:10%;bottom:60px}}
/* One frosted control rail connecting the spin hint and arrow buttons. */
.tempo-study .spino__hint{isolation:isolate;overflow:visible}
.tempo-study .spino__hint:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:6px;transform:translateX(-50%);width:262px;height:44px;box-sizing:border-box;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:linear-gradient(180deg,rgba(255,253,248,.68),rgba(250,246,239,.42));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 10px rgba(73,66,52,.07)}
.tempo-study .spino__hint:before{border:0;box-shadow:0 3px 10px rgba(73,66,52,.07)}
.tempo-study .spino__hint:before{background:linear-gradient(180deg,rgba(255,253,248,.32),rgba(250,246,239,.18));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* Match the translucent frosted spin rail. */
.tempo-study__foot{background:linear-gradient(180deg,rgba(255,253,248,.32),rgba(250,246,239,.18));border:1px solid transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 26px -15px rgba(128,108,70,.16)}
.tempo-study__foot{padding-top:19px;padding-bottom:19px;border-color:rgba(181,145,84,.38)}
@media(max-width:1150px){.tempo-study__foot{padding-top:17px;padding-bottom:17px}}
/* Raised coastal medallions, matching the site's dimensional cards. */
.tempo-study__icon{background:linear-gradient(145deg,#fffdf8 5%,#f6eedf 60%,#e9dcc3 100%);border:1px solid rgba(181,145,84,.48);color:#9c763c;box-shadow:inset 0 2px 2px rgba(255,255,255,.92),inset 0 -2px 3px rgba(153,116,55,.15),0 2px 2px rgba(82,66,39,.09),0 7px 13px -6px rgba(82,66,39,.24);position:relative}
.tempo-study__icon:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,253,247,.64);border-radius:50%;pointer-events:none}
.tempo-study__icon svg{position:relative;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 1px 1px rgba(128,94,43,.12))}
.tempo-study__icon{width:46px;height:46px}
.tempo-study__icon svg{width:24px;height:24px}
@media(max-width:1150px){.tempo-study__icon{width:40px;height:40px}.tempo-study__icon svg{width:22px;height:22px}}
/* Compact pricing hierarchy; retain the approved glass and gold finish. */
.tempo-study__foot{margin-inline:16px;padding:9px 30px;gap:24px;border-radius:22px}
.tempo-study__rate{min-width:180px}
.tempo-study__rate>span{font-size:10px;letter-spacing:.14em}
.tempo-study__rate>p{margin-top:4px}
.tempo-study__footnote{gap:14px;padding-left:24px;border-color:rgba(181,145,84,.19)}
.tempo-study__footnote svg{width:25px;height:25px;opacity:.8}
.tempo-study__footnote p{font-size:14px;line-height:1.5}
.tempo-study__footnote p span{font-size:12px}
.tempo-study__links{padding-left:24px;gap:22px;border-color:rgba(181,145,84,.19)}
.tempo-study__foot .pill{font-size:13px;padding:15px 24px;gap:16px}
/* Gentle warmth on both animation frames keeps rotation visually consistent. */
.tempo-study .spino__img{filter:sepia(.085) saturate(.94)}
/* Low, diffuse contact shadow on the platform, behind the transparent frames. */
.tempo-study .spino__stage:before{content:"";position:absolute;pointer-events:none;z-index:0;left:16%;width:68%;height:9%;bottom:0;background:radial-gradient(ellipse at 50% 48%,rgba(71,56,37,.24),rgba(71,56,37,.12) 38%,rgba(71,56,37,0) 72%);filter:blur(3px);border-radius:50%}
@media(max-width:1150px){.tempo-study__foot{padding:8px 22px;gap:18px}.tempo-study__rate{min-width:150px}.tempo-study__footnote,.tempo-study__links{padding-left:18px;gap:16px}}
@media(max-width:850px){.tempo-study__foot{margin-inline:10px;padding:11px 24px;gap:12px}.tempo-study__links{padding:12px 0 0}.tempo-study__footnote{padding-left:0}}
@media(max-width:550px){.tempo-study__foot{margin-inline:6px;padding:11px 18px;gap:12px}.tempo-study__rate{min-width:0}.tempo-study__footnote p{font-size:12px}.tempo-study__footnote p span{font-size:11px}.tempo-study__links{gap:8px;padding-top:12px}.tempo-study__foot .pill{padding:13px 18px}}
/* Balanced spacing across the compact pricing bar. */
@media(min-width:851px){
  .tempo-study__foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;column-gap:0;padding-inline:28px}
  .tempo-study__rate{min-width:0;padding:0 24px 0 0;justify-self:stretch}
  .tempo-study__footnote{height:auto;width:auto;max-width:none;justify-self:stretch;justify-content:center;align-items:center;gap:12px;padding:0 24px;border-left:1px solid rgba(181,145,84,.28)}
  .tempo-study__links{height:auto;padding:0 0 0 24px;justify-content:center;justify-self:stretch;border-left:1px solid rgba(181,145,84,.28)}
}
@media(min-width:851px) and (max-width:1100px){
  .tempo-study__foot{padding-inline:22px}
  .tempo-study__rate{padding-right:18px}
  .tempo-study__footnote{padding-inline:18px}
  .tempo-study__links{padding-left:18px}
  .tempo-study__foot .pill{padding-inline:18px}
}
@media(max-width:850px){
  .tempo-study__foot{column-gap:20px;row-gap:14px}
  .tempo-study__rate{margin-right:auto}
  .tempo-study__footnote{margin-left:auto}
  .tempo-study__links{justify-content:flex-end;gap:0}
}
@media(max-width:550px){
  .tempo-study__foot{column-gap:12px;row-gap:12px}
  .tempo-study__links{justify-content:center}
}
/* Center the rate lockup and compensate for the display font's low baseline. */
.tempo-study__rate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;align-self:center}
.tempo-study__rate>span{display:block;line-height:1.2}
.tempo-study__rate>p{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:0;line-height:1.1;transform:translateY(-5px)}
.tempo-study__rate small{line-height:1;white-space:nowrap}
@media(max-width:850px){.tempo-study__rate{margin-right:0}}
/* Soft glass depth with a warm translucent surface and restrained gold edge. */
.tempo-study__foot{background:linear-gradient(115deg,rgba(255,255,255,.48) 0%,rgba(255,253,246,.17) 44%,rgba(240,231,212,.24) 100%);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);border-color:rgba(181,145,84,.3);box-shadow:inset 0 1px 3px rgba(255,255,255,.32),inset 0 -1px 2px rgba(175,148,101,.05),0 5px 16px -9px rgba(96,79,49,.15)}
.tempo-study__rate>p{font-size:49px}
@media(max-width:1150px){.tempo-study__rate>p{font-size:42px}}
@media(max-width:550px){.tempo-study__rate>p{font-size:39px}}
.tempo-study__rate>span{transform:translateY(4px)}
.tempo-study__rates-link{margin-right:0}
.tempo-study__foot{padding-top:14px;padding-bottom:14px}
@media(max-width:1150px) and (min-width:851px){.tempo-study__foot{padding-top:13px;padding-bottom:13px}}
@media(max-width:850px){.tempo-study__foot{padding-top:16px;padding-bottom:16px}}
/* Match the content gap below Tempo: its bottom padding plus Keys' top padding. */
.handover + .tempo-study{padding-top:calc(var(--gap) + 60px - 16px)}
@media(max-width:850px){.handover + .tempo-study{padding-top:calc(var(--gap) + 45px - 16px)}}
.tempo-study__icon:before{content:none}
/* A slightly warmer grade shared by both rotating cart frames. */
.tempo-study .spino__img{filter:sepia(.16) saturate(.95)}
.tempo-study .spino__img{filter:sepia(.3) saturate(1.05)}
/* Preserve the warm grade with stronger separation from the beach backdrop. */
.tempo-study .spino__img{filter:sepia(.3) saturate(1.2) contrast(1.1)}

/* The 360 viewer is this section's subject, so it renders on load rather than waiting
   to be scrolled to. It keeps the .rv class: site.js staggers every .rv element by its
   index (i % 4), so removing the class would shift the delay of every reveal after it
   on the page. Only this element's hidden state is overridden. */
.tempo-study__viewer.rv{opacity:1;transform:none;transition:none}
.tempo-study__foot a.pill--solid.tempo-study__rates-link{
  color:var(--cream);border:1.5px solid var(--navy);
}
/* Shared intro typography; each section keeps its own paragraph width and spacing. */
.tempo-study__intro,.handover__copy>.handover__intro,.kdrive__lead,
.rdp__copy>.rdp__intro,.rdp__kicker--r,.posted-reference__intro,.cb__lead,
.island-showcase__body>p[data-editable="description"]{
  font:400 16px/1.6 var(--text);color:var(--ink-soft);
}
@media(max-width:1150px){
  .tempo-study__intro,.handover__copy>.handover__intro,.kdrive__lead,
.rdp__copy>.rdp__intro,.rdp__kicker--r,.posted-reference__intro,.cb__lead,
  .island-showcase__body>p[data-editable="description"]{font-size:15px;}
}
.rdp__kicker--r{letter-spacing:normal;text-transform:none;}
.rdp__kicker--r span{white-space:normal;}