/* Signs service: the existing visual language, with schematic product illustrations. */
.page-signs .tc{margin-top:0}
.page-signs .tc__obj{height:260px}
.page-signs .sign-hero-stat{min-height:146px;justify-content:center}
.page-signs .sign-stat-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;background:var(--paper);color:var(--accent)}
.page-signs .sign-stat-icon svg{width:28px;height:28px}
.page-signs .sign-week{display:flex;justify-content:center;align-items:baseline;gap:8px}
.page-signs .sign-week small{font-size:22px;font-weight:500;letter-spacing:-.03em;color:var(--ink-2)}
.page-signs #u1 .u6-price{max-width:650px}
.page-signs .sign-scene{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:var(--paper,#f3f3f1);isolation:isolate}
.page-signs .sign-demo-note{position:absolute;left:16px;top:16px;z-index:3;font-size:11px;font-weight:500;line-height:1.2;color:var(--ink-3)}
.page-signs .sign-lettering{position:relative;z-index:2;font-size:clamp(29px,3.2vw,49px);font-weight:650;letter-spacing:.06em;line-height:1;color:var(--ink);white-space:nowrap}
.page-signs .sign-scene-label{position:absolute;left:16px;bottom:16px;padding:7px 10px;border-radius:999px;background:#fff;font-size:11px;font-weight:500;color:var(--ink-2);z-index:3}
.page-signs .sign-scene--wires{background:#e9e9e5}
.page-signs .sign-lettering--volume{padding:16px 12px;color:#fff;text-shadow:1px 1px 0 #c5c5c0,2px 2px 0 #b7b7b1,3px 3px 0 #a6a69f,4px 4px 0 #999991,5px 8px 7px rgba(0,0,0,.2)}
.page-signs .sign-cable{position:absolute;left:46%;right:30px;top:40%;height:50px;border-right:2px dashed #b3b3ac;border-top:2px dashed #b3b3ac;border-radius:0 10px 0 0;z-index:0}
.page-signs .sign-scene--level{background:#f5f5f2}
.page-signs .sign-lettering--flat{font-weight:600;color:var(--ink);letter-spacing:.08em}
.page-signs .sign-level-line{position:absolute;left:28px;right:28px;top:62%;height:1px;background:var(--accent)}
.page-signs .sign-level-line::before,.page-signs .sign-level-line::after{content:'';position:absolute;top:-4px;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;background:#f5f5f2}
.page-signs .sign-level-line::before{left:0}.page-signs .sign-level-line::after{right:0}
.page-signs .sign-level-line i{position:absolute;left:50%;top:-7px;width:1px;height:15px;background:var(--accent)}
.page-signs .sign-scene--winter{background:var(--ink,#111)}
.page-signs .sign-scene--winter .sign-demo-note{color:rgba(255,255,255,.5)}
.page-signs .sign-scene--winter .sign-scene-label{background:rgba(255,255,255,.1);color:#fff}
.page-signs .sign-lettering--light{font-size:58px;color:#fff;letter-spacing:.09em;text-shadow:0 0 1px #fff,0 0 12px rgba(255,255,255,.28)}
.page-signs .sign-winter-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.16)}
.page-signs .sign-winter-dot--1{left:20%;top:28%}.page-signs .sign-winter-dot--2{right:19%;top:35%;width:3px;height:3px}.page-signs .sign-winter-dot--3{right:28%;bottom:25%;width:4px;height:4px}
.page-signs .sign-type--volume{background:#eaeae6}
.page-signs .sign-type--volume .sign-lettering{color:var(--accent);text-shadow:1px 1px 0 #b63d2c,2px 2px 0 #a93828,3px 3px 0 #993424,5px 7px 8px rgba(0,0,0,.18)}
.page-signs .sign-type--box{background:#ebebe7}
.page-signs .sign-type--box .sign-lettering{display:grid;place-items:center;width:78%;height:83px;background:#fff;border:6px solid var(--ink);font-size:34px;box-shadow:5px 7px 0 #cacac3}
.page-signs .sign-type--halo{background:var(--ink)}
.page-signs .sign-type--halo .sign-demo-note,.page-signs .sign-type--neon .sign-demo-note{color:rgba(255,255,255,.5)}
.page-signs .sign-type--halo .sign-lettering{color:#252525;text-shadow:0 0 2px #fff,0 0 9px rgba(255,255,255,.85),0 0 22px rgba(255,255,255,.45);font-weight:700}
.page-signs .sign-type--neon{background:#181818}
.page-signs .sign-type--neon .sign-lettering{font-size:56px;font-weight:500;letter-spacing:.15em;color:transparent;-webkit-text-stroke:1.7px #fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.35))}
.page-signs .sign-type--bracket{background:#edede9}
.page-signs .sign-type--bracket .sign-type-mount{position:absolute;left:14%;top:30%;width:45%;height:40%;border:4px solid var(--ink);border-right:0}
.page-signs .sign-type--bracket .sign-type-mount::before{content:'';position:absolute;left:-8px;top:-15px;height:calc(100% + 30px);width:5px;background:var(--ink)}
.page-signs .sign-type--bracket .sign-lettering{display:grid;place-items:center;left:9%;width:108px;height:108px;border-radius:50%;font-size:62px;color:#fff;background:var(--ink);box-shadow:6px 4px 0 #babab3}
.page-signs .sign-type--flat{background:#e9e9e5}
.page-signs .sign-type--flat .sign-lettering{display:grid;place-items:center;width:76%;height:82px;border:1px solid #c4c4be;background:#f7f7f4;font-size:30px;letter-spacing:.12em;box-shadow:0 3px 5px rgba(0,0,0,.08)}
.page-signs .sign-types .tc__role{color:var(--ink-2);font-weight:400;font-size:15px;line-height:1.5}
.page-signs .sign-types .tc__d{font-size:14px}
.page-signs .sign-types .tc__obj{height:230px}
.page-signs .sign-types-note{text-align:left;margin-top:18px;color:var(--ink-3)}
.page-signs .sign-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.page-signs .sign-steps .pc-c{padding:24px}
.page-signs .sign-steps h3{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:22px 0 14px}
.page-signs .sign-steps p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.page-signs .sign-deadline{display:flex;align-items:center;gap:32px;padding:24px 0 6px}
.page-signs .sign-deadline>b{display:flex;align-items:baseline;gap:12px;font-size:72px;font-weight:500;line-height:1;letter-spacing:-.05em;color:var(--good)}
.page-signs .sign-deadline>b span{font-size:27px;color:var(--ink);letter-spacing:-.03em}
.page-signs .sign-deadline>p{max-width:570px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.page-signs .sign-deadline strong{color:var(--ink);font-weight:500}
.page-signs .sign-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-signs .sign-project img{display:block;width:100%;height:320px;object-fit:cover;border-radius:24px}
.page-signs .sign-project figcaption{display:flex;flex-direction:column;gap:6px;padding-top:16px;color:var(--ink-2)}
.page-signs .sign-project figcaption b{color:var(--ink)}
@media(max-width:1100px) and (min-width:761px){
 .page-signs .sign-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .page-signs #u1 .u6-price{font-size:12px;line-height:1.5;margin-top:22px}
 .page-signs .sign-types .tc__obj{height:210px;min-height:210px}
 .page-signs .sign-types .tc__d{display:block;font-size:14px;line-height:1.5}
 .page-signs .sign-types .tc__b{padding:20px}
 .page-signs .sign-types .tc__role{margin-bottom:0}
 .page-signs .sign-lettering{font-size:41px}
 .page-signs .sign-type--box .sign-lettering{font-size:30px}
 .page-signs .sign-type--flat .sign-lettering{font-size:28px}
 .page-signs .sign-type--bracket .sign-lettering{font-size:60px}
 .page-signs .sign-type--neon .sign-lettering{font-size:50px}
 .page-signs .sign-lettering--light{font-size:56px}
 .page-signs .sign-deadline{align-items:flex-start;gap:18px;padding-top:0}
 .page-signs .sign-deadline>b{flex-direction:column;align-items:flex-start;gap:5px;font-size:62px;flex:none}
 .page-signs .sign-deadline>b span{font-size:20px}
 .page-signs .sign-deadline>p{font-size:13px;line-height:1.5}
 .page-signs .sign-steps{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:stretch;margin-top:0}
 .page-signs .sign-steps>article{flex:0 0 calc(100% - 24px);scroll-snap-align:start;min-width:0}
 .page-signs .sign-steps h3{font-size:22px;margin-top:18px}
 .page-signs .sign-steps p{font-size:14px}
 .page-signs .sign-project-grid{grid-template-columns:1fr}
 .page-signs .sign-project img{height:280px}
}
@media(prefers-reduced-motion:reduce){.page-signs .u5l-stem,.page-signs .u5l-lf,.page-signs .u5l-vn{transition:none}}

.page-signs .tech .tc-g{margin-top:36px}
@media(max-width:760px){.page-signs .tech .tc-g{margin-top:0}}

@media(max-width:760px){.page-signs .service-rail-labels button{min-height:40px}}

@media(min-width:761px) and (max-width:1100px){.page-signs .tech .tc-g{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}