@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
/* Signal: flowing marks, extended display type, clipped details, clear body text. */
:root{--signal-display:'Michroma','DM Sans',sans-serif}
header{height:106px;border-bottom-color:#474e3b}
.brand{flex-shrink:0;line-height:0}
.signal-logo{width:190px;height:auto}
header nav{gap:32px}
header nav a,.contact-link,.menu-toggle{font-family:'IBM Plex Mono',monospace;font-size:10px}
.contact-link{border-radius:0 18px 0 18px;padding:13px 20px;border-color:#84916e}
.hero{height:calc(100svh - 106px);min-height:740px}
h1{font-family:var(--signal-display);font-size:clamp(42px,6.8vw,110px);font-weight:400;letter-spacing:-.045em;line-height:1.28;margin-top:48px}
.second-line{font-size:.69em;letter-spacing:-.05em}
.outline{-webkit-text-stroke:1px #b0b8a2}
.hero-art{top:14%;left:28%;right:-5%;bottom:6%}
.hero-bottom>p:first-child{font-size:22px;letter-spacing:-.025em}
h2{font-family:var(--signal-display);font-size:clamp(28px,3.2vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.4}
.studio-signal{width:160px;height:auto;margin-top:7px}
.intro-grid,.intro-bottom{grid-template-columns:1fr 3.2fr}
.intro h2{font-size:clamp(25px,3vw,46px)}
.section-heading{align-items:center}
.product h3,.product-pair .product h3{font-family:var(--signal-display);font-weight:400;font-size:32px;letter-spacing:-.06em}
.product-category{color:#bdc8aa}
.product-visual{border-radius:0 36px 0 36px}
.visual-plus{border-radius:0 15px 0 15px}
.product-visual:hover .visual-plus{transform:translate(2px,-2px)}
.signal-device{width:42px!important;height:auto!important;top:22px!important}
.services-layout{grid-template-columns:1fr 1.12fr;gap:7%}
.services-layout h2{font-size:clamp(26px,2.8vw,43px)}
.services summary h3{font-weight:600;letter-spacing:-.02em}
.pill{border-radius:0 22px 0 22px}
.capabilities .eyebrow>span:last-child{color:#43551e}
.capabilities h2 em{color:#4f652b}
.capabilities button:focus-visible,.capabilities summary:focus-visible{outline-color:#101110}
.approach-content h2{font-size:clamp(40px,4.4vw,68px);line-height:1.35}
.approach-art .ribs{transform:rotate(-37deg) skewY(-15deg)}
.big-cta{font-family:var(--signal-display);font-size:clamp(33px,5.6vw,86px);font-weight:400;line-height:1.35;letter-spacing:-.06em}
.big-cta .cta-arrow{font-family:'DM Sans',sans-serif;font-size:1.8em}
.footer-signal{padding:32px 0 70px;display:flex;gap:8%;align-items:flex-end}
.footer-signal img{width:55%;height:auto}
.footer-signal span{color:#a5b093;font-size:9px;line-height:1.9;padding-bottom:8px}
.footer-top .signal-logo{width:160px}
.dialog-inner h2{font-family:var(--signal-display);font-size:30px;line-height:1.45}
.eyebrow,.hero-foot{letter-spacing:.1em}
@media(max-width:1000px){header nav{gap:18px}.signal-logo{width:150px}.hero-art{left:15%;right:-16%;top:19%}.services-layout{gap:5%}.product h3,.product-pair .product h3{font-size:27px}.intro-grid,.intro-bottom{grid-template-columns:1fr 3.5fr}.studio-signal{width:120px}}
@media(max-width:700px){header{height:88px}.signal-logo{width:150px}#mobile-nav:not([hidden]){top:88px}#mobile-nav a{font-family:var(--signal-display);font-size:18px}.hero{height:calc(100svh - 88px);min-height:690px}.hero-top{font-size:7px}h1{font-size:clamp(34px,8.8vw,60px);margin-top:35px;line-height:1.45}.second-line{font-size:.7em;letter-spacing:-.06em}.hero-art{left:-14%;right:-24%;top:22%;bottom:19%}.hero-bottom>p:first-child{font-size:20px}.object-tag{right:22%;bottom:10%}.intro-grid,.intro-bottom{grid-template-columns:1fr}.intro h2{font-size:clamp(21px,5.5vw,34px);line-height:1.55}.intro-bottom{gap:24px}.studio-signal{width:100px}.section-heading h2,h2{font-size:29px}.product-visual{border-radius:0 26px 0 26px}.services-layout{grid-template-columns:1fr;gap:35px}.services-layout h2{font-size:30px}.approach-content h2{font-size:46px}.big-cta{font-size:clamp(23px,6.2vw,42px);line-height:1.5}.big-cta .cta-arrow{font-size:1.6em;padding-top:6px}.footer-signal{padding:20px 0 45px;flex-direction:column;align-items:flex-start;gap:24px}.footer-signal img{width:100%}.footer-signal span{font-size:8px}.footer-top .signal-logo{width:145px}.dialog-inner h2{font-size:24px}.hero-foot{font-size:6px}}