:root{--accent:#b23800;--light:#ffd15b;--dark:#2b100a;--orange:#fb7900;--red:#f23b00;--ink:#181818;--paper:#fafafa;--line:#d9d9d4}.logo{width:98px;height:auto}.signal-nav{max-width:none;padding:22px 5vw;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);position:sticky;top:0;transition:color .2s ease}.signal-nav .nav-links{gap:28px;font:500 12px var(--font-mono);text-transform:uppercase}.signal-nav .nav-links{color:inherit}.signal-nav .logo{filter:brightness(0);transition:filter .2s ease}.signal-nav .review{border:1px solid currentColor;padding:9px 13px}.signal-hero{min-height:780px;padding:9vw 5vw 4vw;position:relative;overflow:hidden;display:grid;align-content:start;background:var(--paper)}.eyebrow,.tag{width:max-content;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.03em;background:#fff}.eyebrow i,.tag i{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:8px}.signal-hero h1{font:400 clamp(58px,8.6vw,138px)/.88 var(--font-sans);letter-spacing:-.07em;margin:36px 0 24px;max-width:1050px}.signal-hero h1 span,.signal-hero h1 strong{display:block}.dots{font-weight:400;background-image:radial-gradient(circle,var(--dot-ink,var(--ink)) 1.2px,transparent 1.4px);background-size:5px 5px;color:transparent;background-clip:text;-webkit-background-clip:text}.signal-hero>p{max-width:520px;font-size:20px;color:#555;line-height:1.45}.signal-button{width:max-content;border:0;border-radius:3px;background:var(--ink);color:white;padding:14px 18px;margin-top:28px;font:600 13px var(--font-sans);display:inline-flex;gap:45px;align-items:center}.signal-button span{color:inherit}.signal-field{height:230px;width:54vw;position:absolute;right:-2vw;bottom:-18px;overflow:hidden}.project-lab,.capabilities,.method,.case-mission{padding:110px 5vw}.section-copy{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:start}.section-copy h2,.capabilities h2,.method h2{font:450 clamp(36px,5.5vw,82px)/1 var(--font-sans);letter-spacing:-.055em;margin:0}.section-copy p{grid-column:2;max-width:570px;color:#666;font-size:18px}.tabs{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);margin-top:75px}.tabs button{border:0;border-bottom:1px solid var(--line);background:none;padding:16px 6px;text-align:left;font:500 12px var(--font-sans);color:#666;min-height:65px}.tabs button span{display:block;font:10px var(--font-mono);margin-bottom:7px}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 3px var(--accent)}.project-stage{display:grid;grid-template-columns:1fr 1.45fr;min-height:600px;margin-top:30px;color:#fff;overflow:hidden}.stage-copy{padding:50px;display:flex;flex-direction:column;align-items:start}.counter,.stage-cat{font:11px var(--font-mono);text-transform:uppercase}.stage-copy h3{font:450 clamp(48px,6vw,92px)/.92 var(--font-sans);letter-spacing:-.06em;margin:65px 0 25px}.stage-desc{max-width:500px;line-height:1.55}.stage-services{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.stage-services span,.service-list span{font:10px var(--font-mono);border:1px solid rgba(0,0,0,.3);padding:8px;text-transform:uppercase}.stage-action{margin-top:auto}.stage-image{margin:38px 38px 38px 0;background:#eee;overflow:hidden}.stage-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-stage:hover .stage-image img{transform:scale(1.025)}.capabilities{background:#181818;color:white;display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.capabilities h2{margin-top:50px}.cap-grid article{display:grid;grid-template-columns:50px 180px 1fr;padding:25px 0;border-top:1px solid #444}.cap-grid span{font:11px var(--font-mono);color:var(--light)}.cap-grid h3{font-size:17px;margin:0}.cap-grid p{color:#aaa;margin:0}.method-head{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.method-grid article{border-top:1px solid var(--ink);padding:25px 35px 60px 0}.method-grid article+article{padding-left:35px;border-left:1px solid var(--line)}.method-grid b{font:11px var(--font-mono);color:var(--accent)}.method-grid h3{font-size:22px;margin:50px 0 15px}.contact{color:#fff;padding:100px 5vw}.contact h2{font-size:clamp(48px,8vw,120px);letter-spacing:-.07em}.contact button{background:var(--ink);color:#fff}.case-hero{padding:100px 5vw 0}.case-hero h1{font:450 clamp(76px,13vw,190px)/.75 var(--font-sans);letter-spacing:-.08em;margin:70px 0}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:80px 0 45px}.case-intro p{font-size:20px;line-height:1.5}.case-context{color:#666}.case-cover{color:#fff;padding:45px;margin:0}.case-cover img{width:100%}.case-cover figcaption,.case-gallery figcaption{font:10px var(--font-mono);text-transform:uppercase;margin-top:13px}.case-mission{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.case-mission h2{font-size:clamp(38px,5vw,72px);line-height:1;margin-top:55px;letter-spacing:-.05em}.case-mission-text{font-size:22px;line-height:1.5}.service-list{display:flex;flex-wrap:wrap;gap:7px}.case-sections{background:#181818;color:white;padding:50px 5vw}.case-sections article{display:grid;grid-template-columns:15% 85%;border-top:1px solid #444;padding:50px 0}.case-sections article>span{font:12px var(--font-mono);color:var(--light)}.case-sections h2{font-size:38px;margin:0 0 15px}.case-sections p{color:#bbb;max-width:680px}.case-gallery{padding:100px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.case-gallery figure{margin:0}.case-gallery figure:first-child{grid-row:span 2}.case-gallery img{width:100%;height:100%;object-fit:cover}.next-project{margin:0 5vw 100px;padding:35px 0;border-block:1px solid var(--ink);display:flex;justify-content:space-between}.next-project strong{font-size:32px}.site-footer{padding-inline:5vw}
.source-note{max-width:680px;margin:25px 0 10px 15%;font:10px/1.6 var(--font-mono);color:#888}@media(max-width:760px){.signal-nav{padding:14px 20px}.signal-hero{min-height:680px;padding:95px 20px 250px}.signal-hero h1{font-size:58px}.signal-hero>p{font-size:17px}.signal-field{height:220px;width:92vw}.project-lab,.capabilities,.method,.case-mission{padding:75px 20px}.section-copy,.capabilities,.method-head,.case-mission,.case-intro{grid-template-columns:1fr}.section-copy p{grid-column:auto}.tabs{grid-template-columns:repeat(2,1fr)}.project-stage{grid-template-columns:1fr}.stage-copy{padding:28px;min-height:470px}.stage-copy h3{margin-top:40px}.stage-image{margin:0 18px 18px;height:280px}.cap-grid article{grid-template-columns:35px 1fr}.cap-grid p{grid-column:2}.method-grid{grid-template-columns:1fr}.method-grid article+article{padding-left:0;border-left:0}.case-hero{padding:75px 20px 0}.case-hero h1{font-size:78px;margin:50px 0}.case-intro{gap:10px;margin:55px 0 25px}.case-cover{padding:15px}.case-sections{padding:30px 20px}.case-sections article{grid-template-columns:45px 1fr}.source-note{margin-left:45px}.case-gallery{padding:70px 20px;grid-template-columns:1fr}.case-gallery figure:first-child{grid-row:auto}.next-project{margin-inline:20px}.contact{padding:75px 20px}}

.capabilities{--dot-ink:#fff}.capabilities .agency-intro{color:#bbb;line-height:1.65;margin-top:28px;max-width:52ch}

/* New ImageGen artwork: Signal palette, flowing composition inspired by 2.png. */
.signal-nav.is-scrolled,.signal-field,.project-stage,.contact,.case-cover,.signal-button,.eyebrow i,.tag i{
 background-color:var(--orange);
 background-image:url('assets/signal-atmosphere.png');
 background-size:cover;background-repeat:no-repeat;background-position:center 28%;
}
.signal-nav.is-scrolled{
 background-position:center 22%;border-bottom-color:#ffffff55;color:#fff;
}
.signal-nav.is-scrolled .logo{filter:brightness(0) invert(1)}
.signal-field{background-position:center 62%}
.project-stage,.contact,.case-cover,.signal-button{color:#fff}
.signal-button{background-position:left bottom}
.eyebrow,.tag{color:var(--ink)}
.stage-services span{border-color:#ffffff80}
.contact .eyebrow{color:inherit;background:transparent;border-color:#ffffff80}
.contact form{background:#fff9ef;color:var(--ink);padding:24px;border:1px solid #18181830}
.contact input::placeholder,.contact textarea::placeholder{opacity:1}
.contact input[type=checkbox]{accent-color:var(--accent)}
::selection{background:var(--light);color:var(--dark)}
.project-stage:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:700px){
 .signal-nav .nav-links{background:inherit;color:inherit;box-shadow:0 12px 30px #0002;border-color:var(--line)}
 .signal-nav.is-scrolled .nav-links{border-color:#ffffff55}
 .signal-nav .menu-toggle{background:transparent;color:inherit}
}
@media(max-width:760px){
 .project-stage,.contact{background-position:left 28%}
 .case-gallery img{height:auto}
}
