#marley-onepage-app{--yellow:#f5c800;--black:#0a0a0a;--ink:#121212;--paper:#f4f0e7;--white:#fffdf7;--red:#e1262f;--green:#138943;--ease:cubic-bezier(.2,.75,.2,1);--mx:0;--my:0;--header-h:92px}#marley-onepage-app *{box-sizing:border-box}#marley-onepage-app{scroll-behavior:smooth}#marley-onepage-app{margin:0;color:var(--ink);background:var(--paper);font-family:"Inter",Arial,sans-serif;overflow-x:hidden}#marley-onepage-app.is-loading{overflow:hidden}#marley-onepage-app a{color:inherit;text-decoration:none}#marley-onepage-app button{font:inherit}#marley-onepage-app img{display:block;max-width:100%}#marley-onepage-app ::selection{background:var(--yellow);color:var(--black)}
#marley-onepage-app .loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--yellow);transition:opacity .6s var(--ease),visibility .6s var(--ease)}#marley-onepage-app .loader.is-hidden{opacity:0;visibility:hidden}#marley-onepage-app .loader img{width:min(220px,45vw)}#marley-onepage-app .loader__line{position:absolute;bottom:12vh;width:min(320px,62vw);height:3px;background:rgba(0,0,0,.18);overflow:hidden}#marley-onepage-app .loader__line span{display:block;width:35%;height:100%;background:var(--black);animation:loading 1s var(--ease) infinite alternate}@keyframes loading{to{transform:translateX(190%)}}
#marley-onepage-app .cursor,#marley-onepage-app .cursor-dot{position:fixed;left:0;top:0;z-index:9998;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#marley-onepage-app .cursor{width:42px;height:42px;border:1px solid rgba(255,255,255,.72);mix-blend-mode:difference;transition:width .2s,height .2s}#marley-onepage-app .cursor-dot{width:5px;height:5px;background:white;mix-blend-mode:difference}#marley-onepage-app .cursor.is-hovering{width:70px;height:70px}@media(pointer:coarse){#marley-onepage-app .cursor,#marley-onepage-app .cursor-dot{display:none}}
#marley-onepage-app .site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,4vw,64px);color:var(--black);transition:height .35s var(--ease),background .35s,color .35s,backdrop-filter .35s}#marley-onepage-app .site-header.is-scrolled{height:70px;background:rgba(10,10,10,.88);color:white;backdrop-filter:blur(16px)}#marley-onepage-app .brand{width:125px;position:relative;z-index:2}#marley-onepage-app .brand img{width:100%;transition:transform .35s var(--ease)}#marley-onepage-app .brand:hover img{transform:rotate(-3deg) scale(1.05)}#marley-onepage-app .main-nav{display:flex;align-items:center;gap:clamp(22px,3vw,46px)}#marley-onepage-app .main-nav a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative}#marley-onepage-app .main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}#marley-onepage-app .main-nav a:hover::after{transform:scaleX(1);transform-origin:left}#marley-onepage-app .nav-cta{border:1px solid currentColor;border-radius:999px;padding:12px 18px;transition:background .25s,color .25s}#marley-onepage-app .nav-cta:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}#marley-onepage-app .menu-toggle{display:none}
#marley-onepage-app .hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.15fr);align-items:center;gap:3vw;padding:calc(var(--header-h) + 42px) clamp(22px,5vw,80px) 54px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px) 0 0/9vw 100%,var(--yellow)}#marley-onepage-app .hero::after{content:"";position:absolute;right:-8vw;top:0;width:52%;height:100%;background:var(--black);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}#marley-onepage-app .hero__ambient{position:absolute;inset:0;pointer-events:none}#marley-onepage-app .orb{position:absolute;border-radius:50%;opacity:.32}#marley-onepage-app .orb--one{width:220px;height:220px;background:var(--red);left:41%;top:16%;animation:drift 9s ease-in-out infinite alternate}#marley-onepage-app .orb--two{width:130px;height:130px;background:var(--green);left:52%;bottom:12%;animation:drift 7s 1s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate(50px,35px) scale(1.15)}}#marley-onepage-app .scribble{position:absolute;left:-2vw;bottom:-14vw;font-family:"Bebas Neue",Impact,sans-serif;font-size:42vw;line-height:1;color:rgba(0,0,0,.035);transform:rotate(-10deg)}#marley-onepage-app .hero__copy{position:relative;z-index:3;max-width:680px}#marley-onepage-app .eyebrow,#marley-onepage-app .section-kicker{margin:0 0 24px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.18em;text-transform:uppercase}#marley-onepage-app .hero__title,#marley-onepage-app .product-heading h2,#marley-onepage-app .moments h2,#marley-onepage-app .attitude h2,#marley-onepage-app .buy h2{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:.83}#marley-onepage-app .title-line{display:block;font-size:clamp(84px,10.5vw,184px)}#marley-onepage-app .title-line--outline{color:transparent;-webkit-text-stroke:2px var(--black)}#marley-onepage-app .hero__lead{max-width:510px;margin:34px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.55}#marley-onepage-app .hero__actions{display:flex;align-items:center;gap:14px;margin-top:34px}#marley-onepage-app .button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 22px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s var(--ease),background .25s,color .25s}#marley-onepage-app .button span{font-size:18px}#marley-onepage-app .button--dark{background:var(--black);color:white;border-color:var(--black)}#marley-onepage-app .button--dark:hover{background:transparent;color:var(--black)}#marley-onepage-app .button--light{background:white;color:var(--black);border-color:white}#marley-onepage-app .button--light:hover{background:var(--yellow);border-color:var(--yellow)}#marley-onepage-app .button--yellow{background:var(--yellow);color:var(--black);border-color:var(--yellow)}#marley-onepage-app .button--yellow:hover{background:transparent;color:white}#marley-onepage-app .sound-pill{min-height:54px;border:1px solid rgba(0,0,0,.3);border-radius:999px;padding:0 18px;display:flex;gap:10px;align-items:center;background:transparent;color:var(--black);cursor:pointer}#marley-onepage-app .sound-bars{height:15px;display:flex;align-items:center;gap:2px}#marley-onepage-app .sound-bars i{width:2px;height:5px;background:currentColor}#marley-onepage-app .sound-pill[aria-pressed=true] .sound-bars i{animation:bars .6s ease-in-out infinite alternate}#marley-onepage-app .sound-pill[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.2s}#marley-onepage-app .sound-pill[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.35s}@keyframes bars{to{height:15px}}
#marley-onepage-app .hero__stage{min-height:670px;position:relative;z-index:3;display:grid;place-items:center;perspective:1200px}#marley-onepage-app .hero-product{width:min(610px,48vw);position:relative;z-index:5;filter:drop-shadow(0 45px 34px rgba(0,0,0,.42));transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*11px),0) rotateY(calc(var(--mx)*4deg)) rotateX(calc(var(--my)*-3deg));animation:packFloat 4.4s ease-in-out infinite;will-change:transform}@keyframes packFloat{0%,100%{margin-top:0}50%{margin-top:-20px}}#marley-onepage-app .product-shadow{position:absolute;z-index:1;bottom:9%;width:54%;height:10%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(22px);animation:shadowPulse 4.4s ease-in-out infinite}@keyframes shadowPulse{50%{transform:scale(.87);opacity:.7}}#marley-onepage-app .orbit{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.17);border-radius:50%}#marley-onepage-app .orbit--outer{width:610px;height:610px;animation:spin 18s linear infinite}#marley-onepage-app .orbit--inner{width:450px;height:450px;border-style:dashed;animation:spin 13s linear infinite reverse}@keyframes spin{to{rotate:360deg}}#marley-onepage-app .orbit-copy{position:absolute;z-index:1;width:550px;height:550px;animation:spin 22s linear infinite}#marley-onepage-app .orbit-copy text{fill:rgba(255,255,255,.55);font-size:13px;font-weight:700;letter-spacing:4.4px}#marley-onepage-app .hero-sticker{position:absolute;z-index:6;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--yellow);color:var(--black);font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;box-shadow:0 10px 30px rgba(0,0,0,.25)}#marley-onepage-app .hero-sticker--top{top:19%;right:5%;rotate:9deg}#marley-onepage-app .hero-sticker--bottom{bottom:16%;left:2%;width:102px;height:48px;border-radius:2px;rotate:-8deg;background:var(--red);color:white}#marley-onepage-app .hero__side-note{position:absolute;z-index:4;left:52%;bottom:6%;color:white;display:flex;gap:14px;align-items:flex-start}#marley-onepage-app .hero__side-note span{font-family:"Bebas Neue";font-size:32px;color:var(--yellow)}#marley-onepage-app .hero__side-note p{margin:2px 0 0;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}#marley-onepage-app .scroll-note{position:absolute;z-index:4;left:34px;bottom:28px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;rotate:-90deg;transform-origin:left center}#marley-onepage-app .scroll-note span{display:block;width:36px;height:1px;background:currentColor}
#marley-onepage-app .ticker{height:58px;display:flex;align-items:center;overflow:hidden;background:var(--black);color:var(--yellow);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}#marley-onepage-app .ticker__track{flex:none;display:flex;align-items:center;gap:25px;min-width:max-content;animation:ticker 22s linear infinite;font-family:"Bebas Neue",Impact,sans-serif;font-size:28px;letter-spacing:.05em}#marley-onepage-app .ticker__track i{font-style:normal;font-size:13px;color:white}@keyframes ticker{to{transform:translateX(-50%)}}
#marley-onepage-app .product-section{padding:130px clamp(22px,5vw,80px);background:var(--paper)}#marley-onepage-app .product-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:40px;margin-bottom:70px}#marley-onepage-app .product-heading h2,#marley-onepage-app .moments h2,#marley-onepage-app .attitude h2{font-size:clamp(74px,10vw,160px)}#marley-onepage-app .product-heading h2 em,#marley-onepage-app .moments h2 em,#marley-onepage-app .attitude h2 em{font-style:normal;color:var(--yellow);-webkit-text-stroke:1.5px var(--black)}#marley-onepage-app .product-heading>p{max-width:430px;margin:0 0 8px auto;font-size:clamp(16px,1.4vw,20px);line-height:1.6}#marley-onepage-app .product-lab{--product-accent:var(--yellow);min-height:720px;position:relative;display:grid;grid-template-columns:230px minmax(360px,1fr) minmax(260px,.72fr);overflow:hidden;color:white;background:var(--black);transition:background .55s var(--ease),color .55s var(--ease)}#marley-onepage-app .product-lab[data-product-theme=white]{background:#e8e5df;color:var(--black)}#marley-onepage-app .product-lab::before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(90deg,currentColor 1px,transparent 1px) 0 0/12.5% 100%;pointer-events:none}#marley-onepage-app .product-lab__nav{position:relative;z-index:5;padding:30px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid currentColor}#marley-onepage-app .product-tab{position:relative;width:100%;padding:22px 0;display:flex;align-items:baseline;gap:12px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;text-align:left;cursor:pointer;font-weight:700;opacity:.42;transition:opacity .25s,transform .25s}#marley-onepage-app .product-tab span{font-size:10px}#marley-onepage-app .product-tab:hover,#marley-onepage-app .product-tab.is-active{opacity:1;transform:translateX(8px)}#marley-onepage-app .product-tab.is-active::before{content:"";position:absolute;left:-30px;top:50%;width:20px;height:3px;background:var(--product-accent)}#marley-onepage-app .product-lab__visual{min-width:0;position:relative;display:grid;place-items:center;perspective:900px}#marley-onepage-app .product-lab__visual img{width:min(610px,46vw);max-height:650px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 42px 32px rgba(0,0,0,.4));transition:opacity .25s,transform .6s var(--ease);transform:rotateY(calc(var(--mx)*5deg)) rotateX(calc(var(--my)*-4deg))}#marley-onepage-app .product-lab__visual img.is-changing{opacity:0;transform:scale(.88) rotate(6deg)}#marley-onepage-app .product-word{position:absolute;z-index:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(140px,24vw,420px);color:transparent;-webkit-text-stroke:1px currentColor;opacity:.08;line-height:1}#marley-onepage-app .product-halo{position:absolute;z-index:1;width:min(34vw,510px);aspect-ratio:1;border-radius:50%;background:var(--product-accent);transition:background .45s;animation:haloPulse 5s ease-in-out infinite}@keyframes haloPulse{50%{transform:scale(1.08)}}#marley-onepage-app .drag-note{position:absolute;left:24px;bottom:22px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;opacity:.5}#marley-onepage-app .product-lab__info{position:relative;z-index:5;padding:55px 48px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid currentColor}#marley-onepage-app .product-index{margin:0 0 28px;font-size:11px;font-weight:800;letter-spacing:.14em}#marley-onepage-app .product-lab__info h3{margin:0;max-width:420px;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(54px,5vw,84px);line-height:.94;font-weight:400}#marley-onepage-app .product-description{margin:26px 0 34px;max-width:380px;line-height:1.65;opacity:.7}#marley-onepage-app .product-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:25px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}#marley-onepage-app .product-specs strong{display:block;font-family:"Bebas Neue";font-size:34px;font-weight:400}#marley-onepage-app .product-specs span{display:block;margin-top:3px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}#marley-onepage-app .text-link{width:fit-content;display:inline-flex;align-items:center;gap:34px;margin-top:34px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}#marley-onepage-app .text-link span{font-size:20px;color:var(--product-accent)}
#marley-onepage-app .statement{position:relative;padding:130px clamp(22px,5vw,80px);overflow:hidden;color:white;background:var(--black)}#marley-onepage-app .statement::before{content:"";position:absolute;width:50vw;height:50vw;border-radius:50%;right:-20vw;top:-24vw;background:var(--red)}#marley-onepage-app .statement__line{position:relative;display:flex;align-items:center;gap:40px;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(86px,13vw,210px);line-height:.84;white-space:nowrap}#marley-onepage-app .statement__line img{width:clamp(120px,15vw,240px);rotate:-8deg}#marley-onepage-app .statement__line--right{justify-content:flex-end;color:var(--yellow)}#marley-onepage-app .statement__small{position:relative;max-width:560px;margin:70px 0 0 auto;font-size:clamp(16px,1.4vw,20px);line-height:1.7;opacity:.68}
#marley-onepage-app .moments{padding:130px clamp(22px,4vw,64px);background:var(--paper)}#marley-onepage-app .moments__intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}#marley-onepage-app .moments__intro .section-kicker{align-self:flex-start}#marley-onepage-app .moments__intro h2{text-align:right}#marley-onepage-app .moment-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:690px;border:1px solid var(--black)}#marley-onepage-app .moment-card{min-width:0;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--black);transform-style:preserve-3d;transition:transform .18s ease}#marley-onepage-app .moment-card:last-child{border-right:0}#marley-onepage-app .moment-card--events{background:var(--yellow);color:var(--black)}#marley-onepage-app .moment-card--stream{background:var(--red);color:white}#marley-onepage-app .moment-card--football{background:var(--green);color:white}#marley-onepage-app .moment-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.26));pointer-events:none}#marley-onepage-app .moment-card__number{position:relative;z-index:4;font-size:10px;font-weight:800;letter-spacing:.14em}#marley-onepage-app .moment-card__copy{position:relative;z-index:5;transform:translateZ(40px)}#marley-onepage-app .moment-card__copy p{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#marley-onepage-app .moment-card__copy h3{margin:6px 0;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(62px,6vw,102px);line-height:.9;font-weight:400}#marley-onepage-app .moment-card__copy span{font-size:13px;opacity:.75}#marley-onepage-app .moment-card>img{position:absolute;z-index:3;width:86%;left:18%;top:7%;filter:drop-shadow(0 35px 25px rgba(0,0,0,.35));transition:transform .65s var(--ease);transform:translateZ(60px) rotate(5deg)}#marley-onepage-app .moment-card:hover>img{transform:translate3d(-20px,-18px,60px) rotate(-2deg) scale(1.04)}#marley-onepage-app .card-effect{position:absolute;inset:0;pointer-events:none}#marley-onepage-app .card-effect--lights span{position:absolute;top:-18%;width:28%;height:70%;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent);clip-path:polygon(48% 0,55% 0,100% 100%,0 100%);filter:blur(8px);opacity:.4;animation:lights 4s ease-in-out infinite alternate}#marley-onepage-app .card-effect--lights span:nth-child(1){left:0;rotate:18deg}#marley-onepage-app .card-effect--lights span:nth-child(2){left:38%;animation-delay:1s}#marley-onepage-app .card-effect--lights span:nth-child(3){right:-5%;rotate:-18deg;animation-delay:2s}@keyframes lights{to{translate:35px 0;opacity:.72}}#marley-onepage-app .card-effect--chat i{position:absolute;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-style:normal;font-size:12px;animation:chat 6s linear infinite}#marley-onepage-app .card-effect--chat i:nth-child(1){left:8%;top:20%}#marley-onepage-app .card-effect--chat i:nth-child(2){right:7%;top:30%;animation-delay:-2s}#marley-onepage-app .card-effect--chat i:nth-child(3){left:16%;top:54%;animation-delay:-4s}#marley-onepage-app .card-effect--chat i:nth-child(4){right:17%;top:66%;animation-delay:-1s}@keyframes chat{50%{transform:translateY(-22px) scale(1.12)}}#marley-onepage-app .card-effect--pitch{inset:12%;border:1px solid rgba(255,255,255,.28);border-radius:50%;animation:spin 16s linear infinite}#marley-onepage-app .card-effect--pitch::before,#marley-onepage-app .card-effect--pitch::after{content:"";position:absolute;inset:22%;border:1px solid rgba(255,255,255,.22);border-radius:50%}#marley-onepage-app .card-effect--pitch::after{inset:42%;background:rgba(255,255,255,.14)}
#marley-onepage-app .attitude{min-height:850px;position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;overflow:hidden;padding:110px clamp(22px,5vw,80px);color:white;background:var(--black)}#marley-onepage-app .attitude::before{content:"";position:absolute;left:-20%;bottom:-62%;width:78vw;height:78vw;border-radius:50%;background:var(--yellow)}#marley-onepage-app .attitude__copy{position:relative;z-index:3;max-width:720px}#marley-onepage-app .attitude__copy p:not(.section-kicker){max-width:610px;margin:36px 0;font-size:clamp(16px,1.35vw,20px);line-height:1.7;opacity:.7}#marley-onepage-app .attitude h2 em{color:var(--yellow);-webkit-text-stroke-color:white}#marley-onepage-app .attitude__visual{position:relative;z-index:2;align-self:end;min-height:720px}#marley-onepage-app .attitude__circle{position:absolute;right:5%;top:7%;width:78%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%}#marley-onepage-app .attitude__circle::before,#marley-onepage-app .attitude__circle::after{content:"";position:absolute;inset:12%;border:inherit;border-radius:inherit}#marley-onepage-app .attitude__circle::after{inset:28%}#marley-onepage-app .mascot{position:absolute;z-index:3;right:-3%;bottom:-2%;width:min(680px,54vw);filter:drop-shadow(0 40px 35px rgba(0,0,0,.55))}#marley-onepage-app .floating-pack{position:absolute;z-index:4;width:180px;filter:drop-shadow(0 22px 20px rgba(0,0,0,.4))}#marley-onepage-app .floating-pack--one{left:3%;top:12%;rotate:-12deg;animation:packDrift 5s ease-in-out infinite}#marley-onepage-app .floating-pack--two{right:-1%;top:21%;rotate:11deg;animation:packDrift 6s 1s ease-in-out infinite reverse}@keyframes packDrift{50%{translate:0 -20px;rotate:3deg}}#marley-onepage-app .attitude__stamp{position:absolute;z-index:4;left:46%;top:12%;width:110px;height:110px;display:grid;place-items:center;border:2px solid var(--yellow);border-radius:50%;color:var(--yellow);font-family:"Bebas Neue";font-size:28px;line-height:.8;text-align:center;rotate:-12deg}
#marley-onepage-app .buy{min-height:740px;position:relative;overflow:hidden;display:grid;place-items:center;align-content:center;padding:110px 22px;text-align:center;color:white;background:var(--red)}#marley-onepage-app .buy::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(245,200,0,.8),transparent 25%),radial-gradient(circle at 85% 77%,rgba(19,137,67,.8),transparent 26%);mix-blend-mode:multiply}#marley-onepage-app .buy__logo{position:relative;z-index:2;width:min(340px,62vw);margin-bottom:30px}#marley-onepage-app .buy h2{position:relative;z-index:2;font-size:clamp(100px,16vw,250px);line-height:.76}#marley-onepage-app .buy>p{position:relative;z-index:2;margin:30px 0;font-size:18px}#marley-onepage-app .buy .button{position:relative;z-index:4}#marley-onepage-app .buy__pack-wall{position:absolute;inset:0;pointer-events:none}#marley-onepage-app .buy__pack-wall img{position:absolute;width:clamp(170px,23vw,360px);filter:drop-shadow(0 30px 25px rgba(0,0,0,.28))}#marley-onepage-app .buy__pack-wall img:nth-child(1){left:-5%;bottom:-13%;rotate:16deg}#marley-onepage-app .buy__pack-wall img:nth-child(2){right:-5%;top:-14%;rotate:-17deg}#marley-onepage-app .buy__pack-wall img:nth-child(3){right:10%;bottom:-30%;rotate:8deg;opacity:.58}
#marley-onepage-app .site-footer{padding:50px clamp(22px,5vw,80px) 28px;color:white;background:var(--black)}#marley-onepage-app .site-footer__top{display:grid;grid-template-columns:170px 1fr auto;gap:40px;align-items:center;padding-bottom:40px}#marley-onepage-app .site-footer__top img{width:145px}#marley-onepage-app .site-footer__top p{margin:0;max-width:340px;font-size:12px;line-height:1.6;opacity:.55}#marley-onepage-app .social{display:flex;gap:10px}#marley-onepage-app .social a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:10px;font-weight:800;transition:background .25s,color .25s}#marley-onepage-app .social a:hover{background:var(--yellow);color:var(--black)}#marley-onepage-app .site-footer__bottom{display:flex;gap:30px;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.09em;text-transform:uppercase;opacity:.55}#marley-onepage-app .site-footer__bottom span{margin-right:auto}#marley-onepage-app .reveal{opacity:0;transform:translateY(36px);transition:opacity .85s var(--ease),transform .85s var(--ease)}#marley-onepage-app .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){#marley-onepage-app .hero{grid-template-columns:.85fr 1.15fr}#marley-onepage-app .hero__stage{min-height:590px}#marley-onepage-app .orbit--outer{width:510px;height:510px}#marley-onepage-app .orbit--inner{width:380px;height:380px}#marley-onepage-app .orbit-copy{width:470px;height:470px}#marley-onepage-app .hero-product{width:min(580px,56vw)}#marley-onepage-app .product-lab{grid-template-columns:190px 1fr}#marley-onepage-app .product-lab__info{grid-column:1/-1;border-left:0;border-top:1px solid currentColor;min-height:390px}#marley-onepage-app .product-lab__visual{min-height:650px}#marley-onepage-app .product-lab__info{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:40px;align-content:center}#marley-onepage-app .product-lab__info .product-index,#marley-onepage-app .product-lab__info h3{grid-column:1}#marley-onepage-app .product-description,#marley-onepage-app .product-specs,#marley-onepage-app .text-link{grid-column:2}#marley-onepage-app .product-description{grid-row:1/3;align-self:end;margin-top:0}#marley-onepage-app .moment-card>img{width:100%;left:10%}}
@media(max-width:820px){#marley-onepage-app{--header-h:78px}#marley-onepage-app .site-header{padding:14px 20px}#marley-onepage-app .brand{width:105px}#marley-onepage-app .menu-toggle{position:relative;z-index:102;display:grid;gap:6px;width:48px;height:48px;place-content:center;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent}#marley-onepage-app .menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .3s}#marley-onepage-app .menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}#marley-onepage-app .menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}#marley-onepage-app .main-nav{position:fixed;inset:0;z-index:101;display:flex;flex-direction:column;justify-content:center;background:var(--black);color:white;transform:translateX(100%);transition:transform .5s var(--ease)}#marley-onepage-app .main-nav.is-open{transform:translateX(0)}#marley-onepage-app .main-nav a{font-family:"Bebas Neue";font-size:42px;font-weight:400}#marley-onepage-app .main-nav .nav-cta{font-family:"Inter";font-size:12px;margin-top:20px}#marley-onepage-app .hero{min-height:auto;grid-template-columns:1fr;padding:calc(var(--header-h) + 48px) 20px 42px}#marley-onepage-app .hero::after{top:auto;bottom:0;right:0;width:100%;height:54%;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}#marley-onepage-app .title-line{font-size:clamp(82px,25vw,145px)}#marley-onepage-app .hero__lead{max-width:390px;margin-top:22px}#marley-onepage-app .hero__stage{min-height:530px}#marley-onepage-app .hero-product{width:min(570px,96vw)}#marley-onepage-app .orbit--outer{width:460px;height:460px}#marley-onepage-app .orbit--inner{width:330px;height:330px}#marley-onepage-app .orbit-copy{width:420px;height:420px}#marley-onepage-app .hero__side-note{left:22px;bottom:28px}#marley-onepage-app .hero-sticker--top{right:2%;top:15%}#marley-onepage-app .scroll-note,#marley-onepage-app .sound-pill{display:none}#marley-onepage-app .product-section,#marley-onepage-app .statement,#marley-onepage-app .moments{padding:90px 20px}#marley-onepage-app .product-heading{grid-template-columns:1fr;gap:26px}#marley-onepage-app .product-heading h2,#marley-onepage-app .moments h2,#marley-onepage-app .attitude h2{font-size:clamp(72px,22vw,122px)}#marley-onepage-app .product-heading>p{margin-left:0}#marley-onepage-app .product-lab{grid-template-columns:1fr}#marley-onepage-app .product-lab__nav{padding:12px 18px;flex-direction:row;overflow-x:auto;justify-content:flex-start;border-right:0;border-bottom:1px solid currentColor}#marley-onepage-app .product-tab{min-width:150px;padding:17px 8px;border-bottom:0;border-right:1px solid currentColor}#marley-onepage-app .product-tab.is-active::before{left:8px;top:auto;bottom:0;width:calc(100% - 16px)}#marley-onepage-app .product-tab:hover,#marley-onepage-app .product-tab.is-active{transform:none}#marley-onepage-app .product-lab__visual{min-height:570px}#marley-onepage-app .product-lab__visual img{width:min(560px,100vw)}#marley-onepage-app .product-halo{width:min(74vw,410px)}#marley-onepage-app .product-lab__info{grid-column:auto;display:block;min-height:0;padding:45px 24px}#marley-onepage-app .product-description,#marley-onepage-app .product-specs,#marley-onepage-app .text-link{grid-column:auto}#marley-onepage-app .statement__line{white-space:normal;flex-wrap:wrap;gap:20px}#marley-onepage-app .statement__line--right{text-align:right}#marley-onepage-app .statement__small{margin-top:55px}#marley-onepage-app .moments__intro{display:block}#marley-onepage-app .moments__intro h2{text-align:left}#marley-onepage-app .moment-grid{grid-template-columns:1fr}#marley-onepage-app .moment-card{min-height:600px;border-right:0;border-bottom:1px solid var(--black)}#marley-onepage-app .moment-card:last-child{border-bottom:0}#marley-onepage-app .moment-card>img{width:min(540px,94%);left:18%;top:1%}#marley-onepage-app .attitude{min-height:auto;grid-template-columns:1fr;padding:90px 20px 0}#marley-onepage-app .attitude::before{width:120vw;height:120vw;left:-54%;bottom:-38%}#marley-onepage-app .attitude__visual{min-height:650px;margin-top:20px}#marley-onepage-app .mascot{width:min(680px,98vw);right:-8%}#marley-onepage-app .floating-pack{width:135px}#marley-onepage-app .attitude__stamp{left:auto;right:20px;top:30px}#marley-onepage-app .buy{min-height:680px}#marley-onepage-app .buy__pack-wall img:nth-child(3){display:none}#marley-onepage-app .site-footer__top{grid-template-columns:1fr}#marley-onepage-app .site-footer__bottom{flex-wrap:wrap}#marley-onepage-app .site-footer__bottom span{width:100%;margin-right:0}}
@media(max-width:520px){#marley-onepage-app .hero__actions{align-items:stretch}#marley-onepage-app .button{width:100%}#marley-onepage-app .hero-sticker{width:72px;height:72px;font-size:24px}#marley-onepage-app .hero-sticker--bottom{width:88px;height:42px}#marley-onepage-app .orbit--outer{width:370px;height:370px}#marley-onepage-app .orbit--inner{width:280px;height:280px}#marley-onepage-app .orbit-copy{width:350px;height:350px}#marley-onepage-app .hero__stage{min-height:470px}#marley-onepage-app .hero__side-note{display:none}#marley-onepage-app .product-lab__visual{min-height:490px}#marley-onepage-app .product-specs{gap:4px}#marley-onepage-app .product-specs strong{font-size:28px}#marley-onepage-app .statement__line{font-size:24vw}#marley-onepage-app .statement__line img{width:110px}#marley-onepage-app .moment-card{min-height:520px}#marley-onepage-app .moment-card__copy h3{font-size:21vw}#marley-onepage-app .attitude__visual{min-height:520px}#marley-onepage-app .buy__pack-wall img{opacity:.45}}
@media(prefers-reduced-motion:reduce){#marley-onepage-app *,#marley-onepage-app *::before,#marley-onepage-app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#marley-onepage-app .reveal{opacity:1;transform:none}}


/* =========================================================
   V2 FIXES — ticker, menu visibility and clean product assets
   ========================================================= */

/* Header has its own black field, so the menu never falls black-on-black
   or crosses invisibly over the yellow side of the hero. */
#marley-onepage-app .site-header::before{
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: 62%;
  background: #0a0a0a;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  transition: width .35s ease, clip-path .35s ease, background .35s ease;
  pointer-events: none;
}

#marley-onepage-app .site-header .main-nav{
  color: #f5c800;
}

#marley-onepage-app .site-header .main-nav a{
  color: inherit;
}

