
.wz-h2{font:700 clamp(26px,2.8vw,40px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.02em;text-wrap:balance;max-width:24ch}
.wz-prose{font-size:16.5px}
.ck .red-label{color:#fffbe6}


.wz-hero{background:none;padding:clamp(14px,1.6vw,22px) clamp(12px,1.6vw,22px) 0}
.wz-wall{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:clamp(440px,44vw,640px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#16384a;box-shadow:0 16px 36px #17261e40}
.wz-wall-media{position:absolute;inset:0;z-index:-2}
.wz-wall-media img,.wz-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wz-loop{z-index:1}
.wz-wall:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 45%,#06172033,transparent 70%),linear-gradient(180deg,#0000 50%,#06172066)}
.wz-wall-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 24px 110px;color:#fffaf0}
.wz-hero h1{margin:0;font:400 clamp(52px,6.6vw,104px)/.95 Shrikhand,Georgia,serif;letter-spacing:-.025em;color:#fffaf0;text-shadow:0 2px 3px #0006,0 8px 30px #000a}
.ck .wz-hero .wz-price{margin:0;justify-self:center;background:url(/trail/art/survey-tape-red.svg) center/100% 100% no-repeat;color:#fff7ea;padding:9px 30px 12px;font:400 clamp(30px,2.8vw,40px)/1.05 "Reenie Beanie",cursive!important;filter:drop-shadow(0 3px 5px #0006);transform:rotate(-1.5deg)}
.wz-hero .wz-wall-copy>p{margin:0}
.wz-book{font-size:16px;padding:15px 34px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 6px 16px #0005}
.wz-check{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 20px;text-align:center;background:linear-gradient(90deg,#0b2a33d9,#103b46e6,#0b2a33d9);backdrop-filter:blur(3px);border-top:1px solid #ffffff2b}
.wz-check a{display:inline-flex;align-items:center;gap:10px;color:#fff8e8;text-decoration:none;font:600 16px/1.4 Arial,sans-serif}
.wz-check u{color:#ffd970;text-decoration-color:#ffd970;text-decoration-thickness:2px;text-underline-offset:3px}
.wz-check b{color:#ffd970}
.wz-dot{width:9px;height:9px;border-radius:50%;background:#f3c663;box-shadow:0 0 0 4px #f3c66333}
@media(max-width:767px){.wz-wall{min-height:460px;border-radius:12px}.wz-wall-copy{padding-bottom:96px}.wz-check a{font-size:14px}}


.wz-intro{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(22px,3.2vw,52px);align-items:start}
.wz-film{position:sticky;top:20px;display:block;aspect-ratio:var(--ratio);border-radius:12px;overflow:hidden;background:#11241b;box-shadow:0 14px 34px #17261e40}
.wz-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wz-film:hover img{transform:scale(1.03)}
.wz-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#173320d9;border:2px solid #fff6d8}
.wz-play svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.wz-yt{position:absolute;right:10px;bottom:10px;font:700 11px Arial;color:#fff;background:#0009;border-radius:3px;padding:3px 7px}
.wz-copy{display:grid;gap:16px;justify-items:start}
.wz-cta{font-size:clamp(18px,1.6vw,21px)}
.wz-cta a{color:#1b6b8a;text-decoration-thickness:2px;text-underline-offset:3px}
.wz-strip{columns:2;column-gap:10px}
.wz-strip a{display:block;margin:0 0 10px;break-inside:avoid;border-radius:8px;overflow:hidden;background:#d8dccb}
.wz-strip img{width:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.wz-strip a:hover img{transform:scale(1.04)}


.wz-options{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.6vw,36px);align-items:stretch}
.wz-options-head{align-self:center}
.wz-card{display:flex;flex-direction:column}
.wz-card img{aspect-ratio:4/3;object-fit:cover}
.wz-card-body{flex:1;align-items:center}
.wz-options-head{display:grid;gap:16px;justify-items:start}
.wz-card{background:var(--cream);color:var(--ink);border-radius:10px;overflow:hidden;border:1px solid #2f4a39;box-shadow:0 12px 28px #0005;transition:transform .3s}
.wz-card:hover{transform:translateY(-4px)}
.wz-card img{width:100%;height:auto}
.wz-card-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;padding:14px 18px 16px}
.wz-card h3{font:400 clamp(30px,2.8vw,44px)/1 Shrikhand,Georgia,serif;letter-spacing:-.03em;color:var(--forest)}
.wz-tags{display:flex;gap:8px;flex-wrap:wrap}
.wz-tag{display:inline-block;padding:6px 16px 8px;background:url(../art/survey-tape-yellow.svg) center/100% 100% no-repeat;color:#24261d;font:700 26px/1 "Reenie Beanie",cursive;text-decoration:none;transform:rotate(-2deg);filter:drop-shadow(0 1.5px .65px #0003);transition:transform .15s}
.wz-tag-shared{background-image:url(../art/survey-tape-red.svg);color:#fffbe6;transform:rotate(1.5deg)}
.wz-tag:hover{transform:rotate(0) translateY(-2px)}


.wz-moments-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,4vw,64px);align-items:end;margin-bottom:clamp(22px,3vw,36px)}
.wz-moments-head>div:first-child{display:grid;gap:12px;justify-items:start}
.wz-moments-head .ck-lead{margin-bottom:.7em}
.wz-row{display:flex;flex-wrap:wrap;gap:12px}
.wz-row a{flex:var(--r) 1 calc(var(--r) * 240px);display:block;border-radius:8px;overflow:hidden;background:#d8dccb}
.wz-row img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.wz-row a:hover img{transform:scale(1.04)}


.wz-guides-title{color:var(--forest)}
.wz-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.wz-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;overflow:hidden}
.wz-guide>img{width:100%!important;height:auto!important}
.wz-guide-body{align-content:start}
.wz-guide img{width:100%;height:auto}
.wz-guide-body{padding:16px 18px 20px;display:grid;gap:8px}
.wz-guide h3{font:400 24px/1.1 Shrikhand,Georgia,serif;color:var(--forest)}
.wz-guide .ck-prose{font-size:15px}


@supports (animation-timeline: view()){
 .wz-copy>*,.wz-options-head>*,.wz-card,.wz-strip a,.wz-row a,.wz-guide{animation:wz-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
@keyframes wz-rise{from{opacity:.5;translate:0 24px}to{opacity:1;translate:0 0}}
.wz-hero-copy>*{animation:wz-enter .9s cubic-bezier(.2,.7,.2,1) both}
.wz-hero-copy>*:nth-child(2){animation-delay:.1s}.wz-hero-copy>*:nth-child(3){animation-delay:.2s}.wz-hero-copy>*:nth-child(4){animation-delay:.3s}
@keyframes wz-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}

@media (max-width:1180px){
 .wz-intro{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}
 .wz-strip{grid-column:1/-1;columns:4}
 .wz-options{grid-template-columns:1fr 1fr}
 .wz-options-head{grid-column:1/-1}
 .wz-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
 .wz-hero-grid,.wz-moments-head{grid-template-columns:1fr}
 .wz-hero-film{justify-self:stretch;width:100%}
}
@media (max-width:767px){
 .wz-intro{grid-template-columns:1fr}
 .wz-film{position:relative;top:0;width:min(78vw,300px);margin:0 auto}
 .wz-strip{columns:2}
 .wz-options{grid-template-columns:1fr}
 .wz-row{gap:8px}
 .wz-row a{flex-basis:calc(var(--r) * 150px)}
 .wz-guides{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.wz-loop{display:none}.ck *{animation:none!important}}

@media(max-width:900px){.wz-guides{grid-template-columns:1fr!important}}
@media(max-width:560px){.wz-guide{grid-template-columns:1fr}.wz-guide img{height:auto;aspect-ratio:3/2;min-height:0}}



.wz-film,.wz-film:hover{position:relative!important;top:auto!important}
.wz-intro .wz-strip a,.wz-intro .wz-film{animation:none!important;translate:none!important;opacity:1!important}

.wz-hero .wz-book{padding:9px 24px;font:800 14px/1.1 Arial,sans-serif;letter-spacing:.06em;border-radius:4px;box-shadow:inset 0 0 0 2px #f9e5a2,0 2px 0 #80682f,0 6px 14px #0004}

.ck[data-family-design="lmbk-whale-shark-tours"] .paper-label{font-size:clamp(32px,3.1vw,46px)!important;padding:7px 26px 10px}
.ck[data-family-design="lmbk-whale-shark-tours"] .wz-hero .wz-price{font-size:clamp(32px,3vw,44px)!important}

.wz-h2{font:400 clamp(28px,2.7vw,42px)/1.12 Shrikhand,Georgia,serif;letter-spacing:-.02em;max-width:20ch}
.wz-moments-head{align-items:center}
.wz-moments-head>div:first-child{gap:16px}
@media (max-width:1180px){
 
 .wz-intro .wz-strip{columns:auto;display:flex;flex-wrap:wrap;gap:10px}
 .wz-intro .wz-strip a{flex:var(--r) 1 calc(var(--r) * 200px);margin:0}
 
 .wz-options-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,4vw,48px);align-items:end}
 .wz-options-head>.paper-label{grid-column:1}
 .wz-options-head>.wz-h2{grid-column:1}
 .wz-options-head>.ck-prose{grid-column:2;grid-row:1/3;align-self:end}
}
@media (max-width:767px){.wz-options-head{grid-template-columns:1fr}.wz-options-head>.ck-prose{grid-column:1;grid-row:auto}}


.wz-row::after{content:"";flex:20 1 0}


.wz-guides{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.8fr)!important;gap:14px!important;align-items:stretch}
.wz-guide{display:flex!important;flex-direction:column;grid-template-columns:none!important}
.wz-guide>img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain}
.wz-guide-body{padding:12px 14px 14px!important;gap:6px!important}
.wz-guide h3{font-size:21px!important}
.wz-guide .ck-prose{font-size:13.5px!important;line-height:1.5}
.wz-guide .ck-prose p{margin:0 0 .55em}
.ck-deck:has(.wz-guides){padding-block:clamp(30px,3.5vw,48px)}
.ck-deck:has(.wz-guides) .ck-head{margin-bottom:16px}
@media(max-width:1000px){.wz-guides{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.wz-guides{grid-template-columns:1fr!important}}

@media(min-width:1001px){.wz-guides{grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,.78fr)!important;align-items:start!important}}


.wz-options{align-items:start}
.wz-card-body{flex:0 0 auto}
.wz-info{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px}
.wz-name{margin:0;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6a5521}
.wz-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.wz-chips li{margin:0;padding:5px 10px;border:1px solid #d8c48d;border-radius:999px;background:#f4ead0;font:700 12.5px/1.2 Arial,sans-serif;color:#1e4a33}
.wz-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.wz-pbox{display:flex;flex-direction:column;gap:4px;padding:11px 12px 12px;border-radius:9px;background:#f4ead0;border:2px solid #d8c48d;box-shadow:0 2px 0 #c9b277}
.wz-pbox-private{background:#1d3b2b url(/trail/art/worn-stock.svg) repeat;border-color:#14301f;box-shadow:0 2px 0 #0e2418}
.wz-plabel{font:800 11px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6a5521}
.wz-pbox-private .wz-plabel{color:#f3c663}
.wz-pbox strong{font:800 27px/1 Arial,sans-serif;color:#1e4a33;white-space:nowrap}
.wz-pbox strong small{font:700 11.5px/1 Arial,sans-serif;letter-spacing:.03em;color:#5b6a5e;margin-left:3px}
.wz-pbox-private strong{color:#fff9e4}
.wz-pbox-private strong small,.wz-pbox-private .wz-psub{color:#cfd9c9}
.wz-psub{font:12px/1.3 Arial,sans-serif;color:#5a675d}
.wz-key{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wz-key li{position:relative;margin:0;padding:0 0 0 18px;font:15px/1.4 Arial,sans-serif;color:#2c3a30}
.wz-key li::before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:8px;border-radius:50%;background:#b8423a}
.wz-more{border-top:1px solid #e2d6b4;padding-top:10px}
.wz-more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 13px/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1e4a33}
.wz-more summary::-webkit-details-marker{display:none}
.wz-more summary::after{content:"+";font:700 22px/1 Arial,sans-serif;color:#b8423a;transition:transform .2s}
.wz-more[open] summary::after{transform:rotate(45deg)}
.wz-more-close,.wz-more[open] .wz-more-open{display:none}
.wz-more[open] .wz-more-close{display:inline}
.wz-more-body{display:grid;gap:14px;padding-top:12px}
.wz-more-sec h4{margin:0 0 6px;font:800 11px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6a5521}
.wz-more-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.wz-more-sec li{margin:0;padding:0 0 0 14px;position:relative;font:14px/1.4 Arial,sans-serif;color:#3e4d43}
.wz-more-sec li::before{content:"·";position:absolute;left:3px;font-weight:800;color:#977d45}
.wz-more-sec b{color:#1e4a33;margin-right:4px}
.wz-card:hover{transform:none}
@media (min-width:768px){.wz-more-sec:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}}


.wz-pbox-calc{grid-column:1/-1;position:relative}
.wz-g{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.wz-gview{display:none;flex-direction:column;gap:4px}
.wz-step{display:inline-flex;align-items:center;gap:10px;margin-top:6px;align-self:flex-start;background:#0f2418;border:1px solid #3b5a46;border-radius:999px;padding:4px}
.wz-step label,.wz-step-off{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f3c663;color:#14301f;font:800 20px/1 Arial,sans-serif;cursor:pointer;user-select:none;transition:transform .15s,background .15s}
.wz-step label:hover{background:#ffd970;transform:scale(1.08)}
.wz-step-off{background:#ffffff1f;color:#ffffff59;cursor:default}
.wz-step b{min-width:5.2em;text-align:center;font:800 14px/1 Arial,sans-serif;color:#fff9e4;letter-spacing:.02em}
.wz-g:focus-visible~.wz-gview .wz-step{outline:3px solid #bd6220;outline-offset:2px}
.wz-pbox-calc:has(.wz-g[value="1"]:checked) .wz-gview[data-n="1"],.wz-pbox-calc:has(.wz-g[value="2"]:checked) .wz-gview[data-n="2"],.wz-pbox-calc:has(.wz-g[value="3"]:checked) .wz-gview[data-n="3"],.wz-pbox-calc:has(.wz-g[value="4"]:checked) .wz-gview[data-n="4"],.wz-pbox-calc:has(.wz-g[value="5"]:checked) .wz-gview[data-n="5"],.wz-pbox-calc:has(.wz-g[value="6"]:checked) .wz-gview[data-n="6"],.wz-pbox-calc:has(.wz-g[value="7"]:checked) .wz-gview[data-n="7"],.wz-pbox-calc:has(.wz-g[value="8"]:checked) .wz-gview[data-n="8"],.wz-pbox-calc:has(.wz-g[value="9"]:checked) .wz-gview[data-n="9"],.wz-pbox-calc:has(.wz-g[value="10"]:checked) .wz-gview[data-n="10"],.wz-pbox-calc:has(.wz-g[value="11"]:checked) .wz-gview[data-n="11"],.wz-pbox-calc:has(.wz-g[value="12"]:checked) .wz-gview[data-n="12"],.wz-pbox-calc:has(.wz-g[value="13"]:checked) .wz-gview[data-n="13"],.wz-pbox-calc:has(.wz-g[value="14"]:checked) .wz-gview[data-n="14"],.wz-pbox-calc:has(.wz-g[value="15"]:checked) .wz-gview[data-n="15"],.wz-pbox-calc:has(.wz-g[value="16"]:checked) .wz-gview[data-n="16"],.wz-pbox-calc:has(.wz-g[value="17"]:checked) .wz-gview[data-n="17"],.wz-pbox-calc:has(.wz-g[value="18"]:checked) .wz-gview[data-n="18"],.wz-pbox-calc:has(.wz-g[value="19"]:checked) .wz-gview[data-n="19"],.wz-pbox-calc:has(.wz-g[value="20"]:checked) .wz-gview[data-n="20"]{display:flex}


.wz-guides{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.wz-guide{display:flex!important;flex-direction:column}
.wz-guide>img{aspect-ratio:3/2!important;height:auto!important;object-fit:cover!important;object-position:50% 0}
.wz-guide-body{flex:1 1 auto;display:flex!important;flex-direction:column}
.wz-guide-body.rm-box{--rm-lines:7}
.wz-guide .rm{margin-top:auto;padding-top:4px}
.wz-guide .rm-text p:last-child{margin-bottom:0}
@media(max-width:1100px){.wz-guides{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.wz-guides{grid-template-columns:1fr!important}.wz-guide-body.rm-box{--rm-lines:6}}


@media (min-width:768px){
 .wz-more-sec:nth-child(2) ul{display:block;column-width:15em;column-gap:18px}
 .wz-more-sec:nth-child(2) li{break-inside:avoid;margin:0 0 4px}
 .wz-more-sec:nth-child(2) li:last-child{margin-bottom:0}
}
