HURJA | K\u00e4sin piirretyt printit, painettu Suomessa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --ink:#22143B;\n --ink-soft:#5A4A78;\n --paper:#FBF1E2;\n --paper-2:#FFF9F0;\n --grape:#5D3FE8;\n --grape-deep:#3A1F9E;\n --coral:#FF6B45;\n --sun:#FFC23C;\n --mint:#16C6A4;\n --white:#ffffff;\n\n --font-display:'Fredoka',system-ui,-apple-system,sans-serif;\n --font-body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;\n --font-mono:'Space Mono',ui-monospace,monospace;\n\n --r-pill:999px;\n --r-card:26px;\n --r-tile:30px;\n --r-sm:14px;\n\n --border:2.5px solid var(--ink);\n --shadow-soft:0 18px 44px rgba(34,20,59,.13);\n --shadow-sticker:5px 6px 0 var(--ink);\n --shadow-sticker-sm:3px 4px 0 var(--ink);\n\n --wrap:1200px;\n --gutter:clamp(20px,5vw,48px);\n --section:clamp(64px,9vw,120px);\n}\n\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n font-family:var(--font-body);\n color:var(--ink);\n background:var(--paper);\n line-height:1.7;\n font-size:1.02rem;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n}\n\/* subtle print-grain overlay for a tactile, premium feel *\/\nbody::before{\n content:\"\";\n position:fixed;inset:0;\n pointer-events:none;z-index:9999;\n opacity:.05;mix-blend-mode:multiply;\n 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='0.8' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\nh1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.02em}\na{color:inherit;text-decoration:none}\nimg,svg{display:block;max-width:100%}\nbutton{font-family:inherit;cursor:pointer;border:none;background:none}\n\n.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}\n.eyebrow{\n font-family:var(--font-mono);font-weight:700;\n font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;\n color:var(--grape);\n}\n\n\/* focus + motion floor *\/\n:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}\n@media (prefers-reduced-motion:reduce){\n *{animation:none!important;transition:none!important;scroll-behavior:auto}\n}\n\n\/* ---------- buttons ---------- *\/\n.btn{\n display:inline-flex;align-items:center;gap:.55em;\n font-family:var(--font-display);font-weight:600;font-size:1.02rem;\n padding:.85em 1.6em;border-radius:var(--r-pill);\n border:var(--border);background:var(--sun);color:var(--ink);\n box-shadow:var(--shadow-sticker-sm);\n transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n}\n.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 6px 0 var(--ink)}\n.btn:active{transform:translate(1px,2px);box-shadow:1px 2px 0 var(--ink)}\n.btn--grape{background:var(--grape);color:#fff}\n.btn--white{background:#fff}\n.btn--ghost{background:transparent;box-shadow:none}\n.btn--ghost:hover{background:rgba(255,255,255,.14);box-shadow:none;transform:translateY(-2px)}\n.btn--lg{font-size:1.12rem;padding:.95em 1.9em}\n\n\/* ---------- announcement ---------- *\/\n.topbar{\n background:var(--ink);color:var(--paper);\n font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;\n text-align:center;padding:.55rem 1rem;\n}\n.topbar b{color:var(--sun)}\n\n\/* ---------- header ---------- *\/\n.header{\n position:sticky;top:0;z-index:100;\n background:rgba(251,241,226,.82);backdrop-filter:blur(10px);\n border-bottom:2.5px solid var(--ink);\n}\n.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}\n.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em}\n.logo-mark{width:34px;height:34px;flex:none;transform:rotate(-6deg)}\n.nav-links{display:flex;align-items:center;gap:1.6rem;font-weight:600;font-size:.98rem}\n.nav-links a{position:relative;padding:.2rem 0}\n.nav-links a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--coral);border-radius:3px;transition:width .2s ease}\n.nav-links a:hover::after{width:100%}\n.nav-actions{display:flex;align-items:center;gap:.7rem}\n.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-pill);border:2.5px solid var(--ink);background:#fff;position:relative;transition:transform .15s ease}\n.icon-btn:hover{transform:translateY(-2px)}\n.cart-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:700;display:grid;place-items:center}\n.burger{display:none}\n\n\/* ---------- hero ---------- *\/\n.hero{position:relative;background:var(--grape);color:#fff;overflow:hidden;padding-top:clamp(48px,7vw,86px);padding-bottom:clamp(120px,14vw,180px)}\n.hero .wrap{position:relative;z-index:2}\n.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center}\n.hero-eyebrow{color:var(--sun);font-family:var(--font-mono);font-weight:700;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;display:inline-block;margin-bottom:1.1rem}\n.hero h1{font-size:clamp(2.7rem,6.2vw,5rem);font-weight:700;color:#fff;letter-spacing:-.025em}\n.hero h1 .hl{position:relative;white-space:nowrap}\n.hero h1 .hl::after{content:\"\";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.34em;background:var(--coral);z-index:-1;border-radius:8px;transform:rotate(-1.5deg)}\n.hero p{font-size:clamp(1.05rem,1.4vw,1.22rem);color:rgba(255,255,255,.9);max-width:34ch;margin:1.5rem 0 2rem}\n.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem}\n.hero-trust{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.4rem;font-size:.9rem;color:rgba(255,255,255,.82);font-weight:500}\n.hero-trust span{display:inline-flex;align-items:center;gap:.45rem}\n.stars{color:var(--sun);letter-spacing:1px}\n\n.hero-visual{position:relative;display:grid;place-items:center;min-height:340px}\n.hero-blob{position:absolute;inset:-6% 0 0;z-index:0}\n.hero-product{position:relative;z-index:2;width:min(78%,380px);filter:drop-shadow(0 26px 34px rgba(34,20,59,.32))}\n.hero-product svg{width:100%;height:auto;animation:float 6s ease-in-out infinite}\n@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(1deg)}}\n\n.badge{\n position:absolute;z-index:3;\n font-family:var(--font-display);font-weight:700;font-size:.9rem;\n padding:.5em .9em;border-radius:var(--r-pill);\n border:var(--border);box-shadow:var(--shadow-sticker-sm);\n background:var(--sun);color:var(--ink);\n}\n.badge--a{top:6%;right:4%;background:var(--sun);transform:rotate(8deg)}\n.badge--b{bottom:16%;left:2%;background:#fff;transform:rotate(-9deg)}\n.badge--c{top:44%;right:-2%;background:var(--mint);color:#fff;transform:rotate(-5deg)}\n\n.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(60px,8vw,120px);z-index:1}\n\n\/* floating doodles *\/\n.doodle{position:absolute;opacity:.9;z-index:1;pointer-events:none}\n.d1{top:14%;left:6%;width:52px;color:var(--sun);animation:spin 18s linear infinite}\n.d2{bottom:30%;left:44%;width:40px;color:var(--coral)}\n.d3{top:9%;left:52%;width:34px;color:#fff;animation:bob 5s ease-in-out infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n\/* ---------- marquee strip ---------- *\/\n.strip{background:var(--ink);color:var(--paper);overflow:hidden;padding:.9rem 0;border-bottom:2.5px solid var(--ink)}\n.marquee{display:flex;gap:2.5rem;white-space:nowrap;width:max-content;animation:scroll 26s linear infinite;font-family:var(--font-display);font-weight:600;font-size:1.05rem;align-items:center}\n.marquee span{display:inline-flex;align-items:center;gap:2.5rem}\n.marquee .dot{color:var(--sun)}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---------- value props ---------- *\/\n.values{padding-block:var(--section)}\n.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}\n.value{text-align:center;padding:1.4rem 1rem}\n.value-ic{width:76px;height:76px;margin:0 auto 1rem;border-radius:22px;display:grid;place-items:center;border:var(--border);box-shadow:var(--shadow-sticker-sm)}\n.value h3{font-size:1.18rem;margin-bottom:.35rem}\n.value p{font-size:.94rem;color:var(--ink-soft)}\n\n\/* ---------- section header ---------- *\/\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.6rem;flex-wrap:wrap}\n.sec-head h2{font-size:clamp(2rem,4vw,3.1rem)}\n.sec-head .eyebrow{display:block;margin-bottom:.7rem}\n.sec-head p{color:var(--ink-soft);max-width:40ch;margin-top:.5rem}\n.link-arrow{font-family:var(--font-display);font-weight:600;color:var(--grape);display:inline-flex;align-items:center;gap:.4rem}\n.link-arrow:hover{gap:.7rem;transition:gap .2s ease}\n\n\/* ---------- bestsellers ---------- *\/\n.bestsellers{padding-block:var(--section);background:var(--paper-2)}\n.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}\n.card{\n background:#fff;border:var(--border);border-radius:var(--r-card);\n box-shadow:var(--shadow-sticker);overflow:hidden;display:flex;flex-direction:column;\n transition:transform .2s ease, box-shadow .2s ease;\n}\n.card:hover{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:8px 10px 0 var(--ink)}\n.card-media{position:relative;aspect-ratio:1\/1;display:grid;place-items:center;padding:1.5rem;border-bottom:2.5px solid var(--ink)}\n.card-media svg{width:78%;height:auto}\n.card-tag{position:absolute;top:.8rem;left:.8rem;font-family:var(--font-mono);font-weight:700;font-size:.68rem;letter-spacing:.05em;background:var(--ink);color:#fff;padding:.3em .6em;border-radius:var(--r-pill)}\n.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.15rem;flex:1}\n.card-body h3{font-size:1.16rem}\n.card-cat{font-size:.82rem;color:var(--ink-soft);font-weight:500}\n.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}\n.price{font-family:var(--font-mono);font-weight:700;font-size:1.18rem}\n.add{\n font-family:var(--font-display);font-weight:600;font-size:.92rem;\n padding:.5em 1.05em;border-radius:var(--r-pill);border:2.5px solid var(--ink);\n background:var(--grape);color:#fff;transition:transform .14s ease, background .2s ease;\n}\n.add:hover{transform:scale(1.05)}\n.add.added{background:var(--mint)}\n\n\/* tile background colours for product art *\/\n.m-coral{background:#FFE7DE}.m-mint{background:#DBF6EF}.m-sun{background:#FFF1CF}.m-grape{background:#E7E1FC}\n\n\/* ---------- categories ---------- *\/\n.cats{padding-block:var(--section)}\n.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\n.cat{\n position:relative;border:var(--border);border-radius:var(--r-tile);\n box-shadow:var(--shadow-sticker);overflow:hidden;min-height:320px;\n display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;\n transition:transform .2s ease, box-shadow .2s ease;\n}\n.cat:hover{transform:translate(-3px,-4px);box-shadow:8px 10px 0 var(--ink)}\n.cat--grape{background:var(--grape);color:#fff}\n.cat--coral{background:var(--coral);color:#fff}\n.cat--sun{background:var(--sun);color:var(--ink)}\n.cat-art{position:absolute;right:-6%;bottom:-6%;width:66%;opacity:.96}\n.cat-top{position:relative;z-index:2}\n.cat-count{font-family:var(--font-mono);font-size:.76rem;font-weight:700;opacity:.85}\n.cat h3{font-size:1.8rem;margin-top:.3rem}\n.cat-link{position:relative;z-index:2;font-family:var(--font-display);font-weight:600;display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.9);color:var(--ink);padding:.5em 1.1em;border-radius:var(--r-pill);border:2.5px solid var(--ink);align-self:flex-start}\n\n\/* ---------- quality split ---------- *\/\n.quality{padding-block:var(--section);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}\n.quality .wrap{position:relative;z-index:2}\n.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}\n.quality h2{color:#fff;font-size:clamp(2rem,4vw,3rem)}\n.quality .eyebrow{color:var(--sun)}\n.q-list{list-style:none;margin-top:1.8rem;display:grid;gap:1.1rem}\n.q-list li{display:flex;gap:.9rem;align-items:flex-start}\n.q-check{flex:none;width:30px;height:30px;border-radius:9px;background:var(--mint);border:2.5px solid var(--paper);display:grid;place-items:center;margin-top:2px}\n.q-list b{color:#fff;font-family:var(--font-display);font-weight:600;display:block;font-size:1.06rem}\n.q-list p{color:rgba(251,241,226,.72);font-size:.94rem}\n.q-visual{position:relative;display:grid;place-items:center;min-height:320px}\n.q-card{background:var(--paper);border:2.5px solid var(--paper);border-radius:var(--r-tile);padding:2rem;box-shadow:0 24px 50px rgba(0,0,0,.35);width:min(80%,360px);transform:rotate(-3deg)}\n.q-card svg{width:100%}\n.q-spec{display:flex;justify-content:space-between;margin-top:1rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);border-top:2px dashed var(--ink);padding-top:.8rem}\n\n\/* ---------- reviews ---------- *\/\n.reviews{padding-block:var(--section)}\n.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\n.review{position:relative;background:#fff;border:var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sticker);padding:1.6rem 1.5rem 1.5rem}\n.review::after{content:\"\";position:absolute;left:2.4rem;bottom:-15px;width:26px;height:26px;background:#fff;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg)}\n.review .stars{font-size:1.05rem}\n.review p{margin:.7rem 0 1.3rem;font-size:1rem}\n.review-who{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem}\n.avatar{width:44px;height:44px;border-radius:var(--r-pill);border:2.5px solid var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff}\n.review-who b{font-family:var(--font-display);font-weight:600}\n.review-who small{display:block;color:var(--ink-soft);font-size:.82rem}\n\n\/* ---------- newsletter cta ---------- *\/\n.cta-band{padding-block:var(--section)}\n.cta-box{\n background:var(--coral);color:#fff;border:var(--border);border-radius:36px;\n box-shadow:var(--shadow-sticker);padding:clamp(2.2rem,5vw,3.6rem);text-align:center;position:relative;overflow:hidden;\n}\n.cta-box h2{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem)}\n.cta-box p{max-width:44ch;margin:1rem auto 2rem;color:rgba(255,255,255,.92)}\n.subscribe{display:flex;gap:.7rem;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.subscribe input{\n flex:1;min-width:220px;font-family:var(--font-body);font-size:1rem;\n padding:.9em 1.2em;border-radius:var(--r-pill);border:2.5px solid var(--ink);\n background:#fff;color:var(--ink);\n}\n.subscribe input::placeholder{color:var(--ink-soft)}\n.cta-note{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.8)}\n.cta-msg{margin-top:1rem;font-family:var(--font-display);font-weight:600;min-height:1.4em}\n\n\/* ---------- footer ---------- *\/\n.footer{background:var(--ink);color:rgba(251,241,226,.72);padding-top:clamp(48px,7vw,80px)}\n.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem}\n.footer .logo{color:var(--paper);font-size:1.5rem}\n.footer-brand p{margin:1rem 0 1.3rem;max-width:32ch;font-size:.92rem}\n.socials{display:flex;gap:.6rem}\n.socials a{width:42px;height:42px;border-radius:var(--r-pill);border:2.5px solid rgba(251,241,226,.35);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}\n.socials a:hover{background:var(--grape);border-color:var(--grape);color:#fff}\n.footer-col h4{font-family:var(--font-display);color:var(--paper);font-size:1.05rem;margin-bottom:1rem;font-weight:600}\n.footer-col a{display:block;padding:.3rem 0;font-size:.92rem}\n.footer-col a:hover{color:var(--sun)}\n.footer-bottom{border-top:1px solid rgba(251,241,226,.16);padding:1.4rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.76rem}\n.pay{display:flex;gap:.5rem;align-items:center}\n.pay span{padding:.25em .6em;border:1px solid rgba(251,241,226,.3);border-radius:6px;font-size:.7rem}\n\n\/* ---------- reveal ---------- *\/\n.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}\n.reveal.in{opacity:1;transform:none}\n\n\/* ---------- responsive ---------- *\/\n@media (max-width:1000px){\n .values-grid{grid-template-columns:repeat(2,1fr)}\n .product-grid{grid-template-columns:repeat(2,1fr)}\n .cat-grid{grid-template-columns:1fr}\n .review-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr 1fr}\n .footer-brand{grid-column:1\/-1}\n}\n@media (max-width:820px){\n .nav-links{\n position:absolute;top:100%;left:0;right:0;\n flex-direction:column;align-items:flex-start;gap:.4rem;\n background:var(--paper);border-bottom:2.5px solid var(--ink);\n padding:1rem var(--gutter);\n transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .2s ease;\n }\n .nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}\n .nav-links a{padding:.5rem 0;font-size:1.05rem;width:100%}\n .burger{display:grid}\n .hero-grid{grid-template-columns:1fr;text-align:center}\n .hero p{margin-left:auto;margin-right:auto}\n .hero-cta,.hero-trust{justify-content:center}\n .hero-visual{order:-1;min-height:280px;margin-bottom:.5rem}\n .q-grid{grid-template-columns:1fr}\n .q-visual{order:-1}\n .sec-head{flex-direction:column;align-items:flex-start}\n}\n@media (max-width:520px){\n .values-grid{grid-template-columns:1fr}\n .product-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr}\n .nav-links{gap:.2rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<svg width=\"0\" height=\"0\" aria-hidden=\"true\" style=\"position:absolute\">\n <defs>\n \n <symbol id=\"art-tee\" viewBox=\"0 0 200 200\">\n <path d=\"M22,72 L58,46 Q70,49 82,52 Q91,64 100,66 Q109,64 118,52 Q130,49 142,46 L178,72 L162,98 L140,80 L140,168 Q140,173 135,173 L65,173 Q60,173 60,168 L60,80 L38,98 Z\"\n fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M82,52 Q100,78 118,52\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linecap=\"round\"\/>\n <path d=\"M82,52 Q100,72 118,52\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".12\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\n <path d=\"M64,110 L64,168\" stroke=\"#000\" stroke-opacity=\".08\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n <path d=\"M158,86 l-16,-6\" stroke=\"#fff\" stroke-opacity=\".4\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n \n <path d=\"M100,96 C102,110 108,116 122,118 C108,120 102,126 100,140 C98,126 92,120 78,118 C92,116 98,110 100,96 Z\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\" stroke-linejoin=\"round\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-hoodie\" viewBox=\"0 0 200 200\">\n <path d=\"M58,60 Q100,22 142,60 L128,80 Q100,62 72,80 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M58,60 Q100,22 142,60 L134,70 Q100,42 66,70 Z\" fill=\"#000\" fill-opacity=\".14\"\/>\n <path d=\"M26,82 L60,54 L74,80 Q100,64 126,80 L140,54 L174,82 L156,106 L136,88 L136,166 Q136,171 131,171 L69,171 Q64,171 64,166 L64,88 L44,106 Z\"\n fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n \n <path d=\"M64,158 L136,158 L136,166 Q136,171 131,171 L69,171 Q64,171 64,166 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n \n <path d=\"M156,106 l-9,12 l-20,-16 l9,-12 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n <path d=\"M44,106 l9,12 l20,-16 l-9,-12 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n \n <path d=\"M78,120 L122,120 Q126,120 126,124 L126,150 L74,150 L74,124 Q74,120 78,120 Z\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n \n <path d=\"M88,78 L86,104\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <path d=\"M112,78 L114,104\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <circle cx=\"86\" cy=\"106\" r=\"3.4\" fill=\"#22143B\"\/>\n <circle cx=\"114\" cy=\"106\" r=\"3.4\" fill=\"#22143B\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-cap\" viewBox=\"0 0 200 200\">\n <path d=\"M52,118 Q100,108 152,118 Q156,142 100,150 Q54,142 52,118 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M52,118 Q100,110 152,118 Q150,128 100,132 Q58,128 52,118 Z\" fill=\"#000\" fill-opacity=\".14\"\/>\n <path d=\"M56,120 Q56,54 100,54 Q144,54 144,120 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M100,54 L100,120\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <path d=\"M78,56 Q72,88 80,120\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".14\" stroke-width=\"4\"\/>\n <path d=\"M122,56 Q128,88 120,120\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".14\" stroke-width=\"4\"\/>\n <circle cx=\"100\" cy=\"54\" r=\"6\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4\"\/>\n \n <rect x=\"84\" y=\"78\" width=\"32\" height=\"24\" rx=\"6\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <path d=\"M100,84 l3,5 l6,1 l-4.5,4 l1,6 l-5.5,-3 l-5.5,3 l1,-6 l-4.5,-4 l6,-1 Z\" fill=\"#22143B\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-tote\" viewBox=\"0 0 200 200\">\n <path d=\"M52,74 L148,74 L156,166 Q156,172 150,172 L50,172 Q44,172 44,166 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M70,76 Q70,42 100,42 Q130,42 130,76\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M70,76 Q70,50 100,50 Q130,50 130,76\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".12\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M52,90 L148,90\" stroke=\"#000\" stroke-opacity=\".1\" stroke-width=\"4\"\/>\n \n <circle cx=\"100\" cy=\"128\" r=\"24\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <circle cx=\"91\" cy=\"123\" r=\"3.4\" fill=\"#22143B\"\/>\n <circle cx=\"109\" cy=\"123\" r=\"3.4\" fill=\"#22143B\"\/>\n <path d=\"M88,133 Q100,144 112,133\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <\/symbol>\n\n \n <symbol id=\"d-star\" viewBox=\"0 0 48 48\"><path d=\"M24,2 C26,18 30,22 46,24 C30,26 26,30 24,46 C22,30 18,26 2,24 C18,22 22,18 24,2 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"d-squiggle\" viewBox=\"0 0 60 24\"><path d=\"M2,12 Q12,-2 22,12 T42,12 T62,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"d-spiral\" viewBox=\"0 0 40 40\"><path d=\"M20,20 m0,0 a4,4 0 1,1 -4,4 a8,8 0 1,0 8,-8 a12,12 0 1,1 -12,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/><\/symbol>\n <\/defs>\n<\/svg>\n\n\n<div class=\"topbar\">Ilmainen toimitus yli <b>59 euron<\/b> tilauksiin \u00b7 Painettu tilauksesta Suomessa \u00b7 30 p\u00e4iv\u00e4n vaihto-oikeus<\/div>\n\n\n<header class=\"header\">\n <div class=\"wrap\">\n <nav class=\"nav\">\n <a href=\"#\" class=\"logo\" aria-label=\"HURJA etusivu\">\n <svg class=\"logo-mark\" viewBox=\"0 0 48 48\"><rect x=\"3\" y=\"3\" width=\"42\" height=\"42\" rx=\"12\" fill=\"#5D3FE8\" stroke=\"#22143B\" stroke-width=\"3\"\/><path d=\"M24,10 C26,22 28,24 40,26 C28,28 26,30 24,42 C22,30 20,28 8,26 C20,24 22,22 24,10 Z\" fill=\"#FFC23C\" stroke=\"#22143B\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/><\/svg>\n HURJA\n <\/a>\n <div class=\"nav-links\" id=\"navLinks\">\n <a href=\"#bestsellers\">Suosikit<\/a>\n <a href=\"#cats\">Mallistot<\/a>\n <a href=\"#quality\">Laatu<\/a>\n <a href=\"#reviews\">Arvostelut<\/a>\n <a href=\"#cta\">Liity<\/a>\n <\/div>\n <div class=\"nav-actions\">\n <button class=\"icon-btn\" aria-label=\"Haku\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.4\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" aria-label=\"Ostoskori\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6h15l-1.5 9h-12z\"\/><path d=\"M6 6L5 3H2\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>\n <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n <\/button>\n <button class=\"icon-btn burger\" id=\"burger\" aria-label=\"Valikko\" aria-expanded=\"false\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/svg>\n <\/button>\n <\/div>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<section class=\"hero\">\n <svg class=\"doodle d1\" viewBox=\"0 0 48 48\"><use href=\"#d-star\"\/><\/svg>\n <svg class=\"doodle d2\" viewBox=\"0 0 40 40\"><use href=\"#d-spiral\"\/><\/svg>\n <svg class=\"doodle d3\" viewBox=\"0 0 48 48\"><use href=\"#d-star\"\/><\/svg>\n\n <div class=\"wrap\">\n <div class=\"hero-grid\">\n <div class=\"hero-copy\">\n <span class=\"hero-eyebrow\">Premium print \u00b7 painettu Suomessa<\/span>\n <h1>Merchi\u00e4 jolla on <span class=\"hl\">luonnetta.<\/span><\/h1>\n <p>K\u00e4sin piirretyt printit, luomupuuvilla ja v\u00e4rit jotka kest\u00e4v\u00e4t pesun toisensa j\u00e4lkeen. Painamme jokaisen tuotteen vasta kun tilaat sen.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#cats\" class=\"btn btn--lg\">Selaa mallistoa<\/a>\n <a href=\"#bestsellers\" class=\"btn btn--ghost btn--lg\">Katso suosikit<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <span><b class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/b> 2 400+ arvostelua<\/span>\n <span>\ud83c\uddeb\ud83c\uddee Painettu Suomessa<\/span>\n <span>\u21ba Ilmainen palautus<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <svg class=\"hero-blob\" viewBox=\"0 0 460 460\" aria-hidden=\"true\">\n <path fill=\"#FFC23C\" d=\"M230,40 C320,40 410,90 420,190 C428,270 380,330 320,380 C255,432 160,440 100,390 C40,342 24,250 44,170 C64,88 140,40 230,40 Z\" opacity=\".95\"\/>\n <\/svg>\n <div class=\"hero-product\" style=\"color:#FF6B45\">\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"HURJA t-paita\"><use href=\"#art-tee\"\/><\/svg>\n <\/div>\n <span class=\"badge badge--a\">Uutuus \u2726<\/span>\n <span class=\"badge badge--b\">Luomupuuvilla<\/span>\n <span class=\"badge badge--c\">-20 %<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <svg class=\"hero-wave\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n <path fill=\"#FBF1E2\" d=\"M0,54 C240,118 480,6 720,42 C960,78 1200,14 1440,58 L1440,120 L0,120 Z\"\/>\n <\/svg>\n<\/section>\n\n\n<div class=\"strip\" aria-hidden=\"true\">\n <div class=\"marquee\">\n <span>K\u00e4sin piirretty <span class=\"dot\">\u2726<\/span> Luomupuuvilla 240 g <span class=\"dot\">\u2726<\/span> DTG-laatupaino <span class=\"dot\">\u2726<\/span> Painettu Suomessa <span class=\"dot\">\u2726<\/span> Ei minimitilausta <span class=\"dot\">\u2726<\/span> Hiilineutraali toimitus <span class=\"dot\">\u2726<\/span><\/span>\n <span>K\u00e4sin piirretty <span class=\"dot\">\u2726<\/span> Luomupuuvilla 240 g <span class=\"dot\">\u2726<\/span> DTG-laatupaino <span class=\"dot\">\u2726<\/span> Painettu Suomessa <span class=\"dot\">\u2726<\/span> Ei minimitilausta <span class=\"dot\">\u2726<\/span> Hiilineutraali toimitus <span class=\"dot\">\u2726<\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"values\">\n <div class=\"wrap\">\n <div class=\"values-grid\">\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--sun)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 21l-4.9 2.7.9-5.5-4-3.9 5.5-.8z\"\/><\/svg>\n <\/div>\n <h3>Premium painoj\u00e4lki<\/h3>\n <p>DTG-tulostus tarkoilla v\u00e4reill\u00e4. Kuva ei rakoile eik\u00e4 halkeile.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--mint)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg>\n <\/div>\n <h3>Kest\u00e4v\u00e4t materiaalit<\/h3>\n <p>Sertifioitu luomupuuvilla, 240 g. Tuntuu hyv\u00e4lt\u00e4 ja kest\u00e4\u00e4 k\u00e4ytt\u00f6\u00e4.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--coral)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h13l-3-3m3 3l-3 3M17 6h4v12h-4\"\/><\/svg>\n <\/div>\n <h3>Nopea toimitus<\/h3>\n <p>Painetaan 1-3 p\u00e4iv\u00e4ss\u00e4 ja l\u00e4htee matkaan hiilineutraalisti.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:#E7E1FC\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.5-7-10a4 4 0 018-1 4 4 0 018 1c0 5.5-9 10-9 10z\"\/><\/svg>\n <\/div>\n <h3>30 p\u00e4iv\u00e4n vaihto<\/h3>\n <p>V\u00e4\u00e4r\u00e4 koko? Vaihdamme mielell\u00e4mme. Palautus on aina ilmainen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bestsellers\" id=\"bestsellers\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">Myydyimm\u00e4t juuri nyt<\/span>\n <h2>Porukan suosikit<\/h2>\n <\/div>\n <a href=\"#\" class=\"link-arrow\">Koko valikoima \u2192<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n <article class=\"card reveal\">\n <div class=\"card-media m-coral\" style=\"color:#FF6B45\">\n <span class=\"card-tag\">TOP 1<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Retro Aalto t-paita\"><use href=\"#art-tee\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">T-paita \u00b7 unisex<\/span>\n <h3>Retro Aalto<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">34,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-mint\" style=\"color:#16C6A4\">\n <span class=\"card-tag\">SUOSIKKI<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Doodle-huppari\"><use href=\"#art-hoodie\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Huppari \u00b7 luomu<\/span>\n <h3>Doodle Club<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">69,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-sun\" style=\"color:#FFC23C\">\n <span class=\"card-tag\">UUTUUS<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Sketch-lippis\"><use href=\"#art-cap\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Lippis \u00b7 s\u00e4\u00e4dett\u00e4v\u00e4<\/span>\n <h3>Sketch Cap<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">29,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-grape\" style=\"color:#5D3FE8\">\n <span class=\"card-tag\">-20 %<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Happy-kassi\"><use href=\"#art-tote\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Kangaskassi \u00b7 reilu<\/span>\n <h3>Happy Tote<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">19,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">Selaa tyylin mukaan<\/span>\n <h2>Mallistot<\/h2>\n <p>Jokainen malli piirret\u00e4\u00e4n k\u00e4sin ja painetaan tilauksesta. Valitse l\u00e4ht\u00f6kohta.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"cat-grid\">\n <a href=\"#\" class=\"cat cat--grape reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">48 mallia<\/span>\n <h3>T-paidat<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#FF6B45\" aria-hidden=\"true\"><use href=\"#art-tee\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"cat cat--coral reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">26 mallia<\/span>\n <h3>Hupparit<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#FFC23C\" aria-hidden=\"true\"><use href=\"#art-hoodie\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"cat cat--sun reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">19 mallia<\/span>\n <h3>Lippikset & asusteet<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#5D3FE8\" aria-hidden=\"true\"><use href=\"#art-cap\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"quality\" id=\"quality\">\n <svg class=\"doodle\" style=\"top:12%;right:8%;width:44px;color:#FFC23C\" viewBox=\"0 0 48 48\" aria-hidden=\"true\"><use href=\"#d-star\"\/><\/svg>\n <div class=\"wrap\">\n <div class=\"q-grid\">\n <div class=\"q-copy reveal\">\n <span class=\"eyebrow\">Miksi HURJA<\/span>\n <h2>Printti kuin galleriasta, mukavuus kuin lempipaidasta.<\/h2>\n <ul class=\"q-list\">\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>Oikeasti k\u00e4sin piirretty<\/b><p>Jokainen kuvitus syntyy p\u00f6yd\u00e4ll\u00e4, ei kuvapankissa. Siksi mik\u00e4\u00e4n paita ei n\u00e4yt\u00e4 samalta kuin muut.<\/p><\/div>\n <\/li>\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>V\u00e4ri joka pysyy<\/b><p>DTG-paino imeytyy kankaaseen. Ei muovista tuntumaa, ei rakoilua kymmenenk\u00e4\u00e4n pesun j\u00e4lkeen.<\/p><\/div>\n <\/li>\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>Painettu tilauksesta<\/b><p>Emme tee turhaa varastoa. Tuotteesi valmistuu vasta kun ostat sen, joten hukkaa syntyy v\u00e4hemm\u00e4n.<\/p><\/div>\n <\/li>\n <\/ul>\n <a href=\"#cats\" class=\"btn btn--white btn--lg\" style=\"margin-top:2rem\">Tutustu mallistoon<\/a>\n <\/div>\n\n <div class=\"q-visual reveal\">\n <div class=\"q-card\">\n <svg viewBox=\"0 0 200 200\" style=\"color:#5D3FE8\" aria-hidden=\"true\"><use href=\"#art-tee\"\/><\/svg>\n <div class=\"q-spec\"><span>240 g \/ luomu<\/span><span>XS-3XL<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"reviews\" id=\"reviews\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">4,9 \/ 5 \u00b7 2 400+ arvostelua<\/span>\n <h2>Mit\u00e4 porukka sanoo<\/h2>\n <\/div>\n <\/div>\n\n <div class=\"review-grid\">\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Laadukkain paita mit\u00e4 mulla on. Printti n\u00e4ytt\u00e4\u00e4 yht\u00e4 ter\u00e4v\u00e4lt\u00e4 puolen vuoden j\u00e4lkeenkin ja kangas on paksua muttei kuumottava.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--coral)\">SR<\/span>\n <div><b>Saara R.<\/b><small>Helsinki \u00b7 Retro Aalto<\/small><\/div>\n <\/div>\n <\/div>\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Tilasin hupparin lahjaksi ja se meni niin kovaan k\u00e4ytt\u00f6\u00f6n ett\u00e4 piti tilata toinen itselle. Suomessa painettu, nopea toimitus, ei mit\u00e4\u00e4n valittamista.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--grape)\">TM<\/span>\n <div><b>Tuomas M.<\/b><small>Tampere \u00b7 Doodle Club<\/small><\/div>\n <\/div>\n <\/div>\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Rakastan sit\u00e4 ett\u00e4 kuvitukset on oikeasti erilaisia. Ei tunnu geneeriselt\u00e4 print-on-demandilta vaan pienelt\u00e4 br\u00e4ndilt\u00e4 jolla on oma juttu.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--mint)\">EL<\/span>\n <div><b>Emma L.<\/b><small>Turku \u00b7 Sketch Cap<\/small><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-band\" id=\"cta\">\n <div class=\"wrap\">\n <div class=\"cta-box reveal\">\n <svg class=\"doodle\" style=\"top:14%;left:8%;width:40px;color:#FFC23C\" viewBox=\"0 0 48 48\" aria-hidden=\"true\"><use href=\"#d-star\"\/><\/svg>\n <svg class=\"doodle\" style=\"bottom:16%;right:10%;width:56px;color:#fff\" viewBox=\"0 0 60 24\" aria-hidden=\"true\"><use href=\"#d-squiggle\"\/><\/svg>\n <span class=\"eyebrow\" style=\"color:#fff\">Liity porukkaan<\/span>\n <h2>Saa -10 % ensitilauksesta<\/h2>\n <p>Uudet mallistot, rajatut painokset ja pelkki\u00e4 hyvi\u00e4 juttuja. Ei roskapostia, lupaus.<\/p>\n <div class=\"subscribe\">\n <input type=\"email\" id=\"emailInput\" placeholder=\"sinun@sahkoposti.fi\" aria-label=\"S\u00e4hk\u00f6postiosoite\">\n <button class=\"btn btn--grape btn--lg\" id=\"subscribeBtn\">Liity nyt<\/button>\n <\/div>\n <div class=\"cta-msg\" id=\"ctaMsg\" role=\"status\"><\/div>\n <div class=\"cta-note\">Liittym\u00e4ll\u00e4 hyv\u00e4ksyt tietosuojaselosteen. Voit perua koska tahansa.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <svg class=\"logo-mark\" viewBox=\"0 0 48 48\"><rect x=\"3\" y=\"3\" width=\"42\" height=\"42\" rx=\"12\" fill=\"#5D3FE8\" stroke=\"#FBF1E2\" stroke-width=\"3\"\/><path d=\"M24,10 C26,22 28,24 40,26 C28,28 26,30 24,42 C22,30 20,28 8,26 C20,24 22,22 24,10 Z\" fill=\"#FFC23C\" stroke=\"#FBF1E2\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/><\/svg>\n HURJA\n <\/a>\n <p>K\u00e4sin piirretty\u00e4 merchi\u00e4, painettu tilauksesta Suomessa. V\u00e4ri\u00e4 arkeen ilman kompromisseja laadusta.<\/p>\n <div class=\"socials\">\n <a href=\"#\" aria-label=\"Instagram\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"TikTok\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3v10.5a4 4 0 11-3-3.9\"\/><path d=\"M15 6a5 5 0 004.5 3\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"S\u00e4hk\u00f6posti\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Kauppa<\/h4>\n <a href=\"#\">T-paidat<\/a>\n <a href=\"#\">Hupparit<\/a>\n <a href=\"#\">Lippikset<\/a>\n <a href=\"#\">Kassit<\/a>\n <a href=\"#\">Uutuudet<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Asiakaspalvelu<\/h4>\n <a href=\"#\">Toimitus<\/a>\n <a href=\"#\">Palautukset<\/a>\n <a href=\"#\">Kokotaulukko<\/a>\n <a href=\"#\">Ota yhteytt\u00e4<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Yritys<\/h4>\n <a href=\"#\">Tarina<\/a>\n <a href=\"#\">Vastuullisuus<\/a>\n <a href=\"#\">Yhteisty\u00f6t<\/a>\n <a href=\"#\">Tietosuoja<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 HURJA. Painettu Suomessa.<\/span>\n <div class=\"pay\">\n <span>MobilePay<\/span><span>Visa<\/span><span>Mastercard<\/span><span>Klarna<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n(function(){\n \/\/ mobile menu\n var burger=document.getElementById('burger');\n var links=document.getElementById('navLinks');\n burger.addEventListener('click',function(){\n var open=links.classList.toggle('open');\n burger.setAttribute('aria-expanded',open);\n });\n links.querySelectorAll('a').forEach(function(a){\n a.addEventListener('click',function(){links.classList.remove('open');burger.setAttribute('aria-expanded',false);});\n });\n\n \/\/ cart\n var count=0, cc=document.getElementById('cartCount');\n document.querySelectorAll('.add').forEach(function(btn){\n btn.addEventListener('click',function(){\n count++; cc.textContent=count;\n cc.animate([{transform:'scale(1.5)'},{transform:'scale(1)'}],{duration:260,easing:'ease-out'});\n var t=btn.textContent; btn.textContent='Lis\u00e4tty \u2713'; btn.classList.add('added');\n setTimeout(function(){btn.textContent=t; btn.classList.remove('added');},1100);\n });\n });\n\n \/\/ newsletter (demo, no real submit)\n var sub=document.getElementById('subscribeBtn');\n var mail=document.getElementById('emailInput');\n var msg=document.getElementById('ctaMsg');\n sub.addEventListener('click',function(){\n var v=(mail.value||'').trim();\n if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v)){msg.textContent='Tarkista s\u00e4hk\u00f6postiosoite.';return;}\n msg.textContent='Kiitos! Tarkista s\u00e4hk\u00f6posti ja lunasta alennuksesi.';\n mail.value='';\n });\n mail.addEventListener('keydown',function(e){if(e.key==='Enter')sub.click();});\n\n \/\/ scroll reveal (respect reduced motion)\n var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var els=document.querySelectorAll('.reveal');\n if(reduce||!('IntersectionObserver' in window)){els.forEach(function(el){el.classList.add('in');});}\n else{\n var io=new IntersectionObserver(function(entries){\n entries.forEach(function(en){if(en.isIntersecting){en.target.classList.add('in');io.unobserve(en.target);}});\n },{threshold:.14});\n els.forEach(function(el){io.observe(el);});\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HURJA | K\u00e4sin piirretyt printit, painettu Suomessa Ilmainen toimitus yli 59 euron tilauksiin \u00b7 Painettu tilauksesta Suomessa \u00b7 30 p\u00e4iv\u00e4n vaihto-oikeus HURJA Suosikit Mallistot Laatu Arvostelut Liity 0 Premium print \u00b7 painettu Suomessa Merchi\u00e4 jolla on luonnetta. K\u00e4sin piirretyt printit, luomupuuvilla ja v\u00e4rit jotka kest\u00e4v\u00e4t pesun toisensa j\u00e4lkeen. Painamme jokaisen tuotteen vasta kun tilaat sen. Selaa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okbob.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":1,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12,"date":"2026-07-06T19:57:18","date_gmt":"2026-07-06T16:57:18","guid":{"rendered":"https:\/\/okbob.fi\/?page_id=12"},"modified":"2026-07-06T19:57:18","modified_gmt":"2026-07-06T16:57:18","slug":"12-2","status":"publish","type":"page","link":"https:\/\/okbob.fi\/?page_id=12","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nHURJA | K\u00e4sin piirretyt printit, painettu Suomessa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --ink:#22143B;\n --ink-soft:#5A4A78;\n --paper:#FBF1E2;\n --paper-2:#FFF9F0;\n --grape:#5D3FE8;\n --grape-deep:#3A1F9E;\n --coral:#FF6B45;\n --sun:#FFC23C;\n --mint:#16C6A4;\n --white:#ffffff;\n\n --font-display:'Fredoka',system-ui,-apple-system,sans-serif;\n --font-body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;\n --font-mono:'Space Mono',ui-monospace,monospace;\n\n --r-pill:999px;\n --r-card:26px;\n --r-tile:30px;\n --r-sm:14px;\n\n --border:2.5px solid var(--ink);\n --shadow-soft:0 18px 44px rgba(34,20,59,.13);\n --shadow-sticker:5px 6px 0 var(--ink);\n --shadow-sticker-sm:3px 4px 0 var(--ink);\n\n --wrap:1200px;\n --gutter:clamp(20px,5vw,48px);\n --section:clamp(64px,9vw,120px);\n}\n\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n font-family:var(--font-body);\n color:var(--ink);\n background:var(--paper);\n line-height:1.7;\n font-size:1.02rem;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n}\n\/* subtle print-grain overlay for a tactile, premium feel *\/\nbody::before{\n content:\"\";\n position:fixed;inset:0;\n pointer-events:none;z-index:9999;\n opacity:.05;mix-blend-mode:multiply;\n 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='0.8' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\nh1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.02em}\na{color:inherit;text-decoration:none}\nimg,svg{display:block;max-width:100%}\nbutton{font-family:inherit;cursor:pointer;border:none;background:none}\n\n.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}\n.eyebrow{\n font-family:var(--font-mono);font-weight:700;\n font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;\n color:var(--grape);\n}\n\n\/* focus + motion floor *\/\n:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}\n@media (prefers-reduced-motion:reduce){\n *{animation:none!important;transition:none!important;scroll-behavior:auto}\n}\n\n\/* ---------- buttons ---------- *\/\n.btn{\n display:inline-flex;align-items:center;gap:.55em;\n font-family:var(--font-display);font-weight:600;font-size:1.02rem;\n padding:.85em 1.6em;border-radius:var(--r-pill);\n border:var(--border);background:var(--sun);color:var(--ink);\n box-shadow:var(--shadow-sticker-sm);\n transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n}\n.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 6px 0 var(--ink)}\n.btn:active{transform:translate(1px,2px);box-shadow:1px 2px 0 var(--ink)}\n.btn--grape{background:var(--grape);color:#fff}\n.btn--white{background:#fff}\n.btn--ghost{background:transparent;box-shadow:none}\n.btn--ghost:hover{background:rgba(255,255,255,.14);box-shadow:none;transform:translateY(-2px)}\n.btn--lg{font-size:1.12rem;padding:.95em 1.9em}\n\n\/* ---------- announcement ---------- *\/\n.topbar{\n background:var(--ink);color:var(--paper);\n font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;\n text-align:center;padding:.55rem 1rem;\n}\n.topbar b{color:var(--sun)}\n\n\/* ---------- header ---------- *\/\n.header{\n position:sticky;top:0;z-index:100;\n background:rgba(251,241,226,.82);backdrop-filter:blur(10px);\n border-bottom:2.5px solid var(--ink);\n}\n.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}\n.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em}\n.logo-mark{width:34px;height:34px;flex:none;transform:rotate(-6deg)}\n.nav-links{display:flex;align-items:center;gap:1.6rem;font-weight:600;font-size:.98rem}\n.nav-links a{position:relative;padding:.2rem 0}\n.nav-links a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--coral);border-radius:3px;transition:width .2s ease}\n.nav-links a:hover::after{width:100%}\n.nav-actions{display:flex;align-items:center;gap:.7rem}\n.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-pill);border:2.5px solid var(--ink);background:#fff;position:relative;transition:transform .15s ease}\n.icon-btn:hover{transform:translateY(-2px)}\n.cart-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:700;display:grid;place-items:center}\n.burger{display:none}\n\n\/* ---------- hero ---------- *\/\n.hero{position:relative;background:var(--grape);color:#fff;overflow:hidden;padding-top:clamp(48px,7vw,86px);padding-bottom:clamp(120px,14vw,180px)}\n.hero .wrap{position:relative;z-index:2}\n.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center}\n.hero-eyebrow{color:var(--sun);font-family:var(--font-mono);font-weight:700;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;display:inline-block;margin-bottom:1.1rem}\n.hero h1{font-size:clamp(2.7rem,6.2vw,5rem);font-weight:700;color:#fff;letter-spacing:-.025em}\n.hero h1 .hl{position:relative;white-space:nowrap}\n.hero h1 .hl::after{content:\"\";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.34em;background:var(--coral);z-index:-1;border-radius:8px;transform:rotate(-1.5deg)}\n.hero p{font-size:clamp(1.05rem,1.4vw,1.22rem);color:rgba(255,255,255,.9);max-width:34ch;margin:1.5rem 0 2rem}\n.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem}\n.hero-trust{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.4rem;font-size:.9rem;color:rgba(255,255,255,.82);font-weight:500}\n.hero-trust span{display:inline-flex;align-items:center;gap:.45rem}\n.stars{color:var(--sun);letter-spacing:1px}\n\n.hero-visual{position:relative;display:grid;place-items:center;min-height:340px}\n.hero-blob{position:absolute;inset:-6% 0 0;z-index:0}\n.hero-product{position:relative;z-index:2;width:min(78%,380px);filter:drop-shadow(0 26px 34px rgba(34,20,59,.32))}\n.hero-product svg{width:100%;height:auto;animation:float 6s ease-in-out infinite}\n@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(1deg)}}\n\n.badge{\n position:absolute;z-index:3;\n font-family:var(--font-display);font-weight:700;font-size:.9rem;\n padding:.5em .9em;border-radius:var(--r-pill);\n border:var(--border);box-shadow:var(--shadow-sticker-sm);\n background:var(--sun);color:var(--ink);\n}\n.badge--a{top:6%;right:4%;background:var(--sun);transform:rotate(8deg)}\n.badge--b{bottom:16%;left:2%;background:#fff;transform:rotate(-9deg)}\n.badge--c{top:44%;right:-2%;background:var(--mint);color:#fff;transform:rotate(-5deg)}\n\n.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(60px,8vw,120px);z-index:1}\n\n\/* floating doodles *\/\n.doodle{position:absolute;opacity:.9;z-index:1;pointer-events:none}\n.d1{top:14%;left:6%;width:52px;color:var(--sun);animation:spin 18s linear infinite}\n.d2{bottom:30%;left:44%;width:40px;color:var(--coral)}\n.d3{top:9%;left:52%;width:34px;color:#fff;animation:bob 5s ease-in-out infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n\/* ---------- marquee strip ---------- *\/\n.strip{background:var(--ink);color:var(--paper);overflow:hidden;padding:.9rem 0;border-bottom:2.5px solid var(--ink)}\n.marquee{display:flex;gap:2.5rem;white-space:nowrap;width:max-content;animation:scroll 26s linear infinite;font-family:var(--font-display);font-weight:600;font-size:1.05rem;align-items:center}\n.marquee span{display:inline-flex;align-items:center;gap:2.5rem}\n.marquee .dot{color:var(--sun)}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---------- value props ---------- *\/\n.values{padding-block:var(--section)}\n.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}\n.value{text-align:center;padding:1.4rem 1rem}\n.value-ic{width:76px;height:76px;margin:0 auto 1rem;border-radius:22px;display:grid;place-items:center;border:var(--border);box-shadow:var(--shadow-sticker-sm)}\n.value h3{font-size:1.18rem;margin-bottom:.35rem}\n.value p{font-size:.94rem;color:var(--ink-soft)}\n\n\/* ---------- section header ---------- *\/\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.6rem;flex-wrap:wrap}\n.sec-head h2{font-size:clamp(2rem,4vw,3.1rem)}\n.sec-head .eyebrow{display:block;margin-bottom:.7rem}\n.sec-head p{color:var(--ink-soft);max-width:40ch;margin-top:.5rem}\n.link-arrow{font-family:var(--font-display);font-weight:600;color:var(--grape);display:inline-flex;align-items:center;gap:.4rem}\n.link-arrow:hover{gap:.7rem;transition:gap .2s ease}\n\n\/* ---------- bestsellers ---------- *\/\n.bestsellers{padding-block:var(--section);background:var(--paper-2)}\n.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}\n.card{\n background:#fff;border:var(--border);border-radius:var(--r-card);\n box-shadow:var(--shadow-sticker);overflow:hidden;display:flex;flex-direction:column;\n transition:transform .2s ease, box-shadow .2s ease;\n}\n.card:hover{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:8px 10px 0 var(--ink)}\n.card-media{position:relative;aspect-ratio:1\/1;display:grid;place-items:center;padding:1.5rem;border-bottom:2.5px solid var(--ink)}\n.card-media svg{width:78%;height:auto}\n.card-tag{position:absolute;top:.8rem;left:.8rem;font-family:var(--font-mono);font-weight:700;font-size:.68rem;letter-spacing:.05em;background:var(--ink);color:#fff;padding:.3em .6em;border-radius:var(--r-pill)}\n.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.15rem;flex:1}\n.card-body h3{font-size:1.16rem}\n.card-cat{font-size:.82rem;color:var(--ink-soft);font-weight:500}\n.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}\n.price{font-family:var(--font-mono);font-weight:700;font-size:1.18rem}\n.add{\n font-family:var(--font-display);font-weight:600;font-size:.92rem;\n padding:.5em 1.05em;border-radius:var(--r-pill);border:2.5px solid var(--ink);\n background:var(--grape);color:#fff;transition:transform .14s ease, background .2s ease;\n}\n.add:hover{transform:scale(1.05)}\n.add.added{background:var(--mint)}\n\n\/* tile background colours for product art *\/\n.m-coral{background:#FFE7DE}.m-mint{background:#DBF6EF}.m-sun{background:#FFF1CF}.m-grape{background:#E7E1FC}\n\n\/* ---------- categories ---------- *\/\n.cats{padding-block:var(--section)}\n.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\n.cat{\n position:relative;border:var(--border);border-radius:var(--r-tile);\n box-shadow:var(--shadow-sticker);overflow:hidden;min-height:320px;\n display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;\n transition:transform .2s ease, box-shadow .2s ease;\n}\n.cat:hover{transform:translate(-3px,-4px);box-shadow:8px 10px 0 var(--ink)}\n.cat--grape{background:var(--grape);color:#fff}\n.cat--coral{background:var(--coral);color:#fff}\n.cat--sun{background:var(--sun);color:var(--ink)}\n.cat-art{position:absolute;right:-6%;bottom:-6%;width:66%;opacity:.96}\n.cat-top{position:relative;z-index:2}\n.cat-count{font-family:var(--font-mono);font-size:.76rem;font-weight:700;opacity:.85}\n.cat h3{font-size:1.8rem;margin-top:.3rem}\n.cat-link{position:relative;z-index:2;font-family:var(--font-display);font-weight:600;display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.9);color:var(--ink);padding:.5em 1.1em;border-radius:var(--r-pill);border:2.5px solid var(--ink);align-self:flex-start}\n\n\/* ---------- quality split ---------- *\/\n.quality{padding-block:var(--section);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}\n.quality .wrap{position:relative;z-index:2}\n.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}\n.quality h2{color:#fff;font-size:clamp(2rem,4vw,3rem)}\n.quality .eyebrow{color:var(--sun)}\n.q-list{list-style:none;margin-top:1.8rem;display:grid;gap:1.1rem}\n.q-list li{display:flex;gap:.9rem;align-items:flex-start}\n.q-check{flex:none;width:30px;height:30px;border-radius:9px;background:var(--mint);border:2.5px solid var(--paper);display:grid;place-items:center;margin-top:2px}\n.q-list b{color:#fff;font-family:var(--font-display);font-weight:600;display:block;font-size:1.06rem}\n.q-list p{color:rgba(251,241,226,.72);font-size:.94rem}\n.q-visual{position:relative;display:grid;place-items:center;min-height:320px}\n.q-card{background:var(--paper);border:2.5px solid var(--paper);border-radius:var(--r-tile);padding:2rem;box-shadow:0 24px 50px rgba(0,0,0,.35);width:min(80%,360px);transform:rotate(-3deg)}\n.q-card svg{width:100%}\n.q-spec{display:flex;justify-content:space-between;margin-top:1rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);border-top:2px dashed var(--ink);padding-top:.8rem}\n\n\/* ---------- reviews ---------- *\/\n.reviews{padding-block:var(--section)}\n.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\n.review{position:relative;background:#fff;border:var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sticker);padding:1.6rem 1.5rem 1.5rem}\n.review::after{content:\"\";position:absolute;left:2.4rem;bottom:-15px;width:26px;height:26px;background:#fff;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg)}\n.review .stars{font-size:1.05rem}\n.review p{margin:.7rem 0 1.3rem;font-size:1rem}\n.review-who{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem}\n.avatar{width:44px;height:44px;border-radius:var(--r-pill);border:2.5px solid var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff}\n.review-who b{font-family:var(--font-display);font-weight:600}\n.review-who small{display:block;color:var(--ink-soft);font-size:.82rem}\n\n\/* ---------- newsletter cta ---------- *\/\n.cta-band{padding-block:var(--section)}\n.cta-box{\n background:var(--coral);color:#fff;border:var(--border);border-radius:36px;\n box-shadow:var(--shadow-sticker);padding:clamp(2.2rem,5vw,3.6rem);text-align:center;position:relative;overflow:hidden;\n}\n.cta-box h2{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem)}\n.cta-box p{max-width:44ch;margin:1rem auto 2rem;color:rgba(255,255,255,.92)}\n.subscribe{display:flex;gap:.7rem;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.subscribe input{\n flex:1;min-width:220px;font-family:var(--font-body);font-size:1rem;\n padding:.9em 1.2em;border-radius:var(--r-pill);border:2.5px solid var(--ink);\n background:#fff;color:var(--ink);\n}\n.subscribe input::placeholder{color:var(--ink-soft)}\n.cta-note{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.8)}\n.cta-msg{margin-top:1rem;font-family:var(--font-display);font-weight:600;min-height:1.4em}\n\n\/* ---------- footer ---------- *\/\n.footer{background:var(--ink);color:rgba(251,241,226,.72);padding-top:clamp(48px,7vw,80px)}\n.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem}\n.footer .logo{color:var(--paper);font-size:1.5rem}\n.footer-brand p{margin:1rem 0 1.3rem;max-width:32ch;font-size:.92rem}\n.socials{display:flex;gap:.6rem}\n.socials a{width:42px;height:42px;border-radius:var(--r-pill);border:2.5px solid rgba(251,241,226,.35);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}\n.socials a:hover{background:var(--grape);border-color:var(--grape);color:#fff}\n.footer-col h4{font-family:var(--font-display);color:var(--paper);font-size:1.05rem;margin-bottom:1rem;font-weight:600}\n.footer-col a{display:block;padding:.3rem 0;font-size:.92rem}\n.footer-col a:hover{color:var(--sun)}\n.footer-bottom{border-top:1px solid rgba(251,241,226,.16);padding:1.4rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.76rem}\n.pay{display:flex;gap:.5rem;align-items:center}\n.pay span{padding:.25em .6em;border:1px solid rgba(251,241,226,.3);border-radius:6px;font-size:.7rem}\n\n\/* ---------- reveal ---------- *\/\n.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}\n.reveal.in{opacity:1;transform:none}\n\n\/* ---------- responsive ---------- *\/\n@media (max-width:1000px){\n .values-grid{grid-template-columns:repeat(2,1fr)}\n .product-grid{grid-template-columns:repeat(2,1fr)}\n .cat-grid{grid-template-columns:1fr}\n .review-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr 1fr}\n .footer-brand{grid-column:1\/-1}\n}\n@media (max-width:820px){\n .nav-links{\n position:absolute;top:100%;left:0;right:0;\n flex-direction:column;align-items:flex-start;gap:.4rem;\n background:var(--paper);border-bottom:2.5px solid var(--ink);\n padding:1rem var(--gutter);\n transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .2s ease;\n }\n .nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}\n .nav-links a{padding:.5rem 0;font-size:1.05rem;width:100%}\n .burger{display:grid}\n .hero-grid{grid-template-columns:1fr;text-align:center}\n .hero p{margin-left:auto;margin-right:auto}\n .hero-cta,.hero-trust{justify-content:center}\n .hero-visual{order:-1;min-height:280px;margin-bottom:.5rem}\n .q-grid{grid-template-columns:1fr}\n .q-visual{order:-1}\n .sec-head{flex-direction:column;align-items:flex-start}\n}\n@media (max-width:520px){\n .values-grid{grid-template-columns:1fr}\n .product-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr}\n .nav-links{gap:.2rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<svg width=\"0\" height=\"0\" aria-hidden=\"true\" style=\"position:absolute\">\n <defs>\n \n <symbol id=\"art-tee\" viewBox=\"0 0 200 200\">\n <path d=\"M22,72 L58,46 Q70,49 82,52 Q91,64 100,66 Q109,64 118,52 Q130,49 142,46 L178,72 L162,98 L140,80 L140,168 Q140,173 135,173 L65,173 Q60,173 60,168 L60,80 L38,98 Z\"\n fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M82,52 Q100,78 118,52\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linecap=\"round\"\/>\n <path d=\"M82,52 Q100,72 118,52\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".12\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\n <path d=\"M64,110 L64,168\" stroke=\"#000\" stroke-opacity=\".08\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n <path d=\"M158,86 l-16,-6\" stroke=\"#fff\" stroke-opacity=\".4\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n \n <path d=\"M100,96 C102,110 108,116 122,118 C108,120 102,126 100,140 C98,126 92,120 78,118 C92,116 98,110 100,96 Z\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\" stroke-linejoin=\"round\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-hoodie\" viewBox=\"0 0 200 200\">\n <path d=\"M58,60 Q100,22 142,60 L128,80 Q100,62 72,80 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M58,60 Q100,22 142,60 L134,70 Q100,42 66,70 Z\" fill=\"#000\" fill-opacity=\".14\"\/>\n <path d=\"M26,82 L60,54 L74,80 Q100,64 126,80 L140,54 L174,82 L156,106 L136,88 L136,166 Q136,171 131,171 L69,171 Q64,171 64,166 L64,88 L44,106 Z\"\n fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n \n <path d=\"M64,158 L136,158 L136,166 Q136,171 131,171 L69,171 Q64,171 64,166 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n \n <path d=\"M156,106 l-9,12 l-20,-16 l9,-12 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n <path d=\"M44,106 l9,12 l20,-16 l-9,-12 Z\" fill=\"#000\" fill-opacity=\".13\"\/>\n \n <path d=\"M78,120 L122,120 Q126,120 126,124 L126,150 L74,150 L74,124 Q74,120 78,120 Z\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n \n <path d=\"M88,78 L86,104\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <path d=\"M112,78 L114,104\" stroke=\"#22143B\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <circle cx=\"86\" cy=\"106\" r=\"3.4\" fill=\"#22143B\"\/>\n <circle cx=\"114\" cy=\"106\" r=\"3.4\" fill=\"#22143B\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-cap\" viewBox=\"0 0 200 200\">\n <path d=\"M52,118 Q100,108 152,118 Q156,142 100,150 Q54,142 52,118 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M52,118 Q100,110 152,118 Q150,128 100,132 Q58,128 52,118 Z\" fill=\"#000\" fill-opacity=\".14\"\/>\n <path d=\"M56,120 Q56,54 100,54 Q144,54 144,120 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M100,54 L100,120\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <path d=\"M78,56 Q72,88 80,120\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".14\" stroke-width=\"4\"\/>\n <path d=\"M122,56 Q128,88 120,120\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".14\" stroke-width=\"4\"\/>\n <circle cx=\"100\" cy=\"54\" r=\"6\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4\"\/>\n \n <rect x=\"84\" y=\"78\" width=\"32\" height=\"24\" rx=\"6\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <path d=\"M100,84 l3,5 l6,1 l-4.5,4 l1,6 l-5.5,-3 l-5.5,3 l1,-6 l-4.5,-4 l6,-1 Z\" fill=\"#22143B\"\/>\n <\/symbol>\n\n \n <symbol id=\"art-tote\" viewBox=\"0 0 200 200\">\n <path d=\"M52,74 L148,74 L156,166 Q156,172 150,172 L50,172 Q44,172 44,166 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"4.5\" stroke-linejoin=\"round\"\/>\n <path d=\"M70,76 Q70,42 100,42 Q130,42 130,76\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M70,76 Q70,50 100,50 Q130,50 130,76\" fill=\"none\" stroke=\"#000\" stroke-opacity=\".12\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M52,90 L148,90\" stroke=\"#000\" stroke-opacity=\".1\" stroke-width=\"4\"\/>\n \n <circle cx=\"100\" cy=\"128\" r=\"24\" fill=\"#fff\" stroke=\"#22143B\" stroke-width=\"3.5\"\/>\n <circle cx=\"91\" cy=\"123\" r=\"3.4\" fill=\"#22143B\"\/>\n <circle cx=\"109\" cy=\"123\" r=\"3.4\" fill=\"#22143B\"\/>\n <path d=\"M88,133 Q100,144 112,133\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <\/symbol>\n\n \n <symbol id=\"d-star\" viewBox=\"0 0 48 48\"><path d=\"M24,2 C26,18 30,22 46,24 C30,26 26,30 24,46 C22,30 18,26 2,24 C18,22 22,18 24,2 Z\" fill=\"currentColor\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"d-squiggle\" viewBox=\"0 0 60 24\"><path d=\"M2,12 Q12,-2 22,12 T42,12 T62,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"d-spiral\" viewBox=\"0 0 40 40\"><path d=\"M20,20 m0,0 a4,4 0 1,1 -4,4 a8,8 0 1,0 8,-8 a12,12 0 1,1 -12,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/><\/symbol>\n <\/defs>\n<\/svg>\n\n\n<div class=\"topbar\">Ilmainen toimitus yli <b>59 euron<\/b> tilauksiin \u00b7 Painettu tilauksesta Suomessa \u00b7 30 p\u00e4iv\u00e4n vaihto-oikeus<\/div>\n\n\n<header class=\"header\">\n <div class=\"wrap\">\n <nav class=\"nav\">\n <a href=\"#\" class=\"logo\" aria-label=\"HURJA etusivu\">\n <svg class=\"logo-mark\" viewBox=\"0 0 48 48\"><rect x=\"3\" y=\"3\" width=\"42\" height=\"42\" rx=\"12\" fill=\"#5D3FE8\" stroke=\"#22143B\" stroke-width=\"3\"\/><path d=\"M24,10 C26,22 28,24 40,26 C28,28 26,30 24,42 C22,30 20,28 8,26 C20,24 22,22 24,10 Z\" fill=\"#FFC23C\" stroke=\"#22143B\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/><\/svg>\n HURJA\n <\/a>\n <div class=\"nav-links\" id=\"navLinks\">\n <a href=\"#bestsellers\">Suosikit<\/a>\n <a href=\"#cats\">Mallistot<\/a>\n <a href=\"#quality\">Laatu<\/a>\n <a href=\"#reviews\">Arvostelut<\/a>\n <a href=\"#cta\">Liity<\/a>\n <\/div>\n <div class=\"nav-actions\">\n <button class=\"icon-btn\" aria-label=\"Haku\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.4\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" aria-label=\"Ostoskori\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6h15l-1.5 9h-12z\"\/><path d=\"M6 6L5 3H2\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>\n <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n <\/button>\n <button class=\"icon-btn burger\" id=\"burger\" aria-label=\"Valikko\" aria-expanded=\"false\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/svg>\n <\/button>\n <\/div>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<section class=\"hero\">\n <svg class=\"doodle d1\" viewBox=\"0 0 48 48\"><use href=\"#d-star\"\/><\/svg>\n <svg class=\"doodle d2\" viewBox=\"0 0 40 40\"><use href=\"#d-spiral\"\/><\/svg>\n <svg class=\"doodle d3\" viewBox=\"0 0 48 48\"><use href=\"#d-star\"\/><\/svg>\n\n <div class=\"wrap\">\n <div class=\"hero-grid\">\n <div class=\"hero-copy\">\n <span class=\"hero-eyebrow\">Premium print \u00b7 painettu Suomessa<\/span>\n <h1>Merchi\u00e4 jolla on <span class=\"hl\">luonnetta.<\/span><\/h1>\n <p>K\u00e4sin piirretyt printit, luomupuuvilla ja v\u00e4rit jotka kest\u00e4v\u00e4t pesun toisensa j\u00e4lkeen. Painamme jokaisen tuotteen vasta kun tilaat sen.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#cats\" class=\"btn btn--lg\">Selaa mallistoa<\/a>\n <a href=\"#bestsellers\" class=\"btn btn--ghost btn--lg\">Katso suosikit<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <span><b class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/b> 2 400+ arvostelua<\/span>\n <span>\ud83c\uddeb\ud83c\uddee Painettu Suomessa<\/span>\n <span>\u21ba Ilmainen palautus<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <svg class=\"hero-blob\" viewBox=\"0 0 460 460\" aria-hidden=\"true\">\n <path fill=\"#FFC23C\" d=\"M230,40 C320,40 410,90 420,190 C428,270 380,330 320,380 C255,432 160,440 100,390 C40,342 24,250 44,170 C64,88 140,40 230,40 Z\" opacity=\".95\"\/>\n <\/svg>\n <div class=\"hero-product\" style=\"color:#FF6B45\">\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"HURJA t-paita\"><use href=\"#art-tee\"\/><\/svg>\n <\/div>\n <span class=\"badge badge--a\">Uutuus \u2726<\/span>\n <span class=\"badge badge--b\">Luomupuuvilla<\/span>\n <span class=\"badge badge--c\">-20 %<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <svg class=\"hero-wave\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n <path fill=\"#FBF1E2\" d=\"M0,54 C240,118 480,6 720,42 C960,78 1200,14 1440,58 L1440,120 L0,120 Z\"\/>\n <\/svg>\n<\/section>\n\n\n<div class=\"strip\" aria-hidden=\"true\">\n <div class=\"marquee\">\n <span>K\u00e4sin piirretty <span class=\"dot\">\u2726<\/span> Luomupuuvilla 240 g <span class=\"dot\">\u2726<\/span> DTG-laatupaino <span class=\"dot\">\u2726<\/span> Painettu Suomessa <span class=\"dot\">\u2726<\/span> Ei minimitilausta <span class=\"dot\">\u2726<\/span> Hiilineutraali toimitus <span class=\"dot\">\u2726<\/span><\/span>\n <span>K\u00e4sin piirretty <span class=\"dot\">\u2726<\/span> Luomupuuvilla 240 g <span class=\"dot\">\u2726<\/span> DTG-laatupaino <span class=\"dot\">\u2726<\/span> Painettu Suomessa <span class=\"dot\">\u2726<\/span> Ei minimitilausta <span class=\"dot\">\u2726<\/span> Hiilineutraali toimitus <span class=\"dot\">\u2726<\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"values\">\n <div class=\"wrap\">\n <div class=\"values-grid\">\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--sun)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 21l-4.9 2.7.9-5.5-4-3.9 5.5-.8z\"\/><\/svg>\n <\/div>\n <h3>Premium painoj\u00e4lki<\/h3>\n <p>DTG-tulostus tarkoilla v\u00e4reill\u00e4. Kuva ei rakoile eik\u00e4 halkeile.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--mint)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg>\n <\/div>\n <h3>Kest\u00e4v\u00e4t materiaalit<\/h3>\n <p>Sertifioitu luomupuuvilla, 240 g. Tuntuu hyv\u00e4lt\u00e4 ja kest\u00e4\u00e4 k\u00e4ytt\u00f6\u00e4.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:var(--coral)\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h13l-3-3m3 3l-3 3M17 6h4v12h-4\"\/><\/svg>\n <\/div>\n <h3>Nopea toimitus<\/h3>\n <p>Painetaan 1-3 p\u00e4iv\u00e4ss\u00e4 ja l\u00e4htee matkaan hiilineutraalisti.<\/p>\n <\/div>\n <div class=\"value reveal\">\n <div class=\"value-ic\" style=\"background:#E7E1FC\">\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.5-7-10a4 4 0 018-1 4 4 0 018 1c0 5.5-9 10-9 10z\"\/><\/svg>\n <\/div>\n <h3>30 p\u00e4iv\u00e4n vaihto<\/h3>\n <p>V\u00e4\u00e4r\u00e4 koko? Vaihdamme mielell\u00e4mme. Palautus on aina ilmainen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bestsellers\" id=\"bestsellers\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">Myydyimm\u00e4t juuri nyt<\/span>\n <h2>Porukan suosikit<\/h2>\n <\/div>\n <a href=\"#\" class=\"link-arrow\">Koko valikoima \u2192<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n <article class=\"card reveal\">\n <div class=\"card-media m-coral\" style=\"color:#FF6B45\">\n <span class=\"card-tag\">TOP 1<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Retro Aalto t-paita\"><use href=\"#art-tee\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">T-paita \u00b7 unisex<\/span>\n <h3>Retro Aalto<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">34,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-mint\" style=\"color:#16C6A4\">\n <span class=\"card-tag\">SUOSIKKI<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Doodle-huppari\"><use href=\"#art-hoodie\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Huppari \u00b7 luomu<\/span>\n <h3>Doodle Club<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">69,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-sun\" style=\"color:#FFC23C\">\n <span class=\"card-tag\">UUTUUS<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Sketch-lippis\"><use href=\"#art-cap\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Lippis \u00b7 s\u00e4\u00e4dett\u00e4v\u00e4<\/span>\n <h3>Sketch Cap<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">29,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"card reveal\">\n <div class=\"card-media m-grape\" style=\"color:#5D3FE8\">\n <span class=\"card-tag\">-20 %<\/span>\n <svg viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Happy-kassi\"><use href=\"#art-tote\"\/><\/svg>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-cat\">Kangaskassi \u00b7 reilu<\/span>\n <h3>Happy Tote<\/h3>\n <div class=\"card-foot\">\n <span class=\"price\">19,90 \u20ac<\/span>\n <button class=\"add\">Lis\u00e4\u00e4<\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">Selaa tyylin mukaan<\/span>\n <h2>Mallistot<\/h2>\n <p>Jokainen malli piirret\u00e4\u00e4n k\u00e4sin ja painetaan tilauksesta. Valitse l\u00e4ht\u00f6kohta.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"cat-grid\">\n <a href=\"#\" class=\"cat cat--grape reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">48 mallia<\/span>\n <h3>T-paidat<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#FF6B45\" aria-hidden=\"true\"><use href=\"#art-tee\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"cat cat--coral reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">26 mallia<\/span>\n <h3>Hupparit<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#FFC23C\" aria-hidden=\"true\"><use href=\"#art-hoodie\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"cat cat--sun reveal\">\n <div class=\"cat-top\">\n <span class=\"cat-count\">19 mallia<\/span>\n <h3>Lippikset & asusteet<\/h3>\n <\/div>\n <span class=\"cat-link\">Katso \u2192<\/span>\n <svg class=\"cat-art\" viewBox=\"0 0 200 200\" style=\"color:#5D3FE8\" aria-hidden=\"true\"><use href=\"#art-cap\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"quality\" id=\"quality\">\n <svg class=\"doodle\" style=\"top:12%;right:8%;width:44px;color:#FFC23C\" viewBox=\"0 0 48 48\" aria-hidden=\"true\"><use href=\"#d-star\"\/><\/svg>\n <div class=\"wrap\">\n <div class=\"q-grid\">\n <div class=\"q-copy reveal\">\n <span class=\"eyebrow\">Miksi HURJA<\/span>\n <h2>Printti kuin galleriasta, mukavuus kuin lempipaidasta.<\/h2>\n <ul class=\"q-list\">\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>Oikeasti k\u00e4sin piirretty<\/b><p>Jokainen kuvitus syntyy p\u00f6yd\u00e4ll\u00e4, ei kuvapankissa. Siksi mik\u00e4\u00e4n paita ei n\u00e4yt\u00e4 samalta kuin muut.<\/p><\/div>\n <\/li>\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>V\u00e4ri joka pysyy<\/b><p>DTG-paino imeytyy kankaaseen. Ei muovista tuntumaa, ei rakoilua kymmenenk\u00e4\u00e4n pesun j\u00e4lkeen.<\/p><\/div>\n <\/li>\n <li>\n <span class=\"q-check\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22143B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7l-9 9-5-5\"\/><\/svg><\/span>\n <div><b>Painettu tilauksesta<\/b><p>Emme tee turhaa varastoa. Tuotteesi valmistuu vasta kun ostat sen, joten hukkaa syntyy v\u00e4hemm\u00e4n.<\/p><\/div>\n <\/li>\n <\/ul>\n <a href=\"#cats\" class=\"btn btn--white btn--lg\" style=\"margin-top:2rem\">Tutustu mallistoon<\/a>\n <\/div>\n\n <div class=\"q-visual reveal\">\n <div class=\"q-card\">\n <svg viewBox=\"0 0 200 200\" style=\"color:#5D3FE8\" aria-hidden=\"true\"><use href=\"#art-tee\"\/><\/svg>\n <div class=\"q-spec\"><span>240 g \/ luomu<\/span><span>XS-3XL<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"reviews\" id=\"reviews\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div>\n <span class=\"eyebrow\">4,9 \/ 5 \u00b7 2 400+ arvostelua<\/span>\n <h2>Mit\u00e4 porukka sanoo<\/h2>\n <\/div>\n <\/div>\n\n <div class=\"review-grid\">\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Laadukkain paita mit\u00e4 mulla on. Printti n\u00e4ytt\u00e4\u00e4 yht\u00e4 ter\u00e4v\u00e4lt\u00e4 puolen vuoden j\u00e4lkeenkin ja kangas on paksua muttei kuumottava.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--coral)\">SR<\/span>\n <div><b>Saara R.<\/b><small>Helsinki \u00b7 Retro Aalto<\/small><\/div>\n <\/div>\n <\/div>\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Tilasin hupparin lahjaksi ja se meni niin kovaan k\u00e4ytt\u00f6\u00f6n ett\u00e4 piti tilata toinen itselle. Suomessa painettu, nopea toimitus, ei mit\u00e4\u00e4n valittamista.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--grape)\">TM<\/span>\n <div><b>Tuomas M.<\/b><small>Tampere \u00b7 Doodle Club<\/small><\/div>\n <\/div>\n <\/div>\n <div class=\"review reveal\">\n <div class=\"stars\" aria-label=\"5 t\u00e4hte\u00e4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p>Rakastan sit\u00e4 ett\u00e4 kuvitukset on oikeasti erilaisia. Ei tunnu geneeriselt\u00e4 print-on-demandilta vaan pienelt\u00e4 br\u00e4ndilt\u00e4 jolla on oma juttu.<\/p>\n <div class=\"review-who\">\n <span class=\"avatar\" style=\"background:var(--mint)\">EL<\/span>\n <div><b>Emma L.<\/b><small>Turku \u00b7 Sketch Cap<\/small><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-band\" id=\"cta\">\n <div class=\"wrap\">\n <div class=\"cta-box reveal\">\n <svg class=\"doodle\" style=\"top:14%;left:8%;width:40px;color:#FFC23C\" viewBox=\"0 0 48 48\" aria-hidden=\"true\"><use href=\"#d-star\"\/><\/svg>\n <svg class=\"doodle\" style=\"bottom:16%;right:10%;width:56px;color:#fff\" viewBox=\"0 0 60 24\" aria-hidden=\"true\"><use href=\"#d-squiggle\"\/><\/svg>\n <span class=\"eyebrow\" style=\"color:#fff\">Liity porukkaan<\/span>\n <h2>Saa -10 % ensitilauksesta<\/h2>\n <p>Uudet mallistot, rajatut painokset ja pelkki\u00e4 hyvi\u00e4 juttuja. Ei roskapostia, lupaus.<\/p>\n <div class=\"subscribe\">\n <input type=\"email\" id=\"emailInput\" placeholder=\"sinun@sahkoposti.fi\" aria-label=\"S\u00e4hk\u00f6postiosoite\">\n <button class=\"btn btn--grape btn--lg\" id=\"subscribeBtn\">Liity nyt<\/button>\n <\/div>\n <div class=\"cta-msg\" id=\"ctaMsg\" role=\"status\"><\/div>\n <div class=\"cta-note\">Liittym\u00e4ll\u00e4 hyv\u00e4ksyt tietosuojaselosteen. Voit perua koska tahansa.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <svg class=\"logo-mark\" viewBox=\"0 0 48 48\"><rect x=\"3\" y=\"3\" width=\"42\" height=\"42\" rx=\"12\" fill=\"#5D3FE8\" stroke=\"#FBF1E2\" stroke-width=\"3\"\/><path d=\"M24,10 C26,22 28,24 40,26 C28,28 26,30 24,42 C22,30 20,28 8,26 C20,24 22,22 24,10 Z\" fill=\"#FFC23C\" stroke=\"#FBF1E2\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/><\/svg>\n HURJA\n <\/a>\n <p>K\u00e4sin piirretty\u00e4 merchi\u00e4, painettu tilauksesta Suomessa. V\u00e4ri\u00e4 arkeen ilman kompromisseja laadusta.<\/p>\n <div class=\"socials\">\n <a href=\"#\" aria-label=\"Instagram\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"TikTok\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3v10.5a4 4 0 11-3-3.9\"\/><path d=\"M15 6a5 5 0 004.5 3\"\/><\/svg><\/a>\n <a href=\"#\" aria-label=\"S\u00e4hk\u00f6posti\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Kauppa<\/h4>\n <a href=\"#\">T-paidat<\/a>\n <a href=\"#\">Hupparit<\/a>\n <a href=\"#\">Lippikset<\/a>\n <a href=\"#\">Kassit<\/a>\n <a href=\"#\">Uutuudet<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Asiakaspalvelu<\/h4>\n <a href=\"#\">Toimitus<\/a>\n <a href=\"#\">Palautukset<\/a>\n <a href=\"#\">Kokotaulukko<\/a>\n <a href=\"#\">Ota yhteytt\u00e4<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Yritys<\/h4>\n <a href=\"#\">Tarina<\/a>\n <a href=\"#\">Vastuullisuus<\/a>\n <a href=\"#\">Yhteisty\u00f6t<\/a>\n <a href=\"#\">Tietosuoja<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 HURJA. Painettu Suomessa.<\/span>\n <div class=\"pay\">\n <span>MobilePay<\/span><span>Visa<\/span><span>Mastercard<\/span><span>Klarna<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n(function(){\n \/\/ mobile menu\n var burger=document.getElementById('burger');\n var links=document.getElementById('navLinks');\n burger.addEventListener('click',function(){\n var open=links.classList.toggle('open');\n burger.setAttribute('aria-expanded',open);\n });\n links.querySelectorAll('a').forEach(function(a){\n a.addEventListener('click',function(){links.classList.remove('open');burger.setAttribute('aria-expanded',false);});\n });\n\n \/\/ cart\n var count=0, cc=document.getElementById('cartCount');\n document.querySelectorAll('.add').forEach(function(btn){\n btn.addEventListener('click',function(){\n count++; cc.textContent=count;\n cc.animate([{transform:'scale(1.5)'},{transform:'scale(1)'}],{duration:260,easing:'ease-out'});\n var t=btn.textContent; btn.textContent='Lis\u00e4tty \u2713'; btn.classList.add('added');\n setTimeout(function(){btn.textContent=t; btn.classList.remove('added');},1100);\n });\n });\n\n \/\/ newsletter (demo, no real submit)\n var sub=document.getElementById('subscribeBtn');\n var mail=document.getElementById('emailInput');\n var msg=document.getElementById('ctaMsg');\n sub.addEventListener('click',function(){\n var v=(mail.value||'').trim();\n if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v)){msg.textContent='Tarkista s\u00e4hk\u00f6postiosoite.';return;}\n msg.textContent='Kiitos! Tarkista s\u00e4hk\u00f6posti ja lunasta alennuksesi.';\n mail.value='';\n });\n mail.addEventListener('keydown',function(e){if(e.key==='Enter')sub.click();});\n\n \/\/ scroll reveal (respect reduced motion)\n var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var els=document.querySelectorAll('.reveal');\n if(reduce||!('IntersectionObserver' in window)){els.forEach(function(el){el.classList.add('in');});}\n else{\n var io=new IntersectionObserver(function(entries){\n entries.forEach(function(en){if(en.isIntersecting){en.target.classList.add('in');io.unobserve(en.target);}});\n },{threshold:.14});\n els.forEach(function(el){io.observe(el);});\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HURJA | K\u00e4sin piirretyt printit, painettu Suomessa Ilmainen toimitus yli 59 euron tilauksiin \u00b7 Painettu tilauksesta Suomessa \u00b7 30 p\u00e4iv\u00e4n vaihto-oikeus HURJA Suosikit Mallistot Laatu Arvostelut Liity 0 Premium print \u00b7 painettu Suomessa Merchi\u00e4 jolla on luonnetta. K\u00e4sin piirretyt printit, luomupuuvilla ja v\u00e4rit jotka kest\u00e4v\u00e4t pesun toisensa j\u00e4lkeen. Painamme jokaisen tuotteen vasta kun tilaat sen. Selaa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okbob.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":1,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/okbob.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/okbob.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}