#marley-onepage-app .site-header .nav-cta{
  color: #0a0a0a;
  background: #f5c800;
  border-color: #f5c800;
}

#marley-onepage-app .site-header.is-scrolled::before{
  width: 100%;
  clip-path: none;
  background: rgba(10, 10, 10, .92);
}

#marley-onepage-app .site-header.is-scrolled{
  background: transparent;
}

#marley-onepage-app .site-header.is-scrolled .main-nav{
  color: #ffffff;
}

#marley-onepage-app .site-header.is-scrolled .nav-cta{
  color: #0a0a0a;
  background: #f5c800;
}

/* Seamless marquee. Each group is equal in width and the second one is
   an exact duplicate, so translateX(-50%) always lands on the loop point. */
#marley-onepage-app .ticker__track{
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 200%;
  gap: 0;
  animation: ticker 22s linear infinite;
  will-change: transform;
}

#marley-onepage-app .ticker__group{
  flex: 0 0 auto;
  min-width: 100vw;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 25px;
  padding: 0 25px;
  white-space: nowrap;
}

@keyframes ticker {
  to { transform: translate3d(-50%, 0, 0); }
}

/* Packaging images now use cleaned PNG files.
   No CSS shadow is added anywhere to product packaging. */
#marley-onepage-app .product-shadow{
  display: none !important;
}

