:root{--font-display: "Instrument Serif", Georgia, serif;--font-body: "Syne", sans-serif;--section-padding: clamp(4rem, 10vw, 8rem);--container-max: 1400px;--container-width: min(90%, var(--container-max));--container-padding-x: 12px;--grid-gutter: calc((100% - var(--container-width)) / 2)}@media(max-width:979px){:root{--container-width: 100%;--container-padding-x: 16px}.tools-container,.services-container,.testimonials-container,.footer-container,.project-hero-container,.project-meta-container,.content-section,.related-container{padding-left:var(--container-padding-x);padding-right:var(--container-padding-x)}.page-hero__description{padding-left:0;padding-right:0}}:root,[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--accent-warm: #e8d5b7;--accent-gold: #c9a962;--accent-coral: #e07a5f;--text-primary: #fafafa;--text-secondary: #a0a0a0;--text-muted: #666666;--border-subtle: rgba(255, 255, 255, .08);--border-accent: rgba(232, 213, 183, .3)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #e8eef6;--bg-tertiary: #dce4f0;--accent-warm: #4a6fa5;--accent-gold: #3b82c4;--accent-coral: #5c8fd6;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-subtle: rgba(15, 23, 42, .08);--border-accent: rgba(59, 130, 196, .35)}[data-theme=velvet]{--bg-primary: #660707;--bg-secondary: #200202;--bg-tertiary: #861818;--accent-warm: #e8cbb8;--accent-gold: #c9956a;--accent-coral: #e88a7a;--text-primary: #faf3ef;--text-secondary: #c4a0a0;--text-muted: #947575;--border-subtle: rgba(255, 220, 210, .1);--border-accent: rgba(232, 203, 184, .35)}[data-theme=xanthic]{--bg-primary: #efaf00;--bg-secondary: #e5a800;--bg-tertiary: #f0b510;--accent-warm: #000000;--accent-gold: #1a1a1a;--accent-coral: #333333;--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .65);--text-muted: rgba(0, 0, 0, .45);--border-subtle: rgba(0, 0, 0, .12);--border-accent: rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}main,.footer,.skip-link{position:relative;z-index:1}main section{position:relative;z-index:1}.featured-description,.work-description,.page-hero__description,.experience-description__para,.testimonial-text,.reason-description{text-wrap:pretty}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;--grid-gutter: calc((100% - var(--container-width)) / 2);background-image:linear-gradient(to right,transparent var(--grid-gutter),var(--border-subtle) var(--grid-gutter),var(--border-subtle) calc(var(--grid-gutter) + 1px),transparent calc(var(--grid-gutter) + 1px)),linear-gradient(to right,transparent calc(var(--grid-gutter) + var(--container-width) / 3),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width) / 3),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width) / 3 + 1px),transparent calc(var(--grid-gutter) + var(--container-width) / 3 + 1px)),linear-gradient(to right,transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width) / 3 * 2),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + 1px),transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + 1px)),linear-gradient(to right,transparent calc(var(--grid-gutter) + var(--container-width)),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width)),var(--border-subtle) calc(var(--grid-gutter) + var(--container-width) + 1px),transparent calc(var(--grid-gutter) + var(--container-width) + 1px));background-size:100% 100%;background-repeat:no-repeat}body:has(.vertical-grid-lines):before{display:none}body:has(.about-page):before,body:has(.works-page):before,body:has(.project-page):before,body:has(.artworks-page):before{display:none}::selection{background:var(--accent-gold);color:var(--bg-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;padding:.75rem 1rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px}.skip-link:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-loading{min-height:100vh;background:var(--bg-primary)}img{max-width:100%;height:auto;display:block}.container{width:var(--container-width);margin:0 auto;padding-left:var(--container-padding-x);padding-right:var(--container-padding-x)}.navbar-container,.hero-container,.featured-container,.works-container,.artworks-container,.why-me-container{padding-left:var(--container-padding-x);padding-right:var(--container-padding-x)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.gradient-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1;contain:paint}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(201,169,98,.15) 0%,transparent 70%);top:-200px;right:-200px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(224,122,95,.1) 0%,transparent 70%);bottom:20%;left:-150px}[data-theme=light] .orb-1,[data-theme=xanthic] .orb-1{background:radial-gradient(circle,rgba(59,130,196,.14) 0%,transparent 70%)}[data-theme=light] .orb-2,[data-theme=xanthic] .orb-2{background:radial-gradient(circle,rgba(92,143,214,.1) 0%,transparent 70%)}[data-theme=xanthic] .orb-1{background:radial-gradient(circle,rgba(0,0,0,.06) 0%,transparent 70%)}[data-theme=xanthic] .orb-2{background:radial-gradient(circle,rgba(0,0,0,.04) 0%,transparent 70%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;animation:marquee 30s linear infinite}.link-underline{position:relative;display:inline-block}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-warm);transition:width .3s ease}.link-underline:hover:after{width:100%}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--accent-warm);color:var(--bg-primary);font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-radius:50px;transition:all .3s ease}.btn-primary:hover{background:var(--accent-gold);transform:translateY(-2px);box-shadow:0 10px 30px #c9a9624d}[data-theme=light] .btn-primary:hover,[data-theme=xanthic] .btn-primary:hover{box-shadow:0 10px 30px #3b82c440}[data-theme=xanthic] .btn-primary:hover{box-shadow:0 10px 30px #00000026}.btn-outline{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;color:var(--text-primary);font-weight:500;font-size:.9rem;letter-spacing:.05em;border:1px solid var(--border-subtle);border-radius:50px;transition:all .3s ease}.btn-outline:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.pill-cta{display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 3rem;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:50px;color:var(--text-primary);font-size:1.5rem;font-weight:400;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.pill-cta:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.pill-cta--compact{padding:.75rem 1.5rem;font-size:.75rem;font-weight:500;letter-spacing:.05em}[data-theme=light] .pill-cta{background-color:color-mix(in srgb,var(--bg-primary) 92%,transparent);border-color:var(--border-subtle)}[data-theme=light] .pill-cta:hover{border-color:var(--accent-warm)}[data-theme=xanthic] .pill-cta{background-color:var(--bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#000000d9}[data-theme=xanthic] .pill-cta:hover{border-color:#000;color:#000}.section-label{display:inline-flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.5rem}.section-label:before{content:"";width:40px;height:1px;background:var(--accent-gold)}.page-hero{padding:4rem 0 2rem;text-align:center}.page-hero__container{width:var(--container-width);margin:0 auto;max-width:800px}.page-hero__label{display:flex;justify-content:center;margin-bottom:1.5rem}.page-hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1;margin-bottom:1.5rem}.page-hero__body{display:flex;flex-direction:column;gap:1.25rem}.page-hero__description{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}@media(max-width:768px){.page-hero{padding:3rem 0 1.5rem}.page-hero__title{margin-bottom:1rem}}.card-hover{transition:transform .4s ease,box-shadow .4s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0006}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 0;transition:all .4s ease}.navbar.scrolled{padding:12px 0}.navbar.scrolled .navbar-container{mix-blend-mode:difference}.navbar.scrolled .navbar-cta{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}[data-theme=light] .navbar.scrolled .navbar-cta,[data-theme=xanthic] .navbar.scrolled .navbar-cta{background:transparent;border-color:transparent}[data-theme=xanthic] .navbar.scrolled .navbar-container{mix-blend-mode:normal}.theme-toggle-link{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;transition:color .3s ease;letter-spacing:inherit}.theme-toggle-link:hover{color:var(--text-primary)}.theme-toggle-link .is-active,.theme-toggle-link:hover .is-active{color:var(--accent-warm)}.theme-toggle-wrapper{position:relative;display:inline-flex}.theme-toggle-tooltip{position:absolute;top:calc(100% + .65rem);left:50%;z-index:10;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;min-width:max-content;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:24px;color:var(--text-secondary);font-family:Bitcount Grid Single,monospace;font-size:.65rem;font-weight:400;line-height:1.45;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.theme-toggle-tooltip__header{display:flex;flex-direction:column;gap:.15rem}.theme-toggle-tooltip__label{font-size:.55rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.theme-toggle-tooltip__value{font-family:Bitcount Grid Single,monospace;font-size:16px;font-weight:400;line-height:1.5;color:var(--text-secondary)}.theme-toggle-tooltip__group{display:flex;flex-direction:column;gap:.35rem;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.theme-toggle-tooltip__line{display:flex;align-items:center;gap:.4rem}.theme-toggle-tooltip__press{color:var(--text-muted);letter-spacing:.03em}.theme-toggle-tooltip__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;padding:.1rem .25rem;border:1px solid var(--border-accent);border-radius:4px;background:var(--bg-tertiary);color:var(--accent-warm);font-family:inherit;font-size:.6rem;font-weight:500;line-height:1;letter-spacing:.04em;text-transform:uppercase}.theme-toggle-tooltip__action{color:var(--text-secondary);letter-spacing:.03em}.theme-toggle-tooltip__meta{display:flex;flex-direction:column;gap:.2rem;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.theme-toggle-tooltip__meta-line{display:block;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}@media(hover:hover)and (pointer:fine){.theme-toggle-wrapper--tooltip-open .theme-toggle-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}.navbar-container{width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:1.5rem}.navbar-logo{display:flex;align-items:center;grid-column:1;justify-self:start}.logo-icon{height:32px;width:auto;transition:transform .3s ease}.navbar-logo:hover .logo-icon{transform:scale(1.05)}.navbar-links{display:flex;gap:2.5rem;grid-column:2;justify-self:center}.nav-link{font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-warm)}.nav-link.active:after{width:100%}.navbar-cta{grid-column:3;justify-self:end}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;grid-column:3;justify-self:end}.hamburger{position:relative;width:24px;height:2px;background:var(--text-primary);transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);left:0;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.active{background:transparent}.hamburger.active:before{transform:rotate(45deg);top:0}.hamburger.active:after{transform:rotate(-45deg);bottom:0}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.mobile-nav-link{font-size:1.25rem;font-weight:500;color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid var(--border-subtle);transition:color .3s ease}.mobile-nav-link:hover{color:var(--text-primary)}.mobile-cta{margin-top:1rem;text-align:center;width:100%}@media(max-width:768px){.navbar-container{grid-template-columns:1fr auto;column-gap:1rem}.navbar-links,.navbar-cta{display:none}.mobile-menu-btn{display:flex}}.decay-card-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.content{position:relative}.svg{position:relative;width:100%;height:100%;display:block;overflow:visible}.svg>g{will-change:transform}.card-text{position:absolute;bottom:1.2em;letter-spacing:-.5px;font-weight:900;left:1em;font-size:2.5rem;line-height:1.5em}.card-text:first-line{font-size:4rem}.hero{height:100vh;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:80px 0 12px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-container{width:var(--container-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;text-align:center}.hero-content{min-width:0;position:relative;width:100%}.hero-intro,.hero-clock{color:var(--text-secondary);font-family:Bitcount Grid Single,monospace;font-size:16px;font-weight:400;line-height:1.5;margin:0;mix-blend-mode:normal;z-index:3}.hero-intro{max-width:52ch;pointer-events:auto;position:absolute;right:0;text-align:right;top:0}.hero-clock{bottom:0;left:0;padding-bottom:32px;position:absolute;text-align:left}.hero-clock-globe{display:block;width:29px;height:29px;margin-bottom:24px;color:#a0a0a0;overflow:visible}.hero-clock-globe__latitudes,.hero-clock-globe__outline{transform-box:view-box;transform-origin:50% 50%}.hero-clock:hover .hero-clock-globe__latitudes path{animation:globe-latitude-flow 1.8s linear infinite}.hero-clock:hover .hero-clock-globe__outline path{animation:globe-outline-flow 3.6s linear infinite}@keyframes globe-latitude-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16}}@keyframes globe-outline-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}@media(prefers-reduced-motion:reduce){.hero-clock:hover .hero-clock-globe__latitudes path,.hero-clock:hover .hero-clock-globe__outline path{animation:none}}.hero-intro-line{display:block}.hero-intro-link{color:var(--text-secondary);font-family:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.hero-intro-link:hover{color:var(--text-secondary)}.hero-header{display:flex;justify-content:center;width:100%;z-index:3}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}.badge-dot{width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{width:100%;margin-bottom:1rem;position:relative;z-index:2;pointer-events:none;mix-blend-mode:difference}[data-theme=light] .hero-title,[data-theme=xanthic] .hero-title{mix-blend-mode:normal}[data-theme=light] .title-word,[data-theme=xanthic] .title-word{color:var(--text-primary)}[data-theme=xanthic] .hero-clock-globe{color:#00000073}.hero-decay-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-decay-card .decay-card-wrapper{pointer-events:auto}.title-line{display:flex;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap;padding:.25rem 0}.title-line-left{justify-content:flex-start}.title-line-right{justify-content:flex-end}.title-word{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,8rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;display:block;color:#fff}.title-word.italic{font-style:italic}.subtitle-line{margin-top:.5rem}@media(max-width:969px){.hero{height:auto;justify-content:flex-start;min-height:100dvh;padding:120px 0 40px}.hero-container{flex:1;min-height:calc(100dvh - 120px)}.hero-content{min-height:calc(100dvh - 120px)}.hero-clock{bottom:12px;padding-bottom:0}.hero-intro{inset:auto 0 12px auto;text-align:right}}@media(max-width:768px){.title-word{font-size:clamp(2rem,12vw,4rem)}}@media(max-width:679px){.hero-decay-card .decay-card-wrapper,.hero-decay-card .decay-card-wrapper .content{height:350px!important;width:280px!important}}@media(max-width:599px){.hero-intro,.hero-clock{font-size:13px}.hero-clock-globe{width:20px;height:20px}}@media(max-width:459px){.hero-clock{display:none}}.noise-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}.vertical-grid-lines{--grid-gutter: calc((100% - var(--container-width)) / 2);--grid-node-size: 12px;--grid-node-gap-half: calc(var(--grid-node-size) / 2);--grid-line-width: 1px;position:fixed;inset:0;pointer-events:none;z-index:0}.vertical-grid-line{position:absolute;top:0;left:calc(var(--grid-gutter) + var(--container-width) / 3 * var(--line-index));width:var(--grid-line-width);height:100%;background:var(--border-subtle);transform-origin:top center;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% / 3 - var(--grid-node-gap-half)),transparent calc(100% / 3 - var(--grid-node-gap-half)),transparent calc(100% / 3 + var(--grid-node-gap-half)),#000 calc(100% / 3 + var(--grid-node-gap-half)),#000 calc(100% * 2 / 3 - var(--grid-node-gap-half)),transparent calc(100% * 2 / 3 - var(--grid-node-gap-half)),transparent calc(100% * 2 / 3 + var(--grid-node-gap-half)),#000 calc(100% * 2 / 3 + var(--grid-node-gap-half)),#000 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% / 3 - var(--grid-node-gap-half)),transparent calc(100% / 3 - var(--grid-node-gap-half)),transparent calc(100% / 3 + var(--grid-node-gap-half)),#000 calc(100% / 3 + var(--grid-node-gap-half)),#000 calc(100% * 2 / 3 - var(--grid-node-gap-half)),transparent calc(100% * 2 / 3 - var(--grid-node-gap-half)),transparent calc(100% * 2 / 3 + var(--grid-node-gap-half)),#000 calc(100% * 2 / 3 + var(--grid-node-gap-half)),#000 100%)}.horizontal-grid-line{position:absolute;top:calc(100% / 3 * var(--line-index));left:0;width:100%;height:var(--grid-line-width);margin-top:calc(var(--grid-line-width) / -2);background:var(--border-subtle);transform-origin:center center;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(var(--grid-gutter) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 * 2 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) + var(--grid-node-gap-half)),#000 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(var(--grid-gutter) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 * 2 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2 - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) / 3 * 2 + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) - var(--grid-node-gap-half)),transparent calc(var(--grid-gutter) + var(--container-width) + var(--grid-node-gap-half)),#000 calc(var(--grid-gutter) + var(--container-width) + var(--grid-node-gap-half)),#000 100%)}.grid-intersection-node{position:absolute;top:calc(100% / 3 * var(--h-index));left:calc(var(--grid-gutter) + var(--container-width) / 3 * var(--v-index));width:var(--grid-node-size);height:var(--grid-node-size);border:var(--grid-line-width) solid var(--border-subtle);border-radius:50%;background:transparent;box-sizing:border-box;transform:translate(-50%,-50%)}