.mogg-launch{background:#f5efe3;color:#211d17;position:relative;min-height:165vh;--chapter-progress:0}
.mogg-launch__sticky{position:sticky;top:0;min-height:94vh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;padding-block:5rem}
.mogg-eyebrow{font-size:1.15rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;display:flex;align-items:center;gap:1rem}
.mogg-live-dot{height:7px;width:7px;border-radius:50%;background:#bd4937;display:inline-block}
.mogg-launch h1{font-size:clamp(4.6rem,5.1vw,7.2rem);line-height:1.07;letter-spacing:-.025em;margin:2.4rem 0}
.mogg-launch em,.mogg-first em{font-style:normal;color:#bd4937}
.mogg-launch__intro{font-size:1.65rem;line-height:1.75;max-width:39ch;color:#655b4c;margin-bottom:3rem}
.mogg-launch__actions{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.mogg-launch .button{gap:3rem;background:#bd4937;color:#fff7e9;min-height:5.6rem;border-radius:4px}
.mogg-text-link{color:inherit;text-underline-offset:5px;font-size:1.3rem;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.5rem;display:inline-flex;gap:1rem;align-items:center}
.mogg-launch__chapter{margin-top:5rem;border-top:1px solid #cfc5b4;padding-top:1.6rem;display:flex;gap:2rem;position:relative;font-size:1.2rem;max-width:43rem}
.mogg-launch__chapter>span:first-child{color:#bd4937;font-weight:700;white-space:nowrap}
.mogg-launch__chapter i{position:absolute;top:-1px;left:0;height:2px;width:calc(12% + var(--chapter-progress)*88%);background:#bd4937;display:block}
.mogg-atelier{isolation:isolate;position:relative;min-width:0;height:590px;max-width:620px;width:100%;margin:auto;display:grid;place-items:center}
.mogg-atelier__halo{display:block!important;position:absolute;width:90%;aspect-ratio:1;border:1px solid #daceba;border-radius:50%;z-index:-1;background:radial-gradient(ellipse at 35% 28%,#fffaf0 0%,#eee3d0 65%,#e9d8c0 100%)}
.mogg-atelier__halo:after{content:'';position:absolute;inset:11%;border:1px solid #e0d0b9;border-radius:50%}
.mogg-atelier__edition{position:absolute;top:5%;right:6%;font-size:1rem;letter-spacing:.18em;color:#786d5b;writing-mode:vertical-rl}
.mogg-atelier__canvas{display:block!important;position:absolute;inset:0 0 35px;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .45s}.mogg-atelier__canvas.is-dragging{cursor:grabbing}
.mogg-atelier__canvas canvas{display:block;width:100%;height:100%}.mogg-atelier.is-ready .mogg-atelier__canvas{opacity:1}
.mogg-atelier__fallback{width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply}.mogg-atelier.is-ready .mogg-atelier__fallback{visibility:hidden}
.mogg-atelier__controls{position:absolute;bottom:3.8rem;display:flex;align-items:center;gap:1.2rem;font-size:1.1rem;letter-spacing:.02em}.mogg-atelier__controls[hidden]{display:none}
.mogg-atelier__controls button{width:40px;height:40px;border:1px solid #c7bda9;background:#f5efe3b8;border-radius:50%;color:#211d17;cursor:pointer;font-size:17px}.mogg-atelier__controls button:hover{background:#211d17;color:#f5efe3}.mogg-atelier__controls button:focus-visible{outline:2px solid #bd4937;outline-offset:3px}
.mogg-atelier__note{position:absolute;bottom:0;font-size:.95rem;color:#776c5b;letter-spacing:.015em;text-align:center;margin:0}
.mogg-first{padding-block:9rem;display:grid;grid-template-columns:1.1fr 1fr;gap:8rem;border-top:1px solid #d8cdbc}.mogg-first h2{font-size:clamp(3.8rem,4.6vw,6.4rem);line-height:1.1;margin:2rem 0}.mogg-first__body{padding-top:2rem;font-size:1.8rem;line-height:1.8;color:#655b4c;max-width:43ch}.mogg-first__body p:first-child{color:#211d17}
.mogg-next{padding-block:9rem}.mogg-next__heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:4rem}.mogg-next__heading h2{font-size:clamp(3.5rem,4vw,5.6rem);line-height:1.12;margin:1.5rem 0 0}.mogg-next__heading>p{color:#776c5b;font-size:1.45rem;line-height:1.7}
.mogg-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.mogg-next__card{color:inherit;text-decoration:none;background:#eee5d5;border:1px solid #dcd0bc;padding:2.4rem;transition:transform .5s cubic-bezier(.2,1,.3,1),box-shadow .5s;perspective:900px}.mogg-next__card:nth-child(2){background:#e8e8d8}.mogg-next__card:nth-child(3){background:#e9ded8}.mogg-next__top{display:flex;justify-content:space-between;font-size:1.1rem;letter-spacing:.13em}.mogg-next__image{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s}.mogg-next__card h3{font-size:2.7rem;line-height:1.1;margin:1.6rem 0}.mogg-next__card p{font-size:1.35rem;line-height:1.6;min-height:4.5rem;color:#655b4c}.mogg-next__card:hover .mogg-next__image{transform:rotate(-7deg) translateY(-8px)}.mogg-next__card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #211d1710}
.mogg-product-atelier{background:#f1e8d8;border-radius:6px;overflow:hidden}.mogg-product-photos{margin-top:2rem}.mogg-product-photos>summary{padding:1.5rem;border-bottom:1px solid #d8cdbc;cursor:pointer;font-size:1.3rem}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:mogg-page-out .22s ease-in both}
 ::view-transition-new(root){animation:mogg-page-in .4s cubic-bezier(.22,1,.36,1) both}
 @keyframes mogg-page-out{to{opacity:0;transform:perspective(1400px) translateY(-8px) rotateX(1deg)}}
 @keyframes mogg-page-in{from{opacity:0;transform:perspective(1400px) translateY(18px) rotateX(-1.5deg)}to{opacity:1;transform:none}}
 details[open]>.accordion__content{animation:mogg-page-in .35s both}
 .menu-drawer__menu-item{transition:transform .25s,color .25s}.menu-drawer__menu-item:hover{transform:translateX(7px)}
}
@media(max-width:989px){.mogg-launch{min-height:auto}.mogg-launch__sticky{position:relative;grid-template-columns:1fr;gap:0;padding-top:3.5rem;padding-bottom:4rem;min-height:0}.mogg-launch h1{font-size:clamp(5rem,10vw,8.4rem)}.mogg-launch__copy{max-width:650px}.mogg-launch__intro{max-width:48ch}.mogg-launch__chapter{display:none}.mogg-atelier{height:480px;max-width:490px}.mogg-first{gap:3rem}.mogg-next__image{height:210px}}
@media(max-width:749px){.mogg-launch h1{font-size:clamp(4.8rem,12vw,7rem);margin:1.8rem 0}.mogg-launch__intro{font-size:1.5rem;line-height:1.65;margin-bottom:2rem}.mogg-launch__actions{gap:1.5rem}.mogg-launch__actions .button{width:100%;min-height:5.2rem}.mogg-launch__actions .mogg-text-link{font-size:1.15rem}.mogg-atelier{height:420px;margin-top:1rem}.mogg-atelier__halo{width:92%}.mogg-atelier__controls{bottom:3.2rem;gap:.8rem}.mogg-atelier__controls button{width:38px;height:38px}.mogg-atelier__note{font-size:.85rem}.mogg-first{grid-template-columns:1fr;padding-block:5rem;gap:0}.mogg-first h2{margin-bottom:0}.mogg-first__body{font-size:1.6rem}.mogg-next{padding-block:5rem}.mogg-next__heading{display:block;margin-bottom:2.5rem}.mogg-next__grid{grid-template-columns:1fr}.mogg-next__card{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;padding:1.8rem}.mogg-next__top{grid-column:1/-1}.mogg-next__image{grid-column:1;grid-row:2/5;height:190px}.mogg-next__card h3{font-size:2.4rem;align-self:end}.mogg-next__card p{font-size:1.2rem;min-height:0}.mogg-next__card .mogg-text-link{font-size:1.1rem;align-self:start;justify-self:start}.mogg-product-atelier .mogg-atelier{height:390px}}
@media(prefers-reduced-motion:reduce){.mogg-launch{min-height:auto}.mogg-launch__sticky{position:relative}.mogg-launch__chapter{display:none}.mogg-next__card,.mogg-next__image{transition:none!important;transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

@font-face{font-family:MoggSignature;src:url('mogg-anton.ttf') format('truetype');font-display:swap}.mogg-logo-image{display:block;width:92px;height:auto}.mogg-footer-brand__logo .mogg-logo-image{width:220px}.mogg-first__pets{display:block;max-width:360px;width:85%;height:auto;margin:30px 0 -15px}.mogg-first__intro{overflow:hidden}@media(max-width:749px){.mogg-first__pets{max-width:260px;margin:22px auto 0}}

/* Finishes: clear identity, warm footer, unmistakable primary action. */
.mogg-logo{display:inline-flex;align-items:center;overflow:visible}.mogg-logo-image{width:98px;height:auto;max-height:none;overflow:visible}.mogg-footer-brand__logo .mogg-logo-image{width:190px}
.footer{--color-background:232,223,206;--gradient-background:#e8dfce;--color-foreground:33,29,23;--color-button:174,46,35;--color-button-text:255,255,255;background:#e8dfce;color:#211d17;border-top:1px solid #d5c8b4}.footer .footer-block__heading,.footer .footer-block__details-content,.footer .footer-block__details-content a,.footer .footer__copyright,.footer .copyright__content a{color:#211d17}.footer .field__input{background:#f5efe3;color:#211d17}
.product-form__submit.button{--color-button:174,46,35;--color-button-text:255,255,255;background:#ae2e23;color:#fff;min-height:64px;border:0;border-radius:8px;font-size:18px;font-weight:800;letter-spacing:.025em;box-shadow:0 5px 0 #7c2018;margin-top:14px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.product-form__submit.button:after{box-shadow:none}.product-form__submit.button:hover:not([disabled]){background:#97271e;transform:translateY(-2px);box-shadow:0 7px 0 #7c2018}.product-form__submit.button:focus-visible{outline:3px solid #211d17;outline-offset:5px}.product-form__submit.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:749px){.product-form__submit.button{min-height:64px;font-size:18px;margin-top:12px}.footer .mogg-footer-brand{align-items:flex-start}.mogg-logo-image{width:91px}}

.mogg-story:has(.mogg-story__backdrop){position:relative;overflow:hidden;background:#f3eadc}.mogg-story__backdrop{position:absolute;inset:0;display:block!important}.mogg-story__backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.mogg-story__backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3eadcf5 0%,#f3eadce8 32%,#f3eadc80 49%,transparent 68%)}.mogg-story:has(.mogg-story__backdrop) .mogg-story__inner{position:relative;z-index:1;min-height:640px;grid-template-columns:1fr 1fr;align-items:center}.mogg-story:has(.mogg-story__backdrop) .mogg-story__copy{max-width:510px}.mogg-story:has(.mogg-story__backdrop) .mogg-story__text{color:#211d17;max-width:45ch}.mogg-story:has(.mogg-story__backdrop) .mogg-story__heading{font-size:clamp(3.7rem,4.2vw,6.2rem);line-height:1.08}.mogg-story:has(.mogg-story__backdrop) .mogg-story__cta{background:#f3eadce8}
@media(max-width:749px){.mogg-story:has(.mogg-story__backdrop) .mogg-story__inner{grid-template-columns:1fr;align-items:start;min-height:880px;padding-top:4.5rem;padding-bottom:410px}.mogg-story__backdrop img{object-position:75% bottom;object-fit:cover}.mogg-story__backdrop:after{background:linear-gradient(180deg,#f3eadc 0%,#f3eadcfa 33%,#f3eadc8a 53%,transparent 68%)}.mogg-story:has(.mogg-story__backdrop) .mogg-story__heading{font-size:4.1rem}.mogg-story:has(.mogg-story__backdrop) .mogg-story__text{font-size:1.5rem}}