/* Licensed webfont files are bundled for the client preview; verify production web-embedding rights before publishing. */
@font-face{font-family:'Phosphate Solid';src:url('fonts/Phosphate-Solid.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Bicyclette';src:url('fonts/Bicyclette-Regular.woff2') format('woff2');font-display:swap}
:root{--cream:#fcf7de;--ink:#373737;--muted:#929292;--orange:#ed794c;--content:1196px;--wide:1340px;--body:'Bicyclette',Arial,sans-serif;--display:'Phosphate Solid',Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}p{line-height:1.38}h1,h2,h3,p{margin-top:0}h1,h2,h3{margin-bottom:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.96}h2{font-size:clamp(32px,3.6vw,52px)}.skip-link{position:absolute;z-index:99;top:-50px;left:20px;background:white;padding:12px}.skip-link:focus{top:12px}.content-width{width:min(var(--content),calc(100% - 80px));margin-left:auto;margin-right:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:60px;padding:10px 25px;min-height:43px;font-size:16px;line-height:1.1;white-space:nowrap;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.icon-button:focus-visible,.map-pin:focus-visible,.strain-tab:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#181818}.button-light{background:white;color:var(--ink)}.button-outline{border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:9px 28px}.button-outline:hover{background:var(--ink);color:white}.button-weedmaps img,.nav-cta img{width:94px;max-height:25px;object-fit:contain}.button-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.site-header{height:91px;position:relative;z-index:50}.header-inner{height:100%;width:min(1240px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between}.logo-img{width:173px;max-height:75px;object-fit:contain;transform:rotate(-4deg)}.primary-nav{display:flex;align-items:center;gap:51px}.primary-nav>a:not(.button){font-size:16px;white-space:nowrap}.primary-nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{margin-left:20px;min-width:209px}.menu-toggle{display:none}
.image-panel{position:relative;overflow:hidden;border-radius:20px}.panel-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero{width:min(var(--wide),calc(100% - 96px));height:642px;margin:auto}.hero .panel-photo{object-position:center center}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,22,25,.50),transparent 63%),rgba(0,0,0,.04)}.hero-content{position:absolute;left:5%;bottom:97px;max-width:640px;color:white}.hero h1{font-size:clamp(55px,5.1vw,75px);white-space:nowrap}.hero p{font-size:18px;max-width:415px;margin:13px 0 25px}.section-space{padding:60px 0 76px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:52px}.section-heading p{margin:8px 0 0;font-size:18px}.product-heading{display:flex;justify-content:space-between;align-items:flex-end}.carousel-arrows{display:flex;gap:7px;padding-bottom:10px}.icon-button{background:none;border:0;color:var(--ink);font-size:29px;line-height:1;min-width:32px;min-height:40px}.product-viewport{overflow:hidden;padding-bottom:1px}.product-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{background:white;border-radius:10px;overflow:hidden;min-width:0}.product-image{height:312px;width:100%;object-fit:cover;background:#e8b07c}.product-info{padding:17px 17px 18px}.product-info h3{font-size:28px;text-transform:uppercase;min-height:32px}.product-info p{font-size:16px;color:#ababab;margin:3px 0 13px;min-height:21px}.product-info .button{width:100%;min-height:43px;padding:10px 7px}.product-info .button img{width:103px;max-height:23px}.usp{width:min(var(--wide),calc(100% - 96px));height:590px;margin:0 auto}.usp .panel-photo{object-position:center}.usp-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(50,33,30,.15),transparent 55%)}.usp-content{position:absolute;top:28%;left:8.8%;color:white}.usp h2{font-size:48px;margin-bottom:26px}.usp ul{padding:0;list-style:none;margin:0}.usp li{font-size:28px;display:flex;align-items:center;gap:22px;margin-bottom:16px}.usp li:before{content:'✓';font-size:21px;font-weight:bold}.story{min-height:670px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;column-gap:68px;padding:68px 0}.collage{height:550px;position:relative}.story-picture{position:absolute;object-fit:cover;width:47%;height:62%;border:15px solid #fffef6;border-bottom-width:58px;box-shadow:0 8px 16px rgba(54,43,22,.18)}.picture-maui{left:6%;top:27%;transform:rotate(-13deg)}.picture-thai{left:35%;top:8%;transform:rotate(9deg)}.postmark{position:absolute;display:grid;place-items:center;color:#302d25;font-family:Georgia,serif;font-size:25px;text-align:center;letter-spacing:3px;opacity:.75}.postmark-upper{top:3%;left:0;border:5px double #49402e;border-radius:50%;width:125px;height:125px;font-size:17px;line-height:1.1;transform:rotate(17deg)}.postmark-upper small{font-size:7px;letter-spacing:.6px}.postmark-lower{font-weight:bold;bottom:9%;right:7%;border:4px solid #554d38;padding:8px 16px;transform:rotate(-15deg);font-size:38px}.story-copy{padding:0 0 16px}.story-copy h2{font-size:clamp(38px,3.1vw,48px);max-width:510px;margin-bottom:22px}.story-copy p{font-size:18px;line-height:1.45;max-width:500px;margin:0 0 19px}.story-copy .button{margin-top:10px}
.explore{padding:0 0 95px}.explore .section-heading{margin-bottom:20px}.strain-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:37px}.strain-tab{background:transparent;border:1.4px solid #928a78;color:var(--ink);padding:6px 16px;font-size:13px;line-height:1.25;min-height:29px;border-radius:100px;transition:background .2s,color .2s,border-color .2s}.strain-tab:hover{border-color:var(--ink)}.strain-tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.explore-layout{display:grid;grid-template-columns:730fr 365fr;gap:min(7%,101px);align-items:start}.map-shell{position:relative;min-width:0;aspect-ratio:730/487}.world-map{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.map-pins{position:absolute;inset:0;z-index:2}.map-pin{position:absolute;border:2px solid white;transform:translate(-50%,-95%);height:20px;width:20px;display:grid;place-items:center;background:var(--ink);border-radius:50% 50% 50% 0;rotate:-45deg;box-shadow:0 1px 0 1px var(--ink),0 2px 6px #0005;transition:background .2s,scale .2s,box-shadow .2s;z-index:1}.map-pin::after{content:'';width:7px;height:7px;border-radius:50%;background:white;display:block;transform:rotate(45deg)}.map-pin:hover{scale:1.18;z-index:8}.map-pin[aria-pressed="true"]{background:#f47a48;scale:1.36;z-index:9;box-shadow:0 0 0 4px rgba(255,255,255,.85),0 0 0 6px var(--ink),0 3px 11px #0004}.pin-label{position:absolute;left:50%;bottom:140%;transform:translateX(-50%) rotate(45deg);background:var(--ink);color:#fff;border-radius:5px;padding:5px 8px;line-height:1.1;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.map-pin:hover .pin-label,.map-pin:focus-visible .pin-label{opacity:1}.map-instruction{position:absolute;bottom:-12px;left:0;font-size:12px;color:#77725f}.strain-feature{max-width:365px;min-height:424px}.strain-image-wrap{height:205px;overflow:hidden;border-radius:10px;margin-bottom:22px;background:#c9b884}.strain-image-wrap img{height:100%;width:100%;object-fit:cover}.strain-feature h3{font-size:37px;line-height:1.0;margin:0 0 13px}.strain-meta{font-size:14px;color:#83807a;margin:0 0 10px}.strain-description{font-size:14px;line-height:1.4;margin:0 0 18px;min-height:81px}.strain-feature .button{font-size:14px;min-height:40px;padding:9px 24px}.categories{width:min(1316px,calc(100% - 96px));margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.category{height:590px}.category .panel-photo{object-position:center}.category-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 56%)}.category-content{position:absolute;bottom:56px;left:60px;color:white}.category h2{font-family:var(--body);font-size:47px;font-weight:400;line-height:1.06;margin-bottom:23px}.category .button{min-width:181px}.preview-footer{border-top:1px solid #ddd6bd;max-width:1316px;margin:auto;padding:25px 0 35px;display:flex;gap:24px;justify-content:space-between;color:#7e7b6b;font-size:13px}.preview-footer>span:first-child{font-family:var(--display);font-size:22px;color:var(--ink)}.preview-footer a{text-decoration:underline}
@media(max-width:1100px){.header-inner{width:calc(100% - 64px)}.primary-nav{gap:23px}.nav-cta{margin-left:0;min-width:175px}.logo-img{width:142px}.product-track{gap:16px}.product-image{height:260px}.product-info h3{font-size:24px}.product-info .button{font-size:13px}.story{gap:25px}.story-copy p{font-size:16px}.explore-layout{gap:36px}.usp li{font-size:24px}}
@media(max-width:800px){.site-header{height:76px}.header-inner{width:calc(100% - 44px)}.logo-img{width:150px}.menu-toggle{display:flex;border:0;padding:12px 5px;flex-direction:column;gap:6px;background:none;z-index:2}.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink)}.primary-nav{position:absolute;top:76px;left:0;right:0;background:var(--cream);display:none;flex-direction:column;align-items:stretch;padding:18px 26px 28px;gap:0;box-shadow:0 10px 20px #0002}.primary-nav.is-open{display:flex}.primary-nav>a:not(.button){padding:14px 0}.primary-nav .nav-cta{align-self:flex-start;margin-top:12px}.content-width{width:calc(100% - 44px)}.hero,.usp{width:calc(100% - 32px)}.hero{height:565px}.hero .panel-photo{object-position:58% center}.hero-content{left:34px;right:30px;bottom:47px}.hero h1{font-size:clamp(43px,9vw,65px);white-space:normal}.hero p{font-size:16px;max-width:390px}.section-space{padding:55px 0 70px}.section-heading h2{font-size:43px}.product-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-track::-webkit-scrollbar{display:none}.product-card{flex:0 0 270px;scroll-snap-align:start}.product-image{height:286px}.usp{height:500px}.usp .panel-photo{object-position:60% center}.usp-content{top:24%;left:7%}.usp h2{font-size:41px}.usp li{font-size:22px}.story{grid-template-columns:1fr;gap:15px;padding-top:40px;padding-bottom:70px}.collage{height:410px;max-width:560px;width:100%;margin:auto}.story-copy{padding:0 10px}.story-copy h2{font-size:45px}.explore{padding-bottom:65px}.strain-tabs{gap:7px;margin-bottom:30px}.explore-layout{grid-template-columns:1fr;gap:38px}.map-shell{max-width:730px;width:100%}.strain-feature{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.2fr);max-width:none;column-gap:25px;min-height:0}.strain-image-wrap{grid-row:span 4;height:235px;margin-bottom:0}.strain-feature h3{align-self:end}.strain-description{min-height:0}.strain-feature .button{justify-self:start}.categories{width:calc(100% - 32px);gap:14px;margin-bottom:45px}.category{height:450px}.category-content{left:26px;bottom:31px}.category h2{font-size:34px}.preview-footer{margin:0 22px}}
@media(max-width:560px){.hero{height:540px}.hero .panel-photo{object-position:59% center}.hero-content{left:25px;right:22px;bottom:35px}.hero h1{font-size:49px}.hero p{max-width:280px;line-height:1.35}.button-group{gap:8px}.button{font-size:13px;padding:10px 18px}.button-weedmaps img{width:83px}.section-heading h2{font-size:38px}.section-heading p{font-size:15px}.carousel-arrows{padding-bottom:0}.product-card{flex-basis:250px}.usp{height:450px}.usp .panel-photo{object-position:70% center}.usp-content{top:17%;left:8%;right:10px}.usp h2{max-width:250px;font-size:36px}.usp li{font-size:18px;gap:14px;margin-bottom:15px}.collage{height:330px}.story-picture{border-width:9px;border-bottom-width:35px}.postmark-upper{height:90px;width:90px;font-size:12px}.postmark-lower{font-size:26px}.story-copy{padding:0}.story-copy h2{font-size:39px}.story-copy p{font-size:16px}.explore .section-heading{margin-bottom:18px}.strain-tab{font-size:12px;padding:6px 11px}.strain-tabs{margin-bottom:16px}.map-shell{margin-bottom:14px}.map-pin{width:15px;height:15px}.map-pin::after{width:5px;height:5px}.map-instruction{bottom:-22px}.strain-feature{display:block}.strain-image-wrap{height:225px;margin-bottom:19px}.strain-feature h3{font-size:38px}.strain-description{font-size:14px}.categories{grid-template-columns:1fr;gap:15px}.category{height:405px}.category h2{font-size:34px}.category-content{left:30px;bottom:30px}.preview-footer{display:grid;gap:12px;padding:25px 0 35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ==== Figma-exported image integration & refinements ==== */
.logo-img{transform:rotate(0deg)}
.product-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:2px}
.product-track::-webkit-scrollbar{display:none}
.product-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
.product-image{object-position:center center}
.usp .panel-photo,.hero .panel-photo{object-position:center center}
.usp-overlay{background:linear-gradient(90deg,rgba(35,30,27,.18),transparent 54%)}
.usp li:before{content:'';display:block;width:24px;height:18px;flex:0 0 24px;background:url('assets/checkmark.svg') center / contain no-repeat}
.story{min-height:670px;grid-template-columns:1.15fr 1fr;column-gap:62px}
.collage{height:560px;overflow:visible}
.story-picture{border:0;box-shadow:none;object-fit:contain;height:auto;position:absolute}
.picture-maui{left:2%;top:23%;width:61%;transform:none;z-index:3}
.picture-thai{left:44%;top:0%;width:63%;transform:none;z-index:2}
.travel-stamp{position:absolute;object-fit:contain;pointer-events:none}
.stamp-one{left:27%;top:2%;width:37%;height:auto;z-index:4}
.stamp-two{left:21%;top:60%;width:41%;height:auto;z-index:5}
.stamp-three{left:65%;top:79%;width:36%;height:auto;z-index:5}
.world-map,.world-grid{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.world-grid{z-index:1}
.map-pins{z-index:3}
.map-pin{transform:translate(-50%,-95%) rotate(-45deg);rotate:none;scale:1;transition:background .2s,scale .2s,box-shadow .2s}
.map-pin::after{transform:none}
.map-pin[aria-pressed="true"]{scale:1.37}
.map-pin:hover{scale:1.2}
.map-pin[aria-pressed="true"]:hover{scale:1.42}
.category .panel-photo{object-position:center center}
.category-content{bottom:56px}
@media(max-width:1100px){.product-card{flex:0 0 calc((100% - 48px)/4)}.product-track{gap:16px}.story{gap:26px}}
@media(max-width:800px){.product-card{flex:0 0 270px}.product-track{gap:16px}.story{grid-template-columns:1fr;gap:25px}.collage{width:min(100%,550px);height:460px}.picture-maui{left:3%;width:54%}.picture-thai{left:42%;width:58%}}
@media(max-width:560px){.product-card{flex:0 0 250px}.collage{height:345px}.stamp-one{top:4%}.stamp-two{top:66%}.stamp-three{top:81%}.map-pin{width:18px;height:18px}}

/* ===== Phase 1 review refinements ===== */
/* Filled buttons invert rather than translate; outline buttons become filled. */
.button{transition:background-color .22s ease,color .22s ease,border-color .22s ease;transform:none!important}
.button:hover{transform:none!important}
.button-dark:hover{background:#fff;color:var(--ink);border-color:var(--ink)}
.button-light:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.button-outline:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.button-dark:hover img{filter:brightness(0) saturate(100%) invert(23%)}
.button-dark img{transition:filter .22s ease}
.button-weedmaps img,.nav-cta img{width:105px;height:23px;max-height:23px;flex:0 0 auto}
.product-info .button img{width:105px;height:23px;max-height:23px}
/* Both large landscape panels extend closer to the screen edges and are taller. */
.hero{width:min(1390px,calc(100% - 50px));height:690px}
.usp{width:min(1390px,calc(100% - 50px));height:630px}
.hero .panel-photo,.usp .panel-photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-content{left:6.5%;bottom:95px}
/* The hover picture crossfades over the package render for every strain. */
.product-image-wrap{position:relative;overflow:hidden;height:312px;background:#e8b07c}
.product-image-wrap .product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}
.product-image-wrap .product-lifestyle{opacity:0}
.product-card:hover .product-lifestyle,.product-card:focus-within .product-lifestyle{opacity:1}
.product-card:hover .product-packaging,.product-card:focus-within .product-packaging{opacity:0}
.carousel-arrows .icon-button{opacity:1;transition:opacity .2s ease}
.carousel-arrows .icon-button:hover{opacity:.45}
.product-track{scrollbar-width:none;overscroll-behavior-x:contain}
.product-card{scroll-snap-align:start}
/* Stamps are behind the original cutout Polaroid graphics. */
.collage{isolation:isolate}
.story-picture{position:absolute;z-index:3}
.picture-maui{left:2%;top:24%;width:61%;z-index:4}
.picture-thai{left:44%;top:0%;width:63%;z-index:3}
.travel-stamp{z-index:1!important;pointer-events:none}
.stamp-one{left:26%;top:3%;width:37%}
.stamp-two{left:21%;top:61%;width:41%}
.stamp-three{left:65%;top:78%;width:36%}
/* Use original user-supplied MapPin silhouette, not generated CSS geometry. */
.map-pin,.map-pin:hover,.map-pin[aria-pressed="true"],.map-pin[aria-pressed="true"]:hover{
  border:0;background:transparent;box-shadow:none;border-radius:0;
  rotate:none;scale:1;transform:translate(-50%,-90%);width:26px;height:34px;padding:0;
  overflow:visible;transition:transform .2s ease,filter .2s ease;
}
.map-pin:after{display:none!important}
.map-pin .pin-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));pointer-events:none}
.map-pin:hover,.map-pin:focus-visible{transform:translate(-50%,-90%) scale(1.18);z-index:8}
.map-pin[aria-pressed="true"]{transform:translate(-50%,-90%) scale(1.27);z-index:9}
.map-pin[aria-pressed="true"]:hover{transform:translate(-50%,-90%) scale(1.36)}
.map-pin .pin-label{left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);opacity:0;background:var(--ink);color:#fff;box-shadow:0 2px 5px #0002}
.map-pin:hover .pin-label,.map-pin:focus-visible .pin-label{opacity:1}
/* More landscape presence for the sativa and indica panels. */
.categories{width:min(1390px,calc(100% - 50px));gap:20px;margin-bottom:0}
.category{height:635px}
.category-content{left:60px;bottom:60px}
/* Newsletter leads the new dark footer. */
.site-footer{background:var(--ink);color:var(--cream);margin-top:94px}
.footer-inner{width:min(1240px,calc(100% - 90px));margin:0 auto}
.footer-signup{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr);column-gap:clamp(42px,8vw,125px);align-items:end;padding:105px 0 98px}
.footer-eyebrow{display:block;font:12px var(--body);letter-spacing:.16em;text-transform:uppercase;opacity:.69;margin-bottom:27px}
.signup-intro h2{font:400 clamp(56px,5.45vw,80px)/.97 var(--display);margin:0 0 24px;letter-spacing:.005em}
.signup-intro p{font-size:18px;line-height:1.48;max-width:520px;margin:0;color:#f7efdc}
.newsletter-form{padding-bottom:6px}
.newsletter-form label{display:block;font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}
.email-field{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(252,247,222,.62);padding:0 0 12px}
.email-field input{appearance:none;background:none;border:0;outline:0;min-width:0;flex:1;padding:12px 0;color:var(--cream);font:16px var(--body)}
.email-field input::placeholder{color:#c5bfad;opacity:1}
.email-field input:focus-visible{box-shadow:0 2px 0 var(--cream)}
.email-field button{border:1px solid var(--cream);min-width:145px;gap:15px;padding:12px 20px}
.email-field button span{font-size:22px;line-height:.7}
.email-field button:hover{border-color:var(--cream);background:transparent;color:var(--cream)}
.newsletter-status{min-height:21px;font-size:12px;max-width:470px;color:#eee3c5;margin:10px 0 0;line-height:1.4}
.footer-rule{border-bottom:1px solid rgba(252,247,222,.32)}
.footer-bottom{display:grid;grid-template-columns:1.45fr .65fr 1fr;gap:70px;padding:72px 0 76px}
.footer-logo{width:min(320px,100%);height:auto;margin-bottom:15px}
.footer-brand>p{font-size:15px;margin:0;color:#f1e8d1}
.footer-social{margin-top:41px}
.footer-social .footer-eyebrow{margin:0 0 9px}
.footer-social>a{font-size:23px;line-height:1.1;display:inline-block;text-decoration:underline;text-underline-offset:5px}
.footer-social>a:hover{opacity:.7}
.footer-social>a span{font-size:18px}
.footer-social p{color:#d5cebd;max-width:300px;font-size:13px;line-height:1.5;margin:13px 0 0}
.footer-links h3{font:400 25px/1.1 var(--display);margin:1px 0 26px;color:var(--cream)}
.footer-links a{font-size:15px;display:block;margin-bottom:15px;transition:opacity .15s ease}
.footer-links a:hover{opacity:.62;text-decoration:underline;text-underline-offset:3px}
.footer-strain-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.footer-legal{border-top:1px solid rgba(252,247,222,.28);padding:24px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#ddd6c4}
.footer-legal a:hover{text-decoration:underline}
@media(max-width:1100px){
 .product-image-wrap{height:260px}
 .footer-signup{column-gap:42px}.footer-inner{width:calc(100% - 70px)}.footer-bottom{gap:40px}
}
@media(max-width:800px){
 .hero,.usp{width:calc(100% - 32px)}
 .hero{height:595px}.usp{height:535px}
 .product-image-wrap{height:286px}
 .categories{width:calc(100% - 32px)}.category{height:495px}
 .footer-inner{width:calc(100% - 52px)}
 .footer-signup{display:block;padding:75px 0 62px}
 .signup-intro h2{font-size:clamp(52px,8vw,70px)}.signup-intro p{max-width:530px}
 .newsletter-form{max-width:570px;margin-top:45px}
 .footer-bottom{grid-template-columns:1.1fr 1fr;gap:52px 35px;padding:58px 0 57px}
 .footer-brand{grid-row:span 2}.footer-strain-list{grid-template-columns:1fr 1fr}
 .footer-links h3{font-size:24px}
 .map-pin,.map-pin:hover,.map-pin[aria-pressed="true"]{width:22px;height:29px}
}
@media(max-width:560px){
 .hero{height:565px}.hero-content{left:25px;bottom:37px}
 .usp{height:477px}.usp-content{top:18%}
 .product-image-wrap{height:286px}
 .map-pin,.map-pin:hover,.map-pin[aria-pressed="true"]{width:19px;height:25px}
 .category{height:450px}.category-content{left:30px;bottom:33px}
 .site-footer{margin-top:65px}
 .footer-inner{width:calc(100% - 44px)}
 .footer-signup{padding:63px 0 53px}
 .signup-intro h2{font-size:clamp(50px,13vw,67px);margin-bottom:22px}
 .signup-intro p{font-size:16px}
 .newsletter-form{margin-top:39px}
 .email-field{gap:10px}
 .email-field input{font-size:14px}
 .email-field button{min-width:121px;padding:11px 12px;font-size:13px;gap:8px}
 .footer-bottom{grid-template-columns:1fr 1fr;gap:42px 16px;padding:47px 0 42px}
 .footer-brand{grid-column:1/-1;grid-row:auto}
 .footer-logo{width:270px}.footer-social{margin-top:28px}
 .footer-links h3{font-size:23px}
 .footer-strain-list{display:block}
 .footer-links a{font-size:13px;line-height:1.3;margin-bottom:13px}
 .footer-legal{padding:22px 0 27px;align-items:flex-start;gap:16px}
}
@media(prefers-reduced-motion:reduce){.product-image-wrap .product-image,.carousel-arrows .icon-button{transition:none!important}}
/* Make charcoal map silhouettes legible even when plotted over dark land masses. */
.map-pin .pin-art{filter:drop-shadow(0 0 1.3px #fcf6de) drop-shadow(0 0 2.2px #fcf6de) drop-shadow(0 2px 2px rgba(0,0,0,.28))}
@media(max-width:560px){body{overflow-x:clip}}


/* ===== Revision 3: edge-to-edge rhythm, reference-accurate collage, and footer ===== */
/* A restrained 20px desktop gutter is shared by all prominent image groups. */
:root{--hero-edge:40px;--landscape-width:1400px}
.hero,.usp{width:min(var(--landscape-width),calc(100% - var(--hero-edge)))}
.hero{height:720px}
.usp{height:655px}
.categories{width:min(var(--landscape-width),calc(100% - var(--hero-edge)));gap:20px}
.category{height:655px}
/* No black stroke on Weedmaps CTAs outside product cards. */
.button-weedmaps,.nav-cta,.button-weedmaps:hover,.nav-cta:hover{border:0!important}
/* Stamp and photo placement follows the supplied screenshot: circular stamp upper-left,
   Tanzania postmark tucked lower-left, VISA half-hidden beneath the Thai Polaroid. */
.collage{height:525px;isolation:isolate}
.story-picture{height:auto;object-fit:contain;position:absolute}
.picture-thai{left:46%;top:1%;width:52%;z-index:3}
.picture-maui{left:14%;top:22%;width:57%;z-index:4}
.travel-stamp{position:absolute;z-index:1!important;object-fit:contain;pointer-events:none}
.stamp-one{left:10%;top:4%;width:32%;height:auto}
.stamp-two{left:1%;top:64%;width:31%;height:auto}
.stamp-three{left:64%;top:67%;width:38%;height:auto}
.story{margin-bottom:72px}
/* Footer retains its newsletter focal point, removing the two requested taglines. */
.footer-signup{padding-top:106px}
.signup-intro h2{margin-top:0}
.footer-brand-visuals{display:flex;align-items:center;gap:15px;max-width:100%;min-height:160px}
.footer-brand-visuals>a{display:block;flex:1 1 61%;min-width:0}
.footer-brand-visuals .footer-logo{display:block;width:100%;max-width:300px;height:auto;margin:0}
.footer-sticker{display:block;flex:0 0 auto;width:min(37%,176px);height:auto;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 8px 7px rgba(0,0,0,.23))}
.footer-social{margin-top:32px}
@media(max-width:800px){
 :root{--hero-edge:32px}
 .hero{height:610px}.usp{height:550px}.category{height:515px}
 .story{margin-bottom:55px}
 .collage{height:475px;max-width:560px}
 .picture-thai{left:46%;top:1%;width:52%}
 .picture-maui{left:14%;top:22%;width:57%}
 .stamp-one{left:10%;top:4%;width:32%}
 .stamp-two{left:1%;top:64%;width:31%}
 .stamp-three{left:64%;top:67%;width:38%}
 .footer-brand-visuals{max-width:400px;min-height:130px}
 .footer-sticker{width:min(36%,156px)}
}
@media(max-width:560px){
 .hero{height:580px}.usp{height:495px}.category{height:470px}
 .story{margin-bottom:43px}
 .collage{height:355px}
 .picture-thai{left:46%;top:2%;width:52%}
 .picture-maui{left:14%;top:23%;width:57%}
 .stamp-one{left:10%;top:4%;width:32%}
 .stamp-two{left:1%;top:65%;width:31%}
 .stamp-three{left:64%;top:67%;width:38%}
 .footer-brand-visuals{min-height:110px}
 .footer-brand-visuals .footer-logo{max-width:250px}
 .footer-sticker{width:min(37%,150px)}
}


/* ===== Revision 4: directional header, precise 50px landscape gutters, quieter footer ===== */
/* Header remains available on upward scrolling, then moves out of view on downward scrolling. */
.site-header{position:sticky;top:0;z-index:100;background:var(--cream);transition:transform .26s ease;transform:translateY(0)}
.site-header.is-hidden{transform:translateY(calc(-100% - 1px))}
.logo-img{width:195px;max-height:85px}
#main > section[id], .site-footer {scroll-margin-top:98px}
/* Exactly 50px on EACH side at desktop widths. Unrestricted max width keeps that proportion on large screens. */
:root{--panel-gutter:50px}
.hero,.usp,.categories{width:calc(100% - (var(--panel-gutter) * 2));max-width:none}
/* Sticker becomes a prominent, unshadowed accent directly above the email submission form. */
.footer-brand-visuals{min-height:0;display:block}
.footer-brand-visuals>a{display:block;max-width:320px}
.footer-brand-visuals .footer-logo{max-width:320px;width:100%;height:auto}
.footer-sticker{display:block;width:min(280px,70%);max-width:100%;height:auto;margin:0 0 35px 8px;object-fit:contain;transform:rotate(-7deg);filter:none!important}
.newsletter-form{min-width:0}
@media(max-width:1100px){
 .logo-img{width:163px;max-height:81px}
}
@media(max-width:800px){
 :root{--panel-gutter:24px}
 .logo-img{width:167px;max-height:73px}
 .footer-sticker{width:245px;margin-bottom:34px}
 #main > section[id], .site-footer{scroll-margin-top:82px}
}
@media(max-width:560px){
 :root{--panel-gutter:16px}
 .logo-img{width:165px;max-height:73px}
 .footer-sticker{width:218px;margin:0 0 32px 8px}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}


/* ===== Revision 5: supplied photography and new scene placements ===== */
/* The original Built for the Journey traveler scene is now the homepage hero.
   Keep the subject in the right half of the frame and breathing room for the left copy. */
.hero .panel-photo{object-position:53% center}
/* The new sunlit Locale travel flat-lay has its devices on the right,
   leaving room for the USP list over the open warm paper area on the left. */
.usp .panel-photo{object-position:50% center}
@media(max-width:800px){
 .hero .panel-photo{object-position:70% center}
 .usp .panel-photo{object-position:59% center}
}
@media(max-width:560px){
 .hero .panel-photo{object-position:87% center}
 .usp .panel-photo{object-position:64% center}
 /* A subtle shade maintains readable white copy over the light flat-lay. */
 .usp-overlay{background:linear-gradient(90deg,rgba(29,22,17,.30),rgba(29,22,17,.10) 80%)}
}


/* ===== Revision 6: editorial refinements (2026-10-15) ===== */
/* Navigation stays understated: opacity, never underlines. */
.primary-nav > a:not(.button){transition:opacity .18s ease;text-decoration:none}
.primary-nav > a:not(.button):hover{opacity:.56;text-decoration:none}
.footer-links a:hover,.footer-legal a:hover{text-decoration:none;opacity:.62}

/* Hi-resolution supplied logo has a longer, slim proportion.
   Reserve air between its lower edge and the hero. */
.site-header{height:110px}
.logo{align-self:flex-start;margin-top:10px;flex-shrink:0}
.logo-img{width:208px;max-height:none;height:auto;transform:rotate(-3deg)}
.hero{height:770px}
#main > section[id],.site-footer{scroll-margin-top:116px}

/* Five products visible on desktop while maintaining the infinite track. */
.products .content-width{width:min(1540px,calc(100% - 100px));max-width:none}
.product-track{gap:20px}
.product-card{flex:0 0 calc((100% - 80px) / 5)}
.product-image-wrap{height:auto;aspect-ratio:280 / 312}
.product-info h3{font-size:26px}

/* More space for the map and selected strain panel, with no font-size changes. */
.explore.content-width{width:min(1480px,calc(100% - 100px));max-width:none}
.explore-layout{grid-template-columns:minmax(0,1.9fr) minmax(340px,.93fr);gap:clamp(40px,4.5vw,88px)}
.strain-feature{max-width:none}
.strain-image-wrap{height:clamp(205px,18vw,255px)}

/* Introduce an intentional gap below the decorative stamp before the input. */
.footer-sticker{margin-bottom:64px}
.footer-links a{transition:opacity .18s ease}
@media(max-width:1250px){
 .product-card{flex-basis:calc((100% - 40px) / 3)}
 .products .content-width{width:calc(100% - 88px)}
 .explore-layout{grid-template-columns:minmax(0,1.75fr) minmax(310px,.95fr);gap:35px}
}
@media(max-width:800px){
 .site-header{height:84px}
 .logo{margin-top:5px}
 .logo-img{width:177px;max-height:none}
 .primary-nav{top:84px}
 .hero{height:650px}
 .products .content-width{width:calc(100% - 80px)}
 .product-card{flex-basis:270px}
 .product-image-wrap{height:286px;aspect-ratio:auto}
 .explore.content-width{width:calc(100% - 80px)}
 .explore-layout{grid-template-columns:1fr;gap:30px}
 .strain-image-wrap{height:240px}
 .footer-sticker{margin-bottom:55px}
 #main > section[id],.site-footer{scroll-margin-top:91px}
}
@media(max-width:560px){
 .site-header{height:83px}
 .logo-img{width:172px}
 .primary-nav{top:83px}
 .hero{height:625px}
 .products .content-width{width:calc(100% - 44px)}
 .product-card{flex-basis:250px}
 .explore.content-width{width:calc(100% - 44px)}
 .strain-image-wrap{height:205px}
 .footer-sticker{margin-bottom:51px}
}

/* ===== Shared Shop mega navigation: homepage + product detail ===== */
.site-header .primary-nav > .shop-menu { flex:0 0 auto; }
.shop-trigger {
  display:inline-flex; align-items:center; justify-content:flex-start; gap:9px;
  background:transparent; border:0; color:var(--ink); padding:10px 0;
  font-family:var(--body); font-size:16px; line-height:1.2; white-space:nowrap;
  transition:opacity .18s ease;
}
.shop-trigger:hover,.shop-menu.is-open > .shop-trigger{opacity:.60}
.shop-trigger:focus-visible,.shop-dropdown a:focus-visible{
  outline:3px solid var(--orange); outline-offset:3px; border-radius:3px;
}
.shop-chevron {
  display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);
  transition:transform .2s ease;
}
.shop-menu.is-open .shop-chevron{transform:translateY(2px) rotate(225deg)}
.shop-dropdown {
  position:absolute; top:calc(100% - 3px); left:50%; z-index:100;
  width:min(1080px,calc(100vw - 100px));
  background:#fffdf3; color:var(--ink); padding:27px 34px 33px;
  border:1px solid rgba(55,55,55,.13);border-radius:0 0 17px 17px;
  box-shadow:0 25px 38px rgba(28,25,14,.15);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translate(-50%,-8px); transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.shop-menu.is-open .shop-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.shop-dropdown-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #e6ddc7;font-size:11px;letter-spacing:.16em;font-weight:700}
.shop-dropdown-heading > a{font-size:11px;transition:opacity .18s ease}
.shop-dropdown-heading > a:hover{opacity:.62}
.shop-dropdown-grid{display:grid;grid-template-columns:1.42fr 1fr 1fr;gap:33px;padding-top:22px}
.shop-group + .shop-group{border-left:1px solid #e6ddc7;padding-left:30px}
.shop-group h2{font-size:32px;line-height:1.07;margin:0 0 4px}
.shop-group h2 a{display:inline-flex;align-items:baseline;gap:6px;transition:opacity .18s ease}
.shop-group h2 a span{font-family:var(--body);font-size:17px;font-weight:400}
.shop-group h2 a:hover{opacity:.63}
.shop-group-heading p{font-size:12px;color:#756f61;margin:0 0 18px}
.shop-strain-list{display:grid;gap:5px}
.shop-group-all-strains .shop-strain-list{grid-template-columns:1fr 1fr;column-gap:13px}
.shop-strain-link{font-size:13px;line-height:1.2;padding:5px 0;display:block;transition:opacity .18s ease;max-width:100%}
.shop-strain-link:hover{opacity:.55}
/* Leave the page-level checkout CTA untouched. */
@media(min-width:801px) and (max-width:1150px){
 .primary-nav{gap:clamp(14px,2.4vw,29px)}
 .shop-dropdown{width:calc(100vw - 80px)}
 .shop-dropdown-grid{gap:22px}
 .shop-group + .shop-group{padding-left:22px}
}
@media(max-width:800px){
 .primary-nav{max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain}
 .site-header .shop-menu{width:100%;flex:none}
 .shop-trigger{width:100%;padding:14px 0;justify-content:space-between}
 .shop-dropdown,.shop-menu.is-open .shop-dropdown{
   position:static;width:100%;transform:none;box-shadow:none;border:0;
   background:#f5efd7;padding:15px 16px 20px;border-radius:11px;
   display:none;opacity:1;visibility:visible;pointer-events:auto;
 }
 .shop-menu.is-open .shop-dropdown{display:block}
 .shop-dropdown-heading{align-items:flex-start;flex-direction:column;gap:9px;padding-bottom:14px;line-height:1.4}
 .shop-dropdown-grid{grid-template-columns:1fr;gap:20px;padding-top:16px}
 .shop-group + .shop-group{border-left:0;border-top:1px solid #ddd2b5;padding:18px 0 0}
 .shop-group h2{font-size:28px}
 .shop-group-heading p{margin-bottom:8px}
 .shop-strain-link{font-size:14px;padding:7px 0}
 .shop-strain-list{grid-template-columns:1fr 1fr;gap:2px 11px}
}
@media(max-width:560px){
 .primary-nav{max-height:calc(100dvh - 83px)}
 .shop-dropdown,.shop-menu.is-open .shop-dropdown{padding:15px 13px 18px}
 .shop-group h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
 .shop-dropdown,.shop-chevron,.shop-trigger{transition:none}
}