/* Signage-focused reference photography. These are stock images, not client work. */
.hero-img{background-image:url('https://images.unsplash.com/photo-1693815504931-6e282c5a2847?auto=format&fit=crop&w=2200&q=85')}
.p1,.work-photo-1{background-image:url('https://images.unsplash.com/photo-1693815504931-6e282c5a2847?auto=format&fit=crop&w=1400&q=82')}
.p2,.work-photo-2{background-image:url('https://images.unsplash.com/photo-1786294113750-85ee3af00910?auto=format&fit=crop&w=1200&q=82')}
.p3,.work-photo-3{background-image:url('https://images.unsplash.com/photo-1598567531435-18be05991dfb?auto=format&fit=crop&w=1200&q=82')}
.craft-image{background-image:url('https://images.unsplash.com/photo-1738162837438-92ff852619a1?auto=format&fit=crop&w=1400&q=82')}
.craft-image:after{content:'FABRICATION REFERENCE · PHOTO BY CEMRECAN YURTMAN / UNSPLASH'}
.project-photo-large.reference-retail{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1693815504931-6e282c5a2847?auto=format&fit=crop&w=1800&q=85')}
.project-photo-large.reference-workplace{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1786294113750-85ee3af00910?auto=format&fit=crop&w=1800&q=85')}
.project-photo-large.reference-hospitality{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1598567531435-18be05991dfb?auto=format&fit=crop&w=1800&q=85')}
.p4,.work-photo-4{background-image:url('https://images.unsplash.com/photo-1779698916187-74cdd260a70a?auto=format&fit=crop&w=1400&q=82')}
.p5,.work-photo-5{background-image:url('https://images.unsplash.com/photo-1749406113759-c98346444f60?auto=format&fit=crop&w=1400&q=82')}
.p6,.work-photo-6{background-image:url('https://images.unsplash.com/photo-1763783335852-e2a0f28d9f9b?auto=format&fit=crop&w=1400&q=82')}
.project-photo-large.reference-hotel-vertical{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1779698916187-74cdd260a70a?auto=format&fit=crop&w=1800&q=85')}
.project-photo-large.reference-retail-neon{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1749406113759-c98346444f60?auto=format&fit=crop&w=1800&q=85')}
.project-photo-large.reference-facade-sign{background-image:linear-gradient(0deg,rgba(12,15,12,.18),transparent),url('https://images.unsplash.com/photo-1763783335852-e2a0f28d9f9b?auto=format&fit=crop&w=1800&q=85')}
.project-info,.work-card-info{color:inherit;text-decoration:none}
.estimate strong{font-size:clamp(20px,2.1vw,27px);letter-spacing:-.045em}
.reference-credits{font-size:10px;color:#777c73;margin:20px 0 0}.reference-credits a{text-decoration:underline;text-underline-offset:2px}
.portfolio-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.portfolio-more .project{min-height:290px}
.portfolio-more .project-info h3{max-width:300px}
.client-experience{padding:100px 0;background:#e8e8e1}
.client-experience-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}
.client-experience-head h2{font:500 clamp(36px,4.2vw,58px)/1.02 var(--display);letter-spacing:-.075em;max-width:670px;margin:16px 0 0}
.client-experience-head h2 em{font:italic 500 1em var(--serif)}
.client-experience-head p{max-width:320px;margin:0 0 3px;font-size:12px;line-height:1.8;color:#6f756b}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}
.experience-card{padding:24px 26px 27px 0;min-height:185px}
.experience-card+.experience-card{border-left:1px solid var(--darkline);padding-left:26px}
.experience-card small{font:9px var(--mono);letter-spacing:.12em;color:#81877d}
.experience-card h3{font:600 18px var(--display);letter-spacing:-.04em;margin:19px 0 9px}
.experience-card p{font-size:11px;line-height:1.75;color:#71776e;margin:0;max-width:330px}
.feedback-invite{margin-top:27px;padding:22px 24px;background:var(--white);display:flex;align-items:center;justify-content:space-between;gap:20px}
.feedback-invite .eyebrow{color:#7c8377}
.feedback-invite h3{font:600 17px var(--display);margin:7px 0 5px}
.feedback-invite p{font-size:11px;line-height:1.7;color:#777c73;margin:0;max-width:570px}
.feedback-invite .btn{flex:none}
@media(max-width:760px){.portfolio-more{grid-template-columns:1fr}.portfolio-more .project{min-height:300px}.client-experience{padding:70px 0}.client-experience-head{display:block;margin-bottom:28px}.client-experience-head p{margin-top:14px}.experience-grid{grid-template-columns:1fr}.experience-card,.experience-card+.experience-card{padding:20px 0;min-height:0;border-left:0;border-bottom:1px solid var(--darkline)}.experience-card:last-child{border-bottom:0}.experience-card h3{margin:11px 0 6px}.feedback-invite{align-items:flex-start;flex-direction:column;padding:18px}.feedback-invite .btn{width:100%}}

/* Configurator: photographic architectural setting with a layered, live sign study. */
.config-visual{isolation:isolate;min-height:520px;background:#15191b;display:block;overflow:hidden}
.scene-photo,.scene-shade,.scene-ground,.scene-window{position:absolute;pointer-events:none}
.scene-photo{inset:0;background:#263033 url('https://images.unsplash.com/photo-1693815504931-6e282c5a2847?auto=format&fit=crop&w=1500&q=82') center 52%/cover;filter:brightness(.64) saturate(.7);transform:scale(1.025);transition:background-image .45s,filter .35s,transform .8s}
.scene-retail .scene-photo{background-image:url('https://images.unsplash.com/photo-1693815504931-6e282c5a2847?auto=format&fit=crop&w=1500&q=82')}
.scene-corporate .scene-photo{background-image:url('https://images.unsplash.com/photo-1786294113750-85ee3af00910?auto=format&fit=crop&w=1500&q=82')}
.scene-hospitality .scene-photo{background-image:url('https://images.unsplash.com/photo-1598567531435-18be05991dfb?auto=format&fit=crop&w=1500&q=82')}
.scene-shade{inset:0;background:linear-gradient(90deg,rgba(9,12,14,.32),rgba(8,10,12,.04) 52%,rgba(8,10,12,.32)),linear-gradient(0deg,rgba(8,10,12,.77),transparent 34%,rgba(8,10,12,.12));z-index:1}
.scene-ground{left:0;right:0;bottom:0;height:19%;z-index:2;background:linear-gradient(0deg,rgba(7,9,10,.62),transparent);border-top:1px solid rgba(255,255,255,.12)}
.scene-window{z-index:2;bottom:15%;height:34%;width:23%;border:1px solid rgba(236,232,208,.24);background:linear-gradient(135deg,rgba(238,211,152,.16),rgba(15,19,20,.22) 50%,rgba(194,221,232,.11));box-shadow:inset 0 0 28px rgba(255,226,174,.1),0 0 0 7px rgba(15,17,17,.25)}
.window-one{left:9%}.window-two{left:34%}
.visual-grid{z-index:2;opacity:.35;background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 12%,black 85%,transparent)}
.sign-preview{z-index:4;top:42%;left:53%;transform:translate(-50%,-50%);width:clamp(210px,58%,420px);min-height:118px;display:grid;place-items:center;white-space:normal;letter-spacing:normal;color:#f8ead0;padding:24px 27px;background:linear-gradient(145deg,rgba(31,34,34,.92),rgba(12,14,15,.96));border:1px solid rgba(255,255,255,.26);box-shadow:0 18px 50px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.24);transition:all .45s cubic-bezier(.2,.75,.25,1)}
.sign-body{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}
.sign-preview .sign-copy{display:block;margin:0;font:800 clamp(31px,5vw,61px)/.92 var(--display);letter-spacing:.035em;color:#eee5d3;text-shadow:1px 2px 0 rgba(0,0,0,.5),0 0 13px rgba(255,230,179,.58),0 0 32px rgba(255,184,91,.6);transition:.35s}
.sign-preview .sign-sub{display:block;margin:0;font:500 8px var(--mono);letter-spacing:.4em;color:#e9d5ae;text-shadow:0 0 11px rgba(255,218,157,.6)}
.sign-side{position:absolute;inset:auto 0 -10px 7px;height:10px;transform:skewX(-42deg);transform-origin:top;background:linear-gradient(90deg,#34302a,#937548 45%,#222);filter:brightness(.85)}
.sign-preview:before{content:"";position:absolute;inset:-12px;border-radius:4px;z-index:-1;background:radial-gradient(ellipse,rgba(255,193,112,.4),transparent 69%);filter:blur(13px);opacity:.75;transition:.35s}
.sign-channel{border-radius:3px}.sign-blade{left:51%;width:150px;min-height:230px;padding:20px 12px;border-radius:4px;transform:translate(-50%,-45%) perspective(500px) rotateY(-11deg);box-shadow:18px 23px 42px rgba(0,0,0,.52),inset 1px 0 rgba(255,255,255,.26)}
.sign-blade .sign-copy{font-size:44px}.sign-blade .sign-sub{letter-spacing:.18em}
.sign-neon{width:clamp(240px,64%,460px);min-height:138px;background:rgba(18,17,19,.61);border:1px solid rgba(255,255,255,.13);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 0 30px rgba(255,255,255,.03)}
.sign-neon .sign-copy{font-family:var(--display);font-style:italic;font-weight:700;letter-spacing:-.04em;color:#fff3e5;text-shadow:0 0 3px white,0 0 12px #ffbba1,0 0 32px #fa7267,0 0 62px #fa7267}
.sign-neon .sign-sub{color:#ffd2c6;text-shadow:0 0 10px #fa7267}
.sign-pylon{left:70%;top:49%;width:138px;min-height:284px;padding:18px 11px;border-radius:3px;background:linear-gradient(100deg,#131617,#393c3b 48%,#111314);transform:translate(-50%,-50%) perspective(600px) rotateY(-7deg);box-shadow:14px 20px 38px rgba(0,0,0,.55),inset 1px 0 rgba(255,255,255,.36)}
.sign-pylon .sign-copy{font-size:32px;letter-spacing:.01em}.sign-pylon .sign-sub{font-size:7px;letter-spacing:.13em}
.sign-monument{left:68%;top:59%;width:210px;min-height:116px;padding:16px 16px;background:linear-gradient(150deg,#262827,#080a0b);border:1px solid rgba(255,255,255,.28);transform:translate(-50%,-50%) perspective(600px) rotateY(-8deg);box-shadow:12px 18px 36px rgba(0,0,0,.58),inset 0 2px rgba(255,255,255,.17)}
.sign-monument .sign-copy{font-size:29px;letter-spacing:.04em}.sign-monument .sign-sub{font-size:7px;letter-spacing:.14em}
.finish-black .sign-copy{color:#d4d8d6;text-shadow:1px 2px 0 #090b0c,0 0 8px rgba(219,231,231,.42)}
.finish-black.sign-preview{background:linear-gradient(145deg,#313536,#080a0b);border-color:#727776}
.finish-steel .sign-copy{color:#e1e4e1;text-shadow:1px 2px 0 #42494a,0 0 16px rgba(220,234,238,.48)}
.finish-steel.sign-preview{background:linear-gradient(120deg,#777e7e,#25292a 42%,#9b9e99 55%,#222728);border-color:#aeb4b2}
.finish-gold .sign-copy{color:#fff0bd;text-shadow:1px 2px 0 #5b3d16,0 0 15px rgba(255,221,143,.65)}
.finish-gold.sign-preview{background:linear-gradient(115deg,#543b1c,#d1aa5c 23%,#493416 40%,#c9a65f 63%,#171411);border-color:#e2c47f}
.finish-acrylic .sign-copy{color:#ecfcff;text-shadow:0 0 3px white,0 0 12px #7ddfff,0 0 35px #37c9f2}
.finish-acrylic.sign-preview{background:linear-gradient(135deg,rgba(35,72,84,.83),rgba(12,24,29,.92));border-color:rgba(149,232,255,.7)}
.light-front .sign-copy{color:#fff;text-shadow:0 0 3px white,0 0 18px rgba(255,255,230,.95),0 0 36px rgba(255,245,190,.78)}
.light-edge{border-color:rgba(215,243,106,.9)!important;box-shadow:0 0 0 1px rgba(215,243,106,.38),0 0 30px rgba(215,243,106,.34),0 18px 50px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.24)!important}
.light-edge .sign-copy{text-shadow:0 0 12px rgba(215,243,106,.8)}
.light-off:before{opacity:0}.light-off .sign-copy,.sign-preview.unlit .sign-copy{color:#b6b4ab;text-shadow:1px 2px 0 #090b0c,0 0 0 transparent}.sign-preview.unlit:before{opacity:0}.sign-preview.unlit .sign-sub{text-shadow:none;color:#c3beb1}
.visual-coordinate,.visual-caption,.visual-scale{z-index:5}.visual-coordinate{top:20px;right:22px;padding:10px 12px;background:rgba(9,12,13,.55);backdrop-filter:blur(10px);line-height:1.8}.visual-coordinate span:first-child{color:#d7f36a;font-size:8px;letter-spacing:.15em}.visual-caption{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:11px 13px;background:rgba(8,11,12,.62);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font:9px var(--mono);letter-spacing:.1em;color:#fff}.visual-caption b{color:#d7f36a;font-weight:400;padding-left:8px;border-left:1px solid rgba(255,255,255,.22)}
.visual-dot{width:6px;height:6px;border-radius:50%;background:#d7f36a;box-shadow:0 0 11px #d7f36a}.visual-scale{position:absolute;right:22px;bottom:25px;font:8px var(--mono);letter-spacing:.15em;color:rgba(255,255,255,.64)}
@media(max-width:760px){.config-visual{min-height:390px}.sign-preview{left:48%;width:67%;min-height:105px;padding:19px}.sign-copy{font-size:44px}.sign-blade{width:125px;min-height:190px;left:48%}.sign-blade .sign-copy{font-size:37px}.sign-pylon{width:113px;min-height:230px;left:68%}.sign-monument{width:180px}.visual-scale{display:none}.visual-caption{left:12px;bottom:12px;font-size:8px;gap:6px}.visual-coordinate{right:12px;top:12px}.window-one{left:5%}.window-two{left:31%}}
@media(prefers-reduced-motion:reduce){.scene-photo,.sign-preview,.sign-preview:before{transition:none}}
