/* V13 – SAAS Oversikt: shared typography, menu and platform-independent icons. */
body main h1,body main h2,body main h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700!important;text-transform:uppercase}
body:not(.home-page) main h1{letter-spacing:-.055em;line-height:1.06;overflow-wrap:anywhere}
body:not(.home-page) main h2{letter-spacing:-.045em;line-height:1.08}
.arrow-icon{display:inline-block;width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:-.25em;color:inherit;overflow:visible}
.textlink:after{content:'';display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:url('/assets/arrow-ne.svg') center/contain no-repeat;-webkit-mask:url('/assets/arrow-ne.svg') center/contain no-repeat}
.back{display:inline-flex;gap:12px;align-items:center}.downloads a{line-height:1.7}.downloads .arrow-icon{margin-left:.3em;width:1em;height:1em}
.products{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-width:0}.cardline{gap:10px;align-items:start}.cardline h3{min-width:0;overflow-wrap:anywhere}.cardline>span{flex:0 0 auto;margin-top:20px;line-height:1.2}
.reel-controls button .arrow-icon,.book-turn button .arrow-icon,.lightbox button .arrow-icon{width:22px;height:22px}
.project-navigation>a .arrow-icon{margin-left:10px}.hero-scroll>span .arrow-icon{width:22px;height:22px}
header{z-index:30}.menu{display:inline-flex!important;position:relative;align-items:center;gap:18px;justify-content:center;padding:12px 0 12px 18px;border:0;background:transparent;min-height:48px;font-size:15px;line-height:1.2;z-index:52}
.menu i{display:block;position:relative;width:30px;height:15px}.menu i:before,.menu i:after{content:'';position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .25s,top .25s}.menu i:before{top:3px}.menu i:after{top:12px}
.menu[aria-expanded=true] i:before{top:7px;transform:rotate(45deg)}.menu[aria-expanded=true] i:after{top:7px;transform:rotate(-45deg)}
#navigation{position:fixed;inset:0;width:100%;height:100svh;height:100dvh;z-index:50;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:120px 10vw 45px;background:#1b1e1b;color:#f2f1ec;overflow-y:auto;overscroll-behavior:contain}
#navigation[hidden]{display:none!important}.menu-links{display:flex;flex-direction:column;align-items:start;gap:13px;max-width:1100px;margin:auto 0}
#navigation a{font-size:clamp(1.65rem,4vw,3.75rem);font-weight:700;line-height:1.12;letter-spacing:-.04em;text-transform:uppercase;border:0;padding:0;transition:opacity .2s}
#navigation a:hover{opacity:.55}.menu-language{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-top:36px;color:#aeb9a7}
body.menu-open{overflow:hidden}body.menu-open header .logo{position:relative;z-index:52}body.menu-open header .logo img{filter:none}body.menu-open .menu{color:#f2f1ec}
@media(max-width:800px){body:not(.home-page) .pagehead h1{font-size:clamp(2.1rem,7.8vw,4rem)}body:not(.home-page) .detail-copy h1{font-size:clamp(2.2rem,8vw,4rem)}.tech-card-title h3{font-size:clamp(1.05rem,3.5vw,1.4rem);line-height:1.2;overflow-wrap:anywhere}.cardline h3{font-size:20px}.book-page-heading h1{font-size:clamp(2.5rem,8vw,4rem)}#navigation{padding:110px 7vw 36px;justify-content:flex-start}.menu-links{margin:0;gap:18px}.menu-language{margin-top:36px}.menu{gap:13px}.arrow-icon{width:1.1em;height:1.1em}.textlink{max-width:100%;font-size:14px}.catalog-accessories h2{font-size:clamp(2rem,8vw,3.5rem)}}
@media(max-width:380px){body:not(.home-page) .pagehead h1{font-size:1.85rem}.hero-bottom .textlink{gap:8px}.hero-scroll{gap:8px}.book-turn{gap:7px}.book-toolbar button{padding:8px 10px}.catalog-heading h1{font-size:2.8rem}}
@media(max-width:800px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.cardline>span .arrow-icon{width:20px;height:20px}}
@media(min-width:701px){.catalog-heading h1{font-size:clamp(3rem,7.4vw,8rem)}}
@media(prefers-reduced-motion:reduce){.menu i:before,.menu i:after,#navigation a{transition:none}}

/* V14 – SAAS Polar Night. */
.about-film{padding-top:130px;padding-bottom:130px}
.about-film-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:end;margin-bottom:55px}
.about-film-heading h2{font-size:clamp(2.7rem,5.6vw,6rem);line-height:1.05}
.about-film-heading p{max-width:470px;color:#bbc6b5;font-size:18px;line-height:1.7}
.about-film figure{margin:0}
.about-film-player{position:relative;width:100%;aspect-ratio:16/9;background:#111310;overflow:hidden}
.about-film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.about-film-caption{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:24px;font-size:14px;color:#bbc6b5}
.about-film-caption a{flex:0 0 auto;text-decoration:underline;text-underline-offset:5px;color:#f2f1ec}
.about-film-caption>div{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:800px){.about-film{padding-top:85px;padding-bottom:85px}.about-film-heading{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.about-film-heading p{font-size:17px}.about-film-caption{flex-direction:column;gap:14px}}

/* V17 – consistent category headings; keep whole words together. */
body main .reference-heading h1{overflow-wrap:normal;word-break:normal;hyphens:none}
.case-heading-row h1{font-size:clamp(2.8rem,5vw,5.5rem)}
.catalog-heading-led{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
body main .catalog-heading-led h1{overflow-wrap:normal;word-break:normal}
@media(max-width:1000px){.catalog-heading-led{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.reference-heading h1{font-size:clamp(2rem,8vw,3.5rem)}.reference-heading p{flex-basis:100%}}
@media(max-width:700px){.case-heading-row h1{font-size:clamp(2.2rem,8vw,4rem)}}
@media(max-width:700px){.catalog-heading-led h1{font-size:clamp(2rem,8vw,3.5rem)}}
@media(max-height:760px){#navigation{padding-top:110px;padding-bottom:25px}.menu-links{gap:12px}#navigation a{font-size:clamp(1.3rem,4.4vh,2.75rem)}.menu-language{margin-top:24px}}