.mas-page{--navy:#073653;--blue:#0876c4;background:#fff;color:#0b2e49;overflow:hidden;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.mas-page *{box-sizing:border-box}.mas-page a{text-decoration:none!important}.mas-wrap{width:min(1220px,calc(100% - 48px));margin:0 auto}.mas-hero{height:540px;position:relative;background:#0a3b57 var(--mas-hero,none) center/cover no-repeat;color:#fff}.mas-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#062a43d9,#062a4330 75%),linear-gradient(0deg,#04273b8a,transparent 65%)}.mas-hero-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px 0 80px}.mas-crumb,.mas-crumb a{color:#fff!important;font-size:13px}.mas-hero-content{max-width:740px}.mas-hero h1{color:#fff!important;font-size:clamp(44px,5.5vw,76px)!important;line-height:1.05!important;letter-spacing:-.04em;margin:0 0 22px!important}.mas-hero-content>p{font-size:19px;line-height:1.65;color:#fff;max-width:640px}.mas-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mas-pills span{padding:9px 15px;border-radius:28px;background:#062d48c9;border:1px solid #ffffff45;font-size:13px;font-weight:650}.mas-pills i{margin-right:7px}.mas-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:30px;padding-bottom:35px}.mas-main{min-width:0}.mas-facts{position:relative;z-index:2;margin-top:-32px;background:#fff;border:1px solid #e0e9f0;border-radius:12px;box-shadow:0 10px 30px #07365315;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));padding:16px 8px}.mas-facts>div{display:flex;gap:12px;align-items:center;padding:12px 14px;border-right:1px solid #e2ebf3}.mas-facts i{font-size:23px;color:#0876c4}.mas-facts small{display:block;color:#6c8497;font-size:12px}.mas-facts strong{display:block;font-size:14px;color:#0a324f;line-height:1.4}.mas-facts em{color:#23813c;font-size:11px;font-style:normal}.mas-page h2{font-size:25px!important;line-height:1.3!important;color:#082f4b!important;margin:0 0 18px!important}.mas-page h3{font-size:17px!important;color:#0b3451!important;margin:0 0 10px!important}.mas-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);gap:28px;padding:38px 0 32px}.mas-prose{font-size:15px;line-height:1.85;color:#4e6475}.mas-prose p{margin:0 0 13px}.mas-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;align-content:start}.mas-gallery a{aspect-ratio:1.15;overflow:hidden;border-radius:7px}.mas-gallery img{width:100%;height:100%;object-fit:cover}.mas-route{background:#eaf5fc;border-radius:11px;padding:25px 28px;margin:0 0 35px}.mas-route h2 i,.mas-section h2 i{color:#0876c4;margin-right:10px}.mas-route>p{font-size:14px;color:#4b6679}.mas-route ol{counter-reset:route;list-style:none;margin:18px 0 0;padding:0}.mas-route li{counter-increment:route;display:flex;align-items:flex-start;gap:13px;margin:12px 0;font-size:15px}.mas-route li:before{content:counter(route);background:#073653;color:#fff;border-radius:50%;width:25px;height:25px;flex:none;text-align:center;font-size:12px;font-weight:800;line-height:25px}.mas-section{padding:24px 0 34px;border-bottom:1px solid #e7edf3}.mas-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.mas-start-grid p{font-size:15px;line-height:1.7}.mas-directions{display:inline-block;border:1px solid #0876c4;color:#073653!important;border-radius:8px;padding:12px 17px;font-size:13px;font-weight:700}.mas-tips{background:#eaf5fc;padding:18px;border-radius:9px}.mas-tips ul{margin:0;padding-left:19px}.mas-tips li{margin:9px 0;font-size:14px;line-height:1.55}.mas-map{height:300px;overflow:hidden;border-radius:10px}.mas-map iframe{width:100%;height:100%;border:0}.mas-map-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:750;color:#0876c4!important}.mas-sidebar{padding-top:26px}.mas-side-card{position:sticky;top:22px;border:1px solid #dce8f1;border-radius:12px;padding:20px;box-shadow:0 8px 25px #07365310}.mas-side-card h3{margin:20px 0!important}.mas-side-card>p{display:flex;gap:13px;margin:18px 0;font-size:13px;line-height:1.5}.mas-side-card>p>i{color:#0876c4;font-size:19px;width:21px;flex:none}.mas-side-card b{display:block;color:#0c304b;font-size:14px;margin-bottom:2px}.mas-self-banner{display:flex;gap:13px;align-items:center;background:#e9f8e9;color:#17632d;border-radius:8px;padding:15px}.mas-self-banner i{font-size:23px}.mas-self-banner small{display:block;font-size:12px}.mas-book{display:flex;align-items:center;justify-content:center;gap:10px;background:#073653;color:#fff!important;border-radius:8px;padding:18px 10px;font-size:14px;font-weight:750}.mas-book:hover{background:#0d4b70}.mas-checked{border-top:1px solid #e0e8ee;margin-top:22px;padding-top:20px;font-size:12px;color:#50687a}.mas-checked i{color:#17963f;margin-right:6px;font-size:18px}.mas-related{padding:30px 0 65px}.mas-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mas-related-grid a{border:1px solid #e0e8ef;border-radius:9px;overflow:hidden;color:#0b344e!important;box-shadow:0 4px 12px #082d4510}.mas-related-grid img{width:100%;height:145px;object-fit:cover}.mas-related-grid strong{display:block;padding:12px 12px 4px;font-size:14px}.mas-related-grid small{display:block;padding:0 12px 12px;color:#738b9b}
@media(max-width:900px){.mas-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.mas-facts{grid-template-columns:repeat(2,1fr)}.mas-about{grid-template-columns:1fr}.mas-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.mas-wrap{width:calc(100% - 28px)}.mas-hero{height:490px}.mas-hero-inner{padding:25px 0 65px}.mas-hero h1{font-size:clamp(37px,10vw,50px)!important}.mas-hero-content>p{font-size:14px;line-height:1.6}.mas-crumb{font-size:11px}.mas-layout{display:flex;flex-direction:column;gap:0}.mas-main{width:100%}.mas-facts{margin-top:-25px;padding:9px 4px}.mas-facts>div{padding:12px 8px;gap:8px}.mas-facts i{font-size:18px}.mas-facts strong{font-size:12px}.mas-page h2{font-size:21px!important}.mas-about{padding:27px 0 20px;gap:14px}.mas-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.mas-gallery a{flex:0 0 65%;scroll-snap-align:start;aspect-ratio:1.4}.mas-route{padding:19px 16px;margin-bottom:20px}.mas-section{padding:23px 0}.mas-map{height:260px}.mas-sidebar{padding:20px 0}.mas-side-card{position:static}.mas-related{padding:15px 0 45px}.mas-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mas-related-grid img{height:115px}.mas-related-grid strong{font-size:12px}}

/* v0.6.31 — shared Ploce Beach hero geometry and typography */
.mas-hero{height:auto!important;min-height:610px!important;background-position:center center!important}
.mas-hero-overlay{background:linear-gradient(90deg,rgba(1,33,51,.78) 0%,rgba(1,33,51,.48) 42%,rgba(1,33,51,.10) 72%,rgba(1,33,51,.12) 100%)!important}
.mas-hero-inner{min-height:610px!important;justify-content:center!important;padding:80px 0 105px!important}
.mas-hero-content{max-width:960px!important}
.mas-hero h1{font-size:clamp(48px,6.5vw,86px)!important;font-weight:750!important;letter-spacing:-.035em!important;line-height:1.06!important;margin:0 0 23px!important}
.mas-crumb{position:absolute;top:52px;left:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mas-hero-location{font-size:18px;font-weight:650;margin:0 0 24px}
.mas-hero-content>p{font-size:21px!important;line-height:1.55!important;max-width:780px!important;margin:0 0 28px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mas-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.mas-hero-actions a,.mas-hero-actions button{font-size:18px;color:#fff!important;background:none;border:0;padding:0;cursor:pointer;font-weight:650}
.mas-hero-actions i{margin-right:10px}
.mas-gallery button{border:0;padding:0;cursor:zoom-in;background:none;aspect-ratio:1.15;overflow:hidden;border-radius:7px}
.mas-gallery button img{transition:transform .2s}.mas-gallery button:hover img{transform:scale(1.04)}
.mas-route-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);gap:24px;align-items:start}
.mas-start-photo{padding:0;border:0;background:none;cursor:zoom-in;border-radius:9px;overflow:hidden;display:block;width:100%}
.mas-start-photo img{display:block;width:100%;max-height:300px;aspect-ratio:4/3;object-fit:cover}
.mas-route-start{margin-top:20px;padding-top:20px;border-top:1px solid #cde1ef}
.mas-route-start h3 i{color:#0876c4;margin-right:8px}.mas-route-start p{margin:0 0 13px}
.mas-route-tips{margin-top:22px;padding:20px;border-radius:9px;background:#fff}.mas-route-tips h3 i{color:#0876c4;margin-right:8px}.mas-route-tips ul{margin:0;padding-left:20px}.mas-route-tips li{margin:8px 0;line-height:1.55}
.mas-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;background:rgba(0,19,31,.94);padding:50px}.mas-lightbox.is-open{display:flex}.mas-lightbox-image{max-width:85vw;max-height:83vh;object-fit:contain}.mas-lightbox button{position:absolute;border:0;border-radius:50%;background:#ffffff26;color:#fff;width:46px;height:46px;cursor:pointer;font-size:30px;line-height:1}.mas-lightbox-close{top:20px;right:20px}.mas-lightbox-prev{left:20px;top:50%}.mas-lightbox-next{right:20px;top:50%}.mas-lightbox-count{position:absolute;bottom:18px;color:#fff;font-size:13px}
@media(max-width:700px){.mas-hero{min-height:480px!important}.mas-hero-inner{min-height:480px!important;padding:100px 0 65px!important}.mas-crumb{top:30px;gap:6px;font-size:11px}.mas-hero h1{font-size:clamp(39px,10vw,54px)!important}.mas-hero-location{font-size:15px;margin-bottom:14px}.mas-hero-content>p{font-size:15px!important;line-height:1.6!important;-webkit-line-clamp:3}.mas-hero-actions a,.mas-hero-actions button{font-size:14px}.mas-route-top{grid-template-columns:1fr}.mas-start-photo img{max-height:260px}.mas-gallery button{flex:0 0 65%;scroll-snap-align:start;aspect-ratio:1.4}.mas-lightbox{padding:12px}.mas-lightbox-image{max-width:90vw;max-height:76vh}.mas-lightbox button{width:36px;height:36px}.mas-lightbox-prev{left:6px}.mas-lightbox-next{right:6px}}

/* v0.6.32: use the ACTUAL Ploce Beach hero measurements (beach.css),
   overriding the oversized v0.6.31 approximation. */
@media (min-width:1101px){
 .mas-page .mas-hero{height:520px!important;min-height:520px!important}
 .mas-page .mas-hero-inner{height:520px!important;min-height:520px!important;padding:0!important;justify-content:center!important}
 .mas-page .mas-crumb{top:48px!important}
 .mas-page .mas-hero-content{max-width:960px!important;padding:0 48px 0 0!important}
}
@media (min-width:769px) and (max-width:1100px){
 .mas-page .mas-hero{height:470px!important;min-height:470px!important}
 .mas-page .mas-hero-inner{height:470px!important;min-height:470px!important;padding:0!important;justify-content:center!important}
 .mas-page .mas-crumb{top:38px!important}
}
.mas-page .mas-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(42px,4.6vw,68px)!important;line-height:.98!important;font-weight:700!important;letter-spacing:-.035em!important}
@media (max-width:768px){
 .mas-page .mas-hero{height:auto!important;min-height:470px!important}
 .mas-page .mas-hero-inner{height:auto!important;min-height:470px!important;padding:100px 0 65px!important}
 .mas-page .mas-hero h1{font-size:42px!important}
}
@media (max-width:390px){.mas-page .mas-hero h1{font-size:38px!important}}

/* v0.6.33 — detail hero content spacing follows Ploce Beach */
.mas-page .mas-hero h1{margin:0 0 16px!important;line-height:1.05!important;letter-spacing:-.03em!important}
.mas-page .mas-hero-location{font-size:14px!important;font-weight:600!important;line-height:1.45!important;margin:0 0 16px!important}
.mas-page .mas-hero-content>p{font-size:18px!important;line-height:1.55!important;max-width:620px!important;margin:0 0 20px!important}
.mas-page .mas-hero-actions{gap:28px!important}
.mas-page .mas-hero-actions a,.mas-page .mas-hero-actions button{font-size:15px!important;font-weight:600!important;line-height:1.4!important}
.mas-page .mas-hero-actions i{margin-right:8px!important}
@media(max-width:768px){
 .mas-page .mas-hero h1{margin-bottom:14px!important}
 .mas-page .mas-hero-location{font-size:13px!important;margin-bottom:12px!important}
 .mas-page .mas-hero-content>p{font-size:15px!important;line-height:1.55!important;margin-bottom:18px!important}
 .mas-page .mas-hero-actions a,.mas-page .mas-hero-actions button{font-size:14px!important}
}