/* GlobalCom: German start page /de/. Hero with the globe and the industry tiles, taken from the
   English start page (home.css) and scoped to .gc-de-home so nothing else on the site changes. */

/* hero */
.gc-de-home .hero{min-height:calc(100vh - 72px);position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 0;background:var(--paper);border-bottom:1px solid var(--rule)}
.gc-de-home .hero-grid{display:grid;grid-template-columns:1fr;gap:60px;align-items:center;width:100%;position:relative;z-index:1}
@media (min-width:960px){.gc-de-home .hero-grid{grid-template-columns:1.1fr 1fr;gap:80px}}
.gc-de-home .hero-copy{z-index:2;position:relative}
.gc-de-home .hero-kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-dark);font-weight:600;margin-bottom:36px}
.gc-de-home .hero-kicker .pulse{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:gc-de-pulse 2.2s infinite}
@keyframes gc-de-pulse{0%{box-shadow:0 0 0 0 rgba(246,141,51,.6)}70%{box-shadow:0 0 0 10px rgba(246,141,51,0)}100%{box-shadow:0 0 0 0 rgba(246,141,51,0)}}
.gc-de-home .hero h1{font-family:'Noto Sans Display','Noto Sans',sans-serif;font-weight:300;font-size:clamp(44px,6vw,84px);letter-spacing:-.045em;line-height:1;color:var(--ink)}
.gc-de-home .hero h1 .line{display:block;overflow:hidden;padding-bottom:.22em;margin-bottom:-.16em}
.gc-de-home .hero h1 .line span{display:inline-block;transform:translateY(110%);animation:gc-de-rise 1s cubic-bezier(.16,1,.3,1) forwards}
.gc-de-home .hero h1 .line-2 span{animation-delay:.18s}
.gc-de-home .hero h1 .accent{font-family:'Noto Sans Display','Noto Sans',sans-serif;font-style:normal;font-weight:200;color:var(--orange);letter-spacing:-.04em}
@keyframes gc-de-rise{to{transform:translateY(0)}}
.gc-de-home .hero-sub{margin-top:40px;font-size:20px;line-height:1.5;color:var(--ink-soft);font-weight:400;max-width:520px;opacity:0;animation:gc-de-fade-up 1s cubic-bezier(.16,1,.3,1) .5s forwards}
@keyframes gc-de-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.gc-de-home .hero-ctas{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:gc-de-fade-up 1s cubic-bezier(.16,1,.3,1) .7s forwards}
.gc-de-home .hero-meta-strip{margin-top:52px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);letter-spacing:.04em;opacity:0;animation:gc-de-fade-up 1s cubic-bezier(.16,1,.3,1) .9s forwards}
.gc-de-home .hero-meta-strip strong{color:var(--ink);font-weight:500}
.gc-de-home .hero-meta-strip .dot{color:var(--rule)}
.gc-de-home .hero-slogan{margin-top:16px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;opacity:0;animation:gc-de-fade-up 1s cubic-bezier(.16,1,.3,1) 1s forwards}
.gc-de-home .hero-visual{position:relative;aspect-ratio:1/1;width:100%;max-width:560px;margin-left:auto;opacity:0;animation:gc-de-visual 1.4s cubic-bezier(.16,1,.3,1) .3s forwards}
@keyframes gc-de-visual{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.gc-de-home .hero-globe-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gc-de-home .hero-logo-new{position:relative;z-index:2;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.gc-de-home .hero-logo-new img{width:100%;height:100%;object-fit:contain}
@media (max-width:959px){.gc-de-home .hero{min-height:0;padding:56px 0 64px}.gc-de-home .hero-visual{max-width:340px;margin:0 auto}}

/* industry tiles */
.gc-de-home .gc-de-tiles{margin-top:40px;display:grid;gap:1px;grid-template-columns:1fr;background:var(--rule);border:1px solid var(--rule)}
@media (min-width:640px){.gc-de-home .gc-de-tiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.gc-de-home .gc-de-tiles{grid-template-columns:repeat(3,1fr)}}
.gc-de-home .tile{background:var(--white);padding:40px 34px 36px;transition:all .3s;cursor:pointer;position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none!important;color:inherit}
.gc-de-home .tile *{text-decoration:none!important}
.gc-de-home .tile::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.gc-de-home .tile:hover::before{transform:scaleX(1)}
.gc-de-home .tile:hover{background:var(--paper)}
.gc-de-home .tile-num{font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:12px;color:var(--muted);margin-bottom:22px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.gc-de-home .tile h3{font-family:'Noto Sans',sans-serif;font-weight:700;font-size:24px;color:var(--ink);letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}
.gc-de-home .tile p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}
.gc-de-home .tile .arrow-link{margin-top:22px;font-size:13.5px;color:var(--orange-dark);font-weight:500;opacity:0;transform:translateX(-6px);transition:all .3s}
.gc-de-home .tile:hover .arrow-link{opacity:1;transform:translateX(0)}
.gc-de-home .gc-de-tiles-foot{margin-top:24px;font-size:15px;color:var(--text)}