/* V3: four subjects, one visual language. Existing effect geometry is untouched. */
/* Slate, chalk, lichen and brushed steel: retain the atmosphere with more daylight. */
.v3 {
  --v3-slate:#272c2b;--v3-stone:#343a37;--v3-paper:#f0eee7;
  --v3-muted:#c4c9c3;--v3-line:#535d57;--v3-gold:#d1cc93;
  --ink:var(--v3-paper);--muted:var(--v3-muted);--line:var(--v3-line);
  --header:rgba(39,44,43,.94);--panel:rgba(48,54,51,.98);
  --case-ink:var(--v3-paper);--case-muted:var(--v3-muted);--case-line:var(--v3-line);
  background:linear-gradient(180deg,var(--v3-slate),var(--v3-stone));
}
.v3-width { width:min(1200px,calc(100% - 80px));margin-inline:auto; }
.v3 .main-nav { margin-left:0; }
.v3 .language-switch { display:flex;gap:8px;margin-left:auto;margin-right:18px;align-items:center; }
.v3 .language-switch a { color:var(--v3-muted);font:14px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;padding:8px 0; }
.v3 .language-switch a[aria-current] { color:var(--v3-gold);text-decoration:underline;text-underline-offset:5px; }
@media(max-width:420px) { .v3 .language-switch { margin-right:12px;gap:6px; }.v3 .burger-label { display:none; } }
.v3 #leistungen,.v3 #leistungsbereiche,.v3 #section-2 { scroll-margin-top:100px; }
.v3 .v3-services { overflow-anchor:none; }
/* No logo flash before the CRT's first frame; keep the physical black glass. */
.v3 .work-card[data-crt-state="off"] .wc-svg-container,
.v3 .work-card[data-crt-state="booting"] .wc-svg-container { opacity:0; }
/* Box shadows escape the glass clip without changing its shape or hit area. */
.v3 .work-card[data-crt-state="booting"] {
  box-shadow:0 0 0 1px #292925,0 9px 22px rgba(0,0,0,.48),inset 0 0 12px #000,
    0 0 5px 2px rgba(225,244,255,calc(var(--crt-shine,0)*.85)),
    0 0 28px 8px rgba(190,223,236,calc(var(--crt-shine,0)*.48)),
    0 0 76px 16px rgba(148,195,215,calc(var(--crt-shine,0)*.24));
}
.v3 .burger-label { font-size:18px; }
.v3 .menu-list { gap:12px; }
.v3 .menu-panel { max-width:calc(100vw - 32px);overflow-y:auto; }
.v3 .menu-link { font-size:clamp(22px,3vw,34px);text-transform:none;letter-spacing:0; }
.v3 .menu-link[aria-current] { color:var(--v3-gold); }
.v3 .header-inner { max-width:1280px; }
.v3 .home-hero { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;min-height:min(780px,calc(100svh - 60px));padding-block:90px 76px; }
.v3 .hero-copy { position:relative;z-index:1;min-width:0; }
.v3 .hero-location { font-size:17px;color:var(--v3-muted);margin:0 0 28px; }
.v3 .hero-copy h1 { font-size:clamp(48px,5.8vw,82px);line-height:1.02;font-weight:500;letter-spacing:-.025em;margin:0 0 32px;color:var(--v3-paper); }
.v3 .hero-copy > p:not(.hero-location) { font:18px/1.65 Arial,Helvetica,sans-serif;color:var(--v3-muted);max-width:43ch;margin:0 0 16px; }
.v3 .home-hero #section-1.canvas-wrap { width:100%;height:460px;min-width:0;min-height:0;margin:0;padding:0;contain:layout style paint; }
.v3 .home-hero .canvas-frame { width:100%;height:100%;min-height:0; }
.v3 .home-hero .meta-row { display:none; }
.v3 .text-link { font-size:19px;letter-spacing:0;color:var(--v3-paper); }
.v3 .work-intro { display:flex;justify-content:space-between;gap:32px;align-items:baseline;padding-block:45px 20px; }
.v3 .work-intro h2 { font-size:24px;font-weight:400;margin:0; }
.v3 .work-intro p { font-size:17px;color:var(--v3-muted);margin:0; }
.v3 .work-more-container { padding:24px 0 0;margin-top:0; }
.v3 .work-more-link { font-size:18px; }
.v3 .text-divider { width:min(1200px,calc(100% - 80px));height:320px;min-height:0;margin:88px auto; }
.v3 .text-divider .text-3d-line { font-size:clamp(26px,4.4vw,60px); }
.v3 .text-divider .mech-corner { width:clamp(44px,7vw,88px);height:clamp(44px,7vw,88px); }
.v3 .topic-overview { display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-block:28px 130px; }
.v3 .overview-intro h2,.v3 .topic-outcome h2 { font-size:clamp(34px,3.6vw,48px);line-height:1.12;font-weight:500;letter-spacing:-.02em;margin:0 0 20px; }
.v3 .overview-intro p { font:17px/1.65 Arial,Helvetica,sans-serif;color:var(--v3-muted);max-width:26ch; }
.v3 .topic-links { display:grid;grid-template-columns:1fr 1fr;gap:36px 42px; }
.v3 .topic-link { display:block;border-top:1px solid var(--v3-line);padding:24px 0 0;text-decoration:none;color:var(--v3-paper); }
.v3 .topic-link h3 { font-size:30px;line-height:1.2;font-weight:500;margin:0 0 16px; }
.v3 .topic-link p { font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--v3-muted);margin:0 0 22px; }
.v3 .topic-link-label { font-size:17px;color:#c8bc9b; }
.v3 .topic-link-label > span { margin-left:10px; }
.v3 .topic-link:hover { border-color:var(--v3-gold); }
.v3 .topic-link:hover h3 { color:var(--v3-gold); }
.v3 .topic-hero { padding-block:146px 62px; }
.v3 .breadcrumb { display:inline-block;font-size:16px;color:var(--v3-muted);text-underline-offset:4px;margin-bottom:42px; }
.v3 .topic-hero .section-context { margin-bottom:20px; }
.v3 .topic-hero h1 { font-size:clamp(48px,6.5vw,90px);line-height:1.04;font-weight:500;letter-spacing:-.025em;margin:0 0 30px;color:var(--v3-paper); }
.v3 .topic-lead { font:19px/1.7 Arial,Helvetica,sans-serif;max-width:61ch;color:var(--v3-muted);margin:0; }
.v3 .topic-nav { display:flex;gap:12px 32px;flex-wrap:wrap;padding-block:22px;border-block:1px solid var(--v3-line); }
.v3 .topic-nav a { font-size:18px;color:var(--v3-muted);text-decoration:none; }
.v3 .topic-nav a[aria-current] { color:var(--v3-paper);text-decoration:underline;text-underline-offset:7px; }
.v3 .topic-nav a:hover { color:var(--v3-gold); }
.v3 .v3-services { width:min(1200px,calc(100% - 80px));margin:72px auto 100px;padding:0;height:auto;min-height:0; }
.v3 .v3-services .services-grid { min-height:0;height:auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:80px;align-items:start; }
.v3 .v3-services .services-left,.v3 .v3-services .services-right { padding:0;min-height:0; }
.v3 .v3-services .services-right { display:block; }
.v3 .v3-services .section-title { font-size:18px;font-weight:400;letter-spacing:0;color:var(--v3-muted);text-transform:none;margin:0 0 25px; }
.v3 .v3-services .service-content { display:flex;flex-direction:column;gap:0;min-height:0;height:auto; }
.v3 .v3-services .service-subtitle { font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.01em;text-transform:none;margin:0 0 23px; }
.v3 .v3-services .service-text { font:17px/1.8 Arial,Helvetica,sans-serif;max-width:61ch;min-height:0;text-align:left;margin:0;hyphens:none; }
.v3 .v3-services .service-media { height:260px;min-height:0;margin-top:26px; }
.v3 .v3-services .service-instruction { color:var(--v3-muted);font-size:16px;margin:0 0 24px; }
.v3 .v3-services .service-list { gap:0;align-items:stretch;height:auto; }
.v3 .v3-services .service-list li { border-bottom:1px solid var(--v3-line); }
.v3 .v3-services .service-item { display:block;width:100%;padding:20px 0;font-size:25px;font-weight:400;line-height:1.25;text-align:left;text-transform:none;letter-spacing:0;transform:none!important;opacity:1!important;color:#a39ca7;white-space:normal; }
.v3 .v3-services .service-item.is-active { color:var(--v3-gold); }
.v3 .v3-services .service-item:hover { color:var(--v3-paper); }
.v3 .v3-service-fallback p { font:17px/1.75 Arial,Helvetica,sans-serif; }
.v3 .topic-outcome { display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:45px 80px;border-top:1px solid var(--v3-line); }
.v3 .topic-outcome p { font:18px/1.75 Arial,Helvetica,sans-serif;color:var(--v3-muted);margin:0; }
.v3 .project-proof { display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;color:var(--v3-paper);text-decoration:none;margin-bottom:120px; }
.v3 .project-proof img { width:100%;height:360px;object-fit:cover;filter:saturate(.75); }
.v3 .project-proof h2 { font-size:48px;font-weight:500;margin:0 0 20px; }
.v3 .project-proof p:not(.section-context) { font:18px/1.7 Arial,Helvetica,sans-serif;color:var(--v3-muted);max-width:36ch; }
.v3 .project-proof .text-link { text-decoration:underline;text-underline-offset:5px; }
.v3 #section-web3 { border-top:1px solid var(--v3-line);padding-top:80px; }
.v3 #section-web3 .web3-title { gap:14px; }
.v3 #section-web3 .web3-tag { font-size:36px; }
.v3 #section-web3 .web3-num { font-size:100px; }
.v3 #section-web3 .lab-intro { font:17px/1.6 Arial,Helvetica,sans-serif; }
.v3 #section-web3 .web3-text .lead { font-size:28px;line-height:1.3; }
.v3 #section-web3 .web3-text p:not(.lead) { font:17px/1.8 Arial,Helvetica,sans-serif; }
.v3 #section-web3 .web3-text p { hyphens:none;-webkit-hyphens:none; }
.v3 .w3-caption::before,.v3 .w3-caption::after { display:none; }
.v3 #h2a1 { background:none;padding-block:62px;margin-bottom:44px; }
.v3 #h2a1 h2 { font-size:clamp(70px,9vw,120px); }
.v3 #h2a1 .intro-secondary { font:17px/1.8 Arial,Helvetica,sans-serif; }
.v3 .related-note { color:var(--v3-muted);font:16px/1.7 Arial,Helvetica,sans-serif;margin-bottom:100px; }
.v3 .related-note a { color:var(--v3-paper);text-underline-offset:4px; }
.v3 #ki-agenten .capability-grid h3 { font-size:28px; }
.v3 #ki-agenten .capability-grid p { font:17px/1.8 Arial,Helvetica,sans-serif; }
.v3 #ki-agenten h2 { font-size:46px; }
.v3 #ki-agenten .capability-lead { font:18px/1.7 Arial,Helvetica,sans-serif; }
.v3 #section-5 .contact-section-title { font-size:clamp(58px,7vw,98px); }
.v3 #section-5 .contact-intro { font:18px/1.7 Arial,Helvetica,sans-serif; }
.v3-home #section-5 { padding-top:72px; }
.v3-home .footer-garden { opacity:.5;filter:saturate(.38); }
.v3 #section-5.v3-contact-compact { display:grid;grid-template-columns:1fr 1fr;padding-block:56px 76px;gap:70px; }
.v3 #section-5.v3-contact-compact::before { content:none; }
.v3 #section-5.v3-contact-compact .contact-section-title { font-size:clamp(40px,4.5vw,60px);line-height:1.08; }
.v3 #section-5.v3-contact-compact .contact-links-wrapper { grid-column:2;grid-row:1;align-self:center; }
.v3 #section-5.v3-contact-compact .contact-link { font-size:26px; }
.v3 .v3-quiet-footer { background:transparent;border-top:1px solid var(--v3-line);padding:38px 0 45px; }
.v3 .footer-inner { width:min(1200px,calc(100% - 80px));padding-inline:0; }
.v3 .sitemap-title { text-transform:none;letter-spacing:0;font-size:17px; }
.v3 .footer-sitemap { display:grid;gap:32px; }
.v3 .case-page { max-width:1000px;padding:145px 40px 90px;margin:auto; }
.v3 .case-page > h1 { font-size:clamp(50px,7vw,88px);font-weight:500; }
.v3 .case-page .case-story h2 { font-size:30px;font-weight:500;margin:38px 0 15px; }
.v3 .case-page .case-story p,.v3 .case-page .case-story li { font:17px/1.8 Arial,Helvetica,sans-serif;max-width:70ch; }
.v3 .case-page .case-story .case-subtitle { font:32px/1.3 'Barlow Condensed',sans-serif;color:var(--v3-paper); }
/* Keep the CRT glass and the synchronized neon frames. Quiet unrelated decoration. */
.v3 #serviceModal.fold-active .fold-scene { perspective:1000px;overflow:hidden; }
.v3 .work-switch-ghost { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;perspective:1000px; }
.v3 .work-nav,.v3 .work-position { display:none; }
.v3 .fold-active .work-nav {
  display:grid;place-items:center;position:fixed;top:50%;transform:translateY(-50%);z-index:12;
  width:48px;height:60px;border:1px solid #635c65;border-radius:6px;background:var(--panel);
  color:#e3dfd1;cursor:pointer;transition:background .2s,border-color .2s;
}
.v3 .work-nav--prev { left:calc(5vw - 24px); }
.v3 .work-nav--next { right:calc(5vw - 24px); }
.v3 .work-nav svg { width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.v3 .work-nav:hover { background:var(--v3-stone);border-color:var(--v3-gold);color:var(--v3-paper); }
.v3 .work-nav[aria-disabled="true"] { opacity:.55;cursor:default; }
.v3 .fold-active .work-position {
  display:block;position:fixed;z-index:12;bottom:14px;left:50%;transform:translateX(-50%);
  margin:0;padding:7px 14px;background:var(--panel);color:#c8c1c8;border-radius:4px;
  font:15px/1.4 'Barlow Condensed',sans-serif;white-space:nowrap;pointer-events:none;
}
@media(max-width:767px) {
  .v3 .fold-active .work-nav { width:42px;height:54px; }
  .v3 .work-nav--prev { left:5px; }.v3 .work-nav--next { right:5px; }
  .v3 #serviceModal.fold-active .fold-inner-content { padding-inline:44px; }
}
.v3 .web3-title .glitch::before,.v3 .web3-title .glitch::after { animation:none;opacity:0; }
.v3 .web3-title .glitch.active::before,.v3 .web3-title .glitch.active::after { opacity:1; }
@media(max-width:1000px) {
  .v3 .home-hero { gap:12px; }
  .v3 .hero-copy h1 { font-size:56px; }
  .v3 .topic-overview { gap:40px;grid-template-columns:1fr 2fr; }
  .v3 .v3-services .services-grid { gap:44px; }
  .v3 .project-proof { gap:40px; }
}
@media(max-width:820px) {
  html:has(.v3-topic) { scroll-behavior:auto; }
  .v3-topic { overflow-anchor:none; }
  .v3-topic main { display:flex;flex-direction:column;padding-top:32px; }
  .v3-topic main > * { order:2; }
  .v3-topic main > .topic-nav { order:0; }
  .v3-topic main > .topic-hero { order:1; }
  .v3 .topic-hero .breadcrumb,.v3 .topic-hero .section-context { display:none; }
  .v3-width,.v3 .v3-services,.v3 .footer-inner { width:calc(100% - 40px); }
  .v3 .home-hero { grid-template-columns:1fr;min-height:0;padding-block:120px 35px; }
  .v3 .home-hero #section-1 { grid-row:1; }
  .v3 .home-hero .hero-copy { grid-row:2; }
  .v3 .hero-copy h1 { font-size:clamp(44px,7.4vw,65px); }
  .v3 .home-hero #section-1.canvas-wrap { height:300px; }
  .v3 .hero-copy > p:not(.hero-location) { font-size:17px; }
  .v3 .work-intro { display:block; }
  .v3 .work-intro p { margin-top:10px; }
  .v3 .text-divider { width:calc(100% - 40px);height:240px;margin-block:65px; }
  .v3 .topic-overview { grid-template-columns:1fr;gap:30px;padding-bottom:85px; }
  .v3 .overview-intro p { max-width:45ch; }
  .v3 .topic-hero { padding-block:36px 0; }
  .v3 .topic-hero h1 { font-size:clamp(34px,7.2vw,46px);margin-bottom:20px; }
  .v3 .topic-lead { font-size:17px; }
  .v3 .topic-nav { display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0;border:0; }
  .v3 .topic-nav::before { content:'Leistungsbereiche';grid-column:1/-1;font-size:15px;color:var(--v3-muted);margin-bottom:10px; }
  [lang="en"] .v3 .topic-nav::before { content:'Services'; }
  .v3 .topic-nav a { display:flex;align-items:center;min-height:54px;font-size:17px;border-bottom:1px solid var(--v3-line); }
  .v3 .v3-services { margin-block:50px 65px; }
  .v3 .v3-services .services-grid { display:block; }
  .v3 .v3-services .services-left { display:block; }
  .v3 .v3-services .section-title { text-align:left; }
  .v3 .v3-services .service-instruction { display:none; }
  .v3 .v3-services .service-media { display:none; }
  .v3 .v3-services .service-item { display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:23px;padding:19px 0;text-shadow:none;box-shadow:none;background:none;-webkit-text-fill-color:currentColor;filter:none; }
  .v3 .v3-services .service-item::before { content:none; }
  .v3 .v3-services .service-item::after { content:'+';display:block;position:static;background:none;box-shadow:none;transform:none;flex:none;font:24px/1 Arial;width:24px;height:auto;opacity:1; }
  .v3 .v3-services .service-item[aria-expanded="true"]::after { content:'−'; }
  .v3 .v3-services .service-list .service-copy { font:16px/1.75 Arial,Helvetica,sans-serif;padding:0 0 24px;color:var(--v3-muted); }
  .v3 .topic-outcome { grid-template-columns:1fr;gap:20px;padding-bottom:50px; }
  .v3 .project-proof { grid-template-columns:1fr;gap:24px;margin-bottom:80px; }
  .v3 .project-proof img { height:300px; }
  .v3 #section-web3 .web3-num { font-size:84px; }
  .v3 #section-5.v3-contact-compact { grid-template-columns:1fr;gap:35px; }
  .v3 #section-5.v3-contact-compact .contact-links-wrapper { grid-column:1;grid-row:2; }
  .v3 .case-page { padding:115px 20px 65px; }
}
/* Keep the original portrait/landscape TV formats at compact widths. */
@media(max-width:900px) {
  .v3 .work-section { width:calc(100% - 40px);height:auto; }
  .v3 .work-section .work-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
    width:100%;max-width:none;min-height:0;height:auto;align-items:end;
  }
  .v3 .work-section .work-grid > .work-card {
    display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;
    height:auto;min-height:0;max-height:none;
    justify-self:stretch!important;align-self:end!important;
    aspect-ratio:13 / 9!important;
  }
  .v3 .work-section .work-grid > .wc-artfete,
  .v3 .work-section .work-grid > .wc-chico { aspect-ratio:8 / 9!important; }
}
@media(max-width:520px) {
  .v3 .topic-links { grid-template-columns:1fr;gap:28px; }
  .v3 .topic-link h3 { font-size:28px; }
  .v3 .hero-location { font-size:15px; }
  .v3 .home-hero #section-1.canvas-wrap { height:250px; }
  .v3 .text-divider { height:215px; }
  .v3 .footer-inner { grid-template-columns:1fr;gap:30px; }
  .v3 .footer-sitemap { display:grid;grid-template-columns:1fr 1fr; }
  .v3-home #section-5 .contact-intro { margin-bottom:24px; }
  .v3-home .footer-garden { opacity:.4; }
}

/* Keep the expressive scenes; quiet the surfaces and lettering around them. */
.v3 .text-divider { filter:saturate(.5); }
.v3 .text-divider .text-3d-line,
.v3 .text-divider .text-3d-line::before,
.v3 .text-divider .text-3d-line::after { text-shadow:0 0 8px currentColor!important; }
.v3 .divider-metal { background:none; }
.v3 .text-divider .mech-corner::before { filter:brightness(1.3); }
.v3 .section-context,.v3 .contact-channel,
.v3 #section-5 .contact-intro,.v3 .topic-link-label { color:var(--v3-muted); }
.v3 #section-5,.v3 #section-5 .contact-link { border-color:var(--v3-line); }
.v3 #section-5::before { content:none; }
.v3 #section-5 .contact-section-title,.v3 #section-5 .contact-intro,
.v3 #section-5 .contact-link,.v3 #section-5 .section-context,
.v3 .site-footer .footer-inner { text-shadow:none; }
.v3 #section-5 .contact-section-title,.v3 #section-5 .contact-link { color:var(--v3-paper); }
.v3 #section-5 .contact-link:first-child,.v3 #section-5 .contact-link:hover { color:var(--v3-gold); }
.v3 .v3-services .service-item { color:var(--v3-muted);text-shadow:none; }
.v3 .v3-services .service-item.is-active { color:var(--v3-gold); }
.v3 .v3-services .service-item:hover { color:var(--v3-paper); }
.v3 .site-footer .footer-tagline,.v3 .site-footer .sitemap-title { color:var(--v3-muted); }
/* Layer the established garden behind the footer, anchored to the page edge. */
.v3-home .site-footer:has(.footer-garden) {
  --garden-height:clamp(520px,52vw,720px);
  padding-top:44px;padding-bottom:100px;
}

/* Carry the page palette through the showcase stage and its opening transition. */
.v3 #serviceModal .modal-backdrop {
  background:linear-gradient(180deg,var(--v3-slate),var(--v3-stone));
}
.v3 .work-transition-overlay { background:var(--v3-slate); }
.v3 #serviceModal .modal-close--fold { background:var(--panel);border-color:var(--v3-line); }
.v3 #serviceModal .modal-close--fold:hover { background:var(--v3-stone);border-color:var(--v3-gold); }

.v3-home #section-5 .contact-section-title,.v3-home #section-5 .contact-intro,
.v3-home #section-5 .contact-link,.v3-home .site-footer .footer-inner {
  text-shadow:0 1px 2px var(--v3-stone);
}

