/* V7.18. Scoped to the sections after Hero/Lens and dedicated inner pages.
   No root, body, header, main, Hero/Lens or section-order overrides. */
.nw18 { padding-block:clamp(52px,7vw,100px); }
.nw18 h2 { font-size:clamp(2rem,4.4vw,4rem); line-height:1.04; letter-spacing:-.045em; max-width:19ch; margin:0 0 24px; overflow-wrap:break-word; }
.nw18 h3 { font-size:clamp(1.2rem,1.8vw,1.65rem); line-height:1.17; margin:0 0 14px; letter-spacing:-.025em; overflow-wrap:break-word; }
.nw18 p { line-height:1.6; }
.nw18 .nw18_lead { font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.65; }
.nw18 .eyebrow { margin-bottom:18px; }
.nw18 .button { white-space:normal; text-align:center; max-width:100%; min-height:46px; }
.nw18 a:focus-visible, .nw18 button:focus-visible, .nw18 summary:focus-visible, .nw18_case summary:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.nw18_split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(30px,6vw,88px); align-items:center; }
.nw18_split > *, .nw18_service, .nw18_section_head > *, .nw18_proof_card { min-width:0; }
.nw18_section_head { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:32px; }
.nw18_section_head p { max-width:58ch; margin-bottom:0; }
.nw18_section_head > a { flex-shrink:0; margin-bottom:5px; }
.nw18_actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.nw18_proof { color:#151817; background:#f2efe7; }
.nw18_proof_grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.nw18_proof_card { border:1px solid #d0cec7; background:#f8f6ef; }
.nw18_proof_image { aspect-ratio:16/10; overflow:hidden; background:#202323; }
.nw18_proof_image img, .nw18_proof_image video { width:100%; height:100%; display:block; object-fit:cover; }
.nw18_media_fallback { display:grid; place-items:center; height:100%; padding:24px; color:#f2efe7; font-size:1.35rem; }
.nw18_proof_copy { padding:24px; }
.nw18_proof_copy p { font-size:.98rem; }
.nw18_start { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; margin-top:30px; border-top:1px solid #c5c2ba; }
.nw18_start strong { font-size:1.35rem; }
.nw18_start p { margin:8px 0 0; }
.nw18_agency { background:#0b0e0f; }
.nw18_plain_list { padding:0; list-style:none; margin:24px 0 30px; }
.nw18_plain_list li { padding:11px 0; border-bottom:1px solid #ffffff26; line-height:1.5; }
.nw18_agency_proof { margin:0; border:1px solid #ffffff2e; }
.nw18_agency_proof .nw18_proof_image { aspect-ratio:4/3; }
.nw18_agency_proof figcaption { display:grid; gap:13px; padding:24px; }
.nw18_agency_proof figcaption > span { font-size:.75rem; letter-spacing:.08em; color:#b8bcb8; }
.nw18_agency_proof figcaption > strong { font-size:1.3rem; line-height:1.35; }
#leistungen.nw18 .offers_head { margin-bottom:32px; }
#leistungen.nw18 .offers_head p { max-width:60ch; }
.nw18_service_grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #ffffff38; border-left:1px solid #ffffff38; }
.nw18_service { display:flex; flex-direction:column; align-items:flex-start; padding:clamp(22px,2.5vw,36px); border-right:1px solid #ffffff38; border-bottom:1px solid #ffffff38; background:#ffffff03; }
.nw18_service > p { margin:0 0 20px; }
.nw18_service .nw18_examples { font-size:.85rem; color:#c8c9c4; }
.nw18_service .nw18_details { width:100%; margin-bottom:22px; }
.nw18_service .nw18_service_cta { margin-top:auto; }
.nw18_details { border-top:1px solid currentColor; border-color:#80808065; }
.nw18_details > summary { cursor:pointer; padding:17px 0; font-weight:650; line-height:1.45; list-style:revert; }
.nw18_details > summary::marker { color:inherit; }
.nw18_details[open] > div { padding-bottom:14px; }
.nw18_details li { line-height:1.6; margin-bottom:10px; }
.nw18_details ul { padding-left:20px; }
.nw18_demo_note { padding:18px; border:1px solid #ffffff30; background:#ffffff05; }
.nw18_demo_note p { font-size:.94rem; }
.nw18 .nw18_small, .nw18_small { font-size:.88rem; line-height:1.6; }
.nw18_service_note { max-width:75ch; margin:26px 0; color:#c8c9c4; }
#leistungen.nw18 .nw_package_details .offer_grid { padding-bottom:22px; }
#leistungen.nw18 .offer_price_note strong { font-size:1.25rem; }
.nw18_company { color:#151817; background:#f2efe7; }
.nw18_steps { list-style:none; margin:0; padding:0; }
.nw18_steps li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:16px; padding:24px 0; border-top:1px solid #c9c5bc; }
.nw18_steps li > span { font-family:monospace; color:#a2370a; padding-top:3px; }
.nw18_steps p { margin-bottom:0; }
.nw18_data { background:#15191a; }
.nw18_signal_list > div { padding:18px 0; border-top:1px solid #ffffff30; }
.nw18_signal_list > div > span { color:#ff9166; font-size:.72rem; letter-spacing:.09em; display:block; margin-bottom:9px; }
.nw18_signal_list strong { font-size:1.2rem; }
.nw18_signal_list p { margin:8px 0 0; color:#c5c8c6; }
.nw18_signal_list > a { margin-top:20px; }
#cases.nw18 .v3_case_sales_meta { padding-block:12px; }
#cases.nw18 .v3_case_sales_actions { gap:14px; }
#cases.nw18 .v3_proof_copy h3 { max-width:24ch; }
#journal.nw18 .journal_section_intro { max-width:63ch; }
#journal.nw18 .journal_slider_card .v3_proof_copy > p:not(.work_meta) { font-size:1rem; }
#about.nw18 .creative_profile_visual { width:100%; max-width:520px; margin:0; }
#about.nw18 .creative_portrait_frame { height:auto; aspect-ratio:4/5; min-height:0; }
#about.nw18 .creative_portrait { width:100%; height:100%; }
#about.nw18 .creative_profile_caption { padding:24px; }
#about.nw18 .nw18_about_more { margin-top:32px; }
#about.nw18 .creative_lab { margin-block:20px; }
#about.nw18 .creative_demo_console { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
#about.nw18 .creative_module_detail h3 { white-space:normal; overflow-wrap:anywhere; text-overflow:clip; }
#about.nw18 .creative_module_tab strong { white-space:normal; overflow-wrap:break-word; }
#about.nw18 .nw18_career { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#about.nw18 .nw18_career article { border:1px solid #ffffff25; padding:24px; }
#kontakt.nw18 .contact_grid { align-items:start; gap:clamp(28px,5vw,80px); }
#kontakt.nw18 h1 { font-size:clamp(2.2rem,4.8vw,4.3rem); line-height:1.02; letter-spacing:-.04em; max-width:18ch; overflow-wrap:break-word; }
#kontakt.nw18 h2 { max-width:17ch; }
#kontakt.nw18 .contact_intro > p { max-width:54ch; }
#kontakt.nw18 .contact_direct { margin:28px 0; }
#kontakt.nw18 .contact_direct a { font-size:clamp(1.05rem,1.7vw,1.5rem); overflow-wrap:anywhere; }
.nw18_contact_steps { padding-left:22px; margin-block:24px; }
.nw18_contact_steps li { padding:5px 0; line-height:1.5; }
.nw18_form .nw18_intent { border:0; padding:0; margin:0; min-width:0; }
.nw18_intent legend { font-weight:700; margin-bottom:12px; }
.nw18_intent > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.nw18_intent label { display:flex; align-items:center; flex-direction:row; border:1px solid currentColor; padding:14px; cursor:pointer; gap:9px; line-height:1.35; }
.nw18_intent label:has(input:checked) { background:#171b1b; color:#fff9f0; }
.nw18_intent input { width:18px!important; height:18px; padding:0!important; flex:0 0 18px; margin:0; accent-color:#171b1b; }
.nw18_intent input:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.nw18_form .nw18_form_hint { margin:12px 0 22px; font-size:.93rem; line-height:1.6; }
.nw18_form .nw18_context { padding:10px 12px; border:1px solid #171b1b66; font-size:.9rem; overflow-wrap:anywhere; }
.nw18_context button { padding:6px 10px; border:0; background:transparent; color:inherit; font-size:1.3rem; cursor:pointer; min-width:36px; }
.nw18_form .nw18_context[hidden] { display:none; }
.nw18_form .nw_contact_optional > label { display:grid; margin-bottom:18px; }
.nw18_form select { max-width:100%; }
.nw18_contact_page { padding-top:clamp(120px,11vw,160px); }
.nw18_case .case_story_grid h2 { font-size:clamp(1.7rem,3vw,2.7rem); }
.nw18_case .case_commercial_strip { display:block; }
.nw18_case .case_commercial_actions { flex-wrap:wrap; }
.nw18_case .case_content { padding-block:30px; }
.nw18_case .case_next_step h2 { font-size:clamp(2rem,4vw,3.5rem); }
.nw18_case .case_next_step p { max-width:62ch; margin-bottom:24px; }
.nw18_landing .nw18_landing_hero { padding-top:clamp(120px,12vw,180px); }
.nw18_landing h1 { font-size:clamp(2.3rem,5.4vw,4.8rem); line-height:1.02; letter-spacing:-.045em; overflow-wrap:break-word; }
.nw18_landing .nw18_landing_image { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.nw18_landing .nw18_landing_copy { max-width:68ch; }
@media (hover:hover) { .nw18_proof_card:has(a:hover) { border-color:#686b66; } .nw18_service:has(summary:hover) { background:#ffffff08; } }
@media (max-width:1050px) { .nw18_service_grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .nw18_start { align-items:start; flex-direction:column; } .nw18_section_head { align-items:start; flex-direction:column; gap:12px; } }
@media (max-width:760px) { .nw18_split, .nw18_proof_grid { grid-template-columns:1fr; } .nw18_proof_card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .nw18_proof_image { aspect-ratio:auto; min-height:220px; } .nw18_proof_copy { padding:20px; } .nw18_agency_proof .nw18_proof_image { aspect-ratio:16/10; } #about.nw18 .creative_demo_console, #about.nw18 .nw18_career { grid-template-columns:1fr; } #about.nw18 .creative_profile_visual { max-width:460px; } #kontakt.nw18 .contact_grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .nw18_service_grid, .nw18_proof_card { grid-template-columns:1fr; } .nw18_proof_image { aspect-ratio:16/10; min-height:0; } .nw18_intent > div { grid-template-columns:1fr; } .nw18_intent label { min-height:50px; } .nw18_actions { align-items:stretch; width:100%; } .nw18_actions > .button { width:100%; } #kontakt.nw18 .form_row_two { grid-template-columns:1fr; } .nw18 h2 { font-size:2.15rem; } .nw18_service { padding:24px; } }
@media (prefers-reduced-motion:reduce) { .nw18 *, .nw18 *::before, .nw18 *::after { scroll-behavior:auto; } }