/* ========================================================================== Lai rod nam / Złote Wrota — doors.css (owner: hero3d). Generowany: tools/hero/scripts/make-css.py (doors.tpl.css + wektor kanok). Kontrakt: docs/HERO.md, CONCEPT §4.0. .doors--lai — home: lakowany panel POD treścią hero (z-index 0, pod .hero__grid): kanok w stonowanym złocie (maska SVG), podwójna ramka z rombami po obwodzie, osłona czytelności (--lai-guard z boot.js), światło świecy (--lx/--ly), fala „zmycia”. Widoczny dopiero z .is-ready (boot.js policzył osłonę); bez JS hero bez panelu. .doors--static — 404: zamknięte wrota (dwa skrzydła, medalion), bez animacji i bez JS. Stan: (+ data-lai-wave raz na sesję) z partials/doors-head.php; .doors--lai.is-wave (fala), .is-live (światło płynnie podąża), .is-pass (przejście światła po fali, dotyk), .is-gl (three.js przejął). Wygląd spoczynku (kolory złota, światło, ramka) powtarza door.js (uFx = 0) — zmiany rób w obu. ========================================================================== */ .doors { --doors-kanok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1536' height='2048' viewBox='0 0 1536 2048'%3E%3Cdefs%3E%3Cg id='t'%3E%3Cpath id='k' d='M-8 513c0-5 1-7 4-14 4-9 4-9 7-3 1 3 5 10 8 15l6 9-13 0-12 0 0-7zM21 515c-7-16-2-33 15-43 12-9 17-19 13-29-2-6 3-4 10 5 8 11 10 23 5 32-4 7-3 7 2 2 5-5 5-5 6 3 1 10-3 20-10 24-8 5-17 0-16-9 1-5 1-5-2-2-4 4-5 9-5 16 0 6 0 6-8 6-8 0-8 0-10-5zM72 517c10-4 14-9 16-19 1-7 6 0 11 14 2 9 3 8-16 8-17 0-17 0-11-3zM227 517c4-4 6-4 10 0 3 3 3 3-5 3-8 0-8 0-5-3zM240 516c-3-6-3-10 0-13 2-1 4-3 4-5 1-1 4-6 6-9 3-4 5-8 5-9 0-2 2-1 3 2 1 2 1 9 1 18 0 15 0 15-4 15-3 1-6 2-8 3-4 3-4 3-7-2zM222 508c-7-9-16-13-34-16-30-6-46-23-46-50l0-10 6 3c10 5 12 4 5-3-9-8-10-18-4-32 1-4 2-8 2-12 1-8 4-6 7 3 2 5 6 11 14 17 4 3 7 6 8 9 3 5 4 5 4 1 0-5 0-5 7-1 15 9 21 29 10 39-4 3-8 5-12 3-4-1-4-1-1-5 6-8-5-14-12-6-10 11 0 26 22 31 19 5 30 14 34 28 2 6-6 7-10 1zM233 501c-1-5-7-13-13-17-14-10-16-26-4-41 2-3 2-3 3 3 1 4 2 8 4 13 2 3 4 7 4 9 0 2 0 2 2 0 4-3 11 8 12 19 0 8-6 19-8 14zM-7 490c-1-1-1-8-1-23 0-22 0-22 3-28 2-3 4-6 4-7 0-2 2-1 3 2 1 2 4 8 8 13 11 16 11 27 0 39-5 6-5 6-8 1 0-2-2-4-2-4 0 0-2 2-2 4-2 4-3 5-5 3zM22 463c0-9-2-13-9-22-6-6-10-14-11-22-2-7-2-7-4 0 0 3-2 8-3 11-3 4-3 4-3-21 0-26 0-26 3-34 2-4 4-8 4-8 0-1 0-2 1-2 1 0 1 1 1 2 0 3 7 16 14 25 8 12 11 20 8 29-1 5 1 4 3-2l3-4 2 4c11 19 10 34-4 47l-5 5 0-8zM132 456c-1-3-5-6-9-8-10-6-11-6-16-15-3-4-7-10-10-12l-5-4 5 0c12 2 32 17 38 28 5 12 3 19-3 11zM255 437c-2-9-12-25-20-33-9-8-10-17-2-20 3-2 3-2 1-4-2-2-6-2-13 0-10 4-15 0-30-19-2-2-5-5-8-7-4-4-4-4 0-5 11-5 20-5 28 1 2 2 9 6 14 9 16 7 26 20 29 35 2 7 2 7 4 1 1-4 1-1 1 16 0 23-2 37-4 26zM127 427c-28-19-38-43-27-64l3-4 2 4c3 5 4 5 3-1-2-6 1-17 7-24 5-7 6-7 5-1 0 7 2 12 9 22 10 14 13 23 9 31-4 10-15 7-12-3 0-2 0-2-2-1-9 8-2 29 13 37 4 2 9 8 5 7-3-2-3-2-3 2 0 4 0 4-12-5zM96 414c-15-4-25-12-31-25-4-10-7-13-17-18-20-10-41-42-34-51 2-2 2-2 5 3 4 8 13 16 22 23 7 4 9 7 13 12 5 8 8 11 15 16 8 4 14 11 19 21 2 4 7 11 10 14 3 4 6 7 6 7 0 0-4-1-8-2zM88 384c-23-19-35-41-30-58 1-5 8-15 9-14 3 3 3-2 0-14-1-6-2-7-8-13l-6-6 5 0c14 0 29 15 29 29 0 6 3 5 5-1 0-3 0-3 3-1 9 9 10 28 1 35-6 5-14-2-10-9 1-2 1-2-3 0-10 5-8 24 4 35 6 6 6 6 6 13 1 8 1 8-5 4zM253 374c-2-3-6-10-10-15-15-20-15-30 2-48 4-5 8-10 9-12 4-10 5-3 5 39 0 43-1 48-6 36zM227 355c-27-10-35-36-19-60 6-8 8-10 8-6 0 1 0 2 1 3 1 0 1-1 1-2 0-6 9-19 10-15 1 3 1 3 2 0 0-2 4-7 8-13 4-5 9-14 12-20 6-12 6-12 8-8 1 5 1 38 0 34-2-4-2-4-6 5-3 5-8 12-14 20-22 26-23 36-7 61 1 2 1 2-4 1zM190 339c-12-1-22-8-27-18-2-4-2-4 0-4 1 0 1 0-1-3-6-6-8-16-7-29 1-6 1-6 5-3 4 4 8 6 16 6 10 1 17 8 16 18 0 4-1 4-5 2-3-1-3-1-5 1-4 4-1 11 8 15 4 2 5 3 6 5 0 1 1 4 2 6 2 5 2 5 1 5-1 0-5-1-9-1zM-1 331c0-1-2-4-3-6-5-7-6-31-2-29 4 2 9 1 13-1 5-4 6-3 9 1 3 6 2 14-1 12-1 0-2 1-2 3-1 2-3 6-5 9-2 3-5 6-6 8-1 4-3 5-3 3zM197 300c-2-8-18-24-18-17 0 4-5 4-10 0-10-10-12-26-5-40 5-10 5-10 7-2 1 7 5 13 9 14 13 6 17 8 20 15 5 9 4 20 0 30-3 4-3 4-3 0zM18 293c-3-3-4-4-3-6 1-3 1-9 0-13-1-3-1-3 3-7 6-6 7-5 17 5l10 8-9 9c-11 10-12 11-18 4zM-5 290c-5-2-4-18 1-20 5-2 10 0 13 4 6 10-4 22-14 16zM210 285c1-2 3-8 5-13 5-12 5-26 1-33-4-5-6-6-5-1 2 6-3 13-11 12-9-2-16-15-14-28 1-5 1-5 4-1 5 4 6 4 3-2-5-10 0-29 11-38 5-5 6-5 4 0-4 11 0 21 13 29 20 13 24 32 12 52-3 5-5 6-5 4 0-1-3 3-6 8-3 6-6 9-7 8 0 0-2 1-3 3-2 3-2 3-2 0zM7 266c-4-2-9-2-13-1-3 2-3-22 0-27 2-2 3-4 4-6 1-3 3-4 3-1 1 1 3 5 6 9 3 4 5 8 5 8 0 1 1 2 3 4 4 4 4 7 0 12-4 5-3 5-8 2zM28 260c-1-1-3-1-4-1-2 0-3 0-3-3 0-2-1-6-3-9-2-3-4-7-4-8 0-6 6-20 9-20 3 0 7-11 6-19l0-7 4 4c11 12 11 28 1 38-5 4-9 10-7 10 0 0 2-1 3-3 4-4 11-8 19-10 14-5 21-10 24-20 3-10-5-23-12-19-1 1-1 1 1 4 7 9-6 16-15 7-9-10-5-28 10-38 7-5 8-5 7-1 0 3 0 3 2 1 2-4 4-6 10-9 9-5 17-15 17-21 0-3 2-2 4 2 8 18 7 34-4 45-6 7-5 7 10 0 0 0 0 3 0 10-3 28-16 44-43 50-14 3-20 6-26 13-3 4-5 5-6 4zM247 221c-12-12-12-24-2-38 3-3 6-8 8-11 3-7 3-7 5-3 2 6 1 59-1 57-1-2-1-2-2-1-2 3-2 3-8-4zM109 209c-2-1-1-10 1-15 6-12 28-28 43-31l5 0-6 4c-3 3-6 7-8 10-4 8-9 13-17 16-9 4-12 7-15 12-2 5-2 5-3 4zM228 203c-12-15-13-29-4-45 3-5 3-5 5-2 3 5 4 6 3 0-2-8 1-16 4-11 1 2 1 2 1-2 1-2 4-10 9-18 4-7 7-16 8-18 3-11 5 0 5 29 0 17-1 22-1 18-2-7-2-6-4 1-1 8-5 16-11 23-9 10-12 20-9 28 2 5-1 3-6-3zM-1 185c-1-2-2-6-4-9-3-6-3-6-3-26 0-21 2-23 6-5 2 6 2 6 4 0 3-15 12-26 24-32 15-7 16-7 21-12 7-6 21-6 30 0 0 0-2 3-6 6-3 4-8 9-10 12-8 11-18 15-27 10-5-3-8-3-11 0-2 2-2 2 1 4 9 3 7 11-6 25-8 9-15 20-17 27 0 4-2 4-2 0zM106 185c0-1 0-2 1-3 1-3 1-3-1-3-4 0-1-4 7-9 12-9 18-26 9-34-2-2-2-2-2 2 0 9-7 11-11 5-7-9-2-21 12-37 10-10 13-15 13-21 0-6 1-5 6 4 4 9 5 19 3 25-2 5-1 5 3 0 4-4 4-4 6 5 3 18-6 38-24 51-4 2-10 6-14 9-4 3-8 6-8 6zM151 156c4-4 8-9 11-15 5-10 11-16 20-22 9-6 14-11 18-17 2-4 5-7 11-12 15-11 23-20 26-29 2-5 2-5 4-2 7 9-19 48-40 58-11 6-14 9-19 21-8 15-22 25-36 25-1 0 2-3 5-7zM156 126c0-8 0-8 4-9 15-8 23-29 14-39-3-3-6-4-4-1 2 4-1 11-5 11-9 0-14-17-9-28 4-9 9-14 9-9 0 1 1 4 2 5 2 2 2 2 2-4 2-17 20-32 34-27 4 2 3 3-2 5-8 3-12 10-13 22-1 6-1 6 1 5 1-2 2-1 6 8 10 20-6 50-38 68 0 1-1-1-1-7zM-4 123c-6-11-6-63-1-71 2-3 4-6 4-6 0-2 2-1 4 3 1 3 5 8 9 12 15 18 15 29 0 50-3 4-7 11-9 14-3 7-3 7-7-2zM22 109c0-1 2-4 4-8 14-23 12-37-8-61-8-9-14-19-16-24-2-4-2-4-6 4l-4 8 0-17c0-20-1-19 8-19 6 0 6 0 13 9 15 23 15 23 17 21 1-3 7 6 9 14 2 6 2 6 3 2 1-3 1-3 6 4 14 23 11 46-9 59-3 3-17 9-17 8zM59 84c3-6 3-6 7-7 11-3 17-13 12-17-2-3-4-2-6 0-2 2-2 2-4 0-7-8 4-24 15-23 6 0 13-3 18-7l4-4 1 9c1 11 0 20-3 26-1 2-2 4-1 4 1 1-3 10-7 14-6 7-12 9-24 10-6 0-12 1-13 1-2 1-2 1 1-6zM251 65c-2-4-5-9-6-11-1-3-3-5-4-5-5-2-5-10 0-16 2-3 2-3 4-1 3 2 7 4 11 4 3 0 3 0 3 15 0 21-1 23-8 14zM57 46c-7-18-1-34 16-41 6-2 10-6 12-10 2-4 10-4 12 0 5 13 4 23-3 32-5 7-15 11-14 7 1-5 0-5-6 0-8 5-11 10-12 15 0 6-1 5-5-3zM230 37c-1-1-6-5-11-10-8-8-8-8-5-10 2-2 6-6 10-9 7-7 9-7 14-3 5 5 5 5 2-1-5-10-3-12 9-12 10 0 10 0 10 5 0 6 0 6-4 6-11 1-19 14-14 23 1 2 0 3-4 7-5 5-5 5-7 4zM45 33c-1-1-2-2-2-2-1 1-4-2-7-8-3-6-6-9-7-9-2 1-9-10-11-18 0-4 0-4 11-4l11 0 0 10c0 9 0 10 3 19 4 9 5 17 2 12zM251 30c-9-4-8-18 2-21 6-2 6-1 6 11 0 12-1 13-8 10zM222-4l-3-4 6 0c8 1 10 4 4 7-4 2-4 2-7-3zM50-3c-6-4-5-5 7-5 10 0 10 0 8 2-4 5-11 6-15 3z'/%3E%3Cuse href='%23k' transform='matrix(-1 0 0 1 512 0)'/%3E%3C/g%3E%3Cg id='r'%3E%3Cuse href='%23t'/%3E%3Cuse href='%23t' x='512'/%3E%3Cuse href='%23t' x='1024'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23r'/%3E%3Cuse href='%23r' y='512'/%3E%3Cuse href='%23r' y='1024'/%3E%3Cuse href='%23r' y='1536'/%3E%3C/svg%3E"); --lai-kanok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6144' height='6144' viewBox='0 0 6144 6144'%3E%3Cdefs%3E%3Cg id='t'%3E%3Cpath id='k' d='M-8 513c0-5 1-7 4-14 4-9 4-9 7-3 1 3 5 10 8 15l6 9-13 0-12 0 0-7zM21 515c-7-16-2-33 15-43 12-9 17-19 13-29-2-6 3-4 10 5 8 11 10 23 5 32-4 7-3 7 2 2 5-5 5-5 6 3 1 10-3 20-10 24-8 5-17 0-16-9 1-5 1-5-2-2-4 4-5 9-5 16 0 6 0 6-8 6-8 0-8 0-10-5zM72 517c10-4 14-9 16-19 1-7 6 0 11 14 2 9 3 8-16 8-17 0-17 0-11-3zM227 517c4-4 6-4 10 0 3 3 3 3-5 3-8 0-8 0-5-3zM240 516c-3-6-3-10 0-13 2-1 4-3 4-5 1-1 4-6 6-9 3-4 5-8 5-9 0-2 2-1 3 2 1 2 1 9 1 18 0 15 0 15-4 15-3 1-6 2-8 3-4 3-4 3-7-2zM222 508c-7-9-16-13-34-16-30-6-46-23-46-50l0-10 6 3c10 5 12 4 5-3-9-8-10-18-4-32 1-4 2-8 2-12 1-8 4-6 7 3 2 5 6 11 14 17 4 3 7 6 8 9 3 5 4 5 4 1 0-5 0-5 7-1 15 9 21 29 10 39-4 3-8 5-12 3-4-1-4-1-1-5 6-8-5-14-12-6-10 11 0 26 22 31 19 5 30 14 34 28 2 6-6 7-10 1zM233 501c-1-5-7-13-13-17-14-10-16-26-4-41 2-3 2-3 3 3 1 4 2 8 4 13 2 3 4 7 4 9 0 2 0 2 2 0 4-3 11 8 12 19 0 8-6 19-8 14zM-7 490c-1-1-1-8-1-23 0-22 0-22 3-28 2-3 4-6 4-7 0-2 2-1 3 2 1 2 4 8 8 13 11 16 11 27 0 39-5 6-5 6-8 1 0-2-2-4-2-4 0 0-2 2-2 4-2 4-3 5-5 3zM22 463c0-9-2-13-9-22-6-6-10-14-11-22-2-7-2-7-4 0 0 3-2 8-3 11-3 4-3 4-3-21 0-26 0-26 3-34 2-4 4-8 4-8 0-1 0-2 1-2 1 0 1 1 1 2 0 3 7 16 14 25 8 12 11 20 8 29-1 5 1 4 3-2l3-4 2 4c11 19 10 34-4 47l-5 5 0-8zM132 456c-1-3-5-6-9-8-10-6-11-6-16-15-3-4-7-10-10-12l-5-4 5 0c12 2 32 17 38 28 5 12 3 19-3 11zM255 437c-2-9-12-25-20-33-9-8-10-17-2-20 3-2 3-2 1-4-2-2-6-2-13 0-10 4-15 0-30-19-2-2-5-5-8-7-4-4-4-4 0-5 11-5 20-5 28 1 2 2 9 6 14 9 16 7 26 20 29 35 2 7 2 7 4 1 1-4 1-1 1 16 0 23-2 37-4 26zM127 427c-28-19-38-43-27-64l3-4 2 4c3 5 4 5 3-1-2-6 1-17 7-24 5-7 6-7 5-1 0 7 2 12 9 22 10 14 13 23 9 31-4 10-15 7-12-3 0-2 0-2-2-1-9 8-2 29 13 37 4 2 9 8 5 7-3-2-3-2-3 2 0 4 0 4-12-5zM96 414c-15-4-25-12-31-25-4-10-7-13-17-18-20-10-41-42-34-51 2-2 2-2 5 3 4 8 13 16 22 23 7 4 9 7 13 12 5 8 8 11 15 16 8 4 14 11 19 21 2 4 7 11 10 14 3 4 6 7 6 7 0 0-4-1-8-2zM88 384c-23-19-35-41-30-58 1-5 8-15 9-14 3 3 3-2 0-14-1-6-2-7-8-13l-6-6 5 0c14 0 29 15 29 29 0 6 3 5 5-1 0-3 0-3 3-1 9 9 10 28 1 35-6 5-14-2-10-9 1-2 1-2-3 0-10 5-8 24 4 35 6 6 6 6 6 13 1 8 1 8-5 4zM253 374c-2-3-6-10-10-15-15-20-15-30 2-48 4-5 8-10 9-12 4-10 5-3 5 39 0 43-1 48-6 36zM227 355c-27-10-35-36-19-60 6-8 8-10 8-6 0 1 0 2 1 3 1 0 1-1 1-2 0-6 9-19 10-15 1 3 1 3 2 0 0-2 4-7 8-13 4-5 9-14 12-20 6-12 6-12 8-8 1 5 1 38 0 34-2-4-2-4-6 5-3 5-8 12-14 20-22 26-23 36-7 61 1 2 1 2-4 1zM190 339c-12-1-22-8-27-18-2-4-2-4 0-4 1 0 1 0-1-3-6-6-8-16-7-29 1-6 1-6 5-3 4 4 8 6 16 6 10 1 17 8 16 18 0 4-1 4-5 2-3-1-3-1-5 1-4 4-1 11 8 15 4 2 5 3 6 5 0 1 1 4 2 6 2 5 2 5 1 5-1 0-5-1-9-1zM-1 331c0-1-2-4-3-6-5-7-6-31-2-29 4 2 9 1 13-1 5-4 6-3 9 1 3 6 2 14-1 12-1 0-2 1-2 3-1 2-3 6-5 9-2 3-5 6-6 8-1 4-3 5-3 3zM197 300c-2-8-18-24-18-17 0 4-5 4-10 0-10-10-12-26-5-40 5-10 5-10 7-2 1 7 5 13 9 14 13 6 17 8 20 15 5 9 4 20 0 30-3 4-3 4-3 0zM18 293c-3-3-4-4-3-6 1-3 1-9 0-13-1-3-1-3 3-7 6-6 7-5 17 5l10 8-9 9c-11 10-12 11-18 4zM-5 290c-5-2-4-18 1-20 5-2 10 0 13 4 6 10-4 22-14 16zM210 285c1-2 3-8 5-13 5-12 5-26 1-33-4-5-6-6-5-1 2 6-3 13-11 12-9-2-16-15-14-28 1-5 1-5 4-1 5 4 6 4 3-2-5-10 0-29 11-38 5-5 6-5 4 0-4 11 0 21 13 29 20 13 24 32 12 52-3 5-5 6-5 4 0-1-3 3-6 8-3 6-6 9-7 8 0 0-2 1-3 3-2 3-2 3-2 0zM7 266c-4-2-9-2-13-1-3 2-3-22 0-27 2-2 3-4 4-6 1-3 3-4 3-1 1 1 3 5 6 9 3 4 5 8 5 8 0 1 1 2 3 4 4 4 4 7 0 12-4 5-3 5-8 2zM28 260c-1-1-3-1-4-1-2 0-3 0-3-3 0-2-1-6-3-9-2-3-4-7-4-8 0-6 6-20 9-20 3 0 7-11 6-19l0-7 4 4c11 12 11 28 1 38-5 4-9 10-7 10 0 0 2-1 3-3 4-4 11-8 19-10 14-5 21-10 24-20 3-10-5-23-12-19-1 1-1 1 1 4 7 9-6 16-15 7-9-10-5-28 10-38 7-5 8-5 7-1 0 3 0 3 2 1 2-4 4-6 10-9 9-5 17-15 17-21 0-3 2-2 4 2 8 18 7 34-4 45-6 7-5 7 10 0 0 0 0 3 0 10-3 28-16 44-43 50-14 3-20 6-26 13-3 4-5 5-6 4zM247 221c-12-12-12-24-2-38 3-3 6-8 8-11 3-7 3-7 5-3 2 6 1 59-1 57-1-2-1-2-2-1-2 3-2 3-8-4zM109 209c-2-1-1-10 1-15 6-12 28-28 43-31l5 0-6 4c-3 3-6 7-8 10-4 8-9 13-17 16-9 4-12 7-15 12-2 5-2 5-3 4zM228 203c-12-15-13-29-4-45 3-5 3-5 5-2 3 5 4 6 3 0-2-8 1-16 4-11 1 2 1 2 1-2 1-2 4-10 9-18 4-7 7-16 8-18 3-11 5 0 5 29 0 17-1 22-1 18-2-7-2-6-4 1-1 8-5 16-11 23-9 10-12 20-9 28 2 5-1 3-6-3zM-1 185c-1-2-2-6-4-9-3-6-3-6-3-26 0-21 2-23 6-5 2 6 2 6 4 0 3-15 12-26 24-32 15-7 16-7 21-12 7-6 21-6 30 0 0 0-2 3-6 6-3 4-8 9-10 12-8 11-18 15-27 10-5-3-8-3-11 0-2 2-2 2 1 4 9 3 7 11-6 25-8 9-15 20-17 27 0 4-2 4-2 0zM106 185c0-1 0-2 1-3 1-3 1-3-1-3-4 0-1-4 7-9 12-9 18-26 9-34-2-2-2-2-2 2 0 9-7 11-11 5-7-9-2-21 12-37 10-10 13-15 13-21 0-6 1-5 6 4 4 9 5 19 3 25-2 5-1 5 3 0 4-4 4-4 6 5 3 18-6 38-24 51-4 2-10 6-14 9-4 3-8 6-8 6zM151 156c4-4 8-9 11-15 5-10 11-16 20-22 9-6 14-11 18-17 2-4 5-7 11-12 15-11 23-20 26-29 2-5 2-5 4-2 7 9-19 48-40 58-11 6-14 9-19 21-8 15-22 25-36 25-1 0 2-3 5-7zM156 126c0-8 0-8 4-9 15-8 23-29 14-39-3-3-6-4-4-1 2 4-1 11-5 11-9 0-14-17-9-28 4-9 9-14 9-9 0 1 1 4 2 5 2 2 2 2 2-4 2-17 20-32 34-27 4 2 3 3-2 5-8 3-12 10-13 22-1 6-1 6 1 5 1-2 2-1 6 8 10 20-6 50-38 68 0 1-1-1-1-7zM-4 123c-6-11-6-63-1-71 2-3 4-6 4-6 0-2 2-1 4 3 1 3 5 8 9 12 15 18 15 29 0 50-3 4-7 11-9 14-3 7-3 7-7-2zM22 109c0-1 2-4 4-8 14-23 12-37-8-61-8-9-14-19-16-24-2-4-2-4-6 4l-4 8 0-17c0-20-1-19 8-19 6 0 6 0 13 9 15 23 15 23 17 21 1-3 7 6 9 14 2 6 2 6 3 2 1-3 1-3 6 4 14 23 11 46-9 59-3 3-17 9-17 8zM59 84c3-6 3-6 7-7 11-3 17-13 12-17-2-3-4-2-6 0-2 2-2 2-4 0-7-8 4-24 15-23 6 0 13-3 18-7l4-4 1 9c1 11 0 20-3 26-1 2-2 4-1 4 1 1-3 10-7 14-6 7-12 9-24 10-6 0-12 1-13 1-2 1-2 1 1-6zM251 65c-2-4-5-9-6-11-1-3-3-5-4-5-5-2-5-10 0-16 2-3 2-3 4-1 3 2 7 4 11 4 3 0 3 0 3 15 0 21-1 23-8 14zM57 46c-7-18-1-34 16-41 6-2 10-6 12-10 2-4 10-4 12 0 5 13 4 23-3 32-5 7-15 11-14 7 1-5 0-5-6 0-8 5-11 10-12 15 0 6-1 5-5-3zM230 37c-1-1-6-5-11-10-8-8-8-8-5-10 2-2 6-6 10-9 7-7 9-7 14-3 5 5 5 5 2-1-5-10-3-12 9-12 10 0 10 0 10 5 0 6 0 6-4 6-11 1-19 14-14 23 1 2 0 3-4 7-5 5-5 5-7 4zM45 33c-1-1-2-2-2-2-1 1-4-2-7-8-3-6-6-9-7-9-2 1-9-10-11-18 0-4 0-4 11-4l11 0 0 10c0 9 0 10 3 19 4 9 5 17 2 12zM251 30c-9-4-8-18 2-21 6-2 6-1 6 11 0 12-1 13-8 10zM222-4l-3-4 6 0c8 1 10 4 4 7-4 2-4 2-7-3zM50-3c-6-4-5-5 7-5 10 0 10 0 8 2-4 5-11 6-15 3z'/%3E%3Cuse href='%23k' transform='matrix(-1 0 0 1 512 0)'/%3E%3C/g%3E%3Cg id='r'%3E%3Cuse href='%23t'/%3E%3Cuse href='%23t' x='512'/%3E%3Cuse href='%23t' x='1024'/%3E%3Cuse href='%23t' x='1536'/%3E%3Cuse href='%23t' x='2048'/%3E%3Cuse href='%23t' x='2560'/%3E%3Cuse href='%23t' x='3072'/%3E%3Cuse href='%23t' x='3584'/%3E%3Cuse href='%23t' x='4096'/%3E%3Cuse href='%23t' x='4608'/%3E%3Cuse href='%23t' x='5120'/%3E%3Cuse href='%23t' x='5632'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23r'/%3E%3Cuse href='%23r' y='512'/%3E%3Cuse href='%23r' y='1024'/%3E%3Cuse href='%23r' y='1536'/%3E%3Cuse href='%23r' y='2048'/%3E%3Cuse href='%23r' y='2560'/%3E%3Cuse href='%23r' y='3072'/%3E%3Cuse href='%23r' y='3584'/%3E%3Cuse href='%23r' y='4096'/%3E%3Cuse href='%23r' y='4608'/%3E%3Cuse href='%23r' y='5120'/%3E%3Cuse href='%23r' y='5632'/%3E%3C/svg%3E"); --doors-dia: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .5 11.5 6 6 11.5 .5 6Z' fill='%23DBB463' stroke='%231B0906'/%3E%3C/svg%3E"); --doors-medal-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1 39 20 20 39 1 20Z' fill='%231B0906' stroke='%23C69A44' stroke-width='2'/%3E%3Cpath d='M20 8 32 20 20 32 8 20Z' fill='%23DBB463'/%3E%3Cpath d='M20 14 26 20 20 26 14 20Z' fill='%237E5A1C'/%3E%3C/svg%3E"); --doors-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7 .02' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .03 0 0 0 0 .02 0 0 0 .9 -.3'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E"); --lai-crinkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .86 0 0 0 0 .58 0 0 0 1.6 -.82'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23c)'/%3E%3C/svg%3E"); --doors-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .92 0 0 0 0 .8 0 0 0 0 .53 1.5 0 0 0 -.68'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23b)'/%3E%3C/svg%3E"); --doors-inset: clamp(10px, 1.7vw, 26px); --doors-pad: clamp(4px, 0.45vw, 7px); --doors-dia-size: clamp(9px, 0.85vw, 13px); --doors-medal: clamp(28px, 2.8vw, 44px); position: absolute; inset: 0; display: none; overflow: hidden; pointer-events: none; contain: layout paint; } .doors--lai { --lai-k: clamp(104px, 12.5vw, 200px); --lai-inset: clamp(7px, 1.25vw, 20px); --lai-top: calc(var(--header-h, 4.5rem) + var(--banner-h, 0px) + 4px); --lai-field: calc(8px + clamp(4px, 0.45vw, 7px)); --lai-r: clamp(190px, 27vmax, 460px); --lai-d: 1.4s; --lai-ease: cubic-bezier(0.42, 0, 0.3, 1); z-index: 0; } html[data-lai] .doors--lai.is-ready { display: block; } .doors__guard { position: absolute; inset: 0; -webkit-mask: var(--lai-guard) 0 0 / 100% 100% no-repeat; mask: var(--lai-guard) 0 0 / 100% 100% no-repeat; } .doors__glow, .doors__flame { position: absolute; top: 0; left: 0; width: calc(var(--lai-r) * 2); height: calc(var(--lai-r) * 2); margin: calc(var(--lai-r) * -1) 0 0 calc(var(--lai-r) * -1); transform: translate3d(var(--lx, 0px), var(--ly, 0px), 0); will-change: transform; } .doors--lai.is-live .doors__glow, .doors--lai.is-live .doors__flame { transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.1, 1); } .doors__glow { background: radial-gradient( closest-side, rgba(234, 203, 134, 0.1), rgba(176, 48, 31, 0.12) 45%, rgba(176, 48, 31, 0) 100% ); } .doors__flame { background: radial-gradient( closest-side, rgba(240, 206, 142, 0.78), rgba(232, 192, 120, 0.56) 24%, rgba(220, 172, 96, 0.28) 54%, rgba(210, 160, 80, 0.09) 80%, rgba(210, 160, 80, 0) 100% ); mix-blend-mode: screen; } .doors--lai.is-pass .doors__glow, .doors--lai.is-pass .doors__flame { transition-duration: 2.6s; transition-timing-function: cubic-bezier(0.45, 0, 0.25, 1); } .doors--lai .doors__gold { position: absolute; inset: 0; clip-path: inset( calc(var(--lai-top) + var(--lai-field)) calc(var(--lai-inset) + var(--lai-field)) calc(var(--lai-inset) + var(--lai-field)) ); background-color: #4b3413; background-image: var(--lai-crinkle), var(--doors-leaf), linear-gradient(180deg, #5a3f17, #3f2b0e); background-size: 150px 150px, 320px 320px, auto; -webkit-mask: var(--lai-kanok) center / calc(var(--lai-k) * 12) calc(var(--lai-k) * 12) repeat; mask: var(--lai-kanok) center / calc(var(--lai-k) * 12) calc(var(--lai-k) * 12) repeat; } .doors--lai .doors__frame { position: absolute; inset: var(--lai-top) var(--lai-inset) var(--lai-inset); border: 2px solid var(--gold-600, #a67c2e); outline: 1px solid var(--gold-500, #c69a44); outline-offset: -8px; opacity: 0.8; } .doors--lai .doors__frame::before { --doors-dia-size: clamp(8px, 0.75vw, 11px); } @media (max-width: 48rem) { .doors--lai { --lai-inset: 5px; --lai-field: 5px; } .doors--lai .doors__frame { border-width: 1px; outline: 0; } .doors--lai .doors__frame::before { --doors-dia-size: 7px; inset: calc(-0.5px - var(--doors-dia-size) / 2); } } .doors__wet { position: absolute; top: 0; left: 0; right: 0; height: 30%; opacity: 0; background: linear-gradient( rgba(255, 238, 200, 0), rgba(255, 238, 200, 0.18) 45%, rgba(255, 240, 210, 0.7) 88%, rgba(255, 240, 210, 0.2) ); mix-blend-mode: screen; } .doors--lai.is-wave { -webkit-mask: linear-gradient(#000 43.48%, rgba(0, 0, 0, 0) 56.52%) 0 100% / 100% 230% no-repeat; mask: linear-gradient(#000 43.48%, rgba(0, 0, 0, 0) 56.52%) 0 100% / 100% 230% no-repeat; animation: lai-wave var(--lai-d) var(--lai-ease) both; } .doors--lai.is-wave .doors__guard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 30%; background: linear-gradient( rgba(255, 228, 196, 0), rgba(255, 228, 196, 0.035) 50%, rgba(255, 232, 205, 0.11) 90%, rgba(255, 232, 205, 0.02) ); mix-blend-mode: screen; } .doors--lai.is-wave .doors__wet, .doors--lai.is-wave .doors__guard::before { animation: lai-wet var(--lai-d) var(--lai-ease) both; } @keyframes lai-wave { from { -webkit-mask-position: 0 100%; mask-position: 0 100%; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes lai-wet { 0% { opacity: 1; transform: translateY(-150%); } 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(283.3%); } } .doors--lai.is-gl .doors__guard, .doors--lai.is-gl .doors__frame { visibility: hidden; } .doors__canvas { position: absolute; inset: 0; z-index: 0; display: none; width: 100%; height: 100%; pointer-events: none; } .hero[data-gl] .doors__canvas { display: block; } @media (prefers-reduced-motion: reduce) { .doors__glow, .doors__flame { transition: none; } } .doors--static { z-index: 0; display: block; } .doors--static .doors__leaf { --seam: 100%; --seam-side: right; --hinge-dir: to right; --seam-dir: to left; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-color: var(--lacquer-800, #4a160f); background-image: var(--doors-medal-img), linear-gradient( var(--seam-dir), var(--gold-400, #dbb463) 0 2px, var(--lacquer-950, #1b0906) 2px 4px, rgba(27, 9, 6, 0) 4px ), linear-gradient( var(--hinge-dir), rgba(27, 9, 6, 0.6), rgba(27, 9, 6, 0) 42% ), var(--doors-grain), radial-gradient( 75% 60% at var(--seam) 58%, rgba(176, 48, 31, 0.42), rgba(176, 48, 31, 0) 70% ), linear-gradient( 180deg, var(--lacquer-700, #6b1e14), var(--lacquer-800, #4a160f) 55%, var(--lacquer-900, #2a100b) ); background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat, no-repeat; background-size: var(--doors-medal) var(--doors-medal), auto, auto, 256px 256px, auto, auto; background-position: var(--seam-side) calc(var(--doors-medal) / -2) center, 0 0, 0 0, 0 0, 0 0, 0 0; } .doors--static .doors__leaf--r { --seam: 0%; --seam-side: left; --hinge-dir: to left; --seam-dir: to right; left: auto; right: 0; } .doors--static .doors__gold { position: absolute; inset: calc(var(--doors-inset) + 8px + var(--doors-pad)); background-color: var(--gold-500, #c69a44); background-image: var(--doors-leaf), radial-gradient( 130% 75% at var(--seam) 58%, var(--gold-400, #dbb463), var(--gold-500, #c69a44) 45%, var(--gold-600, #a67c2e) 75%, var(--gold-700, #7e5a1c) ); background-size: 320px 320px, auto; -webkit-mask: var(--doors-kanok) center / cover no-repeat; mask: var(--doors-kanok) center / cover no-repeat; } .doors--static .doors__frame { position: absolute; inset: var(--doors-inset); border: 2px solid var(--gold-500, #c69a44); outline: 1px solid var(--gold-400, #dbb463); outline-offset: -8px; } .doors__frame::before { content: ""; position: absolute; inset: calc(-1px - var(--doors-dia-size) / 2); background-image: var(--doors-dia), var(--doors-dia), var(--doors-dia), var(--doors-dia), var(--doors-dia), var(--doors-dia), var(--doors-dia), var(--doors-dia); background-repeat: no-repeat; background-size: var(--doors-dia-size) var(--doors-dia-size); background-position: left top, center top, right top, left center, right center, left bottom, center bottom, right bottom; } @media (forced-colors: active) { .doors--lai, .doors__canvas { display: none !important; } } @media print { .doors, .doors__canvas { display: none !important; } }