{"id":2,"date":"2026-03-28T18:47:48","date_gmt":"2026-03-28T18:47:48","guid":{"rendered":"https:\/\/xn--shildsdesign-scb.no\/?page_id=2"},"modified":"2026-08-12T12:02:51","modified_gmt":"2026-08-12T12:02:51","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/xn--shildsdesign-scb.no\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.ad-top {\n    --green-dark:#173f24;\n    --green:#2f7036;\n    --green-mid:#408348;\n    --green-light:#edf6ee;\n\n    --gold:#c7953d;\n\n    --text:#354039;\n    --muted:#68736b;\n\n    max-width:1180px;\n    margin:0 auto;\n    padding:10px;\n\n    color:var(--text);\n}\n\n.ad-top *,\n.ad-top *::before,\n.ad-top *::after {\n    box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.ad-top-hero {\n    position:relative;\n    isolation:isolate;\n    overflow:hidden;\n\n    display:grid;\n    grid-template-columns:1.15fr .85fr;\n    gap:40px;\n    align-items:center;\n\n    min-height:540px;\n\n    padding:clamp(38px,6vw,72px);\n\n    border:1px solid rgba(47,112,54,.15);\n    border-radius:28px;\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(199,149,61,.15),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            #fff,\n            #f4faf4 60%,\n            #edf6ee\n        );\n\n    box-shadow:\n        0 20px 55px rgba(30,75,38,.11);\n}\n\n\n.ad-top-hero-copy {\n    position:relative;\n    z-index:3;\n}\n\n\n.ad-top-eyebrow {\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:13px;\n\n    color:var(--green-mid);\n\n    font-size:13px;\n    font-weight:800;\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n\n.ad-top-eyebrow::before {\n    content:\"\";\n\n    width:25px;\n    height:2px;\n\n    background:currentColor;\n}\n\n\n.ad-top-hero h1 {\n    margin:0 0 20px;\n\n    color:var(--green-dark);\n\n    font-size:clamp(42px,6vw,68px);\n    line-height:1.03;\n    letter-spacing:-2px;\n}\n\n\n.ad-top-hero h1 span {\n    display:block;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--green),\n            #95691c\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    color:transparent;\n}\n\n\n.ad-top-lead {\n    max-width:650px;\n\n    margin-bottom:27px;\n\n    color:var(--muted);\n\n    font-size:18px;\n    line-height:1.8;\n}\n\n\n.ad-top-buttons {\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n}\n\n\n.ad-top-btn {\n    position:relative;\n    overflow:hidden;\n\n    display:inline-flex;\n    justify-content:center;\n    align-items:center;\n    gap:8px;\n\n    min-height:48px;\n\n    padding:13px 22px;\n\n    border-radius:11px;\n\n    font-weight:800;\n    text-decoration:none;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n\n.ad-top-btn:hover {\n    transform:translateY(-3px);\n}\n\n\n.ad-top-btn-main {\n    background:\n        linear-gradient(\n            135deg,\n            var(--green),\n            var(--green-mid)\n        );\n\n    color:white;\n\n    box-shadow:\n        0 12px 28px rgba(47,112,54,.25);\n}\n\n\n.ad-top-btn-alt {\n    border:1px solid rgba(47,112,54,.2);\n\n    background:rgba(255,255,255,.8);\n\n    color:var(--green-dark);\n}\n\n\n.ad-top-btn-white {\n    background:#fff;\n    color:var(--green-dark);\n\n    box-shadow:\n        0 8px 22px rgba(0,0,0,.08);\n}\n\n\n.ad-top-trust {\n    display:flex;\n    gap:20px;\n    flex-wrap:wrap;\n\n    margin-top:27px;\n\n    color:#617067;\n\n    font-size:14px;\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   ANIMERT LOGO\n   ========================================================= *\/\n\n.ad-top-art {\n    position:relative;\n\n    min-height:420px;\n}\n\n\n.ad-top-orbit {\n    position:absolute;\n\n    top:50%;\n    left:50%;\n\n    width:360px;\n    max-width:90vw;\n\n    aspect-ratio:1;\n\n    border:1px solid rgba(47,112,54,.22);\n    border-radius:50%;\n\n    transform:translate(-50%,-50%);\n\n    animation:\n        adOrbit 6s ease-in-out infinite;\n}\n\n\n.ad-top-orbit::before,\n.ad-top-orbit::after {\n    content:\"\";\n\n    position:absolute;\n\n    border:1px dashed rgba(199,149,61,.35);\n    border-radius:50%;\n}\n\n\n.ad-top-orbit::before {\n    inset:30px;\n}\n\n\n.ad-top-orbit::after {\n    inset:68px;\n}\n\n\n\/* SENTRUM MED LOGO *\/\n\n.ad-top-yarn {\n    position:absolute;\n\n    top:50%;\n    left:50%;\n\n    display:grid;\n    place-items:center;\n\n    width:230px;\n    height:230px;\n\n    padding:12px;\n\n    border-radius:50%;\n\n    background:rgba(255,255,255,.97);\n\n    box-shadow:\n        0 25px 60px rgba(31,75,39,.17),\n        0 0 0 8px rgba(255,255,255,.55);\n\n    transform:translate(-50%,-50%);\n}\n\n\n.ad-top-logo {\n    display:block;\n\n    width:100%;\n    height:100%;\n\n    object-fit:contain;\n\n    border-radius:50%;\n\n    filter:\n        drop-shadow(\n            0 8px 14px\n            rgba(23,63,36,.10)\n        );\n\n    transition:\n        transform .45s ease,\n        filter .45s ease;\n}\n\n\n.ad-top-yarn:hover .ad-top-logo {\n    transform:scale(1.045);\n\n    filter:\n        drop-shadow(\n            0 12px 20px\n            rgba(23,63,36,.16)\n        );\n}\n\n\n\/* GULLPUNKTER *\/\n\n.ad-top-dot {\n    position:absolute;\n\n    width:13px;\n    height:13px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n\n    box-shadow:\n        0 0 0 6px rgba(199,149,61,.12);\n}\n\n\n.dot1 {\n    top:15%;\n    left:22%;\n}\n\n\n.dot2 {\n    top:50%;\n    right:8%;\n}\n\n\n.dot3 {\n    bottom:10%;\n    left:37%;\n}\n\n\n\/* SVEVENDE KORT *\/\n\n.ad-top-float {\n    position:absolute;\n    z-index:3;\n\n    width:170px;\n\n    padding:14px 15px;\n\n    border:1px solid rgba(255,255,255,.8);\n    border-radius:15px;\n\n    background:rgba(255,255,255,.88);\n\n    box-shadow:\n        0 15px 40px rgba(30,73,37,.12);\n\n    backdrop-filter:blur(10px);\n\n    animation:\n        adFloat 5s ease-in-out infinite;\n}\n\n\n.ad-top-float strong,\n.ad-top-float small {\n    display:block;\n}\n\n\n.ad-top-float strong {\n    margin-top:7px;\n\n    color:var(--green-dark);\n}\n\n\n.ad-top-float small {\n    margin-top:3px;\n\n    color:var(--muted);\n}\n\n\n.ad-top-float-1 {\n    top:20px;\n    right:-5px;\n}\n\n\n.ad-top-float-2 {\n    bottom:20px;\n    left:-5px;\n\n    animation-delay:-2s;\n}\n\n\n\/* =========================================================\n   TILBUD\n   ========================================================= *\/\n\n.ad-top-offer {\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    gap:22px;\n    align-items:center;\n\n    margin-top:24px;\n\n    padding:25px 28px;\n\n    border:1px solid #d3e8d5;\n    border-radius:18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #e8f5e9,\n            #f7fbf7\n        );\n\n    box-shadow:\n        0 8px 24px rgba(31,78,40,.07);\n}\n\n\n.ad-top-offer-icon {\n    display:grid;\n    place-items:center;\n\n    width:58px;\n    height:58px;\n\n    border-radius:15px;\n\n    background:#fff;\n\n    font-size:28px;\n\n    box-shadow:\n        0 8px 20px rgba(31,78,40,.08);\n}\n\n\n.ad-top-small {\n    color:var(--green-mid);\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:1.4px;\n}\n\n\n.ad-top-offer h2 {\n    margin:4px 0 5px;\n\n    color:var(--green-dark);\n\n    font-size:24px;\n}\n\n\n.ad-top-offer p {\n    margin:0;\n\n    color:var(--muted);\n}\n\n\n\/* =========================================================\n   PRODUKTKORT\n   ========================================================= *\/\n\n.ad-top-products {\n    padding:75px 0 35px;\n}\n\n\n.ad-top-heading {\n    max-width:750px;\n\n    margin:0 auto 40px;\n\n    text-align:center;\n}\n\n\n.ad-top-heading h2 {\n    margin:0 0 14px;\n\n    color:var(--green-dark);\n\n    font-size:clamp(30px,4vw,43px);\n}\n\n\n.ad-top-heading p {\n    color:var(--muted);\n\n    font-size:17px;\n    line-height:1.7;\n}\n\n\n.ad-top-grid {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:18px;\n}\n\n\n.ad-top-card {\n    position:relative;\n    overflow:hidden;\n\n    min-height:275px;\n\n    padding:26px 23px;\n\n    border:1px solid #dfe9e0;\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:\n        0 8px 25px rgba(31,78,40,.07);\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease;\n}\n\n\n.ad-top-card::before {\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\n    height:4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--green-mid),\n            var(--gold)\n        );\n\n    transform:scaleX(0);\n    transform-origin:left;\n\n    transition:\n        transform .35s ease;\n}\n\n\n.ad-top-card:hover {\n    transform:translateY(-9px);\n\n    box-shadow:\n        0 18px 45px rgba(31,78,40,.13);\n}\n\n\n.ad-top-card:hover::before {\n    transform:scaleX(1);\n}\n\n\n.ad-top-card-icon {\n    display:grid;\n    place-items:center;\n\n    width:62px;\n    height:62px;\n\n    margin-bottom:20px;\n\n    border-radius:17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #edf6ee,\n            #fff8ee\n        );\n\n    font-size:30px;\n\n    transition:\n        transform .35s ease;\n}\n\n\n.ad-top-card:hover .ad-top-card-icon {\n    transform:\n        rotate(-5deg)\n        scale(1.08);\n}\n\n\n.ad-top-card h3 {\n    color:var(--green-dark);\n\n    font-size:22px;\n}\n\n\n.ad-top-card p {\n    color:var(--muted);\n\n    line-height:1.7;\n}\n\n\n.ad-top-card a {\n    position:absolute;\n\n    left:23px;\n    bottom:24px;\n\n    color:var(--green);\n\n    font-weight:800;\n    text-decoration:none;\n}\n\n\n\/* =========================================================\n   ROBUST SCROLL REVEAL\n   ========================================================= *\/\n\n.ad-top-reveal {\n    opacity:1;\n    transform:none;\n}\n\n\n.ad-top.ad-js .ad-top-reveal {\n    opacity:0;\n\n    transform:translateY(25px);\n\n    transition:\n        opacity .7s ease,\n        transform .7s ease;\n}\n\n\n.ad-top.ad-js .ad-top-reveal.ad-visible {\n    opacity:1;\n\n    transform:translateY(0);\n}\n\n\n\/* =========================================================\n   ANIMASJONER\n   ========================================================= *\/\n\n@keyframes adFloat {\n\n    0%,\n    100% {\n        transform:translateY(0);\n    }\n\n    50% {\n        transform:translateY(-9px);\n    }\n}\n\n\n@keyframes adOrbit {\n\n    0%,\n    100% {\n        transform:\n            translate(-50%,-50%)\n            rotate(-1deg);\n    }\n\n    50% {\n        transform:\n            translate(-50%,-53%)\n            rotate(2deg);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:980px) {\n\n    .ad-top-hero {\n        grid-template-columns:1fr;\n\n        text-align:center;\n    }\n\n    .ad-top-buttons,\n    .ad-top-trust {\n        justify-content:center;\n    }\n\n    .ad-top-art {\n        min-height:390px;\n    }\n\n    .ad-top-grid {\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n\n\/* =========================================================\n   MOBIL\n   ========================================================= *\/\n\n@media (max-width:700px) {\n\n    .ad-top {\n        padding:5px;\n    }\n\n    .ad-top-hero {\n        padding:38px 20px 20px;\n\n        border-radius:20px;\n    }\n\n    .ad-top-buttons {\n        display:grid;\n    }\n\n    .ad-top-btn {\n        width:100%;\n    }\n\n    .ad-top-art {\n        min-height:340px;\n    }\n\n    .ad-top-orbit {\n        width:285px;\n    }\n\n    .ad-top-orbit::before {\n        inset:24px;\n    }\n\n    .ad-top-orbit::after {\n        inset:53px;\n    }\n\n    .ad-top-yarn {\n        width:175px;\n        height:175px;\n\n        padding:9px;\n    }\n\n    .ad-top-float {\n        width:140px;\n\n        font-size:12px;\n    }\n\n    .ad-top-float-1 {\n        right:-8px;\n    }\n\n    .ad-top-float-2 {\n        left:-8px;\n    }\n\n    .ad-top-offer {\n        grid-template-columns:1fr;\n\n        text-align:center;\n    }\n\n    .ad-top-offer-icon {\n        margin:auto;\n    }\n\n    .ad-top-grid {\n        grid-template-columns:1fr;\n    }\n}\n\n\n\/* =========================================================\n   REDUSERT BEVEGELSE\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .ad-top-reveal,\n    .ad-top.ad-js .ad-top-reveal {\n        opacity:1 !important;\n        transform:none !important;\n        transition:none !important;\n    }\n\n    .ad-top-orbit,\n    .ad-top-float {\n        animation:none;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    const site =\n        document.querySelector('.ad-top');\n\n    if (!site) {\n        return;\n    }\n\n    site.classList.add('ad-js');\n\n\n    \/* SCROLL REVEAL *\/\n\n    const elements =\n        site.querySelectorAll('.ad-top-reveal');\n\n\n    if ('IntersectionObserver' in window) {\n\n        const observer =\n            new IntersectionObserver(\n                function (entries, obs) {\n\n                    entries.forEach(function (entry) {\n\n                        if (entry.isIntersecting) {\n\n                            entry.target.classList.add(\n                                'ad-visible'\n                            );\n\n                            obs.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    });\n\n                },\n                {\n                    threshold:0.08\n                }\n            );\n\n\n        elements.forEach(function (element) {\n\n            observer.observe(element);\n\n        });\n\n    } else {\n\n        elements.forEach(function (element) {\n\n            element.classList.add('ad-visible');\n\n        });\n\n    }\n\n\n    \/* LITEN PARALLAX-EFFEKT P\u00c5 LOGO-OMR\u00c5DET *\/\n\n    const hero =\n        site.querySelector('.ad-top-hero');\n\n    const art =\n        site.querySelector('.ad-top-art');\n\n\n    if (\n        hero &&\n        art &&\n        window.matchMedia('(min-width:981px)').matches &&\n        !window.matchMedia(\n            '(prefers-reduced-motion:reduce)'\n        ).matches\n    ) {\n\n        hero.addEventListener(\n            'mousemove',\n            function (event) {\n\n                const rect =\n                    hero.getBoundingClientRect();\n\n                const x =\n                    (event.clientX - rect.left) \/\n                    rect.width -\n                    0.5;\n\n                const y =\n                    (event.clientY - rect.top) \/\n                    rect.height -\n                    0.5;\n\n\n                art.style.transform =\n                    'translate3d(' +\n                    (x * 8) +\n                    'px,' +\n                    (y * 8) +\n                    'px,0)';\n\n            }\n        );\n\n\n        hero.addEventListener(\n            'mouseleave',\n            function () {\n\n                art.style.transform =\n                    'translate3d(0,0,0)';\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\n\n<div class=\"ad-top\">\n\n    <!-- HERO -->\n    <section class=\"ad-top-hero ad-top-reveal\">\n\n        <div class=\"ad-top-glow ad-top-glow-1\"><\/div>\n        <div class=\"ad-top-glow ad-top-glow-2\"><\/div>\n\n        <div class=\"ad-top-hero-copy\">\n\n            <span class=\"ad-top-eyebrow\">\n                H\u00e5ndlaget i Nordland\n            <\/span>\n\n            <h1>\n                Strikk og h\u00e5ndlaget\n                <span>med kj\u00e6rlighet<\/span>\n            <\/h1>\n\n            <p class=\"ad-top-lead\">\n                Hos \u00c5shilds Design finner du h\u00e5ndlagde produkter skapt med\n                kvalitet, tradisjon, skaperglede og omtanke i hver detalj.\n            <\/p>\n\n            <div class=\"ad-top-buttons\">\n\n                <a href=\"\/index.php\/shop\/\"\n                   class=\"ad-top-btn ad-top-btn-main\">\n                    \ud83d\udecd\ufe0f Bes\u00f8k nettbutikken\n                <\/a>\n\n                <a href=\"mailto:aashild@\u00e5shildsdesign.no\"\n                   class=\"ad-top-btn ad-top-btn-alt\">\n                    Kontakt \u00c5shild\n                <\/a>\n\n            <\/div>\n\n            <div class=\"ad-top-trust\">\n\n                <span>\u2713 H\u00e5ndlaget<\/span>\n                <span>\u2713 Fra Nordland<\/span>\n                <span>\u2713 Personlig service<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ANIMERT LOGO -->\n        <div class=\"ad-top-art\" aria-hidden=\"true\">\n\n            <div class=\"ad-top-orbit\">\n\n                <span class=\"ad-top-dot dot1\"><\/span>\n                <span class=\"ad-top-dot dot2\"><\/span>\n                <span class=\"ad-top-dot dot3\"><\/span>\n\n                <div class=\"ad-top-yarn\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/xn--shildsdesign-scb.no\/wp-content\/uploads\/2026\/03\/logo2.png\"\n                        alt=\"\u00c5shilds Design \u2013 strikk og h\u00e5ndlaget\"\n                        class=\"ad-top-logo\"\n                    >\n                <\/div>\n\n            <\/div>\n\n            <div class=\"ad-top-float ad-top-float-1\">\n                \ud83c\udf3f\n                <strong>Ekte h\u00e5ndverk<\/strong>\n                <small>Laget med omtanke<\/small>\n            <\/div>\n\n            <div class=\"ad-top-float ad-top-float-2\">\n                \u2728\n                <strong>Unike produkter<\/strong>\n                <small>Ikke masseprodusert<\/small>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- TILBUD -->\n    <section class=\"ad-top-offer ad-top-reveal\">\n\n        <div class=\"ad-top-offer-icon\">\n            \ud83c\udf3f\n        <\/div>\n\n        <div>\n\n            <span class=\"ad-top-small\">\n                AKTUELT\n            <\/span>\n\n            <h2>\n                Tilbud i nettbutikken akkurat n\u00e5\n            <\/h2>\n\n            <p>\n                Vi har tilbud p\u00e5 utvalgte varer i en begrenset periode.\n                Se hva som er tilgjengelig akkurat n\u00e5.\n            <\/p>\n\n        <\/div>\n\n        <a href=\"\/index.php\/shop\/\"\n           class=\"ad-top-btn ad-top-btn-white\">\n            Se tilbudene \u2192\n        <\/a>\n\n    <\/section>\n\n\n    <!-- PRODUKTKORT -->\n    <section class=\"ad-top-products ad-top-reveal\">\n\n        <div class=\"ad-top-heading\">\n\n            <span class=\"ad-top-eyebrow\">\n                Utforsk \u00c5shilds Design\n            <\/span>\n\n            <h2>\n                Strikk og h\u00e5ndlaget fra Nordland\n            <\/h2>\n\n            <p>\n                Tradisjonelt h\u00e5ndverk, personlige produkter og mulighet\n                for spesialbestilling.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"ad-top-grid\">\n\n            <article class=\"ad-top-card\">\n\n                <div class=\"ad-top-card-icon\">\n                    \ud83e\uddf6\n                <\/div>\n\n                <h3>Strikk<\/h3>\n\n                <p>\n                    Sokker, luer, sjal, kofter, skj\u00f8rt,\n                    pledd og mer.\n                <\/p>\n\n                <a href=\"\/index.php\/shop\/\">\n                    Se produkter \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"ad-top-card\">\n\n                <div class=\"ad-top-card-icon\">\n                    \ud83e\udea1\n                <\/div>\n\n                <h3>Hekling<\/h3>\n\n                <p>\n                    Personlig h\u00e5ndarbeid med fokus p\u00e5\n                    detaljer og kvalitet.\n                <\/p>\n\n                <a href=\"\/index.php\/shop\/\">\n                    Utforsk utvalget \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"ad-top-card\">\n\n                <div class=\"ad-top-card-icon\">\n                    \ud83d\udc9a\n                <\/div>\n\n                <h3>Spesialbestilling<\/h3>\n\n                <p>\n                    \u00d8nsker du en spesiell st\u00f8rrelse,\n                    farge eller personlig tilpasning?\n                <\/p>\n\n                <a href=\"mailto:aashild@\u00e5shildsdesign.no\">\n                    Kontakt \u00c5shild \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"ad-top-card\">\n\n                <div class=\"ad-top-card-icon\">\n                    \ud83e\udd5e\n                <\/div>\n\n                <h3>Tradisjonsbakst<\/h3>\n\n                <p>\n                    Nordnorsk bakst, blant annet\n                    hjemmelaget m\u00f8sbr\u00f8mlefse.\n                <\/p>\n\n                <a href=\"mailto:aashild@\u00e5shildsdesign.no\">\n                    Sp\u00f8r \u00c5shild \u2192\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n#ashild-about {\n    --aa-green:#245f32;\n    --aa-green-dark:#153f24;\n    --aa-green-light:#edf6ee;\n    --aa-green-soft:#f7fbf7;\n    --aa-gold:#c7953d;\n    --aa-gold-light:#fff8ec;\n    --aa-text:#37443a;\n    --aa-muted:#6e7c72;\n    --aa-border:#dce8de;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto;\n\n    color:var(--aa-text);\n    font-family:inherit;\n}\n\n#ashild-about * {\n    box-sizing:border-box;\n}\n\n#ashild-about h2,\n#ashild-about h3,\n#ashild-about p {\n    margin-top:0;\n}\n\n#ashild-about h2 {\n    color:var(--aa-green-dark);\n\n    font-size:clamp(32px,5vw,52px);\n    line-height:1.08;\n    font-weight:500;\n    letter-spacing:-1.5px;\n}\n\n#ashild-about p {\n    font-size:17px;\n    line-height:1.8;\n}\n\n\n\/* =====================================================\n   REVEAL\n===================================================== *\/\n\n.aa-reveal {\n    opacity:1;\n    transform:none;\n}\n\n#ashild-about.aa-js .aa-reveal {\n    opacity:0;\n    transform:translateY(30px);\n\n    transition:\n        opacity .75s ease,\n        transform .75s ease;\n}\n\n#ashild-about.aa-js .aa-reveal.aa-visible {\n    opacity:1;\n    transform:translateY(0);\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.aa-eyebrow {\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:15px;\n\n    color:#3f814d;\n\n    font-size:13px;\n    font-weight:800;\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n.aa-eyebrow > span {\n    display:block;\n\n    width:26px;\n    height:2px;\n\n    background:#3f814d;\n}\n\n.aa-eyebrow-center {\n    justify-content:center;\n}\n\n\n\/* =====================================================\n   PROFIL\n===================================================== *\/\n\n.aa-profile {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    gap:70px;\n    align-items:center;\n\n    padding:75px 30px;\n}\n\n.aa-profile-image-wrap {\n    position:relative;\n}\n\n.aa-profile-image {\n    position:relative;\n    z-index:2;\n\n    display:block;\n\n    width:100%;\n    max-height:650px;\n\n    object-fit:cover;\n\n    border-radius:30px 90px 30px 30px;\n\n    box-shadow:\n        0 30px 70px rgba(26,71,37,.14);\n\n    transition:\n        transform .5s ease,\n        box-shadow .5s ease;\n}\n\n.aa-profile-image:hover {\n    transform:scale(1.015);\n\n    box-shadow:\n        0 35px 80px rgba(26,71,37,.19);\n}\n\n.aa-image-decoration {\n    position:absolute;\n    border-radius:50%;\n}\n\n.aa-decoration-one {\n    width:160px;\n    height:160px;\n\n    right:-25px;\n    top:-30px;\n\n    background:#edf5df;\n}\n\n.aa-decoration-two {\n    width:120px;\n    height:120px;\n\n    left:-25px;\n    bottom:-25px;\n\n    border:1px solid #d5e7d8;\n}\n\n\n\/* SNAKKEBOBLE *\/\n\n.aa-image-badge {\n    position:absolute;\n    z-index:3;\n\n    right:-25px;\n    bottom:35px;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    padding:16px 20px;\n\n    border-radius:17px;\n\n    background:rgba(255,255,255,.96);\n\n    box-shadow:\n        0 15px 45px rgba(20,62,32,.15);\n\n    backdrop-filter:blur(8px);\n\n    animation:\n        aaFloat 5s ease-in-out infinite;\n}\n\n.aa-image-badge::after {\n    content:\"\";\n\n    position:absolute;\n\n    left:24px;\n    bottom:-10px;\n\n    width:22px;\n    height:22px;\n\n    background:#fff;\n\n    transform:rotate(45deg);\n\n    border-radius:0 0 4px 0;\n}\n\n.aa-image-badge > span {\n    position:relative;\n    z-index:2;\n\n    flex:0 0 auto;\n\n    font-size:30px;\n}\n\n.aa-image-badge > div {\n    position:relative;\n    z-index:2;\n}\n\n.aa-image-badge strong,\n.aa-image-badge small {\n    display:block;\n}\n\n.aa-image-badge strong {\n    color:var(--aa-green-dark);\n}\n\n.aa-image-badge small {\n    color:var(--aa-muted);\n}\n\n\n\/* NORDNORSK TEKST *\/\n\n.aa-image-badge-dialect {\n    min-width:275px;\n    max-width:320px;\n\n    padding:17px 21px;\n}\n\n.aa-image-badge-dialect strong {\n    margin-bottom:4px;\n\n    font-size:16px;\n    font-weight:800;\n    line-height:1.35;\n}\n\n.aa-image-badge-dialect small {\n    color:#67776b;\n\n    font-size:14px;\n    font-weight:600;\n    line-height:1.4;\n}\n\n\n.aa-profile-content {\n    padding:20px 0;\n}\n\n.aa-lead {\n    color:var(--aa-green-dark) !important;\n\n    font-size:20px !important;\n    font-weight:700;\n}\n\n.aa-profile-content blockquote {\n    position:relative;\n\n    margin:28px 0;\n\n    padding:23px 25px 23px 54px;\n\n    border:none;\n    border-radius:17px;\n\n    background:var(--aa-green);\n\n    color:#fff;\n\n    font-size:18px;\n    line-height:1.7;\n\n    box-shadow:\n        0 15px 35px rgba(36,95,50,.16);\n}\n\n.aa-profile-content blockquote > span {\n    position:absolute;\n\n    left:20px;\n    top:6px;\n\n    font-size:50px;\n    line-height:1;\n\n    opacity:.35;\n}\n\n.aa-profile-tags {\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n}\n\n.aa-profile-tags span {\n    padding:8px 13px;\n\n    border:1px solid var(--aa-border);\n    border-radius:100px;\n\n    background:#fff;\n\n    color:#54705b;\n\n    font-size:13px;\n    font-weight:700;\n}\n\n\n\/* =====================================================\n   FELLES OVERSKRIFT\n===================================================== *\/\n\n.aa-section-heading {\n    max-width:760px;\n\n    margin:0 auto 45px;\n\n    text-align:center;\n}\n\n.aa-section-heading p {\n    color:var(--aa-muted);\n}\n\n\n\/* =====================================================\n   HISTORIE\n===================================================== *\/\n\n.aa-story {\n    padding:80px 30px;\n\n    border-radius:35px;\n\n    background:\n        radial-gradient(\n            circle at 10% 10%,\n            rgba(205,222,181,.42),\n            transparent 25%\n        ),\n        linear-gradient(\n            135deg,\n            #f8fbf5,\n            #f2f8f2\n        );\n}\n\n.aa-story-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px;\n}\n\n.aa-story-card {\n    position:relative;\n    overflow:hidden;\n\n    padding:30px;\n\n    border:1px solid rgba(211,229,214,.9);\n    border-radius:20px;\n\n    background:rgba(255,255,255,.82);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n.aa-story-card:hover {\n    transform:translateY(-7px);\n\n    box-shadow:\n        0 20px 45px rgba(35,85,46,.10);\n}\n\n.aa-story-number {\n    position:absolute;\n\n    right:18px;\n    top:8px;\n\n    color:rgba(36,95,50,.07);\n\n    font-size:70px;\n    font-weight:800;\n}\n\n.aa-story-icon {\n    position:relative;\n    z-index:2;\n\n    margin-bottom:20px;\n\n    font-size:34px;\n}\n\n.aa-story-card h3 {\n    position:relative;\n    z-index:2;\n\n    color:var(--aa-green-dark);\n\n    font-size:21px;\n}\n\n.aa-story-card p {\n    position:relative;\n    z-index:2;\n\n    margin-bottom:0;\n\n    color:var(--aa-muted);\n\n    font-size:15px !important;\n}\n\n\n\/* =====================================================\n   DET \u00c5SHILD LAGER\n===================================================== *\/\n\n.aa-crafts {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:55px;\n    align-items:center;\n\n    padding:85px 30px;\n}\n\n.aa-craft-list {\n    display:grid;\n    gap:12px;\n}\n\n.aa-craft-item {\n    display:flex;\n    align-items:center;\n    gap:17px;\n\n    padding:18px 20px;\n\n    border:1px solid var(--aa-border);\n    border-radius:17px;\n\n    background:#fff;\n\n    box-shadow:\n        0 8px 25px rgba(37,77,45,.04);\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease,\n        box-shadow .25s ease;\n}\n\n.aa-craft-item:hover {\n    transform:translateX(7px);\n\n    border-color:#b9d6be;\n\n    box-shadow:\n        0 12px 30px rgba(37,77,45,.08);\n}\n\n.aa-craft-item > span {\n    display:grid;\n    place-items:center;\n\n    flex:0 0 50px;\n\n    width:50px;\n    height:50px;\n\n    border-radius:14px;\n\n    background:var(--aa-green-light);\n\n    font-size:25px;\n}\n\n.aa-craft-item strong,\n.aa-craft-item small {\n    display:block;\n}\n\n.aa-craft-item strong {\n    margin-bottom:3px;\n\n    color:var(--aa-green-dark);\n\n    font-size:16px;\n}\n\n.aa-craft-item small {\n    color:var(--aa-muted);\n\n    line-height:1.5;\n}\n\n\n\/* =====================================================\n   KNAPPER\n===================================================== *\/\n\n.aa-button {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    margin-top:12px;\n\n    padding:14px 23px;\n\n    border-radius:11px;\n\n    text-decoration:none !important;\n\n    font-weight:800;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n}\n\n.aa-button:hover {\n    transform:translateY(-3px);\n}\n\n.aa-button-primary {\n    background:var(--aa-green);\n\n    color:#fff !important;\n\n    box-shadow:\n        0 10px 25px rgba(36,95,50,.16);\n}\n\n\n\/* =====================================================\n   NORDLAND\n===================================================== *\/\n\n.aa-nordland {\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    gap:25px;\n    align-items:center;\n\n    margin:0 30px 80px;\n\n    padding:30px;\n\n    border-radius:22px;\n\n    background:var(--aa-green-dark);\n\n    color:#fff;\n\n    box-shadow:\n        0 18px 45px rgba(20,62,31,.15);\n}\n\n.aa-nordland-icon {\n    display:grid;\n    place-items:center;\n\n    width:70px;\n    height:70px;\n\n    border-radius:50%;\n\n    background:rgba(255,255,255,.1);\n\n    font-size:32px;\n}\n\n.aa-nordland h2 {\n    margin:3px 0 7px !important;\n\n    color:#fff !important;\n\n    font-size:28px !important;\n}\n\n.aa-nordland p {\n    margin:0 !important;\n\n    color:rgba(255,255,255,.78);\n\n    font-size:14px !important;\n}\n\n.aa-small-title {\n    color:#b9d7a6;\n\n    font-size:11px;\n    font-weight:800;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n}\n\n.aa-nordland-location {\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    min-width:175px;\n\n    padding:14px 17px;\n\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:14px;\n\n    background:rgba(255,255,255,.08);\n}\n\n.aa-nordland-location > span {\n    font-size:23px;\n}\n\n.aa-nordland-location strong,\n.aa-nordland-location small {\n    display:block;\n}\n\n.aa-nordland-location small {\n    margin-top:2px;\n\n    color:rgba(255,255,255,.65);\n}\n\n\n\/* =====================================================\n   PROSESS\n===================================================== *\/\n\n.aa-custom {\n    padding:20px 30px 90px;\n}\n\n.aa-process {\n    display:grid;\n\n    grid-template-columns:\n        1fr auto 1fr auto 1fr;\n\n    gap:18px;\n    align-items:start;\n}\n\n.aa-process-step {\n    text-align:center;\n}\n\n.aa-process-circle {\n    display:grid;\n    place-items:center;\n\n    width:58px;\n    height:58px;\n\n    margin:0 auto 18px;\n\n    border:6px solid var(--aa-green-light);\n    border-radius:50%;\n\n    background:var(--aa-green);\n\n    color:#fff;\n\n    font-weight:800;\n}\n\n.aa-process-step h3 {\n    color:var(--aa-green-dark);\n\n    font-size:18px;\n}\n\n.aa-process-step p {\n    color:var(--aa-muted);\n\n    font-size:14px !important;\n}\n\n.aa-process-line {\n    width:80px;\n    height:1px;\n\n    margin-top:29px;\n\n    background:#cfdfd1;\n}\n\n\n\/* =====================================================\n   M\u00c5L\n===================================================== *\/\n\n.aa-measure {\n    display:grid;\n    grid-template-columns:auto 1fr;\n    gap:25px;\n\n    margin:0 30px 90px;\n\n    padding:30px;\n\n    border:1px solid #eadbbd;\n    border-radius:22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #fffaf1,\n            #fffdf8\n        );\n}\n\n.aa-measure-icon {\n    display:grid;\n    place-items:center;\n\n    width:65px;\n    height:65px;\n\n    border-radius:18px;\n\n    background:#f6e8c9;\n\n    font-size:30px;\n}\n\n.aa-measure-content > span {\n    color:#9b762f;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:1.3px;\n    text-transform:uppercase;\n}\n\n.aa-measure h2 {\n    margin:6px 0 15px !important;\n\n    color:#69501f !important;\n\n    font-size:27px !important;\n}\n\n.aa-measure p {\n    font-size:15px !important;\n}\n\n.aa-measure-note {\n    margin-top:17px;\n\n    padding:15px 17px;\n\n    border-left:3px solid var(--aa-gold);\n    border-radius:9px;\n\n    background:#fff;\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n.aa-faq {\n    padding:20px 30px 90px;\n}\n\n.aa-faq-list {\n    display:grid;\n    gap:12px;\n\n    max-width:900px;\n\n    margin:0 auto;\n}\n\n.aa-faq-item {\n    overflow:hidden;\n\n    border:1px solid var(--aa-border);\n    border-radius:17px;\n\n    background:#fff;\n\n    box-shadow:\n        0 8px 30px rgba(32,74,41,.035);\n\n    transition:\n        border-color .25s ease,\n        box-shadow .25s ease,\n        transform .25s ease;\n}\n\n.aa-faq-item:hover {\n    transform:translateY(-2px);\n\n    box-shadow:\n        0 12px 34px rgba(32,74,41,.07);\n}\n\n.aa-faq-item.aa-open {\n    border-color:#bcd8c1;\n\n    box-shadow:\n        0 15px 40px rgba(32,74,41,.08);\n}\n\n.aa-faq-question {\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    gap:16px;\n    align-items:center;\n\n    width:100%;\n\n    padding:19px 20px;\n\n    border:0;\n\n    background:none;\n\n    color:inherit;\n\n    text-align:left;\n\n    cursor:pointer;\n\n    font:inherit;\n}\n\n.aa-faq-symbol {\n    display:grid;\n    place-items:center;\n\n    width:46px;\n    height:46px;\n\n    border-radius:13px;\n\n    background:var(--aa-green-light);\n\n    font-size:22px;\n\n    transition:\n        transform .3s ease,\n        background .3s ease;\n}\n\n.aa-faq-item.aa-open .aa-faq-symbol {\n    transform:scale(1.05);\n\n    background:#e2f0e4;\n}\n\n.aa-faq-title {\n    color:var(--aa-green-dark);\n\n    font-size:16px;\n    font-weight:800;\n}\n\n.aa-faq-title small {\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#78907d;\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.aa-faq-plus {\n    display:grid;\n    place-items:center;\n\n    width:34px;\n    height:34px;\n\n    border-radius:50%;\n\n    background:var(--aa-green-light);\n\n    color:var(--aa-green);\n\n    font-size:22px;\n    font-weight:400;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease;\n}\n\n.aa-faq-item.aa-open .aa-faq-plus {\n    transform:rotate(45deg);\n\n    background:var(--aa-green);\n\n    color:#fff;\n}\n\n.aa-faq-answer {\n    max-height:0;\n    overflow:hidden;\n\n    opacity:0;\n\n    transition:\n        max-height .45s ease,\n        opacity .3s ease;\n}\n\n.aa-faq-item.aa-open .aa-faq-answer {\n    opacity:1;\n}\n\n.aa-faq-answer-inner {\n    padding:0 25px 25px 82px;\n}\n\n.aa-faq-answer-inner::before {\n    content:\"\";\n\n    display:block;\n\n    height:1px;\n\n    margin-bottom:18px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--aa-border),\n            transparent\n        );\n}\n\n.aa-faq-answer-inner p {\n    margin-bottom:12px !important;\n\n    color:#657268;\n\n    font-size:15px !important;\n}\n\n.aa-faq-answer-inner a {\n    display:inline-block;\n\n    margin-top:3px;\n\n    color:var(--aa-green);\n\n    font-weight:800;\n    text-decoration:none;\n}\n\n.aa-faq-answer-inner a:hover {\n    text-decoration:underline;\n}\n\n.aa-payment-grid {\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:9px;\n\n    margin:17px 0;\n}\n\n.aa-payment-grid > div {\n    display:grid;\n    grid-template-columns:auto 1fr;\n    column-gap:9px;\n\n    padding:13px;\n\n    border:1px solid var(--aa-border);\n    border-radius:12px;\n\n    background:var(--aa-green-soft);\n}\n\n.aa-payment-grid > div > span {\n    grid-row:1 \/ 3;\n\n    font-size:22px;\n}\n\n.aa-payment-grid strong {\n    color:var(--aa-green-dark);\n}\n\n.aa-payment-grid small {\n    color:var(--aa-muted);\n}\n\n.aa-answer-note {\n    padding:12px 14px;\n\n    border-left:3px solid var(--aa-gold);\n    border-radius:8px;\n\n    background:var(--aa-gold-light);\n}\n\n.aa-info-row {\n    margin:8px 0;\n\n    padding:11px 14px;\n\n    border-radius:9px;\n\n    background:var(--aa-green-soft);\n\n    color:#526758;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.aa-cta {\n    position:relative;\n    overflow:hidden;\n\n    margin:0 30px 30px;\n\n    padding:55px 30px;\n\n    border-radius:30px;\n\n    background:\n        radial-gradient(\n            circle at 80% 20%,\n            rgba(255,255,255,.12),\n            transparent 25%\n        ),\n        linear-gradient(\n            135deg,\n            #174624,\n            #2f743c\n        );\n\n    color:#fff;\n\n    text-align:center;\n}\n\n.aa-cta-decoration {\n    position:absolute;\n\n    width:280px;\n    height:280px;\n\n    right:-120px;\n    bottom:-160px;\n\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:50%;\n}\n\n.aa-cta-logo {\n    display:block;\n\n    width:120px;\n    max-height:100px;\n\n    margin:0 auto 20px;\n\n    object-fit:contain;\n\n    border-radius:50%;\n\n    background:#fff;\n\n    transition:\n        transform .4s ease;\n}\n\n.aa-cta-logo:hover {\n    transform:scale(1.05);\n}\n\n.aa-cta-small {\n    color:#c8dfba;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n}\n\n.aa-cta h2 {\n    max-width:700px;\n\n    margin:9px auto 15px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(30px,5vw,45px) !important;\n}\n\n.aa-cta p {\n    max-width:720px;\n\n    margin:0 auto 22px !important;\n\n    color:rgba(255,255,255,.78);\n}\n\n.aa-cta-buttons {\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:10px;\n}\n\n.aa-button-light {\n    background:#fff;\n\n    color:var(--aa-green-dark) !important;\n}\n\n.aa-button-outline {\n    border:1px solid rgba(255,255,255,.35);\n\n    background:rgba(255,255,255,.08);\n\n    color:#fff !important;\n}\n\n\n\/* =====================================================\n   ANIMASJONER\n===================================================== *\/\n\n@keyframes aaFloat {\n\n    0%,\n    100% {\n        transform:translateY(0);\n    }\n\n    50% {\n        transform:translateY(-8px);\n    }\n\n}\n\n\n\/* =====================================================\n   RESPONSIV\n===================================================== *\/\n\n@media(max-width:850px) {\n\n    .aa-profile,\n    .aa-crafts {\n        grid-template-columns:1fr;\n    }\n\n    .aa-profile {\n        gap:40px;\n    }\n\n    .aa-profile-image {\n        max-height:550px;\n    }\n\n    .aa-image-badge {\n        right:10px;\n    }\n\n    .aa-story-grid {\n        grid-template-columns:1fr;\n    }\n\n    .aa-process {\n        grid-template-columns:1fr;\n    }\n\n    .aa-process-line {\n        width:1px;\n        height:30px;\n\n        margin:0 auto;\n\n        background:#cfdfd1;\n    }\n\n    .aa-nordland {\n        grid-template-columns:auto 1fr;\n    }\n\n    .aa-nordland-location {\n        grid-column:1 \/ -1;\n    }\n\n}\n\n\n@media(max-width:600px) {\n\n    .aa-profile,\n    .aa-story,\n    .aa-crafts,\n    .aa-custom,\n    .aa-faq {\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .aa-profile {\n        padding-top:45px;\n        padding-bottom:55px;\n    }\n\n    .aa-profile-image {\n        border-radius:22px 55px 22px 22px;\n    }\n\n    .aa-image-badge {\n        right:8px;\n        bottom:18px;\n    }\n\n    .aa-image-badge-dialect {\n        min-width:0;\n        width:calc(100% - 28px);\n        max-width:285px;\n\n        padding:13px 15px;\n    }\n\n    .aa-image-badge-dialect > span {\n        font-size:25px;\n    }\n\n    .aa-image-badge-dialect strong {\n        font-size:14px;\n    }\n\n    .aa-image-badge-dialect small {\n        font-size:12px;\n    }\n\n    .aa-story {\n        padding-top:55px;\n        padding-bottom:55px;\n\n        border-radius:24px;\n    }\n\n    .aa-crafts {\n        padding-top:60px;\n        padding-bottom:60px;\n    }\n\n    .aa-nordland,\n    .aa-measure,\n    .aa-cta {\n        margin-left:0;\n        margin-right:0;\n    }\n\n    .aa-nordland {\n        grid-template-columns:1fr;\n\n        text-align:center;\n    }\n\n    .aa-nordland-icon {\n        margin:auto;\n    }\n\n    .aa-nordland-location {\n        justify-content:center;\n    }\n\n    .aa-measure {\n        grid-template-columns:1fr;\n    }\n\n    .aa-payment-grid {\n        grid-template-columns:1fr;\n    }\n\n    .aa-faq-question {\n        grid-template-columns:auto 1fr auto;\n\n        gap:10px;\n\n        padding:16px 14px;\n    }\n\n    .aa-faq-symbol {\n        width:40px;\n        height:40px;\n\n        font-size:19px;\n    }\n\n    .aa-faq-title {\n        font-size:14px;\n    }\n\n    .aa-faq-answer-inner {\n        padding:\n            0 16px 20px 64px;\n    }\n\n    .aa-cta {\n        padding:45px 18px;\n\n        border-radius:23px;\n    }\n\n    .aa-cta-buttons {\n        flex-direction:column;\n    }\n\n    .aa-cta-buttons .aa-button {\n        width:100%;\n    }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n    .aa-reveal,\n    #ashild-about.aa-js .aa-reveal {\n        opacity:1 !important;\n\n        transform:none !important;\n\n        transition:none !important;\n    }\n\n    .aa-image-badge {\n        animation:none;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function initAshildAbout() {\n\n        const root =\n            document.querySelector(\"#ashild-about\");\n\n        if (!root) {\n            return;\n        }\n\n\n        \/* =====================================================\n           AKTIVER JS-MODUS\n        ====================================================== *\/\n\n        root.classList.add(\"aa-js\");\n\n\n        \/* =====================================================\n           FAQ ACCORDION\n        ====================================================== *\/\n\n        const faqItems =\n            root.querySelectorAll(\".aa-faq-item\");\n\n\n        faqItems.forEach(function (item) {\n\n            const button =\n                item.querySelector(\".aa-faq-question\");\n\n            const answer =\n                item.querySelector(\".aa-faq-answer\");\n\n\n            if (!button || !answer) {\n                return;\n            }\n\n\n            button.addEventListener(\n                \"click\",\n                function () {\n\n                    const alreadyOpen =\n                        item.classList.contains(\"aa-open\");\n\n\n                    \/* LUKK ALLE ANDRE *\/\n\n                    faqItems.forEach(\n                        function (otherItem) {\n\n                            if (otherItem === item) {\n                                return;\n                            }\n\n\n                            const otherButton =\n                                otherItem.querySelector(\n                                    \".aa-faq-question\"\n                                );\n\n                            const otherAnswer =\n                                otherItem.querySelector(\n                                    \".aa-faq-answer\"\n                                );\n\n\n                            otherItem.classList.remove(\n                                \"aa-open\"\n                            );\n\n\n                            if (otherButton) {\n\n                                otherButton.setAttribute(\n                                    \"aria-expanded\",\n                                    \"false\"\n                                );\n\n                            }\n\n\n                            if (otherAnswer) {\n\n                                otherAnswer.style.maxHeight =\n                                    null;\n\n                            }\n\n                        }\n                    );\n\n\n                    \/* \u00c5PNE \/ LUKK VALGT *\/\n\n                    if (alreadyOpen) {\n\n                        item.classList.remove(\n                            \"aa-open\"\n                        );\n\n                        button.setAttribute(\n                            \"aria-expanded\",\n                            \"false\"\n                        );\n\n                        answer.style.maxHeight =\n                            null;\n\n                    } else {\n\n                        item.classList.add(\n                            \"aa-open\"\n                        );\n\n                        button.setAttribute(\n                            \"aria-expanded\",\n                            \"true\"\n                        );\n\n                        answer.style.maxHeight =\n                            answer.scrollHeight +\n                            \"px\";\n\n                    }\n\n                }\n            );\n\n        });\n\n\n        \/* =====================================================\n           SCROLL REVEAL\n        ====================================================== *\/\n\n        const revealElements =\n            root.querySelectorAll(\".aa-reveal\");\n\n\n        if (\"IntersectionObserver\" in window) {\n\n            const observer =\n                new IntersectionObserver(\n                    function (\n                        entries,\n                        observerInstance\n                    ) {\n\n                        entries.forEach(\n                            function (entry) {\n\n                                if (\n                                    entry.isIntersecting\n                                ) {\n\n                                    entry.target\n                                        .classList\n                                        .add(\n                                            \"aa-visible\"\n                                        );\n\n                                    observerInstance\n                                        .unobserve(\n                                            entry.target\n                                        );\n\n                                }\n\n                            }\n                        );\n\n                    },\n                    {\n                        threshold:0.08,\n                        rootMargin:\n                            \"0px 0px -20px 0px\"\n                    }\n                );\n\n\n            revealElements.forEach(\n                function (element) {\n\n                    observer.observe(\n                        element\n                    );\n\n                }\n            );\n\n        } else {\n\n            revealElements.forEach(\n                function (element) {\n\n                    element.classList.add(\n                        \"aa-visible\"\n                    );\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           OPPDATER FAQ-H\u00d8YDE VED RESIZE\n        ====================================================== *\/\n\n        let resizeTimer;\n\n\n        window.addEventListener(\n            \"resize\",\n            function () {\n\n                clearTimeout(\n                    resizeTimer\n                );\n\n\n                resizeTimer =\n                    setTimeout(\n                        function () {\n\n                            const openAnswers =\n                                root.querySelectorAll(\n                                    \".aa-faq-item.aa-open .aa-faq-answer\"\n                                );\n\n\n                            openAnswers.forEach(\n                                function (answer) {\n\n                                    answer.style.maxHeight =\n                                        answer.scrollHeight +\n                                        \"px\";\n\n                                }\n                            );\n\n                        },\n                        150\n                    );\n\n            }\n        );\n\n    }\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initAshildAbout\n        );\n\n    } else {\n\n        initAshildAbout();\n\n    }\n\n})();\n<\/script>\n\n<div id=\"ashild-about\">\n\n    <!-- =====================================================\n         OM \u00c5SHILD \/ PROFIL\n    ====================================================== -->\n    <section class=\"aa-profile aa-reveal\">\n\n        <div class=\"aa-profile-image-wrap\">\n            <div class=\"aa-image-decoration aa-decoration-one\"><\/div>\n            <div class=\"aa-image-decoration aa-decoration-two\"><\/div>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/xn--shildsdesign-scb.no\/wp-content\/uploads\/2026\/03\/profil-bilde.png\"\n                alt=\"\u00c5shild fra \u00c5shilds Design med strikk og h\u00e5ndlaget produkt\"\n                class=\"aa-profile-image\"\n                loading=\"lazy\"\n            >\n\n            <div class=\"aa-image-badge aa-image-badge-dialect\">\n                <span>\ud83e\uddf6<\/span>\n\n                <div>\n                    <strong>N\u00e6mmen, e du her, v\u00e6nnen?<\/strong>\n                    <small>Sef\u00f8lgeli kan vi lag det! \ud83d\ude04<\/small>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"aa-profile-content\">\n\n            <div class=\"aa-eyebrow\">\n                <span><\/span>\n                Mennesket bak h\u00e5ndverket\n            <\/div>\n\n            <h2>M\u00f8t \u00c5shild<\/h2>\n\n            <p class=\"aa-lead\">\n                For \u00c5shild handler strikk og h\u00e5ndlaget om mer enn garn,\n                masker og m\u00f8nstre.\n            <\/p>\n\n            <p>\n                Hun har strikket store deler av livet og gjennom mange \u00e5r\n                bygget opp erfaring, t\u00e5lmodighet og en sikker sans for\n                farger, form og detaljer.\n            <\/p>\n\n            <p>\n                Hos \u00c5shilds Design blir strikk og h\u00e5ndlaget skapt med\n                personlig omtanke. Hvert produkt f\u00e5r tiden og oppmerksomheten\n                det trenger, med m\u00e5l om \u00e5 lage noe som b\u00e5de er fint,\n                nyttig og varig.\n            <\/p>\n\n            <blockquote>\n                <span>\u201c<\/span>\n                Et h\u00e5ndlaget produkt skal v\u00e6re noe du kan bruke,\n                bli glad i og ta vare p\u00e5.\n            <\/blockquote>\n\n            <div class=\"aa-profile-tags\">\n                <span>\u2713 H\u00e5ndlaget<\/span>\n                <span>\u2713 Personlig<\/span>\n                <span>\u2713 Fra Nordland<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         HISTORIE\n    ====================================================== -->\n    <section class=\"aa-story aa-reveal\">\n\n        <div class=\"aa-section-heading\">\n            <div class=\"aa-eyebrow aa-eyebrow-center\">\n                <span><\/span>\n                Fra skaperglede til \u00c5shilds Design\n                <span><\/span>\n            <\/div>\n\n            <h2>En dr\u00f8m gjort til virkelighet<\/h2>\n\n            <p>\n                Det som startet med kj\u00e6rligheten til h\u00e5ndarbeid,\n                har blitt et sted hvor tradisjon og skaperglede kan deles med flere.\n            <\/p>\n        <\/div>\n\n\n        <div class=\"aa-story-grid\">\n\n            <article class=\"aa-story-card\">\n                <div class=\"aa-story-number\">01<\/div>\n                <div class=\"aa-story-icon\">\ud83e\uddf6<\/div>\n\n                <h3>Mange \u00e5r med h\u00e5ndarbeid<\/h3>\n\n                <p>\n                    Strikk, hekling og kreativt arbeid har v\u00e6rt en del av\n                    \u00c5shilds liv gjennom mange \u00e5r.\n                <\/p>\n            <\/article>\n\n\n            <article class=\"aa-story-card\">\n                <div class=\"aa-story-number\">02<\/div>\n                <div class=\"aa-story-icon\">\ud83c\udf3f<\/div>\n\n                <h3>En id\u00e9 vokste frem<\/h3>\n\n                <p>\n                    \u00d8nsket om \u00e5 dele h\u00e5ndverket, erfaringen og de hjemmelagde\n                    produktene med flere ble etter hvert sterkere.\n                <\/p>\n            <\/article>\n\n\n            <article class=\"aa-story-card\">\n                <div class=\"aa-story-number\">03<\/div>\n                <div class=\"aa-story-icon\">\u2728<\/div>\n\n                <h3>\u00c5shilds Design<\/h3>\n\n                <p>\n                    I 2026 ble dr\u00f8mmen gjort til virkelighet med egen hobbybutikk,\n                    nettbutikk og mulighet for personlige bestillinger.\n                <\/p>\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         DET \u00c5SHILD LAGER\n    ====================================================== -->\n    <section class=\"aa-crafts aa-reveal\">\n\n        <div class=\"aa-crafts-content\">\n\n            <div class=\"aa-eyebrow\">\n                <span><\/span>\n                Laget p\u00e5 bestilling\n            <\/div>\n\n            <h2>Ikke alt trenger \u00e5 finnes p\u00e5 lager<\/h2>\n\n            <p class=\"aa-lead\">\n                Mye av det \u00c5shild lager blir laget f\u00f8rst n\u00e5r kunden bestiller.\n            <\/p>\n\n            <p>\n                Det gj\u00f8r det mulig \u00e5 tilpasse st\u00f8rrelse, farger og detaljer\n                til personen som faktisk skal bruke produktet.\n            <\/p>\n\n            <p>\n                Har du sett noe du liker, eller har du en id\u00e9 til noe som\n                ikke finnes i nettbutikken? Mye innen strikk og h\u00e5ndlaget\n                kan lages p\u00e5 bestilling etter avtale med \u00c5shild.\n            <\/p>\n\n            <a href=\"mailto:aashild@\u00e5shildsdesign.no\" class=\"aa-button aa-button-primary\">\n                \ud83d\udc8c Sp\u00f8r \u00c5shild\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"aa-craft-list\">\n\n            <div class=\"aa-craft-item\">\n                <span>\ud83e\udde6<\/span>\n                <div>\n                    <strong>Strikk<\/strong>\n                    <small>Sokker, luer, sjal, kofter, skj\u00f8rt, pledd og mer<\/small>\n                <\/div>\n            <\/div>\n\n            <div class=\"aa-craft-item\">\n                <span>\ud83e\uddf6<\/span>\n                <div>\n                    <strong>Hekling<\/strong>\n                    <small>H\u00e5ndlagde produkter og personlige \u00f8nsker<\/small>\n                <\/div>\n            <\/div>\n\n            <div class=\"aa-craft-item\">\n                <span>\ud83d\udccf<\/span>\n                <div>\n                    <strong>Spesialbestillinger<\/strong>\n                    <small>Tilpasses etter m\u00e5l, st\u00f8rrelse, farger og \u00f8nsker<\/small>\n                <\/div>\n            <\/div>\n\n            <div class=\"aa-craft-item\">\n                <span>\ud83e\udd5e<\/span>\n                <div>\n                    <strong>Tradisjonsbakst<\/strong>\n                    <small>Nordnorsk bakst, blant annet m\u00f8sbr\u00f8mlefse, p\u00e5 bestilling<\/small>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         NORDLAND\n    ====================================================== -->\n    <section class=\"aa-nordland aa-reveal\">\n\n        <div class=\"aa-nordland-icon\">\ud83c\udf32<\/div>\n\n        <div>\n            <span class=\"aa-small-title\">H\u00e5ndverk fra Salten<\/span>\n\n            <h2>Laget i Nordland<\/h2>\n\n            <p>\n                \u00c5shild holder til ved R\u00f8kland i Salten i Nordland.\n                Her skapes produktene med inspirasjon fra tradisjoner,\n                natur og nordnorsk skaperglede.\n            <\/p>\n        <\/div>\n\n        <div class=\"aa-nordland-location\">\n            <span>\ud83d\udccd<\/span>\n\n            <div>\n                <strong>R\u00f8kland<\/strong>\n                <small>Salten \u00b7 Nordland<\/small>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         SPESIALBESTILLINGER\n    ====================================================== -->\n    <section class=\"aa-custom aa-reveal\">\n\n        <div class=\"aa-section-heading\">\n\n            <div class=\"aa-eyebrow aa-eyebrow-center\">\n                <span><\/span>\n                Laget spesielt for deg\n                <span><\/span>\n            <\/div>\n\n            <h2>Har du noe spesielt i tankene?<\/h2>\n\n            <p>\n                Mange av produktene kan lages etter bestilling.\n                Slik g\u00e5r du frem.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"aa-process\">\n\n            <div class=\"aa-process-step\">\n\n                <div class=\"aa-process-circle\">1<\/div>\n\n                <h3>Fortell hva du \u00f8nsker<\/h3>\n\n                <p>\n                    Ta kontakt med \u00c5shild og fortell om produkt,\n                    st\u00f8rrelse, farger og eventuelle \u00f8nsker.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"aa-process-line\"><\/div>\n\n\n            <div class=\"aa-process-step\">\n\n                <div class=\"aa-process-circle\">2<\/div>\n\n                <h3>Vi avklarer detaljene<\/h3>\n\n                <p>\n                    Dere blir enige om utf\u00f8relse, m\u00e5l, pris,\n                    betalingsm\u00e5te og forventet levering.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"aa-process-line\"><\/div>\n\n\n            <div class=\"aa-process-step\">\n\n                <div class=\"aa-process-circle\">3<\/div>\n\n                <h3>\u00c5shild lager produktet<\/h3>\n\n                <p>\n                    Bestillingen blir laget for h\u00e5nd med tid,\n                    erfaring og oppmerksomhet p\u00e5 detaljene.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         VIKTIG OM M\u00c5L\n    ====================================================== -->\n    <section class=\"aa-measure aa-reveal\">\n\n        <div class=\"aa-measure-icon\">\n            \ud83d\udccf\n        <\/div>\n\n        <div class=\"aa-measure-content\">\n\n            <span>\n                Spesialbestillinger\n            <\/span>\n\n            <h2>\n                Riktige m\u00e5l gir best resultat\n            <\/h2>\n\n            <p>\n                Ved produkter som lages etter kundens egne m\u00e5l eller\n                spesifikasjoner, er kunden ansvarlig for at oppgitte m\u00e5l\n                er korrekte.\n            <\/p>\n\n            <p>\n                Er du usikker p\u00e5 hvordan du skal m\u00e5le, ta kontakt f\u00f8r\n                bestilling. \u00c5shild hjelper gjerne med veiledning.\n            <\/p>\n\n            <div class=\"aa-measure-note\">\n\n                <strong>Greit \u00e5 vite:<\/strong>\n\n                Dersom et spesiallaget produkt er korrekt laget etter m\u00e5lene\n                kunden har oppgitt, men ikke passer p\u00e5 grunn av feil m\u00e5ltaking,\n                regnes dette ikke som en feil ved produktet.\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         FAQ\n    ====================================================== -->\n    <section class=\"aa-faq aa-reveal\">\n\n        <div class=\"aa-section-heading\">\n\n            <div class=\"aa-eyebrow aa-eyebrow-center\">\n                <span><\/span>\n                Ofte stilte sp\u00f8rsm\u00e5l\n                <span><\/span>\n            <\/div>\n\n            <h2>\n                Greit \u00e5 vite f\u00f8r du bestiller\n            <\/h2>\n\n            <p>\n                Trykk p\u00e5 et sp\u00f8rsm\u00e5l for \u00e5 se svaret.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"aa-faq-list\">\n\n\n            <!-- FAQ 1 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83e\uddf6<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Produkter p\u00e5 bestilling<\/small>\n                        Kan \u00c5shild lage noe spesielt til meg?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            <strong>\n                                Ja \u2013 mye av det \u00c5shild lager blir laget p\u00e5 bestilling.\n                            <\/strong>\n                        <\/p>\n\n                        <p>\n                            Du kan sp\u00f8rre om en bestemt st\u00f8rrelse, farge,\n                            modell eller annen personlig tilpasning.\n                        <\/p>\n\n                        <p>\n                            \u00c5shild vurderer bestillingen sammen med deg f\u00f8r\n                            arbeidet starter, slik at dere kan bli enige om\n                            utf\u00f8relse, pris og levering.\n                        <\/p>\n\n                        <a href=\"mailto:aashild@\u00e5shildsdesign.no\">\n                            Sp\u00f8r \u00c5shild om en bestilling \u2192\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 2 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83d\udcb3<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Betaling<\/small>\n                        Hvordan kan jeg betale?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            \u00c5shilds Design tilbyr flere betalingsm\u00e5ter,\n                            avhengig av hvordan du bestiller.\n                        <\/p>\n\n\n                        <div class=\"aa-payment-grid\">\n\n                            <div>\n                                <span>\ud83d\udcb3<\/span>\n                                <strong>Kort<\/strong>\n                                <small>I nettbutikken<\/small>\n                            <\/div>\n\n                            <div>\n                                <span>\ud83c\udd7f\ufe0f<\/span>\n                                <strong>PayPal<\/strong>\n                                <small>Tilgjengelig betalingsm\u00e5te<\/small>\n                            <\/div>\n\n                            <div>\n                                <span>\ud83e\uddfe<\/span>\n                                <strong>Faktura<\/strong>\n                                <small>Etter avtale<\/small>\n                            <\/div>\n\n                            <div>\n                                <span>\ud83d\udcb5<\/span>\n                                <strong>Kontant<\/strong>\n                                <small>Ved oppm\u00f8te<\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <p class=\"aa-answer-note\">\n                            Ved spesialbestillinger avtales betalingsm\u00e5te\n                            direkte med \u00c5shild.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 3 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83d\udce6<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Frakt og henting<\/small>\n                        Kan jeg f\u00e5 varen sendt eller hente selv?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            <strong>Ja.<\/strong>\n                            Varer kan sendes, eller hentes etter avtale.\n                        <\/p>\n\n                        <div class=\"aa-info-row\">\n                            \ud83d\ude9a <strong>Fast frakt:<\/strong> 149 kr\n                        <\/div>\n\n                        <div class=\"aa-info-row\">\n                            \ud83c\udf81 <strong>Gratis frakt:<\/strong> ved kj\u00f8p over 3 500 kr\n                        <\/div>\n\n                        <div class=\"aa-info-row\">\n                            \ud83d\udccd <strong>Hent selv:<\/strong> gratis etter avtale\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 4 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83e\udd5e<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Tradisjonsbakst<\/small>\n                        Kan jeg bestille bakst?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            <strong>Ja.<\/strong>\n                            \u00c5shild lager ogs\u00e5 tradisjonell nordnorsk\n                            bakst p\u00e5 bestilling.\n                        <\/p>\n\n                        <p>\n                            Hun lager blant annet\n                            <strong>m\u00f8sbr\u00f8mlefse<\/strong>.\n                        <\/p>\n\n                        <p>\n                            Ta kontakt i god tid og fortell hva du \u00f8nsker,\n                            hvor mye du trenger og n\u00e5r du \u00f8nsker bestillingen.\n                        <\/p>\n\n                        <a href=\"mailto:aashild@\u00e5shildsdesign.no\">\n                            Sp\u00f8r \u00c5shild om bakst \u2192\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 5 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83d\udccf<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>St\u00f8rrelser og m\u00e5l<\/small>\n                        Hva om jeg trenger en spesiell st\u00f8rrelse?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            Mange produkter kan tilpasses etter st\u00f8rrelse\n                            eller m\u00e5l.\n                        <\/p>\n\n                        <p>\n                            Er du usikker p\u00e5 hvordan m\u00e5lene skal tas,\n                            anbefaler vi at du kontakter \u00c5shild f\u00f8r bestilling.\n                            Da kan du f\u00e5 veiledning f\u00f8r produktet blir laget.\n                        <\/p>\n\n                        <div class=\"aa-info-row\">\n                            \ud83d\udccf Riktige m\u00e5l gir best mulig resultat.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 6 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\u23f3<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Leveringstid<\/small>\n                        Hvor lang tid tar en bestilling?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            Leveringstiden avhenger av hva som skal lages,\n                            materialer og hvor mange bestillinger \u00c5shild\n                            arbeider med.\n                        <\/p>\n\n                        <p>\n                            N\u00e5r dere har avklart produktet, kan \u00c5shild gi\n                            et bedre estimat p\u00e5 leveringstiden.\n                        <\/p>\n\n                        <p class=\"aa-answer-note\">\n                            Skal produktet v\u00e6re ferdig til bursdag,\n                            jul eller en annen bestemt dato, si gjerne\n                            fra allerede n\u00e5r du tar kontakt.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 7 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83d\udecd\ufe0f<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>Bestilling<\/small>\n                        M\u00e5 jeg bestille gjennom nettbutikken?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            <strong>Nei.<\/strong>\n                            Produkter som finnes i nettbutikken kan bestilles\n                            direkte der, men mye av det \u00c5shild lager kan ogs\u00e5\n                            bestilles direkte etter avtale.\n                        <\/p>\n\n                        <p>\n                            Dette gjelder spesielt strikk og h\u00e5ndlaget etter\n                            kundens \u00f8nsker, spesialbestillinger, tilpassede\n                            produkter og tradisjonsbakst.\n                        <\/p>\n\n                        <a href=\"\/index.php\/shop\/\">\n                            Bes\u00f8k nettbutikken \u2192\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FAQ 8 -->\n            <article class=\"aa-faq-item\">\n\n                <button\n                    class=\"aa-faq-question\"\n                    type=\"button\"\n                    aria-expanded=\"false\"\n                >\n\n                    <span class=\"aa-faq-symbol\">\ud83d\udccd<\/span>\n\n                    <span class=\"aa-faq-title\">\n                        <small>\u00c5shilds Design<\/small>\n                        Hvor holder \u00c5shild til?\n                    <\/span>\n\n                    <span class=\"aa-faq-plus\">+<\/span>\n\n                <\/button>\n\n\n                <div class=\"aa-faq-answer\">\n\n                    <div class=\"aa-faq-answer-inner\">\n\n                        <p>\n                            \u00c5shilds Design holder til ved\n                            <strong>R\u00f8kland i Salten i Nordland.<\/strong>\n                        <\/p>\n\n                        <p>\n                            \u00d8nsker du \u00e5 hente en bestilling selv,\n                            avtales tidspunkt direkte med \u00c5shild.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         AVSLUTNING \/ CTA\n    ====================================================== -->\n    <section class=\"aa-cta aa-reveal\">\n\n        <div class=\"aa-cta-decoration\"><\/div>\n\n        <img decoding=\"async\"\n            src=\"https:\/\/xn--shildsdesign-scb.no\/wp-content\/uploads\/2026\/03\/logo2.png\"\n            alt=\"\u00c5shilds Design strikk og h\u00e5ndlaget\"\n            class=\"aa-cta-logo\"\n            loading=\"lazy\"\n        >\n\n        <span class=\"aa-cta-small\">\n            Noe spesielt i tankene?\n        <\/span>\n\n        <h2>\n            La oss se om \u00c5shild kan lage det\n        <\/h2>\n\n        <p>\n            Enten du \u00f8nsker strikk og h\u00e5ndlaget, et personlig plagg,\n            en gave, en spesialbestilling eller tradisjonell bakst,\n            er du velkommen til \u00e5 ta kontakt.\n        <\/p>\n\n        <div class=\"aa-cta-buttons\">\n\n            <a\n                href=\"mailto:aashild@\u00e5shildsdesign.no\"\n                class=\"aa-button aa-button-light\"\n            >\n                \ud83d\udc8c Kontakt \u00c5shild\n            <\/a>\n\n            <a\n                href=\"\/index.php\/shop\/\"\n                class=\"aa-button aa-button-outline\"\n            >\n                \ud83d\udecd\ufe0f Se nettbutikken\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>H\u00e5ndlaget i Nordland Strikk og h\u00e5ndlaget med kj\u00e6rlighet Hos \u00c5shilds Design finner du h\u00e5ndlagde produkter skapt med kvalitet, tradisjon, skaperglede og omtanke i hver detalj. \ud83d\udecd\ufe0f Bes\u00f8k nettbutikken Kontakt \u00c5shild \u2713 H\u00e5ndlaget \u2713 Fra Nordland \u2713 Personlig service \ud83c\udf3f Ekte h\u00e5ndverk Laget med omtanke \u2728 Unike produkter Ikke masseprodusert \ud83c\udf3f AKTUELT Tilbud i nettbutikken akkurat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":14,"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/xn--shildsdesign-scb.no\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}