/* Inlet House landing page styles */
html{scroll-behavior:smooth}
body{margin:0;background:#FEFDFA;-webkit-font-smoothing:antialiased}
[id]{scroll-margin-top:88px}
::selection{background:#984421;color:#FEFDFA}
a{color:#3C5767;transition:color .4s ease}a:hover{color:#2F4553}
h1,h2{text-wrap:balance}
.ih-lineL{transition:background-color .5s ease,color .5s ease}
.ih-lineL:hover{background-color:#FEFDFA !important;color:#2F4553 !important}
.ih-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 44px}
.ih-am3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
.ih-tierlink{text-decoration:none}
.ih-tier{transition:border-top-color .5s ease}
.ih-tier:hover,.ih-tier:focus-within{border-top-color:#984421 !important}
.ih-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ih-quad>div{padding:36px 40px;background:#FDFBF7;border-radius:10px}
.ih-tierlink:hover .ih-arr{transform:translateX(4px)}
.ih-hl{display:block;white-space:nowrap}
p{text-wrap:pretty}
:focus-visible{outline:1px solid #3C5767;outline-offset:4px}
#amenities :focus-visible{outline-color:#DCC6A2}
footer :focus-visible{outline-color:#FEFDFA}
input:focus-visible,textarea:focus-visible{outline:none;border-bottom-color:#3C5767 !important;box-shadow:0 1px 0 #3C5767}
@keyframes ihUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes ihSettle{from{transform:scale(1.16)}to{transform:scale(1.09)}}
@keyframes ihHdr{from{padding-top:20px;padding-bottom:20px;box-shadow:0 0 0 rgba(60,87,103,0)}to{padding-top:12px;padding-bottom:12px;box-shadow:0 8px 28px rgba(60,87,103,.08)}}
@keyframes ihFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ihFill2{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ih-in{opacity:0;animation:ihUp 1.2s cubic-bezier(.2,.7,.2,1) forwards}
.ih-d1{animation-delay:.15s}.ih-d2{animation-delay:.35s}.ih-d3{animation-delay:.55s}.ih-d4{animation-delay:.75s}
.ih-img{transition:opacity 1.2s ease}
.ih-photo{overflow:hidden}
.ih-photo img{transition:opacity 1.2s ease}
@keyframes ihPar{from{translate:0 -6%}to{translate:0 6%}}
@keyframes ihParHero{from{translate:0 -4%}to{translate:0 4%}}
@keyframes ihHeroPar{from{transform:translateY(0) scale(1.1)}to{transform:translateY(16%) scale(1.1)}}
@keyframes ihFloat{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
.ih-par{scale:1.14}
#space{view-timeline-name:--house}
.ih-hdr{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ih-nav{text-decoration:none;background-image:linear-gradient(#3C5767,#3C5767);background-repeat:no-repeat;background-position:0 100%;padding-bottom:4px;transition:background-size .5s cubic-bezier(.2,.7,.2,1),color .4s ease}
.ih-nav:hover{background-size:100% 1px !important}
.ih-solid{transition:background-color .5s ease}
.ih-solid:hover{background-color:#7E3618 !important;color:#FFFFFF !important}
.ih-arr{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ih-solid:hover .ih-arr{transform:translateX(4px)}
.ih-line{transition:background-color .5s ease,color .5s ease}
.ih-line:hover{background-color:#3C5767 !important;color:#FEFDFA !important}
.ih-arrbtn{width:48px;height:48px;padding:0;border:none;background:transparent;color:#3C5767;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ih-arrbtn svg{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ih-arrbtn.ih-next:hover svg{transform:translateX(4px)}
.ih-arrbtn.ih-prev:hover svg{transform:translateX(-4px)}
.ih-track{scrollbar-width:none;-ms-overflow-style:none}
.ih-zone{position:absolute;top:0;height:100%;padding:0;border:none;background:transparent;cursor:pointer;display:none;align-items:center;justify-content:center;color:#2F4553}
.ih-zone-prev{left:0;width:50%;justify-content:flex-start;padding-left:28px}
.ih-zone-next{left:50%;right:0;justify-content:flex-end;padding-right:28px}
.ih-circ{width:68px;height:68px;border-radius:50%;background:rgba(254,253,250,.94);box-shadow:0 6px 24px rgba(47,69,83,.16);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.86);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.ih-zone:hover .ih-circ,.ih-zone:focus-visible .ih-circ{opacity:1;transform:scale(1)}
.ih-zone:focus-visible{outline:none}
@media (hover: hover) and (pointer: fine){.ih-zone{display:flex}}
.ih-track::-webkit-scrollbar{display:none}
.ih-seg{width:56px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center}
.ih-bar{display:block;width:100%;height:2px;background:#D9D0C0;overflow:hidden}
.ih-fill{display:block;width:100%;height:100%;background:#3C5767;transform-origin:left center}
.ih-maplink{text-decoration:none}
.ih-maplink:hover .ih-arr{transform:translateX(4px)}
.ih-tab{min-height:44px;padding:0 0 6px;border:none;border-bottom:1px solid transparent;background:transparent;font:inherit;font-size:16px;cursor:pointer;transition:color .4s ease,border-color .4s ease}
@supports (animation-timeline: view()){
.ih-rv{animation:ihUp linear both;animation-timeline:view();animation-range:entry 5% entry 45%}
.ih-settle{animation:ihSettle linear both,ihParHero linear both;animation-timeline:view(),view();animation-range:entry 0% cover 55%,cover 0% cover 100%}
.ih-par{animation:ihPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.ih-slideimg.ih-par{animation-timeline:--house}
.ih-heropar{transform:scale(1.1);animation:ihHeroPar linear both;animation-timeline:scroll(root);animation-range:0 820px}
.ih-float{animation:ihFloat linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
}
@supports (animation-timeline: scroll()){
.ih-hdr{animation:ihHdr linear both;animation-timeline:scroll(root);animation-range:0 240px}
}
@media (max-width: 1080px){
.ih-navwrap{display:none !important}
}
@media (max-width: 720px){
.ih-heroeye{letter-spacing:.18em !important;gap:10px !important;font-size:12px !important}
.ih-heroeye span{width:18px !important}
}
@media (max-width: 520px){
.ih-hdr > div{flex-wrap:nowrap !important;gap:12px !important}
.ih-word{font-size:18px !important;letter-spacing:.05em !important}
.ih-hdr svg{width:24px;height:27px}
.ih-hdrbtn{min-height:40px !important;padding:0 14px !important;font-size:11px !important;letter-spacing:.12em !important;white-space:nowrap}
}
@media (max-width: 720px){
.ih-hl{display:inline;white-space:normal}
.ih-tiers{grid-template-columns:minmax(0,1fr) !important}
.ih-quad{grid-template-columns:minmax(0,1fr) !important}
.ih-quad>div{padding:28px 24px !important}
.ih-am3{grid-template-columns:minmax(0,1fr) !important}
.ih-herobox{height:640px !important}
.ih-herotext{padding:0 20px 48px !important}
.ih-hdr{padding:14px 20px !important}
.ih-sec{padding:96px 20px !important}
.ih-hero{padding:72px 20px 56px !important}
.ih-heroimg{height:460px !important}
.ih-slide{flex-basis:84% !important}
.ih-spacer{flex-basis:calc(16% - 24px) !important}
.ih-slideimg{height:420px !important}
.ih-fadebox{height:420px !important}
.ih-split{gap:56px !important}
.ih-foot{padding:64px 20px 40px !important}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.ih-in,.ih-settle,.ih-rv,.ih-hdr,.ih-par,.ih-float,.ih-heropar{animation:none !important;opacity:1 !important;transform:none !important;translate:none !important}
.ih-par{scale:1 !important}
.ih-photo img,.ih-solid,.ih-line,.ih-arr,.ih-nav,.ih-hdr,.ih-img,.ih-arrbtn svg,.ih-circ,.ih-tier{transition:none !important}
}

/* static site additions */
.ih-hdr.ih-hidden{transform:translateY(-100%)}
[hidden]{display:none !important}
.calendly-inline-widget iframe{border:0}