@font-face{font-family:BeachletCampaign;src:url('beachlet-popup-heading.ttf') format('truetype');font-weight:700 900;font-display:swap}
.bh-campaign{background:#fff;color:#2d2a26;font-family:Inter,Arial,sans-serif}
.bh-campaign .bl-hero-copy{max-width:680px}
.bh-campaign .bl-hero-copy h1,.bh-campaign .bl-hero-copy h2{font:700 36px/44px BeachletCampaign,'Arial Narrow',sans-serif;letter-spacing:.5px}
.bh-campaign .bl-hero-copy p{max-width:600px}
.bh-campaign-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:20px 0 24px;scroll-margin-top:80px}
.bh-campaign-tile{display:block;min-width:0;color:#2d2a26;text-decoration:none}
.bh-campaign-tile__media{position:relative;aspect-ratio:.79;overflow:hidden;background:#e6e4df}
.bh-campaign-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.bh-campaign-tile span{display:block;padding:12px 24px 0;font:700 16px/20px BeachletCampaign,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.2px}
.bh-campaign-tile:hover span{text-decoration:underline;text-underline-offset:4px}
.bh-home.bh-campaign .bl-editorial-touts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;background:#fff}
.bh-home.bh-campaign .bl-editorial-tout{aspect-ratio: .8;background:#c0b5a5}
.bh-home.bh-campaign .bl-editorial-tout::after{background:linear-gradient(180deg,transparent 50%,rgba(22,24,21,.35) 100%)}
.bh-home.bh-campaign .bl-editorial-tout__copy{left:24px;right:24px;bottom:40px;max-width:550px}
.bh-home.bh-campaign .bl-editorial-tout__copy h2{font:700 30px/36px BeachletCampaign,'Arial Narrow',sans-serif;letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px}
.bh-home.bh-campaign .bl-editorial-tout__copy p{font:400 16px/24px Inter,Arial,sans-serif;max-width:520px;margin:0 0 24px}
.bh-home.bh-campaign .bl-editorial-tout__link{padding:0;min-width:0;background:transparent;color:#fff;text-align:left;font:700 12px/16px Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.bh-home.bh-campaign .bl-editorial-tout:hover .bl-editorial-tout__link{background:transparent}
.bh-campaign-statement{padding:96px 24px 104px;text-align:center;scroll-margin-top:80px}
.bh-campaign-statement h2{max-width:800px;margin:0 auto;font:700 36px/48px BeachletCampaign,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#2d2a26}
.bh-campaign-statement p{max-width:600px;margin:24px auto 0;font:400 13px/20px Inter,Arial,sans-serif}
.bh-campaign-statement a{display:inline-block;margin-top:20px;color:inherit;font:600 12px/16px Inter,Arial,sans-serif;text-underline-offset:4px}
.bh-campaign a:focus-visible{outline:2px solid #2d2a26;outline-offset:4px}
.bh-campaign .bl-editorial-tout:focus-visible{outline-color:#fff;outline-offset:-6px}
@media(max-width:767px){
 .bh-campaign .bl-hero-copy{padding:20px 20px 48px;max-width:none}
 .bh-campaign .bl-hero-copy h1,.bh-campaign .bl-hero-copy h2{font-size:30px;line-height:36px}
 .bh-campaign-destinations{gap:12px;padding:12px 12px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .bh-campaign-tile span{padding:10px 0 0;font-size:14px;line-height:18px}
 .bh-home.bh-campaign .bl-editorial-touts{grid-template-columns:1fr;gap:12px}
 .bh-home.bh-campaign .bl-editorial-tout__copy{left:20px;right:20px;bottom:28px}
 .bh-home.bh-campaign .bl-editorial-tout__copy h2{font-size:24px;line-height:30px;margin-bottom:8px}
 .bh-home.bh-campaign .bl-editorial-tout__copy p{font-size:14px;line-height:20px;margin-bottom:20px;max-width:360px}
 .bh-campaign-statement{padding:64px 24px}
 .bh-campaign-statement h2{font-size:28px;line-height:36px;letter-spacing:.35px}
}
.bl-home-shop{scroll-margin-top:80px;padding:40px 24px;background:#fff;color:#2d2a26}
.bl-home-shop__head{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:24px;row-gap:8px;margin-bottom:28px}
.bl-home-shop__head>div:first-child{min-width:0}
.bl-home-shop h2{margin:0;font:700 32px/38px BeachletCampaign,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.4px}
.bl-home-shop__head p{margin:8px 0 0;max-width:560px;font:400 13px/20px Inter,Arial,sans-serif}
.bl-home-shop__footer{display:flex;justify-content:center;margin-top:28px}
.bl-home-shop__primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 28px;background:#2d2a26;color:#fff;text-decoration:none;font:600 12px/20px Inter,Arial,sans-serif;white-space:nowrap}
.bl-home-shop__primary:hover{background:#49443e}
.bl-home-shop__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab}
.bl-home-shop__grid::-webkit-scrollbar{display:none}
.bl-home-shop__grid:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.bl-home-shop__grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.bl-home-shop__grid img{-webkit-user-drag:none;user-select:none}
.bl-home-shop__controls{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:0;margin:-5px -12px 0 0}
.bl-home-shop__controls[hidden]{display:none}
.bl-home-shop__controls button{display:grid;place-items:center;width:40px;height:40px;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer}
.bl-home-shop__controls svg{display:block;width:16px;height:16px}
.bl-home-shop__controls button:disabled{opacity:.5;cursor:default}
.bl-home-shop__controls button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.bl-home-shop__card{min-width:0;scroll-snap-align:start}
.bl-home-shop__image{position:relative;display:block;aspect-ratio:1;background:#f6f5f3;overflow:hidden}
.bl-home-shop__image img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.bl-home-shop__image .bl-home-shop__alternate{opacity:0;transition:opacity .15s ease-in-out;pointer-events:none}
@media(hover:hover) and (pointer:fine){.bl-home-shop__card:hover .bl-home-shop__alternate{opacity:1}.bl-home-shop__grid.is-dragging .bl-home-shop__alternate{opacity:0}}
.bl-home-shop__image:focus-visible .bl-home-shop__alternate{opacity:1}
@media(prefers-reduced-motion:reduce){.bl-home-shop__image .bl-home-shop__alternate{transition:none}}
.bl-home-shop__meta{display:flex;justify-content:space-between;gap:10px;padding:14px 0 12px}
.bl-home-shop__meta span{font:400 10px/16px Inter,Arial,sans-serif;text-transform:uppercase;color:#746e68}
.bl-home-shop h3{margin:2px 0 0;font:500 13px/18px Inter,Arial,sans-serif}
.bl-home-shop h3 a{color:inherit;text-decoration:none}
.bl-home-shop__meta p{margin:18px 0 0;font:400 12px/18px Inter,Arial,sans-serif;white-space:nowrap}
.bl-home-shop__buy{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 0;border-top:1px solid #ded9d3;font:500 12px/18px Inter,Arial,sans-serif;color:inherit;text-decoration:none}
.bl-home-shop__buy:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.bl-home-shop{padding:32px 16px}.bl-home-shop__head{column-gap:4px;row-gap:18px;margin-bottom:24px}.bl-home-shop__head>div:first-child{grid-column:1;grid-row:1}.bl-home-shop h2{font-size:28px;line-height:34px}.bl-home-shop__head p{font-size:12px;line-height:18px}.bl-home-shop__footer{margin-top:24px}.bl-home-shop__grid{grid-auto-columns:44%;gap:12px}.bl-home-shop__meta{display:block;padding-top:10px}.bl-home-shop__meta p{margin:6px 0 0}.bl-home-shop__meta span{font-size:9px}}
.bl-custom-colorways{position:absolute;inset:0;display:block}
.bl-home-shop__card--custom .bl-custom-colorways img{opacity:0;transition:opacity 900ms ease-in-out}
.bl-home-shop__card--custom .bl-custom-colorways img.is-active{opacity:1}
