@font-face{font-family:SRM Display;src:url('/sandpiper/assets/fonts/library/wondar-quason/wondar-quason-400.woff2') format('woff2');font-weight:400;font-display:swap;size-adjust:96%}
@font-face{font-family:SRM Text;src:url('/sandpiper/assets/fonts/hero/newsreader-var.woff2') format('woff2');font-weight:200 800;font-display:swap}
#menu.srm{--srm-rail:clamp(24px,7.75vw,150px);--srm-gold:#edd0a0;--srm-mist:#b0cad4;--srm-ink:#032b3a;position:fixed;inset:0;z-index:1000;display:block;background:#032c3b url('/sandpiper/assets/img/menu-reference-20261012/coastal-night-background.png') center/cover no-repeat;color:var(--srm-mist);overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
#menu.srm::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#012b3d36,#022f3d12 50%,#022f3d15)}
#menu.srm::after{content:none}
.srm__frame{position:relative;width:min(100%,1950px);height:100%;margin:auto;padding:clamp(24px,4.15vh,42px) var(--srm-rail) clamp(30px,5.05vh,50px);display:flex;flex-direction:column}
.srm__top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex:none}
.srm__logo{display:block;width:clamp(100px,8.85vw,170px);height:auto;line-height:0}
.srm__logo img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 26px #001a2630}
.srm__close{display:flex;align-items:center;justify-content:center;gap:19px;flex:none;width:170px;height:60px;margin-top:6px;border:1.2px solid var(--srm-gold);border-radius:999px;background:transparent;color:#f4efe4;font:400 25px/1 SRM Text,Georgia,serif;cursor:pointer;text-transform:none;letter-spacing:0;transition:background .2s,color .2s}
.srm__x{position:relative;display:block;width:26px;height:26px;flex:none}
.srm__x::before,.srm__x::after{content:'';position:absolute;left:0;right:0;top:12px;height:2px;background:var(--srm-gold);border-radius:2px;transform:rotate(45deg)}
.srm__x::after{transform:rotate(-45deg)}
.srm__close:hover{background:#edd0a016;color:var(--srm-gold)}
.srm__nav{position:relative;display:grid;grid-template-columns:45.45% minmax(0,1fr);flex:1;min-height:0;align-content:center;padding:clamp(24px,5.6vh,54px) 0 clamp(24px,9.8vh,86px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#edd0a050 transparent;overscroll-behavior:contain}
.srm__column{display:block;list-style:none;margin:0;padding:0 0 0 75px;min-width:0}
.srm__column--right{padding-left:48px;border-left:1px solid #c8d5cd5c}
.srm__column li{display:block;list-style:none;margin:0;padding:0;line-height:1}
.srm__column a{position:relative;display:inline-block;color:var(--srm-mist);font:400 clamp(42px,3.53vw,68px)/1.24 SRM Display,Georgia,serif;letter-spacing:-.026em;text-decoration:none;white-space:nowrap;padding:0;transition:color .22s}
.srm__column a::before{content:'';position:absolute;top:50%;left:-75px;width:44px;height:2px;background:var(--srm-gold);opacity:0;transform:translateY(-50%);transition:opacity .2s}
.srm__column--right a::before{left:-34px;width:22px}
.srm__column a.is-selected,.srm__column a:hover,.srm__column a:focus-visible{color:var(--srm-gold)}
.srm__column a.is-selected::before{opacity:1}
.srm__capsule{position:absolute;left:var(--cap-x,400px);top:var(--cap-y,50px);width:var(--cap-width,244px);height:clamp(64px,5.65vw,104px);border:2px solid var(--srm-gold);border-radius:999px;overflow:hidden;pointer-events:none;opacity:0;box-shadow:0 10px 30px #00192325;transition:opacity .25s,left .35s ease,top .35s ease}
.srm__capsule.is-visible{opacity:1}
.srm__capsule img{display:block;width:100%;height:100%;object-fit:cover}
.srm__foot{display:flex;align-items:center;gap:45px;flex:none;border-top:1px solid #edd0a08c;padding-top:24px;color:#c8d9df}
.srm__foot>a{display:flex;align-items:center;gap:17px;color:inherit;text-decoration:none;font:400 clamp(17px,1.32vw,25px)/1.3 SRM Text,Georgia,serif}
.srm__foot>a:hover{color:var(--srm-gold)}
.srm__address svg,.srm__phone svg{width:26px;height:26px;flex:none;color:var(--srm-gold)}
.srm__phone{border-left:1px solid #edd0a080;padding-left:45px}
.srm__foot>.srm__book{margin-left:auto;justify-content:space-between;gap:30px;min-width:232px;height:76px;padding:8px 9px 8px 40px;border:1px solid #f0d5ab;border-radius:999px;background:linear-gradient(110deg,#efd2a0,#f4dcae);color:#062a37;font:400 25px/1 SRM Text,Georgia,serif;box-shadow:0 0 35px #edd0a038;white-space:nowrap}
.srm__book>span{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;background:#032a38;color:var(--srm-gold)}
.srm__book svg{width:24px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.srm__foot>.srm__book:hover{background:#f8dfb8;color:#032a38}
.srm a:focus-visible,.srm button:focus-visible{outline:2px solid var(--srm-gold);outline-offset:6px}
@media(max-width:1450px){.srm__column{padding-left:55px}.srm__column--right{padding-left:35px}.srm__column a::before{left:-55px;width:32px}.srm__column--right a::before{left:-25px;width:16px}.srm__foot{gap:27px}.srm__phone{padding-left:27px}.srm__foot>a{gap:12px}.srm__foot>.srm__book{min-width:190px;height:65px;padding-left:28px;font-size:22px;gap:20px}.srm__book>span{width:48px;height:48px}.srm__close{width:150px;height:54px;font-size:23px}.srm__x{width:23px;height:23px}.srm__x::before,.srm__x::after{top:11px}}
@media(min-width:901px) and (max-height:700px){.srm__logo{width:100px}.srm__frame{padding-top:20px;padding-bottom:22px}.srm__nav{padding-block:22px}.srm__column a{font-size:clamp(35px,3.2vw,54px);line-height:1.17}.srm__capsule{height:64px}.srm__foot{padding-top:17px}.srm__foot>.srm__book{height:57px;font-size:21px}.srm__book>span{width:42px;height:42px}}
@media(max-width:1100px) and (min-width:901px){.srm__foot{gap:18px;flex-wrap:wrap}.srm__foot>a{font-size:17px}.srm__phone{padding-left:18px}.srm__foot>.srm__book{min-width:165px;padding-left:23px;gap:15px;font-size:20px}.srm__address svg,.srm__phone svg{width:22px;height:22px}.srm__column a{font-size:clamp(37px,4vw,44px)}}
@media(max-width:900px){#menu.srm{--srm-rail:24px;background-position:65% center;background-size:auto 100%}.srm__frame{padding:24px 24px 26px}.srm__logo{width:95px}.srm__logo img{border-radius:8px}.srm__close{width:125px;height:48px;margin-top:0;font-size:21px;gap:12px}.srm__x{width:20px;height:20px}.srm__x::before,.srm__x::after{top:9px}.srm__nav{grid-template-columns:1fr 1fr;padding:35px 0 30px;align-content:center;column-gap:20px}.srm__column{padding-left:27px}.srm__column--right{padding-left:25px}.srm__column a{font-size:clamp(29px,4.5vw,42px);line-height:1.38}.srm__column a::before{left:-27px;width:17px;height:1px}.srm__column--right a::before{left:-21px;width:12px}.srm__capsule{display:none}.srm__foot{flex-wrap:wrap;gap:15px 25px;padding-top:20px}.srm__foot>a{font-size:18px;gap:12px}.srm__phone{padding-left:0;border-left:0}.srm__foot>.srm__book{min-width:190px;height:59px;margin-left:auto;padding-left:27px;font-size:22px}.srm__book>span{width:43px;height:43px}.srm__address svg,.srm__phone svg{width:22px;height:22px}.srm__address{flex-basis:100%}}
@media(max-width:540px){#menu.srm{background-position:66% center}.srm__logo{width:76px}.srm__frame{padding:22px 24px 22px}.srm__close{width:108px;height:44px;font-size:19px;gap:11px}.srm__nav{display:block;padding-top:23px;padding-bottom:23px;overflow-y:auto}.srm__column{padding-left:30px}.srm__column--right{border:0;padding-left:30px}.srm__column a{font-size:clamp(29px,7.9vw,36px);line-height:1.26;white-space:normal}.srm__column a::before{left:-30px;width:19px}.srm__column--right a::before{left:-30px;width:19px}.srm__foot{padding-top:18px;gap:13px 18px}.srm__foot>a{font-size:16px;gap:10px}.srm__address span{max-width:260px}.srm__foot>.srm__book{min-width:162px;height:52px;padding:6px 7px 6px 21px;font-size:20px;gap:18px}.srm__book>span{width:38px;height:38px}.srm__book svg{width:20px;height:16px}.srm__address svg,.srm__phone svg{width:20px;height:20px}}
@media(max-width:540px) and (max-height:700px){.srm__logo{width:64px}.srm__frame{padding-top:16px;padding-bottom:17px}.srm__nav{padding-top:16px;padding-bottom:16px}.srm__column a{font-size:28px;line-height:1.22}.srm__foot{padding-top:14px;gap:10px 18px}.srm__foot>a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.srm,.srm *{transition:none!important}}
