@font-face{font-family:Inter;src:url('/assets/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('/assets/inter-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{color-scheme:dark;--paper:#e5e6df;--muted:#bbbcb7;--background:#151515;--rule:#3a3b39;--max-width:1920px;--pad:32px;--gap:24px;--columns:12;--axis:5;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,Arial,sans-serif;font-weight:500;background:var(--background);color:var(--paper);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
body{margin:0;min-width:240px;font-size:16px;letter-spacing:-.04em;line-height:1.4;background:var(--background)}
body,main,section,div,nav{min-width:0}
body.menu-open{overflow:hidden}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p{margin:0;font:inherit}
strong{font-weight:700}
::selection{background:#e5e6df;color:#151515}
:focus-visible{outline:2px solid currentColor;outline-offset:7px;border-radius:0}
[hidden]{display:none!important}
.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--pad)}
.grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:var(--gap)}
.full-rule{width:100%;height:1px;background:var(--rule);border:0;margin:0}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:200;background:var(--paper);color:var(--background);padding:12px 16px;letter-spacing:0}
.skip-link:focus{transform:translateY(0)}
.eyebrow{font-size:16px;line-height:1.3;font-weight:500;white-space:nowrap}
.text-link{position:relative;display:inline-flex;align-items:center;gap:12px;padding-block:6px;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.text-link::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;transform-origin:left;transition:transform .35s var(--ease)}
.text-link svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.text-link:hover svg{transform:translateX(5px)}
.text-link:hover::after{transform:scaleX(.75)}

