
body{margin:0}
a{color:inherit}
.mark{-webkit-mask-image:url(mark-mask.png);mask-image:url(mark-mask.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.steel{background-color:#B9C1C3;background-image:url(brushed-steel-wide.jpg);background-size:cover;background-position:center}
.logo-steel{background-color:#C3CBCD;background-image:linear-gradient(-105deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.55) 42%,rgba(255,255,255,0) 60%),url(brushed-steel-wide.jpg);background-size:cover;background-position:center;-webkit-mask-image:url(logo.png);mask-image:url(logo.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}
.nav-burger{display:none}
@media (max-width: 860px){.nav-full{display:none!important}.nav-burger{display:inline-flex!important}}
@keyframes drawKA{from{stroke-dashoffset:1;visibility:hidden}3%{visibility:visible}to{stroke-dashoffset:0;visibility:visible}}
@keyframes fadeOutK{from{opacity:1}to{opacity:0}}
@keyframes sweepLogo{0%,50%{background-position:-30% 0,center,center}100%{background-position:130% 0,center,center}}
.logo-steel-hero{background-color:#D8DEDF;background-image:linear-gradient(-100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,0.95) 49%,rgba(255,255,255,0) 60%),url(brushed-steel-wide.jpg),linear-gradient(-180deg,#FFFFFF 0%,#EEF2F2 30%,#C9D0D1 52%,#E6EBEC 72%,#FFFFFF 100%);background-size:260% 100%,cover,100% 100%;background-position:-30% 0,center,center;background-repeat:no-repeat;background-blend-mode:normal,multiply,normal;-webkit-mask-image:url(logo.png);mask-image:url(logo.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
@media (max-width: 760px){.hero-logo{align-self:center!important;width:min(92vw, 470px)!important}}
@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
@keyframes drawKB{from{stroke-dashoffset:1;visibility:hidden}3%{visibility:visible}to{stroke-dashoffset:0;visibility:visible}}
@keyframes fadeKA{from{opacity:0}to{opacity:1}}
@keyframes fadeKB{from{opacity:0}to{opacity:1}}
.logo-steel-hero{-webkit-mask-image:url(logo-clean.png)!important;mask-image:url(logo-clean.png)!important}
@media (max-width: 760px){.hero-titles{letter-spacing:0.14em!important;font-size:11.5px!important}.hero-titles>span{display:none!important}}
.phrase-inline{display:flex}.phrase-panel{display:none!important}
@media (min-width: 761px){.phrase-inline{padding:30px 34px!important}.phrase-inline>span:nth-child(2){font-size:36px!important}.phrase-inline>*{max-width:760px}}
.rv{opacity:0;transform:translateY(14px);transition:opacity 0.55s ease,transform 0.55s cubic-bezier(0.2,0.8,0.2,1)}.rv.in{opacity:1;transform:none}.rv:not(.in) *{animation-play-state:paused!important}.rv .pills-wrap>button{opacity:0;transition-property:opacity,transform,box-shadow,filter!important;transition-duration:0.6s,0.35s,0.35s,0.35s!important}.rv.in .pills-wrap>button{opacity:1}.rv.in .pills-wrap>button:nth-of-type(1){transition-delay:0.33s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(2){transition-delay:0.41s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(3){transition-delay:0.49s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(4){transition-delay:0.57s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(5){transition-delay:0.65s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(6){transition-delay:0.73s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(7){transition-delay:0.81s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(8){transition-delay:0.89s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(9){transition-delay:0.97s,0s,0s,0s!important}.rv.in .pills-wrap>button:nth-of-type(10){transition-delay:1.05s,0s,0s,0s!important}@media (prefers-reduced-motion: reduce){.rv,.rv .pills-wrap>button{opacity:1!important;transform:none!important;transition:none!important}}
.rv-knot{opacity:0;transition:opacity 0.7s ease}.rv-knot.in{opacity:1}.rv-knot:not(.in) *{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.rv-knot{opacity:1!important}}
*{-webkit-tap-highlight-color:transparent}svg *:focus{outline:none}button:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible{outline:2px solid #8FCBD0;outline-offset:3px}
.logo-script{background-color:#D8DEDF;background-image:linear-gradient(-100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0) 60%),url(brushed-steel-wide.jpg),linear-gradient(-180deg,#FFFFFF 0%,#EEF2F2 30%,#C9D0D1 52%,#E6EBEC 72%,#FFFFFF 100%);background-size:260% 100%,cover,100% 100%;background-position:70% 0,center,center;background-repeat:no-repeat;background-blend-mode:normal,multiply,normal;-webkit-mask-image:url(logo-script.png);mask-image:url(logo-script.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}
.footer-mark{position:absolute;left:max(36px,calc(50% - 640px));top:-180px;width:520px;height:583px;background:linear-gradient(-200deg,rgba(143,203,208,0.15),rgba(143,203,208,0.07) 50%,rgba(143,203,208,0.02) 95%);pointer-events:none}
@media (max-width: 760px){.footer-mark{width:300px;height:336px;left:-36px;top:auto;bottom:-40px}.logo-script{width:280px!important;height:60px!important}.ft-titles{font-size:11px!important;letter-spacing:0.1em!important}}
@media (max-width: 760px){.cred-stripe{flex-direction:column;align-items:center;text-align:center;gap:10px!important;letter-spacing:0.12em!important;font-size:11px!important}}
.begin-knot{position:absolute;width:560px;height:560px;top:50%;left:max(-40px,calc(50% - 620px - 40px));transform:translateY(-50%);pointer-events:none;opacity:0.9}
@media (max-width: 900px){.begin-knot{width:420px;height:420px;top:auto;bottom:-70px;left:-70px;transform:none;opacity:0.7}}
.rooms-grid{max-width:1240px;margin:0 auto;box-sizing:border-box;padding:4px clamp(20px,5vw,64px) clamp(56px,min(8vw,9.5vh),104px);display:grid;grid-template-columns:1fr 1fr;gap:40px clamp(28px,4vw,56px)}.room-col{display:flex;flex-direction:column;gap:16px}.room-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.room-col .r-phone{display:none}.room-col figure{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.room-col img,.room-ph{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:2px}.room-photos .r-big{grid-column:1/-1}.room-col .r-big img{aspect-ratio:2/1}.room-col figcaption{font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:#3E555B}.room-addr{position:relative;display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid #CFC5B5}.room-name{font-family:'Instrument Serif',Georgia,serif;font-size:32px;line-height:1.1}.room-name em{font-size:21px;color:#1A6B75}.room-line{font-size:15px;color:#3E555B}.swipe-hint{display:none;position:absolute;left:0;top:26px;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#4E6267}.room-ph{box-sizing:border-box;border:1.5px dashed rgba(18,63,75,0.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;color:#3E555B}.room-ph span{font-family:'Instrument Serif',Georgia,serif;font-size:18px;color:#123F4B}.room-ph small{font-size:12px}@media (max-width: 860px){.rooms-grid{grid-template-columns:1fr;gap:44px}.room-name{font-size:28px}.room-addr{padding-left:80px}.swipe-hint{display:block}.room-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0 calc(-1 * clamp(20px,5vw,64px));padding:0 clamp(20px,5vw,64px) 4px;scroll-padding-inline:clamp(20px,5vw,64px);scrollbar-width:none}.room-photos::-webkit-scrollbar{display:none}.room-photos figure{flex:0 0 78%;scroll-snap-align:start}.room-col .r-phone{display:flex}.room-col img,.room-ph,.room-col .r-big img{aspect-ratio:4/5}.room-photos .r-big img{object-position:72% 50%!important}}
@media (max-width: 880px){#top>div:first-of-type{justify-content:center!important}.hero-copy{flex-basis:100%!important;align-items:center;text-align:center}.hero-copy>p{margin-right:auto!important;margin-left:auto!important}.hero-copy>div{justify-content:center}.hero-copy .hero-logo{align-self:center!important}.hero-titles{justify-content:center}.hero-titles>span{display:none!important}.hero-copy h1{max-width:680px}#top>div:nth-of-type(2)>div,#top>div:nth-of-type(2)>div>span{justify-content:center!important;text-align:center}}
.ft-br{display:none}@media (max-width: 760px){.ft-br{display:inline}.ft-sep{display:none}}
.hero-client{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;color:#9FBFC3;text-decoration:none}.hero-client span{color:#F4EFE6;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(244,239,230,0.4);transition:text-decoration-color 0.2s}.hero-client:hover span{text-decoration-color:#F4EFE6}
.logo-steel{-webkit-mask-image:url(logo-clean.png)!important;mask-image:url(logo-clean.png)!important}
.k4-sweep{transform:translateX(210px);will-change:transform;animation:k4sweep 6.5s cubic-bezier(0.37,0,0.63,1) var(--k4-delay,1s) infinite}@keyframes k4sweep{0%,50%{transform:translateX(210px)}100%{transform:translateX(-210px)}}@media (prefers-reduced-motion: reduce){.k4-sweep{animation:none}}


.fc{font-family:'Instrument Sans',system-ui,sans-serif;color:#0B3039;background:#F7F3EC}
.fc .wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.fc .serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.fc .eyebrow{margin:0;font-size:12px;letter-spacing:0.24em;text-transform:uppercase;font-weight:600}
.fc .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fc .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.fc .fact{background:#FFFFFF;border-radius:8px;box-shadow:inset 0 0 0 1px #E2DACE;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.fc .fact h3{margin:0;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;color:#1A6B75}
.fc .fact p{margin:0;font-size:16px;line-height:1.6;color:#2E4A51}
.fc form{display:flex;flex-direction:column;gap:26px}
.fc label.q{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:600}
.fc fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fc legend{font-size:16px;font-weight:600;padding:0;margin-bottom:10px}
.fc .hint{font-size:14px;font-weight:400;color:#5A6E73}
.fc textarea,.fc input[type=text]{font:inherit;font-weight:400;font-size:16px;color:#0B3039;background:#FBFAF7;border:1px solid #CFC6B6;border-radius:8px;padding:14px 16px;width:100%}
.fc textarea:focus,.fc input[type=text]:focus{outline:2px solid #1A6B75;outline-offset:1px;border-color:#1A6B75}
.fc .pills{display:flex;flex-wrap:wrap;gap:10px}
.fc .pill{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #CFC6B6;background:#FBFAF7;font-size:15px;font-weight:500;cursor:pointer}
.fc .pill input{position:absolute;opacity:0;width:1px;height:1px}
.fc .pill:has(input:checked){background:#123F4B;border-color:#123F4B;color:#F4EFE6}
.fc .pill:has(input:focus-visible){outline:2px solid #1A6B75;outline-offset:2px}
.fc .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fc .agree{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:#2E4A51;font-weight:400}
.fc .agree input{width:20px;height:20px;margin-top:1px;accent-color:#123F4B;flex:0 0 auto}
.fc .send{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border:0;border-radius:999px;background:#123F4B;color:#F4EFE6;font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 12px 26px rgba(11,48,57,0.25)}
@media (max-width:760px){.fc .steps{grid-template-columns:1fr;gap:22px}.fc .facts{grid-template-columns:1fr}.fc .two{grid-template-columns:1fr}.fc .send{align-self:stretch;justify-content:center}}


.fc .hero{background:#0C333C;background-image:radial-gradient(700px 420px at 20% 30%,rgba(38,128,140,0.42),rgba(38,128,140,0) 70%);color:#F4EFE6}
.fc .hero .in{padding-top:clamp(48px,min(8vw,10vh),104px);padding-bottom:clamp(48px,min(8vw,10vh),96px);display:flex;flex-direction:column;gap:20px;max-width:860px}
.fc .hero h1{margin:0;font-size:clamp(42px,6vw,80px);line-height:0.98;letter-spacing:-0.02em}
.fc .hero h1 em{color:#A9D3D6}
.fc .hero p.lead{margin:0;max-width:640px;font-size:clamp(17px,1.6vw,19px);line-height:1.65;color:#CFE0E2}
.fc .sec{padding-top:clamp(44px,min(6.5vw,8vh),92px);padding-bottom:clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:26px}
.fc .sec h2{margin:0;font-size:clamp(32px,4vw,50px);line-height:1.04}
.fc .prose{max-width:720px;display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.75;color:#2E4A51}
.fc .prose p{margin:0}
.fc details{background:#FFFFFF;border-radius:8px;box-shadow:inset 0 0 0 1px #E2DACE;padding:0 22px}
.fc summary{cursor:pointer;list-style:none;padding:20px 0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.fc summary::-webkit-details-marker{display:none}
.fc summary::after{content:'+';font-size:24px;font-weight:400;color:#1A6B75}
.fc details[open] summary::after{content:'–'}
.fc details p{margin:0 0 20px;font-size:16px;line-height:1.65;color:#2E4A51;max-width:760px}
.fc .zones{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.fc .zone{background:#0C333C;color:#F4EFE6;border-radius:8px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px}
.fc .zone span{font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:#8FCBD0;font-weight:600}
.fc .zone b{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:40px;line-height:1}
.fc .zone.here{background:#F4EFE6;color:#0B3039;box-shadow:inset 0 0 0 1.5px #1A6B75}.fc .zone.here span{color:#1A6B75}
.fc .photos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.fc .photos figure{margin:0;position:relative;border-radius:6px;overflow:hidden;background:#DCD3C4;min-height:220px}
.fc .photos img{display:block;width:100%;height:100%;object-fit:cover}
.fc .photos figcaption{position:absolute;right:12px;bottom:10px;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;color:#FFFFFF;text-shadow:0 1px 6px rgba(0,0,0,0.5)}
.fc .photos .tall{grid-row:span 2;min-height:460px}
.fc .photos.three figure{min-height:0;height:360px}
.fc .placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:14px;color:#5A6E73;background:repeating-linear-gradient(-135deg,#EFE8DC,#EFE8DC 12px,#E8E0D2 12px,#E8E0D2 24px)}
.fc .addr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 30px;align-items:baseline;padding:22px 0;border-top:1px solid #DCD3C4}
.fc .addr a{color:#0B3039;font-weight:600;text-underline-offset:4px}
.fc .essay{display:flex;flex-direction:column;gap:8px;padding:28px 0;border-top:1px solid #DCD3C4}
.fc .essay time{font-size:12px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;color:#1A6B75}
.fc .essay h3{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.1}
.fc .essay p{margin:0;font-size:16px;line-height:1.65;color:#5A6E73;max-width:680px}
.fc .cta{background:#123F4B;color:#F4EFE6;margin-top:clamp(44px,min(7vw,8vh),96px)}
.fc .cta .in{padding-top:clamp(44px,min(7vw,9vh),88px);padding-bottom:clamp(44px,min(7vw,9vh),88px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.fc .cta h2{margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.05;max-width:640px}
.fc .btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#F4EFE6;color:#0B3039;text-decoration:none;font-size:16px;font-weight:600}
.fc .bio{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.fc .bio img{width:100%;border-radius:8px;display:block}
.fc .dl{display:flex;flex-direction:column;gap:0;max-width:720px}
.fc .dl div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:16px 0;border-top:1px solid #DCD3C4;font-size:16px;line-height:1.6;color:#2E4A51}
.fc .dl dt{font-size:12px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;color:#1A6B75;padding-top:3px}
.fc .dl dd{margin:0}
@media (max-width:760px){.fc .zones{grid-template-columns:repeat(2,1fr)}.fc .photos{grid-template-columns:1fr 1fr}.fc .photos .tall{grid-column:span 2;grid-row:auto;min-height:280px}.fc .photos figure{min-height:170px}.fc .photos.three figure{min-height:0;height:190px}.fc .photos.three .wide{grid-column:span 2;height:250px}.fc .bio{grid-template-columns:1fr}.fc .bio img{max-width:320px}.fc .dl div{grid-template-columns:1fr;gap:4px}}


html{scroll-behavior:smooth}body{margin:0;font-family:'Instrument Sans',system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}
.skip{position:absolute;right:-9999px;top:10px;z-index:100;background:#F4EFE6;color:#0B3039;padding:12px 18px;border-radius:999px;font-weight:600}.skip:focus{right:12px}
.menu-panel{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;overflow:auto;visibility:hidden;opacity:0;transition:opacity 0.34s ease,visibility 0s linear 0.34s;font-family:'Instrument Sans',system-ui,sans-serif;color:#F4EFE6;
  background:#0B3039;background-image:radial-gradient(520px 420px at 88% 42%,rgba(38,128,140,0.32),rgba(38,128,140,0) 70%),radial-gradient(420px 360px at 0% 100%,rgba(38,128,140,0.22),rgba(38,128,140,0) 70%)}
.menu-panel.open{visibility:visible;opacity:1;transition:opacity 0.34s ease,visibility 0s}
.menu-panel .mp-group,.menu-panel .mp-foot{opacity:0;transform:translateY(14px);transition:opacity 0.2s ease,transform 0.2s ease}
.menu-panel.open .mp-group,.menu-panel.open .mp-foot{opacity:1;transform:none;transition:opacity 0.5s ease,transform 0.6s cubic-bezier(0.2,0.8,0.2,1)}
.menu-panel.open .mp-group:nth-child(1){transition-delay:0.08s}.menu-panel.open .mp-group:nth-child(2){transition-delay:0.15s}.menu-panel.open .mp-group:nth-child(3){transition-delay:0.22s}.menu-panel.open .mp-foot{transition-delay:0.29s}
.menu-panel .menu-close svg{transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1)}.menu-panel:not(.open) .menu-close svg{transform:rotate(90deg)}
@media (prefers-reduced-motion: reduce){.menu-panel,.menu-panel .mp-group,.menu-panel .mp-foot,.menu-panel .menu-close svg{transition:none!important;transform:none!important}}
.menu-panel .mp-top{flex-shrink:0;height:88px;box-sizing:border-box;border-bottom:1px solid rgba(220,239,240,0.1)}
.menu-panel .mp-bar{max-width:1360px;height:100%;margin:0 auto;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.menu-panel .menu-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(244,239,230,0.45);background:transparent;color:#F4EFE6;cursor:pointer}
.menu-panel .mp-body{flex:1;display:flex;flex-direction:column;gap:22px;width:100%;max-width:1360px;margin:0 auto;padding:22px clamp(20px,4vw,56px) 28px;box-sizing:border-box}
.menu-panel .mp-groups{display:grid;gap:20px}
.menu-panel .mp-label{margin:0 0 4px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:#8FCBD0;font-weight:600}
.menu-panel .mp-group a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:45px;border-bottom:1px solid rgba(220,239,240,0.12);color:#F4EFE6;text-decoration:none;font-size:18px;font-weight:500;letter-spacing:0.005em}
.menu-panel .mp-group a span{color:#8FCBD0;font-size:15px;transition:transform 0.2s ease}
.menu-panel .mp-group a:hover span,.menu-panel .mp-group a:focus-visible span{transform:translateX(-4px)}
.menu-panel .mp-group a[aria-current=page]{color:#A9D3D6}
.menu-panel .mp-foot{margin-top:auto;display:flex;flex-direction:column;gap:16px;padding-top:6px}
.menu-panel .menu-cta{display:flex;justify-content:center;align-items:center;min-height:54px;border-radius:999px;background:#F4EFE6;color:#0B3039;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 10px 26px rgba(2,14,18,0.35)}
.menu-panel .mp-meta{display:flex;justify-content:space-between;align-items:center;font-size:15px}.menu-panel .mp-meta a{color:#CFE0E2;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.menu-panel .mp-ar{font-family:'Instrument Sans',sans-serif;font-size:19px}
@media (min-width: 640px){.menu-panel .mp-groups{grid-template-columns:1fr 1fr;column-gap:44px}.menu-panel .mp-group:first-child{grid-row:span 2}}
nav.nav-full a[aria-current=page]{text-decoration:underline!important;text-underline-offset:9px;text-decoration-color:#8FCBD0!important}
@media (max-width: 1100px){nav.nav-full{display:none!important}.nav-burger{display:inline-flex!important}}
.fc a{color:#0B3039}
.fc .cta h2{text-wrap:balance}
.fc .crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;font-size:13px;color:#9FC3C7}.fc .crumbs a{color:#DCEBEC;text-decoration:none}.fc .crumbs a:hover{text-decoration:underline}
.fc .chips{display:flex;flex-wrap:wrap;gap:10px}
.fc .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CFC6B6;background:#FBFAF7;color:#0B3039;text-decoration:none;font-size:15px;font-weight:500;transition:background 0.2s,color 0.2s}
.fc .chip:hover{background:#123F4B;border-color:#123F4B;color:#F4EFE6}
.fc .essay h3 a:hover{text-decoration:underline!important;text-underline-offset:5px}
.ft-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:44px 56px}
.ft-id{display:flex;flex-direction:column;gap:16px}
.ft-addr{font-style:normal;line-height:1.75;font-size:14px;color:#AFC0C3}.ft-addr a{color:#E3ECED;text-underline-offset:4px}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(140px,auto));gap:24px 52px}
.ft-cols h2{margin:0 0 10px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#8FCBD0;font-weight:600;font-family:'Instrument Sans',system-ui,sans-serif}
.ft-cols a{display:block;color:#E3ECED;text-decoration:none;padding:5px 0;font-size:14px}.ft-cols a:hover{text-decoration:underline;text-underline-offset:4px}
.ft-social{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.ft-social a{color:#E3ECED;text-underline-offset:4px}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;padding-top:22px;border-top:1px solid #2A4C55;font-size:13px}.ft-bottom a{color:#FFFFFF;text-underline-offset:4px}
.form-error{margin:0;padding:14px 16px;border-radius:8px;background:#FBEDEA;color:#7A2E22;font-size:15px;line-height:1.55}.form-error a{color:#7A2E22;font-weight:600}
.hp{position:absolute!important;right:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width: 760px){.ft-cols{grid-template-columns:1fr 1fr}}
header{line-height:1.6}
header .hdr-logo{position:relative;display:block;height:78px;width:168px}
header .hdr-logo .logo-steel{position:absolute;inset:0;background-color:#D8DEDF!important;background-image:linear-gradient(-100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,0.95) 49%,rgba(255,255,255,0) 60%),url(brushed-steel-wide.jpg),linear-gradient(-180deg,#FFFFFF 0%,#EEF2F2 30%,#C9D0D1 52%,#E6EBEC 72%,#FFFFFF 100%)!important;background-size:260% 100%,cover,100% 100%!important;background-position:-30% 0,center,center;background-repeat:no-repeat!important;background-blend-mode:normal,multiply,normal;animation:hdrLogoSweep 6.5s ease-in-out 1.5s infinite}
header .logo-draw{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
header .logo-steel.hdr-dock{background-color:#D8DEDF!important;background-image:linear-gradient(-100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,0.95) 49%,rgba(255,255,255,0) 60%),url(brushed-steel-wide.jpg),linear-gradient(-180deg,#FFFFFF 0%,#EEF2F2 30%,#C9D0D1 52%,#E6EBEC 72%,#FFFFFF 100%)!important;background-size:260% 100%,cover,100% 100%!important;background-position:-30% 0,center,center;background-repeat:no-repeat!important;background-blend-mode:normal,multiply,normal;animation:hdrLogoSweep 6.5s ease-in-out 1.5s infinite}
@media (prefers-reduced-motion: reduce){header .logo-steel.hdr-dock{animation:none}}
/* the logo is written in, left to right, with a soft edge (works at this small size), then shines */
.ld header .hdr-logo{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 42%,rgba(0,0,0,0) 58%);mask-image:linear-gradient(90deg,#000 0,#000 42%,rgba(0,0,0,0) 58%);-webkit-mask-size:270% 100%;mask-size:270% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}
.ld header .hdr-logo .logo-steel{animation:none}
.ldgo header .hdr-logo{animation:hdrWrite 2.1s cubic-bezier(0.45,0.05,0.3,1) 0.25s both}
.ldgo header .hdr-logo .logo-steel{animation:hdrLogoSweep 6.5s ease-in-out 2.5s infinite}
@keyframes hdrLogoSweep{0%,50%{background-position:-30% 0,center,center}100%{background-position:130% 0,center,center}}
@keyframes hdrWrite{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}
@media (prefers-reduced-motion: reduce){header .hdr-logo .logo-steel,.ld header .hdr-logo .logo-steel{animation:none}.ld header .hdr-logo{-webkit-mask-image:none;mask-image:none;animation:none}}
img{height:auto}
.ft-social a{display:inline-flex;align-items:center;min-height:44px}
.crumbs a{display:inline-flex;align-items:center;min-height:32px}
header a[lang]{display:inline-flex;align-items:center;min-height:44px}
nav.nav-full a{padding:11px 0}
a[href^="https://www.google.com/maps/search"]{display:inline-flex;align-items:center;min-height:44px}
footer.site-ft .footer-mark{top:50%!important;bottom:auto!important;height:min(calc(100% - 72px),400px)!important;width:auto!important;aspect-ratio:520/583;transform:translateY(-50%)}
@media (max-width: 760px){footer.site-ft .footer-mark{top:auto!important;bottom:118px!important;left:16px!important;height:300px!important;transform:none}}
.menu-panel .mp-ar{font-family:'Instrument Sans',sans-serif}

html[lang=ar] body,html[lang=ar] .fc,html[lang=ar] .menu-panel,html[lang=ar] .site-ft{font-family:'Instrument Sans','Noto Naskh Arabic',system-ui,sans-serif}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] [style*="text-transform: uppercase"],html[lang=ar] .eyebrow,html[lang=ar] .mp-label,html[lang=ar] .ft-cols h2{text-transform:none!important}
html[lang=ar] [style*="Instrument Serif"],html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .serif{font-family:'Instrument Serif','Noto Naskh Arabic',serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] [style*="Instrument Serif"]{line-height:1.45!important;font-weight:500}
html[lang=ar] em,html[lang=ar] i,html[lang=ar] [style*="font-style: italic"]{font-style:normal!important}
html[lang=ar] [style*="grid-template-columns: 64px"]>span:first-child{white-space:nowrap;font-size:15px!important}
html[lang=ar] a svg:has(path[d^="M5 12h14"]),html[lang=ar] button svg:has(path[d^="M5 12h14"]){transform:scaleX(-1)}
@media (max-width: 640px){html[lang=ar] .pills-wrap button{font-size:19px!important;padding:10px 20px!important}}
html[lang=ar] p,html[lang=ar] li,html[lang=ar] dd,html[lang=ar] address{line-height:1.95}
html[lang=ar] a[href^="tel:"],html[lang=ar] a[href^="mailto:"],html[lang=ar] .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[lang=ar] .menu-panel .mp-group a:hover span,html[lang=ar] .menu-panel .mp-group a:focus-visible span{transform:translateX(-4px)}
html[lang=ar] [lang=fr],html[lang=ar] [lang=en]{direction:ltr;unicode-bidi:isolate}
html[lang=ar] p[lang=fr]{text-align:right}
html[lang=ar] .lang-en{font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:14px!important;letter-spacing:0.04em!important}
html[lang=ar] [style*="Allison"]{font-family:'Instrument Serif',serif!important}
html[lang=ar] .pills-wrap button{line-height:1.4!important}
html[lang=ar] .ft-cols a[lang=en]{text-align:right}
html[lang=ar] [style*="background-clip: text"]{display:inline-block;padding:0.22em 0.04em;line-height:1.5}
@media (min-width: 641px){html[lang=ar] .pills-wrap button[style*="Allison"]{font-size:30px!important}}
/* Arabic labels (10 Nov review): Naskh reads much smaller than Latin capitals at the same size, so the small labels grow */
html[lang=ar] [style*="font-size: 11px"],html[lang=ar] [style*="font-size: 11.5px"],html[lang=ar] [style*="font-size: 12px"]{font-size:14.5px!important}
html[lang=ar] [style*="font-size: 13px"]{font-size:15px!important}
html[lang=ar] [style*="font-size: 14px"]{font-size:15.5px!important}
html[lang=ar] .hero-titles,html[lang=ar] .ft-titles,html[lang=ar] .cred-stripe,html[lang=ar] .room-col figcaption,html[lang=ar] .swipe-hint,html[lang=ar] .room-ph small,html[lang=ar] .fc .eyebrow,html[lang=ar] .fc .fact h3,html[lang=ar] .fc .zone span,html[lang=ar] .fc .photos figcaption,html[lang=ar] .fc .essay time,html[lang=ar] .fc .dl dt,html[lang=ar] .menu-panel .mp-label,html[lang=ar] .ft-cols h2{font-size:14.5px!important}
html[lang=ar] .fc .crumbs,html[lang=ar] .ft-bottom{font-size:15px!important}
html[lang=ar] .hero-client,html[lang=ar] .fc .hint,html[lang=ar] .ft-addr,html[lang=ar] .ft-cols a,html[lang=ar] .ft-social{font-size:15.5px!important}
html[lang=ar] .lang-en,html[lang=ar] [lang=en][style*="font-size: 14px"]{font-size:14px!important}
html[lang=ar] .pills-wrap button{font-size:21px!important}
