When things go wrong, don't go with them
.tmt-desc { font-family: inherit; color: #010101; } .tmt-desc h2 { font-size: 13px; letter-spacing: 3.5px; text-transform: uppercase; color: #888; font-weight: 400; margin: 0 0 14p x; } .tmt-desc .hero { text-align: center; padding: 16px 0 28px; position: relative; } .tmt-desc .hero-icon { margin-bottom: 16px; opacity: 0.8; } .tmt-desc .hero-quote { font-size: 28px; line-height: 1.5; font-weight: 300; color: #010101; margin: 0; } .tmt-desc .hero-sub { font-size: 14px; color: #777; margin-top: 8px; letter-spacing: 0.5px; } .tmt-desc .body-text { font-size: 16px; line-height: 1.8; color: #333; margin: 0 0 16px; } .tmt-desc .divider { width: 40px; height: 2px; background: #64000d; margin: 30px auto; } .tmt-desc .saudade-box { background: linear-gradient(135deg, #fdf8f4 0%, #fef5ee 100%); border-radius: 14px; padding: 24px; margin: 28px 0; text-align: center; border: 1px solid #f0e0d0; } .tmt-desc .saudade-box .word { font-size: 30px; font-weight: 300; color: #64000d; letter-spacing: 4px; margin-bottom: 4px; text-transform: lowercase; } .tmt-desc .saudade-box .pron { font-size: 12px; color: #999; letter-spacing: 1px; margin-bottom: 10px; } .tmt-desc .saudade-box .meaning { font-size: 14px; color: #888; font-style: italic; line-height: 1.6; max-width: 380px; margin: 0 auto; } .tmt-desc .gift-card { border-radius: 12px; padding: 28px 24px; text-align: center; margin: 32px 0; position: relative; overflow: hidden; background: linear-gradient(135deg, #64000d 0%, #3d0008 100%); } .tmt-desc .gift-card .flag-bar { height: 3px; margin-bottom: 18px; background: linear-gradient(90deg, #009c3b 0%, #009c3b 33%, #ffdf00 33%, #ffdf00 66%, #002776 66%, #002776 100%); border-radius: 2px; } .tmt-desc .gift-card::before { content: ''; position: absolute; top: -30px; right: -30px; width: 120px; height: 120px; background: rgba(255,255,255,0.04); border-radius: 50%; } .tmt-desc .gift-card h3 { color: rgba(255,255,255,0.6); font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 0 0 8px; position: relative; } .tmt-desc .gift-card p { color: white; font-size: 19px; font-weight: 300; margin: 0; position: relative; line-height: 1.5; } .tmt-desc .occasions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 24px 0; } .tmt-desc .occasion { background: #f7f7f5; border: 1px solid #e0e0de; border-radius: 10px; padding: 18px 16px; text-align: center; transition: border-color 0.2s; } .tmt-desc .occasion:hover { border-color: #64000d; } .tmt-desc .occasion .occ-icon { margin-bottom: 8px; } .tmt-desc .occasion strong { display: block; font-size: 14px; color: #010101; margin-bottom: 4px; } .tmt-desc .occasion span { font-size: 13px; color: #777; line-height: 1.4; } .tmt-desc .size-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .tmt-desc .size-card { background: #f7f7f5; border: 1px solid #e0e0de; border-radius: 12px; padding: 20px; position: relative; transition: border-color 0.2s, background 0.2s, transform 0.1s; } .tmt-desc .size-card:hover { border-color: #64000d; cursor: pointer; } .tmt-desc .size-card:active { transform: scale(0.98); } .tmt-desc .size-card-featured { border-color: #64000d; border-width: 1.5px; } .tmt-desc .size-card-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2px; } .tmt-desc .size-name { font-size: 20px; font-weight: 600; color: #010101; } .tmt-desc .size-price { font-size: 16px; font-weight: 600; color: #64000d; } .tmt-desc .size-dim { font-size: 12px; color: #999; margin-bottom: 10px; letter-spacing: 0.5px; } .tmt-desc .size-copy { font-size: 14px; line-height: 1.7; color: #555; margin: 0; } .tmt-desc .size-badge { display: inline-block; background: #64000d; color: white; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; margin-top: 12px; font-weight: 500; } .tmt-desc .size-section { text-align: center; margin: 36px 0; } .tmt-desc .specs { background: #f0f0ec; border-radius: 12px; padding: 24px; margin: 28px 0; } .tmt-desc .specs h3 { font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #888; font-weight: 400; margin: 0 0 16px; } .tmt-desc .spec-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e0e0de; font-size: 14px; } .tmt-desc .spec-row:last-child { border: none; } .tmt-desc .spec-label { color: #777; } .tmt-desc .spec-value { color: #010101; font-weight: 500; } .tmt-desc .delivery { display: flex; align-items: center; gap: 14px; border: 1.5px solid #64000d; border-radius: 12px; padding: 18px 20px; margin: 24px 0; } .tmt-desc .delivery-icon { width: 40px; height: 40px; background: #64000d; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .tmt-desc .delivery-icon svg { width: 20px; height: 20px; } .tmt-desc .delivery-text { font-size: 14px; color: #333; line-height: 1.6; } .tmt-desc .delivery-text strong { color: #64000d; } .tmt-desc .trust-section { margin: 28px 0 8px; } .tmt-desc .trust-row { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid #e5e5e3; } .tmt-desc .trust-row:last-child { border: none; } .tmt-desc .trust-icon { width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .tmt-desc .trust-text { font-size: 14px; color: #333; line-height: 1.5; } .tmt-desc .trust-text strong { color: #010101; } .tmt-desc .payment-icons { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 6px; } .tmt-desc .payment-icons svg { opacity: 0.6; } .tmt-desc .trust-subtle { text-align: center; font-size: 12px; color: #999; margin: 16px 0 0; letter-spacing: 0.5px; } @media (max-width: 600px) { .tmt-desc .occasions { grid-template-columns: 1fr; } .tmt-desc .size-cards { grid-template-columns: 1fr; } .tmt-desc .hero-quote { font-size: 23px; } } @media (max-width: 380px) { .tmt-desc .hero-icon svg { width: 80px !important; height: 80px !important; } .tmt-desc .gift-card { padding: 24px 16px; } .tmt-desc .gift-card p { font-size: 17px; } } When things go wrong,don't go with them Made in London by a Brazilian artist The Story When things go wrong, don't go with them. A reminder to stay true to yourself in hard times, this poster brings strength and calm to any space. Uplifting wall art for those who rise, even when life gets tough. Hand-cut paper, layered colours, bold type. Kiki's signature style — art that feels alive on your wall. serendipity /ˌser.ənˈdɪp.ɪ.ti/ Finding something good without looking for it. The beautiful accidents that shape a life — the unplanned moments that matter most. Gifting You know someone who needs this.You thought of them already. Who loves this Meaningful gifts More than a poster — a statement Home decor lovers Art that says something Someone who needs a reminder The right words at the right time Your own space Daily inspiration on your wall Pick your size How big do you want it? A4 £20 21 x 29.7 cm Desk or shelf size. Small enough to fit anywhere, strong enough to catch your eye every day. A3 £30 29.7 x 42 cm The sweet spot. Big enough to make a statement, small enough to fit anywhere. Guests will notice it and ask about it. Most popular A2 £55 42 x 59.4 cm This is where you really see the art. The layers, the colours, the texture. It fills a wall and the room feels different. Best value A1 £70 59.4 x 84.1 cm Big. Bold. You walk in and it hits you. Not subtle, not trying to be. A centrepiece that speaks for itself. Print Details PaperXativa Matt Coated, 230gsm FinishMuseum-quality matte Made inLondon, UK Secure checkout Your payment is encrypted and processed securely. VISAAMEXPayPalPayGPay Buyer protectionFull refund if your order doesn't arrive or arrives damaged. Powered by Shopify secure checkout Free UK delivery. Ships in 3-5 business days. (function() { var cards = document.querySelectorAll('.size-card[data-size]'); if (!cards.length) return; function pickSize(size) { var radios = document.querySelectorAll('fieldset input[type="radio"]'); for (var i = 0; i < radios.length; i++) { if (radios[i].value === size) { var label = document.querySelector('label[for="' + radios[i].id + '"]'); if (label) { label.click(); return; } radios[i].checked = true; radios[i].dispatchEvent(new Event('change', {bubbles: true})); return; } } } function setActive(activeCard) { cards.forEach(function(c) { c.style.borderColor = '#e0e0de'; c.style.borderWidth = '1px'; c.style.background = '#f7f7f5'; }); activeCard.style.borderColor = '#64000d'; activeCard.style.borderWidth = '2px'; activeCard.style.background = '#fdf8f8'; } cards.forEach(function(card) { card.style.cursor = 'pointer'; card.addEventListener('click', function(e) { setActive(this); pickSize(this.getAttribute('data-size')); }); }); var observer = new MutationObserver(function() { var checked = document.querySelector('fieldset input[type="radio"]:checked'); if (checked) { cards.forEach(function(c) { if (c.getAttribute('data-size') === checked.value) setActive(c); }); } }); var fieldset = document.querySelector('fieldset.product-form__input--pill'); if (fieldset) observer.observe(fieldset, {attributes: true, subtree: true}); setTimeout(function() { var checked = document.querySelector('fieldset input[type="radio"]:checked'); if (checked) { cards.forEach(function(c) { if (c.getAttribute('data-size') === checked.value) setActive(c); }); } }, 500); })();
More you might like
Related
When Things Go Wrong
Related
Making Things Right When Things Go Wrong
Related
Where is God When Things Go Wrong
Related