/* The workshop lettering is a physical-looking sign when daylight goes away. */
[data-neon]{--tube:#8fffd1;--tube-core:#e6fff4;--tube-halo:#57eebc;position:relative;display:inline-block;isolation:isolate;max-width:100%;}
[data-neon="amber"]{--tube:#ffd27b;--tube-core:#fff0ce;--tube-halo:#ff9b3d}
[data-neon="coral"]{--tube:#ff958e;--tube-core:#ffebe4;--tube-halo:#ff665f}
[data-neon="ice"]{--tube:#8de9ff;--tube-core:#e3fbff;--tube-halo:#43c9ff}
[data-neon="pink"]{--tube:#ff9ed8;--tube-core:#ffe7f6;--tube-halo:#f85dab}
html[data-lights="off"]{--paper:#080f10;--surface:#101c1d;--card:#152225;--ink:#ebe9dc;--green:#a9d3bc;--line:#334447;--muted:#aab9b5}
html[data-lights="off"] [data-neon]{
  color:var(--tube-core)!important;
  -webkit-text-stroke:1px var(--tube);
  text-shadow:0 0 2px #fff,0 0 6px var(--tube),0 0 15px var(--tube-halo),0 0 34px color-mix(in srgb,var(--tube-halo) 55%,transparent);
  transition:color .6s,text-shadow .8s,-webkit-text-stroke-color .6s;
}
html[data-lights="off"] [data-neon-tube]{
  color:#07100f!important;
  -webkit-text-stroke:1.6px var(--tube-core);
  paint-order:stroke fill;
  text-shadow:0 0 3px var(--tube),0 0 11px var(--tube-halo),0 0 28px color-mix(in srgb,var(--tube-halo) 55%,transparent);
  filter:drop-shadow(0 0 2px var(--tube));
}
/* Acrylic backplates, mounting pins and a short feed wire: no flashing needed. */
html[data-lights="off"] .neon-mounted{padding:.12em .19em .16em;margin:.05em -.19em .08em;background:linear-gradient(135deg,#0a1718e0,#071012c7);border:1px solid #45605b;border-radius:.025em;box-shadow:inset 0 0 28px #0008,0 12px 35px #0004,0 0 60px -32px var(--tube-halo)}
html[data-lights="off"] .neon-mounted::before{content:"";position:absolute;z-index:-1;inset:5px;pointer-events:none;background:radial-gradient(circle at 4px 4px,#99ada3 0 1px,transparent 2px),radial-gradient(circle at calc(100% - 4px) 4px,#99ada3 0 1px,transparent 2px),radial-gradient(circle at 4px calc(100% - 4px),#99ada3 0 1px,transparent 2px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#99ada3 0 1px,transparent 2px);border:1px solid #172b2a}
html[data-lights="off"] .neon-mounted::after{content:"";position:absolute;right:9%;top:100%;width:8px;height:21px;border-right:2px solid #37433d;border-bottom:2px solid #37433d;border-radius:0 0 6px 0;pointer-events:none;z-index:-2}
html[data-lights="off"] .hero-copy{position:relative}
html[data-lights="off"] .hero-copy::before{content:"";position:absolute;inset:17% -8% -6% -12%;background:radial-gradient(ellipse at 43% 63%,#36cf9622,transparent 65%);pointer-events:none;z-index:-1}
html[data-lights="off"] .hero h1 em{padding-bottom:.09em}
html[data-lights="off"] .hero-photo-label{background:#091316;border-color:#659b88;box-shadow:0 0 2px #c0ffe5,0 0 10px #75efb850,0 0 27px #49e8a93a,4px 5px 0 #010705}
html[data-lights="off"] .hero-photo-label>em{padding:.02em 0;filter:none}
html[data-lights="off"] .hero-experiment{color:#c1d2c7}
html[data-lights="off"] .hero-seal,html[data-lights="off"] .heritage-stamp{background:#1c3430;border-color:#607e6d;outline-color:#1c3430;color:#c7dcbb;box-shadow:0 0 0 5px #1c3430}
html[data-lights="off"] .craft-ticker{background:#132923;color:#b1c5b8;border-color:#3b5145}
html[data-lights="off"] .craft-ticker>span:nth-child(even){color:#a6d1b6}
html[data-lights="off"] .workbench{background:#0b1718}
html[data-lights="off"] .bench-ticket h3{color:#ebe9dc}
html[data-lights="off"] .bench-tabs [aria-pressed="true"]{color:#bdffd9;border-bottom-color:#8bdfba;text-shadow:0 0 8px #81ffb044}
html[data-lights="off"] .final-call{background:radial-gradient(ellipse at 30% 50%,#3f193a 0,#101719 64%);color:#f2e8df;border-color:#58334e;overflow:visible}
html[data-lights="off"] .final-call>div,html[data-lights="off"] .final-call>h2{position:relative;z-index:1}
html[data-lights="off"] .final-call .phone-link{border-color:#a49caa}
html[data-lights="off"] .final-stamp{border-color:#6b6d71;color:#bdc3ba}
html[data-lights="off"] .site-footer{background:#071011}
html[data-lights="off"] .button:not(.lime){background:#174c3d;border-color:#34715a;box-shadow:0 4px 0 #020b08}
html[data-lights="off"] .button:hover{box-shadow:0 5px 0 #020b08,0 0 18px #81ffb01f}
/* A complete neon shopfront, while longer copy keeps its quiet reading color. */
html[data-lights="off"] h1:not(:has([data-neon])),html[data-lights="off"] h2:not(:has([data-neon])),html[data-lights="off"] h3{color:#e6fff4;text-shadow:0 0 2px #b6ffdd,0 0 10px #4df6ad55,0 0 24px #32d6a52b}
html[data-lights="off"] .hero h1,html[data-lights="off"] .display,html[data-lights="off"] .lab-heading h2,html[data-lights="off"] .final-call h2{color:#f0f9e8;text-shadow:0 0 2px #e9fddc,0 0 15px #a8fdd340}
html[data-lights="off"] .site-header{border-bottom-color:#68efbc85;box-shadow:0 1px 0 #75ffc535,0 3px 23px #40ffd319}
html[data-lights="off"] .brand{outline:1px solid #9affe0;box-shadow:0 0 8px #63ffd25c,0 0 22px #5dffc22b}
html[data-lights="off"] .desktop-nav a,html[data-lights="off"] .mobile-nav a,html[data-lights="off"] .text-link,html[data-lights="off"] .contact-phone,html[data-lights="off"] .phone-link{color:#bff9ee;text-shadow:0 0 8px #63eddf70}
html[data-lights="off"] .desktop-nav a:hover,html[data-lights="off"] .desktop-nav [aria-current="page"],html[data-lights="off"] .mobile-nav a:hover,html[data-lights="off"] .text-link:hover{color:#ffb9e5;text-shadow:0 0 3px #ffd5f0,0 0 12px #fc6fcf85}
html[data-lights="off"] .desktop-nav a:after{background:#7ffff2;box-shadow:0 0 8px #4bffe1}
html[data-lights="off"] .button,html[data-lights="off"] .lab-next,html[data-lights="off"] .filter-chip[aria-pressed="true"],html[data-lights="off"] .lab-steps button[aria-pressed="true"]{border-color:#a6ffe0;box-shadow:0 0 3px #bcffe788,0 0 15px #40fac82b,0 4px 0 #061b13;text-shadow:0 0 7px #bbffdf44}
html[data-lights="off"] .button:hover,html[data-lights="off"] .lab-next:hover{border-color:#deff8d;box-shadow:0 0 5px #e5ff9f99,0 0 23px #ceff5e45,0 5px 0 #061b13}
html[data-lights="off"] .craft-ticker span{color:#b8ffeb;text-shadow:0 0 7px #63f8d577}
html[data-lights="off"] .craft-ticker>span:nth-child(even){color:#ffb0d9;text-shadow:0 0 7px #ff73c480}
html[data-lights="off"] .hero-footnote,html[data-lights="off"] .eyebrow,html[data-lights="off"] .bench-photo>span,html[data-lights="off"] .hero-scene figcaption{color:#c2eadb;text-shadow:0 0 6px #66f5ba44}
html[data-lights="off"] .project-card .project-scene{border-color:#508c7a;box-shadow:0 0 8px #42e9c529}
html[data-lights="off"] .project-open:hover .project-scene,html[data-lights="off"] .project-open:focus-visible .project-scene{border-color:#8fffdb;box-shadow:0 0 4px #a3ffe080,0 0 26px #4effc537}
html[data-lights="off"] .project-info strong{color:#baffec;text-shadow:0 0 8px #69f6c46b}
html[data-lights="off"] .service-row{border-color:#5bbf9c69;box-shadow:0 1px 5px #4dffb91a}
html[data-lights="off"] .service-plus{color:#c8ff8a;text-shadow:0 0 9px #b1ff43}
html[data-lights="off"] :is(input,select,textarea):focus{border-color:#8fffdf;box-shadow:0 0 10px #48ffd13b}
html[data-lights="off"] .site-footer h2,html[data-lights="off"] .creator-credit>span{color:#ceffed;text-shadow:0 0 9px #71ffd061}
html[data-lights="off"] .site-footer a:not(.brand):hover{color:#ffb4e3;text-shadow:0 0 8px #ff73b77a}
.neon-pointer-halo{display:none;position:fixed;left:0;top:0;width:164px;height:164px;z-index:1000;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#7fffd52b 0,#6aebda13 25%,#6beadb05 49%,transparent 70%);transform:translate3d(var(--pointer-x,-300px),var(--pointer-y,-300px),0) translate(-50%,-50%);opacity:0;will-change:transform}
.neon-pointer-halo::before{content:"";position:absolute;inset:calc(50% - 7px);border:1px solid #b8fff0;border-radius:50%;box-shadow:0 0 5px #b7fff1,0 0 17px #69f8d5,0 0 31px #54efdc75}
.hero-neon-scene{container-type:inline-size;transform:none;padding:9px}
.hero-neon-wall{position:relative;aspect-ratio:5/4;min-height:min-content;display:grid;place-items:center;padding:clamp(18px,3vw,38px);overflow:hidden;background:linear-gradient(#c3956a25,#502a1a25),repeating-linear-gradient(0deg,transparent 0 42px,#c4a183 42px 45px),repeating-linear-gradient(90deg,#9a644c 0 97px,#ab7f60 97px 101px);border:1px solid #855d44}
.hero-neon-board{container-type:inline-size;position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:clamp(8px,1vw,14px);width:100%;max-width:560px;min-width:0;box-sizing:border-box;padding:clamp(22px,2.5vw,36px) clamp(14px,2vw,28px);background:#eee9dcd9;border:7px double #174b38;box-shadow:7px 9px 0 #3c37274d;text-align:center;transform:none}
.hero-neon-finuf,.hero-neon-company{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding-inline:.045em;white-space:nowrap;text-align:center}
.hero-neon-finuf{font-family:Georgia,serif;font-weight:900;font-style:italic;font-size:clamp(40px,6.5vw,118px);line-height:1.06;letter-spacing:-.055em;color:#028e51}
.hero-neon-company{font-family:BarlowWorkshop,Impact,sans-serif;font-weight:900;font-size:clamp(42px,6.8vw,124px);line-height:1;letter-spacing:.015em;color:#174b38}
.hero-neon-tagline{display:block;max-width:100%;margin:5px 0 0;font-size:14px;font-weight:800;line-height:1.5;letter-spacing:.045em;text-wrap:balance;color:#174b38}
.hero-neon-scene figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 18px;padding:16px 8px 9px;font-size:14px;line-height:1.5;letter-spacing:.035em;text-align:left}
.hero-neon-scene figcaption>span{min-width:0;overflow-wrap:normal}
.hero-neon-scene figcaption>span:last-child{text-align:right}
.hero-visual:has(.hero-neon-scene) .hero-seal{display:none}
@supports(font-size:1cqw){.hero-neon-finuf{font-size:clamp(36px,24cqw,126px)}.hero-neon-company{font-size:clamp(38px,27cqw,128px)}}
@container(max-width:420px){.hero-neon-scene figcaption{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:3px}.hero-neon-scene figcaption>span:last-child{text-align:center}}
html[data-lights="off"] .hero-neon-wall{background:radial-gradient(ellipse at 50% 50%,#38675c63,transparent 67%),linear-gradient(#080f10df,#080f10df),repeating-linear-gradient(0deg,transparent 0 42px,#9b7967 42px 45px),repeating-linear-gradient(90deg,#8d5d48 0 97px,#a77a62 97px 101px);border-color:#3a5d4f}
html[data-lights="off"] .hero-neon-board{background:#091a1dcc;border-color:#79c8af;box-shadow:0 0 2px #9bffe0,0 0 18px #4bffc63d,0 0 70px #60ffd132,9px 12px 0 #0005}
html[data-lights="off"] .hero-neon-tagline{color:#b9ffe6;text-shadow:0 0 9px #7bffda}
@media(max-width:900px){.hero-neon-wall{padding:20px;aspect-ratio:6/5}.hero-neon-board{padding:24px 16px;border-width:6px}.hero-neon-scene figcaption{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.hero-neon-scene figcaption>span:last-child{text-align:center}}
@media(max-width:650px){.hero-neon-scene{padding:7px}.hero-neon-wall{padding:20px;aspect-ratio:5/4}.hero-neon-board{padding:25px 16px;gap:10px}.hero-neon-tagline{font-size:14px;line-height:1.5;letter-spacing:.025em;margin-top:5px}.hero-neon-scene figcaption{padding:14px 5px 8px}}
@media(max-width:380px){.hero-neon-scene{padding:6px}.hero-neon-wall{padding:16px;aspect-ratio:6/5}.hero-neon-board{padding:20px 12px;border-width:5px;gap:9px}.hero-neon-tagline{letter-spacing:.015em}.hero-neon-scene figcaption{letter-spacing:.02em}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-lights="off"] .neon-pointer-halo[data-active="true"]{display:block;opacity:1}}
@media print{.neon-pointer-halo{display:none!important}}
.lighting-legend{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.5;margin:16px 0 0;color:var(--muted)}
.lighting-legend>span{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
html[data-lights="off"] .lighting-legend>span{color:#99ffce;box-shadow:0 0 6px #7bffbe}
.photo-dialog .photo-scene{margin:0;background:#071113}
.photo-dialog .scene-image-wrap{min-height:80px}
.photo-dialog .scene-image-wrap>img{width:100%;max-height:70dvh;height:auto;object-fit:contain;display:block}
.photo-dialog .night-scene-overlay,.photo-dialog .glow-overlay{max-height:70dvh}
.photo-view-note{font-size:14px;color:var(--muted)}
@media(max-width:650px){
  html,body{overflow-x:clip}
  .heritage-photo{transform:none;margin-right:7px}
  .heritage-stamp{right:3px}
  .hero-seal{right:0}
  html[data-lights="off"] [data-neon-tube]{-webkit-text-stroke:1.1px var(--tube-core);text-shadow:0 0 2px var(--tube),0 0 7px var(--tube-halo),0 0 18px color-mix(in srgb,var(--tube-halo) 40%,transparent)}
  html[data-lights="off"] .neon-mounted{padding:.1em .15em .13em;margin-inline:-.15em}
  html[data-lights="off"] .neon-mounted::after{height:15px}
  .lighting-legend{font-size:14px;max-width:40ch}
}
@media(prefers-reduced-motion:reduce){html[data-lights="off"] [data-neon]{transition:none}}
@media print{[data-neon]{color:#172b24!important;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important}.neon-mounted{background:none!important;border:0!important;box-shadow:none!important}.neon-mounted::before,.neon-mounted::after{display:none!important}}

.lighting-legend,.photo-view-note{font-size:16px;line-height:1.65}
@media(max-width:650px){.lighting-legend{font-size:15px}}