#personalization{scroll-margin-top:72px}
#personalization .hf-head{margin-bottom:72px}

.hubflow{scroll-margin-top:68px}
body.pd-proof-active .gc-pill,
body.pd-proof-active .gc-panel{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(16px)!important;
}
.pd-shell{
  --pd-line:rgba(255,253,249,.13);
  --pd-faint:rgba(255,253,249,.5);
  border:1px solid var(--pd-line);
  border-radius:12px;
  background:#0b0a08;
  overflow:hidden;
}

.pd-window-bar{
  height:46px;
  display:grid;
  grid-template-columns:120px 1fr 240px;
  align-items:center;
  border-bottom:1px solid var(--pd-line);
  padding:0 18px;
  color:rgba(255,253,249,.48);
  font:500 11px/1 'Switzer',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pd-window-dots{
  width:28px;
  height:4px;
  background:radial-gradient(circle at 2px 2px,rgba(255,253,249,.34) 0 2px,transparent 2.4px) 0 0/12px 4px repeat-x;
}

.pd-window-title{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-window-state{display:flex;justify-content:flex-end;align-items:center;gap:9px;white-space:nowrap;color:rgba(255,253,249,.68)}
.pd-window-state i{width:5px;height:5px;border-radius:50%;background:var(--cognac);box-shadow:0 0 18px rgba(212,117,78,.45)}

.pd-workspace{
  display:grid;
  grid-template-columns:minmax(280px,29%) minmax(0,1fr);
  min-height:610px;
}

.pd-scenarios{
  display:flex;
  flex-direction:column;
  padding:38px 26px 24px;
  border-right:1px solid var(--pd-line);
}

.pd-scenarios-head{padding:0 12px 28px}
.pd-scenarios-head h3{margin:0;color:#fffdf9;font:400 25px/1.08 'Satoshi',sans-serif;letter-spacing:-.035em}
.pd-scenarios-head p{margin:8px 0 0;color:rgba(255,253,249,.47);font:400 12.5px/1.4 'Satoshi',sans-serif}

.pd-scenario{
  appearance:none;
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  gap:16px;
  align-items:center;
  padding:17px 12px;
  border:0;
  border-top:1px solid rgba(255,253,249,.1);
  border-radius:0;
  background:transparent;
  color:rgba(255,253,249,.48);
  text-align:left;
  cursor:pointer;
  transition:color .22s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.16,1,.3,1),background-color .22s ease;
}

.pd-scenario:first-of-type{border-top-color:rgba(255,253,249,.16)}
.pd-scenario>span:first-child{display:grid;gap:5px;min-width:0}
.pd-scenario strong{font:400 16px/1.2 'Satoshi',sans-serif;color:inherit;letter-spacing:-.012em}
.pd-scenario small{font:400 11.5px/1.35 'Satoshi',sans-serif;color:rgba(255,253,249,.39);white-space:normal}
.pd-scenario>i{width:8px;height:8px;border:1px solid rgba(255,253,249,.25);border-radius:50%;justify-self:end;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.pd-scenario:hover,.pd-scenario:focus-visible{color:rgba(255,253,249,.86);transform:translateX(6px)}
.pd-scenario:focus-visible{outline:1px solid var(--cognac);outline-offset:-2px}
.pd-scenario.is-active{color:#fffdf9;background:rgba(255,253,249,.025);transform:translateX(6px)}
.pd-scenario.is-active small{color:rgba(255,253,249,.58)}
.pd-scenario.is-active>i{background:var(--cognac);border-color:var(--cognac);box-shadow:0 0 0 4px rgba(212,117,78,.1)}

.pd-scenario-all{margin-top:auto;border-bottom:1px solid rgba(255,253,249,.1)}
.pd-scenario-all>span:first-child{gap:4px}
.pd-matrix-mark{width:18px;height:16px;display:grid!important;grid-template-columns:repeat(3,3px);grid-auto-rows:3px;gap:3px!important;align-content:center;justify-content:end}
.pd-matrix-mark b{width:3px;height:3px;border-radius:0;background:currentColor;opacity:.6}

.pd-output{min-width:0;padding:18px;display:grid;grid-template-rows:minmax(0,1fr)}
.pd-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#12100d;border:1px solid rgba(255,253,249,.1)}

.pd-page{
  --pd-tx:0px;
  --pd-ty:0px;
  --pd-scale:1;
  position:absolute;
  inset:16px;
  z-index:3;
  overflow:hidden;
  background:#f2ede5;
  color:#17130f;
  box-shadow:0 24px 64px rgba(0,0,0,.32);
  transform-origin:0 0;
  transform:translate3d(var(--pd-tx),var(--pd-ty),0) scale(var(--pd-scale));
  transition:transform .78s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,opacity .18s ease;
  will-change:transform;
}

.pd-hotel-nav{
  position:absolute;
  inset:0 0 auto;
  height:46px;
  z-index:8;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 22px;
  border-bottom:1px solid rgba(23,19,15,.13);
  background:rgba(248,244,237,.94);
  backdrop-filter:blur(10px);
  color:rgba(23,19,15,.7);
  font:500 11px/1 'Switzer',sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.pd-hotel-nav span:first-child{font-size:11px;color:#17130f;letter-spacing:.15em}

.pd-variant{position:absolute;inset:46px 0 0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}
.pd-variant.is-active{opacity:1;visibility:visible;pointer-events:auto}
.pd-variant.is-leaving{animation:pdLeave .14s cubic-bezier(.4,0,1,1) both}
.pd-variant.is-entering{animation:pdEnter .48s cubic-bezier(.16,1,.3,1) both}
@keyframes pdLeave{to{opacity:0;filter:blur(4px);transform:scale(.996)}}
@keyframes pdEnter{from{opacity:0;filter:blur(7px);transform:translate3d(0,8px,0) scale(1.006)}to{opacity:1;filter:none;transform:none}}

.pd-variant img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.pd-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,8,.72) 0,rgba(11,10,8,.3) 49%,rgba(11,10,8,.05) 78%)}
.pd-copy{position:absolute;z-index:2}
.pd-copy p{margin:0 0 13px;font:500 11px/1 'Switzer',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.pd-copy h3{margin:0;font:400 clamp(31px,3.25vw,49px)/.98 'Satoshi',sans-serif;letter-spacing:-.04em;text-wrap:balance}
.pd-copy>span{display:block;margin-top:15px;max-width:38ch;font:400 13px/1.45 'Satoshi',sans-serif}
.pd-copy>b{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid currentColor;font:500 11px/1 'Switzer',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pd-copy>b i{font:400 14px/1 'Satoshi',sans-serif;font-style:normal;transition:transform .18s ease}
.pd-page:hover .pd-copy>b i{transform:translateX(3px)}

.pd-variant-couple .pd-copy{left:7.5%;bottom:10%;max-width:60%;color:#fffdf9;text-shadow:0 2px 28px rgba(0,0,0,.34)}
.pd-variant-couple .pd-copy>span{color:rgba(255,253,249,.76)}

.pd-variant-family{background:#f2ede5}
.pd-variant-family img{inset:0 0 auto;height:55%;object-position:50% 46%}
.pd-variant-family .pd-copy{inset:auto 7% 7%;height:33%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);grid-template-rows:auto 1fr auto;column-gap:36px;align-items:end;color:#17130f}
.pd-variant-family .pd-copy p{grid-column:1;align-self:start;color:#964a28}
.pd-variant-family .pd-copy h3{grid-column:1;grid-row:2 / 4;font-size:clamp(28px,2.75vw,43px)}
.pd-variant-family .pd-copy>span{grid-column:2;grid-row:2;margin:0;color:rgba(23,19,15,.6)}
.pd-variant-family .pd-copy>b{grid-column:2;grid-row:3;margin:0;justify-self:start;color:#17130f}

.pd-variant-team{background:#e9e2d7}
.pd-variant-team img{inset:0 auto 0 0;width:58%;object-position:54% 50%}
.pd-variant-team .pd-copy{inset:0 0 0 58%;padding:9% 6%;display:flex;flex-direction:column;justify-content:center;color:#17130f}
.pd-variant-team .pd-copy p{color:#964a28}
.pd-variant-team .pd-copy h3{font-size:clamp(29px,2.85vw,45px)}
.pd-variant-team .pd-copy>span{color:rgba(23,19,15,.6)}
.pd-variant-team .pd-copy>b{align-self:flex-start}

.pd-version-grid{
  position:absolute;
  inset:18px 18px 58px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:9px;
  opacity:0;
  transform:scale(.965);
  transform-origin:50% 50%;
  transition:opacity .38s ease .2s,transform .68s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}

.pd-mini{position:relative;overflow:hidden;background:#f2ede5;border:1px solid rgba(255,253,249,.2);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.pd-mini::before{content:"";position:absolute;inset:0 0 39%;background:var(--pd-mini-image) center/cover no-repeat}
.pd-mini::after{content:"";position:absolute;left:9%;right:20%;bottom:22%;height:3px;background:rgba(23,19,15,.58);box-shadow:0 8px 0 rgba(23,19,15,.2),0 14px 0 rgba(23,19,15,.12)}
.pd-mini:nth-child(3n+1){--pd-mini-image:url('/_lumina/assets/pages/destination.jpg')}
.pd-mini:nth-child(3n+2){--pd-mini-image:url('/_lumina/assets/pages/suite2-s21.jpg')}
.pd-mini:nth-child(3n){--pd-mini-image:url('/_lumina/assets/pages/meetings-s21.jpg')}
.pd-mini:nth-child(5n+2)::before{inset:0 42% 0 0}
.pd-mini:nth-child(5n+2)::after{left:64%;right:7%;bottom:51%;height:2px;box-shadow:0 7px 0 rgba(23,19,15,.2),0 13px 0 rgba(23,19,15,.12)}
.pd-mini:nth-child(4n){background:#17130f}
.pd-mini:nth-child(4n)::after{background:rgba(255,253,249,.7);box-shadow:0 8px 0 rgba(255,253,249,.3),0 14px 0 rgba(255,253,249,.17)}
.pd-mini.is-anchor{opacity:0;transition:opacity .16s ease .66s}

.pd-grid-label{
  position:absolute;
  z-index:4;
  left:18px;
  right:18px;
  bottom:0;
  height:48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  opacity:0;
  color:#fffdf9;
  transition:opacity .28s ease .45s;
}
.pd-grid-label strong{font:400 18px/1 'Satoshi',sans-serif;letter-spacing:-.02em}
.pd-grid-label span{font:400 12px/1 'Satoshi',sans-serif;color:rgba(255,253,249,.52)}

.pd-shell[data-view="all"] .pd-page{box-shadow:0 8px 20px rgba(0,0,0,.16);opacity:0;transition:transform .78s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,opacity .16s ease .66s}
.pd-shell[data-view="all"] .pd-version-grid{opacity:1;transform:none}
.pd-shell[data-view="all"] .pd-mini.is-anchor{opacity:1}
.pd-shell[data-view="all"] .pd-grid-label{opacity:1}

@media (max-width:1100px){
  #personalization .hf-head{margin-bottom:56px}
  .pd-workspace{grid-template-columns:260px minmax(0,1fr);min-height:570px}
  .pd-scenarios{padding:30px 18px 20px}
  .pd-scenarios-head{padding:0 10px 22px}
  .pd-scenario{min-height:76px;padding:14px 10px}
  .pd-hotel-nav{padding:0 16px}
  .pd-copy h3{font-size:34px}
  .pd-variant-family img{height:52%}
  .pd-variant-family .pd-copy{bottom:5%;height:39%;grid-template-columns:minmax(0,1.2fr) minmax(150px,.8fr);column-gap:22px;row-gap:8px}
  .pd-variant-family .pd-copy h3{font-size:27px}
  .pd-variant-team .pd-copy h3{font-size:31px}
}

@media (max-width:760px){
  #personalization .hf-head{margin-bottom:38px}
  .pd-shell{border-radius:10px}
  .pd-window-bar{height:42px;grid-template-columns:32px minmax(0,1fr);padding:0 13px}
  .pd-window-title{text-align:left;padding-left:4px}
  .pd-window-state{display:none}
  .pd-workspace{display:block;min-height:0}
  .pd-scenarios{padding:18px 14px 10px;border:0;border-bottom:1px solid var(--pd-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:visible}
  .pd-scenarios-head{grid-column:1 / -1;padding:0 5px 14px}
  .pd-scenarios-head h3{font-size:22px}
  .pd-scenarios-head p{font-size:12px;margin-top:5px}
  .pd-scenario,.pd-scenario-all{margin:0;min-width:0;min-height:72px;padding:13px 10px;border-bottom:0;border-top:1px solid rgba(255,253,249,.12)}
  .pd-scenario:nth-of-type(even){border-left:1px solid rgba(255,253,249,.08)}
  .pd-scenario:hover,.pd-scenario:focus-visible,.pd-scenario.is-active{transform:translateX(4px)}
  .pd-scenario strong{font-size:15px}
  .pd-scenario small{font-size:11.2px}
  .pd-output{padding:12px;grid-template-rows:430px}
  .pd-page{inset:10px}
  .pd-shell[data-view="close"] .pd-page{
    --pd-tx:0px!important;
    --pd-ty:0px!important;
    --pd-scale:1!important;
  }
  .pd-hotel-nav{height:40px;padding:0 12px;font-size:11px;letter-spacing:.07em}
  .pd-hotel-nav span:first-child{font-size:11px;letter-spacing:.1em}
  .pd-variant{inset:40px 0 0}
  .pd-copy p{font-size:11px;margin-bottom:9px;letter-spacing:.08em}
  .pd-copy h3{font-size:30px}
  .pd-copy>span{font-size:11.5px;line-height:1.4;margin-top:11px}
  .pd-copy>b{font-size:11px;margin-top:16px;gap:12px;letter-spacing:.06em}
  .pd-variant-couple .pd-copy{left:7%;right:7%;bottom:8%;max-width:none}
  .pd-variant-family img{height:52%}
  .pd-variant-family .pd-copy{inset:auto 7% 6%;height:36%;display:block}
  .pd-variant-family .pd-copy h3{font-size:27px}
  .pd-variant-family .pd-copy>span{max-width:34ch}
  .pd-variant-family .pd-copy>b{position:absolute;right:0;bottom:2px}
  .pd-variant-team img{inset:0 0 auto;width:100%;height:50%}
  .pd-variant-team .pd-copy{inset:50% 0 0;padding:7% 7%;justify-content:center}
  .pd-variant-team .pd-copy h3{font-size:28px}
  .pd-version-grid{inset:11px 11px 48px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px}
  .pd-grid-label{left:11px;right:11px;height:42px}
  .pd-grid-label strong{font-size:16px}
  .pd-grid-label span{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .pd-scenario,.pd-scenario>i,.pd-page,.pd-version-grid,.pd-grid-label,.pd-copy>b i{transition:none!important}
  .pd-variant.is-leaving,.pd-variant.is-entering{animation:none!important}
  .pd-page{right:39%;transform:none!important;will-change:auto}
  .pd-version-grid{left:64%;opacity:1;transform:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:4px}
  .pd-version-grid .pd-mini.is-anchor{opacity:1}
  .pd-grid-label{display:none}
}

html.pd-force-reduced .pd-scenario,
html.pd-force-reduced .pd-scenario>i,
html.pd-force-reduced .pd-page,
html.pd-force-reduced .pd-version-grid,
html.pd-force-reduced .pd-grid-label,
html.pd-force-reduced .pd-copy>b i{transition:none!important}
html.pd-force-reduced .pd-variant.is-leaving,
html.pd-force-reduced .pd-variant.is-entering{animation:none!important}
html.pd-force-reduced .pd-page{right:39%;transform:none!important;will-change:auto}
html.pd-force-reduced .pd-version-grid{left:64%;opacity:1;transform:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:4px}
html.pd-force-reduced .pd-version-grid .pd-mini.is-anchor{opacity:1}
html.pd-force-reduced .pd-grid-label{display:none}

@media (prefers-reduced-motion:reduce){.pd-shell[data-view="all"] .pd-page{opacity:1}}
html.pd-force-reduced .pd-shell[data-view="all"] .pd-page{opacity:1}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .pd-page{right:10px;bottom:42%}
  .pd-version-grid{left:11px;top:61%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  html.pd-force-reduced .pd-page{right:10px;bottom:42%}
  html.pd-force-reduced .pd-version-grid{left:11px;top:61%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
  html.pd-force-reduced .pd-copy h3{font-size:22px}
  html.pd-force-reduced .pd-copy>span,html.pd-force-reduced .pd-copy>b{display:none}
}