/* ═══ EXKLUSIV MALL: Noir (noir) ═══ Inre-sid-CSS-lager + animation. Scopat [data-template="noir"]. Video:true. Signatur:#C8A24B. */ html[data-template="noir"]{--bg:#0B0B0C;--bg-soft:#121214;--ink:#F3F0E9;--ink-2:#CFCBC1;--muted:#8C8880;--line:rgba(243,240,233,.14);--line-2:rgba(243,240,233,.26);--brand-deep:var(--brand);--star:var(--brand);--ff-heading:"Playfair Display","Times New Roman",Georgia,serif;--ff-body:"Inter","Helvetica Neue",Arial,sans-serif;--radius:2px;--radius-lg:3px;--radius-sm:2px;--btn-radius:0px;--btn-pad:15px 26px;--btn-weight:600;--btn-transform:uppercase;--btn-tracking:.16em;--nr-paper:#16161A;--nr-paper-2:#1C1C21;--nr-mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,monospace;--nr-shadow:0 30px 70px -22px rgba(0,0,0,.85)} [data-template="noir"] body{background:var(--bg);color:var(--ink-2);background-image:radial-gradient(120% 80% at 12% -10%,rgba(var(--brand-rgb),.06) 0%,transparent 55%)} [data-template="noir"] h1,[data-template="noir"] h2,[data-template="noir"] h3,[data-template="noir"] h4{color:var(--ink);font-family:var(--ff-heading);letter-spacing:-.02em;font-weight:600} [data-template="noir"] .eyebrow,[data-template="noir"] .section-head .eyebrow{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ink);font-family:var(--ff-body);text-transform:uppercase;letter-spacing:.22em;font-weight:600;font-size:11px;border:0;padding:0} [data-template="noir"] .eyebrow::before,[data-template="noir"] .section-head .eyebrow::before{content:"";width:22px;height:1px;background:var(--brand)} [data-template="noir"] .section{padding:clamp(72px,10vw,124px) 0;border-top:1px solid var(--line)} [data-template="noir"] .section:nth-child(even){background:var(--bg-soft)} [data-template="noir"] .section-head{max-width:780px} [data-template="noir"] .section-head h2{font-family:var(--ff-heading);font-weight:600;font-size:clamp(30px,4.4vw,52px);line-height:1.04;color:var(--ink)} [data-template="noir"] .section-head p,[data-template="noir"] .prose p{color:var(--ink-2)} [data-template="noir"] .subhero{background:var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background-image:radial-gradient(70% 90% at 8% 0%,rgba(var(--brand-rgb),.12) 0%,transparent 58%),linear-gradient(180deg,#0E0E10 0%,var(--bg) 100%)} [data-template="noir"] .subhero::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;background:#070708;border-bottom:1px solid var(--line);pointer-events:none} [data-template="noir"] .subhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:#070708;border-top:1px solid var(--line);pointer-events:none} [data-template="noir"] .subhero h1{color:var(--ink);font-family:var(--ff-heading);font-weight:600;font-size:clamp(40px,7vw,92px);line-height:.94;letter-spacing:-.02em} [data-template="noir"] .subhero h1 em{font-style:italic;color:var(--brand)} [data-template="noir"] .subhero__lead{color:var(--ink-2);font-size:18px;line-height:1.6} [data-template="noir"] .subhero__crumbs,[data-template="noir"] .subhero__crumbs a{color:var(--muted);font-family:var(--nr-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em} [data-template="noir"] .subhero__crumbs a:hover{color:var(--brand)} [data-template="noir"] .subhero__crumbs span{color:var(--line-2)} [data-template="noir"] .subhero__answer{background:var(--nr-paper);border:1px solid var(--line);border-left:2px solid var(--brand);border-radius:var(--radius-lg);color:var(--ink-2);box-shadow:var(--nr-shadow)} [data-template="noir"] .subhero__answer-label{color:var(--brand);font-family:var(--nr-mono);text-transform:uppercase;letter-spacing:.16em;font-size:11px} [data-template="noir"] .subhero__answer p{color:var(--ink-2)} [data-template="noir"] .subhero__photo,[data-template="noir"] .photo{background:#101013;border:1px solid var(--line);border-radius:var(--radius-lg);filter:grayscale(1) contrast(1.08);box-shadow:var(--nr-shadow)} [data-template="noir"] .card,[data-template="noir"] .aside-card,[data-template="noir"] .other-services__card,[data-template="noir"] .area-service-card,[data-template="noir"] .case-card,[data-template="noir"] .related-link,[data-template="noir"] .hub-bottom__panel,[data-template="noir"] .team-member,[data-template="noir"] .datapoint,[data-template="noir"] .contact-method{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2)} [data-template="noir"] .card{position:relative;overflow:hidden} [data-template="noir"] .card::after{display:none} [data-template="noir"] .card:hover,[data-template="noir"] .area-service-card:hover,[data-template="noir"] .case-card:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 40px 80px -28px rgba(0,0,0,.9),0 0 0 1px rgba(var(--brand-rgb),.18)} [data-template="noir"] .card h3,[data-template="noir"] .related-link h3,[data-template="noir"] .area-service-card__body h3,[data-template="noir"] .case-card h3{color:var(--ink);font-family:var(--ff-heading);font-weight:600} [data-template="noir"] .card p,[data-template="noir"] .area-service-card__body p{color:var(--muted)} [data-template="noir"] .card__image,[data-template="noir"] .area-service-card__media,[data-template="noir"] .article-card__media,[data-template="noir"] .article-featured__media{background:#101013;border-bottom:1px solid var(--line);filter:grayscale(1) contrast(1.08)} [data-template="noir"] .card:hover .card__image,[data-template="noir"] .area-service-card:hover .area-service-card__media,[data-template="noir"] .article-card:hover .article-card__media{filter:grayscale(0) contrast(1.04)} [data-template="noir"] .card__icon{background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.4);color:var(--brand);border-radius:var(--radius-sm)} [data-template="noir"] .card__price,[data-template="noir"] .area-service-card__price{color:var(--ink);font-family:var(--nr-mono);font-weight:600} [data-template="noir"] .card__price small{color:var(--muted)} [data-template="noir"] .card__link,[data-template="noir"] .area-service-card__cta,[data-template="noir"] .article-card__cta,[data-template="noir"] .article-featured__cta{color:var(--ink);font-family:var(--ff-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em} [data-template="noir"] .card:hover .card__link{color:var(--brand)} [data-template="noir"] .article-card,[data-template="noir"] .article-featured{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2)} [data-template="noir"] .article-card h3,[data-template="noir"] .article-featured h3{color:var(--ink);font-family:var(--ff-heading)} [data-template="noir"] .article-card p{color:var(--muted)} [data-template="noir"] .article-badge{background:var(--brand);color:#0B0B0C;font-family:var(--nr-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);font-weight:700} [data-template="noir"] .article-hero{background:var(--bg);border-bottom:1px solid var(--line)} [data-template="noir"] .faq__item{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px} [data-template="noir"] .faq__q{background:transparent;color:var(--ink);font-family:var(--ff-heading);font-weight:600;font-size:19px} [data-template="noir"] .faq__icon{background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.4);color:var(--brand);border-radius:var(--radius-sm)} [data-template="noir"] .faq__a p{color:var(--ink-2)} [data-template="noir"] .form-card{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2);box-shadow:var(--nr-shadow)} [data-template="noir"] .form-card h2{color:var(--ink)} [data-template="noir"] .field label,[data-template="noir"] .form-pane__title,[data-template="noir"] .form-step__name{color:var(--ink-2);font-family:var(--ff-body);font-size:12px;text-transform:uppercase;letter-spacing:.1em} [data-template="noir"] .field input,[data-template="noir"] .field textarea,[data-template="noir"] .field select,[data-template="noir"] .postal-check__row input,[data-template="noir"] .services-search input{background:#0C0C0E;border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink)} [data-template="noir"] .field input::placeholder,[data-template="noir"] .field textarea::placeholder,[data-template="noir"] .postal-check__row input::placeholder{color:var(--muted)} [data-template="noir"] .field input:focus,[data-template="noir"] .field textarea:focus,[data-template="noir"] .field select:focus,[data-template="noir"] .postal-check__row input:focus,[data-template="noir"] .services-search input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2)} [data-template="noir"] .form-step__bubble{background:#0C0C0E;border:1px solid var(--line-2);color:var(--muted);font-family:var(--nr-mono);border-radius:var(--radius-sm)} [data-template="noir"] .form-step.is-active .form-step__bubble{background:var(--brand);border-color:var(--brand);color:#0B0B0C;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.18)} [data-template="noir"] .form-step.is-done .form-step__bubble{background:var(--ink);border-color:var(--ink);color:#0B0B0C} [data-template="noir"] .file-drop{background:#0C0C0E;border:1px dashed var(--line-2);border-radius:var(--radius-lg);color:var(--ink-2)} [data-template="noir"] .file-drop:hover,[data-template="noir"] .file-drop.is-drag{border-color:var(--brand);background:rgba(var(--brand-rgb),.06);color:var(--brand)} [data-template="noir"] .postal-check{background:#0C0C0E;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--nr-shadow)} [data-template="noir"] .postal-check__row{background:#0C0C0E;border:1px solid var(--line-2);border-radius:var(--radius-sm)} [data-template="noir"] .postal-check__row:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.18)} [data-template="noir"] .postal-check__title{color:var(--ink);font-family:var(--ff-heading)} [data-template="noir"] .postal-check__sub{color:var(--muted)} [data-template="noir"] .postal-check__pin,[data-template="noir"] .postal-check__hint{background:rgba(var(--brand-rgb),.14);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.4);border-radius:var(--radius-sm)} [data-template="noir"] .review-card,[data-template="noir"] .reviews-carousel__card{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2)} [data-template="noir"] .review-card blockquote,[data-template="noir"] .case-card__quote{color:var(--ink);font-family:var(--ff-heading);font-style:italic} [data-template="noir"] .review-card__author{color:var(--ink)} [data-template="noir"] .review-card__avatar{background:var(--brand);color:#0B0B0C;border:0;border-radius:50%} [data-template="noir"] .review-card__source,[data-template="noir"] .reviews-source-label{color:var(--muted);font-family:var(--nr-mono);text-transform:uppercase;letter-spacing:.1em} [data-template="noir"] .trusted{background:#070708;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} [data-template="noir"] .trusted__row{justify-content:center;gap:40px;flex-wrap:wrap} [data-template="noir"] .trusted__label{color:var(--muted);font-family:var(--nr-mono);text-transform:uppercase;letter-spacing:.16em} [data-template="noir"] .trusted__row svg{filter:brightness(0) invert(1);opacity:.62} [data-template="noir"] .trusted__google-rating,[data-template="noir"] .trusted__google-score{color:var(--ink)} [data-template="noir"] .trusted__google-sub{color:var(--muted)} [data-template="noir"] .trusted__google-rating .stars,[data-template="noir"] .trusted__google-rating svg{color:var(--brand)} [data-template="noir"] .process__step{background:var(--nr-paper);border:1px solid var(--line);border-left:2px solid rgba(var(--brand-rgb),.5);border-radius:var(--radius-lg)} [data-template="noir"] .process__step::before,[data-template="noir"] .process__step::after{display:none} [data-template="noir"] .process__step h3{color:var(--ink);font-family:var(--ff-heading)} [data-template="noir"] .process__step p{color:var(--muted)} [data-template="noir"] .process__check{background:rgba(var(--brand-rgb),.14);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.4)} [data-template="noir"] .price-table{color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--nr-paper)} [data-template="noir"] .price-table th{background:#070708;color:var(--ink);font-family:var(--ff-body);text-transform:uppercase;letter-spacing:.1em;font-size:12px;border-bottom:1px solid var(--line)} [data-template="noir"] .price-table td{border-bottom:1px solid var(--line);color:var(--ink-2)} [data-template="noir"] .price-table .num{color:var(--brand);font-family:var(--nr-mono)} [data-template="noir"] .sitemap-block{background:var(--nr-paper);border:1px solid var(--line);border-radius:var(--radius-lg)} [data-template="noir"] .sitemap-block h3{color:var(--ink);font-family:var(--ff-heading)} [data-template="noir"] .sitemap-block__icon,[data-template="noir"] .about-check__check,[data-template="noir"] .contact-method__icon,[data-template="noir"] .related-link__icon,[data-template="noir"] .article-cta__icon{background:rgba(var(--brand-rgb),.12);color:var(--brand);border:1px solid rgba(var(--brand-rgb),.4);border-radius:var(--radius-sm)} [data-template="noir"] .pagination__btn,[data-template="noir"] .article-filter__chip,[data-template="noir"] .article-filter{background:var(--nr-paper);border:1px solid var(--line-2);color:var(--ink-2);font-family:var(--ff-body);text-transform:uppercase;letter-spacing:.1em;font-size:12px;border-radius:var(--radius-sm)} [data-template="noir"] .pagination__btn:hover,[data-template="noir"] .article-filter__chip:hover{border-color:var(--brand);color:var(--brand)} [data-template="noir"] .pagination__btn.is-active,[data-template="noir"] .article-filter__chip.is-active{background:var(--ink);color:#0B0B0C;border-color:var(--ink)} [data-template="noir"] .card-scroller__nav,[data-template="noir"] .reviews-carousel__nav,[data-template="noir"] .hero-carousel__nav{background:var(--nr-paper);border:1px solid var(--line-2);color:var(--ink);border-radius:50%;backdrop-filter:none} [data-template="noir"] .card-scroller__nav:hover,[data-template="noir"] .reviews-carousel__nav:hover{border-color:var(--brand);color:var(--brand)} [data-template="noir"] .addr-ac__list{background:var(--nr-paper);border:1px solid var(--line-2);border-radius:var(--radius-sm)} [data-template="noir"] .addr-ac__item{color:var(--ink-2)} [data-template="noir"] .addr-ac__item.is-active,[data-template="noir"] .addr-ac__item:hover{background:rgba(var(--brand-rgb),.14);color:var(--brand)} [data-template="noir"] .btn--primary{background:var(--brand);color:#0B0B0C;border:1px solid var(--brand);text-transform:uppercase;letter-spacing:.16em;font-weight:600;border-radius:0;backdrop-filter:none} [data-template="noir"] .btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(var(--brand-rgb),.6)} [data-template="noir"] .btn--primary .btn__arrow{background:rgba(0,0,0,.18);color:#0B0B0C;border-radius:0} [data-template="noir"] .btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2);text-transform:uppercase;letter-spacing:.16em;font-weight:600;border-radius:0;backdrop-filter:none} [data-template="noir"] .btn--ghost:hover{background:var(--ink);color:#0B0B0C;border-color:var(--ink)} [data-template="noir"] .cta-strip{background:linear-gradient(135deg,#141417 0%,#070708 100%);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;overflow:hidden;color:var(--ink)} [data-template="noir"] .cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 130% at 0% 0%,rgba(var(--brand-rgb),.2) 0%,transparent 60%);pointer-events:none} [data-template="noir"] .cta-strip::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 28px);pointer-events:none} [data-template="noir"] .cta-strip h2{color:var(--ink);font-family:var(--ff-heading);position:relative} [data-template="noir"] .cta-strip p{color:var(--ink-2);position:relative} [data-template="noir"] .cta-strip .btn--primary{background:var(--brand);color:#0B0B0C;border-color:var(--brand)} [data-template="noir"] .cta-strip .btn--ghost{background:rgba(243,240,233,.06);color:var(--ink);border:1px solid var(--line-2)} [data-template="noir"] .cta-strip .btn--ghost:hover{background:var(--ink);color:#0B0B0C} [data-template="noir"] .footer{background:#070708;border-top:1px solid var(--line);position:relative} [data-template="noir"] .footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.65),transparent)} [data-template="noir"] .footer::after{display:none} [data-template="noir"] .footer h4{color:var(--brand);font-family:var(--ff-body);text-transform:uppercase;letter-spacing:.16em;font-size:11px} [data-template="noir"] .footer a{color:rgba(243,240,233,.72)} [data-template="noir"] .footer a:hover{color:var(--brand)} [data-template="noir"] .footer__brand{background:transparent;box-shadow:none;border-radius:0;padding:0} [data-template="noir"] .mobile-call-bar{background:rgba(7,7,8,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px)} [data-template="noir"] .mobile-call-bar .call{background:var(--brand);color:#0B0B0C;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-weight:600} [data-template="noir"] .mobile-call-bar .quote{background:transparent;color:var(--ink);border:1px solid var(--line-2);border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-weight:600} /* — Animation (noir) — Nav-understrykning, filmstrip-reel, slate-dot-flicker och grain ägs av CHROME-lagret (.nor-*). Här bor bara de delade inre-sid-effekterna. */ @media (prefers-reduced-motion: no-preference){ @keyframes nr-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} [data-template="noir"] .reveal,[data-template="noir"] [data-reveal]{opacity:0} [data-template="noir"] .reveal.is-visible,[data-template="noir"] [data-reveal].in{animation:nr-rise .6s cubic-bezier(.2,.7,.3,1) forwards} [data-template="noir"] .card,[data-template="noir"] .area-service-card,[data-template="noir"] .case-card{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease} [data-template="noir"] .card__image,[data-template="noir"] .area-service-card__media,[data-template="noir"] .article-card__media,[data-template="noir"] .subhero__photo,[data-template="noir"] .photo{transition:filter .5s ease} [data-template="noir"] .btn--primary,[data-template="noir"] .btn--ghost{transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease} [data-template="noir"] .field input:focus,[data-template="noir"] .field textarea:focus,[data-template="noir"] .field select:focus{transition:box-shadow .25s ease,border-color .25s ease} [data-template="noir"] .subhero__answer{animation:nr-rise .6s cubic-bezier(.2,.7,.3,1) both} } @media (prefers-reduced-motion: reduce){ [data-template="noir"] .reveal,[data-template="noir"] [data-reveal]{opacity:1} } /* ═══ Noir — CHROME ═══ */ /* ============================================================================ NOIR — bespoke chrome (klassprefix .nor-). Film-noir högkontrast B&W: varm svart tusch (#0B0B0C) + elfenben (#F3F0E9), jätte-serif med kursiv brand- accent, letterbox/filmrulle-motiv, chiaroscuro-spotlightskuggor, timecode/ scen-tavla-mikrotypografi. Accenten följer kundens tema via var(--brand)/ var(--brand-rgb)/var(--brand-deep). Allt scopat under [data-template="noir"]. ============================================================================ */ [data-template="noir"]{ --nor-bg:#0B0B0C; --nor-bg-soft:#121214; --nor-deep:#070708; --nor-ink:#F3F0E9; --nor-ink-2:#CFCBC1; --nor-muted:#8C8880; --nor-line:rgba(243,240,233,.14); --nor-line-2:rgba(243,240,233,.26); --nor-paper:#16161A; --nor-paper-2:#1C1C21; --nor-mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,monospace; --nor-shadow:0 30px 70px -22px rgba(0,0,0,.85); --nor-head:var(--ff-heading,"Playfair Display","Times New Roman",Georgia,serif); --nor-body:var(--ff-body,"Inter","Helvetica Neue",Arial,sans-serif); } /* ---- Filmkorn-textur (SVG-noise) som återkommande overlay --------------- */ [data-template="noir"] .nor-grain{ position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:160px 160px; } /* ======================================================================== HEADER ======================================================================== */ [data-template="noir"] .nor-header{ position:fixed;top:0;left:0;right:0;z-index:200;height:76px; background:rgba(11,11,12,.72); -webkit-backdrop-filter:blur(16px) saturate(120%); backdrop-filter:blur(16px) saturate(120%); border-bottom:1px solid var(--nor-line); } [data-template="noir"] .nor-header__inner{ max-width:1320px;margin:0 auto;height:100%;padding:0 28px; display:flex;align-items:center;gap:32px; } [data-template="noir"] .nor-brand{display:inline-flex;align-items:center;text-decoration:none;flex:none} [data-template="noir"] .nor-brand__lockup{display:flex;flex-direction:column;line-height:1.05} [data-template="noir"] .nor-brand__name{ font-family:var(--nor-head);font-weight:600;font-size:22px;letter-spacing:-.01em; color:var(--nor-ink); } [data-template="noir"] .nor-brand__mark{ font-family:var(--nor-body);font-size:10px;font-weight:600;text-transform:uppercase; letter-spacing:.22em;color:var(--nor-muted);margin-top:3px; } [data-template="noir"] .nor-brand__mark-sep{color:var(--brand)} [data-template="noir"] .nor-nav{ display:flex;align-items:center;gap:28px;margin-left:auto; } [data-template="noir"] .nor-nav__link{ position:relative;font-family:var(--nor-body);font-size:12px;font-weight:600; text-transform:uppercase;letter-spacing:.14em;color:rgba(243,240,233,.7); text-decoration:none;padding:6px 0;transition:color .25s ease; } [data-template="noir"] .nor-nav__link::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:1px; background:var(--brand);transform:scaleX(0);transform-origin:left center; transition:transform .3s cubic-bezier(.2,.7,.3,1); } [data-template="noir"] .nor-nav__link:hover{color:var(--nor-ink)} [data-template="noir"] .nor-nav__link:hover::after{transform:scaleX(1)} [data-template="noir"] .nor-nav__link[aria-current="page"]{color:var(--nor-ink)} [data-template="noir"] .nor-nav__link[aria-current="page"]::after{transform:scaleX(1)} [data-template="noir"] .nor-header__right{display:flex;align-items:center;gap:18px;flex:none} [data-template="noir"] .nor-header__time{ font-family:var(--nor-mono);font-size:10px;text-transform:uppercase; letter-spacing:.16em;color:var(--nor-muted); border:1px solid var(--nor-line);border-radius:2px;padding:5px 9px; } [data-template="noir"] .nor-header__phone{ font-family:var(--nor-head);font-size:15px;color:var(--nor-ink);text-decoration:none; transition:color .25s ease; } [data-template="noir"] .nor-header__phone:hover{color:var(--brand)} [data-template="noir"] .nor-header__cta{ position:relative;overflow:hidden;display:inline-flex;align-items:center; font-family:var(--nor-body);font-size:11px;font-weight:600;text-transform:uppercase; letter-spacing:.16em;color:var(--nor-ink);text-decoration:none; border:1px solid var(--nor-line-2);padding:11px 20px;border-radius:0; transition:color .25s ease,border-color .25s ease; } [data-template="noir"] .nor-header__cta::before{ content:"";position:absolute;inset:0;background:var(--brand); transform:scaleX(0);transform-origin:left center;z-index:-1; transition:transform .3s cubic-bezier(.2,.7,.3,1); } [data-template="noir"] .nor-header__cta:hover{color:#0B0B0C;border-color:var(--brand)} [data-template="noir"] .nor-header__cta:hover::before{transform:scaleX(1)} [data-template="noir"] .nor-burger{ display:none;width:44px;height:44px;align-items:center;justify-content:center; flex-direction:column;gap:5px;background:transparent;border:1px solid var(--nor-line-2); border-radius:0;cursor:pointer; } [data-template="noir"] .nor-burger__bar{display:block;width:18px;height:1px;background:var(--nor-ink)} [data-template="noir"] .nor-burger__x{display:none;position:absolute;width:18px;height:1px;background:var(--nor-ink)} [data-template="noir"] .nor-burger--close .nor-burger__x{display:block} [data-template="noir"] .nor-burger--close .nor-burger__x:first-child{transform:rotate(45deg)} [data-template="noir"] .nor-burger--close .nor-burger__x:last-child{transform:rotate(-45deg)} /* Mobil-drawer — fullscreen mörk panel med jättelika serif-länkar */ [data-template="noir"] .nor-drawer{ position:fixed;inset:0;z-index:210;background:var(--nor-deep); display:flex;flex-direction:column;padding:18px 28px 32px;overflow-y:auto; } [data-template="noir"] .nor-drawer__top{ display:flex;align-items:center;justify-content:space-between; height:58px;border-bottom:1px solid var(--nor-line); } [data-template="noir"] .nor-drawer__brand{font-size:20px} [data-template="noir"] .nor-drawer__nav{display:flex;flex-direction:column;margin-top:14px} [data-template="noir"] .nor-drawer__link{ display:flex;align-items:baseline;gap:16px;padding:18px 0; border-bottom:1px solid var(--nor-line);text-decoration:none; font-family:var(--nor-head);font-weight:600;font-size:clamp(30px,9vw,52px); line-height:1;color:var(--nor-ink);letter-spacing:-.02em; } [data-template="noir"] .nor-drawer__idx{ font-family:var(--nor-mono);font-size:13px;color:var(--brand);flex:none; } [data-template="noir"] .nor-drawer__foot{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:16px} [data-template="noir"] .nor-drawer__phone{ font-family:var(--nor-head);font-size:22px;color:var(--nor-ink);text-decoration:none; } [data-template="noir"] .nor-drawer__phone:hover{color:var(--brand)} [data-template="noir"] .nor-drawer__cta{justify-content:center;padding:15px 22px} /* ======================================================================== HERO — letterboxad biograf-hero med video/foto + filmrulle-motiv ======================================================================== */ [data-template="noir"] .nor-hero{ position:relative;overflow:hidden;padding-top:76px; background:var(--nor-bg);color:var(--nor-ink);isolation:isolate; } [data-template="noir"] .nor-hero__media{position:absolute;inset:0;z-index:0} [data-template="noir"] .nor-hero__video, [data-template="noir"] .nor-hero__photo{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; filter:grayscale(1) contrast(1.15) brightness(.62); } [data-template="noir"] .nor-hero__placeholder{ position:absolute;inset:0; background:radial-gradient(80% 70% at 18% 8%,#1a1a1e 0%,var(--nor-bg) 60%); } [data-template="noir"] .nor-hero--bare{background:var(--nor-bg)} /* Letterbox-band (cinemascope) */ [data-template="noir"] .nor-hero__letterbox{ position:absolute;left:0;right:0;height:7vh;min-height:42px;max-height:90px; background:#000;z-index:3;pointer-events:none; } [data-template="noir"] .nor-hero__letterbox--top{top:76px;border-bottom:1px solid var(--nor-line)} [data-template="noir"] .nor-hero__letterbox--bottom{bottom:0;border-top:1px solid var(--nor-line)} /* Filmrulle-remsa (perforerings-hål) längs botten-letterboxen */ [data-template="noir"] .nor-hero__filmstrip{ position:absolute;left:0;right:0;bottom:8px;height:8px;display:block; background-image:radial-gradient(circle,var(--nor-line-2) 0 2.5px,transparent 3px); background-size:28px 8px;background-repeat:repeat-x;background-position:0 0; } /* Vinjett-veil för textläsbarhet + spotlight uppe-vänster */ [data-template="noir"] .nor-hero__veil{ position:absolute;inset:0;z-index:1;pointer-events:none; background: radial-gradient(60% 70% at 12% 8%,rgba(var(--brand-rgb),.10) 0%,transparent 55%), linear-gradient(180deg,rgba(7,7,8,.20) 0%,rgba(7,7,8,.55) 64%,#0B0B0C 100%); } [data-template="noir"] .nor-hero__inner{ position:relative;z-index:5;max-width:1320px;margin:0 auto;padding:0 28px; min-height:82vh;display:flex;flex-direction:column;justify-content:flex-end; padding-bottom:calc(7vh + 56px);padding-top:48px;text-align:left; } [data-template="noir"] .nor-hero__slate{ display:inline-flex;align-items:center;gap:9px;font-family:var(--nor-mono); font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--nor-ink-2); margin-bottom:20px; } [data-template="noir"] .nor-hero__slate-dot{ width:7px;height:7px;border-radius:50%;background:var(--brand); box-shadow:0 0 10px rgba(var(--brand-rgb),.8); } [data-template="noir"] .nor-hero__title{ font-family:var(--nor-head);font-weight:600;color:var(--nor-ink); font-size:clamp(52px,9vw,128px);line-height:.92;letter-spacing:-.02em; margin:0;max-width:14ch; } [data-template="noir"] .nor-hero__title em{font-style:italic;color:var(--brand);font-weight:600} [data-template="noir"] .nor-hero__title strong{font-weight:800;color:var(--nor-ink)} [data-template="noir"] .nor-hero__lead{ font-family:var(--nor-body);font-size:19px;line-height:1.6; color:rgba(243,240,233,.78);max-width:560px;margin:24px 0 0; } [data-template="noir"] .nor-hero__cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px} [data-template="noir"] .nor-hero__rating{ display:inline-flex;align-items:center;gap:10px;margin-top:24px; font-family:var(--nor-mono);font-size:12px;letter-spacing:.06em;color:rgba(243,240,233,.7); } [data-template="noir"] .nor-hero__rating .hero__stars{color:var(--brand);display:inline-flex;gap:2px} [data-template="noir"] .nor-hero__logos{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;opacity:.7;filter:grayscale(1) brightness(1.4)} [data-template="noir"] .nor-hero__facts{ display:flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:0; border-top:1px solid var(--nor-line); } [data-template="noir"] .nor-hero__fact{ padding:18px 28px 0 0;margin-right:28px;border-right:1px solid var(--nor-line); } [data-template="noir"] .nor-hero__fact:last-child{border-right:0;margin-right:0} [data-template="noir"] .nor-hero__fact-val{ font-family:var(--nor-head);font-size:26px;font-weight:600;color:var(--nor-ink); } [data-template="noir"] .nor-hero__fact-key{ margin:4px 0 0;font-family:var(--nor-mono);font-size:11px;text-transform:uppercase; letter-spacing:.14em;color:var(--nor-muted); } [data-template="noir"] .nor-hero__postal{margin-top:34px;max-width:440px} /* ======================================================================== SEKTIONS-RYTM ======================================================================== */ [data-template="noir"] .nor-section{ padding:clamp(72px,10vw,128px) 0;background:var(--nor-bg); border-top:1px solid var(--nor-line); } [data-template="noir"] .nor-section--alt{background:var(--nor-bg-soft)} [data-template="noir"] .nor-section__inner{max-width:1320px;margin:0 auto;padding:0 28px} [data-template="noir"] .nor-section__head{position:relative;max-width:780px;margin-bottom:clamp(36px,5vw,64px)} [data-template="noir"] .nor-section__no{ position:absolute;top:-46px;left:-6px;z-index:0;pointer-events:none; font-family:var(--nor-head);font-weight:600;font-size:clamp(80px,12vw,180px); line-height:1;color:rgba(243,240,233,.04); } [data-template="noir"] .nor-eyebrow{ position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px; font-family:var(--nor-body);font-size:11px;font-weight:600;text-transform:uppercase; letter-spacing:.22em;color:var(--nor-ink); } [data-template="noir"] .nor-eyebrow__rule{width:22px;height:1px;background:var(--brand);display:inline-block} [data-template="noir"] .nor-section__title{ position:relative;z-index:1;margin:16px 0 0;font-family:var(--nor-head);font-weight:600; font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-.02em;color:var(--nor-ink); } [data-template="noir"] .nor-section__intro{ position:relative;z-index:1;margin:16px 0 0;font-family:var(--nor-body); font-size:17px;line-height:1.65;color:var(--nor-ink-2); } /* ---- TRUST-band -------------------------------------------------------- */ [data-template="noir"] .nor-trust{background:var(--nor-deep);border-top:1px solid var(--nor-line);border-bottom:1px solid var(--nor-line)} [data-template="noir"] .nor-trust__inner{max-width:1320px;margin:0 auto;padding:34px 28px} [data-template="noir"] .nor-trust .trusted{background:transparent;border:0} /* ---- TJÄNSTER — scen-reel --------------------------------------------- */ [data-template="noir"] .nor-reel{ display:grid;grid-template-columns:repeat(3,1fr);gap:24px; } [data-template="noir"] .nor-scene{ position:relative;display:flex;flex-direction:column;overflow:hidden; background:var(--nor-paper);border:1px solid var(--nor-line);border-radius:3px; transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease; } [data-template="noir"] .nor-scene:hover{ transform:translateY(-6px);border-color:var(--nor-line-2); box-shadow:0 40px 80px -28px rgba(0,0,0,.9),0 0 0 1px rgba(var(--brand-rgb),.18); } [data-template="noir"] .nor-scene__idx{ position:absolute;top:12px;left:14px;z-index:2;font-family:var(--nor-mono); font-size:12px;letter-spacing:.1em;color:var(--brand); } [data-template="noir"] .nor-scene__media{ position:relative;aspect-ratio:4/3;background:#101013;overflow:hidden; border-bottom:1px solid var(--nor-line); display:flex;align-items:center;justify-content:center; } [data-template="noir"] .nor-scene__media img{ width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08); transition:filter .5s ease; } [data-template="noir"] .nor-scene:hover .nor-scene__media img{filter:grayscale(0) contrast(1.04)} [data-template="noir"] .nor-scene__icon{color:var(--brand);opacity:.85} [data-template="noir"] .nor-scene__body{display:flex;flex-direction:column;gap:10px;padding:22px;flex:1} [data-template="noir"] .nor-scene__title{margin:0;font-family:var(--nor-head);font-weight:600;font-size:21px;color:var(--nor-ink)} [data-template="noir"] .nor-scene__text{margin:0;font-family:var(--nor-body);font-size:14.5px;line-height:1.6;color:var(--nor-muted)} [data-template="noir"] .nor-scene__foot{ margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px; border-top:1px solid var(--nor-line); } [data-template="noir"] .nor-scene__price{font-family:var(--nor-mono);font-weight:600;font-size:14px;color:var(--nor-ink)} [data-template="noir"] .nor-scene__link{ display:inline-flex;align-items:center;gap:7px;font-family:var(--nor-body);font-size:11px; font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--nor-ink); text-decoration:none;transition:color .25s ease; } [data-template="noir"] .nor-scene:hover .nor-scene__link{color:var(--brand)} /* ---- OM OSS ------------------------------------------------------------ */ [data-template="noir"] .nor-about{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start} [data-template="noir"] .nor-about__head{position:relative} [data-template="noir"] .nor-about__intro{margin:0;font-family:var(--nor-body);font-size:18px;line-height:1.75;color:var(--nor-ink-2)} /* ---- STATS-band -------------------------------------------------------- */ [data-template="noir"] .nor-band{background:var(--nor-deep);border-top:1px solid var(--nor-line);border-bottom:1px solid var(--nor-line)} [data-template="noir"] .nor-band__inner{ max-width:1320px;margin:0 auto;padding:clamp(48px,7vw,80px) 28px; display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--nor-line); } [data-template="noir"] .nor-stat{background:var(--nor-deep);padding:14px 24px;text-align:left} [data-template="noir"] .nor-stat__num{font-family:var(--nor-head);font-weight:600;font-size:clamp(36px,5vw,60px);line-height:1;color:var(--brand)} [data-template="noir"] .nor-stat__lab{margin-top:10px;font-family:var(--nor-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--nor-muted)} /* ---- USP --------------------------------------------------------------- */ [data-template="noir"] .nor-usps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} [data-template="noir"] .nor-usp{padding:28px;background:var(--nor-paper);border:1px solid var(--nor-line);border-radius:3px} [data-template="noir"] .nor-usp__icon{ display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px; background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.4); color:var(--brand);border-radius:2px;margin-bottom:16px; } [data-template="noir"] .nor-usp__title{margin:0 0 8px;font-family:var(--nor-head);font-weight:600;font-size:20px;color:var(--nor-ink)} [data-template="noir"] .nor-usp__body{margin:0;font-family:var(--nor-body);font-size:14.5px;line-height:1.6;color:var(--nor-muted)} /* ---- PROCESS — shot list ---------------------------------------------- */ [data-template="noir"] .nor-shotlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} [data-template="noir"] .nor-shot{ display:flex;gap:24px;padding:26px 0;border-top:1px solid var(--nor-line); } [data-template="noir"] .nor-shot:last-child{border-bottom:1px solid var(--nor-line)} [data-template="noir"] .nor-shot__idx{ flex:none;font-family:var(--nor-mono);font-size:14px;letter-spacing:.1em;color:var(--brand); padding-top:4px;min-width:40px; } [data-template="noir"] .nor-shot__title{margin:0 0 8px;font-family:var(--nor-head);font-weight:600;font-size:23px;color:var(--nor-ink)} [data-template="noir"] .nor-shot__text{margin:0;font-family:var(--nor-body);font-size:15.5px;line-height:1.65;color:var(--nor-ink-2);max-width:680px} /* ======================================================================== FOOTER ======================================================================== */ [data-template="noir"] .nor-footer{ position:relative;overflow:hidden;background:var(--nor-deep); border-top:1px solid var(--nor-line); padding:clamp(56px,8vw,96px) 0 40px;color:var(--nor-ink-2); } [data-template="noir"] .nor-footer::before{ content:"";position:absolute;top:-1px;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.65),transparent); } [data-template="noir"] .nor-footer__inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 28px} [data-template="noir"] .nor-footer__wordmark{ font-family:var(--nor-head);font-weight:600;text-transform:uppercase; font-size:clamp(44px,11vw,128px);line-height:.92;letter-spacing:-.02em; color:rgba(243,240,233,.07);margin-bottom:clamp(32px,5vw,56px); -webkit-user-select:none;user-select:none; } [data-template="noir"] .nor-footer__grid{ display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:0; border-top:1px solid var(--nor-line); } [data-template="noir"] .nor-footer__colophon, [data-template="noir"] .nor-footer__col{padding:34px 36px 12px 0;border-right:1px solid var(--nor-line)} [data-template="noir"] .nor-footer__col:last-child{border-right:0;padding-right:0} [data-template="noir"] .nor-footer__col:not(:first-child){padding-left:36px} [data-template="noir"] .nor-footer__tagline{margin:0 0 16px;font-family:var(--nor-head);font-style:italic;font-size:19px;line-height:1.5;color:var(--nor-ink);max-width:360px} [data-template="noir"] .nor-footer__address{margin:0 0 14px;font-family:var(--nor-body);font-size:14px;line-height:1.6;color:var(--nor-muted)} [data-template="noir"] .nor-footer__contact{display:flex;flex-direction:column;gap:6px} [data-template="noir"] .nor-footer__contact-link{font-family:var(--nor-head);font-size:16px;color:rgba(243,240,233,.82);text-decoration:none;transition:color .25s ease} [data-template="noir"] .nor-footer__contact-link:hover{color:var(--brand)} [data-template="noir"] .nor-footer__h{margin:0 0 16px;font-family:var(--nor-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--brand)} [data-template="noir"] .nor-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px} [data-template="noir"] .nor-footer__list a{font-family:var(--nor-body);font-size:14.5px;color:rgba(243,240,233,.72);text-decoration:none;transition:color .25s ease} [data-template="noir"] .nor-footer__list a:hover{color:var(--brand)} [data-template="noir"] .nor-footer__credits{ display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px; margin-top:40px;padding-top:22px;border-top:1px solid var(--nor-line); font-family:var(--nor-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--nor-muted); } [data-template="noir"] .nor-footer__reel{color:var(--brand);letter-spacing:.16em} [data-template="noir"] .nor-footer__copy{color:var(--nor-ink-2)} [data-template="noir"] .nor-footer__meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:18px;margin-left:auto} [data-template="noir"] .nor-footer__bottom-link{color:var(--nor-muted);text-decoration:none} [data-template="noir"] .nor-footer__bottom-link:hover{color:var(--brand)} /* ======================================================================== ANIMATIONER ======================================================================== */ @media (prefers-reduced-motion: no-preference){ @keyframes nor-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} @keyframes nor-flicker{0%,100%{opacity:1}48%{opacity:.94}50%{opacity:.82}52%{opacity:.96}} @keyframes nor-grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(0,0)}} @keyframes nor-reel{from{background-position:0 0}to{background-position:28px 0}} [data-template="noir"] .nor-hero__inner > *{animation:nor-rise .7s cubic-bezier(.2,.7,.3,1) both} [data-template="noir"] .nor-hero__title{animation-delay:.05s} [data-template="noir"] .nor-hero__lead{animation-delay:.12s} [data-template="noir"] .nor-hero__cta-row{animation-delay:.18s} [data-template="noir"] .nor-grain{animation:nor-grain 1.2s steps(4,end) infinite} [data-template="noir"] .nor-hero__filmstrip{animation:nor-reel 1.4s linear infinite} [data-template="noir"] .nor-hero__slate-dot{animation:nor-flicker 3.2s ease-in-out infinite} } @media (prefers-reduced-motion: reduce){ [data-template="noir"] .nor-grain, [data-template="noir"] .nor-hero__filmstrip, [data-template="noir"] .nor-hero__slate-dot, [data-template="noir"] .nor-hero__inner > *{animation:none} } /* ======================================================================== RESPONSIVT ======================================================================== */ @media (max-width:1024px){ [data-template="noir"] .nor-reel{grid-template-columns:repeat(2,1fr)} [data-template="noir"] .nor-usps{grid-template-columns:repeat(2,1fr)} [data-template="noir"] .nor-band__inner{grid-template-columns:repeat(2,1fr)} [data-template="noir"] .nor-about{grid-template-columns:1fr;gap:24px} [data-template="noir"] .nor-footer__grid{grid-template-columns:1fr 1fr} [data-template="noir"] .nor-footer__colophon{grid-column:1 / -1;border-right:0;padding-right:0} } @media (max-width:860px){ [data-template="noir"] .nor-nav, [data-template="noir"] .nor-header__time, [data-template="noir"] .nor-header__cta{display:none} [data-template="noir"] .nor-burger{display:inline-flex} [data-template="noir"] .nor-header__right{margin-left:auto} } @media (max-width:600px){ [data-template="noir"] .nor-header__inner{padding:0 18px;gap:16px} [data-template="noir"] .nor-header__phone{display:none} [data-template="noir"] .nor-hero__inner{padding-left:18px;padding-right:18px;min-height:78vh} [data-template="noir"] .nor-section__inner, [data-template="noir"] .nor-trust__inner, [data-template="noir"] .nor-band__inner, [data-template="noir"] .nor-footer__inner{padding-left:18px;padding-right:18px} [data-template="noir"] .nor-reel, [data-template="noir"] .nor-usps{grid-template-columns:1fr} [data-template="noir"] .nor-band__inner{grid-template-columns:1fr 1fr} [data-template="noir"] .nor-footer__grid{grid-template-columns:1fr} [data-template="noir"] .nor-footer__col{border-right:0;padding-left:0!important;border-top:1px solid var(--nor-line)} [data-template="noir"] .nor-footer__meta{margin-left:0} [data-template="noir"] .nor-hero__fact{padding-right:18px;margin-right:18px} } /* ═══ QA-FIXAR (noir) ═══ */ /* [medel] html[data-template="noir"] .trusted__row svg */ html[data-template="noir"] .trusted__google-rating svg,html[data-template="noir"] .trusted__google-rating .hero__stars svg{filter:none;opacity:1;color:var(--brand)} /* [hög] html[data-template="noir"] .nor-burger__x */ html[data-template="noir"] .nor-burger{position:relative} /* [låg] html[data-template="noir"] .btn--primary, html[data-tem */ html[data-template="noir"] .btn--primary,html[data-template="noir"] .cta-strip .btn--primary,html[data-template="noir"] .mobile-call-bar .call,html[data-template="noir"] .form-step.is-active .form-step__bubble,html[data-template="noir"] .article-badge,html[data-template="noir"] .review-card__avatar{color:#0B0B0C} /* ═══ ANIMATIONS-FINPUTSNING (noir) — 6 loopande infinite-animationer (grain + filmstrip-reel + slate-dot-flicker, dup ═══ */ @media (prefers-reduced-motion: no-preference){ /* Ta bort de tva fullskarms-grain-looparna (1.2s, oandliga) — de animerar en stor brusterad overlay kontinuerligt = tung repaint, batteridragande och minst vardefull. Behall filmrulle-reel + slate-dot-flicker som noir-signatur. */ html[data-template="noir"] .nor-grain{animation:none} } @media (prefers-reduced-motion: reduce){ /* Säkra att alla nor-loopar pausas. */ html[data-template="noir"] .nor-grain, html[data-template="noir"] .nor-hero__filmstrip, html[data-template="noir"] .nor-hero__slate-dot, html[data-template="noir"] .nor-hero__inner > *, html[data-template="noir"] .reveal, html[data-template="noir"] [data-reveal]{animation:none} }