.mug-sheets{display:grid;gap:22px;margin-top:130px}.mug-sheets .reveal{transition-delay:var(--d,0s)}.mug-sheets-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}.mug-sheets-head h2{font-size:clamp(28px,3.2vw,42px);margin:0}.mug-sheets-head p{margin:0 0 6px;max-width:30ch;color:var(--cream-soft);font-size:15.5px;text-align:right}.mug-sheet{background:var(--tray-bg);border:1px solid var(--hairline);border-radius:2rem;padding:.55rem;box-shadow:0 30px 70px -35px var(--shadow-mid)}.mug-sheet-core{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);background:var(--plaque);border-radius:calc(2rem - .55rem);box-shadow:inset 0 1px 1px var(--bezel-highlight);overflow:hidden}.mug-sheet:nth-child(odd) .mug-sheet-core{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.mug-sheet:nth-child(odd) .mug-sheet-art{order:2}.mug-sheet-art{background:#fff;display:grid;place-items:center;padding:3.5% 2.5%;overflow:hidden}.mug-sheet-art img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.32,.72,0,1)}.mug-sheet:hover .mug-sheet-art img{transform:scale(1.025)}.mug-sheet-caption{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:30px 34px}.mug-sheet-caption h3{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.15}.mug-sheet-caption p{margin:0;color:var(--cream-soft);font-size:15.5px;line-height:1.5;max-width:30ch}.mug-sheet-caption .btn{margin-top:14px;align-self:flex-start;font-size:15px}.mug-faq{padding:72px 0 0}.mug-faq h2{font-size:clamp(26px,3vw,38px);margin:0 0 26px}.mug-personalized{margin:56px auto 0;max-width:640px;text-align:center;color:var(--cream-soft);font-size:15.5px}.mug-personalized a{color:var(--forest);font-weight:600}@media (prefers-reduced-motion:no-preference){@keyframes mug-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:900px){.mug-sheets{margin-top:90px}.mug-sheets .reveal{transition-delay:0s}.mug-sheets-head{flex-direction:column;align-items:flex-start;gap:10px}.mug-sheets-head p{text-align:left}.mug-sheet-core,.mug-sheet:nth-child(odd) .mug-sheet-core{grid-template-columns:1fr}.mug-sheet:nth-child(odd) .mug-sheet-art{order:0}.mug-sheet-caption{padding:22px 24px 26px}}.mug-page{max-width:1150px;margin:0 auto;padding:120px 24px 110px}.mug-stage{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);grid-template-rows:auto 1fr;grid-template-areas:"head visual" "order visual";column-gap:56px;align-items:start;scroll-margin-top:96px}.mug-stage-head{grid-area:head}.mug-stage-head h1{font-size:clamp(36px,4.4vw,58px);line-height:1.02;letter-spacing:-.012em;margin:0 0 18px}.mug-promise{color:var(--cream-soft);font-size:18px;line-height:1.55;margin:0 0 30px;max-width:40ch}.mug-stage-order{grid-area:order}.mug-stage-visual{grid-area:visual;position:sticky;top:92px}.mug-viewer-shell{background:var(--tray-bg);border:1px solid var(--hairline);border-radius:2rem;padding:.55rem;box-shadow:0 40px 90px -45px var(--shadow-mid)}.mug-viewer{position:relative;aspect-ratio:1;border-radius:calc(2rem - .55rem);overflow:hidden;background:radial-gradient(120% 90% at 50% 16%,var(--scene-glow) 0%,var(--wall) 68%,color-mix(in srgb,var(--wall) 88%,var(--shadow-ink)) 100%);box-shadow:inset 0 1px 1px var(--bezel-highlight);touch-action:pan-y;user-select:none;-webkit-user-select:none}.mug-viewer.is-ready{cursor:grab}.mug-viewer.is-dragging{cursor:grabbing}.mug-viewer canvas{position:absolute;inset:0;display:block;width:100% !important;height:100% !important;opacity:0;transition:opacity .9s cubic-bezier(.32,.72,0,1)}.mug-viewer.is-ready canvas{opacity:1}.mug-viewer.is-static{--mug-static:1}.mug-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.18);opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.32,.72,0,1)}.mug-fallback:first-child{opacity:var(--mug-static,0)}.mug-stage:has(input[name=model]:checked) .mug-fallback{opacity:0}.mug-stage:has([value=case-impossible]:checked) .mug-fallback[data-model=case-impossible],.mug-stage:has([value=version-honnete]:checked) .mug-fallback[data-model=version-honnete],.mug-stage:has([value=deja-coche]:checked) .mug-fallback[data-model=deja-coche]{opacity:var(--mug-static,0)}.mug-faces{position:absolute;top:14px;right:14px;z-index:1;display:flex;gap:6px;opacity:0;transform:translateY(-6px);transition:opacity .6s cubic-bezier(.32,.72,0,1) .3s,transform .6s cubic-bezier(.32,.72,0,1) .3s}.mug-viewer.is-ready .mug-faces{opacity:1;transform:none}.mug-faces button{font:inherit;font-size:12.5px;font-weight:500;letter-spacing:.02em;padding:7px 13px;border-radius:999px;cursor:pointer;border:1px solid var(--hairline-mid);background:var(--glass-sheet);color:var(--ink-strong);transition:background .5s cubic-bezier(.32,.72,0,1),border-color .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}.mug-faces button:hover{border-color:var(--hairline-strong)}.mug-faces button:active{transform:scale(.96)}.mug-faces button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--on-accent)}.mug-hint{position:absolute;left:0;right:0;bottom:16px;z-index:1;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--cream-soft);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .6s cubic-bezier(.32,.72,0,1) .6s,transform .6s cubic-bezier(.32,.72,0,1) .6s}.mug-hint svg{width:16px;height:16px}.mug-viewer.is-ready .mug-hint{opacity:1;transform:none}.mug-viewer.has-moved .mug-hint,.mug-viewer.is-static .mug-hint,.mug-viewer.is-static .mug-faces{opacity:0;transition-delay:0s}.mug-specs{margin:14px 4px 0;font-size:13px;line-height:1.5;color:var(--cream-soft);text-align:center}.mug-models{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}.mug-models legend{padding:0;margin:0 0 12px;font-size:13px;letter-spacing:.02em;color:var(--cream-soft)}.mug-model{position:relative;display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:16px 18px 17px;border-radius:18px;background:var(--plaque);border:1px solid var(--hairline);cursor:pointer;transition:border-color .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}.mug-model:hover{border-color:var(--hairline-strong);transform:translateY(-1px)}.mug-model input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.mug-model:has(input:focus-visible){outline:2px solid var(--forest);outline-offset:2px}.mug-model:has(input:checked){border-color:var(--accent-hairline);box-shadow:0 22px 44px -30px var(--shadow-mid),inset 0 1px 1px var(--bezel-highlight)}.mug-model-box{width:24px;height:24px;margin-top:1px;border-radius:8px;border:2px solid var(--ink-strong);display:grid;place-items:center;color:var(--on-accent);transition:background .45s cubic-bezier(.32,.72,0,1),border-color .45s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.32,.72,0,1)}.mug-model-box svg{width:14px;height:14px;opacity:0;transform:scale(.5);transition:opacity .35s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.32,.72,0,1)}.mug-model:has(input:checked) .mug-model-box{background:var(--forest);border-color:var(--forest);transform:scale(1.06)}.mug-model:has(input:checked) .mug-model-box svg{opacity:1;transform:scale(1)}.mug-model-text{min-width:0}.mug-model-text strong{display:block;font-family:var(--font-display,"Fraunces",serif);font-style:var(--display-style,normal);font-weight:var(--display-weight,600);font-size:19px;line-height:1.2}.mug-tagline{display:block;margin-top:4px;color:var(--cream-soft);font-size:14.5px;line-height:1.45}.mug-buy{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--hairline-mid)}.mug-price{margin:0;font-family:var(--font-display,"Fraunces",serif);font-style:var(--display-style,normal);font-weight:var(--display-weight,600);font-size:30px;line-height:1}.mug-price small{display:block;margin-top:6px;font-family:'Outfit',sans-serif;font-weight:400;font-size:13px;color:var(--cream-soft)}@media (prefers-reduced-motion:no-preference){.mug-stage-visual{animation:mug-rise 1s cubic-bezier(.32,.72,0,1) .12s both}}@media (max-width:900px){.mug-stage{grid-template-columns:1fr;grid-template-areas:"head" "visual" "order";row-gap:26px}.mug-stage-visual{position:static}.mug-promise{margin-bottom:0}}@media (max-width:520px){.mug-page{padding-top:110px}.mug-buy{align-items:flex-start}.mug-buy .btn{width:100%;justify-content:space-between}}