.show-card {display:block;color:inherit;text-decoration:none}
.hotel-source {margin:12px 0 0;font-size:.85rem;line-height:1.5}
.hotel-source summary {cursor:pointer;font-weight:700}
.hotel-source p {max-width:78ch}
#hotel-ideas .category-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
#hotel-ideas .category-item .eyebrow {display:block;margin:0 0 15px}
.stay-terms {border-top:1px solid currentColor;padding-top:1.2rem;margin-top:2rem;max-width:86ch;line-height:1.6}
.stay-terms strong {font-family:'Barlow Condensed',sans-serif;font-size:1.5rem}
.hotel-contact {background:var(--paper);border-top:1px solid #30382b45;display:flex;align-items:center;justify-content:space-between;gap:22px}
.hotel-contact h2 {font-size:clamp(42px,5vw,76px);max-width:14ch;line-height:.97}
.hotel-contact em {color:var(--red)}

@media(max-width:700px){#hotel-ideas .category-grid{grid-template-columns:1fr}.hotel-contact{align-items:flex-start;flex-direction:column}.hero h1{font-size:clamp(64px,19vw,90px)}.hero h1 em{margin-left:0}}
@media(min-width:701px){.hero{height:auto;max-height:none}.hero:after{background:linear-gradient(90deg,var(--cream) 0%,#f2eedff5 29%,#f2eedf90 40%,transparent 54%)}}
@media(max-width:700px){.hero .hero-art{margin-top:-22px;mask-image:linear-gradient(transparent,#000 62px);-webkit-mask-image:linear-gradient(transparent,#000 62px)}}

:root{--cream:#eaf0ef;--paper:#f6f8f7;--ink:#153e46;--red:#aa422c;--olive:#32706e}
.nav,.hotel-contact{background:var(--cream)}

.hero h1,.hero .hero-description,.hero .hero-brand-line{color:var(--ink)}
.hero h1 em,.hero .scribble{color:var(--red)}
.hero .hero-art:after{display:none}




@media(min-width:701px){.hero:after{background:linear-gradient(90deg,#eaf0ef 0%,#eaf0eff5 28%,#eaf0efa8 39%,transparent 58%)}}
.reach,.partners,.button.dark{background-color:var(--ink)}
.channels-section{background:#dbece6;border-bottom:1px solid #153e4640}
.channel-intro{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:30px}
.channel-intro h2,.brand-work h2{color:var(--ink)}
.channel-intro p{max-width:39ch;font-size:.94rem;line-height:1.5}
.channel-list,.work-list{display:grid;gap:clamp(16px,2vw,32px)}
.channel-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.channel-list a{border-top:2px solid var(--ink);padding:14px 0 4px;text-decoration:none;color:var(--ink)}
.channel-name{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.92rem}
.channel-name img{width:21px;height:21px;object-fit:contain}
.channel-name i{margin-left:auto;font-style:normal}
.channel-list a>strong{display:block;font:700 clamp(38px,4vw,62px)/1.05 var(--display);margin:12px 0 2px}
.channel-list a:hover .channel-name,.work-link:hover{text-decoration:underline}
.brand-work{background:var(--paper);border-block:1px solid #153e462c}
.work-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-list article{display:flex;flex-direction:column;align-items:flex-start}
.work-image{width:100%;padding:5px;background:white;box-shadow:0 2px 8px #172e3225;display:block}
.work-image img{width:100%;aspect-ratio:16/10;object-fit:cover}
.work-list article:nth-child(2) .work-image img{object-position:center 36%}
.client-name{font-size:.75rem;letter-spacing:.11em;font-weight:800;text-transform:uppercase;color:var(--red);margin:20px 0 8px}
.work-list h3{font-size:clamp(26px,2.65vw,40px);color:var(--ink)}
.work-list p{max-width:45ch;line-height:1.55;margin:12px 0 16px}
.work-link{margin-top:auto;color:var(--ink);font-weight:700;text-underline-offset:4px}
#hotel-ideas{background:#e1ebed}
.work-photo-dialog{width:max-content;max-width:90vw;background:var(--paper);padding:12px;border:0;color:var(--ink)}
.work-photo-dialog img{height:min(66vh,680px);width:auto;max-width:80vw;object-fit:contain;margin:auto}
.work-photo-dialog p{padding:12px .4rem 0;font-size:.9rem}
.work-photo-dialog button{position:absolute;right:14px;top:14px;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;cursor:pointer;background:var(--paper);color:var(--ink)}
.work-photo-dialog::backdrop{background:#122b32cc}
@media(max-width:900px){.channel-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hero .hero-art{height:clamp(285px,75vw,390px);margin-top:8px;width:100%;background-position:center 68%;mask-image:linear-gradient(transparent,#000 36px);-webkit-mask-image:linear-gradient(transparent,#000 36px)}.channel-intro{display:block}.channel-intro p{margin-top:14px}.channel-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-list{grid-template-columns:1fr;gap:34px}.work-image img{max-height:270px}.channel-list a>strong{margin-top:8px}.brand-work .section-intro{gap:14px}}
.work-list article:nth-child(2) .work-image img{object-position:center 28%}
.work-list article:nth-child(3) .work-image img{object-position:center 29%}

.hero .hero-art{overflow:hidden}

.work-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.work-list article:nth-child(4) .work-image img{object-position:center 16%}
@media(min-width:701px) and (max-width:1020px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.work-list{grid-template-columns:1fr}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .work-image,.flagship-photo-frame,.show-card .photo{transition:transform .2s ease,box-shadow .2s ease}
  .work-image:is(:hover,:focus-visible),.flagship-photo-frame:is(:hover,:focus-visible),.show-card:is(:hover,:focus-visible) .photo{transform:translateY(-5px) rotate(0deg);box-shadow:0 7px 15px #142b3336}
}
@media(prefers-reduced-motion:reduce){.work-image,.flagship-photo-frame,.show-card .photo{transition:none!important}}


.hero .hero-art{background:none;overflow:hidden}
.hero .lobby-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 48%;transform:scale(1.11);transform-origin:59% 40%}
@media(min-width:701px){
  .hero .hero-copy{margin-left:clamp(26px,8vw,160px)}
  .hero .lobby-portrait{object-position:100% 48%;transform-origin:100% 40%}
  .hero:after{background:linear-gradient(90deg,#eaf0ef 0%,#eaf0effa 26%,#eaf0efdf 37%,#eaf0ef55 47%,transparent 55%)}
}
@media(max-width:700px){
  .hero .hero-art{height:auto;aspect-ratio:1.54;margin-top:14px;--photo-fade:linear-gradient(to bottom, transparent, rgba(0,0,0,.12) 9%, rgba(0,0,0,.55) 19%, black 32%);-webkit-mask-image:var(--photo-fade);mask-image:var(--photo-fade)}
  .hero .lobby-portrait{object-position:68% 50%}
}
@media(min-width:701px) and (max-width:1020px){
  .hero .hero-copy{margin-left:0}
  .hero .lobby-portrait{object-position:80% 48%;transform-origin:78% 40%}
}

.hotel-room-scene{margin:0;background:var(--paper);padding:clamp(16px,3vw,40px) 6%}.hotel-room-scene img{display:block;width:100%;height:auto;max-height:690px;object-fit:cover;object-position:center 56%}.hotel-room-scene figcaption{margin-top:8px;font-size:.82rem;color:var(--ink)}
@media(max-width:700px){.hotel-room-scene{padding:16px 0}.hotel-room-scene img{aspect-ratio:1.68;object-position:65% center}.hotel-room-scene figcaption{padding:0 6%}}

.room-tour-concept { margin: 0 0 clamp(28px, 4vw, 56px); }
.room-tour-concept img { display: block; width: 100%; height: auto; }
.room-tour-concept figcaption { margin-top: 8px; font-size: .85rem; }
@media (max-width: 600px) {
  .room-tour-concept img { aspect-ratio: 4/3; object-fit: cover; object-position: 54% center; }
}

@media (min-width: 701px) {
  .hero .hero-art { left: 30%; }
  .hero .lobby-portrait { object-position: 52% center; transform: none; }
}

.channel-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
.brand-invite { margin: 24px 0 0; line-height: 1.55; }
#example-video[hidden] { display: none; }
#hotel-ideas .room-tour-concept { margin-inline: calc(-6vw); }
#hotel-ideas .room-tour-concept img { width: 100%; aspect-ratio: 2.12; object-fit: cover; object-position: center 75%; }
@media (max-width:700px) {
  .channel-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #hotel-ideas .room-tour-concept img { aspect-ratio: 1.85; object-position: 76% 80%; }
}

html { --hotel-nav-height: 72px; scroll-padding-top: calc(var(--hotel-nav-height) + 8px); }
header.nav { position: sticky; top: 0; z-index: 20; height: var(--hotel-nav-height); }
@media (max-width: 700px) {
  html { --hotel-nav-height: 64px; }
  header.nav.nav-hidden:not(:focus-within) { transform: translateY(-100%); }
}
@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  header.nav { transition: transform 160ms ease-out; }
}

.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.hotel-contact p { margin: 12px auto 22px; }


.nav .nav-sections{display:flex;align-items:center;gap:26px}
.nav .nav-sections a{padding:10px 0}
.nav .nav-sections a:hover,.mobile-nav a:hover{color:var(--red)}
.nav-menu-toggle{display:none}
.mobile-nav[hidden]{display:none}

@media(max-width:700px){
 .nav{height:70px;padding:0 6%;gap:12px}
 .nav .brand-lockup{flex-shrink:0}
 .nav .brand-lockup>img{width:36px;height:36px}
 .nav .brand-name{font-size:20px}
 .nav .brand-name i{display:none}
 .nav nav{gap:16px}
 .nav .nav-sections{display:none}
 .nav .nav-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:44px;padding:8px;border:0;background:transparent;color:var(--ink);cursor:pointer}
 .nav-menu-toggle svg{width:24px;height:24px}
 .nav nav>a.nav-contact{display:block;white-space:nowrap;font-size:13px}
 .nav-contact span{margin-left:4px}
 .mobile-nav{position:absolute;left:0;right:0;top:100%;padding:10px 6% 16px;background:var(--cream);border-bottom:1px solid #22261e30;box-shadow:0 8px 12px #00000010}
 .mobile-nav a{display:block;text-decoration:none;padding:13px 0;font-size:16px;font-weight:600;border-bottom:1px solid #22261e18}
 .mobile-nav a:last-child{border-bottom:0}
 
}
@media(max-width:360px){.nav nav{gap:7px}.nav .brand-name{font-size:18px}}

.nav-menu-toggle .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}