/* Lower sections, redesigned 26.10.2026 after award references (Awwwards
   Sites of the Year: Igloo Inc 2024 – HUD labels that decode; Lando Norris
   2025 – giant ticker bands, statement typography, editorial collage).
   Shared by index.html and iphone.html; never touches the hero. */
:root {--sec-line:#ffffff17;--sec-green:#19e50f;--sec-core:#39ff14;--sec-ease:cubic-bezier(.16,1,.3,1);}

/* 1 · Open, full-bleed sections instead of uniform rounded panels. */
:is(body.studio-final,body.iphone-edition) :is(.services-section,.mission-section,.work-section,.footer) {
 margin:0 !important;border:0 !important;border-top:1px solid var(--sec-line) !important;border-radius:0 !important;
 background:transparent !important;box-shadow:none !important;position:relative;isolation:isolate;
}
:is(.services-section,.mission-section,.work-section,.footer)::before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.11;
 background:url('../images/orbit-lines.svg') 100% 30%/min(1400px,140%) auto no-repeat;
}
.mission-section::before {background-position:0 60%;transform:scaleX(-1);}
/* The old framed-panel glow ring (solar-window ::after) belongs to the boxed look. */
:is(body.studio-final,body.iphone-edition) :is(.services-section,.work-section,.footer).solar-window::after {display:none !important;}
.footer::before {background-position:50% 0;opacity:.14;}