#marley-onepage-app .hero-product,#marley-onepage-app .product-lab__visual img,#marley-onepage-app .moment-card > img,#marley-onepage-app .floating-pack,#marley-onepage-app .buy__pack-wall img{
  filter: none !important;
}

/* Keep the mascot shadow because it visually separates the character,
   but never apply it to the product packaging. */
#marley-onepage-app .mascot{
  filter: drop-shadow(0 35px 28px rgba(0, 0, 0, .38));
}

@media (max-width: 820px) {
  #marley-onepage-app .site-header::before{
    width: 100%;
    clip-path: none;
    background: transparent;
  }

  #marley-onepage-app .site-header .menu-toggle{
    color: #f5c800;
    background: #0a0a0a;
    border-color: #f5c800;
  }

  #marley-onepage-app .ticker__group{
    min-width: max(760px, 100vw);
    justify-content: flex-start;
  }
}


/* WordPress / Divi host integration */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
#page-container { overflow: visible !important; }
#main-content, .entry-content { overflow: visible !important; }
#marley-onepage-app {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
}
#marley-onepage-app .hero-product,
#marley-onepage-app .product-lab__visual img,
#marley-onepage-app .moment-card > img,
#marley-onepage-app .floating-pack,
#marley-onepage-app .buy__pack-wall img {
  filter: none !important;
  box-shadow: none !important;
}
body.admin-bar #marley-onepage-app .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar #marley-onepage-app .site-header { top: 46px; }
}
/* Hide Divi spacing when shortcode is placed in a full-width row */
.et_pb_section:has(#marley-onepage-app),
.et_pb_row:has(#marley-onepage-app),
.et_pb_column:has(#marley-onepage-app),
.et_pb_module:has(#marley-onepage-app),
.et_pb_code_inner:has(#marley-onepage-app),
.et_pb_text_inner:has(#marley-onepage-app) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Manager additions */
#marley-onepage-app .moment-card__hit{position:absolute;z-index:8;inset:0;display:block}
#marley-onepage-app .moment-grid:has(.moment-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
#marley-onepage-app .moment-grid:has(.moment-card:first-child:last-child){grid-template-columns:1fr}


/* =========================================================
   V2.1 — scroll, CTA visible and header geometry
   ========================================================= */
html,
body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto;
}
body {
  touch-action: pan-y;
}
#page-container,
#et-main-area,
#main-content,
.entry-content,
.et-l,
.et-l--post,
.et_builder_inner_content {
  height: auto !important;
  min-height: 0 !important;
  overflow-y: visible !important;
}
#marley-onepage-app,
#marley-onepage-app.is-loading {
  height: auto !important;
  min-height: 100vh;
  overflow-x: clip !important;
  overflow-y: visible !important;
  touch-action: pan-y;
}

/* Same diagonal equation as the hero, so the header line continues naturally. */
#marley-onepage-app .site-header {
  isolation: isolate;
}
#marley-onepage-app .site-header::before {
  inset: 0 -8vw 0 auto;
  width: 52%;
  clip-path: polygon(18% 0,100% 0,100% 100%,16.3% 100%);
}

#marley-onepage-app .site-header .main-nav > a:not(.nav-cta) {
  color: var(--yellow) !important;
}
#marley-onepage-app .site-header .nav-cta {
  min-width: 164px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  color: var(--black) !important;
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  white-space: nowrap;
  opacity: 1 !important;
}
#marley-onepage-app .site-header.is-scrolled::before {
  inset: 0;
  width: 100%;
  clip-path: none;
}
#marley-onepage-app .site-header.is-scrolled .main-nav > a:not(.nav-cta) {
  color: #fff !important;
}
#marley-onepage-app .site-header.is-scrolled .nav-cta {
  color: var(--black) !important;
}