/* The transparent header blends as one layer against the actual page backdrop. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;mix-blend-mode:difference;color:#fff;pointer-events:none}
.header-inner{height:108px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:32px}
.brand{display:block;width:max-content;font-family:'Inter Display',Inter,Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.08;letter-spacing:-.015em;pointer-events:auto}
.brand span{display:block}
.site-header .brand{transition:opacity .3s var(--ease),transform .3s var(--ease)}
.page-home .site-header .brand{opacity:0;transform:translateY(-7px);pointer-events:none}
.page-home.past-hero .site-header .brand{opacity:1;transform:none;pointer-events:auto}
.desktop-nav{display:flex;gap:24px;align-items:center;pointer-events:auto;padding-top:7px}
.nav-link{position:relative;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.015em;text-transform:uppercase;padding-bottom:8px;white-space:nowrap}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease)}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}
.menu-trigger,.menu-close{display:none;width:60px;height:44px;border:0;padding:0;background:none;position:relative;cursor:pointer;pointer-events:auto;flex:none}
.bars{display:block;position:absolute;left:0;right:0;top:50%;height:3.5px;background:currentColor;transition:transform .32s var(--ease),opacity .24s ease}
.bars:nth-child(1){transform:translateY(-11px)}
.bars:nth-child(3){transform:translateY(11px)}
.is-open .bars:nth-child(1){transform:rotate(45deg)}
.is-open .bars:nth-child(2){opacity:0;transform:scaleX(.45)}
.is-open .bars:nth-child(3){transform:rotate(-45deg)}
.menu-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:#fff;background:transparent}
.menu-dialog::backdrop{background:transparent}
.menu-surface{position:absolute;inset:0;overflow:auto;background:var(--background);opacity:0;transition:opacity .3s ease}
.menu-dialog.is-open .menu-surface{opacity:1}
.menu-dialog.is-closing .menu-surface{opacity:0;transition-duration:.28s}
.noscript-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;max-width:70%;pointer-events:auto}
.noscript-nav .nav-link{font-size:clamp(11px,2.5vw,16px)}
.menu-top{position:absolute;inset:0 0 auto;z-index:2;height:108px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:32px;mix-blend-mode:difference;color:#fff;pointer-events:none}
.menu-close{display:block}
.menu-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:clamp(148px,calc(108px + 10vh),228px);padding-bottom:80px}
.menu-links a{font-family:'Inter Display',Inter,Arial,sans-serif;font-weight:700;font-size:clamp(1.35rem,8.4vw,5rem);line-height:1.04;letter-spacing:-.055em;text-transform:uppercase;max-width:100%;position:relative}
.menu-links a::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.menu-links a:hover::after{transform:scaleX(1)}

/* Hero: one background image, one blue compositing layer, six tiny crossfading portraits. */
.hero{position:relative;isolation:isolate;min-height:820px;height:100svh;overflow:hidden;background:#111}
.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-backdrop picture{display:block;width:100%;height:100%}
.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity .72s ease}
.js .hero-image.is-awaiting{opacity:0;animation:hero-image-guard 0s 8s forwards}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / .1) 0%,rgb(0 0 0 / .12) 10%,rgb(0 0 0 / .32) 20%,rgb(0 0 0 / .32) 32%,rgb(0 0 0 / .3) 43%,rgb(21 21 21 / .46) 68%,#151515 100%)}
.hero-content{position:relative;height:100%;min-height:inherit;padding-top:32px;padding-bottom:32px;pointer-events:none}
.hero-name{position:relative;z-index:4;font-family:'Inter Display',Inter,Arial,sans-serif;color:#fff;font-size:min(12.2vw,234px);font-weight:700;letter-spacing:-.055em;line-height:.8;text-transform:uppercase;text-shadow:0 1px 12px rgb(0 0 0 / .25);width:75%;animation:hero-type-in .7s var(--ease) both}
.hero-name span{display:block}
.hero-tint-group{position:absolute;left:calc(50% - min(50vw,960px) + min(40vw,768px));top:27%;width:min(36vw,690px)}
.hero-blue{position:relative;z-index:2;width:100%;aspect-ratio:1.91775;background:#0d5d9c;opacity:.58;pointer-events:none}
.hero-meta{position:relative;z-index:3;display:flex;justify-content:space-between;gap:16px;color:#fff;margin-top:12px;font-size:16px;font-weight:700;line-height:1.35;text-shadow:0 1px 2px #000,0 2px 8px #000,0 0 18px rgb(0 0 0 / .9)}
.hero-meta p:last-child{white-space:nowrap}
.hero-dialog{position:absolute;z-index:4;left:var(--pad);bottom:32px;width:calc((100% - 2 * var(--pad) - 11 * var(--gap))/12 * 3 + 2 * var(--gap));max-width:450px;pointer-events:auto}
.portrait-carousel{position:relative;width:100%;aspect-ratio:1.67;overflow:hidden;background:#3a3b39}
.portrait-carousel img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease-in-out}
.portrait-carousel img.is-current{opacity:1}
.carousel-control{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.carousel-control:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.hero-caption{margin-top:18px;font-size:16px;line-height:1.3;letter-spacing:-.04em;text-transform:uppercase;max-width:390px;color:var(--paper)}

/* The rules are outside the bounded content grid. */
.works-heading{padding-top:100px;padding-bottom:0}
.works-heading h2{font-family:'Inter Display',Inter,Arial,sans-serif;font-size:96px;font-weight:700;line-height:.8;letter-spacing:-.04em}
.works-intro{padding-top:70px;padding-bottom:64px}
.works-intro p{grid-column:var(--axis)/-1;font-size:32px;line-height:1.1;letter-spacing:-.04em}
.work-card{display:block}
.work-card-grid{padding-block:64px;align-items:start}
.work-card-copy{grid-column:1/5;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.work-card-title{font-size:26px;line-height:1.3;text-transform:uppercase}
.work-card-description{max-width:320px;font-size:16px;line-height:1.4;color:var(--muted)}
.section-arrow{width:clamp(220px,18vw,300px);height:auto;margin-top:34px;opacity:.3;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.work-card-media{grid-column:5/-1;aspect-ratio:1.7778;overflow:hidden}
.work-card-media img{height:100%;width:100%;object-fit:cover;transition:transform .65s var(--ease)}
@media(hover:hover) and (pointer:fine){.work-card:hover .section-arrow{opacity:.72;transform:translateX(10px)}.work-card:hover .work-card-media img{transform:scale(1.015)}}
.about{padding-top:120px;padding-bottom:120px}
.about-introduction{max-width:1050px;margin:0 auto 100px;font-size:clamp(36px,4.2vw,58px);font-weight:700;line-height:1.08;letter-spacing:-.04em;text-align:right;text-wrap:balance}
.about-introduction span{display:block}
.about-introduction span+span{margin-top:.12em}
.about-introduction .about-name{padding-right:clamp(0px,3vw,38px)}
.about-introduction .about-doro{padding-right:clamp(0px,.5vw,8px)}
.about-introduction .about-role{padding-right:clamp(32px,7vw,112px)}
.about-introduction .about-region{padding-right:clamp(8px,2.5vw,32px)}
.about-grid{align-items:start}
.conversation-types{grid-column:1/5;text-align:right;justify-self:end;padding-top:0}
.conversation-types ul{list-style:none;padding:0;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.4}
.about-column{grid-column:5/11}
.about-portrait{width:min(100%,640px,45vh);width:min(100%,640px,45svh);height:auto;aspect-ratio:1235/1792;object-fit:cover;object-position:center top}
.about-copy{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin-top:24px;max-width:800px}
.about-contact{margin-top:58px}
.reveal{opacity:1}
.js .reveal{transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js .reveal.pending-reveal{opacity:0;transform:translateY(12px)}
.js .reveal.is-visible{opacity:1;transform:none}

/* Complete service sections keep their text and image together. */
.page-heading{padding-top:200px;padding-bottom:110px}
.page-heading h1{font-family:'Inter Display',Inter,Arial,sans-serif;font-size:clamp(3rem,10.2vw,140px);font-weight:700;line-height:.8;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:normal}
.service-copy{padding-top:96px;padding-bottom:96px;align-items:start}
.service-copy .eyebrow{grid-column:1/var(--axis)}
.service-copy .copy{grid-column:var(--axis)/-1;max-width:950px;font-size:32px;line-height:1.1;letter-spacing:-.04em}
.service-figure{margin-block:0;margin-inline:auto;padding-bottom:110px}
.service-image{width:100%;aspect-ratio:16/9;object-fit:cover}
.contact-details{padding-top:96px;padding-bottom:96px}
.contact-details .eyebrow{grid-column:3/6}
.contact-links{grid-column:7/-1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:32px;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}
.contact-links a{position:relative}
.contact-links a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.contact-links a:hover::after{transform:scaleX(1)}
.contact-figure{margin-block:0;margin-inline:auto;padding-bottom:100px}
.contact-image{width:100%;height:auto;aspect-ratio:2537/1526;object-fit:cover}
.legal-content{padding-bottom:110px;font-weight:400;font-size:16px;line-height:1.45;letter-spacing:-.035em;overflow-wrap:anywhere}
.legal-content p{margin-bottom:24px}
.legal-content h2{font-size:16px;font-weight:400;line-height:1.45;margin-top:24px;margin-bottom:24px}
.legal-content h2:first-child{margin-top:0;font-weight:700}
.legal-content a{text-decoration:underline;text-underline-offset:3px}
.not-found{min-height:80svh;padding-top:180px;padding-bottom:100px}
.not-found{position:relative;isolation:isolate;overflow:hidden}
.error-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.45;z-index:-2}
.not-found::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,#151515);pointer-events:none}
.not-found h1{font-family:'Inter Display',Inter,sans-serif;font-size:clamp(120px,25vw,360px);font-weight:700;line-height:.8;letter-spacing:.02em}
.not-found p{font-size:24px;line-height:1.2;max-width:640px;margin-top:56px;margin-bottom:32px}

.site-footer{border-top:1px solid var(--rule)}
.footer-grid{padding-top:144px;padding-bottom:136px;row-gap:64px;align-items:start}
.footer-quote{grid-column:1/5;grid-row:1;font-size:clamp(20px,calc(1.4vw + 2px),28px);line-height:1.15;letter-spacing:-.04em;padding-right:20px;text-wrap:balance}
.footer-nav{grid-column:1/5;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-self:end}
.footer-nav .eyebrow{font-size:14px;line-height:1}
.footer-nav ul{padding:0;margin:14px 0 0;list-style:none;font-size:16px;line-height:1.4;color:var(--muted)}
.footer-nav a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.footer-cta{grid-column:5/10;grid-row:1/3;font-family:'Inter Display',Inter,Arial,sans-serif;font-size:clamp(90px,10.4vw,190px);font-weight:700;line-height:.8;letter-spacing:-.055em;align-self:start}
.footer-cta span{display:block}
.footer-cta:hover{opacity:.75}
.footer-price{grid-column:10/-1;grid-row:1;font-size:14px;line-height:1.3;text-align:right;justify-self:end;max-width:260px}
.footer-copyright{grid-column:10/-1;grid-row:2;align-self:end;justify-self:end;font-size:14px;line-height:1.3;letter-spacing:-.04em;text-align:right}

@keyframes hero-type-in{from{transform:translateY(-70px)}to{transform:none}}
@keyframes hero-image-guard{to{opacity:1}}
/* Only the page content enters; the header and menu stay in place. */
@keyframes page-content-in{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
main.page-enter{animation:page-content-in .38s var(--ease) both}

/* Keep desktop's staggered heading; align narrow and tablet touch layouts. */
@media(max-width:809.98px), (max-width:1439.98px) and (any-pointer:coarse){
 .about-introduction{margin-left:auto;margin-right:0;text-align:right}
 .about-introduction .about-name,.about-introduction .about-doro,.about-introduction .about-role,.about-introduction .about-region{padding-right:0}
}

@media(max-width:1439.98px){
 :root{--columns:8;--axis:4}
 .desktop-nav{display:none}.js .menu-trigger{display:block}
 .page-home .site-header .brand{opacity:1;transform:none;pointer-events:auto}
 .hero-content{padding-top:120px}
 .hero-name{width:100%;font-size:min(18.5vw,260px)}
 .hero-tint-group{top:42%;left:38%;width:50%}
 .hero-dialog{width:31%}
 .work-card-grid{display:flex;flex-direction:column;gap:24px}
 .work-card-media{width:100%;order:0}
 .work-card-copy{width:100%;order:1;min-height:0;padding-right:0}
 .section-arrow{align-self:flex-end}
 .conversation-types{grid-column:1/4}
 .about-column{grid-column:4/8}
 .footer-quote,.footer-nav{grid-column:1/4}
 .footer-cta{grid-column:4/7;font-size:clamp(90px,10.4vw,150px)}
 .footer-price,.footer-copyright{grid-column:7/-1}
 .contact-details .eyebrow{grid-column:2/4}
 .contact-links{grid-column:5/-1}
}
@media(max-width:999.98px){
 .hero-meta{font-size:14px}
 .footer-quote{font-size:22px}
 .footer-nav{gap:16px}.footer-nav ul{font-size:14px}
 .footer-price,.footer-copyright{font-size:12px}
 .service-copy .copy{font-size:28px}
 .about-copy{font-size:28px}
}
@media(max-width:809.98px){
 :root{--pad:16px;--columns:4;--axis:1;--gap:20px}
 .header-inner,.menu-top{height:88px;padding-top:24px}
 .brand{font-size:19px}
 .menu-trigger,.menu-close{width:52px}
 .menu-links{padding-top:148px;gap:12px}
 .hero{height:100svh;min-height:850px}
 .hero-content{padding-top:140px;padding-bottom:32px}
 .hero-name{font-size:17.5vw;line-height:.8;letter-spacing:-.055em;width:100%}
 .hero-backdrop img{object-position:39% center}
 .hero-tint-group{left:25%;top:calc(140px + 18vw);width:70%}
 .hero-meta{gap:8px;font-size:clamp(12px,3.4vw,16px);margin-top:10px}
 .hero-meta p:last-child{font-size:clamp(10px,3.2vw,16px)}
 .hero-dialog{width:68%;max-width:360px;bottom:32px}
 .hero-caption{font-size:clamp(12px,3.25vw,16px);margin-top:16px}
 .works-heading{padding-top:72px;padding-bottom:0}
 .works-heading h2{font-size:72px}
 .works-intro{padding-top:52px;padding-bottom:48px}
 .works-intro p{font-size:28px;max-width:580px}
 .work-card-grid{gap:24px;padding-block:48px}
 .work-card-media{aspect-ratio:1.25}
 .work-card-copy{padding-right:0;min-height:0;gap:14px}
 .work-card-title{font-size:22px}
 .work-card-description{font-size:16px;max-width:500px}
 .section-arrow{width:clamp(126px,27vw,190px);margin-top:24px;align-self:flex-end}
 .about{padding-block:80px}
 .about-introduction{font-size:clamp(32px,6vw,46px);line-height:1.1;margin-bottom:56px}
 .about-grid{display:flex;flex-direction:column;gap:32px}
 .conversation-types{text-align:left;justify-self:start;display:flex;gap:28px;align-items:start;flex-wrap:wrap}
 .conversation-types ul{margin-top:0}
 .about-column{width:min(100%,520px,45vh);width:min(100%,520px,45svh);margin-inline:auto}
 .about-portrait{width:100%}
 .about-copy{font-size:clamp(24px,4.7vw,32px);line-height:1.13;max-width:650px}
 .about-contact{margin-top:38px}
 .page-heading{padding-top:176px;padding-bottom:76px}
 .page-heading h1{font-size:8.45vw;line-height:.9;letter-spacing:-.045em}
 .service-copy{display:flex;flex-direction:column;gap:24px;padding-top:64px;padding-bottom:48px}
 .service-copy .copy{font-size:clamp(24px,4.7vw,32px);line-height:1.13;max-width:650px}
 .service-figure{padding-bottom:64px}
 .service-image{aspect-ratio:4/5;object-position:center}
 .service-image--unternehmen-jetzt{object-position:60% center}
 .contact-details{display:flex;flex-direction:column;gap:28px;padding-top:64px;padding-bottom:56px}
 .contact-links{font-size:clamp(22px,4.9vw,32px);gap:22px}
 .contact-figure{padding-bottom:72px}
 .contact-image{aspect-ratio:1;object-position:center}
 .legal-content{padding-bottom:80px;font-size:16px;line-height:1.5}
 .footer-grid{display:flex;flex-direction:column;gap:52px;padding-top:104px;padding-bottom:96px}
 .footer-quote{font-size:clamp(22px,calc(4.6vw + 2px),30px);padding-right:0}
 .footer-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:24px;align-self:auto}
 .footer-nav ul{font-size:16px}
 .footer-cta{font-size:clamp(80px,18vw,145px);align-self:flex-start;margin-inline-start:max(0px,calc((100% - min(100%,520px,45vh))/2));margin-inline-start:max(0px,calc((100% - min(100%,520px,45svh))/2))}
 .footer-cta span{display:inline}
 .footer-price{text-align:left;align-self:flex-start;font-size:14px;max-width:370px}
 .footer-copyright{align-self:flex-start;justify-self:start;font-size:14px;text-align:left}
 .not-found{padding-top:160px;min-height:75svh}
 .not-found p{font-size:22px}
}
@media(max-width:374.98px){
 .hero{min-height:790px}
 .hero-dialog{width:75%}
 .hero-meta{font-size:10px;gap:5px}
 .hero-meta p:last-child{font-size:9px}
 .eyebrow{font-size:14px}
 .footer-cta{font-size:21vw}
}
@media(min-width:540px) and (max-width:809.98px){
 .hero-dialog{width:40%;max-width:360px}
 .hero-tint-group{left:34%;top:calc(140px + 15vw);width:61%}
 .hero-caption{font-size:14px}
 .hero-backdrop img{object-position:calc(50% + 18vw) center}
 .about-introduction{max-width:720px}
 .footer-cta{font-size:clamp(80px,14vw,115px)}
}
/* An unfolded foldable is often narrower than a tablet in CSS pixels. */
@media(min-width:600px) and (max-width:809.98px){
 .work-card-media{aspect-ratio:16/9}
 .service-copy{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--gap);padding-top:80px;padding-bottom:80px}
 .service-copy .eyebrow{grid-column:1/4}
 .service-copy .copy{grid-column:4/-1;font-size:clamp(24px,3.8vw,28px)}
 .service-figure{padding-bottom:80px}
 .service-image,.service-image--unternehmen-jetzt{aspect-ratio:16/9;object-position:center}
 .contact-image{aspect-ratio:2537/1526}
}
@media(min-width:1440px){.noscript-nav{display:none}}
@media(orientation:landscape) and (max-width:999.98px) and (max-height:650px){
 .hero{min-height:730px}
 .hero-content{padding-top:110px}
 .hero-name{font-size:14vw;width:85%}
 .hero-tint-group{top:280px;left:49%;width:43%}
 .hero-dialog{width:33%;bottom:36px}
 .hero-backdrop img{object-position:42% center}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .js .reveal.pending-reveal{opacity:1;transform:none}
 .js .hero-image.is-awaiting{opacity:1;animation:none}
 .hero-backdrop img{transform:none}
}
@media print{.site-header,.menu-dialog,.carousel-control{display:none!important}body{color:#111;background:white}.hero{height:auto;min-height:0;padding-block:40px}.hero-backdrop,.hero-tint-group,.hero-dialog{display:none}.hero-name{font-size:70px;color:#111}.hero-content{padding:0}.reveal{opacity:1!important;transform:none!important}.full-rule,.site-footer{border-color:#999}.site-footer{break-inside:avoid}.page-heading{padding-top:40px}}