/* A dedicated mobile composition, with visible artwork and thumb-friendly discovery. */
.mobile-carousel-nav{display:none}
@media(max-width:760px){
 .announcement{display:none}
 .wild-hero{padding-top:18px}
 .hero-coordinate{font-size:6px;letter-spacing:.075em;min-height:16px;align-items:center}
 .hero-coordinate>span:last-child{font-size:6px;max-width:125px;line-height:1.5}
 .wild-hero-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "art" "copy" "action" "trust";padding-bottom:8px;min-height:0;align-items:start}
 .wild-copy{display:contents}
 .wild-copy h1{grid-area:title;text-align:center;font-family:var(--serif);font-size:clamp(54px,15.6vw,72px);font-weight:400;line-height:.8;letter-spacing:-.04em;max-width:none;width:100%;margin:17px 0 0;z-index:4;pointer-events:none}
 .title-mask{line-height:.8;padding-bottom:11px}
 .title-mask.serif-line{font-size:1.28em;line-height:.78;padding-top:0;padding-bottom:22px;margin-top:-2px;letter-spacing:-.045em;max-width:100%}
 .title-spark{width:22px;height:22px;right:14%;top:30%;opacity:.85}
 .orbital-scene{grid-area:art;width:min(100%,310px);height:270px;margin:-3px auto -1px;transform:none;max-width:100%;isolation:isolate}
 .orbit-lettering{inset:-3%;width:106%;height:106%;opacity:.9}
 .orbit-lettering text{font-size:13px;letter-spacing:2px}
 .orbit-one{width:94%;height:96%;left:3%;top:1%;border-color:#d2bc8d40}
 .orbit-two{width:72%;height:103%;left:15%;top:-3%;border-color:#f8edd928}
 .orbit-grid{opacity:.45;background-size:16px 16px}
 .blob-contour{inset:-4%;width:108%;height:108%;opacity:.45}
 .blob-contour path{stroke-width:1}
 .main-planet{width:66%;height:68%;top:13%;left:17%;z-index:3}
 .planet-blob{box-shadow:0 15px 45px #211e1b55;border:1px solid #e1d5ba22}
 .planet-caption{font:400 7px/1.35 var(--sans);bottom:14%;left:16%;width:68%;gap:6px;text-shadow:0 1px 6px #2a262255}
 .planet-caption>span:last-child{width:20px;height:20px;font-size:11px}
 .satellite{box-shadow:0 8px 20px #211e1b35;border-width:4px}
 .satellite-turmeric{left:0;top:54%;width:29%;height:32%;z-index:4}
 .satellite-turmeric>span{font-size:5px;bottom:18%;left:22%;line-height:1.5}
 .satellite-botanical{right:0;top:3%;width:27%;height:29%;z-index:4}
 .leaf-a{width:85px!important;height:135px!important;left:5%!important;top:0!important;background:#c9bda9;opacity:.32}
 .leaf-b{height:90px!important;width:53px!important;right:5%!important;bottom:8%!important;opacity:.5}
 .hero-burst{width:72px;height:72px;right:0;bottom:10%;z-index:5}
 .hero-burst>span{font-size:6px;line-height:1.4;letter-spacing:.015em}
 .orbit-corner{left:50%;bottom:0;transform:translateX(-50%);gap:9px;white-space:nowrap;font:400 6px/1.4 var(--sans);letter-spacing:.06em;padding:7px 11px;border:1px solid #d2bc8d30;border-radius:20px;background:#2a2622a6;backdrop-filter:blur(8px);color:#c9bda9;z-index:6}
 .orbit-corner span:first-child{color:var(--champagne)}
 .hero-ambient{width:270px;height:250px;top:26%;right:10%;background:radial-gradient(ellipse at 30% 40%,#c9bda930,#d2bc8d0d 65%);opacity:.75;filter:blur(12px)}
 .hero-ambient.small{left:-75px;top:55%;width:135px;height:155px;opacity:.5}
 .wild-copy p{grid-area:copy;justify-self:center;max-width:300px;margin:14px 0 17px;text-align:center;font:400 12px/1.75 var(--sans);color:#d1d0ca;z-index:4;pointer-events:none}
 .wild-copy>.pill-cta{grid-area:action;justify-self:center;min-height:48px;padding:7px 8px 7px 23px;gap:26px;font-size:12px;z-index:4}
 .wild-copy>.pill-cta .cta-icon{width:33px;height:33px}
 .hero-trust{grid-area:trust;justify-self:center;justify-content:center;font-size:6px;gap:18px;margin-top:17px;opacity:.75;z-index:4}
 .hero-bottom{margin-top:12px;padding:12px 0 15px;border-color:#d2bc8d22}
 .hero-selector{gap:9px;justify-content:center}
 .hero-selector button{min-height:35px;padding:7px 0;font-size:8px;gap:5px;letter-spacing:0}
 .hero-selector button>span{font-size:5px}
 .kinetic-ribbon{padding:12px 0}
 .ribbon-track>span{font-size:15px;gap:18px;padding-right:18px;letter-spacing:0}
 .ribbon-flower{font-size:21px}
 .living-intro{padding-top:35px;padding-bottom:38px}
 .intro-top{padding-bottom:22px}
 .reading-reveal{font-size:46px;line-height:1.05}
 .intro-bottom{gap:23px;margin-top:23px}
 .intro-bottom p{font-size:13px;line-height:1.85}
 .round-link{height:44px;width:44px}
 .wild-collections{padding-top:40px;overflow:hidden}
 .wild-section-head{margin-bottom:27px}
 .wild-section-head h2{font-size:63px;line-height:.9;margin-top:24px}
 .section-side{margin-top:25px;align-items:flex-end;gap:18px}
 .section-side p{font-size:12px;line-height:1.7;max-width:170px}
 .section-side .line-link{font-size:10px;max-width:135px}
 .collection-deck{position:relative;display:flex;flex-direction:row;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 1px 15px;align-items:stretch;-webkit-overflow-scrolling:touch;max-width:100%;touch-action:pan-x pan-y}
 .collection-deck::-webkit-scrollbar{display:none}
 .collection-deck>.collection-tile{flex:0 0 86%;min-width:0;scroll-snap-align:start;padding:15px;border-radius:10px;border:1px solid #2a26220a;box-shadow:0 3px 12px #2a262205;margin:0}
 .collection-deck .tile-top{font-size:6px;gap:10px;padding-bottom:17px;min-height:32px}
 .collection-deck .tile-top>span:first-child{font-size:9px}
 .collection-deck .tile-top>span:nth-child(2){margin-right:32px}
 .collection-deck .tile-photo{aspect-ratio:1.02;border-radius:115px 115px 8px 8px}
 .collection-deck .tile-content{padding-top:20px}
 .collection-deck .tile-content h3{font-size:37px;line-height:1.04}
 .collection-deck .tile-content p{font-size:11px;line-height:1.8;min-height:38px;margin:11px 0 16px}
 .collection-deck .tile-shopping{min-height:40px;font-size:11px;align-items:center;padding-top:11px;padding-bottom:0}
 .collection-deck .tile-open{width:35px;height:35px}
 .mobile-carousel-nav{display:flex;align-items:center;gap:10px;padding:7px 0 0;font-family:var(--sans)}
 .mobile-carousel-nav>output{font-size:10px;letter-spacing:.1em;color:#928065;min-width:48px}
 .mobile-carousel-nav>span{font-size:10px;color:var(--muted);margin-right:auto}
 .mobile-carousel-nav>button{width:44px;min-width:44px;height:44px;border:1px solid #c9bda7;border-radius:50%;background:transparent;color:var(--ink);font-size:17px;display:grid;place-items:center}
 .mobile-carousel-nav>button:active{background:#ddd0b5}
 .mobile-carousel-nav>button:disabled{opacity:.3}
 .finder-strip{padding-top:23px;padding-bottom:2px}
 .finder-strip>span{font-size:11px;line-height:1.8;margin-bottom:10px}
 .finder-strip .line-link{font-size:11px}
 .earth-scene{min-height:590px}
 .earth-content{padding-top:33px}
 .earth-content h2{font-family:var(--serif);font-size:92px;font-weight:400;letter-spacing:-.04em;margin-top:65px}
 .earth-content h2 em{font-size:1.3em}
 .earth-bottom p{font-size:13px;line-height:1.8}
 .earth-word{font-size:59px;letter-spacing:-.06em}
 .growing-story{padding-top:41px;padding-bottom:30px}
 .growth-sticky{min-height:250px}
 .growth-sticky h2{font-size:56px}
 .growth-graphic{height:195px;right:0;top:38px;opacity:.55}
 .growth-step{min-height:180px;padding:26px 0;gap:21px}
 .growth-copy p{font-size:13px;line-height:1.9}
 .farm-filmstrip{padding-top:40px}
 .film-frame{border-radius:5px;box-shadow:0 8px 25px #2a262207}
 .film-frame>div{border-radius:2px}
 .film-frame>span{font-size:8px}
 .wild-cta{padding-top:38px}
 .cta-heading h2{font-size:58px}
 .wild-cta .pill-cta{min-height:49px;font-size:12px}
 .btn:active,.pill-cta:active{transform:scale(.985)}
 .market-grid .market-card{border-radius:8px}
 .market-card h3{font-size:25px;line-height:1.08}
 .market-card-price strong{font-size:18px}
 .market-buy>button{min-height:44px;font-size:11px}
 .market-buy select{min-height:42px;font-size:12px}
 .mobile-contact-dock{border-radius:21px;box-shadow:0 8px 36px #211e1b45,0 0 0 4px #f5f0e708}
 .mobile-contact-dock>a{font-size:12px;min-height:49px}
 .mobile-contact-dock>.contact-whatsapp{box-shadow:inset 0 1px 0 #fff6}
 .mobile-contact-dock>.contact-call{background:#d2bc8d06}
 .mobile-contact-dock>a:active{transform:scale(.98)}
}
@media(max-width:360px){
 .wild-hero{padding-top:14px}
 .hero-coordinate{min-height:13px;font-size:5px}
 .hero-coordinate>span:last-child{font-size:5px;max-width:105px}
 .wild-copy h1{font-size:52px;margin-top:14px;line-height:.8}
 .title-mask{padding-bottom:9px}
 .title-mask.serif-line{font-size:1.25em;line-height:.75;padding-bottom:19px}
 .title-spark{width:19px;height:19px;right:11%;top:20%}
 .orbital-scene{width:min(100%,265px);height:222px;margin-top:-2px}
 .wild-copy p{font-size:11px;line-height:1.7;max-width:265px;margin:11px 0 13px}
 .wild-copy>.pill-cta{font-size:11px;min-height:46px;padding-left:20px;gap:23px}
 .hero-trust{display:none}
 .hero-bottom{margin-top:11px;padding-top:9px;padding-bottom:12px}
 .hero-selector button{font-size:7px;gap:5px;min-height:32px}
 .hero-selector button>span{font-size:5px}
 .hero-burst{width:61px;height:61px}
 .hero-burst>span{font-size:5px}
 .planet-caption{font-size:6px}
 .planet-caption>span:last-child{width:17px;height:17px;font-size:10px}
 .orbit-corner{font-size:5px;padding:6px 9px;gap:7px}
 .reading-reveal{font-size:42px}
 .wild-section-head h2{font-size:58px}
 .section-side p{font-size:11px;max-width:145px}
 .section-side .line-link{max-width:115px;font-size:9px}
 .collection-deck>.collection-tile{flex-basis:90%;padding:13px}
 .collection-deck .tile-content h3{font-size:34px}
 .collection-deck .tile-content p{font-size:10px}
 .mobile-carousel-nav>span{font-size:9px}
 .mobile-carousel-nav>output{font-size:9px;min-width:42px}
 .mobile-carousel-nav>button{width:42px;min-width:42px;height:42px}
 .growth-sticky h2{font-size:49px}
 .growth-graphic{width:140px;height:180px;top:40px;opacity:.42}
 .growth-copy h3{font-size:29px}
 .growth-copy p{font-size:12px}
 .cta-heading h2{font-size:51px}
 .market-card h3{font-size:22px;min-height:50px}
 .market-card-price strong{font-size:16px}
 .market-buy>button{font-size:10px}
 .mobile-contact-dock>a{font-size:11px}
}