/* The established Brume palette and typography, with editorial space. */
#menu .inside{align-items:center}
#menu nav.acc>ul{display:flex;flex-direction:column;gap:7px}
#menu nav.acc>ul>li{margin:0}
#menu nav.acc a{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(26px,3.2vw,58px);line-height:1.15;letter-spacing:-.03em;min-height:44px;width:min(100%,640px);padding:2px 0;white-space:normal}
#menu nav.acc a>span{font-size:.6em;opacity:.6}
#menu nav.acc a:hover>span{opacity:1;transform:translate(3px,-3px)}
.brume-languages{width:min(100%,640px);margin-top:25px;border-top:1px solid #03463840;padding-top:10px;color:#034638}
.brume-languages summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font-size:18px;list-style:none}
.brume-languages summary::-webkit-details-marker{display:none}
.brume-languages summary>span{font:500 13px/1 BrumeReel,sans-serif;letter-spacing:.08em;border:1px solid currentColor;border-radius:99px;padding:8px 11px}
.brume-language-options{display:flex;flex-wrap:wrap;gap:0 20px;padding-bottom:8px}
.brume-language-options a{display:flex;align-items:center;min-height:44px;font-size:16px;border-bottom:1px solid transparent;color:inherit}
.brume-language-options a[aria-current=true]{border-bottom-color:currentColor;font-weight:700}
.brume-language-options a:hover{opacity:.65}
.brume-languages :focus-visible,#brume-page :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.scroll-down ul li::before{content:attr(data-label)!important}
body.brume-page-open{overflow:hidden!important}
#brume-page{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#034638;color:#f1f1e7;font:400 18px/1.6 Jeko,BrumeReel,sans-serif;overscroll-behavior:contain;overflow:auto;scrollbar-color:#bbfd6a #034638}
#brume-page::backdrop{background:#034638;backdrop-filter:none}
.brume-page-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5vw;z-index:2}
#brume-page .brume-page-logo{display:block;width:clamp(130px,13vw,210px)}
#brume-page .brume-page-logo img{display:block;width:100%;max-height:none;margin:0;filter:brightness(0) invert(93%) sepia(9%) saturate(511%);object-fit:contain}
#brume-page button{float:none;cursor:pointer;font:inherit}
#brume-page .brume-page-close{display:flex;align-items:center;gap:18px;color:#bbfd6a;background:transparent;border:1px solid #bbfd6a70;border-radius:99px;padding:9px 18px;width:auto;height:auto;min-height:46px;font-size:14px}
#brume-page .brume-page-close span:last-child{font-size:26px;line-height:1}
#brume-page .brume-page-close:hover{background:#bbfd6a;color:#034638}
.brume-page-content{max-width:1440px;margin:0 auto;padding:40px 7vw 64px}
.brume-page-heading{padding-bottom:60px;max-width:1120px}
#brume-page .brume-page-eyebrow{color:#bbfd6a;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 30px}
#brume-page h1{font-size:clamp(44px,6.5vw,110px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0;text-wrap:balance;overflow-wrap:break-word;color:#bbfd6a;outline:none}
.brume-page-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;align-items:start}
#brume-page h1:focus{outline:none}
#brume-page p{font-size:18px;line-height:1.65;margin:0 0 24px;max-width:660px;text-wrap:pretty}
#brume-page .brume-page-lead{font-size:clamp(22px,2.2vw,34px);line-height:1.4;letter-spacing:-.015em;margin-bottom:36px}
#brume-page figure{margin:0;width:100%}
#brume-page .brume-page-product img{display:block;width:100%;max-width:100%;height:auto;max-height:none;border-radius:0}
#brume-page figcaption{font-size:12px;line-height:1.5;margin-top:14px;color:#f1f1e799}
#brume-page .brume-page-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;height:auto;min-height:48px;padding:12px 22px;border:1px solid #bbfd6a;border-radius:99px;background:transparent;color:#bbfd6a;font-size:16px;line-height:1.4;text-align:center;text-decoration:none;max-width:100%;margin-top:16px}
#brume-page .brume-page-primary:hover{background:#bbfd6a;color:#034638}
.brume-steps{list-style:none;counter-reset:step;padding:0;margin:0}
.brume-steps li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:26px 0;border-top:1px solid #f1f1e733}
.brume-step-number{font:400 13px/1.8 BrumeReel,sans-serif;color:#bbfd6a}
#brume-page .brume-steps h2{font-size:25px;line-height:1.25;font-weight:400;margin:0 0 12px}
#brume-page .brume-steps p{font-size:16px;line-height:1.7;margin:0}
.brume-material-mark{height:clamp(220px,30vw,400px);display:flex;flex-direction:column;justify-content:center;border-top:1px solid #bbfd6a80;border-bottom:1px solid #bbfd6a80;color:#bbfd6a;position:relative}
.brume-material-mark>span{font:400 20px BrumeReel,sans-serif;position:absolute;top:20px;left:0}
.brume-material-mark strong{font:400 clamp(150px,18vw,280px)/1 BrumeReel,sans-serif;letter-spacing:-.09em}
.brume-material-note{font-size:15px;line-height:1.65;color:#f1f1e7bb;border-top:1px solid #f1f1e744;padding-top:22px;margin-top:32px;max-width:600px}
.brume-source-link{display:inline-block;font-size:13px;line-height:1.6;min-height:44px;padding:16px 0;color:#bbfd6a;text-decoration:underline;text-underline-offset:5px}
.brume-contact-copy{max-width:760px;margin-left:auto;padding-bottom:40px}
.brume-page-related{display:flex;flex-wrap:wrap;gap:20px 40px;border-top:1px solid #f1f1e744;padding-top:28px;margin-top:80px}
.brume-page-related a{display:flex;gap:24px;align-items:center;min-height:44px;font-size:18px;color:#bbfd6a}
footer .brume-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
footer .brume-footer-links a{font-size:15px;min-height:44px;display:flex;align-items:center}
html[lang=de] .hero-growth-title{font-size:clamp(52px,8.2vw,142px)}
html[lang=de] .reel-video-title{font-size:5.9em}
html[lang=fr] .reel-video-title{font-size:6.5em}
@media(max-width:812px){#menu .inside>.col-2-md,#menu .inside>.col-3-md,#menu .inside>.col-1-md{display:none}#menu .inside>.col-6-md{width:100%;padding:0 7vw}#menu .inside{padding-top:112px;padding-bottom:35px;min-height:100dvh;align-content:center}#menu .overlay{overflow-y:auto}#menu nav.acc a{font-size:clamp(28px,6vw,43px);padding:4px 0}.brume-languages{margin-top:18px}.brume-page-top{padding:20px 6vw}.brume-page-content{padding:30px 6vw 45px}.brume-page-heading{padding-bottom:38px}#brume-page .brume-page-eyebrow{margin-bottom:22px}.brume-page-columns{grid-template-columns:1fr;gap:35px}.brume-page-aside{max-width:440px}#brume-page .brume-page-product{max-width:480px}.brume-page-related{margin-top:48px;gap:10px 28px}.brume-contact-copy{margin:0}.brume-material-mark{height:220px}.brume-material-mark strong{font-size:180px}#brume-page .brume-page-close>span:first-child{display:none}#brume-page .brume-page-close{width:46px;padding:0;justify-content:center}.brume-page-prose{max-width:650px}html[lang=de] .hero-growth-title{font-size:clamp(43px,10.5vw,90px)}}
@media(max-height:650px) and (min-width:813px){#menu nav.acc a{font-size:30px;min-height:40px}#menu nav.acc>ul{gap:2px}.brume-languages{margin-top:10px}.brume-language-options{gap:0 14px}}
@media(prefers-reduced-motion:no-preference){#brume-page[open] .brume-page-content{animation:brume-page-enter .35s ease-out}@keyframes brume-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}