.hero.hero-3d{display:grid;grid-template-columns:1fr 1fr;min-height:735px;max-width:1600px;padding:0 4% 70px;isolation:isolate;overflow:hidden}.hero-3d .hero-copy{width:auto;padding:65px 0 38px 4%;pointer-events:auto;align-self:center}.hero-3d .eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.16em;margin-bottom:25px}.tiny-sun{font-size:28px;color:var(--olive);line-height:1}.hero-3d h1{font-size:clamp(64px,7.2vw,108px);max-width:650px;line-height:.94;letter-spacing:-.05em}.hero-3d .hero-description{font-size:17px;line-height:1.55;margin:26px 0;max-width:380px}.hero-3d .button{min-height:55px;font-size:13px;gap:28px}.hero-dog-note{display:flex;align-items:center;gap:19px;margin-top:34px}.hero-dog-portrait{width:69px;height:69px;border-radius:50%;background:var(--dogshit-media-dogshit-hero) 50% 30%/cover;box-shadow:0 0 0 5px var(--white);transform:rotate(-7deg)}.hero-dog-note .handwritten{font-size:25px;transform:rotate(-6deg)}.hero-object{position:relative;min-width:0;min-height:640px;align-self:center;margin-top:10px}.object-index{position:absolute;top:22px;left:6%;font-size:9px;font-weight:600;letter-spacing:.16em;z-index:2}.stage-halo{position:absolute;top:57px;right:0;bottom:120px;left:1%;background:var(--beige);border-radius:46% 54% 55% 45%/46% 40% 60% 54%;transform:rotate(-10deg);z-index:-2}.stage-word{position:absolute;top:113px;left:10%;font:600 clamp(65px,8vw,118px)/.82 var(--display);letter-spacing:-.05em;color:var(--white);transform:rotate(-8deg);z-index:-1;pointer-events:none;opacity:.9}.object-sticker{position:absolute;top:50px;right:-1%;width:100px;height:100px;display:grid;place-items:center;text-align:center;background:var(--yellow);clip-path:polygon(50% 0,61% 8%,75% 4%,82% 18%,96% 25%,92% 40%,100% 50%,92% 61%,96% 75%,82% 82%,75% 96%,61% 92%,50% 100%,39% 92%,25% 96%,18% 82%,4% 75%,8% 61%,0 50%,8% 39%,4% 25%,18% 18%,25% 4%,39% 8%);transform:rotate(12deg);z-index:3;pointer-events:none}.object-sticker span{font:600 13px/1.15 var(--display)}.collar-stage{position:absolute;top:43px;left:-5%;width:110%;height:475px;touch-action:pan-y;cursor:grab;outline-offset:-20px}.collar-stage:active{cursor:grabbing}.collar-stage:focus-visible{outline:2px dashed var(--olive);border-radius:40%}.collar-stage canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}.scene-fallback{position:absolute;top:8%;right:5%;bottom:8%;left:5%;background-color:transparent;mix-blend-mode:multiply;transition:opacity .25s}.collar-stage[data-state=ready] .scene-fallback{opacity:0;pointer-events:none}.stage-hint{position:absolute;top:463px;left:50%;transform:translate(-50%) rotate(-4deg);display:flex;align-items:center;gap:12px;white-space:nowrap;pointer-events:none}.stage-hint svg{width:44px;height:24px;stroke:var(--brown);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-hint span{font:23px var(--hand)}.scene-reset{position:absolute;right:4%;top:459px;width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #3a2a1635;font-size:24px;z-index:4}.object-picker{position:absolute;top:526px;left:8%;right:4%;background:var(--white);padding:19px 23px 17px;border:1px solid #3a2a1618;border-radius:16px;box-shadow:0 10px 28px #3a2a1609;transform:rotate(-2deg);z-index:5}.object-picker-top,.object-picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.object-picker-top{margin-bottom:14px}.object-picker strong{font-size:16px;font-weight:600;display:block}.object-picker small{font-size:11px;display:block;margin-top:3px}.object-price{font-size:16px;white-space:nowrap}.scene-swatches{display:flex;gap:5px}.scene-swatches button{width:33px;height:33px;padding:7px;border-radius:50%;background:transparent;position:relative;border:1px solid transparent}.scene-swatches button:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #3a2a1612}.scene-swatches button[aria-pressed=true]{border-color:var(--brown)}.scene-swatches button:hover{transform:translateY(-2px)}.object-select{background:var(--brown);color:var(--cream);border-radius:40px;padding:10px 17px;font-size:12px;display:flex;align-items:center;gap:21px;white-space:nowrap}.object-select span{font-size:20px;line-height:1}.object-disclaimer{position:absolute;top:669px;left:12%;font-size:9px;letter-spacing:.035em;opacity:.65}.hero-3d .hero-bottom{bottom:15px;left:6%;right:4%}.hero-3d .hero-bottom>a{height:33px;width:33px;font-size:20px}.campaigns{perspective:1400px}.campaign{transition:transform .35s,box-shadow .35s;transform-style:preserve-3d}.campaign h2,.campaign h3{transform:translateZ(12px)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.campaign:hover{transform:translateY(-5px) rotateX(1.5deg);box-shadow:0 16px 28px #3a2a1618}.product-card{transition:transform .25s}.product-card:hover{transform:translateY(-4px)}}.ds-reveal{opacity:1;transform:none}.ds-motion .ds-reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.ds-motion .ds-reveal{transition:opacity .65s ease,transform .65s ease}@media(min-width:1500px){.hero.hero-3d{min-height:785px}.hero-object{transform:scale(1.04);transform-origin:center}.hero-3d .hero-copy{padding-top:75px}}@media(max-width:1000px)and (min-width:761px){.hero.hero-3d{min-height:700px;padding-left:3%;padding-right:3%}.hero-3d h1{font-size:7.8vw}.hero-object{min-height:610px}.collar-stage{height:445px;top:55px}.object-picker{top:505px;left:2%;right:0;padding:16px}.object-disclaimer{top:645px}.stage-hint{top:450px}.scene-reset{top:456px;right:0}.object-sticker{width:80px;height:80px;right:0}.object-sticker span{font-size:11px}.scene-swatches{gap:0}.scene-swatches button{width:30px;height:32px}.object-select{padding:9px 13px;gap:10px}.stage-halo{bottom:105px}.hero-3d .hero-bottom{font-size:9px}}@media(max-width:760px){.hero.hero-3d{display:flex;flex-direction:column;min-height:0;padding:0 5% 58px;overflow:hidden}.hero-3d .hero-copy{align-self:stretch;padding:33px 0 0;z-index:3}.hero-3d .eyebrow{font-size:9px;margin-bottom:18px;gap:8px}.tiny-sun{font-size:23px}.hero-3d h1{font-size:clamp(56px,12.9vw,88px);max-width:560px;line-height:.92}.hero-3d .hero-description{font-size:14px;line-height:1.5;margin:20px 0;max-width:350px}.hero-3d .button{min-height:49px;font-size:12px;padding:12px 19px;gap:21px}.hero-dog-note{position:absolute;right:0;bottom:2px;gap:0;margin:0}.hero-dog-portrait{width:45px;height:45px}.hero-dog-note .handwritten{display:none}.hero-object{width:100%;min-height:554px;margin-top:7px;align-self:auto}.object-index{top:24px;left:3%;font-size:8px}.stage-halo{top:45px;right:-4%;bottom:100px;left:-4%}.stage-word{top:95px;left:2%;font-size:20vw}.object-sticker{width:78px;height:78px;top:52px;right:-1%}.object-sticker span{font-size:10px}.collar-stage{top:35px;left:-9%;width:118%;height:365px}.stage-hint{top:377px;gap:9px}.stage-hint span{font-size:21px}.stage-hint svg{width:36px}.scene-reset{top:379px;right:0;width:32px;height:32px;font-size:22px}.object-picker{top:434px;left:0;right:0;padding:16px 18px;transform:rotate(-1.7deg);border-radius:13px}.object-picker-top{margin-bottom:10px}.object-picker strong,.object-price{font-size:15px}.object-picker small{font-size:10px}.object-select{padding:9px 14px;gap:15px}.scene-swatches{gap:3px}.scene-swatches button{width:31px;height:33px}.object-disclaimer{top:565px;left:3%;font-size:8px}.hero-3d .hero-bottom{left:5%;right:5%;bottom:4px}.hero-3d .hero-bottom>span{display:none}.hero-3d .hero-bottom>a{margin-left:auto}.hero-3d .hero-bottom{pointer-events:none}.hero-3d .hero-bottom>a{pointer-events:auto}.brand-values{margin-top:0}}@media(max-width:370px){.hero-3d h1{font-size:13.4vw}.hero-3d .hero-copy{padding-top:28px}.hero-dog-note{display:none}.hero-3d .hero-description{font-size:13px}.hero-object{min-height:525px}.collar-stage{height:340px;top:48px}.stage-hint{top:371px;left:45%}.stage-hint span{font-size:19px}.scene-reset{top:369px}.object-picker{top:414px;padding:15px 12px}.object-disclaimer{top:544px}.scene-swatches{gap:0}.scene-swatches button{width:29px}.object-select{gap:10px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ds-motion .ds-reveal:not(.is-visible){opacity:1;transform:none}.ds-motion .ds-reveal,.campaign,.product-card,.scene-fallback{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dogshit-3d.css.map */