@media (max-width: 820px) {
  #marley-onepage-app .site-header::before {
    inset: 0;
    width: 100%;
    clip-path: none;
    background: var(--black);
  }
  #marley-onepage-app .main-nav .nav-cta {
    min-width: 220px;
    color: var(--black) !important;
  }
}

/* Divi 5 native module wrapper and live-builder adjustments */
.marley_divi5_onepage{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important}
.marley_divi5_onepage>.et_pb_module_inner{width:100%;max-width:none!important}
#marley-onepage-app .hero-product{width:min(var(--product-size,610px),48vw)!important}
#marley-onepage-app .ticker__track{animation-duration:var(--ticker-duration,22s)!important}
#marley-onepage-app .orbit-copy{animation-duration:var(--orbit-duration,22s)!important}
#marley-onepage-app.no-orbit .orbit,#marley-onepage-app.no-orbit .orbit-copy{display:none!important}
#marley-onepage-app.no-ticker .ticker{display:none!important}
#marley-onepage-app.no-cursor .cursor,#marley-onepage-app.no-cursor .cursor-dot{display:none!important}
#marley-onepage-app.is-vb .loader,#marley-onepage-app.is-vb .cursor,#marley-onepage-app.is-vb .cursor-dot{display:none!important}
#marley-onepage-app.is-vb .site-header{position:absolute!important}
#marley-onepage-app.is-vb .reveal{opacity:1!important;transform:none!important}
#marley-onepage-app.is-vb{overflow:visible!important}


