@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500;700&family=Chango&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;line-height:var(--line-height-normal, 1.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration-skip-ink:auto}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--focus-ring, #5b9bd5);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-sky: #5b9bd5;--color-pearl: #f0e6e0;--color-redwood-bark: #8b4513;--color-redwood-green: #2d5a27;--color-amber: #cf8a00;--color-meteorite: #3a3a40;--color-engineering: #f5e6a3;--color-bloodfire: #cc2200;--color-puez-limon: #2d6e3f;--color-puez-coco: #f5f0e8;--color-puez-jamaica: #8b1a2b;--bg-primary: var(--color-meteorite);--bg-secondary: #4a4a52;--bg-card: #44444c;--text-primary: var(--color-pearl);--text-secondary: var(--color-engineering);--text-muted: #b8b8c0;--accent: #dba000;--accent-hover: #f0b020;--focus-ring: var(--color-sky);--border: #55555e;--engineering-grid-opacity: .03;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-puez: "Chango", Impact, "Arial Black", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-caps: .05em;--letter-spacing-wide: .1em;--letter-spacing-ultra: .15em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width: 72rem;--max-width-narrow: 48rem;--max-width-wide: 90rem;color-scheme:dark light}[data-theme=light]{--bg-primary: var(--color-pearl);--bg-secondary: #faf7f4;--bg-card: #ffffff;--text-primary: var(--color-meteorite);--text-secondary: #5a5a62;--text-muted: #6a6a72;--accent: var(--color-amber);--accent-hover: #a87000;--focus-ring: var(--color-sky);--border: #d8d0c8;--engineering-grid-opacity: .06}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: var(--color-pearl);--bg-secondary: #faf7f4;--bg-card: #ffffff;--text-primary: var(--color-meteorite);--text-secondary: #5a5a62;--text-muted: #7a7a82;--accent: var(--color-amber);--accent-hover: #a87000;--focus-ring: var(--color-sky);--border: #d8d0c8;--engineering-grid-opacity: .06}}body{font-family:var(--font-body);font-size:var(--font-size-base);font-optical-sizing:auto;line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}a:hover{text-decoration-color:var(--accent);color:var(--accent-hover)}::selection{background-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-primary)}.page{text-align:center;padding:var(--space-8);max-width:var(--max-width);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:page-arrive .8s ease both}.page-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-6)}.page-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:350;color:var(--text-muted);margin-bottom:var(--space-8)}.page-back{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;letter-spacing:var(--letter-spacing-caps);transition:color var(--transition-fast);margin-top:var(--space-8)}.page-back:hover{color:var(--accent)}@keyframes page-arrive{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page{padding:var(--space-6)}}.theme-toggle{position:fixed;bottom:var(--space-6);right:var(--space-6);font-size:var(--font-size-lg);color:var(--text-muted);transition:color var(--transition-fast);line-height:1}.theme-toggle:hover{color:var(--text-primary)}.site{text-align:center;padding:var(--space-8);max-width:72rem;animation:arrive .8s ease both}.motto{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-6)}.tagline{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:350;letter-spacing:var(--letter-spacing-ultra);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-16)}.projects{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-16)}.project-link{display:block;text-align:left;text-decoration:none;padding:var(--space-3) var(--space-4);transition:color var(--transition-fast)}.project-link:hover .project-title,.project-link:focus-visible .project-title{color:var(--accent-hover)}.project-title{display:block;font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--accent);margin-bottom:var(--space-2)}.project-desc{display:block;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-normal);letter-spacing:.02em;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-slow)}.project-link:hover .project-desc,.project-link:focus-visible .project-desc{max-height:4rem;opacity:1}.identity{border-top:1px solid var(--border);padding-top:var(--space-6);display:inline-block}.name{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-bloodfire);margin-bottom:var(--space-3)}.contact{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:350;font-style:normal;color:var(--text-muted);letter-spacing:.05em}.sep{margin-inline:.75em;opacity:.55}@keyframes arrive{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.site{padding:var(--space-6)}.tagline{margin-bottom:var(--space-12)}}@media(max-width:480px){.contact{display:flex;flex-direction:column;gap:.25rem}.sep{display:none}}.knowherence-equation{font-family:var(--font-mono);font-size:clamp(1.25rem,3vw,2rem);color:var(--text-secondary);letter-spacing:.05em;margin-bottom:var(--space-12)}.knowherence-nav{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.knowherence-link{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--accent);text-decoration:none;padding:var(--space-3) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),color var(--transition-fast)}.knowherence-link:hover{border-color:var(--accent)}.langviz{justify-content:flex-start;padding-top:var(--space-16);animation:none;opacity:1}.langviz-video{width:100%;max-width:48rem;margin:0 0 var(--space-12)}.langviz-video-player{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;border-radius:var(--radius-md)}.langviz-video figcaption{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-3);font-style:italic}.langviz-github-btn{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);text-decoration:none;letter-spacing:var(--letter-spacing-caps);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.langviz-github-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.langviz-toc{width:100%;max-width:48rem;text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-12)}.langviz-toc h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-4)}.langviz-toc ol{list-style:decimal;padding-left:var(--space-6);margin:0;columns:2;column-gap:var(--space-8)}.langviz-toc li{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-2);break-inside:avoid}.langviz-toc a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.langviz-toc a:hover{color:var(--accent-hover);text-decoration:underline}.langviz-content{width:100%;max-width:48rem;text-align:left}.langviz-content h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.langviz-content h3{font-family:var(--font-body);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3);scroll-margin-top:var(--space-8)}.langviz-content p{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}.langviz-content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.langviz-content li{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--space-2)}.langviz-content strong{color:var(--text-primary);font-weight:600}.langviz-content a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.langviz-content a:hover{color:var(--accent-hover);text-decoration:underline}.langviz-section{margin-bottom:var(--space-12)}.langviz-section:last-child{margin-bottom:0}@media(max-width:768px){.langviz{padding-top:var(--space-10)}.langviz-video{width:100vw;max-width:none;margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));margin-bottom:var(--space-8)}.langviz-video-player{border-radius:0}.langviz-toc ol{columns:1}.langviz-content h3{margin-top:var(--space-6)}}.kennygraph-void{margin-bottom:var(--space-8)}.kennygraph-void-symbol{font-size:clamp(8rem,20vw,16rem);line-height:1;color:var(--text-primary);display:block;-webkit-user-select:none;user-select:none}.kali-ouchis-equation{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,3.5rem);font-weight:400;color:var(--text-primary);line-height:var(--line-height-tight)}.kali-ouchis-highlight{color:var(--accent)}.puez-banner-strip{display:block;width:100%;background:#000;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.puez-banner-strip-img{width:100%;height:auto;display:block}.puez-banner-strip:hover{filter:brightness(1.1)}.puez-banner-expanded{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:puez-expanded-in .4s ease both}.puez-banner-expanded-img{max-width:100%;max-height:100vh;width:auto;height:auto;display:block;object-fit:contain}@keyframes puez-expanded-in{0%{opacity:0}to{opacity:1}}.puez-flavors-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-24)}.puez-candies{display:flex;flex-direction:column;gap:var(--space-10);align-items:center}.puez-candy-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.puez-candy{width:12rem;height:5rem;perspective:600px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.puez-candy-face{position:absolute;inset:0;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-family:var(--font-puez);font-size:var(--font-size-xl);font-weight:400;letter-spacing:.08em;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s ease}.puez-candy--limon{background-color:var(--color-puez-limon);color:#fff9;text-shadow:1px 1px 1px rgba(255,255,255,.2),-1px -1px 1px rgba(0,0,0,.4)}.puez-candy--coco{background-color:var(--color-puez-coco);color:#e0d8d0;text-shadow:1px 1px 1px rgba(255,255,255,.5),-1px -1px 1px rgba(0,0,0,.25)}.puez-candy--jamaica{background-color:var(--color-puez-jamaica);color:#fff9;text-shadow:1px 1px 1px rgba(255,255,255,.2),-1px -1px 1px rgba(0,0,0,.4)}.puez-candy-front{transform:rotateY(0)}.puez-candy--flipped .puez-candy-front{transform:rotateY(180deg)}.puez-candy-back{transform:rotateY(-180deg)}.puez-candy--flipped .puez-candy-back{transform:rotateY(0)}@media(hover:hover){.puez-candy:hover .puez-candy-front{transform:rotateY(180deg)}.puez-candy:hover .puez-candy-back,.puez-candy--flipped:hover .puez-candy-front{transform:rotateY(0)}.puez-candy--flipped:hover .puez-candy-back{transform:rotateY(-180deg)}}.puez-candy-name{font-family:var(--font-puez);font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.puez-candy-name--limon{color:var(--color-puez-limon)}.puez-candy-name--coco{color:var(--color-puez-coco)}.puez-candy-name--jamaica{color:var(--color-puez-jamaica)}.puez-candy--hint{animation:puez-candy-hint 2s ease-in-out infinite}.puez-candy-wrapper:nth-child(2) .puez-candy--hint{animation-delay:.3s}.puez-candy-wrapper:nth-child(3) .puez-candy--hint{animation-delay:.6s}@keyframes puez-candy-hint{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.puez-coming-soon{font-family:var(--font-puez);font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:var(--letter-spacing-wide);font-style:italic}@media(max-width:480px){.puez-candy{width:10rem;height:4rem}.puez-candy-face{font-size:var(--font-size-base)}}.puez-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:puez-overlay-in .3s ease both}.puez-popup{background:url(/images/PUEZ/PUEZ_dosificador.webp) center / contain no-repeat;border:none;border-radius:1.5rem;padding:var(--space-8) var(--space-6);text-align:center;width:min(92vw,28rem);aspect-ratio:3 / 4.5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;max-height:90vh;animation:puez-popup-in .4s ease both}.puez-popup:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.55) 100%);border-radius:inherit;z-index:0}.puez-popup>*{position:relative;z-index:1}.puez-popup-question{font-family:var(--font-puez);font-size:var(--font-size-3xl);color:var(--color-pearl)}.puez-popup-tablets{display:flex;gap:var(--space-4);justify-content:center}.puez-popup-tablets--single{justify-content:center}.puez-popup-tablet{width:10rem;height:4rem;perspective:600px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.puez-popup-tablet-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-family:var(--font-puez);font-size:var(--font-size-xl);font-weight:400;letter-spacing:.05em;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s ease}.puez-popup-tablet-front{transform:rotateY(0)}.puez-popup-tablet--flipped .puez-popup-tablet-front{transform:rotateY(180deg)}.puez-popup-tablet-back{transform:rotateY(-180deg)}.puez-popup-tablet--flipped .puez-popup-tablet-back{transform:rotateY(0)}.puez-popup-tablet--outlined .puez-popup-tablet-face{background:transparent;border:2px solid var(--color-pearl);color:#f0e6e0b3;text-shadow:1px 1px 1px rgba(255,255,255,.15),-1px -1px 1px rgba(0,0,0,.5)}.puez-popup-tablet--coco .puez-popup-tablet-face{background-color:var(--color-puez-coco);color:#e0d8d0;text-shadow:1px 1px 1px rgba(255,255,255,.5),-1px -1px 1px rgba(0,0,0,.25)}.puez-popup-tablet--limon .puez-popup-tablet-face{background-color:var(--color-puez-limon);color:#fff9;text-shadow:1px 1px 1px rgba(255,255,255,.2),-1px -1px 1px rgba(0,0,0,.4)}.puez-popup-tablet--jamaica .puez-popup-tablet-face{background-color:var(--color-puez-jamaica);color:#fff9;text-shadow:1px 1px 1px rgba(255,255,255,.2),-1px -1px 1px rgba(0,0,0,.4)}.puez-popup-tablet-icon{width:2rem;height:2rem}.puez-popup-tablet--animated{animation:puez-hint-pulse 1.2s ease infinite}@keyframes puez-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.puez-popup-tablet--wobble{animation:puez-tablet-wobble 2s ease infinite}@keyframes puez-tablet-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}}.puez-popup-tablet:hover .puez-popup-tablet-face{filter:brightness(1.08)}.puez-popup-tablet:active .puez-popup-tablet-face{filter:brightness(.95)}@keyframes puez-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes puez-popup-in{0%{opacity:0;transform:scale(.9) translateY(.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-height:700px){.puez-popup{max-height:85vh;width:auto}}@media(max-width:480px){.puez-popup{width:min(92vw,22rem);padding:var(--space-6) var(--space-4)}.puez-popup-tablet{width:8rem;height:3.5rem}.puez-popup-tablet-face{font-size:var(--font-size-base)}.puez-popup-question{font-size:var(--font-size-2xl)}}.puez-page{width:100%;overflow-x:hidden;background-image:url(/images/PUEZ/PUEZ_dulcitos.webp);background-size:cover;background-position:100% 100%;background-attachment:scroll;background-repeat:no-repeat}@media(min-width:1024px){.puez-page{background-attachment:fixed}}.puez-content{position:relative;min-height:100dvh;padding:var(--space-16) var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-32);overflow:hidden}.puez-content:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2d6e3f40,#000000a6 30% 70%,#8b1a2b40);z-index:0}.puez-content>*{position:relative;z-index:1}.puez-tagline{font-family:var(--font-puez);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:400;color:var(--color-pearl);letter-spacing:.08em}.puez-page .page-back{font-family:var(--font-puez);color:var(--color-pearl);opacity:.7;transition:opacity var(--transition-fast)}.puez-page .page-back:hover{opacity:1;color:var(--color-puez-coco)}.art-page{position:relative;width:100%;align-self:stretch;background-color:#000}.art-viewer{position:sticky;top:0;z-index:0}.art-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.art-intro{position:absolute;top:0;left:0;right:0;height:100dvh;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.art-scroll-space{height:65dvh}.art-morse{display:flex;gap:var(--space-10)}.morse-letter{display:flex;align-items:center;gap:var(--space-3)}.morse-dot{width:1rem;height:1rem;border-radius:var(--radius-full);background-color:var(--color-pearl);box-shadow:0 0 6px #0009,0 0 12px #ffffff26}.morse-dash{width:3rem;height:1rem;border-radius:var(--radius-sm);background-color:var(--color-pearl);box-shadow:0 0 6px #0009,0 0 12px #ffffff26}@media(min-width:768px){.morse-dot{width:1.25rem;height:1.25rem}.morse-dash{width:3.75rem;height:1.25rem}.art-morse{gap:var(--space-12)}.morse-letter{gap:var(--space-4)}}