.heroGrid{z-index:0;pointer-events:none;--margin:26;--col:467;--row:355;--row-origin:24;--mark-w:4;--mark-h:4;--paper:#fff;--ink:#000;--rule-ghost:#0000001a;background:var(--paper);position:absolute;inset:0;overflow:hidden;container-type:inline-size}:root[data-theme=dark] .heroGrid{--paper:#000;--ink:#fff;--rule-ghost:#ffffff1a}.heroGrid__u{--u:calc(1cqw / 19.2);position:absolute;inset:0}.heroGrid__rules{top:0;bottom:0;left:calc((var(--margin) - var(--mark-w)) * var(--u));right:calc(var(--margin) * var(--u));--grid-nudge:calc((var(--mark-w) * var(--u) - 1px) / 2);--grid-line:linear-gradient(to right, var(--rule-ghost) 0 1px, transparent 1px);background-image:var(--grid-line), var(--grid-line), var(--grid-line), var(--grid-line), var(--grid-line);background-repeat:repeat-y;background-size:1px 100%;background-position-x:var(--grid-nudge), calc(var(--col) * var(--u) + var(--grid-nudge)), calc(2 * var(--col) * var(--u) + var(--grid-nudge)), calc(3 * var(--col) * var(--u) + var(--grid-nudge)), calc(100% - var(--grid-nudge));position:absolute}.heroGrid__marks{top:0;bottom:0;left:calc((var(--margin) - var(--mark-w)) * var(--u));right:calc(var(--margin) * var(--u));--mark:linear-gradient(to bottom, var(--ink) 0 calc(var(--mark-h) * var(--u)), transparent calc(var(--mark-h) * var(--u)));background-image:var(--mark), var(--mark), var(--mark), var(--mark), var(--mark);background-repeat:repeat-y;background-size:calc(var(--mark-w) * var(--u)) calc(var(--row) * var(--u));background-position-x:left, calc(var(--col) * var(--u)), calc(2 * var(--col) * var(--u)), calc(3 * var(--col) * var(--u)), right;background-position-y:calc(var(--row-origin) * var(--u));position:absolute}@media (max-width:1023px){.heroGrid{--margin:14.5;--col:180.5;--row:140;--row-origin:18;--mark-w:3;--mark-h:3}.heroGrid__u{--u:min(calc(1cqw / 3.9), 1.5px)}.heroGrid__marks{background-image:var(--mark), var(--mark), var(--mark);background-position-x:left,50%,right}.heroGrid__rules{background-image:var(--grid-line), var(--grid-line), var(--grid-line);background-position-x:var(--grid-nudge), center, calc(100% - var(--grid-nudge))}}:root[data-theme=light] [data-hero-backdrop=grid] h1,:root[data-theme=light] [data-hero-backdrop=grid] p{color:#000;text-shadow:none}[data-hero-backdrop=grid]{--chip:#cdcdcd;--fg:#000;--accent:#83ff76;--ink-on-accent:#000}:root[data-theme=dark] [data-hero-backdrop=grid]{--chip:#2b2b2b;--fg:#f2f2f2}[data-hero-backdrop=grid] .studio__nav--glass>a,[data-hero-backdrop=grid] .studio__nav--glass .studio__navInert{background:var(--chip);-webkit-backdrop-filter:none;color:var(--fg)}[data-hero-backdrop=grid] .studio__nav--glass .studio__contact:not([data-open]) .studio__contactMorph{background:var(--chip);-webkit-backdrop-filter:none}[data-hero-backdrop=grid] .studio__nav--glass>a:hover{background:var(--accent);color:var(--ink-on-accent)}[data-hero-backdrop=grid] .studio__nav--glass .studio__contact:has(.studio__contactTrigger:hover) .studio__contactMorph{background:var(--accent)}[data-hero-backdrop=grid] .studio__nav--glass .studio__navInert{opacity:.45;color:var(--fg)}:is(:root[data-theme=light] section:has(img[data-hero-poster]) [data-hero-backdrop=grid] h1,:root[data-theme=light] section:has(img[data-hero-poster]) [data-hero-backdrop=grid] p){color:#fff;text-shadow:0 2px 30px #0000004d}[data-hero-backdrop=grid] .heroScrim{display:none}section:has(img[data-hero-poster]) [data-hero-backdrop=grid] .heroScrim{display:block}