.hw-porch{padding-block:clamp(70px,9vw,120px) clamp(60px,7vw,100px);overflow:hidden;background:#120f1b}.hw-porch__siding{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(38% 34% at 50% 34%,rgba(255,170,90,.24),transparent 70%),radial-gradient(120% 80% at 50% 30%,transparent 40%,rgba(0,0,0,.6) 100%),repeating-linear-gradient(180deg,#1d1929 0 30px,#2a2438 30px 31px,#110e19 31px 34px)}.hw-porch__scene{--door: clamp(170px, 17vw, 220px);--lantern-base: clamp(58px, 6vw, 76px);position:relative;width:min(720px,100%);height:calc(var(--door) * 380 / 220 + 96px);margin:0 auto}.hw-porch__floor{position:absolute;left:calc(50% - 50vw);bottom:0;z-index:0;width:100vw;height:70px;background:linear-gradient(180deg,#5a3e2c 0 4px,#24170f 4px 7px,transparent 7px),repeating-linear-gradient(90deg,#33241a 0 118px,#1c130d 118px 121px),#2c1f16;box-shadow:inset 0 20px 30px -10px #0009}.hw-door{position:absolute;left:50%;bottom:70px;z-index:2;width:var(--door);aspect-ratio:220 / 380;translate:-50% 0;perspective:1100px}.hw-door__frame{position:absolute;top:-16px;right:-16px;bottom:0;left:-16px;z-index:3;border:16px solid #d9cfba;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 2px #a99c80,0 0 0 2px #7d725c,0 20px 40px #00000080;pointer-events:none}.hw-door__inside{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:visible;background:linear-gradient(180deg,#4a1f0c,#b8551a 45%,#ffb35a 85%,#ffd58a)}.hw-door__inside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,transparent 52%,rgba(40,14,4,.75) 52.5%,rgba(40,14,4,.75) 56%,transparent 56.5%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(40,14,4,.55) 18px 21px);-webkit-mask-image:linear-gradient(160deg,transparent 54%,#000 54.5%,#000 80%,transparent 80.5%);mask-image:linear-gradient(160deg,transparent 54%,#000 54.5%,#000 80%,transparent 80.5%)}.hw-door__light{position:absolute;left:-70%;right:-70%;bottom:-70px;height:90px;background:radial-gradient(50% 100% at 50% 0%,rgba(255,200,120,.65),rgba(255,140,60,.15) 60%,transparent 80%);opacity:0;transition:opacity 1s ease .5s;pointer-events:none}.hw-door__leaf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.6,0,.2,1);box-shadow:0 0 30px #0009}.hw-door__leaf svg{width:100%;height:100%}.hw-door__glass{animation:hw-glass 3s ease-in-out infinite}@keyframes hw-glass{0%,to{opacity:1}45%{opacity:.8}60%{opacity:.95}}.hw-porch__scene:not(.is-open) .hw-door__leaf{animation:hw-rattle-door 4.5s ease-in-out 1.5s infinite}@keyframes hw-rattle-door{0%,82%,to{transform:none}85%{transform:rotateY(-6deg)}88%{transform:rotateY(-1deg)}91%{transform:rotateY(-4deg)}94%{transform:none}}.hw-porch__scene.is-open .hw-door__leaf{transform:rotateY(-108deg)}.hw-porch__scene.is-open .hw-door__light{opacity:1}.hw-porch__lamp{position:absolute;left:calc(50% + var(--door) / 2 + 46px);top:18%;z-index:2;width:34px;height:56px;border-radius:4px 4px 10px 10px;background:linear-gradient(90deg,transparent 0 6px,rgba(255,220,150,.95) 6px 28px,transparent 28px),linear-gradient(180deg,#1a1420 0 8px,transparent 8px 48px,#1a1420 48px);box-shadow:inset 0 0 0 3px #1a1420,0 0 30px 8px #ffbe6e8c;animation:hw-porchlight 6s linear infinite}.hw-porch__lamp:before{content:"";position:absolute;left:-6px;right:-6px;top:-10px;height:12px;border-radius:12px 12px 2px 2px;background:#1a1420}.hw-porch__lamp i{position:absolute;left:50%;top:50%;width:360px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,110,.22),transparent);pointer-events:none}@keyframes hw-porchlight{0%,88%,to{opacity:1}89%{opacity:.3}90%{opacity:1}92%{opacity:.4}93%{opacity:1}}.hw-porch__pumpkins{position:absolute;bottom:58px;z-index:3;display:flex;align-items:flex-end;gap:6px}.hw-porch__pumpkins .hw-lantern{--lantern: var(--lantern-base)}.hw-porch__pumpkins .hw-lantern--lg{--lantern: calc(var(--lantern-base) * 1.4)}.hw-porch__pumpkins--l{right:calc(50% + var(--door) / 2 + 30px)}.hw-porch__pumpkins--r{left:calc(50% + var(--door) / 2 + 30px)}.hw-porch__mat{position:absolute;left:50%;bottom:14px;z-index:3;display:grid;place-items:center;width:calc(var(--door) * 1.05);height:46px;translate:-50% 0;transform:perspective(260px) rotateX(48deg);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 4px),linear-gradient(180deg,#9a6a3a,#7a5028);box-shadow:0 6px 8px #00000080;color:#2a1608;font-family:var(--hw-display);font-size:clamp(14px,1.4vw,18px);white-space:nowrap}.hw-porch__bags{--cols: 2;--gap-x: clamp(16px, 2.4vw, 32px);display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(30px,3vw,44px) var(--gap-x);margin-top:clamp(40px,5vw,64px)}.hw-porch__cell{width:calc((100% - (var(--cols) - 1) * var(--gap-x)) / var(--cols))}@media(min-width:750px){.hw-porch__bags{--cols: 3}}@media(min-width:1100px){.hw-porch__bags{--cols: 4}}.hw-porch__cell{--ribbon: #ff6b1a;--ribbon-hi: #ffa45a;--ribbon-lo: #c2470a}.hw-porch__cell:nth-child(3n+2){--ribbon: #7b3fb0;--ribbon-hi: #a873d8;--ribbon-lo: #4f2275}.hw-porch__cell:nth-child(3n){--ribbon: #8fd62e;--ribbon-hi: #c4f57a;--ribbon-lo: #5c9612}.hw-card--gift{padding:12px 12px 16px;border:1px solid color-mix(in srgb,var(--ribbon) 38%,transparent);border-radius:22px;background:linear-gradient(180deg,#221a2b,#15101c);box-shadow:0 24px 40px -24px #000000d9;transition:transform .5s var(--hw-ease),border-color .4s ease,box-shadow .4s ease}.hw-gift{position:relative;display:block}.hw-gift__pane{position:relative;display:block;aspect-ratio:4 / 4.4;overflow:hidden;border-radius:14px;background:radial-gradient(75% 65% at 50% 58%,#fff8ea,#f6e3c0 48%,#e2bb84 88%,#cf9f62);box-shadow:inset 0 0 26px #78461447}.hw-gift__pane .hw-card__img{position:absolute;top:8%;right:6%;bottom:5%;left:6%;width:88%;height:87%;object-position:50% 100%;scale:1.18;transform-origin:50% 100%}.hw-card--gift .hw-card__img--hover{opacity:0}.hw-gift__ribbon{position:absolute;left:-46px;top:30px;z-index:1;width:190px;height:24px;rotate:-45deg;background:linear-gradient(180deg,transparent 0 2px,rgba(255,255,255,.35) 2px 3px,transparent 3px calc(100% - 3px),rgba(0,0,0,.25) calc(100% - 3px) calc(100% - 2px),transparent calc(100% - 2px)),linear-gradient(180deg,var(--ribbon-hi) 0%,var(--ribbon) 45%,var(--ribbon-lo) 100%);box-shadow:0 4px 8px #3c1e0a59}.hw-gift__bow{position:absolute;left:-10px;top:-14px;z-index:2;width:96px;height:auto;overflow:visible;rotate:-45deg;fill:var(--ribbon);transform-origin:50% 56%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));animation:hw-bow-wiggle 5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.7s)}.hw-gift__tail{fill:var(--ribbon-lo)}@keyframes hw-bow-wiggle{0%,84%,to{transform:none}88%{transform:scale(1.08) rotate(-5deg)}92%{transform:scale(.97) rotate(4deg)}96%{transform:scale(1.02) rotate(-1deg)}}.hw-card--gift .hw-tag{top:14px;bottom:auto;right:-8px;z-index:3}.hw-card--gift .hw-card__body{padding-top:16px}@media(hover:hover){.hw-card--gift:hover{transform:translateY(-6px);border-color:var(--ribbon);box-shadow:0 30px 44px -24px #000000e6,0 0 30px color-mix(in srgb,var(--ribbon) 22%,transparent)}.hw-card--gift:hover .hw-gift__bow{animation:hw-bow-pop .7s var(--hw-bounce)}.hw-card--gift:hover .hw-card__img:not(.hw-card__img--hover):has(+.hw-card__img--hover){opacity:0}.hw-card--gift:hover .hw-card__img--hover{opacity:1}}@keyframes hw-bow-pop{0%{transform:none}40%{transform:scale(1.18) rotate(-6deg)}to{transform:none}}.hw-tag{position:absolute;top:2px;right:-6px;z-index:2;display:flex;align-items:baseline;gap:3px;padding:8px 12px 8px 22px;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%);background:radial-gradient(circle at 11px 50%,transparent 0 3.5px,#f4ead4 4px),#f4ead4;color:var(--hw-blood);rotate:12deg;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}.hw-tag b{font-family:var(--hw-display);font-weight:400;font-size:18px;line-height:1}.hw-tag small{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}@media(max-width:749px){.hw-porch{padding-block:54px 44px}.hw-porch__scene{--door: 140px;--lantern-base: 48px}.hw-porch__lamp{left:calc(50% + var(--door) / 2 + 26px);width:26px;height:44px}.hw-porch__pumpkins--l{right:calc(50% + var(--door) / 2 + 18px)}.hw-porch__pumpkins--r{left:calc(50% + var(--door) / 2 + 18px)}.hw-porch__bags{flex-wrap:nowrap;justify-content:flex-start;gap:14px;width:calc(100% + var(--hw-gutter) * 2);margin-inline:calc(var(--hw-gutter) * -1);padding:10px var(--hw-gutter) 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hw-gutter);scrollbar-width:none}.hw-porch__bags::-webkit-scrollbar{display:none}.hw-porch__cell{flex:none;width:62vw;scroll-snap-align:start}.hw-card--gift{padding:9px 9px 12px;border-radius:18px}.hw-gift__ribbon{left:-40px;top:24px;width:160px;height:20px}.hw-gift__bow{left:-6px;top:-9px;width:66px}.hw-tag b{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/halloween-porch.css.map */