@import url('assets/images.css');
@import url('assets/brick-wall.css');
@import url('assets/original-wall.css');
@import url('assets/services-grid.css');
@import url('assets/services-light.css');
@import url('assets/services-color.css');
@import url('assets/services-art-ad.css');
@import url('assets/services-print.css');
@import url('assets/side-position.css?v=heading-clean-5');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--red:#f0223c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0d0d10;color:#f4f3f0;font:16px 'Noto Sans Thai',Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ff8193;outline-offset:4px}header{height:86px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#111113;border-bottom:1px solid #ffffff15;gap:20px}.brand{font:900 27px/.95 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}.brand small{display:block;text-align:center;color:var(--red);font:800 10px/1.6 Arial;letter-spacing:.5px}nav{display:flex;align-items:center;gap:22px}nav a,nav button{background:none;border:0;font-size:14px;color:#d5d2d9;padding:9px 0}nav a:first-child{border-bottom:2px solid var(--red)}nav .login{border:1px solid var(--red);padding:7px 18px;border-radius:25px}#menu{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:55px 10% 36px;min-height:560px;background:radial-gradient(ellipse at 28% 0%,#ecc99830,transparent 27%),radial-gradient(ellipse at 70% 0%,#ecc99825,transparent 27%),repeating-linear-gradient(89deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(transparent 51%,#0008 51.2%,transparent 51.6%),#181719;box-shadow:inset 0 0 100px #000}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(#74604760,#080809,#ffffff09)}.eyebrow{font-size:15px;letter-spacing:5px;margin:0 0 35px;color:#d0cccb}.eyebrow b{color:var(--red);margin:0 12px}.sign h1{font:900 clamp(48px,8.5vw,132px)/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;white-space:nowrap;margin:0;color:#fffdf3;text-shadow:1px 2px #b2a99d,3px 4px #8b8174,5px 7px #37332e,0 0 15px #fff3d580,0 0 60px #ffe3b630;transition:.4s}.sign p{font:800 clamp(17px,3.4vw,52px)/1.1 Arial;letter-spacing:.02em;margin:16px 0 35px;color:#ff3548;text-shadow:2px 3px #990b1a,4px 5px #39050b,0 0 14px #ff142c,0 0 45px #ff142c80;transition:.4s}.hero[data-mode=off] h1{color:#727275;text-shadow:2px 3px #424248,5px 7px #09090a}.hero[data-mode=off] .sign p{color:#702532;text-shadow:3px 5px #1e080d}.hero[data-mode=rgb] .sign h1,.hero[data-mode=rgb] .sign p{animation:rgb 9s linear infinite}.hero[data-mode=rgb] .sign p{animation-delay:-3s}@keyframes rgb{0%,100%{color:#ff84a1;text-shadow:3px 5px #53202c,0 0 15px #ff2767,0 0 65px #ff276780}33%{color:#85ffd1;text-shadow:3px 5px #20533d,0 0 15px #21ffa8,0 0 65px #21ffa880}66%{color:#c0aaff;text-shadow:3px 5px #302053,0 0 15px #9663ff,0 0 65px #9663ff80}}.switch{display:flex;width:max-content;margin:auto;border:1px solid #555;padding:5px;border-radius:35px;background:linear-gradient(#27272b,#101013);box-shadow:0 5px 20px #0006}.switch button{border:1px solid transparent;background:none;border-radius:27px;padding:9px 28px;font-size:14px;min-width:100px}.switch button[aria-pressed=true]{background:linear-gradient(#fa3049,#b70a24);border-color:#ff5267}.hero h2{font-size:clamp(22px,2.7vw,38px);font-weight:400;margin:30px 0 8px}.hero h2 span{color:var(--red)}#light-status{color:#aaa5ad;font-size:12px;margin:0}.side{position:absolute;left:3%;top:130px;text-align:left;font:800 18px/1.1 'Barlow Condensed',sans-serif;color:#6d686b}.side span{display:block;width:28px;height:2px;background:#d5263d;margin:23px 0}.side small{font-size:12px;line-height:1.5}.wrap{max-width:1390px;margin:auto;padding-left:5%;padding-right:5%}.categories{padding-top:27px;padding-bottom:25px}.small-title{font-size:20px;margin:0 0 17px}.small-title:before{content:'';display:inline-block;width:30px;height:2px;background:var(--red);vertical-align:middle;margin-right:12px}#categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{min-height:113px;border:1px solid #55525b;border-radius:6px;background:linear-gradient(140deg,#202024,#111114);padding:15px 8px;font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.category:hover,.category[aria-pressed=true]{border-color:var(--red);background:linear-gradient(140deg,#321c23,#171115)}.category svg{width:34px;height:34px;stroke:#ff2845;fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.calculator{border:1px solid var(--red);border-radius:8px;background:#111114;padding:25px}.calc-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.calc-symbol{font-size:47px;color:var(--red);line-height:1}.calc-head h2{font-size:28px;margin:0}.calc-head p{font-size:14px;color:#b8b4bd;margin:2px 0}.calc-head>small{margin-left:auto;color:#a5a0ab;font-size:12px}.calc-body{display:grid;grid-template-columns:1.9fr 1fr;border:1px solid #36353a;border-radius:6px;padding:23px;gap:28px}form{display:grid;grid-template-columns:1fr 1fr;gap:17px}form>label{font-size:14px;display:flex;flex-direction:column;gap:7px}.wide{grid-column:1/-1;display:grid!important;grid-template-columns:145px 1fr;align-items:center}input,select{background:#19191d;border:1px solid #54515a;border-radius:5px;min-width:0;width:100%;padding:9px 12px;color:#f5f1f7;min-height:42px}input::placeholder{color:#8e8795}input:focus,select:focus{outline:1px solid var(--red)}fieldset{border:0;padding:0;margin:0;font-size:14px}legend{margin-bottom:13px}fieldset label{display:inline-flex;align-items:center;gap:6px;margin-right:8px}input[type=radio]{width:17px;min-height:17px;padding:0;margin:0;accent-color:var(--red)}aside{border-left:1px solid #555;padding-left:28px;text-align:center;display:flex;flex-direction:column;justify-content:center}aside h3{font-size:23px;margin:0 0 12px}.price{font-size:50px;font-weight:600}aside p{color:#bab5c0;font-size:14px;margin:8px 0 18px}.primary{background:linear-gradient(#f82340,#bc0825);border:1px solid #f8435c;border-radius:30px;padding:12px 18px;color:white;font-weight:600}aside small{color:#96909c;font-size:12px;line-height:1.7;margin-top:12px}#summary{padding-top:18px;margin-top:18px;border-top:1px solid #444;font-size:14px;line-height:1.8}#summary h3{margin:0 0 8px}#summary button{padding:8px 16px;background:#29252e;border:1px solid #555;border-radius:5px}.portfolio{padding-top:35px;padding-bottom:42px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.heading h2{font-size:34px;margin:0}.kicker{color:#ff3a53;letter-spacing:4px;font:700 12px Arial;margin:0 0 7px}.heading>p{font-size:14px;color:#aaa3b0;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;isolation:isolate;overflow:hidden;min-height:335px;border:1px solid #44404a;border-radius:4px;background:#222;text-align:left}.photo{position:absolute;inset:0;z-index:-2;background-image:url('assets/services.png');background-size:300% 100%;transition:transform .4s}.photo1{background-position:left}.photo2{background-position:center}.photo3{background-position:right}.card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#08080b22 30%,#08080beb 90%)}.card:hover .photo{transform:scale(1.04)}.badge{position:absolute;top:10px;right:10px;background:#000b;padding:4px 8px;border-radius:20px;font-size:12px}.copy{position:absolute;left:25px;bottom:23px}.copy h3{font-size:24px;margin:0}.copy small{font:12px Arial;letter-spacing:3px;color:#c6c0ce}.copy p{font-size:14px;color:#d0c9d6;line-height:1.8;margin:18px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;border-top:1px solid #39343e}footer p,footer>small{color:#96909e;font-size:12px}footer p{letter-spacing:2px}dialog{max-width:520px;width:calc(100% - 30px);background:#19171e;color:#f1edf5;border:1px solid #683a48;border-radius:10px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog>p:last-child{line-height:1.8;color:#c3bcca}#close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}[hidden]{display:none!important}@media(max-width:1100px){header{padding:0 4%}nav{gap:13px}nav button,nav a{font-size:12px}.brand{font-size:24px}.hero{min-height:500px}.wide{grid-template-columns:110px 1fr}.calc-body{gap:20px;padding:18px}aside{padding-left:20px}}
@media(max-width:800px){header{height:75px;position:relative;z-index:5}#menu{display:block;border:1px solid #555;border-radius:5px;background:none;font-size:22px;padding:4px 11px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#17151d;padding:20px;flex-wrap:wrap;border-bottom:1px solid #555}nav.open{display:flex}nav a,nav button{font-size:14px}.hero{padding:50px 4% 35px;min-height:415px}.eyebrow{font-size:12px;letter-spacing:3px}.eyebrow b{margin:0 6px}.sign h1{font-size:10.7vw}.sign p{font-size:4.5vw}.side{display:none}.hero h2{font-size:24px}.switch button{min-width:85px;padding:8px 20px}#categories{grid-template-columns:repeat(2,1fr)}.category{min-height:108px}.calc-head{flex-wrap:wrap;gap:10px}.calc-head>small{margin:0;width:100%}.calc-head h2{font-size:23px}.calc-symbol{font-size:36px}.calculator{padding:17px}.calc-body{grid-template-columns:1fr}.wide{display:flex!important}.calc-body aside{border-left:0;border-top:1px solid #555;padding:22px 0 0}.heading{display:block}.heading h2{font-size:29px}.cards{grid-template-columns:1fr}.card{min-height:335px}.photo{background-size:300% 100%}footer{flex-direction:column;align-items:flex-start}.radio{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero[data-mode=rgb] .sign h1{color:#bda8ff;text-shadow:0 0 20px #8754ff}.hero[data-mode=rgb] .sign p{color:#88ffcc;text-shadow:0 0 20px #19ddaa}}
.sign h1{font-family:Impact,'Barlow Condensed','Arial Narrow',sans-serif;font-weight:900;font-size:clamp(56px,10.6vw,160px);letter-spacing:.005em;transform:scaleY(1.14);transform-origin:center bottom;-webkit-text-stroke:1px #b9aa98;text-shadow:1px 1px #dfd3c5,2px 3px #a99a87,3px 4px #827360,4px 6px #514333,6px 8px #211b16,9px 14px 9px #000b,0 0 18px #ffe6c94d}
.sign p{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(19px,3.5vw,53px);letter-spacing:.035em;transform:scaleX(1.06);-webkit-text-stroke:.6px #ff7272;margin-top:10px}
.hero[data-mode=off] .sign h1{-webkit-text-stroke:1px #888}
.hero[data-mode=rgb] .sign h1{-webkit-text-stroke:1px #ffffff70}
@media(max-width:800px){.sign h1{font-size:12vw;letter-spacing:0}.sign p{font-size:4.6vw}.hero{padding-top:62px}}
.hero .sign h1,.hero .sign p{ text-shadow:none!important;-webkit-text-stroke:0; }
.hero .sign h1{letter-spacing:.035em;font-size:clamp(48px,9.6vw,145px)}
.hero .sign p{letter-spacing:.07em}
@media(max-width:800px){.hero .sign h1{font-size:10.5vw;letter-spacing:.025em}}
.switch{max-width:100%;flex-wrap:wrap;justify-content:center}.switch button{min-width:0;padding:9px 20px}
.hero[data-mode=full] .sign h1,.hero[data-mode=full] .sign p{background:linear-gradient(90deg,#ff2388,#ff2636,#ffee00,#51ff30,#00eedb,#2065ff,#ba24ff,#ff2388);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:rainbow-flow 4s linear infinite}
.hero[data-mode=fire] .sign h1,.hero[data-mode=fire] .sign p{background:repeating-linear-gradient(115deg,#ff2413 0%,#ff6010 12%,#fff59a 22%,#ffca16 29%,#ff3c08 40%,#981006 50%);background-size:180% 250%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:fire-flow 1.7s linear infinite}
@keyframes rainbow-flow{from{background-position:200% 0}to{background-position:0 0}}
@keyframes fire-flow{0%{background-position:0 100%;filter:brightness(1)}35%{filter:brightness(1.22)}65%{filter:brightness(.92)}100%{background-position:100% 0;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.hero .sign h1,.hero .sign p{animation:none!important;filter:none!important}}
.lighting-heading{margin:24px 0 14px}.lighting-heading h3{margin:0;color:#f4f3f0;font:700 16px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.lighting-heading p{margin:5px 0 0;color:#aaa5ad;font-size:13px}
.sign h1,.sign p{position:relative}.flame-surface{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}.hero[data-mode=fire] .sign h1,.hero[data-mode=fire] .sign p{background:none;animation:none;color:transparent;filter:none}.hero[data-mode=fire] .flame-surface{display:block}@media(prefers-reduced-motion:reduce){.hero[data-mode=fire] .sign h1,.hero[data-mode=fire] .sign p{color:#ff791f}.hero[data-mode=fire] .flame-surface{display:none!important}}
.brand img{display:block;width:180px;height:auto}.hero .sign h1{width:min(100%,980px);aspect-ratio:461.24/79.84;margin:0 auto 30px;transform:none;font-size:0;line-height:0;letter-spacing:0}.sign h1>img{display:block;width:100%;height:100%}.logo-color{position:absolute;inset:0;display:none;mask:url('assets/wordmark.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/wordmark.svg') center/100% 100% no-repeat}.hero[data-mode=off] .sign h1>img{opacity:.3}.hero[data-mode=rgb] .sign h1,.hero[data-mode=full] .sign h1{animation:none;background:none;color:transparent}.hero[data-mode=rgb] .sign h1>img,.hero[data-mode=full] .sign h1>img,.hero[data-mode=fire] .sign h1>img{opacity:0}.hero[data-mode=rgb] .logo-color{display:block;animation:logo-rgb 9s linear infinite}.hero[data-mode=full] .logo-color{display:block;background:linear-gradient(90deg,#ff2388,#ff2636,#ffee00,#51ff30,#00eedb,#2065ff,#ba24ff,#ff2388);background-size:200% 100%;animation:rainbow-flow 4s linear infinite}@keyframes logo-rgb{0%,100%{background:#ff3c65}33%{background:#2fffb0}66%{background:#9360ff}}@media(prefers-reduced-motion:reduce){.hero[data-mode=rgb] .logo-color{animation:none;background:#9360ff}.hero[data-mode=fire] .sign h1>img{opacity:1}.logo-color{animation:none!important}}@media(max-width:800px){.brand img{width:155px}}
.hero[data-mode=back] .sign h1{isolation:isolate;overflow:visible}.hero[data-mode=back] .sign h1:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff1d4;mask:url('assets/wordmark.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/wordmark.svg') center/100% 100% no-repeat;filter:blur(12px);transform:translateY(5px) scale(1.012);opacity:.95}.hero[data-mode=back] .sign h1>img{opacity:1;filter:brightness(.28) grayscale(1);position:relative}.hero[data-mode=back] .logo-color{display:none}
.hero .sign h1{width:min(74%,740px)}
.hero{background:radial-gradient(ellipse at 50% 34%,#ffffff06,transparent 62%),linear-gradient(90deg,#0009,transparent 22%,transparent 78%,#0009),url('assets/dark-wall.svg') center/900px 600px repeat;background-color:#111;box-shadow:inset 0 0 90px #000b}.hero[data-mode=back] .sign h1:before{filter:blur(10px);opacity:1;transform:translateY(5px) scale(1.025)}
.hero .sign h1{isolation:isolate;overflow:visible}.letter-depth{position:absolute;inset:0;z-index:-1;pointer-events:none}.letter-depth img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(0);transform:translate(calc(var(--depth)*.65px),calc(var(--depth)*.85px))}.letter-depth img:first-child{filter:brightness(.07)}.hero[data-mode=back] .sign h1:before{z-index:-2}.sign h1>img,.sign h1>.logo-color,.sign h1>.flame-surface{z-index:1}.sign h1>img{position:relative}.hero[data-mode=off] .sign h1>img{opacity:1;filter:brightness(.3)}
.letter-depth{filter:drop-shadow(3px 5px 4px #0009)}
.sign h1>img.front-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:2}.hero[data-mode=on] .sign h1>img.front-glow{display:block;opacity:.7;filter:blur(5px);mix-blend-mode:screen}.hero[data-mode=on] .sign h1:after{content:'';position:absolute;inset:-4px;background:url('assets/wordmark.svg') center/100% 100% no-repeat;filter:blur(18px);opacity:.35;pointer-events:none;z-index:-2}
.hero[data-mode=on] .sign h1>img.front-glow{opacity:1;filter:blur(7px) brightness(1.8);transform:scale(1.006)}.hero[data-mode=on] .sign h1:after{inset:-7px;filter:blur(24px) brightness(1.8);opacity:.85}.hero[data-mode=on] .sign h1>img:not(.front-glow){filter:brightness(1.3)}
.hero[data-mode=rgb] .logo-color{filter:drop-shadow(0 0 5px #ffb8ee) drop-shadow(0 0 14px #db72ff)}.hero[data-mode=full] .logo-color{filter:drop-shadow(0 0 6px #e3b8ff) drop-shadow(0 0 15px #ba7bff)}.hero[data-mode=fire] .flame-surface{filter:drop-shadow(0 0 5px #ff901b) drop-shadow(0 0 14px #ff430c)}.hero[data-mode=back] .sign h1:before{filter:blur(14px) brightness(1.7);transform:translateY(5px) scale(1.04)}
.color-bloom{position:absolute;inset:0;z-index:3;pointer-events:none;display:none;filter:blur(9px) brightness(1.7);mix-blend-mode:screen}.color-bloom-face{display:block;width:100%;height:100%;mask:url('assets/wordmark.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/wordmark.svg') center/100% 100% no-repeat}.hero[data-mode=rgb] .color-bloom,.hero[data-mode=full] .color-bloom{display:block}.hero[data-mode=rgb] .color-bloom-face{animation:logo-rgb 9s linear infinite}.hero[data-mode=full] .color-bloom-face{background:linear-gradient(90deg,#ff2388,#ff2636,#ffee00,#51ff30,#00eedb,#2065ff,#ba24ff,#ff2388);background-size:200% 100%;animation:rainbow-flow 4s linear infinite}.hero[data-mode=rgb] .logo-color,.hero[data-mode=full] .logo-color{filter:brightness(1.35)}@media(prefers-reduced-motion:reduce){.color-bloom-face{animation:none!important;background:#9360ff}}
.hero[data-mode=back] .sign h1:before{background:url('assets/wordmark.svg') center/100% 100% no-repeat;mask:none;-webkit-mask:none;filter:blur(12px) brightness(2);transform:translate(4px,7px) scale(1.025);opacity:1;z-index:-2}.hero[data-mode=back] .sign h1>img:not(.front-glow){filter:brightness(.6);opacity:1}.hero[data-mode=back] .sign h1:after{content:'';position:absolute;inset:0;background:url('assets/wordmark.svg') center/100% 100% no-repeat;filter:blur(23px) brightness(1.5);transform:translate(4px,8px);opacity:.65;z-index:-3;pointer-events:none}
.hero .sign h1{aspect-ratio:277.73/60.1}.logo-color,.color-bloom-face{mask-image:url('assets/wordmark-face.svg');-webkit-mask-image:url('assets/wordmark-face.svg')}
.hero[data-mode=on] .sign h1>img:not(.front-glow){filter:none}.hero[data-mode=on] .sign h1>img.front-glow{opacity:.36;filter:blur(4px);transform:none}.hero[data-mode=on] .sign h1:after{inset:0;filter:blur(15px);opacity:.32}
.hero[data-mode=on] .sign h1>img.front-glow{opacity:.56;filter:blur(5px) brightness(1.15)}.hero[data-mode=on] .sign h1:after{filter:blur(18px);opacity:.48}
.hero[data-mode=on] .sign h1>img.front-glow{opacity:.7;filter:blur(6px) brightness(1.3)}.hero[data-mode=on] .sign h1:after{filter:blur(20px);opacity:.6}
.hero[data-mode=off] .sign h1>img:not(.front-glow){filter:brightness(.33)}
.hero[data-mode=back] .sign h1:before{filter:grayscale(1) brightness(8) blur(12px)}.hero[data-mode=back] .sign h1:after{filter:grayscale(1) brightness(8) blur(23px)}
.hero[data-mode=back] .sign h1:before{background-image:url('assets/wordmark-face.svg');filter:brightness(2) drop-shadow(0 0 3px #fff) blur(2px);transform:translate(3px,5px) scale(1.04);opacity:1}.hero[data-mode=back] .sign h1:after{background-image:url('assets/wordmark-face.svg');filter:brightness(2.3) blur(10px);transform:translate(3px,6px) scale(1.06);opacity:1}
.hero[data-mode=back] .sign h1:before{filter:brightness(2) saturate(2) blur(2px)}.hero[data-mode=back] .sign h1:after{filter:brightness(2.3) saturate(2) blur(10px)}
.hero[data-mode=back] .sign h1:before{background-image:url('assets/wordmark-halo.svg');filter:brightness(2) saturate(2);transform:translate(3px,5px);opacity:1}.hero[data-mode=back] .sign h1:after{background-image:url('assets/wordmark-halo.svg');filter:brightness(2.2) saturate(2) blur(8px);transform:translate(3px,5px);opacity:1}
.hero[data-mode=back] .letter-depth{filter:none}.hero[data-mode=back] .sign h1:before{background-image:url('assets/wordmark-halo.svg');filter:brightness(2.8) saturate(2);transform:translate(3px,5px);opacity:1}.hero[data-mode=back] .sign h1:after{background-image:url('assets/wordmark-halo.svg');filter:brightness(2.5) saturate(2) blur(15px);transform:translate(3px,5px);opacity:1}
.hero[data-mode=back] .sign h1>img:not(.front-glow){content:url('assets/wordmark-back.svg');filter:none}.hero[data-mode=back] .sign h1:before{filter:grayscale(1) brightness(8)}.hero[data-mode=back] .sign h1:after{filter:grayscale(1) brightness(8) blur(15px)}
.hero[data-mode=back] .letter-depth{display:none}
.hero[data-mode=back] .sign h1:before,.hero[data-mode=back] .sign h1:after{transform:none;inset:0;background-position:center}
.hero[data-mode=back] .sign h1:before{filter:grayscale(1) brightness(8) blur(5px)}.hero[data-mode=back] .sign h1:after{filter:grayscale(1) brightness(8) blur(21px)}
header .brand img{opacity:.24;filter:grayscale(1)}
header .brand img,footer .brand img{opacity:.38;filter:grayscale(1)}
footer .brand img{content:url('assets/wordmark-mono.svg')}
header .brand img{content:url('assets/wordmark-mono.svg')}
.hero .sign h1{width:min(63%,630px)}
.sign h1>img.fire-rim{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.hero[data-mode=fire] .sign h1>img.fire-rim{display:block;opacity:1;filter:none}
.hero[data-mode=fire] .flame-surface{filter:none}.hero[data-mode=fire] .letter-depth{display:block;filter:drop-shadow(3px 5px 4px #0009)}
.hero[data-mode=fire] .flame-surface{filter:brightness(1.08) drop-shadow(0 0 1.2px #ffb52b66)}
.sign h1>img.neon-face{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero[data-mode=neon] .sign h1>img{opacity:0}.hero[data-mode=neon] .sign h1>img.neon-face{display:block;opacity:1;filter:drop-shadow(0 0 2px #37dfff) drop-shadow(0 0 8px #a341ff)}.hero[data-mode=neon] .letter-depth{display:none}.hero[data-mode=neon] .sign h1:after{content:'';position:absolute;inset:0;background:url('assets/wordmark-neon.svg') center/100% 100% no-repeat;filter:blur(10px) saturate(3);opacity:.8;pointer-events:none}
.switch{padding:3px;gap:1px}.switch button{font-size:12px;padding:7px 13px;min-width:0}.lighting-heading{margin:18px 0 10px}.lighting-heading h3{font-size:13px;letter-spacing:.13em}@media(max-width:800px){.switch button{font-size:11px;padding:7px 10px;min-width:0}}
.hero[data-mode=neon] .sign h1>img.neon-face{filter:none}.hero[data-mode=neon] .sign h1:after{filter:blur(6px) saturate(2);opacity:.6}.switch button[aria-pressed=true]{background:linear-gradient(#9d4a58,#793440);border-color:#b86a77}
.hero[data-mode=neon] .sign h1>img.neon-face{filter:brightness(1.3)}.hero[data-mode=neon] .sign h1:after{filter:blur(8px) saturate(2.4) brightness(1.65);opacity:1}
.hero[data-mode=full] .sign h1>img.fire-rim{display:block;opacity:1;filter:none}.hero[data-mode=full] .color-bloom{filter:blur(6px) brightness(2.1);opacity:1}.hero[data-mode=full] .logo-color{filter:brightness(1.45)}
.hero[data-mode=back] .sign h1{aspect-ratio:4.478684165298564}.hero[data-mode=back] .sign h1>img:not(.front-glow):not(.fire-rim):not(.neon-face){content:url('assets/back-art.svg')}.hero[data-mode=back] .sign h1:before,.hero[data-mode=back] .sign h1:after{background-image:url('assets/back-art-glow.svg')}
.hero[data-mode=back] .sign h1:before{filter:blur(5px);opacity:1}.hero[data-mode=back] .sign h1:after{filter:blur(21px);opacity:1}.hero[data-mode=back] .sign h1>img:not(.front-glow):not(.fire-rim):not(.neon-face){filter:drop-shadow(1px 1px 0 #77716a) drop-shadow(1px 1px 0 #514b45)}
.hero .sign h1,.hero[data-mode=back] .sign h1{aspect-ratio:277.73/60.1;height:auto;min-height:0;position:relative}.hero .sign h1>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.hero .sign h1>img.neon-face{position:absolute}
.sign{perspective:1100px}.hero .sign h1.rotatable-sign{transform:rotateX(var(--angle-x,0deg)) rotateY(var(--angle-y,0deg));transform-style:preserve-3d;isolation:auto;cursor:grab;touch-action:none;user-select:none}.hero .sign h1.rotatable-sign:active{cursor:grabbing}.rotatable-sign>.solid-body{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.solid-body>img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(0);backface-visibility:visible}.solid-body>img.rear-surface{transform:translateZ(-29px);filter:brightness(.12) grayscale(1)}.rotatable-sign>.letter-depth{display:none!important}.rotatable-sign>img,.rotatable-sign>.logo-color,.rotatable-sign>.color-bloom,.rotatable-sign>.flame-surface{backface-visibility:hidden}.rotatable-sign>.fire-rim{transform:translateZ(.3px)}.rotatable-sign>.front-glow,.rotatable-sign>.color-bloom{transform:translateZ(.4px)}.rotation-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px auto 0;font-size:11px;color:#aaa}.rotation-controls button{background:#191919;border:1px solid #555;border-radius:14px;padding:4px 10px;font-size:11px}.hero[data-mode=back] .rotatable-sign:before,.hero[data-mode=back] .rotatable-sign:after{transform:translateZ(-31px)}
.view-picker{display:grid;grid-template-columns:repeat(4,48px);grid-template-rows:repeat(3,25px);gap:3px;width:max-content;margin:10px auto}.view-picker button{padding:2px;border:1px solid #555;background:#202024;color:#c7c7cc;border-radius:3px;font:10px Arial}.view-picker button[data-view=top]{grid-column:2;grid-row:1}.view-picker button[data-view=left]{grid-column:1;grid-row:2}.view-picker button[data-view=front]{grid-column:2;grid-row:2}.view-picker button[data-view=right]{grid-column:3;grid-row:2}.view-picker button[data-view=back]{grid-column:4;grid-row:2}.view-picker button[data-view=bottom]{grid-column:2;grid-row:3}.view-picker button[aria-pressed=true]{background:#704550;border-color:#ba8393;color:white}
.lighting-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;min-height:78px}.cube-dock{display:flex;align-items:center;gap:10px}.cube-viewport{width:64px;height:64px;perspective:240px;display:grid;place-items:center}.view-picker{display:block;position:relative;width:38px;height:38px;margin:0;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-30deg);transition:transform .3s}.view-picker button{position:absolute;inset:0;width:38px;height:38px;padding:0;backface-visibility:hidden;border-radius:2px;font-size:9px;background:#34343a;border:1px solid #888;grid-area:auto!important}.view-picker button[data-view=front]{transform:translateZ(19px)}.view-picker button[data-view=back]{transform:rotateY(180deg) translateZ(19px)}.view-picker button[data-view=left]{transform:rotateY(-90deg) translateZ(19px)}.view-picker button[data-view=right]{transform:rotateY(90deg) translateZ(19px)}.view-picker button[data-view=top]{transform:rotateX(90deg) translateZ(19px);background:#4c4c53}.view-picker button[data-view=bottom]{transform:rotateX(-90deg) translateZ(19px)}.cube-dock>button{font-size:10px;padding:5px 8px;border:1px solid #555;background:#202024;color:#ccc;border-radius:12px}.cube-dock>.cube-turn{font-size:18px;padding:0 6px}
.side-walls{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.side-walls i{display:block;position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:visible}.hero .sign h1.rotatable-sign{transition:none}
.lighting-heading{display:block;min-height:0;margin:18px 0 10px}.sign{perspective:none}