/* Scoped mobile benefits, paper decoration and uncropped package heading. */
@media(max-width:900px){
 .package-content{position:relative;isolation:isolate;background:#f7f4eb}
 .package-content:before,.package-content:after{content:"";position:absolute;left:0;right:0;height:1100px;z-index:-1;pointer-events:none;background:url(assets/background-v2.webp) center -570px/900px auto no-repeat;opacity:.65;mask-image:linear-gradient(transparent,#000 6%,#000 85%,transparent)}
 .package-content:before{top:0}
 .package-content:after{bottom:0;background-position:center -570px;transform:scaleX(-1)}
 .benefits{padding:26px 18px}
 .benefit-title{width:200px;height:153px;margin:0 auto 18px}
 .benefit-title img{width:200px;top:-41px}
 .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
 .benefit-grid>div{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;justify-content:initial;text-align:left;gap:9px;padding:16px 8px;min-height:100px}
 .benefit-grid svg{width:30px;height:30px}
 .benefit-grid b{font-size:13px;line-height:1.55;word-break:keep-all}
 .benefit-grid small{font-size:10px;line-height:1.55;word-break:normal}
 .package-content .packages>h2{position:relative;width:100%;height:auto;aspect-ratio:3/1;overflow:visible;margin:0 0 26px}
 .package-content .packages>h2 img{position:static;display:block;width:100%;height:auto;max-width:100%;transform:none}
}
@media(min-width:600px) and (max-width:900px){
 .benefits{display:flex;align-items:center;gap:20px}
 .benefit-title{flex:0 0 180px;width:180px;height:137px;margin:0}
 .benefit-title img{width:180px;top:-37px}
 .benefit-grid{flex:1}
 .benefit-grid b{font-size:14px}
}
@media(max-width:360px){.benefits{padding-inline:12px}.benefit-grid>div{grid-template-columns:26px minmax(0,1fr);gap:7px;padding-inline:6px}.benefit-grid svg{width:26px;height:26px}.benefit-grid b{font-size:12px}}
@media(max-width:900px){
 .package-content:before{left:0;right:auto;width:110px;top:0;background-position:left -570px;opacity:.5;mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(transparent,#000 5%,#000 80%,transparent);mask-composite:intersect}
 .package-content:after{right:0;left:auto;width:110px;top:0;bottom:auto;background-position:right -570px;transform:none;opacity:.5;mask-image:linear-gradient(270deg,#000,transparent),linear-gradient(transparent,#000 5%,#000 80%,transparent);mask-composite:intersect}
}

/* Shared paper tone and Safari-safe lettering blend. */
.package-content>.closing{background:transparent;isolation:auto;mix-blend-mode:normal}
.package-content>.closing img{background:transparent;filter:brightness(1.16);mix-blend-mode:multiply}
@media(max-width:900px){
 .package-content{background-color:#f7f4eb;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Cfilter%20id%3D%22p%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.055%20.35%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23p)%22%20opacity%3D%22.065%22%2F%3E%3C%2Fsvg%3E");background-size:240px 240px;background-repeat:repeat}
 .package-content>.benefits,.package-content>.travel-info,.package-content>.packages,.package-content>.food,.package-content>.closing,.package-content>.stays{background-color:transparent;background-image:none}
 .benefit-title img,.packages>h2 img{filter:brightness(1.16);mix-blend-mode:multiply}
}

@media(max-width:900px){
.package-content>.stays{position:relative;isolation:isolate}
.stays:before,.stays:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:-1;pointer-events:none;background-image:url(assets/background-v2.webp);background-size:900px auto;background-repeat:no-repeat;opacity:.4}
.stays:before{left:0;background-position:left -570px;mask-image:linear-gradient(90deg,#000,transparent)}
.stays:after{right:0;background-position:right -570px;mask-image:linear-gradient(270deg,#000,transparent)}
}

/* Mobile information rows: consistent horizontal icon-and-copy alignment. */
@media(max-width:900px){
 .benefits{display:block;padding:28px 18px 18px}
 .benefit-title{width:200px;height:153px;margin:0 auto 22px}
 .benefit-title img{width:200px;top:-41px}
 .benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:0}
 .benefit-grid>div{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;align-content:center;column-gap:10px;padding:18px 10px;min-height:114px;border:0!important;border-bottom:1px solid #263d2724!important}
 .benefit-grid>div:nth-child(odd){border-right:1px solid #263d2724!important}
 .benefit-grid>div:nth-last-child(-n+2){border-bottom:0!important}
 .benefit-grid svg{width:30px;height:30px;margin:5px 0 0}
 .benefit-grid b{display:block;text-align:left;font-size:14px;font-weight:700;line-height:1.55;word-break:keep-all;min-height:44px}
 .benefit-grid small{font-size:11px;font-weight:450;line-height:1.5;margin-top:6px;white-space:normal;word-break:keep-all}
 .travel-info{display:flex;flex-direction:column;gap:0;padding:12px 24px 22px;text-align:left}
 .travel-info>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;align-content:center;gap:18px;width:100%;min-height:104px;padding:20px 8px;border:0!important;border-bottom:1px solid #263d2724!important;font-size:15px;line-height:1.65}
 .travel-info>div>svg{width:32px;height:32px;margin:0;justify-self:center}
 .travel-info>div>p{margin:0;word-break:keep-all;font-size:15px;line-height:1.65}
 .travel-info small{display:inline;font-size:13px;line-height:1.65}
 .travel-info>div:first-child br{display:none}
 .travel-info>div:first-child p{white-space:normal}
 .travel-info>div:first-child p:after{content:none}
 .travel-info>.hand{display:block;align-self:flex-end;width:auto;min-height:0;padding:24px 10px 6px;margin:0;font-size:30px;line-height:1.2;transform:rotate(-4deg);text-align:right}
 .travel-info>.hand br{display:none}
 .travel-info>.hand:after{width:180px;margin:7px 0 0 auto}
}
@media(max-width:360px){.benefits{padding-inline:12px}.benefit-grid>div{grid-template-columns:26px minmax(0,1fr);gap:8px;padding-inline:8px;min-height:122px}.benefit-grid svg{width:26px;height:26px}.benefit-grid b{font-size:13px}.benefit-grid small{font-size:10px}.travel-info{padding-inline:18px}.travel-info>div{gap:14px}}
@media(max-width:900px){.benefit-grid>div{align-content:start;padding-top:24px;padding-bottom:24px;min-height:126px}}

/* Continuous, softly masked edge foliage through the long mobile page. */
.paper-leaf-edges{display:none}
@media(max-width:900px){
 .package-content:before,.package-content:after,.stays:before,.stays:after{display:none}
 .paper-leaf-edges{display:block;position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
 .paper-leaf-edges>span{position:absolute;top:var(--leaf-y);width:110px;height:460px;background-image:url(assets/background-v2.webp);background-size:900px auto;background-repeat:no-repeat;opacity:.42;mask-composite:intersect}
 .paper-leaf-edges>.leaf-left{left:0;background-position:left -650px;mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(transparent,#000 15%,#000 75%,transparent)}
 .paper-leaf-edges>.leaf-right{right:0;background-position:right -560px;mask-image:linear-gradient(270deg,#000,transparent),linear-gradient(transparent,#000 15%,#000 75%,transparent)}
 .paper-leaf-edges>span:nth-child(4n+1){background-position:left -1070px}
 .paper-leaf-edges>span:nth-child(4n+2){background-position:right -830px}
}
@media(max-width:900px){
 .benefits{padding-top:22px;padding-bottom:16px}
 .benefit-title{margin-bottom:12px}
 .benefit-grid>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:9px;min-height:98px;padding:16px 8px}
 .benefit-grid svg{flex:0 0 28px;width:28px;height:28px;margin:0}
 .benefit-grid b{flex:0 1 auto;min-width:0;min-height:0;max-width:calc(100% - 37px);text-align:center;line-height:1.5}
 .benefit-grid small{margin-top:5px;line-height:1.45}
}
@media(max-width:360px){.benefit-grid>div{min-height:104px;padding:14px 5px;gap:7px}.benefit-grid svg{flex-basis:25px;width:25px;height:25px}.benefit-grid b{max-width:calc(100% - 32px)}}

/* Complete the mobile divider and center each information group. */
@media(max-width:900px){
 .benefit-grid>div:nth-child(4){border-bottom:1px solid #263d2724!important}
 .travel-info>div{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:18px}
 .travel-info>div>svg{flex:0 0 32px}
 .travel-info>div>p{flex:0 1 auto;min-width:0;text-align:center}
}

/* Use live lettering on mobile so iOS needs neither image blending nor cropping. */
.mobile-benefit-heading,.mobile-closing-copy{display:none}
@media(max-width:900px){
 .benefit-title{width:100%;height:auto;overflow:visible;position:relative;margin:0 auto 18px}
 .benefit-title>img,.package-content>.closing>img{display:none}
 .mobile-benefit-heading{display:block;text-align:center;color:#173d25;padding:4px 0 8px}
 .mobile-benefit-heading h2{font-family:Brush;font-size:58px;font-weight:400;line-height:.95;margin:0 0 14px;transform:none}
 .mobile-benefit-heading h2 br{display:block}
 .mobile-benefit-heading strong{display:inline-block;font-family:Sans;font-size:18px;line-height:1.5;font-weight:750;transform:rotate(-3deg);border-bottom:1px solid currentColor;padding:0 0 4px}
 .package-content>.closing{height:auto;min-height:0;padding:30px 22px 32px;overflow:visible;mix-blend-mode:normal}
 .mobile-closing-copy{display:block;width:100%;font-family:Brush;font-size:clamp(27px,7.8vw,40px);font-weight:400;line-height:1.18;text-align:center;color:#173d25;transform:rotate(-3deg)}
 .mobile-closing-copy>span{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px}
}
.package-content>.travel-info{border-bottom:0}