.product{padding:60px 5% 80px}.product-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%;align-items:start;padding:0}.product-visual{min-height:690px;background:#101010;border:0!important}.product-copy{padding:22px 0 0}.product-copy .store-eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 22px;color:#aaa}.product-copy h1{position:relative;font:700 clamp(44px,5.5vw,82px)/1 Arimo;letter-spacing:-.065em;margin:0;animation:none!important}.product-copy h1:before,.product-copy h1:after{content:attr(data-glitch);position:absolute;inset:0;pointer-events:none;opacity:0}.product-copy h1:before{color:#ec415b;animation:rgb-type 4.2s steps(1,end) infinite}.product-copy h1:after{color:#51d2dd;animation:rgb-type 4.2s .07s steps(1,end) infinite reverse}.product-copy .store-subtitle{font-size:18px;margin:14px 0 24px}.product-copy .drop-status{font-size:14px;color:#aaa;margin:0 0 32px}.color-choice{display:flex;justify-content:space-between;font-size:13px;margin-bottom:28px}.color-choice span{color:#aaa}.sizes{padding:0;border:0;margin:0 0 24px;display:flex;gap:8px}.sizes legend{width:100%;font:14px Arimo;padding:0 0 15px}.sizes legend span{float:right;font-size:11px;color:#aaa}.sizes button{background:transparent;border:1px solid #444;color:#fff;width:52px;height:46px;font:13px Arimo;cursor:pointer}.sizes button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}.sizes button:hover{border-color:#fff}.product-copy .add-cart{margin:0;width:100%;background:#fff;color:#000;border:0;padding:19px 22px;font-size:14px}.product-copy .preview-note{font-size:11px;color:#999;margin:12px 0 30px}.product-copy details{border-top:1px solid #333;padding:20px 0;font-size:13px}.product-copy details:last-child{border-bottom:1px solid #333}.product-copy summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.product-copy summary:after{content:'+'}.product-copy details[open] summary:after{content:'−'}.product-copy details p{font-size:13px;line-height:1.7;color:#aaa;margin-bottom:0}.product-copy .product-line{animation:none!important}.first-product .reveal-jeans,.product-visual .jeans{animation:vertical-static 3.3s steps(1,end) infinite!important;transform:scale(1.1);filter:blur(20px)}.product-visual:after,.first-product:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 28%,#ec415b20 28%,#ec415b20 29%,transparent 29%,transparent 70%,#51d2dd20 70%,#51d2dd20 71%,transparent 71%);animation:vertical-band 3.3s steps(1,end) infinite}.reveal-name{animation:none!important;text-shadow:1px 0 #ec415b60,-1px 0 #51d2dd60}.conceal-strip{font-size:22px;transform:none;left:0;width:100%;background:transparent;color:#fff;letter-spacing:.12em}.peek{border-color:#444}.product-visual .jeans{height:650px}.product-visual.glimpse .conceal-strip{transform:none}
@keyframes rgb-type{0%,87%,93%,100%{opacity:0;transform:none;clip-path:inset(0)}88%{opacity:.6;transform:translateX(2px);clip-path:inset(0 48% 0 15%)}90%{opacity:.5;transform:translateX(-2px);clip-path:inset(0 10% 0 65%)}}
@keyframes vertical-static{0%,78%,86%,100%{filter:blur(20px);transform:scale(1.1);clip-path:inset(0)}79%{filter:blur(20px) drop-shadow(3px 0 #ec415b50) drop-shadow(-3px 0 #51d2dd50);transform:scale(1.1) skewY(.7deg);clip-path:inset(0 4% 0 0)}82%{filter:blur(22px) drop-shadow(-3px 0 #ec415b40);transform:scale(1.1) skewY(-.5deg)}}
@keyframes vertical-band{0%,78%,86%,100%{opacity:0;transform:translateX(0)}79%{opacity:1;transform:translateX(8%)}82%{opacity:.7;transform:translateX(-5%)}}
@media(max-width:700px){.product{padding:30px 5% 55px}.product-grid{display:flex;flex-direction:column;gap:30px}.product-visual{width:100%;min-height:470px}.product-visual .jeans{height:510px;width:100%}.product-copy{width:100%;padding:0}.product-copy h1{font-size:58px}.product-copy .store-subtitle{font-size:17px}.product-copy .add-cart{font-size:14px}.first-product .reveal-jeans{height:90dvh}}
@media(prefers-reduced-motion:reduce){.product-copy h1:before,.product-copy h1:after,.product-visual:after,.first-product:after{display:none}.first-product .reveal-jeans,.product-visual .jeans{animation:none!important}}
.camel-intro{height:240vh}@media(max-width:700px){.camel-intro{height:230vh}}@media(prefers-reduced-motion:reduce){.camel-intro{height:auto}}
.camel-black{display:none}.camel-intro{height:185vh}.camel-stage{background:#e9e5dc}.product-visual,.sizes button,.add-cart,.peek,.nav-pill,#checkout,.return-button,.game-open,#game-start,#flight,.bag-item{border-radius:8px!important}.skip-intro{border-radius:6px!important}
.product-copy h1:before{animation:hard-rgb 2.9s steps(1,end) infinite}.product-copy h1:after{animation:hard-rgb 2.9s .06s steps(1,end) infinite reverse}.product-visual .jeans{animation:hard-signal 2.4s steps(1,end) infinite!important}.product-visual:after{background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff0a 19px 20px),linear-gradient(90deg,transparent 20%,#ef375a55 20% 21%,transparent 21% 74%,#39cfdb55 74% 75%,transparent 75%);animation:signal-slice 2.4s steps(1,end) infinite}
@keyframes hard-rgb{0%,20%,29%,63%,73%,100%{opacity:0;transform:none}21%{opacity:.85;transform:translate(5px,-1px);clip-path:inset(16% 0 60%)}23%{opacity:.7;transform:translate(-5px,2px);clip-path:inset(53% 0 15%)}26%{opacity:.6;transform:translate(3px,0);clip-path:inset(0 72% 0 0)}64%{opacity:.8;transform:translate(-4px,0);clip-path:inset(30% 0 42%)}68%{opacity:.7;transform:translate(5px,0);clip-path:inset(70% 0 0)}}
@keyframes hard-signal{0%,17%,30%,60%,73%,100%{filter:blur(20px);transform:scale(1.1);clip-path:inset(0)}18%{filter:blur(18px) drop-shadow(8px 0 #ef375a) drop-shadow(-8px 0 #39cfdb);transform:scale(1.1) translateX(-9px);clip-path:polygon(0 0,100% 0,100% 28%,82% 28%,82% 31%,100% 31%,100% 69%,10% 69%,10% 72%,100% 72%,100% 100%,0 100%)}22%{transform:scale(1.1) translateX(11px) skewY(1deg);filter:blur(22px) drop-shadow(-7px 0 #39cfdb)}26%{transform:scale(1.1) translateX(-4px);filter:blur(19px) drop-shadow(6px 0 #ef375a)}61%{filter:blur(20px) drop-shadow(7px 0 #39cfdb);transform:scale(1.1) skewX(-2deg);clip-path:inset(8% 0 13%)}66%{transform:scale(1.1) translateX(8px);filter:blur(23px) drop-shadow(-6px 0 #ef375a)}}
@keyframes signal-slice{0%,17%,30%,60%,73%,100%{opacity:0;clip-path:inset(0)}18%{opacity:.8;transform:translateX(6%);clip-path:inset(12% 0 53%)}22%{opacity:.7;transform:translateX(-8%);clip-path:inset(58% 0 14%)}26%{opacity:.5;transform:translateX(3%);clip-path:inset(30% 0 35%)}61%{opacity:.8;transform:translateX(-4%);clip-path:inset(0 15% 0 30%)}66%{opacity:.6;transform:translateX(7%);clip-path:inset(44% 0 37%)}}
@media(max-width:700px){.camel-intro{height:180vh}}@media(prefers-reduced-motion:reduce){.camel-intro{height:auto}.product-visual .jeans{animation:none!important}}
.product-visual{animation:frame-glitch 3.1s steps(1,end) infinite!important;will-change:transform,clip-path;box-shadow:0 0 0 1px #ffffff18}.product-visual .jeans{animation:none!important;transform:scale(1.1);filter:blur(20px)!important}.product-visual:after{animation:frame-rgb 3.1s steps(1,end) infinite;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ef375a45,transparent 4% 96%,#39cfdb45),repeating-linear-gradient(0deg,transparent 0 24px,#ffffff12 24px 25px);z-index:4}.camel-stage{opacity:var(--intro-visible,1);visibility:var(--intro-visibility,visible)}
@keyframes frame-glitch{0%,17%,29%,63%,75%,100%{transform:none;clip-path:inset(0 round 8px);box-shadow:0 0 0 1px #ffffff18}18%{transform:translate(-5px,1px);clip-path:polygon(0 0,100% 0,100% 24%,97% 24%,97% 27%,100% 27%,100% 66%,3% 66%,3% 69%,100% 69%,100% 100%,0 100%);box-shadow:5px 0 #ef375a99,-5px 0 #39cfdb99}21%{transform:translate(5px,-1px) skewY(.3deg);clip-path:inset(0 1% 0 0);box-shadow:-4px 0 #ef375a99,4px 0 #39cfdb99}25%{transform:translate(-2px,0);clip-path:inset(1% 0 0 1%);box-shadow:3px 0 #39cfdb70}64%{transform:translate(4px,0);clip-path:polygon(0 0,100% 0,100% 44%,96% 44%,96% 47%,100% 47%,100% 100%,0 100%,0 73%,4% 73%,4% 70%,0 70%);box-shadow:-5px 0 #ef375a80,5px 0 #39cfdb80}69%{transform:translate(-4px,2px) skewX(.4deg);clip-path:inset(0 round 8px)}}
@keyframes frame-rgb{0%,17%,29%,63%,75%,100%{opacity:0;transform:none}18%,21%,64%,69%{opacity:.75;transform:translateX(2px)}25%{opacity:.35;transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){.product-visual{animation:none!important}.product-visual:after{display:none}}
.camel-intro{background:#fff}.camel-stage{opacity:1;visibility:visible}.intro-white{position:absolute;inset:0;z-index:3;background:#fff;display:flex;align-items:center;justify-content:center;opacity:var(--white-reveal,0);pointer-events:none}.intro-white img{width:min(68vw,580px);height:min(76dvh,580px);object-fit:contain;filter:none;transform:scale(calc(.92 + var(--white-reveal,0)*.08))}.camel-wordmark,.scroll-hint,.skip-intro{z-index:2}@media(max-width:700px){.intro-white img{width:85vw;height:70dvh}}@media(prefers-reduced-motion:reduce){.intro-white{display:none}}
.intro-white{display:block;background:transparent}.intro-white:before{content:'';position:absolute;inset:0;background:#fff}.intro-white img{position:absolute;left:50%;top:var(--logo-y,50%);width:var(--logo-size,100px);height:var(--logo-size,100px);transform:translate(-50%,-50%);max-width:none;object-fit:contain;transition:none}@media(max-width:700px){.intro-white img{width:var(--logo-size,100px);height:var(--logo-size,100px)}}
.locked-details{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid #333;font-size:13px;color:#aaa}.locked-details:last-child{border-bottom:1px solid #333}.product-copy .add-cart{margin-bottom:28px}.product-visual{animation-duration:1.9s!important}.product-visual:after{animation-duration:1.9s!important}.conceal-strip{animation:hard-rgb 2.9s steps(1,end) infinite!important;text-shadow:2px 0 #ef375a90,-2px 0 #39cfdb90}
.conceal-strip{animation:type-static 2.9s steps(1,end) infinite!important}
.exploding .mushroom{animation:film-blast 3s .9s both}.mushroom svg{animation:none;filter:contrast(1.3)}.exploding .egg{background:radial-gradient(ellipse at 50% 65%,#242424,#050505 70%)}.exploding .egg:after{animation:none;opacity:.13;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px);mix-blend-mode:screen}.words .secret-mark{display:block;width:160px;height:190px;margin:65px auto 25px;animation:flappy-mark 1.7s infinite!important;transform-origin:center}.words .secret-mark img{width:100%;height:100%;object-fit:contain}.words .secret-mark:hover{animation-duration:1.1s!important}.words .secret-mark:focus-visible{outline:2px solid #000;outline-offset:12px}
@keyframes film-blast{0%{opacity:0;transform:translate(-50%,2%) scale(.08)}12%{opacity:1;transform:translate(-50%,-5%) scale(.25)}45%{opacity:1;transform:translate(-50%,-30%) scale(.75)}80%{opacity:1;transform:translate(-50%,-42%) scale(1)}100%{opacity:0;transform:translate(-50%,-46%) scale(1.08)}}
@keyframes flappy-mark{0%{transform:translateY(12px) rotate(5deg)}18%{transform:translateY(-23px) rotate(-7deg)}38%{transform:translateY(-31px) rotate(-3deg)}70%{transform:translateY(-5px) rotate(3deg)}100%{transform:translateY(12px) rotate(5deg)}}
@media(max-width:700px){.words .secret-mark{width:130px;height:155px;margin:65px auto 25px}}@media(prefers-reduced-motion:reduce){.words .secret-mark{animation:none!important}.exploding .mushroom{animation:none;display:none}}
.mushroom svg path{filter:none!important}.mushroom svg{filter:none;will-change:transform}.exploding .mushroom{animation:fluid-blast 3s .9s cubic-bezier(.18,.6,.28,1) both;will-change:transform,opacity}.words .secret-mark,.words .secret-mark:hover{animation:bird-hop 1.15s linear infinite!important;will-change:transform}
@keyframes fluid-blast{0%{opacity:0;transform:translate3d(-50%,5%,0) scale(.08)}8%{opacity:1}80%{opacity:1;transform:translate3d(-50%,-42%,0) scale(1)}100%{opacity:0;transform:translate3d(-50%,-47%,0) scale(1.1)}}
@keyframes bird-hop{0%{transform:translate3d(0,12px,0) rotate(-12deg);animation-timing-function:cubic-bezier(.15,.55,.35,1)}42%{transform:translate3d(0,-24px,0) rotate(-12deg);animation-timing-function:cubic-bezier(.55,0,1,.5)}100%{transform:translate3d(0,12px,0) rotate(16deg)}}
@media(prefers-reduced-motion:reduce){.words .secret-mark,.words .secret-mark:hover{animation:none!important}.exploding .mushroom{animation:none;display:none}}
.words .secret-mark,.words .secret-mark:hover{animation:none!important;transform:none!important;will-change:auto}
