@font-face{font-family:Barlow;src:url(assets/barlow.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Display;src:url(assets/barlow-condensed.ttf) format('truetype');font-weight:700;font-display:swap}:root{--orange:#e78035;--ink:#181818;--white:#fff;--line:#181818;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font:18px/1.55 Barlow,Arial,sans-serif}::selection{background:var(--ink);color:var(--orange)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.skip{position:fixed;top:-100px;background:var(--orange);padding:14px;z-index:50}.skip:focus{top:0}.preview{background:var(--ink);color:white;padding:6px 6%;font-size:11px;display:flex;justify-content:space-between;gap:15px}.preview a{text-decoration:underline}header{height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:white;border-bottom:1px solid var(--ink)}.brand{display:block;width:232px;flex-shrink:0;min-width:0;line-height:0}.brand img{width:100%;height:auto;display:block;object-fit:contain}header nav{display:flex;gap:26px;font-size:15px}header nav a{padding:12px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:15px 22px;border:1px solid var(--ink);background:transparent;font-size:16px;font-weight:400;cursor:pointer;transition:transform 180ms var(--ease);text-align:left}.button:active{transform:scale(.98)}.button.dark,.button.compact{background:var(--ink);color:white}.button.compact{font-size:14px;min-height:48px;padding:11px 16px;gap:20px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}h1,h2,h3,p{margin:0}h1,h2{font-family:Display,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.96;text-wrap:balance}h3{font-weight:400;letter-spacing:-.02em}.hero{background:var(--orange);padding:30px 6% 60px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:25px;font-size:13px;margin-bottom:40px}.hero h1{font-size:clamp(76px,12vw,190px);letter-spacing:-.035em;line-height:.86}.hero h1 span{color:var(--ink)}.hero-bottom{display:grid;grid-template-columns:110px minmax(250px,1fr) auto;gap:45px;align-items:end;margin-top:50px}.hero-symbol svg{width:90px;height:90px;stroke-width:4}.hero-bottom p{max-width:590px;font-size:20px;line-height:1.45}.hero-bottom .button{margin-bottom:3px;white-space:nowrap}.motion-section{padding:80px 6% 40px;background:var(--ink);color:white}.motion-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.motion-heading h2{font-family:Barlow,sans-serif;font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-.045em}.motion-heading h2 span{color:var(--orange)}.motion-heading p{font-size:15px;max-width:380px}.motion-stage{background:var(--ink);border:1px solid var(--orange)}.motion-stage video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--ink)}.motion-caption{padding:15px 25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--orange);color:var(--orange);gap:20px;font-size:13px;letter-spacing:.08em}.film-button{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;font-size:14px;min-height:44px;padding:5px}.film-button svg{width:16px;height:16px}.film-button:disabled{cursor:default}.caption{font-size:11px;margin-top:14px;color:white}.section{padding:100px 6%}.section-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:10%;margin-bottom:65px}h2{font-size:clamp(48px,5.4vw,80px)}.section-head p{max-width:430px;font-size:19px}.system-rows article{border-top:1px solid;display:grid;grid-template-columns:80px 1fr 190px;gap:25px;padding:35px 0}.system-rows article:last-child{border-bottom:1px solid}.step{font-family:Display,sans-serif;font-size:47px;line-height:1;color:#b14e0c}.system-rows h3{font-size:38px;line-height:1.1;margin-bottom:16px}.system-rows p{max-width:650px;font-size:17px}.row-tag{font-size:11px;letter-spacing:.07em;padding-top:10px;text-align:right}.statement{background:var(--orange);padding:45px 6% 50px}.statement>p{font-size:12px;letter-spacing:.1em;margin-bottom:35px}.statement h2{font-size:clamp(60px,8.5vw,128px);line-height:.92}.statement h2 span{-webkit-text-stroke:1.5px var(--ink);color:var(--orange)}.statement-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:45px}.statement-bottom>span{font-size:12px;letter-spacing:.12em}.statement-bottom p{font-size:16px;max-width:470px}.partners{background:white}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid}.partner-grid article{padding:35px 35px 30px 0;display:flex;flex-direction:column}.partner-grid article+article{border-left:1px solid;padding-left:35px}.partner-grid h3{font-size:28px;line-height:1.1;margin-bottom:25px;min-height:62px}.partner-grid p{font-size:16px;flex:1}.partner-grid a{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;font-size:15px;min-height:44px}.partner-grid a svg{color:#b14e0c}.development{background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.development h2{font-size:clamp(48px,4.5vw,68px);color:var(--orange)}.development>div>p{margin-top:25px;max-width:450px;font-size:18px}.history article{padding:28px 0;border-top:1px solid white}.history article:first-child{padding-top:0;border-top:0}.history article>span{font-size:11px;color:var(--orange);letter-spacing:.1em}.history h3{font-size:26px;line-height:1.2;margin:10px 0 15px}.history p{font-size:16px}.history-note{grid-column:1/-1;border-top:1px solid white;padding-top:20px;font-size:12px;max-width:100%;margin-top:5px}.contact{background:var(--orange);display:grid;grid-template-columns:1.15fr 1fr;gap:10%}.contact h2{font-size:clamp(50px,5.3vw,80px)}.contact h2 span{-webkit-text-stroke:1.2px var(--ink);color:var(--orange)}.contact-intro>p{margin-top:25px;font-size:18px}.contact-email{display:flex;gap:20px;align-items:center;margin-top:45px;font-size:22px;text-decoration:underline;overflow-wrap:anywhere}.contact-intro>.fine{font-size:12px;max-width:340px;margin-top:15px}.fine{font-size:12px;line-height:1.55}form{min-width:0}label{display:block;margin:0 0 10px;font-size:15px}label:not(:first-child){margin-top:22px}label span{font-size:11px;margin-left:8px}input,select,textarea{width:100%;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:13px 14px;font-size:16px;display:block;caret-color:var(--ink)}input::placeholder,textarea::placeholder{color:#322116;opacity:1}select option{background:white}textarea{resize:vertical;min-height:115px}form>.button{width:100%;margin-top:25px}form>.fine{margin-top:15px}#result{border-top:1px solid;padding-top:25px;margin-top:30px}#result .button{margin-top:15px}#feedback{margin-top:15px}footer{padding:45px 6% 25px;background:white}.footer-head{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:30px}.footer-head .brand{width:320px;max-width:100%}.footer-head p{font-size:18px}details{border-top:1px solid;border-bottom:1px solid}summary{position:relative;list-style:none;cursor:pointer;font-size:14px;padding:20px 40px 20px 0;min-height:60px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:10px;top:13px;font-size:24px}details[open]>summary:after{content:'−'}.legal{max-width:900px;font-size:13px;padding:12px 0 30px}.legal p+p{margin-top:17px}.legal a{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;margin-top:20px}.footer-bottom a{padding:12px 0}@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px)}nav a:hover,.partner-grid a:hover{text-decoration:underline}}@media(max-width:1050px){header{padding:0 4%;gap:20px}.brand{width:212px}header nav{gap:18px;font-size:14px}.hero-bottom{grid-template-columns:65px 1fr;gap:30px}.hero-symbol svg{width:65px;height:65px}.hero-bottom .button{grid-column:2;justify-self:start;margin-top:0}.hero h1{font-size:13vw}.hero-bottom p{max-width:600px}.section{padding:80px 6%}.system-rows article{grid-template-columns:60px 1fr}.row-tag{grid-column:2;text-align:left;padding:0}.partner-grid article{padding-right:22px}.partner-grid article+article{padding-left:22px}.contact{gap:6%}.contact-email{font-size:19px}.development{gap:6%}}@media(max-width:700px){html{scroll-padding-top:20px}.preview{font-size:9px;padding:5px 5%;gap:12px}header{height:86px;padding:0 4%;gap:15px}.brand{width:220px;max-width:calc(100% - 59px)}header nav,header>.button{display:none}.menu-toggle{display:grid;place-items:center;border:1px solid;background:white;width:44px;height:44px;flex-shrink:0}.mobile-nav{border-bottom:1px solid;padding:15px 6%;display:grid;gap:0}.mobile-nav a{padding:12px 0;font-size:16px}.hero{padding:25px 6% 38px}.hero-top{font-size:11px;display:block;margin-bottom:35px}.hero-top span+span{display:none}.hero h1{font-size:clamp(58px,13.5vw,94px);line-height:.94;letter-spacing:-.025em}.hero-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px}.hero-symbol{display:none}.hero-bottom p{font-size:17px;line-height:1.55}.hero-bottom .button{grid-column:1;font-size:14px;min-height:54px}.motion-section{padding:45px 5% 30px}.motion-heading{display:block;margin-bottom:27px}.motion-heading h2{font-size:32px}.motion-heading p{font-size:13px;margin-top:20px}.motion-caption{padding:8px 12px;gap:7px;font-size:9px;letter-spacing:0}.film-button{font-size:11px;gap:6px}.film-button svg{width:13px;height:13px}.caption{font-size:10px;line-height:1.5}.section{padding:60px 6%}.section-head{display:block;margin-bottom:35px}h2{font-size:47px;line-height:.98}.section-head p{font-size:17px;margin-top:25px}.system-rows article{grid-template-columns:36px 1fr;gap:15px;padding:26px 0}.step{font-size:32px}.system-rows h3{font-size:29px}.system-rows p{font-size:15px}.row-tag{font-size:9px}.statement{padding:35px 6%}.statement>p{font-size:10px;margin-bottom:30px}.statement h2{font-size:clamp(44px,10.1vw,66px);line-height:1}.statement h2 span{-webkit-text-stroke:1px var(--ink)}.statement-bottom{display:block;margin-top:30px}.statement-bottom>span{display:none}.statement-bottom p{font-size:15px}.partner-grid{display:block}.partner-grid article,.partner-grid article+article{padding:25px 0;border-left:0}.partner-grid article+article{border-top:1px solid}.partner-grid h3{font-size:27px;min-height:0;margin-bottom:16px}.partner-grid p{font-size:15px}.partner-grid a{margin-top:20px}.development,.contact{display:block}.development h2{font-size:47px}.development>div>p{font-size:16px;margin-top:23px}.history{margin-top:40px}.history h3{font-size:24px}.history p{font-size:15px}.history-note{font-size:11px;margin-top:25px}.contact h2{font-size:56px}.contact-intro>p{font-size:16px}.contact-email{font-size:19px;margin-top:30px}.contact form{margin-top:40px}footer{padding:35px 6% 20px}.footer-head{display:block;margin-bottom:25px}.footer-head .brand{max-width:100%;width:300px}.footer-head p{font-size:14px;margin-top:15px}.footer-bottom{font-size:9px;align-items:flex-start}.footer-bottom span{max-width:200px;padding-top:12px}summary{font-size:13px}.legal{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover,.button:active{transform:none}}



/* Keep the brand, navigation and primary action clear on small tablets. */
@media(min-width:701px) and (max-width:900px){header nav{display:none}.menu-toggle{display:grid;place-items:center;border:1px solid;background:white;width:44px;height:44px;flex-shrink:0}.mobile-nav{border-bottom:1px solid;padding:15px 6%;display:grid;gap:0}.mobile-nav a{padding:12px 0;font-size:16px}header>.button{margin-left:auto;white-space:nowrap}}
@media(min-width:901px){header nav a,header>.button{white-space:nowrap}}

/* Versioned, click-to-play concept film. Native controls remain available without JavaScript. */
.film-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}.film-version{border:1px solid currentColor;padding:4px 7px;font-size:9px;letter-spacing:.06em}.film-button{white-space:nowrap}.film-description{margin-top:22px;border-color:#747474;max-width:850px}.film-description summary{font-size:13px;min-height:48px;padding-top:13px;padding-bottom:13px}.film-description summary:after{top:7px}.film-description p{font-size:14px;line-height:1.6;max-width:760px;padding-bottom:20px}.caption[hidden]{display:none}#film-status{color:var(--orange)}
@media(max-width:700px){.motion-caption{align-items:flex-start;flex-direction:column;gap:6px;padding:12px}.film-meta{width:100%;justify-content:space-between;gap:7px}.film-version{font-size:10px;padding:3px 5px}.film-button{font-size:13px;min-height:44px}.film-description p{font-size:13px}.film-description summary{font-size:12px}.motion-section .caption{font-size:12px;line-height:1.6}}

/* The principle is explained in a continuous architectural line film. */
.system-explainer{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.65fr);border:1px solid var(--ink);margin-bottom:48px}.system-explainer-copy{padding:30px;display:flex;align-items:flex-start;flex-direction:column}.diagram-kicker{font-size:10px;letter-spacing:.1em;color:#a8480c;margin-bottom:18px}.system-explainer h3{text-wrap:balance;font-size:36px;line-height:1.06;letter-spacing:-.035em;margin-bottom:20px}.system-explainer-copy>p{font-size:16px;line-height:1.55;max-width:360px}.diagram-controls{margin-top:auto;padding-top:25px;width:100%}.diagram-controls .button{font-size:14px;min-height:48px;gap:16px;padding:11px 16px;max-width:100%}.diagram-note{font-size:12px;line-height:1.55;margin-top:10px}.diagram-controls [hidden]{display:none}.system-diagram{margin:0;background:#181818;color:white;border-left:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;min-width:0}.diagram-media{aspect-ratio:16/9;width:100%;position:relative}.diagram-media img,.diagram-media video{width:100%;height:100%;object-fit:contain;display:block}.diagram-media [hidden]{display:none}.system-diagram figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid #686868;font-size:10px;line-height:1.4}.system-diagram figcaption>span:first-child{color:var(--orange);letter-spacing:.07em}.system-diagram figcaption>span:last-child{color:#d6d6d6}.diagram-sequence{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;border-top:1px solid var(--ink);font-size:13px}.diagram-sequence li{padding:16px 18px;display:flex;align-items:center;gap:10px}.diagram-sequence li+li{border-left:1px solid var(--ink)}.diagram-sequence span{font-size:11px;color:#a8480c}.diagram-sequence .is-current{background:var(--orange)}.diagram-sequence .is-current span{color:var(--ink)}.diagram-transcript{grid-column:1/-1;border-bottom:0;padding:0 24px}.diagram-transcript summary{font-size:13px;min-height:52px;padding-top:15px;padding-bottom:15px}.diagram-transcript ol{font-size:14px;padding-left:22px;margin:0 0 16px}.diagram-transcript li+li{margin-top:6px}.diagram-transcript p{font-size:12px;line-height:1.6;padding-bottom:22px;max-width:850px}
@media(max-width:1000px){.system-explainer{grid-template-columns:1fr}.system-explainer-copy{padding:26px}.system-explainer-copy>p{max-width:650px}.system-diagram{border-left:0}.diagram-controls{padding-top:22px}.diagram-sequence li{padding:14px 12px;gap:7px}}
@media(max-width:700px){.system-explainer{margin-bottom:32px}.system-explainer-copy{padding:22px 18px}.diagram-kicker{font-size:9px;margin-bottom:15px}.system-explainer h3{font-size:32px;line-height:1.12;margin-bottom:15px}.system-explainer-copy>p{font-size:15px}.diagram-controls .button{width:100%;min-height:48px}.system-diagram figcaption{padding:12px;font-size:9px;flex-wrap:wrap;gap:6px 12px}.diagram-note{font-size:12px}.diagram-sequence{grid-template-columns:repeat(3,minmax(0,1fr));font-size:11px}.diagram-sequence li{padding:12px 8px;gap:5px;flex-wrap:wrap}.diagram-sequence li:nth-child(3){border-bottom:1px solid var(--ink)}.diagram-sequence li:nth-child(4){border-left:0}.diagram-sequence li:nth-child(n+4){border-top:1px solid var(--ink)}.diagram-transcript{padding:0 16px}.diagram-transcript ol{font-size:13px}}
/* Reduced motion starts with the still; explicit playback stays available. */

/* B2B journey: clear roles, useful decision criteria and a local-only inquiry. */
.preview{font-size:12px;padding-block:8px}.hero h1{font-size:clamp(34px,8.45vw,134px);line-height:.96;letter-spacing:-.025em}.hero-top{font-size:12px}.hero-bottom{grid-template-columns:70px minmax(240px,1fr) minmax(210px,280px);gap:35px}.hero-symbol svg{width:70px;height:70px}.hero-intro .hero-audience{font-size:15px;line-height:1.55;margin-top:16px;max-width:550px}.hero-actions{display:flex;flex-direction:column;gap:15px}.hero-actions .button{white-space:normal}.text-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:15px;text-decoration:underline}.eyebrow{display:block;font-size:12px;line-height:1.5;letter-spacing:.065em;margin-bottom:20px}.opportunity{border-bottom:1px solid}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid;padding-top:32px}.benefit-grid h3{font-size:28px;line-height:1.15;margin-bottom:18px}.benefit-grid p{font-size:16px;line-height:1.6}.section-note{font-size:14px;line-height:1.65;max-width:950px;margin-top:30px}.partners{background:#f4f2ef}.partner-grid article{min-width:0}.partner-grid p{flex:0}.partner-grid a{margin-top:auto;padding-top:20px;line-height:1.4}.decision-list{font-size:15px;line-height:1.55;margin:20px 0 24px;padding-left:19px}.decision-list li+li{margin-top:9px}.process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px}.process-list li{display:flex;gap:25px;padding:30px 0;border-top:1px solid}.process-list .step{width:46px;flex-shrink:0}.process-list h3{font-size:28px;line-height:1.15;margin-bottom:18px}.process-list p{font-size:16px;line-height:1.6}.process-result{display:block;font-size:13px;line-height:1.5;color:#8b3b08;margin-top:20px;padding-left:12px;border-left:2px solid var(--orange)}.motion-heading{align-items:flex-start}.motion-heading h2{font-size:clamp(28px,3.5vw,48px)}.motion-heading p{font-size:16px}.motion-section .caption{font-size:14px;line-height:1.65}.film-description summary,.film-description p{font-size:14px}.diagram-kicker{font-size:11px}.diagram-note,.diagram-transcript p{font-size:14px}.history-note{font-size:14px;line-height:1.65}.faq-list{max-width:940px}.faq-list details+details{border-top:0}.faq-list summary{font-size:20px;line-height:1.4;padding-block:24px;padding-right:44px}.faq-list summary:after{top:20px}.faq-list p{font-size:17px;line-height:1.65;padding:0 30px 26px 0;max-width:850px}.contact-intro>.fine,.fine{font-size:14px}.contact fieldset{margin:0;padding:0;border:0;min-width:0}.contact fieldset>.button{width:100%;margin-top:25px}.field-help{font-size:14px;line-height:1.55;margin-top:9px}.local-note{font-size:14px;line-height:1.6;margin-top:15px}.local-note:before{content:'Hinweis: ';font-weight:bold}.contact label span{font-size:13px}.legal{font-size:14px;line-height:1.65}.footer-bottom{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){header{gap:18px}header .brand{width:195px}header nav{gap:16px;font-size:14px}header>.button{font-size:13px}.hero-bottom{grid-template-columns:55px 1fr}.hero-actions{grid-column:2;align-items:flex-start}.hero-symbol svg{width:55px;height:55px}.hero-actions .text-link{width:100%}.hero-actions .button{margin-top:0}.section-head{grid-template-columns:1.3fr 1fr;gap:5%}.partner-grid article,.partner-grid article+article{padding-inline:22px}.partner-grid article:first-child{padding-left:0}.partner-grid article:last-child{padding-right:0}.partner-grid .eyebrow{font-size:11px}.partner-grid h3{font-size:27px}.motion-heading{display:block}.motion-heading p{margin-top:22px;max-width:640px}.process-list{column-gap:30px}}
@media(max-width:700px){.preview{font-size:11px;align-items:center}.preview span{max-width:150px}.hero h1{font-size:8.45vw;line-height:1.03}.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-actions{grid-column:1;width:100%;align-items:stretch}.hero-actions .button{font-size:15px}.hero-intro .hero-audience{font-size:14px}.hero-top{font-size:11px}.section-head{display:block}h2{font-size:clamp(35px,8.6vw,50px);line-height:1.02}.benefit-grid{grid-template-columns:1fr;gap:28px}.benefit-grid article+article{border-top:1px solid;padding-top:27px}.benefit-grid h3{font-size:27px}.benefit-grid p{font-size:16px}.eyebrow{font-size:11px;margin-bottom:14px}.partner-grid article,.partner-grid article+article{padding:28px 0}.partner-grid h3{font-size:28px}.partner-grid p,.decision-list{font-size:16px}.partner-grid a{margin-top:0;font-size:16px}.section-note{font-size:14px;margin-top:24px}.process-list{grid-template-columns:1fr}.process-list li{gap:17px;padding:27px 0}.process-list .step{width:34px}.process-list h3{font-size:26px}.process-result{font-size:14px}.motion-heading h2{font-size:clamp(25px,6.8vw,36px)}.motion-heading p{font-size:16px}.development h2{font-size:clamp(35px,9vw,47px)}.history-note{font-size:14px}.history article>span{font-size:11px}.faq-list summary{font-size:18px;padding-block:20px}.faq-list summary:after{top:15px}.faq-list p{font-size:16px;padding-right:0}.contact h2{font-size:clamp(43px,11.6vw,60px)}.contact-intro>.fine{font-size:14px}.footer-bottom{font-size:10px}.legal{font-size:14px}.diagram-kicker{font-size:11px}.diagram-note,.diagram-transcript p{font-size:14px}.diagram-transcript ol{font-size:14px}.film-description summary,.film-description p{font-size:14px}}

.system-diagram figcaption{flex-wrap:wrap}.diagram-disclaimer{flex-basis:100%;font-size:13px;color:#e4e4e4}.field-help[hidden]{display:none}#idea-error{font-weight:bold}

/* Site content explains the project, not the media production. */
.film-context{font-size:16px;line-height:1.65;max-width:870px;margin-top:24px;padding-top:22px;border-top:1px solid #747474}

/* Historical names use the site's typography, never reproduced corporate logos. */
.collaborations{padding-top:52px;padding-bottom:52px;background:#f4f3ef;border-block:1px solid #c7c7c2}
.collaboration-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:34px}
.collaboration-heading h2{font-size:clamp(38px,4vw,58px)}
.collaboration-heading p{font-size:17px;max-width:420px}
.name-strip{min-width:0}.name-viewport{overflow:hidden}.name-track{width:100%}
.name-group{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 24px}
.name-group li{font-size:clamp(18px,1.8vw,25px);line-height:1.3;letter-spacing:-.02em;display:flex;align-items:center;min-height:62px;border-top:1px solid #b8b8b2}
.name-copy{display:none}.name-strip-control{display:block;margin:20px 0 0 auto;padding:8px 0;min-height:44px;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font-size:14px}
.name-strip-control[hidden]{display:none}
.name-strip.is-running .name-track{display:flex;width:max-content;animation:name-flow 74s linear infinite;animation-play-state:paused}
.name-strip.is-running.is-visible .name-track{animation-play-state:running}
.name-strip.is-running:hover .name-track,.name-strip.is-running:focus-within .name-track{animation-play-state:paused}
.name-strip.is-running .name-group{display:flex;flex-shrink:0;gap:64px;padding-right:64px}
.name-strip.is-running .name-group li{white-space:nowrap;border:0;min-height:76px}
@keyframes name-flow{to{transform:translateX(-50%)}}
.contact-phone{display:flex;gap:18px;align-items:center;font-size:clamp(23px,2.5vw,35px);margin-top:28px;width:fit-content;text-decoration:underline}
.contact-phone span{font-size:14px;text-decoration:none}.contact-intro .contact-email{margin-top:18px}
.imprint{border-top:1px solid #757575;padding:32px 0}.imprint h2{font-family:Barlow,Arial,sans-serif;font-size:26px;line-height:1.2;letter-spacing:0;margin-bottom:22px}
.imprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;font-size:15px}.imprint-grid p+p{margin-top:18px}.imprint a{text-decoration:underline}.imprint .fine{max-width:470px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:700px){.collaborations{padding-block:40px}.collaboration-heading{display:block;margin-bottom:24px}.collaboration-heading p{margin-top:20px;font-size:16px}.name-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.name-group li{font-size:19px;min-height:54px}.name-strip.is-running .name-group{gap:40px;padding-right:40px}.name-strip.is-running .name-group li{font-size:23px;min-height:68px}.imprint-grid{grid-template-columns:1fr;gap:22px}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){.name-strip.is-running .name-track{animation:none;width:100%;display:block;transform:none}.name-strip.is-running .name-group{display:grid;gap:16px 24px;padding:0}.name-strip.is-running .name-copy{display:none}.name-strip.is-running .name-group li{white-space:normal;border-top:1px solid #b8b8b2;min-height:62px}.name-strip-control{display:none}}

/* Wide 16:9 film, limited to the current 720p source's 1280 CSS-pixel width. */
.motion-stage{width:min(calc(100vw - 32px),1280px);position:relative;left:50%;transform:translateX(-50%)}
.motion-stage>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.motion-stage>[hidden]{display:none}

/* Phones/tablets: media is truly edge-to-edge; the complete 16:9 image stays visible. */
@media(max-width:1000px){
  .motion-stage{width:100vw;max-width:none;border-left:0;border-right:0}
  .system-diagram{width:100vw;max-width:none;position:relative;left:50%;transform:translateX(-50%);border-left:0;border-right:0}
  .motion-stage video,.motion-stage>img,.diagram-media video,.diagram-media img{object-fit:contain;aspect-ratio:16/9}
}
/* Playback denial always has a visible, accessible one-tap alternative. */
.media-needs-tap .film-button,.media-needs-tap .diagram-controls .button{background:var(--orange);color:var(--ink);border:1px solid var(--orange)}
@media(max-width:1000px){
  .system-explainer{grid-template-columns:minmax(0,1fr)}
  @supports(width:100cqw){
    body{container-type:inline-size}
    .motion-stage,.system-diagram{width:100cqw}
  }
}

/* Keep a blocked-playback explanation beside the animation, including on phones. */
.system-diagram>#diagram-status{margin:0;padding:12px 20px;color:#fff;font-size:14px;line-height:1.5}
.system-diagram>#diagram-status[hidden]{display:none}

/* Plain, directly linked privacy information. */
.privacy{border-top:1px solid #757575;padding:32px 0 40px;max-width:940px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}.privacy h2{font-family:Barlow,Arial,sans-serif;font-size:26px;line-height:1.2;letter-spacing:0;margin-bottom:12px}.privacy-date{font-size:13px;color:#555}.privacy h3{font-size:19px;line-height:1.35;margin:28px 0 12px}.privacy p+p{margin-top:15px}.privacy a,.local-note a{text-decoration:underline}.cookie-name{overflow-wrap:anywhere}@media(max-width:700px){.privacy{font-size:15px}.privacy h3{font-size:18px}}