/* White, charcoal and yellow. Motion begins in the first viewport. */
header{background:#fff;border-color:#e4e4e4}.header-cta{background:var(--accent);border-color:var(--accent);font-weight:700}.header-cta:hover{background:#222;color:#ffdb32;border-color:#222}.brand-mark>span{transition:transform .5s var(--ease)}.brand:hover .brand-mark>span{transform:translate(3px,-3px)}
.hero{width:100%;max-width:none;background:#202020;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:30px max(56px,calc((100% - 1320px)/2)) 0;--spot-x:65%;--spot-y:45%}.hero:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 420px 400px at var(--spot-x) var(--spot-y),#ffdb320c,transparent 80%)}.hero-contours{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;overflow:hidden}.hero-contours svg{width:100%;height:100%;fill:none;stroke:#ffdb32;stroke-width:1}.hero-contours path{stroke-opacity:.2;stroke-dasharray:1600 400;animation:contour-travel 24s linear infinite}.hero-contours .contour-two{stroke-opacity:.08;animation-direction:reverse}.hero-contours circle{fill:#ffdb32;stroke:none;opacity:.55}.hero-top{position:relative;z-index:2}.hero .status-dot{background:#ffdb32;box-shadow:0 0 0 4px #ffdb3219;animation:status-pulse 3s ease-in-out infinite}.hero .eyebrow{color:#f5f5f2}.hero .edition{color:#a1a1a1}.hero-layout{min-height:570px;gap:45px;grid-template-columns:1.02fr 1fr}.hero-copy{padding-block:50px 40px}.hero h1{font-size:clamp(57px,6.7vw,98px);letter-spacing:-5.7px;line-height:1.1}.headline-line{display:block;overflow:hidden;padding-bottom:5px;margin-bottom:-5px}.headline-line>span{display:block;animation:headline-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>span{animation-delay:.15s}.hero h1 .second-line{color:var(--accent)}.hero h1 .dot{color:var(--accent)}.hero-copy>p{color:#bdbdbd;animation:soft-arrive 1s .35s both}.hero-actions{animation:soft-arrive 1s .48s both}.hero-actions .dark{background:var(--accent);color:#202020}.hero-actions .dark:hover{background:#ffe974;box-shadow:0 4px 25px #ffdb3226}.hero-actions .text-link{color:#fff;border-color:#ffffff40}.hero-actions .text-link:hover{color:var(--accent)}.hero-caption{color:#969696;animation:soft-arrive 1s .65s both}.hero-caption .mini-line{background:var(--accent)}.hero-bottom{border-color:#ffffff1f;color:#a8a8a8;position:relative;z-index:2}.hero-bottom a{color:#c0c0c0}.hero-bottom a span{color:var(--accent);animation:scroll-nudge 2.6s ease-in-out infinite}.hero-stage{height:480px;padding:20px 6px 45px;perspective:1000px}.stage-grid{inset:20px -25px -20px;background-image:radial-gradient(#ffdb3250 .7px,transparent .7px);mask-image:radial-gradient(ellipse,black,transparent 70%);transform:translate(var(--grid-x,0),var(--grid-y,0));transition:transform .7s var(--ease)}.stage-toolbar{position:absolute;top:7px;left:4px;right:0;display:flex;justify-content:space-between;align-items:center;z-index:4;gap:15px}.stage-toolbar>span{font-size:8px;letter-spacing:1.6px;color:#a9a9a9;display:flex;gap:8px;align-items:center}.stage-toolbar i{width:5px;height:5px;background:#ffdb32;border-radius:50%}#motion-toggle{display:flex;align-items:center;gap:7px;background:#ffffff08;color:#bcbcbc;padding:8px 11px;border:1px solid #ffffff24;border-radius:30px;font-size:9px;transition:background .3s,color .3s}#motion-toggle[hidden]{display:none}#motion-toggle:hover{background:#ffdb32;color:#222;border-color:#ffdb32}.motion-icon{width:12px;text-align:center;font-size:11px}.stage-orbit{inset:auto;width:540px;height:540px;max-width:none;top:-25px;left:50%;margin-left:-270px;border-radius:0;background:none;z-index:-1;transform:rotate(-18deg);opacity:.8;pointer-events:none}.stage-orbit svg{width:100%;height:100%;fill:none;stroke:#ffdb32;stroke-width:.65}.orbit-spin{transform-origin:250px 250px;animation:orbit-turn 32s linear infinite}.orbit-spin ellipse{stroke-opacity:.2}.orbit-spin circle{fill:#ffdb32;stroke:none;opacity:.8}.hero-float{width:100%;animation:browser-float 7s ease-in-out infinite;will-change:transform;position:relative;z-index:1}.hero-browser{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-7deg)) rotateZ(-3deg);transition:transform .7s var(--ease);border:1px solid #ffffff69;box-shadow:0 26px 70px #0006;animation:browser-arrive 1.4s .1s var(--ease) both}.hero-stage:hover .hero-browser{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(-1deg)}.browser-bar{height:28px;background:#f1f1ed;color:#777}.hero .mini-site{color:#252620}.hero-preview{position:relative}.hero-preview:after{content:'Öppna projekt ↗';position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);background:#ffdb32;color:#222;padding:13px 20px;border-radius:30px;font-size:11px;opacity:0;transition:transform .4s,opacity .4s;pointer-events:none;box-shadow:0 5px 30px #0002}.hero-preview:hover:after,.hero-preview:focus-visible:after{opacity:1;transform:translate(-50%,-50%)}.hero-preview .mini-site{transition:filter .4s}.hero-preview:hover .mini-site{filter:brightness(.85)}.floating-label{background:#ffdb32;color:#242424;right:-9px;bottom:84px;animation:label-float 8s ease-in-out infinite;transform:rotate(6deg);box-shadow:0 8px 32px #0002}.floating-label div>span{color:#65560b}.cross-mark{animation-duration:22s}.hero-project-picker{left:4px;right:0;bottom:4px;gap:6px;flex-wrap:wrap}.hero-project-picker button{color:#aaa;border-color:#ffffff24;font-size:9px;width:32px;height:32px}.hero-project-picker button.active{background:#ffdb32;color:#222;border-color:#ffdb32}.hero-project-picker button:hover{border-color:#ffdb32;color:#fff}.hero-project-picker button.active:hover{color:#222}.hero-project-picker>span{color:#ddd;letter-spacing:.3px;margin-left:7px;font-size:10px}.project-timer{height:2px;background:#ffffff20;width:60px;margin-left:auto;overflow:hidden;border-radius:3px}.project-timer i{display:block;width:var(--cycle-progress,0%);height:100%;background:#ffdb32;transition:width .12s linear}.motion-ticker{overflow:hidden;background:#ffdb32;color:#202020;padding:18px 0;position:relative}.ticker-track{width:max-content;display:flex;animation:ticker-travel 28s linear infinite}.ticker-track>span{display:flex;align-items:center;white-space:nowrap;font:700 12px Manrope;letter-spacing:1.2px;gap:40px;padding-right:40px}.ticker-track i{font-size:23px;font-style:normal;line-height:1}.brand-strip{padding-block:34px;background:#fff;color:#646464}.brand-strip>span{transition:color .3s,transform .4s}.brand-strip>span:hover{color:#222;transform:translateY(-3px)}
.services{background:#262626;color:#fff}.services .section-heading>p{color:#bababa}.services .eyebrow{color:#ffdb32}.service-tabs>button{border-color:#ffffff26;color:#f7f7f7}.service-tabs>button>span{color:#ffdb32}.service-tabs p{color:#a8a8a8}.service-tabs>button[aria-selected=true]{background:#ffdb32;color:#222}.service-tabs>button[aria-selected=true]>span,.service-tabs>button[aria-selected=true] p{color:#5e521a}.service-panels{background:#303030;border-color:#ffffff2b}.service-panels p{color:#c1c1c1}.service-panels .service-tags span{border-color:#ffffff30;color:#ccc}.design-sample{border-color:#ffffff24}.design-sample>span>span{color:#ffdb32}.design-sample .swatches i{border-color:#555}.design-sample .swatches i:nth-child(2){background:#aaa}.design-sample .swatches i:nth-child(3){background:#ffdb32}.device-sample{border-color:#ffffff24}.device-desktop,.device-mobile{color:#222;border-color:#888}.care-sample{border-color:#ffffff24}.care-sample>div{border-color:#ffffff24}.care-sample>div b,.care-symbol{color:#ffdb32}.studio-symbol{background:#ffdb32}.project-visual.polmax-card{background:#e4e7e3}.project-visual.v98-card{background:#e9e5d9}.project-visual.hygien-card{background:#e7e9ea}.project-visual.bau-card{background:#e6e3df}.project-filter button.active{background:#252525}.project-filter button:not(.active):hover{background:#ffdb32}.request-options input:checked+span{background:#ffdb32;border-color:#c4a71b}.qa-section .faq-list details[open]{border-color:#ffdb32aa}.page-nav{background:#fffffff2;border-color:#ccc9}.page-nav a.active i{background:#c4a20a}:is(.hero-motion-paused,.hero-offscreen) .hero :is(.hero-float,.floating-label,.orbit-spin,.status-dot,.cross-mark,.hero-bottom a span,.hero-contours path),.hero-motion-paused .ticker-track{animation-play-state:paused!important}.hero-motion-paused .hero-browser{transition:none}.hero-motion-paused .hero-float{will-change:auto}.hero-motion-paused .project-timer{opacity:.45}
@keyframes headline-arrive{from{transform:translateY(112%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes soft-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes browser-arrive{from{opacity:0;translate:30px 30px}to{opacity:1;translate:0 0}}@keyframes browser-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(7px) rotate(3deg)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes contour-travel{to{stroke-dashoffset:-2000}}@keyframes status-pulse{50%{box-shadow:0 0 0 7px #ffdb3200}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes ticker-travel{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero h1{font-size:98px}.hero-layout{gap:65px}}
@media(max-width:1100px){.hero{padding-inline:40px}.hero-layout{gap:30px;min-height:535px}.hero h1{font-size:6.7vw;letter-spacing:-4.5px}.hero-stage{height:420px}.stage-orbit{width:460px;height:460px;margin-left:-230px;top:-20px}.floating-label{bottom:72px}.stage-toolbar>span{font-size:7px}.hero .mini-site{height:250px}.project-timer{width:40px}}
@media(max-width:800px){.hero{padding-inline:24px}.hero-layout{gap:20px;min-height:480px}.hero h1{font-size:6.9vw;letter-spacing:-3.3px}.hero-stage{height:370px}.hero .mini-site{height:205px}.floating-label{bottom:64px}.stage-orbit{width:380px;height:380px;margin-left:-190px;top:-2px}.hero-project-picker button{width:28px;height:28px;font-size:8px}.hero-project-picker>span{font-size:8px;margin-left:3px}.hero-project-picker{gap:4px}.project-timer{display:none}.hero-stage .polmax-visual{height:167px}.hero-stage .shop-visual{height:125px}.hero-stage .shop-footer{padding:10px}.hero-stage .bau-visual{height:167px}.stage-toolbar>span{letter-spacing:1px;font-size:6px}.stage-toolbar{gap:10px}#motion-toggle{padding:6px 8px;font-size:8px}.hero-caption{margin-top:35px}.hero-copy>p{font-size:13px}.hero .edition{font-size:8px}}
@media(max-width:600px){.hero{padding:25px 20px 0}.hero-layout{display:flex;gap:22px;min-height:0}.hero-copy{padding:31px 0 0}.hero h1{font-size:clamp(49px,11.1vw,68px);letter-spacing:-3.5px;line-height:1.11}.hero-copy>p{font-size:15px;margin-top:23px}.hero-actions{gap:26px;margin-top:27px}.hero-actions .text-link{font-size:11px}.hero .hero-top .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-stage{height:350px;margin:8px 5px 5px;width:calc(100% - 10px);padding:30px 0 34px}.hero .mini-site{height:210px}.hero-stage .mini-nav{height:38px}.hero-stage .v98-visual,.hero-stage .polmax-visual{height:172px}.hero-stage .shop-visual{height:133px}.hero-stage .bau-visual{height:172px}.hero-stage .mini-site h2,.hero-stage .mini-site h3{font-size:26px}.hero-stage .shop-visual h3{font-size:20px!important}.hero-float{animation-duration:6s}.hero-browser{transform:rotateZ(-3deg);border-radius:8px}.hero-stage:hover .hero-browser{transform:rotateZ(-3deg)}.stage-orbit{width:370px;height:370px;margin-left:-185px;top:-4px}.stage-toolbar{top:-1px}.stage-toolbar>span{font-size:7px;letter-spacing:1.2px}#motion-toggle{font-size:8px;padding:7px 10px}.floating-label{right:-4px;bottom:43px;font-size:9px;padding:12px;gap:10px}.floating-label div{font-size:9px}.floating-label div>span{font-size:8px}.hero-project-picker{left:0;right:0;bottom:-1px;gap:6px}.hero-project-picker button{width:29px;height:29px}.hero-project-picker>span{font-size:9px;margin-left:5px}.hero-bottom{margin-top:12px;padding:17px 0 19px;gap:10px}.hero-bottom>span{max-width:148px;font-size:6px}.hero-bottom a{font-size:6px}.hero-contours svg{width:160%;transform:translateX(-20%)}.motion-ticker{padding:14px 0}.ticker-track>span{font-size:10px;gap:25px;padding-right:25px;letter-spacing:.8px}.ticker-track i{font-size:19px}.brand-strip{padding-block:28px}.hero-preview:after{display:none}.hero-preview:hover .mini-site{filter:none}.service-tabs>button[aria-selected=true]{background:#ffdb32}.page-nav{background:#fffffff0}.headline-line{padding-bottom:4px;margin-bottom:-4px}}
@media(max-width:360px){.hero h1{font-size:48px;letter-spacing:-3.3px}.hero-actions{gap:17px}.hero-actions .pill{padding:14px 18px;gap:20px;font-size:11px}.hero-actions .text-link{font-size:10px;gap:15px}.hero-stage{height:320px}.hero .mini-site{height:190px}.hero-stage .v98-visual,.hero-stage .polmax-visual{height:152px}.hero-stage .mini-site h3,.hero-stage .mini-site h2{font-size:23px}.hero-project-picker>span{font-size:8px}.floating-label{bottom:40px}}
@media(prefers-reduced-motion:reduce){.hero *, .ticker-track{animation:none!important;transition:none!important}.hero-float{will-change:auto}.hero-browser,.hero-stage:hover .hero-browser{transform:none}.headline-line>span{transform:none}.hero-preview:after{transition:none}.hero-contours .contour-node{display:none}}
@media(max-width:600px){.footer-wordmark{font-size:clamp(56px,20vw,84px);letter-spacing:-.06em}.footer-wordmark>span{font-size:1.05em}}
@media(max-width:360px){.hero-stage .polmax-visual>div{padding:24px 16px}.hero-stage .polmax-visual h3{font-size:20px}}