/* Home: a point of view, with one physical screen as the doorway to the work. */
.v3 .home-context { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px 60px;border-top:1px solid var(--v3-line); }
.v3 .home-context h2 { font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:1.06;letter-spacing:-.025em;max-width:13ch;margin:0 0 28px; }
.v3 .home-context-copy>p { font:18px/1.7 Arial,Helvetica,sans-serif;color:var(--v3-muted);max-width:46ch; }
.v3 .home-approach { margin-top:34px;display:grid;gap:20px; }
.v3 .home-approach p { margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--v3-muted);max-width:43ch; }
.v3 .home-approach strong { display:block;color:var(--v3-paper);font-weight:500; }
.v3 .home-work-preview { min-width:0;margin:0;padding:22px 10px 0; }
.v3 .home-work-screen {
  display:block;position:relative;box-sizing:border-box;width:100%;height:auto;aspect-ratio:13/9;
  background:#111210;border:7px solid #080908;border-radius:9% / 7%;overflow:hidden;
  box-shadow:0 0 0 1px #434940,0 16px 25px rgba(0,0,0,.3),inset 0 0 12px #000;
  transform:rotate(-4deg);cursor:pointer;
}
.v3 .home-work-screen .wc-svg-container { display:flex;align-items:center;justify-content:center;padding:12%; }
.v3 .home-work-screen .wc-svg-container::before { content:none; }
.v3 .home-work-screen .wc-svg-image { object-fit:contain;filter:invert(.82) sepia(.2); }
.v3 .home-work-screen::after { content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;animation:none;background:radial-gradient(ellipse at 45% 40%,transparent 48%,rgba(0,0,0,.26)); }
.v3 .home-work-screen:focus-visible { outline:3px solid var(--v3-gold);outline-offset:8px; }
.v3 .home-work-preview figcaption { display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px;margin-top:40px;font-size:19px;color:var(--v3-muted); }
.v3 .home-work-preview figcaption a { color:var(--v3-paper);text-underline-offset:6px; }
/* Works keeps the original CRT composition, then opens into full image sequences. */
.v3 .works-intro { display:flex;align-items:end;gap:44px;padding-block:80px 32px; }
.v3 .works-intro h1 { margin:0;font-size:clamp(56px,7vw,96px);font-weight:500;line-height:.95;letter-spacing:-.025em; }
.v3 .works-intro p { margin:0;font:17px/1.65 Arial,Helvetica,sans-serif;color:var(--v3-muted); }
.v3 .works-intro .text-link { margin-left:auto;flex:none; }
.v3 .work-case-links { display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:24px; }
.v3 .work-case-links a { color:var(--v3-muted);font-size:18px;text-underline-offset:5px; }
.v3 .work-case-links a:hover { color:var(--v3-gold); }
.v3 .work-archive { padding-block:120px 100px; }
.v3 .archive-intro { display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:70px;border-top:1px solid var(--v3-line);padding-top:48px; }
.v3 .archive-intro h2 { font-size:clamp(48px,6vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.025em;margin:0; }
.v3 .archive-intro p { color:var(--v3-muted);font:17px/1.65 Arial,Helvetica,sans-serif;margin:0; }
.v3 .archive-pair { display:grid;grid-template-columns:1.2fr .85fr;gap:8%;align-items:start;margin-bottom:140px; }
.v3 .archive-project { margin:0;min-width:0; }
.v3 .archive-project img { display:block;width:100%;height:auto; }
.v3 .archive-project figcaption,.v3 .archive-project>header { display:flex;justify-content:space-between;gap:20px;align-items:baseline; }
.v3 .archive-project figcaption { margin-top:18px; }
.v3 .archive-project h3 { font-size:clamp(29px,3vw,42px);font-weight:500;letter-spacing:-.015em;margin:0;line-height:1.1; }
.v3 .archive-project figcaption span,.v3 .archive-project>header p { font:14px/1.5 Arial,Helvetica,sans-serif;color:var(--v3-muted);margin:0; }
.v3 .archive-records { margin-top:150px; }
.v3 .archive-digital { margin-bottom:140px; }
.v3 .archive-digital>header { margin-bottom:28px; }
.v3 .archive-browser-pair { display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#bac1b9;padding:64px 28px; }
.v3 .archive-browser-pair img:nth-child(2) { margin-top:80px; }
.v3 .archive-drive { margin-bottom:140px; }
.v3 .archive-drive>header,.v3 .archive-dld>header { margin-bottom:28px; }
.v3 .archive-drive-images { display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:0; }
.v3 .archive-drive-images img:first-child { width:110%; }
.v3 .archive-drive-images img:last-child { position:relative;margin-bottom:-40px;border:10px solid var(--v3-stone);box-sizing:border-box; }
.v3 .archive-dld-images { display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:start; }
.v3 .archive-dld-images img:last-child { margin-top:100px; }
@media(max-width:900px) {
  .v3 .home-context { gap:40px; }
  .v3 .works-intro { flex-wrap:wrap;gap:24px; }
  .v3 .works-intro .text-link { margin-left:0; }
}
@media(max-width:650px) {
  .v3 .home-context { grid-template-columns:1fr;padding-block:54px 30px;gap:36px; }
  .v3 .home-context h2 { max-width:15ch; }
  .v3 .home-context-copy>p { font-size:17px; }
  .v3 .home-work-preview { padding-inline:12px; }
  .v3 .home-work-preview figcaption { margin-top:28px;font-size:17px; }
  .v3 .works-intro { display:block;padding-block:48px 26px; }
  .v3 .works-intro p { margin-top:24px; }
  .v3 .works-intro .text-link { margin-top:20px; }
  .v3 .work-case-links { display:grid;grid-template-columns:1fr 1fr;gap:20px 14px; }
  .v3 .work-archive { padding-block:72px; }
  .v3 .archive-intro { display:block;margin-bottom:36px;padding-top:32px; }
  .v3 .archive-intro p { margin-top:26px; }
  .v3 .archive-pair { display:block;margin-bottom:70px; }
  .v3 .archive-records { width:85%;margin:52px 0 0 auto; }
  .v3 .archive-project figcaption,.v3 .archive-project>header { flex-wrap:wrap;gap:9px; }
  .v3 .archive-digital,.v3 .archive-drive { margin-bottom:80px; }
  .v3 .archive-browser-pair { grid-template-columns:1fr;padding:24px 12px;gap:24px; }
  .v3 .archive-browser-pair img:nth-child(2) { margin-top:0; }
  .v3 .archive-drive-images { display:block; }
  .v3 .archive-drive-images img:first-child { width:92%; }
  .v3 .archive-drive-images img:last-child { width:70%;margin:-45px 0 0 auto;border-width:6px; }
  .v3 .archive-dld-images { gap:16px; }
  .v3 .archive-dld-images img:last-child { margin-top:60px; }
}
/* The standalone screen must not inherit the old four-screen mobile height cap. */
.v3 .home-work-preview .home-work-screen { aspect-ratio:13/9!important;height:auto!important;min-height:0;max-height:none;max-width:none; }