/* 2 · Ticker band: two rows in opposite directions (CSS transform only). */
.ticker-band {-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);overflow:hidden;padding:clamp(18px,3vw,34px) 0;border-top:1px solid var(--sec-line);user-select:none;contain:layout paint;}
.ticker-row {display:flex;width:max-content;animation:secTicker var(--ticker-duration,70s) linear infinite;animation-play-state:paused;will-change:transform;}
.ticker-row + .ticker-row {margin-top:.28em;animation-direction:reverse;}
.ticker-band.is-running .ticker-row {animation-play-state:running;}
.ticker-row span {font:760 clamp(26px,4.2vw,64px)/1.05 Archivo,Arial,sans-serif;letter-spacing:-.055em;color:#eef8ec;white-space:nowrap;padding-right:.32em;}
.ticker-row i {font-style:normal;color:var(--sec-green);font-size:clamp(14px,1.8vw,26px);align-self:center;padding-right:.55em;}
.ticker-row--outline span {color:transparent;-webkit-text-stroke:1.2px #23d92a;}
/* The white row is set very tight (-.055em); open up the gaps between its words. */
.ticker-row:not(.ticker-row--outline) span {word-spacing:.24em;}
.ticker-row span b {color:var(--sec-core);font-weight:inherit;}
@keyframes secTicker {to{transform:translate3d(-50%,0,0)}}
html.studio-tab-hidden .ticker-row {animation-play-state:paused !important;}

/* 3 · Reveals: headline lines rise from a mask, blocks fade up once. */
.js-sections [data-reveal=lines] .line {display:block;overflow:hidden;padding:.04em .12em .1em 0;margin:-.04em -.12em -.1em 0;}
.js-sections [data-reveal=lines] .line-inner {display:block;transform:translate3d(0,108%,0);transition:transform 1s var(--sec-ease);transition-delay:calc(var(--i,0)*110ms);}
.js-sections [data-reveal=lines].is-revealed .line-inner {transform:none;}
.js-sections [data-reveal=up] {opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s ease,transform .9s var(--sec-ease);transition-delay:calc(min(var(--d,0),4)*90ms);}
.js-sections [data-reveal=up].is-revealed {opacity:1;transform:none;}

/* 4 · "Was ich mache": the intro stays in view while the list scrolls. */
@media (min-width:901px) {
 body.studio-final .services-section {align-items:start;padding-top:120px;padding-bottom:130px;}
 body.studio-final .services-intro {position:sticky;top:14vh;}
}
.services-list details {transition:background-color .35s,border-color .35s;}
.services-list details:not(.service-highlight):hover {background:linear-gradient(90deg,#19e50f0d,transparent 70%);}

/* 5 · Mission: one statement, then three open steps with big neon numerals. */
.mission-section {counter-reset:mission;padding-top:clamp(70px,10vw,150px) !important;padding-bottom:clamp(60px,8vw,120px) !important;}
:is(body.studio-final,body.iphone-edition) .mission-heading {display:block;text-align:center;margin:0 auto clamp(40px,6vw,90px);max-width:1100px;}
:is(body.studio-final,body.iphone-edition) .mission-heading h2 {font:780 clamp(46px,8.6vw,148px)/.92 Archivo,Arial,sans-serif;letter-spacing:-.065em;margin:18px 0 0;text-wrap:balance;}
.mission-heading .mono {display:inline-block;}
:is(body.studio-final,body.iphone-edition) .mission-live {display:block;margin-top:22px;color:#8fa596;}
:is(body.studio-final,body.iphone-edition) .mission-grid {gap:0;border-top:1px solid var(--sec-line);}
:is(body.studio-final,body.iphone-edition) .mission-card {position:relative;counter-increment:mission;border:0;border-radius:0;background:transparent;padding:clamp(26px,3vw,46px) clamp(22px,2.6vw,40px);}
:is(body.studio-final,body.iphone-edition) .mission-card + .mission-card {border-left:1px solid var(--sec-line);}
:is(body.studio-final,body.iphone-edition) .mission-card:hover,:is(body.studio-final,body.iphone-edition) .mission-card:focus-within {transform:none;background:linear-gradient(180deg,#19e50f0c,transparent 60%);}
.mission-card::before {content:counter(mission,decimal-leading-zero);display:block;font:780 clamp(64px,7vw,120px)/.9 Archivo,Arial,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.2px #23d92a;margin-bottom:18px;transition:color .4s;}
.mission-card:hover::before {color:#19e50f22;}
:is(body.studio-final,body.iphone-edition) .mission-card .mission-index {position:static;margin-bottom:10px;}
:is(body.studio-final,body.iphone-edition) .mission-illustration {position:absolute;top:clamp(26px,3vw,46px);right:clamp(22px,2.6vw,40px);width:86px;height:90px;margin:0;opacity:.85;}

/* 6 · Work: an editorial, staggered collage instead of three equal tiles. */
@media (min-width:901px) {
 body.studio-final .work-section {padding-top:130px;padding-bottom:150px;}
 body.studio-final .projects {grid-template-columns:1.25fr 1fr 1fr;gap:clamp(20px,2.4vw,40px);align-items:start;}
 body.studio-final .project:nth-child(2) {margin-top:clamp(60px,8vw,140px);}
 body.studio-final .project:nth-child(3) {margin-top:clamp(120px,15vw,260px);}
 body.studio-final .video-play-hint {margin-top:56px;text-align:right;}
}
.project-meta h3 {transition:color .3s;}
.project:hover .project-meta h3 {color:var(--sec-core);}

/* 7 · Closing call: the question fills the width. */
:is(body.studio-final,body.iphone-edition) .footer {padding-top:clamp(80px,11vw,170px) !important;}
:is(body.studio-final,body.iphone-edition) .footer h2 {font-size:clamp(58px,12.5vw,230px) !important;line-height:.86 !important;}
@media (min-width:901px) {body.studio-final .footer-main {flex-direction:column;align-items:start;gap:40px;} body.studio-final .footer-main > div {margin:0 0 0 auto;max-width:440px;}}

/* Phone and narrow screens. */
@media (max-width:900px) {
 :is(body.studio-final,body.iphone-edition) .mission-grid {grid-template-columns:1fr;}
 :is(body.studio-final,body.iphone-edition) .mission-card + .mission-card {border-left:0;border-top:1px solid var(--sec-line);}
 :is(body.studio-final,body.iphone-edition) .mission-card {padding:30px 4px 34px;min-height:0;}
 :is(body.studio-final,body.iphone-edition) .mission-illustration {top:30px;right:4px;width:72px;height:76px;}
 :is(body.studio-final,body.iphone-edition) .projects {grid-template-columns:1fr;}
 .ticker-row span {font-size:clamp(22px,7vw,34px);}
}

@media (prefers-reduced-motion:reduce) {
 .ticker-row {animation:none !important;}
 .js-sections [data-reveal] , .js-sections [data-reveal] .line-inner {opacity:1 !important;transform:none !important;transition:none !important;}
}

/* Phone: "Projekte in Bewegung" fits on one screen – the first project full
   width, the other two side by side below it (a small collage). */
@media (max-width:760px) {
 :is(body.studio-final,body.iphone-edition) .work-section {padding-top:48px !important;padding-bottom:40px !important;}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head {display:block;margin-bottom:18px;}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head h2 {margin:10px 0 8px;font-size:clamp(30px,9vw,40px);}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head > p {margin:0;font-size:13px;line-height:1.5;}
 :is(body.studio-final,body.iphone-edition) .projects {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px;margin-top:0;}
 :is(body.studio-final,body.iphone-edition) .project {min-width:0;}
 :is(body.studio-final,body.iphone-edition) .project:first-child {grid-column:1 / -1;}
 :is(body.studio-final,body.iphone-edition) .project {margin-top:0 !important;}
 :is(body.studio-final,body.iphone-edition) .project-meta {padding-top:8px;}
 :is(body.studio-final,body.iphone-edition) .project-meta .mono {font-size:8px;letter-spacing:.06em;}
 :is(body.studio-final,body.iphone-edition) .project-meta h3 {font-size:20px;margin:3px 0 0;}
 :is(body.studio-final,body.iphone-edition) .project:not(:first-child) .project-meta h3 {font-size:16px;}
 :is(body.studio-final,body.iphone-edition) .project:not(:first-child) .chrome {padding:5px 7px;font-size:0;}
 :is(body.studio-final,body.iphone-edition) .project:not(:first-child) .chrome > span:first-child {font-size:8px;}
 :is(body.studio-final,body.iphone-edition) .project:not(:first-child) .view-project {font-size:0;}
 :is(body.studio-final,body.iphone-edition) .video-play-hint {margin-top:14px;}
}
@media (max-width:760px) and (max-height:700px) {
 :is(body.studio-final,body.iphone-edition) .work-section .section-head > p {display:none;}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head h2 {font-size:30px;}
 :is(body.studio-final,body.iphone-edition) .work-section {padding-top:36px !important;}
 :is(body.studio-final,body.iphone-edition) .project:first-child .project-preview > :is(img,video) {aspect-ratio:2;}
}

/* Small HUD labels: at 8–10 px DM Mono with wide tracking looked blurry.
   Larger, slightly heavier, no glow – crisp on every screen. */
:is(.services-section,.mission-section,.work-section,.footer) :is(.mono,.section-number,.mission-live,.mission-index,.fine) {
 font-size:12px !important;letter-spacing:.12em !important;font-weight:500;text-shadow:none !important;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
:is(body.studio-final,body.iphone-edition) .mission-heading .mono {color:#5ff06a;}
:is(body.studio-final,body.iphone-edition) :is(.mission-live,.mission-index,.fine) {color:#b9c9be !important;}
:is(.services-section,.mission-section,.work-section,.footer) .project-meta .mono {font-size:11px !important;}
.services-list summary .mono {font-size:11px !important;}
@media (max-width:760px) {:is(.services-section,.mission-section,.work-section,.footer) :is(.mono,.section-number,.mission-live,.mission-index,.fine) {font-size:11px !important;} :is(.services-section,.mission-section,.work-section,.footer) .project-meta .mono {font-size:9px !important;}}

/* Mission symbols: each one comes alive on hover/focus.
   01 telescope tilts up and a star sparkles at its lens,
   02 rocket lifts off with its flame, 03 a moon orbits the planet. */
.mission-card {--ill-top:clamp(26px,3vw,46px);--ill-right:clamp(22px,2.6vw,40px);--ill-w:86px;--ill-h:90px;}
@media (max-width:900px) {.mission-card {--ill-top:30px;--ill-right:4px;--ill-w:72px;--ill-h:76px;}}
:is(body.studio-final,body.iphone-edition) .mission-illustration {left:auto !important;float:none;top:var(--ill-top);right:var(--ill-right);width:var(--ill-w);height:var(--ill-h);transition:transform .6s var(--sec-ease),color .4s;transform-origin:50% 80%;}
.mission-card:is(:hover,:focus-within) .mission-illustration {color:#f4fff1;}
.mission-card::after {content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .35s;}
/* 01 */
.mission-card:nth-child(1):is(:hover,:focus-within) .mission-illustration {transform:rotate(-9deg) translateY(-3px);}
.mission-card:nth-child(1)::after {content:"✦";top:calc(var(--ill-top) - 14px);right:calc(var(--ill-right) - 10px);color:var(--sec-core);font-size:20px;line-height:1;}
.mission-card:nth-child(1):is(:hover,:focus-within)::after {opacity:1;animation:secTwinkle 1.4s ease-in-out infinite;}
@keyframes secTwinkle {0%,100%{transform:scale(.55) rotate(0)}50%{transform:scale(1.15) rotate(45deg)}}
/* 02 */
.mission-card:nth-child(2):is(:hover,:focus-within) .mission-illustration {animation:secLiftOff 1.6s var(--sec-ease) both,secRumble .12s linear 1.6s infinite;}
.mission-card:nth-child(2):is(:hover,:focus-within) .move-exhaust {visibility:visible !important;animation-play-state:running !important;animation-duration:.6s;stroke:#ffb34d;}
@keyframes secLiftOff {0%{transform:none}25%{transform:translate(-1px,1px)}100%{transform:translate(8px,-10px)}}
@keyframes secRumble {0%,100%{transform:translate(8px,-10px)}50%{transform:translate(8.6px,-10.6px)}}
/* 03 */
.mission-card:nth-child(3):is(:hover,:focus-within) .mission-illustration {transform:scale(1.06) rotate(-6deg);}
.mission-card:nth-child(3)::after {width:7px;height:7px;border-radius:50%;background:var(--sec-core);box-shadow:0 0 8px #39ff14aa;
 top:calc(var(--ill-top) + var(--ill-h)*.47 - 3.5px);right:calc(var(--ill-right) + var(--ill-w)*.5 - 3.5px);}
.mission-card:nth-child(3):is(:hover,:focus-within)::after {opacity:1;animation:secOrbit 2.6s linear infinite;}
@keyframes secOrbit {from{transform:rotate(0) translateX(calc(var(--ill-w)*.62)) scaleY(1)}to{transform:rotate(360deg) translateX(calc(var(--ill-w)*.62))}}
@media (prefers-reduced-motion:reduce) {
 .mission-card .mission-illustration,.mission-card::after {animation:none !important;transition:none !important;}
}

/* Credits stay on the page (CC BY needs attribution) but folded away. */
.footer details.credits {margin-top:22px;}
.footer details.credits summary {display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:#8fa596 !important;}
.footer details.credits summary::-webkit-details-marker {display:none;}
.footer details.credits summary::after {content:"+";color:var(--sec-green);font-size:14px;}
.footer details.credits[open] summary::after {content:"–";}
.footer details.credits > :not(summary) {font-size:12px;line-height:1.6;color:#9aaab0;max-width:960px;}
.footer .fine a {white-space:nowrap;}

/* Phone pass 26.10.2026 (references: Lando Norris / Igloo Inc in phone size):
   one rhythm for every section, big tight statements, small crisp labels,
   compact Mission steps, single-line project labels, calm stacked footer. */
@media (max-width:760px) {
 :is(body.studio-final,body.iphone-edition) {--m-pad:clamp(20px,6vw,28px);}
 :is(body.studio-final,body.iphone-edition) :is(.services-section,.mission-section,.work-section,.footer) {padding:72px var(--m-pad) 64px !important;}
 /* Ticker: a little more air between the two rows and around the band. */
 .ticker-band {padding:22px 0;}
 .ticker-row + .ticker-row {margin-top:.4em;}
 /* Section statements fill the width like the references. */
 :is(body.studio-final,body.iphone-edition) :is(.services-intro,.section-head) h2 {font-size:clamp(40px,12.6vw,58px) !important;line-height:.95 !important;letter-spacing:-.06em;margin:14px 0 0 !important;}
 :is(body.studio-final,body.iphone-edition) :is(.services-intro > p:not(.mono),.section-head > p) {font-size:15px !important;line-height:1.6 !important;color:#c3cfc7;margin:18px 0 0 !important;max-width:32ch;}
 /* "Was ich mache": list below the intro, roomier rows. */
 :is(body.studio-final,body.iphone-edition) .services-section {display:block !important;}
 :is(body.studio-final,body.iphone-edition) .services-list {margin-top:34px;padding-top:0;}
 :is(body.studio-final,body.iphone-edition) .services-list summary {min-height:64px;}
 :is(body.studio-final,body.iphone-edition) .services-list h3 {font-size:19px;}
 :is(body.studio-final,body.iphone-edition) .services-list details > p {font-size:14px;line-height:1.65;}
 /* Mission: statement, then three compact steps – numeral and symbol in one row. */
 :is(body.studio-final,body.iphone-edition) .mission-heading {margin-bottom:40px;}
 :is(body.studio-final,body.iphone-edition) .mission-heading h2 {font-size:clamp(44px,13.4vw,62px) !important;line-height:.92 !important;}
 :is(body.studio-final,body.iphone-edition) .mission-live {margin-top:16px;}
 :is(body.studio-final,body.iphone-edition) .mission-card {padding:26px 0 30px !important;--ill-top:22px;--ill-right:0px;--ill-w:58px;--ill-h:60px;}
 .mission-card::before {font-size:46px !important;margin-bottom:12px !important;}
 :is(body.studio-final,body.iphone-edition) .mission-card h3 {font-size:24px;margin:6px 0 10px;}
 :is(body.studio-final,body.iphone-edition) .mission-card p {font-size:14px;line-height:1.65;max-width:none;margin-bottom:14px;}
 /* Work: labels stay on one line under the small previews. */
 :is(body.studio-final,body.iphone-edition) .project-meta .mono {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 :is(body.studio-final,body.iphone-edition) .video-play-hint {margin-top:22px;text-align:left;}
 /* Closing call and footer. */
 :is(body.studio-final,body.iphone-edition) .footer h2 {font-size:clamp(52px,17vw,78px) !important;line-height:.9 !important;letter-spacing:-.065em;}
 :is(body.studio-final,body.iphone-edition) .footer-main > div {margin-top:24px;}
 :is(body.studio-final,body.iphone-edition) .footer-main p {font-size:18px;line-height:1.5;}
 :is(body.studio-final,body.iphone-edition) .footer .fine {flex-direction:column;align-items:flex-start;gap:4px;margin:48px 0 0;padding-top:20px;}
 :is(body.studio-final,body.iphone-edition) .footer .fine a {text-decoration:none;}
 :is(body.studio-final,body.iphone-edition) .footer .fine a::after {content:" ↑";}
}
/* Short phones (iPhone SE): keep all three projects on one screen. */
@media (max-width:760px) and (max-height:700px) {
 :is(body.studio-final,body.iphone-edition) .work-section {padding-top:30px !important;}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head h2 {font-size:32px !important;}
 :is(body.studio-final,body.iphone-edition) .work-section .section-head > p {display:none;}
}

/* Colour pass 26.10.2026: one text palette for every lower section (the old
   solar theme left beige, rose-grey, blue-grey and lilac tones behind). */
:root {--t-head:#f2fbef;--t-body:#c4d1c8;--t-muted:#94a99b;--t-green:#19e50f;--t-core:#39ff14;--t-soft:#e4ffdf;}
:is(.services-section,.mission-section,.work-section,.footer) :is(h2,h3) {color:var(--t-head) !important;}
:is(.services-section,.mission-section,.work-section,.footer) :is(p,li,.services-list details > p,.footer-main p) {color:var(--t-body) !important;}
:is(.services-section,.mission-section,.work-section,.footer) :is(.mono,.mission-index,.mission-live,.project-meta .mono,.video-play-hint,.chrome span,.fine,.fine span,details.credits summary) {color:var(--t-muted) !important;}
:is(.services-section,.work-section,.footer) .section-number,:is(body.studio-final,body.iphone-edition) .mission-heading .mono,.services-list summary .mono {color:var(--t-green) !important;}
:is(.services-section,.mission-section,.work-section,.footer) :is(strong,.service-badge) {color:var(--t-soft) !important;}
.service-badge {color:var(--t-core) !important;}
.footer details.credits :is(p,a) {color:var(--t-muted) !important;}
body :is(.mission-section,.footer) :is(.mission-link,.fine a),body .footer .contact-note {color:var(--t-green) !important;}
.view-project {color:var(--t-head) !important;}

/* Neon outline words ignite once when their line rises into view. */
.js-sections [data-reveal=lines] em {display:inline-block;}
.js-sections [data-reveal=lines].is-revealed em {animation:secIgnite 1.5s linear .55s both;}
@keyframes secIgnite {0%{opacity:.15}8%{opacity:.9}11%{opacity:.2}19%{opacity:1}23%{opacity:.35}32%{opacity:1}36%{opacity:.6}45%,100%{opacity:1}}

/* "Orbit." – green neon word with a tilted orbit and a satellite circling it. */
.mission-heading h2 em.orbit-word {position:relative;font-style:normal;color:#06370c;-webkit-text-stroke:1.2px var(--t-green);filter:drop-shadow(0 0 1px #19e50f99) drop-shadow(0 0 6px #0e8f1966);}
.orbit-ring {position:absolute;left:-12%;right:-14%;top:22%;height:62%;border:1px solid #19e50f55;border-radius:50%;transform:rotate(-10deg);pointer-events:none;}
.orbit-arm {position:absolute;inset:0;border-radius:50%;animation:secOrbitArm 7s linear infinite;animation-play-state:paused;}
.orbit-sat {position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--t-core);box-shadow:0 0 8px #39ff14,0 0 18px #19e50f99;}
.mission-section.is-inview .orbit-arm {animation-play-state:running;}
/* The arm is a circle squashed into the ring: offset-path keeps the dot round. */
@supports (offset-path: border-box) {
 .orbit-arm {animation:none;}
 .orbit-sat {left:0;top:0;margin:0;offset-path:border-box;offset-anchor:center;offset-rotate:0deg;animation:secOrbitPath 7s linear infinite;animation-play-state:paused;}
 .mission-section.is-inview .orbit-sat {animation-play-state:running;}
}
@keyframes secOrbitArm {to{transform:rotate(360deg)}}
@keyframes secOrbitPath {from{offset-distance:0%}to{offset-distance:100%}}

/* "Abheben?" – the word hovers like a craft about to lift off. */
.footer h2 em {transform-origin:50% 100%;}
.footer.is-inview h2 em {animation:secIgnite 1.5s linear .55s both,secHover 3.6s ease-in-out 2s infinite alternate;}
.footer h2 em::after {content:"";position:absolute;left:8%;right:8%;bottom:-.12em;height:.18em;border-radius:50%;background:radial-gradient(closest-side,#39ff1455,transparent);filter:blur(4px);opacity:0;transition:opacity 1s 1.8s;}
.footer h2 em {position:relative;}
.footer.is-inview h2 em::after {opacity:1;}
@keyframes secHover {from{transform:translateY(0)}to{transform:translateY(-.06em)}}

/* "Bewegung." – a slow light pass runs through the outline. */
.work-section .section-head h2 em {background:linear-gradient(100deg,#06370c 0 40%,#39ff1466 50%,#06370c 60% 100%) 120% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;}
.work-section.is-inview .section-head h2 em {animation:secIgnite 1.5s linear .55s both,secPass 6s ease-in-out 2.4s infinite;}
@keyframes secPass {0%,60%{background-position:120% 0}100%{background-position:-20% 0}}

html.studio-tab-hidden :is(.orbit-arm,.orbit-sat,.footer h2 em,.work-section h2 em) {animation-play-state:paused !important;}
@media (prefers-reduced-motion:reduce) {
 .orbit-arm,.orbit-sat,.js-sections [data-reveal=lines] em,.footer h2 em,.work-section .section-head h2 em {animation:none !important;}
 .orbit-sat {left:88%;top:8%;}
}

/* Phone: the emphasised words are solid neon green (thin outlines get lost at
   this size) – "Orbit." follows the other three. */
@media (max-width:760px) {
 .mission-heading h2 em.orbit-word {color:var(--t-green);-webkit-text-stroke:0;filter:none;}
}