:root{--page-bg: #05060a;--starry-white: #f8f4e8;--nav-bg: rgba(6,10,12,.75);--nav-compact-bg: rgba(6,10,12,.9)}.herozoom-root{position:relative;width:100%;min-height:100vh}.herozoom-spacer{height:300vh;width:100%;position:relative}.hero-layer{position:fixed;top:0;left:0;width:100%;height:100vh;display:block;object-fit:cover;object-position:50% 50%;pointer-events:none;will-change:opacity}.layer-forest{z-index:15;opacity:1}.layer-interior{z-index:10;opacity:0}.hero-overlay{position:fixed;top:0;left:0;right:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:30;pointer-events:auto;color:var(--starry-white);padding:20px;transition:opacity .3s ease-out}.hero-overlay.faded{pointer-events:none;z-index:-1}#hzHeroLogo{width:clamp(80px,15vw,120px);height:auto;margin-bottom:24px;opacity:.95;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.hero-title{margin:0 0 12px;padding:0;font-family:Playfair Display,serif;font-size:clamp(1.6rem,6.5vw,2.2rem);color:var(--starry-white);line-height:1.15;font-weight:700}.hero-lead{margin:0 0 24px;opacity:.92;font-family:Inter,system-ui;font-size:clamp(.95rem,3.5vw,1.08rem);color:var(--starry-white);line-height:1.5;max-width:90%}.cta{display:inline-block;background:#4ec57a14;border:1.5px solid rgba(78,197,122,.25);padding:14px 28px;border-radius:32px;color:var(--starry-white);text-decoration:none;font-size:clamp(1.05rem,4vw,1.15rem);font-weight:500;pointer-events:auto;position:relative;z-index:100;cursor:pointer;min-height:48px;min-width:160px;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cta:active{transform:scale(.97);background:#4ec57a1f}.post-zoom{position:relative;z-index:50;background:transparent;color:#ddd;padding:40px 20px;min-height:60vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0ms linear .32s}.post-zoom.in{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease}.post-zoom section{content-visibility:auto;contain-intrinsic-size:800px}@media (max-width: 380px){.hero-title{font-size:clamp(1.4rem,8vw,1.8rem)}.hero-lead{font-size:.9rem}.cta{padding:12px 24px;font-size:1rem}}@media (min-width: 641px){.hero-title{font-size:clamp(2.2rem,5.5vw,3rem)}.hero-lead{font-size:clamp(1.05rem,2.5vw,1.18rem);max-width:70%}.cta{font-size:1.15rem;padding:14px 32px}.cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px #0000004d;background:#4ec57a1f}}@media (min-width: 821px){.hero-overlay{top:15vh;height:auto;justify-content:flex-start;padding:0 2rem}#hzHeroLogo{width:clamp(100px,10vw,140px);margin-bottom:28px}.hero-title{font-size:clamp(2.6rem,4.5vw,3.6rem)}.hero-lead{font-size:clamp(1.08rem,2vw,1.2rem);max-width:60%}.cta{font-size:1.2rem;padding:.7rem 1.8rem}}@media (prefers-reduced-motion: reduce){.layer-interior,.layer-forest,.cta,.post-zoom,.hero-overlay{transition:none!important;animation:none!important}}.no-transitions *{transition:none!important;animation:none!important}.cta:focus{outline:3px solid rgba(78,197,122,.5);outline-offset:4px}body{position:relative;overflow-x:hidden}.about-panel-wrap{position:relative;z-index:52;display:flex;justify-content:center;margin:2rem auto;padding:0 1rem;opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none;visibility:hidden}.about-panel-wrap.in{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.about-panel-wrap .parchment{max-width:720px;width:100%;padding:2rem 1.5rem}.about-panel-wrap .float-emblem{float:none;width:160px;height:160px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f0e8db,#e4d9cc);border-radius:12px;border:4px solid rgba(80,50,25,.3);padding:6px;box-shadow:0 3px 12px #00000040,inset 0 1px 2px #ffffff4d;opacity:.8}.about-panel-wrap .float-emblem img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.about-panel-wrap .motto{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.1);font-style:italic;font-weight:500;text-align:center}@media (min-width: 641px){.about-panel-wrap{margin:2.5rem auto}.about-panel-wrap .float-emblem{float:left;margin:0 1rem 1.5rem 0;shape-outside:square(50%)}.about-panel-wrap .float-emblem img{width:170px;height:170px}.about-panel-wrap .title,.about-panel-wrap .lead,.about-panel-wrap .motto{text-align:left}}@media (prefers-reduced-motion: reduce){.about-panel-wrap{transition:opacity .3s ease-out!important;transform:none!important}.about-panel-wrap.in{transform:none!important}}:root{--paper-cream: #fbf0db;--paper-mid: #f0d9bd;--paper-dark: #e8d4ab;--paper-stain: rgba(90, 50, 20, .08);--ink-black: #1a1412;--ink-dark: #28160b;--ink-mid: #2b1f18;--ink-brown: #5a3214;--ink-muted: #3d2f24;--accent-green: #2a7a4f;--accent-green-light: rgba(42, 122, 79, .15);--accent-green-border: rgba(42, 122, 79, .2);--accent-purple: #7d5fff;--page-bg: #05060a;--sky-dark: #05060a;--sky-deep: #0b0c10;--starry-white: #f8f4e8;--muted: rgba(244, 244, 244, .66);--nav-bg: rgba(0, 0, 0, .55);--nav-border: rgba(255, 255, 255, .1);--nav-compact-bg: rgba(6, 10, 12, .9);--surface-light: rgba(255, 255, 255, .5);--surface-lighter: rgba(255, 255, 255, .8);--border-subtle: rgba(60, 40, 22, .08);--border-medium: rgba(60, 40, 22, .12);--shadow-ambient: rgba(6, 6, 6, .38);--color-bg: #0b0c10;--color-text: #f4f4f4;--color-accent: #4ec57a;--color-accent-2: #7d5fff;--font-display: "Playfair Display", serif;--font-body: "Merriweather", Georgia, serif;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-base: clamp(1rem, .95rem + .35vw, 1.125rem);--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.85rem, .8rem + .2vw, .95rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, 1rem + .3vw, 1.2rem);--text-xl: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);--text-4xl: clamp(2.2rem, 1.8rem + 2vw, 3.2rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-base: 1.5;--leading-relaxed: 1.7;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--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;--content-narrow: 640px;--content-medium: 900px;--content-wide: 1200px;--content-max: 1400px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .35);--shadow-2xl: 0 28px 72px rgba(6, 6, 6, .42);--shadow-parchment: 0 24px 64px var(--shadow-ambient), inset 0 2px 10px rgba(255, 255, 255, .45);--shadow-inset-burn: inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 16px 32px rgba(120, 60, 20, .08);--z-base: 1;--z-elevated: 10;--z-header: 50;--z-overlay: 100;--z-modal: 500;--z-toast: 1000;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.2, .9, .3, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--scale-ratio: 1.2}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: .1s;--transition-smooth: .1s}}.featured-sections-wrap{position:relative;z-index:var(--z-elevated);max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6);padding-top:var(--space-20)}.featured-section{margin-bottom:var(--space-20);opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none;visibility:hidden}.post-zoom.in .featured-section{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.post-zoom.in .featured-section:nth-child(1){transition-delay:.1s}.post-zoom.in .featured-section:nth-child(2){transition-delay:.3s}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:var(--starry-white);margin:0 0 var(--space-3) 0;text-shadow:0 2px 8px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.6)}.section-lead{font-family:var(--font-body);font-size:clamp(.95rem,2.5vw,1.1rem);color:#f8f4e8d9;margin:0 auto;max-width:520px;line-height:1.5;text-shadow:0 2px 6px rgba(0,0,0,.9)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-bottom:var(--space-10);justify-items:center;z-index:var(--z-elevated);position:relative}.section-footer{text-align:center;position:relative}.section-cta{display:inline-block;padding:var(--space-3) var(--space-8);background:#4ec57a14;border:1.5px solid rgba(78,197,122,.25);border-radius:32px;color:var(--starry-white);text-decoration:none;font-size:var(--text-base);font-weight:600;font-family:var(--font-body);transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);letter-spacing:.02em;cursor:pointer}.section-cta:hover{transform:translateY(-2px);background:#4ec57a1f;box-shadow:0 8px 24px #0000004d}.section-cta:active{transform:translateY(0)}.section-cta span{margin-left:var(--space-2);transition:transform var(--transition-fast);display:inline-block}.section-cta:hover span{transform:translate(4px)}@media (max-width: 820px){.featured-sections-wrap{padding:0 var(--space-5)}.featured-section{margin-bottom:var(--space-16)}.section-header{margin-bottom:var(--space-8)}.section-header h2{font-size:clamp(1.5rem,5vw,1.8rem)}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}}@media (max-width: 640px){.featured-sections-wrap{padding:0 var(--space-4)}.featured-section{margin-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-6)}.featured-grid{grid-template-columns:1fr;gap:var(--space-5)}}@media (prefers-reduced-motion: reduce){.featured-section{transition:opacity .3s ease-out!important;transform:none!important}.post-zoom.in .featured-section{transform:none!important}}.featured-card{backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:var(--space-8);box-shadow:0 6px 28px #0000007a,inset 0 1px #ffffff05;width:100%;transition:opacity .5s ease}.featured-card--projects{padding:var(--space-10);border-radius:24px}.featured-card--projects{position:relative;overflow:hidden}.featured-card--projects:after{content:"";position:absolute;bottom:0;right:0;width:320px;height:568px;background-image:url(/assets/textures/cracked-glass.webp);background-size:contain;background-repeat:no-repeat;background-position:bottom right;opacity:.6;pointer-events:none;z-index:1}.featured-card--shop{background:linear-gradient(180deg,#4ec57a08,#ffffff04);border:1px solid rgba(78,197,122,.12)}.featured-card--accent{position:relative;overflow:visible}.featured-card--accent:before{content:"";position:absolute;left:-10px;top:14px;bottom:14px;width:6px;border-radius:4px;background:linear-gradient(180deg,#4ec57af2,#7d5ffff2);box-shadow:0 6px 18px #4ec57a14;pointer-events:none}.featured-card .featured-grid,.featured-card .section-header{margin-bottom:var(--space-6);position:relative}.project-category{display:inline-block;font-family:var(--font-ui, "Space Grotesk", system-ui, sans-serif);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#5a321480;margin-bottom:var(--space-2);opacity:.7}.project-title{font-family:Crimson Pro,Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--ink-black, #1a1412);margin:0 0 var(--space-3) 0;line-height:1.2;transition:color var(--transition-fast)}.project-link:hover .project-title{color:var(--accent-green, #2a7a4f)}.project-status{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:4px;font-family:var(--font-ui, "Space Grotesk", system-ui, sans-serif);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#000000bf;color:#ffffffe6;backdrop-filter:blur(4px);z-index:10}.status-completed{border-left:3px solid #4ec57a}.status-ongoing{border-left:3px solid #f0b429}.status-experimental{border-left:3px solid #8b9dc3}.status-abandoned{border-left:3px solid #a66}.status-dormant{border-left:3px solid #888}.product-title{font-family:var(--font-display, "Playfair Display", serif);font-weight:var(--weight-bold, 700);font-size:1.1rem;margin:0 0 var(--space-2, 8px) 0;color:var(--ink-dark, #28160b);line-height:var(--leading-snug, 1.3);transition:color var(--transition-fast)}.product-card:hover .product-title{color:var(--accent-green, #2a7a4f)}.shop-card{width:100%;display:block;border-radius:12px;overflow:hidden;background:transparent;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.shop-card:hover{transform:translateY(-4px)}.shop-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;gap:var(--space-3);cursor:pointer}.shop-card-media{width:100%;height:160px;display:block;background:linear-gradient(180deg,#0000000a,#00000014);overflow:hidden;transition:transform var(--transition-base)}.shop-card:hover .shop-card-media{transform:scale(1.05)}.shop-card-media img{width:100%;height:100%;object-fit:cover;display:block}.shop-card-body{padding:var(--space-3) var(--space-3) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:6px}.shop-card-body h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--starry-white);transition:color var(--transition-fast)}.shop-card:hover .shop-card-body h3{color:var(--color-accent);text-decoration:underline;text-decoration-color:#4ec57a66;text-underline-offset:2px}.shop-card-sub{font-size:.9rem;color:#f8f4e8c7}.shop-card-price{margin-top:auto;font-weight:700;color:var(--sapling-green, #4ec57a)}.featured-grid>*{position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.featured-grid>*:hover{transform:translateY(-4px)}.featured-grid a{color:var(--starry-white);text-decoration:none;cursor:pointer}.featured-grid a:hover{color:var(--color-accent)}@media (max-width: 820px){.featured-card--accent:before{left:-8px;top:10px;bottom:10px;width:5px}}.post-zoom.in .featured-card{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.featured-card,.featured-section,.shop-card,.featured-grid>*{transition:none!important;transform:none!important}}