@keyframes etch-knob-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes etch-shake{0%,100%{transform:translateX(0) rotate(0deg)}15%{transform:translateX(-6px) rotate(-1.2deg)}30%{transform:translateX(7px) rotate(1deg)}45%{transform:translateX(-5px) rotate(-0.8deg)}60%{transform:translateX(5px) rotate(0.9deg)}75%{transform:translateX(-3px) rotate(-0.5deg)}}.home-etch-page{--etch-red:#e41e26;--etch-red-dark:#b8181f;--etch-frame:#f4f0e8;--etch-screen:#c9ccd1;--etch-screen-deep:#b8bcc2;--etch-line:#3a3a3e;--etch-sand:#d8cbb8;--etch-sand-dark:#b9a992;min-height:calc(100vh - var(--mc-header-height, 5.5rem));padding:1.5rem 1.25rem 3rem;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(90 95 202 / .14) 0%,transparent 60%),linear-gradient(180deg,#14121c 0%,#0d0c12 100%);color:#f4f0e8}.home-etch-banner{position:sticky;top:var(--mc-header-height,5.5rem);z-index:20;padding:.55rem 1.25rem;background:rgb(14 12 20 / .94);border-bottom:1px solid rgb(228 30 38 / .45)}.home-etch-banner__text{margin:0;display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;font-size:.78rem;color:rgb(255 255 255 / .72)}.home-etch-banner__text strong{color:#ff8a00;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.home-etch-banner__link{color:#7b7fff;font-weight:600;text-decoration:none}.home-etch-wrap{max-width:52rem;margin:0 auto;display:grid;gap:1.5rem}.home-etch-intro{text-align:center}.home-etch-intro__kicker{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7b7fff}.home-etch-intro__title{margin:0 0 .65rem;font-size:clamp(1.45rem, 3.5vw, 2rem);letter-spacing:-.02em}.home-etch-intro__lead{margin:0 auto;max-width:36rem;font-size:.95rem;line-height:1.55;color:rgb(255 255 255 / .72)}.etch-device{position:relative;padding:.5rem}.etch-device__brand{position:absolute;top:1.35rem;left:50%;transform:translateX(-50%);z-index:3;font-size:.62rem;font-weight:800;letter-spacing:.28em;color:rgb(255 255 255 / .85);text-shadow:0 1px 0 rgb(0 0 0 / .25);pointer-events:none}.etch-device__frame{position:relative;padding:1.35rem 1.35rem 4.75rem;border-radius:1.35rem;background:linear-gradient(165deg,var(--etch-red) 0%,var(--etch-red-dark) 100%);box-shadow:0 2rem 3.5rem -1rem rgb(0 0 0 / .55),inset 0 2px 0 rgb(255 255 255 / .22),inset 0 -4px 10px rgb(0 0 0 / .25)}.etch-device.is-shaking .etch-device__frame{animation:etch-shake 0.55s ease-in-out}.etch-screen{position:relative;aspect-ratio:5 / 4;border-radius:.35rem;background:linear-gradient(145deg,var(--etch-screen) 0%,var(--etch-screen-deep) 100%);box-shadow:inset 0 0 0 3px var(--etch-frame),inset 0 8px 24px rgb(0 0 0 / .18),inset 0 -2px 4px rgb(255 255 255 / .35);overflow:hidden}.etch-screen__glare{position:absolute;inset:0;background:linear-gradient(125deg,rgb(255 255 255 / .28) 0%,transparent 42%,transparent 100%);pointer-events:none;z-index:2}.etch-screen__svg{display:block;width:100%;height:100%}.etch-stroke{vector-effect:non-scaling-stroke}.etch-device.is-drawing .etch-stroke{transition:stroke-dashoffset linear}.etch-device.is-ready .etch-stroke{filter:drop-shadow(0 0 .35px rgb(0 0 0 / .35))}.etch-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.etch-device.is-ready .etch-hotspots{pointer-events:auto}.etch-hotspots[hidden]{display:none}.etch-sand-btn{position:absolute;display:flex;align-items:center;justify-content:center;padding:.2rem .35rem;border:2px solid var(--etch-sand-dark);border-radius:.35rem;background:radial-gradient(circle at 20% 20%,rgb(255 255 255 / .45) 0%,transparent 45%),linear-gradient(165deg,#e8dcc8 0%,var(--etch-sand) 38%,var(--etch-sand-dark) 100%);box-shadow:inset 0 2px 3px rgb(255 255 255 / .55),inset 0 -4px 6px rgb(120 100 70 / .35),0 4px 10px rgb(0 0 0 / .22);color:#3a3228;font-size:clamp(0.55rem, 1.6vw, 0.72rem);font-weight:700;line-height:1.15;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;opacity:0;transform:scale(.92) translateY(4px);transition:opacity 0.35s ease,transform 0.35s cubic-bezier(.34,1.4,.64,1),box-shadow 0.12s ease;overflow:hidden}.etch-device.is-ready .etch-sand-btn{opacity:1;transform:scale(1) translateY(0)}.etch-sand-btn__grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(https://beriox.ca/wp-content/themes/beriox/assets/css/%23n)' opacity='0.5'/></svg>");pointer-events:none}.etch-sand-btn__label{position:relative;z-index:1}.etch-sand-btn:hover{box-shadow:inset 0 1px 2px rgb(255 255 255 / .5),inset 0 -3px 5px rgb(120 100 70 / .3),0 6px 14px rgb(0 0 0 / .28);filter:brightness(1.03)}.etch-sand-btn:active{transform:scale(.96) translateY(2px);box-shadow:inset 0 3px 6px rgb(120 100 70 / .45),inset 0 -1px 2px rgb(255 255 255 / .35),0 2px 4px rgb(0 0 0 / .18)}.etch-sand-btn:focus-visible{outline:2px solid #5a5fca;outline-offset:2px}.etch-knobs{position:absolute;left:0;right:0;bottom:.85rem;display:flex;justify-content:space-between;padding:0 1.75rem;pointer-events:none}.etch-knob{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(145deg,#fff 0%,#e8e8ea 55%,#c8c8cc 100%);box-shadow:0 6px 14px rgb(0 0 0 / .28),inset 0 2px 0 rgb(255 255 255 / .9),inset 0 -3px 6px rgb(0 0 0 / .12)}.etch-knob__cap{position:absolute;inset:.35rem;border-radius:50%;background:linear-gradient(180deg,#fafafa 0%,#ddd 100%)}.etch-knob__grip{position:absolute;top:50%;left:50%;width:68%;height:.22rem;margin:-.11rem 0 0 -34%;background:#9a9aa0;border-radius:1px;transform-origin:center}.etch-device.is-drawing .etch-knob--left .etch-knob__grip{animation:etch-knob-spin 0.55s linear infinite}.etch-device.is-drawing .etch-knob--right .etch-knob__grip{animation:etch-knob-spin 0.42s linear infinite reverse}.etch-device.is-drawing[data-etch-axis="v"] .etch-knob--left .etch-knob__grip{animation-duration:0.75s}.etch-device.is-drawing[data-etch-axis="h"] .etch-knob--right .etch-knob__grip{animation-duration:0.75s}.etch-controls{position:absolute;left:50%;bottom:1.15rem;transform:translateX(-50%);display:flex;gap:.5rem;z-index:5}.etch-shake-btn,.etch-redraw-btn{padding:.4rem .85rem;border:none;border-radius:999px;background:rgb(255 255 255 / .92);color:var(--etch-red-dark);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.etch-shake-btn:hover,.etch-redraw-btn:hover{background:#fff}.etch-redraw-btn[hidden]{display:none}.home-etch-status{margin:0;text-align:center;font-size:.85rem;color:rgb(255 255 255 / .68);min-height:1.25rem}@media (max-width:560px){.etch-device__frame{padding-bottom:5.25rem}.etch-knobs{padding:0 1rem}.etch-knob{width:2.75rem;height:2.75rem}.etch-sand-btn{font-size:.5rem;letter-spacing:0}}@media (prefers-reduced-motion:reduce){.etch-device.is-shaking .etch-device__frame,.etch-device.is-drawing .etch-knob__grip{animation:none!important}.etch-stroke{stroke-dashoffset:0!important}.etch-sand-btn{opacity:1!important;transform:none!important;transition:none!important}}