.mug-hero{isolation:isolate;height:min(960px,100svh);min-height:760px;position:relative;overflow:hidden}.mug-cafe,.mug-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.mug-shade{z-index:-1;background:linear-gradient(90deg,#100b07d9,#0000 70%),linear-gradient(#0000 76%,#0d0d0b)}.mug-heading{z-index:2;width:44%;padding:140px 0 100px 8%;position:relative}.mug-heading .eyebrow{letter-spacing:.17em;margin:0 0 22px;font-size:10px}.mug-heading h1{letter-spacing:-.065em;font-size:clamp(45px,5.3vw,88px);font-weight:800;line-height:1.02}.mug-heading h1 span{color:#ffdb57}.mug-heading>p:not(.eyebrow){letter-spacing:-.03em;margin:26px 0 30px;font-size:clamp(22px,2.5vw,38px);line-height:1.35}.mug-heading em{color:#e5d3ac;font-family:Georgia,serif}.mug-stage{perspective:1200px;align-items:flex-end;gap:0;width:65%;display:flex;position:absolute;bottom:11%;right:0%}.mug-product{filter:drop-shadow(0 28px 18px #0007);flex-shrink:0;width:52%;animation:1.7s cubic-bezier(.16,1,.3,1) both mug-enter-left;position:relative}.mug-product img{width:100%;height:auto;display:block}.mug-left{z-index:1;transform-origin:bottom;rotate:-7deg}.mug-right{margin-bottom:5%;margin-left:-5%;animation-name:mug-enter-right;animation-delay:.25s;rotate:7deg}.mug-steam{z-index:2;pointer-events:none;filter:blur(5px);width:38%;height:36%;display:flex;position:absolute;bottom:89%;left:36%}.mug-steam svg{width:36%;height:100%;animation:4.8s ease-in-out infinite both mug-steam;overflow:visible}.mug-steam svg:nth-child(2){animation-delay:-1.6s}.mug-steam svg:nth-child(3){animation-delay:-3.2s}.mug-steam path{fill:none;stroke:#fff4da;stroke-width:7px;stroke-linecap:round}.mug-right .mug-steam{left:25%}.mug-paused .mug-steam svg,.mug-paused .mug-product{animation-play-state:paused}.mug-page .magnet-story-image{background:#eae8e3}.mug-page .magnet-story-image img{aspect-ratio:1.2;object-fit:contain}.mug-page .magnet-story-image>span{padding-top:60px}@keyframes mug-enter-left{0%{opacity:0;transform:translate(-100px)translateY(30px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes mug-enter-right{0%{opacity:0;transform:translate(100px)translateY(30px)rotate(8deg)}to{opacity:1;transform:none}}@keyframes mug-steam{0%{opacity:0;transform:translateY(25px)scaleX(.6)}35%{opacity:.26}75%{opacity:.12}to{opacity:0;transform:translateY(-45px)scaleX(1.3)}}@media (width<=1100px){.mug-hero{height:auto;min-height:850px}.mug-heading{width:66%;padding-top:130px}.mug-heading h1{font-size:65px}.mug-stage{width:72%;bottom:9%;right:1%}.mug-heading>p:not(.eyebrow){font-size:27px}.mug-heading .magnet-glass{margin-top:10px}}@media (width<=650px){.mug-hero{min-height:0;padding-bottom:90px}.mug-heading{width:100%;padding:108px 8% 0}.mug-heading h1{font-size:clamp(42px,11vw,66px)}.mug-heading .eyebrow{font-size:9px}.mug-heading>p:not(.eyebrow){margin:20px 0;font-size:24px}.mug-stage{width:98%;margin:75px auto 20px;position:relative;bottom:auto;right:auto}.mug-product{width:53%}.mug-heading .magnet-back{margin-bottom:22px}.mug-shade{background:linear-gradient(#100b07c9,#0000 75%,#0d0d0b)}.mug-page .magnet-hero-bottom{font-size:6px}.mug-page .magnet-story-image img{aspect-ratio:1.2}}@media (prefers-reduced-motion:reduce){.mug-product,.mug-steam svg{animation:none}.mug-steam{display:none}}