/* THE ROOMS (Oct 6 2026): The Boardroom and The Private Office. JT: "a high end and engaging experience (still the NOC
   brand but much more high end look and feel)". The brand's black and gold, in a quieter register: a serif display face,
   ivory in place of white, thin gold lines in place of cards. Used by the-boardroom.html and the-private-office.html only. */
.rm{--ivory:#F3EEE2;--rgold:#E2C878;--rline:rgba(226,200,120,0.34);--ink:#070707;background:var(--ink);color:var(--ivory)}
.rm .wrap{max-width:1180px}
.rm-serif,.rm h1,.rm h2,.rm h3{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:0;color:var(--ivory)}
.rm em{font-style:italic;color:var(--rgold)}
.rm-eyebrow{font-size:0.76rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--rgold);margin:0 0 26px;font-weight:600}
.rm-hero{position:relative;min-height:min(92vh,900px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--rline)}
.rm-hero__img{position:absolute;inset:0;background-size:cover;background-position:70% 40%}
.rm-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,0.94) 0%,rgba(7,7,7,0.72) 42%,rgba(7,7,7,0.12) 100%),linear-gradient(180deg,rgba(7,7,7,0.55) 0%,rgba(7,7,7,0) 30%,rgba(7,7,7,0.9) 100%)}
.rm-hero .wrap{position:relative;padding-top:170px;padding-bottom:84px;width:100%}
.rm-hero h1{font-size:clamp(2.7rem,6.2vw,5.4rem);line-height:1.03;margin:0;max-width:13ch}
.rm-lede{max-width:56ch;margin:28px 0 0;font-size:max(1.08rem,17px);line-height:1.65;color:rgba(243,238,226,0.86)}
.rm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.rm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 34px;border:1px solid var(--rgold);border-radius:999px;background:var(--rgold);color:var(--ink);font-weight:800;font-size:0.98rem;letter-spacing:0.02em;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease}
.rm-btn:hover{transform:translateY(-2px);background:#EBD796}
.rm-btn--line{background:transparent;color:var(--rgold)}
.rm-btn--line:hover{background:rgba(226,200,120,0.12)}
.rm-terms{margin:30px 0 0;font-size:0.74rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(243,238,226,0.62)}
.rm-band{padding:clamp(64px,8vw,104px) 0;border-bottom:1px solid var(--rline)}
.rm-band h2{font-size:clamp(2.1rem,3.8vw,3.3rem);line-height:1.08;margin:0 0 40px}
.rm-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(34px,6vw,90px);align-items:start}
.rm-list{list-style:none;margin:0;padding:0}
.rm-list li{padding:20px 0;border-top:1px solid rgba(243,238,226,0.14);font-size:max(1.04rem,16px);line-height:1.55;color:rgba(243,238,226,0.86)}
.rm-list li:last-child{border-bottom:1px solid rgba(243,238,226,0.14)}
.rm-list b{color:var(--ivory);font-weight:700}
.rm-pic{margin:0;border:1px solid var(--rline);position:relative}
.rm-pic img{display:block;width:100%;height:auto;filter:saturate(0.86) contrast(1.05)}
.rm-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.rm-month div{padding:0 28px;border-left:1px solid var(--rline)}
.rm-month div:first-child{padding-left:0;border-left:0}
.rm-month i{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.5rem;color:var(--rgold);margin-bottom:10px}
.rm-month p{margin:0;font-size:max(1rem,16px);line-height:1.6;color:rgba(243,238,226,0.82)}
.rm-fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px)}
.rm-fit h3{font-size:1.5rem;font-style:italic;color:var(--rgold);margin:0 0 14px}
.rm-fit ul{list-style:none;margin:0;padding:0}
.rm-fit li{padding:16px 0;border-top:1px solid rgba(243,238,226,0.14);font-size:max(1.02rem,16px);line-height:1.55;color:rgba(243,238,226,0.86)}
.rm-fit a{color:var(--rgold);text-decoration:underline;text-underline-offset:3px}
.rm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.rm-steps div{padding:0 28px;border-left:1px solid var(--rline)}
.rm-steps div:first-child{padding-left:0;border-left:0}
.rm-steps i{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:2.1rem;line-height:1;color:var(--rgold);margin-bottom:12px}
.rm-steps b{display:block;font-size:1.06rem;color:var(--ivory);margin-bottom:6px}
.rm-steps span{font-size:max(0.98rem,16px);line-height:1.55;color:rgba(243,238,226,0.78)}
.rm-faq{max-width:860px}
.rm-faq details{border-top:1px solid rgba(243,238,226,0.16)}
.rm-faq details:last-child{border-bottom:1px solid rgba(243,238,226,0.16)}
.rm-faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.55rem;line-height:1.25;color:var(--ivory)}
.rm-faq summary::-webkit-details-marker{display:none}
.rm-faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-family:Figtree,system-ui,sans-serif;font-size:1.6rem;font-weight:300;color:var(--rgold);transition:transform .25s ease}
.rm-faq details[open] summary::after{transform:rotate(45deg)}
.rm-faq p{margin:0 0 24px;max-width:66ch;font-size:max(1.02rem,16px);line-height:1.65;color:rgba(243,238,226,0.84)}
.rm-close{padding:clamp(76px,9vw,120px) 0;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(226,200,120,0.16),rgba(7,7,7,0) 62%)}
.rm-close h2{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;margin:0 0 16px}
.rm-close p{margin:0 auto 34px;font-size:max(1.05rem,17px);color:rgba(243,238,226,0.82)}
.rm-close .rm-also{margin:38px auto 0;font-size:max(0.98rem,16px);color:rgba(243,238,226,0.7)}
.rm-close a.rm-quiet{color:var(--rgold);text-decoration:underline;text-underline-offset:3px}
/* a slow rise as a block comes into view; a visitor who asked for less motion, or has no script, sees everything at once */
.rm-js [data-rm]{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rm-js [data-rm].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.rm-js [data-rm]{opacity:1;transform:none;transition:none}.rm-btn{transition:none}}
@media (max-width: 980px){
  .rm-two{grid-template-columns:1fr}
  .rm-month,.rm-steps{grid-template-columns:1fr 1fr;row-gap:34px}
  .rm-month div:nth-child(odd),.rm-steps div:nth-child(odd){padding-left:0;border-left:0}
}
@media (max-width: 640px){
  .rm-hero{min-height:0}
  .rm-hero__img{background-position:72% 30%}
  .rm-hero__shade{background:linear-gradient(180deg,rgba(7,7,7,0.5) 0%,rgba(7,7,7,0.35) 30%,rgba(7,7,7,0.94) 68%)}
  .rm-hero .wrap{padding-top:300px;padding-bottom:56px}
  .rm-actions{flex-direction:column}
  .rm-btn{width:100%}
  .rm-month,.rm-steps,.rm-fit{grid-template-columns:1fr}
  .rm-month div,.rm-steps div{padding:0;border-left:0}
  .rm-faq summary{font-size:1.32rem}
}