/* =========================================================
   0.9.1 AESTHETIC HOTFIX
   - exact header/hero diagonal continuity
   - visible first menu item
   - smaller hero packaging and clearer orbit copy
   - cleaner story composition
   - white distributor headline and flat red background
   ========================================================= */

/* The hero already starts at y=0 behind the fixed header. Using its own black
   polygon as the header background makes the diagonal a single continuous line. */
@media (min-width: 821px) {
  #marley-onepage-app .site-header::before {
    display: none !important;
  }

  #marley-onepage-app .main-nav {
    margin-left: auto;
    gap: clamp(18px, 1.45vw, 23px) !important;
  }

  #marley-onepage-app .site-header .main-nav > a:not(.nav-cta) {
    color: var(--yellow) !important;
    opacity: 1 !important;
    white-space: nowrap;
  }

  #marley-onepage-app .site-header.is-scrolled {
    background: rgba(10,10,10,.94) !important;
  }

  #marley-onepage-app .hero-product {
    width: min(var(--product-size, 540px), 42vw) !important;
    max-width: 540px !important;
  }

  #marley-onepage-app .orbit--outer {
    width: min(680px, 58vw) !important;
    height: min(680px, 58vw) !important;
  }

  #marley-onepage-app .orbit--inner {
    width: min(500px, 43vw) !important;
    height: min(500px, 43vw) !important;
  }

  #marley-onepage-app .orbit-copy {
    width: min(640px, 54vw) !important;
    height: min(640px, 54vw) !important;
  }

  #marley-onepage-app .orbit-copy text {
    fill: rgba(255,255,255,.68) !important;
  }
}

/* Remove the extra floating black package. Keep one white Tribajón higher,
   outside the mascot's face and body. */
#marley-onepage-app .floating-pack--one {
  display: none !important;
}

#marley-onepage-app .floating-pack--two {
  width: 155px !important;
  top: 3% !important;
  right: 1% !important;
  z-index: 5 !important;
  rotate: 8deg !important;
}

/* Distributor CTA: white headline and no dark multiply shadow. */
#marley-onepage-app .buy::before {
  display: none !important;
}

#marley-onepage-app .buy h2 {
  color: #ffffff !important;
  text-shadow: none !important;
}

#marley-onepage-app .buy {
  background: var(--red) !important;
}

@media (max-width: 820px) {
  #marley-onepage-app .hero-product {
    width: min(var(--product-size, 520px), 92vw) !important;
    max-width: 520px !important;
  }

  #marley-onepage-app .floating-pack--two {
    width: 125px !important;
    top: 2% !important;
    right: -1% !important;
  }
}