{ "assets": [ "https://www.sweet-tape.com/_next/static/chunks/1mzbr_ouhiypa.css", "https://www.sweet-tape.com/_next/static/chunks/3d3he_58a9ppz.css", "https://www.sweet-tape.com/_next/static/chunks/3a1i5uvypa9rc.css", "https://www.sweet-tape.com/_next/static/chunks/2up_x3pib6pc_.js", "https://www.sweet-tape.com/_next/static/chunks/2r647-psjgy9s.js", "https://www.sweet-tape.com/_next/static/chunks/24j6c6ho8vtzb.js", "https://www.sweet-tape.com/_next/static/chunks/3nc6x0_y5iwnk.js", "https://www.sweet-tape.com/_next/static/chunks/turbopack-40dmwl_meehwo.js", "https://www.sweet-tape.com/_next/static/chunks/2yl1jv4w6po1z.js", "https://www.sweet-tape.com/_next/static/chunks/1ntn7efqc-iiw.js", "https://www.sweet-tape.com/_next/static/chunks/337eeiph6mwz7.js", "https://www.sweet-tape.com/_next/static/chunks/149o3s1pke167.js", "https://www.sweet-tape.com/_next/static/chunks/2s0u9hio1067v.js", "https://www.sweet-tape.com/_next/static/chunks/27pna04oa2d5q.js", "https://www.sweet-tape.com/_next/static/chunks/0gj78z5yxdyo1.js", "https://www.sweet-tape.com/_next/static/chunks/09lfiv_61siim.js", "https://www.sweet-tape.com/_next/static/chunks/215e8972oexyg.js", "https://www.sweet-tape.com/_next/static/chunks/1bevjk_zfpi8k.js", "https://www.sweet-tape.com/_next/static/chunks/1m41bpfyl7qvj.js", "https://www.sweet-tape.com/_next/static/chunks/12brgdlqixjgb.js", "https://www.sweet-tape.com/_next/static/chunks/0k9koybghp6ya.js", "https://www.sweet-tape.com/_next/static/chunks/449pt6kwqbcu2.js", "https://www.googletagmanager.com/gtag/js?id=G-9DT4VY7JGP", "https://use.typekit.net/wyl5nhy.css", "https://www.sweet-tape.com/_next/static/chunks/0cz1d0mv5g_q7.js", "https://www.sweet-tape.com/_next/static/chunks/3e0ez01ddqlh7.js", "https://www.sweet-tape.com/_next/static/chunks/0qw6zdg5wyeuw.js", "https://www.sweet-tape.com/_next/static/chunks/3gaupu_gw9zjj.js", "https://www.sweet-tape.com/_next/static/chunks/1118ekqveyvwt.js", "https://www.sweet-tape.com/_next/static/chunks/0_x5nrklz202h.js", "https://www.sweet-tape.com/_next/static/chunks/3o0gscjkt-z9d.js", "https://www.sweet-tape.com/_next/static/chunks/1jexzsn2qdw84.js" ], "bodyFont": "\"Inter Tight Variable\", \"Inter Tight\", Inter, system-ui, sans-serif", "date": "2026-10-19", "hero": { "font": "futura-pt-condensed, \"Futura PT Condensed\", \"Futura PT Cond\", Futura, \"Arial Narrow\", \"Helvetica Neue\", sans-serif", "size": "124.8px" }, "reducedMotionActive": false, "rules": [ "@media (prefers-reduced-motion: reduce) {\n .body-rise { transform: none; }\n}", "@media (prefers-reduced-motion: no-preference) {\n html[data-loading] .menu-tab { transform: translateY(-115%); }\n html[data-loading] .menu-sound { transform: translateY(150%); }\n html[data-loading] .top-mark { transform: translateY(-260%); }\n}", "@media (prefers-reduced-motion: reduce) {\n .site-preloader { display: none; }\n html[data-loading] { overflow: visible; }\n}", ".hero-section .corner-mark { font-family: var(--font-heading); color: rgb(1, 57, 0); letter-spacing: -0.042vw; text-transform: uppercase; padding-left: 0.85vw; font-size: 1.389vw; font-style: normal; font-weight: 700; line-height: 1.25vw; position: absolute; top: 0.9vw; left: 0.65vw; }", "@media (prefers-reduced-motion: no-preference) {\n .hero-section .corner-perf { clip-path: inset(0px 0px 100%); }\n}", ".hero-section .h4 { --kicker-gap: 16.389vw; font-family: var(--font-heading); color: rgb(1, 57, 0); letter-spacing: -0.094vw; gap: calc(var(--kicker-gap) / 2); justify-content: center; align-items: center; font-size: 2.347vw; font-weight: 800; line-height: 0.71; display: inline-flex; }", "@media (prefers-reduced-motion: reduce) {\n .hero-section .char { transform: none; }\n}", ":is(.tape-slider-parent, .about-cta) .explore-button { --explore-size: 11.5vw; --explore-face: #fff; --explore-ink: #013900; --explore-disc: #b6fe00; width: var(--explore-size); height: var(--explore-size); background: var(--explore-face); color: var(--explore-ink); box-shadow: inset 0 0 0 .14vw var(--explore-face), 0 .3vw .9vw #00000024; border-radius: 50%; place-items: center; text-decoration: none; display: grid; }", "@media (prefers-reduced-motion: reduce) {\n :is(.tape-slider-parent, .about-cta) .explore-button::before, :is(.tape-slider-parent, .about-cta) .explore-button:hover::after, :is(.tape-slider-parent, .about-cta) .explore-button:active::after, :is(.tape-slider-parent, .about-cta) .explore-button:focus-visible::after { transition: none; }\n}", ":is(.tape-slider-parent, .about-cta) .explore-button .arrow { background: var(--explore-disc); width: 2vw; height: 2vw; color: var(--explore-ink); z-index: 1; border-radius: 50%; place-items: center; display: grid; position: absolute; top: 50%; left: 50%; translate: -50% 0.55vw; }", "@media (prefers-reduced-motion: reduce) {\n :is(.tape-slider-parent, .about-cta) .explore-button .arrow svg { transition: none; }\n}", ".tag .h6, .subhead, .rolling-tag, .story-chip, .article-chip, .sib-colours-chip { background: var(--tag-bg); color: var(--tag-ink); white-space: nowrap; font-family: var(--font-heading); text-transform: capitalize; letter-spacing: -0.033vw; border-radius: 0.42vw; padding: 0.678vw 0.678vw 0.678vw 1.6em; font-size: 1.111vw; font-style: normal; font-weight: 700; line-height: 1.111vw; position: relative; }", ".roll-parent .roll-it { font-family: var(--font-heading); letter-spacing: -0.03em; text-transform: capitalize; white-space: nowrap; color: var(--ink); pointer-events: none; font-size: 1.11vw; font-weight: 700; line-height: 1; position: absolute; top: 54%; left: 53%; translate: calc(-100% - 3.3vw) calc(-50% - 6.4vw); rotate: -12deg; }", "@media (prefers-reduced-motion: reduce) {\n .rail-track, .rail-track button img { transition: none; }\n .rail-track button:not(.is-active):hover img, .rail-track button:not(.is-active):focus-visible img { transform: none; }\n}", "@media (max-width: 743px) and (prefers-reduced-motion: reduce) {\n .tape-nav button { transition: none; }\n}", ".giant-pinning { --giant-bg: #b6fe00; --giant-ink: #013900; --giant-size: 38.194vw; --giant-open-gx: 1vw; --giant-inset: .045; --giant-open-at: .4; --giant-tail: 18vw; --giant-arc: var(--curve-depth); --giant-sheet: calc(var(--screen-lg) + var(--giant-arc)); z-index: 11; margin-top: calc(var(--giant-arc) * -1); padding-top: var(--giant-arc); padding-bottom: var(--giant-tail); background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(var(--giant-bg) 0 0); background-position: 0px 100%; background-repeat: no-repeat; background-size: 100% calc(100% - var(--giant-arc) + 1px); position: relative; overflow: hidden; }", ".giant-pinning::after { content: \"\"; height: var(--giant-tail); background-image: url(\"/assets/paper-overlay.webp\"); background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100vw var(--giant-sheet); opacity: 0.2; pointer-events: none; background-repeat: repeat; position: absolute; bottom: 0px; left: 0px; right: 0px; }", "@media (prefers-reduced-motion: reduce) {\n .giant-pinning .wrapper { height: auto; padding: 8vw 6vw; overflow: visible; }\n .giant-pinning .wrapper::before { background-size: 100vw var(--giant-sheet); background-position: 0px 0px; background-repeat: repeat; }\n .giant-canvas { will-change: auto; flex-direction: column; gap: 7vw; display: flex; position: static; }\n .giant-canvas > * { position: relative; top: auto; left: auto; }\n .giant-prop, .diag-down-arrow, .diag-up-arrow { display: none; }\n .giant-row .giant { white-space: normal; }\n}", "@media (prefers-reduced-motion: reduce) {\n .giant-pinning { --giant-size: 18vw; }\n}", ".stick-card { height: var(--stick-card-h); border-radius: var(--stick-radius); background: var(--stick-card-bg); color: var(--stick-ink); text-align: center; flex-direction: column; justify-content: space-between; align-items: center; padding: 4.236vw 2vw 3.819vw; display: flex; }", "@media (prefers-reduced-motion: reduce) {\n .make-it-stick .char, .top-story .char { transform: none; }\n}", "@media (prefers-reduced-motion: reduce) {\n .make-it-stick .stick-tape, .top-story .stick-tape { --peel: 1; }\n}", ".pick-player { --pick-pad-x: 4vw; --pick-pad-top: calc(var(--masthead) + .74vw); --pick-roll: 18.7vw; --pick-lap: 4.4vw; --pick-rise-ratio: 1922 / 491; --pick-rise-bleed: 15.972vw; --pick-rise-crest: 12.5vw; --pick-bg: #b6fe00; --pick-ink: #013900; --pick-rise-colour: color-mix(in srgb, var(--pick-bg) 72%, #0d470c); --pick-guide-colour: #2e3eac; --pick-arc: var(--curve-depth); width: 100%; padding: var(--pick-pad-top) var(--pick-pad-x) calc(4vw + var(--pick-arc)); background: var(--pick-bg); color: var(--pick-ink); isolation: isolate; position: relative; overflow: clip; }", "@media (prefers-reduced-motion: reduce) {\n .pick-player .char { transform: none; }\n}", ".pick-roll { --pick-roll-rise: color-mix(in srgb, var(--bg) 72%, #0d470c); z-index: calc(var(--i) + 2); width: var(--pick-roll); aspect-ratio: 1 / 1; flex: 0 0 auto; position: relative; }", ".pick-cue-ink { font-family: var(--font-note), cursive; font-weight: 400; font-size: var(--note-fs); line-height: var(--note-lh); letter-spacing: 0px; -webkit-text-stroke: var(--note-stroke) currentColor; white-space: nowrap; color: var(--cue-ink); transform-origin: 0px 0px; position: absolute; top: 0px; left: 2%; transform: rotate(354deg); }", ".product-inner-info .h3 { max-width: 41.667vw; font-family: var(--font-heading); letter-spacing: -0.12vw; text-transform: uppercase; color: var(--info-ink); margin: 0px; font-size: 5.278vw; font-weight: 800; line-height: 0.88; }", "@media (prefers-reduced-motion: reduce) {\n .product-inner-info .char { transform: none; }\n .product-inner-info .subhead { opacity: 1; visibility: visible; }\n}", ".sib-colours-chip { --tag-bg: var(--sib-card-bg); --tag-ink: var(--sib-bg); color: var(--tag-ink); flex: 0 0 auto; margin-right: 12%; }", ".siblings-title { top: var(--sib-title-top); color: var(--sib-title-ink); font-family: var(--font-heading); font-size: var(--sib-title-size); letter-spacing: -0.146vw; white-space: nowrap; margin: 0px; font-weight: 800; line-height: 0.857; position: absolute; left: 50%; transform: translate(-50%); }", "@media (prefers-reduced-motion: reduce) {\n .siblings-section .char { transform: none; }\n .siblings-section .siblings-card { opacity: 1; visibility: visible; }\n .siblings-card[data-colours] .siblings-face, .sib-colours { transition: none; }\n}", ".powers-stage::before { content: \"\"; z-index: 2; --pow-arc: 6vw; height: calc(var(--pow-arc) + 1px); background: linear-gradient(color-mix(in srgb, var(--pow-lip,#034102) 80%, transparent) 0 0), url(/assets/paper-overlay.webp) 0 0 / 100% auto repeat-y, var(--pow-lip,#034102); mask-image: var(--section-curve); pointer-events: none; position: absolute; top: -1px; left: 0px; right: 0px; mask-size: 100% 100%; mask-repeat: no-repeat; }", "@media (prefers-reduced-motion: reduce) {\n .super-powers .char { transform: none; }\n .powers-card-face { opacity: var(--pow-open,0); }\n .powers-mark, .powers-mark *, .powers-slot[data-mark] .powers-mark-jump { animation: auto ease 0s 1 normal none running none !important; }\n .powers-mark-jump, .powers-mark-plate { opacity: 1; }\n}", "@media (prefers-reduced-motion: reduce), (max-width: 743px) {\n .product-reel .wrapper { height: auto; }\n .reel-canvas { flex-direction: column; align-items: center; gap: 4vw; width: 100%; height: auto; margin-top: 0px; padding-block: 8vw; display: flex; position: static; translate: none; }\n .reel-canvas > *, .product-reel .reel-note { position: relative; top: auto; left: auto; }\n .reel-shot { width: var(--reel-open-w); height: auto; }\n .reel-shot-img { width: 100%; height: auto; display: block; position: static; translate: none; }\n .reel-claim { text-align: center; width: auto; }\n .reel-line { justify-content: center; }\n .reel-kraft { display: none; }\n}", "@media (prefers-reduced-motion: reduce) {\n .product-reel .char { transform: none; }\n .product-reel .reel-badge { opacity: 1; visibility: visible; }\n}", ".next-up { --nextup-bg: var(--bg,#f4eb00); --nextup-ink: var(--word,#716d00); --nextup-ground: var(--reel-bg,#b6fe00); --nextup-size: 18.735vw; --nextup-line: .86364; --nextup-track: -.03em; --nextup-roll: 27.778vw; color: var(--nextup-ink); isolation: auto; padding-inline: 16px; position: relative; }", ".next-up .wrapper { background: var(--nextup-bg); color: inherit; border-radius: 90px; flex-direction: column; justify-content: center; align-items: center; padding-top: 2.369vw; text-decoration: none; display: flex; }", "@media (prefers-reduced-motion: reduce) {\n .next-up .char { transform: none; }\n .next-up .subhead { opacity: 1; visibility: visible; }\n}", ".whats-rolling { --rolling-pad-top: calc(var(--masthead) + 2.48vw); --rolling-pad-x: 4vw; --rolling-pad-bottom: 1vw; --rolling-arc: var(--curve-depth); --rolling-bg: #b6fe00; --rolling-ink: #013900; z-index: 1; width: 100%; padding: var(--rolling-pad-top) var(--rolling-pad-x) var(--rolling-pad-bottom); background: var(--rolling-bg); color: var(--rolling-ink); text-align: center; position: relative; }", ".whats-rolling::after { content: \"\"; height: calc(var(--rolling-arc) + 1px); background: linear-gradient(color-mix(in srgb, var(--rolling-bg) 80%, transparent) 0 0), url(/assets/paper-overlay.webp) 0 0 / 100% auto repeat-y, var(--rolling-bg); mask-image: var(--section-curve); pointer-events: none; margin-top: -1px; position: absolute; top: 100%; left: 0px; right: 0px; mask-size: 100% 100%; mask-repeat: no-repeat; }", "@media (prefers-reduced-motion: reduce) {\n .whats-rolling .char { transform: none; }\n .whats-rolling .rolling-tag, .whats-rolling .rolling-note { opacity: 1; visibility: visible; }\n}", "@media (prefers-reduced-motion: reduce) {\n .story-arrow svg { transition: none; }\n}", ".news-index { --index-pad-x: 1.389vw; --index-pad-y: 4vw; --index-rule: 26.111vw; --index-gutter: 4.167vw; --index-gap: 1.042vw; --index-bg: #0b2f07; --index-ink: #a7ef00; --index-tab-off: #1a5211; --index-rule-ink: #a7ef00; --index-arc: var(--curve-depth); width: 100%; padding: var(--index-pad-y) var(--index-pad-x) calc(var(--index-pad-y) + var(--index-arc)); background: var(--index-bg); color: var(--index-ink); position: relative; }", ".index-tab { width: 100%; color: var(--index-tab-off); font: inherit; text-align: left; cursor: pointer; background: 0px 0px; border: 0px; align-items: flex-start; gap: 0.55vw; padding: 0px 0px 0.694vw; transition: color 0.3s; display: flex; }", ".index-card-inner { --index-card-pad: 1.736vw; --index-card-margin: 1.042vw; --index-card-bg: #fdfbe8; --index-card-ink: #0d470c; --index-card-rule: #ded7b5; height: 100%; padding-inline: var(--index-card-pad); background: var(--index-card-bg); color: var(--index-card-ink); filter: drop-shadow(.15vw .22vw var(--drop-blur) var(--drop-ink)); border-radius: 2.778vw; flex-direction: column; padding-block: 0.833vw 1.667vw; text-decoration: none; display: flex; position: relative; overflow: hidden; }", ".index-kind { --index-mark: .208vw; --index-pitch: .417vw; --index-rule-h: max(1px, .104vw); z-index: 1; background: linear-gradient(to right, var(--index-card-rule) 0 var(--index-mark), transparent var(--index-mark)) left bottom / var(--index-pitch) var(--index-rule-h) repeat-x; font-family: var(--font-heading); letter-spacing: -0.033vw; color: var(--index-card-rule); text-transform: uppercase; text-align: center; margin: 0px; padding-bottom: 0.7vw; font-size: 1.111vw; font-weight: 700; line-height: 1; position: relative; }", "@media (prefers-reduced-motion: reduce) {\n .news-index .char, .related-news .char { transform: none; }\n .news-index .index-rule { clip-path: none; }\n .index-card { opacity: 1; visibility: visible; }\n}", ".news-article { --article-bg: #b6fe00; --article-ink: #013900; --article-paper: #fdfbe8; --article-paper-ink: #0d470c; --article-rule: #ded7b5; --article-btn: #f1ebcd; --article-pad-x: 1.389vw; --article-pad-top: calc(var(--masthead) + 2.48vw); --article-pad-bottom: 0; --article-measure: 43.75vw; z-index: 1; width: 100%; padding: var(--article-pad-top) var(--article-pad-x) var(--article-pad-bottom); background: var(--article-bg); color: var(--article-ink); position: relative; overflow: hidden; }", ".article-sheet { --sheet-pad-x: 7.431vw; width: 74.722vw; padding: 7.014vw var(--sheet-pad-x) 6.944vw; background: var(--article-paper); color: var(--article-paper-ink); border-radius: 2.083vw 2.083vw 0px 0px; margin: 6.528vw auto 0px; position: relative; }", ".article-share-link { width: var(--share-btn); height: var(--share-btn); background: var(--article-btn); color: var(--article-paper-ink); cursor: pointer; border: 0px; border-radius: 0.833vw; place-items: center; padding: 0px; font-family: inherit; font-size: 1.667vw; transition: background 0.3s, color 0.3s; display: grid; }", ".article-share-link:hover, .article-share-link:focus-visible, .article-share-link[data-copied] { background: var(--article-paper-ink); color: var(--article-paper); }", ".article-back { height: var(--share-btn); border: 1px dashed var(--article-rule); color: inherit; font-family: var(--font-heading); letter-spacing: 0.02em; border-radius: 0.833vw; justify-content: flex-start; align-items: center; gap: 1.667vw; margin-top: 2.431vw; padding-left: 1.667vw; font-size: max(13px, 1.111vw); font-weight: 800; text-decoration: none; display: flex; }", "@media (prefers-reduced-motion: reduce) {\n .news-article .char { transform: none; }\n .news-article .article-chip, .news-article .article-note { opacity: 1; visibility: visible; }\n .article-share-link, .article-back-label, .article-back svg { transition: none; }\n .article-back:hover svg, .article-back:focus-visible svg { transform: none; }\n}", ".related-news { --related-bg: #0b2f07; --related-ink: #a7ef00; --related-rule: 26.111vw; --related-gutter: 4.167vw; --index-gap: 1.042vw; --related-pad-x: 1.389vw; --related-pad-y: 3.5vw; --related-arc: var(--curve-depth); width: 100%; padding: var(--related-pad-y) var(--related-pad-x) calc(var(--related-pad-y) + var(--related-arc)); background: var(--related-bg); color: var(--related-ink); position: relative; }", ".contact-section { --contact-bg: #b6fe00; --contact-ink: #013900; --contact-paper: #fdfbe8; --contact-paper-ink: #0d470c; --contact-field-bg: #ebe4c6; --contact-field-ink: #7b5406; --contact-perf: #bdf400; --contact-pad-top: calc(var(--masthead) + 2.15vw); --contact-gap: 3.194vw; --contact-sheet-w: 74.722vw; --contact-sheet-pad-x: 7.431vw; --contact-sheet-pad-top: 5.908vw; --contact-head-gap: 2.35vw; --contact-field-h: 5.903vw; --contact-row-gap: 1.111vw; --contact-col-gap: 1.25vw; --contact-msg-h: 10.833vw; --contact-send-w: 15.069vw; --contact-send-gap: 2.569vw; --contact-title-size: 13.194vw; --arc-drop: 1.778vw; --arc-tilt: 7deg; --contact-arc: var(--curve-depth); --contact-overlap: 12vw; width: 100%; padding: var(--contact-pad-top) 0 var(--contact-arc); background: var(--contact-bg); color: var(--contact-ink); position: relative; overflow-x: clip; }", ".contact-sheet { z-index: 20; width: var(--contact-sheet-w); margin: var(--contact-gap) auto calc(var(--contact-overlap) * -1); padding: var(--contact-sheet-pad-top) var(--contact-sheet-pad-x) 7.014vw; background: var(--contact-paper); color: var(--contact-paper-ink); border-radius: 3.194vw; position: relative; }", ".contact-input { width: 100%; height: var(--contact-field-h); background: var(--contact-field-bg); color: var(--contact-field-ink); font-family: var(--font-body); letter-spacing: 0px; border: 0px; border-radius: 1.528vw; padding: 0px 1.667vw; font-size: max(16px, 1.111vw); font-weight: 600; display: block; }", ".contact-send { white-space: pre-line; width: var(--contact-send-w); background: var(--contact-bg); color: var(--contact-ink); line-height: 0.95; font-family: var(--font-heading); letter-spacing: 0.02em; cursor: pointer; border: 0px; border-radius: 2.778vw; flex: 0 0 auto; font-size: 1.944vw; font-weight: 800; transition: background 0.3s, color 0.3s; }", ".contact-send:hover, .contact-send:focus-visible { background: var(--contact-ink); color: var(--contact-bg); }", "@media (prefers-reduced-motion: reduce) {\n .contact-section .char { transform: none; }\n .contact-section .contact-chip, .contact-section .contact-sheet, .contact-section .contact-note { opacity: 1; visibility: visible; }\n .contact-send { transition: none; }\n}", ".about-hero .h1 { --line-gap: -.15em; letter-spacing: 0px; color: rgb(1, 57, 0); text-align: center; margin: 0px; font-size: 19.2vw; font-weight: 800; line-height: 0.73; }", "@media (prefers-reduced-motion: reduce) {\n .about-hero .char { transform: none; }\n}", "@media (prefers-reduced-motion: reduce) {\n .conveyor-rise { transform: none; }\n}", ".reason-wrapper { top: 0px; left: 0px; right: 0px; bottom: var(--reason-arc); translate: 0 calc((1 - var(--reason-fall,1)) * (100% + var(--reason-arc) + var(--reason-park))); will-change: translate; color: var(--reason-ink); flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; }", ".reason-mark-copy { font-family: var(--font-heading); letter-spacing: -0.03em; text-transform: uppercase; color: var(--reason-sheet); flex-direction: column; justify-content: center; align-items: center; font-size: 0.1867em; font-weight: 800; line-height: 0.7222em; display: flex; position: absolute; inset: 0px; transform: rotate(-11.392deg); }", "@media (prefers-reduced-motion: reduce) {\n .reason .char, .reason .body-rise { transform: none; }\n .reason-kicker, .reason-roll-in { opacity: 1; }\n}", ".reimagine-copy { left: calc(5.278 * var(--rei-u)); top: calc(10.833 * var(--rei-u)); color: var(--rei-ink); font-family: var(--font-heading); font-size: calc(6.25 * var(--rei-u)); letter-spacing: calc(-.188 * var(--rei-u)); margin: 0px; font-style: normal; font-weight: 800; line-height: 0.77; position: absolute; rotate: -3deg; }", ".we-wanted::after { content: \"\"; height: calc(var(--wanted-arc) + 1px); background: linear-gradient(color-mix(in srgb, var(--about-bg) 80%, transparent) 0 0), url(/assets/paper-overlay.webp) 0 0 / 100% auto repeat-y, var(--about-bg); mask-image: var(--section-curve); pointer-events: none; margin-top: -1px; position: absolute; top: 100%; left: 0px; right: 0px; mask-size: 100% 100%; mask-repeat: no-repeat; }", "@media (prefers-reduced-motion: reduce) {\n .we-wanted .wanted-box, .we-wanted .wanted-plain .char { transform: none; }\n}", ".about-cta-copy { padding-top: calc(12.083vw + var(--cta-clear)); color: var(--about-ink); text-align: center; padding-inline: 14.722vw; position: relative; }", ".about-cta-button { --cta-pad: 1.543em; --cta-inset: .371em; --cta-disc: 3.057em; --cta-gap: 2em; --cta-swap: calc(var(--cta-disc) + var(--cta-inset)); --cta-shift: calc(var(--cta-inset) + var(--cta-disc) + var(--cta-gap) - var(--cta-pad)); align-items: center; gap: var(--cta-gap); height: 3.8em; padding-left: var(--cta-pad); padding-right: var(--cta-inset); color: var(--about-bg); font-family: var(--font-heading); letter-spacing: -0.03em; text-transform: capitalize; opacity: 0; background: rgb(255, 255, 255); border-radius: 1.9em; margin-top: 1.111vw; font-size: 2.431vw; font-weight: 800; line-height: 0.714em; text-decoration: none; display: inline-flex; position: relative; overflow: hidden; transform: scale(0.86); }", ".about-cta-disc { width: var(--cta-disc); height: var(--cta-disc); background: var(--about-ink); color: var(--about-bg); border-radius: 50%; flex: 0 0 auto; place-items: center; display: grid; }", "@media (prefers-reduced-motion: reduce) {\n .about-cta-title .char { transform: none; }\n .about-cta-button, .about-cta .explore-button { opacity: 1; transform: none; }\n .about-cta-disc, .about-cta-label { transition: none; }\n}", "@media (max-width: 743px) {\n .about-open { height: 165vw; padding-top: calc(var(--masthead) + 22vw); --jack-scale: 1.65; --space-run: 0; }\n .about-hero .title { gap: 9vw; }\n .about-hero .title .h4 { gap: 1.2vw; font-size: 4.6vw; }\n .about-logo, .about-strip, .about-tape[data-tape=\"shop\"] { display: none; }\n .about-tape[data-tape=\"side\"], .about-tape[data-tape=\"foot\"] { scale: 1.8; }\n .about-clipping { z-index: 1; pointer-events: none; width: 34vw; top: 71vw; left: -2vw; transform: none; }\n .about-shop { z-index: 1; pointer-events: none; width: 36vw; top: auto; bottom: 17vw; right: 0px; transform: none; }\n .about-hero .about-note { --hand-w: 50vw; top: 71vw; bottom: auto; right: -1vw; }\n .conveyor { --h2-size: 9vw; --h2-line: 7.9vw; --h2-track: -.27vw; }\n .conveyor-belt { gap: 3.3vw; }\n .conveyor-track { gap: 5vw; }\n .conveyor-train { --pill-h: 45vw; }\n .conveyor-train.is-sm { width: 45vw; }\n .conveyor-train.is-med { width: 117vw; }\n .conveyor-train.is-xl { width: 171vw; }\n .conveyor-train.is-xxl { width: 229vw; }\n .conveyor-train.has-text { padding-inline: 11.5vw; }\n .conveyor-claim { gap: 1.4vw; }\n .conveyor-index { padding-top: 1.6vw; font-size: 2.4vw; }\n .conveyor-note { font-size: 3vw; }\n .conveyor-train .conveyor-hand { --hand-w: 24.88vw; top: 14.33vw; left: 15.8vw; }\n .conveyor-train.is-roll > .conveyor-roll { width: 81.93vw; top: 8.847vw; left: 47.46vw; }\n .conveyor-mark { --mark-gain: .68; width: 70vw; height: 45.8vw; }\n .reason { --reason-type: min(24vw, var(--screen-lg) * .137); }\n .reason-wrapper { padding-inline: 8vw; }\n .reason-title .line { flex-wrap: wrap; align-content: center; }\n .reason-kicker { margin-bottom: 3vw; }\n .reason-roll { width: calc(var(--reason-type) * 2.7); height: calc(var(--reason-type) * 2.7); margin-top: calc(var(--reason-type) * -.3); }\n .reimagine-stage { height: max(var(--screen-lg), 215vw); }\n .reimagine-sheet { aspect-ratio: 505.299 / 757.949; width: 129.564vw; top: 4vw; left: 2vw; transform: none; }\n .reimagine-props { width: 129.564vw; height: 194.346vw; top: 4vw; left: 2vw; }\n .rei-mask-a { --px: 7; --py: 20; --pw: 36; --pr: -32deg; }\n .rei-mask-b { --px: 86; --py: 190; --pw: 36; --pr: -32deg; }\n .rei-shot-a { --px: 70; --py: 140; --pw: 52; --pr: 4deg; z-index: auto; }\n .rei-shot-b { --px: 34; --py: 162; --pw: 62; --pr: -3deg; }\n .rei-mark-a { --px: 75; --py: 72; --pw: 10; }\n .rei-mark-c { --px: 50; --py: 109.5; --pw: 71; }\n .rei-mark-b { --px: 26; --py: 126; --pw: 12; }\n .reimagine-paper { object-fit: cover; object-position: left center; }\n .reimagine-copy { letter-spacing: -0.03em; flex-wrap: wrap; align-content: flex-start; align-items: flex-end; width: 105vw; font-size: 12.821vw; line-height: 0.8; display: flex; top: 24vw; left: 12vw; }\n .reimagine-copy .line { display: contents; }\n .reimagine-turn { flex: 0 0 100%; width: 100%; height: 0px; display: block; }\n .reimagine { --prop-u: 1vw; }\n .we-wanted { --wanted-grid: 1; }\n .wanted-stage { height: auto; padding: 24vw 10vw 20vw; }\n .wanted-band, .wanted-boxes, .wanted-box { position: relative; inset: auto; }\n .wanted-band { aspect-ratio: auto; width: auto; transform: none; }\n .wanted-band svg { display: none; }\n .wanted-plain { font-family: var(--font-heading); text-align: center; color: var(--about-ink); text-wrap: balance; font-size: 12.308vw; font-weight: 800; line-height: 0.86; display: block; }\n .wanted-plain .word { align-items: flex-end; display: inline-flex; }\n .wanted-plain .clip { margin: -0.2em -0.04em 0px; padding: 0.2em 0.04em 0px; display: block; overflow: hidden; }\n .wanted-plain .char { display: block; transform: translateY(130%); }\n .we-wanted[data-reveal=\"live\"] .wanted-plain .char { transform: none; }\n .wanted-boxes { gap: 2vw; margin-top: 12vw; display: grid; }\n .wanted-box { justify-self: center; width: 58vw; height: auto; translate: -9vw; rotate: -6deg; }\n .wanted-box:nth-child(2) { translate: 10vw; rotate: 5deg; }\n .wanted-box:nth-child(3) { translate: -6vw; rotate: -3deg; }\n .wanted-box:nth-child(4) { translate: 8vw; rotate: 7deg; }\n .wanted-box img { height: auto; }\n .about-cta { --cta-h: 136.5vw; --cta-front-top: 44.2vw; }\n .about-cta-copy { padding-top: calc(16vw + var(--cta-clear)); padding-inline: 6.154vw; }\n .about-cta-kicker { letter-spacing: -0.036vw; font-size: 3.59vw; line-height: 3.59vw; }\n .about-cta-title { letter-spacing: -0.369vw; margin-top: 3.077vw; font-size: 12.308vw; line-height: 9.487vw; }\n .about-cta-button { margin-top: 4.103vw; font-size: 4.6vw; }\n .about-cta .explore-button { --explore-size: calc(23vw * 1.15); margin-top: 4.103vw; }\n}", ".site-footer { --footer-bottom-h: 47.165vw; --footer-arc: var(--curve-depth); --footer-bite: var(--section-bite); --footer-paper: #034102; --footer-ink: #b6fe00; --footer-gutter: 1vw; z-index: 100; width: 100%; margin-top: calc(var(--footer-arc) * -1); padding-top: var(--footer-arc); mask-image: linear-gradient(#000 0 0), var(--footer-bite); mask-size: 100% calc(100% - var(--footer-arc) + 1px), 100% var(--footer-arc); background: var(--footer-paper); font-family: var(--font-heading); color: var(--footer-ink); position: relative; overflow-x: clip; mask-position: 0px 100%, 0px 0px; mask-repeat: no-repeat, no-repeat; }", ".footer-ball--disc { background: var(--ball-colour); color: var(--ball-ink); }", ".footer-legal { z-index: 42; font-family: var(--font-body); white-space: nowrap; color: var(--footer-ink); background: rgb(0, 53, 0); border-radius: 0.556vw; padding: 0.347vw; font-size: 0.9vw; font-weight: 500; line-height: 1; position: absolute; bottom: 1.6vw; left: 50%; transform: translate(-50%); }", "@media (prefers-reduced-motion: reduce) {\n .site-footer .char { animation: auto ease 0s 1 normal none running none; transform: none; }\n}", ".site-menu { --menu-w: 31vw; --menu-pad-l: 1vw; --menu-pad-r: 1.4vw; --menu-row-h: 6.6vw; --menu-thumb: 5.4vw; --menu-thumb-lift: .55vw; --menu-thumb-rot: -5deg; --menu-thumb-radius: 1.736vw; --perf-mark: .208vw; --perf-pitch: .417vw; --menu-thumb-open: .22s; --menu-thumb-pop: .3s; --menu-thumb-wait: .1s; --menu-ink: #013900; --menu-paper: #f4f3ef; --menu-dot: #b6fe00; width: var(--menu-w); z-index: 101; font-family: var(--font-heading); color: var(--menu-ink); pointer-events: none; position: fixed; top: 0px; right: 1.4vw; }", ".menu-link { height: var(--menu-row-h); color: inherit; align-items: start; padding-right: 2.6vw; text-decoration: none; display: flex; position: relative; }", ".hand-note .hand-ink { top: calc(var(--hand-w) * .2119 + var(--note-indent-y)); left: calc(var(--hand-w) * .1447 + var(--note-indent-x)); font-family: var(--font-note), cursive; font-weight: 400; font-size: var(--note-fs); line-height: var(--note-lh); letter-spacing: 0px; -webkit-text-stroke: var(--note-stroke) currentColor; text-transform: lowercase; white-space: nowrap; text-align: left; color: var(--hand-ink); transform-origin: 0px 0px; position: absolute; transform: rotate(353deg); }", "@media (max-width: 743px) and (prefers-reduced-motion: no-preference) {\n html[data-loading] .menu-tab { transform: translate(115%); }\n}", ".top-note { top: var(--top-inset); color: var(--top-ink,#013900); letter-spacing: -0.042vw; text-transform: uppercase; padding-left: 0.85vw; font-size: 1.389vw; font-weight: 700; line-height: 1.25vw; transition: color 0.45s; position: absolute; left: 0.65vw; }", "@media (prefers-reduced-motion: no-preference) {\n .top-perf { clip-path: inset(0px 0px 100%); }\n}", "@media (prefers-reduced-motion: reduce) {\n .top-band .char { transform: none; }\n}", "@media (prefers-reduced-motion: reduce) {\n .peel { --peel: 0; }\n .menu-thumb, .menu-thumb img, .menu-arrow svg { transition: none; }\n}", "Cross-origin stylesheet unreadable" ], "url": "https://www.sweet-tape.com/", "viewport": [ 390, 844 ] }