/* ============================================================ we-fp-paper.css — paper + torn-edge token layer for the HOME page (sections/fluid_platform). Tokens copied verbatim from the gold reference assets/teardown-rhode.css so the rag density, grain and shadow tiers match the teardown set exactly. Loaded BEFORE fp-landing.css. Page-scoped: this file only ships on Home, so the house class names (.card-sh/.slip-sh/.tear-sh-w) are safe to reuse here. ============================================================ */ /* --- procedural paper: white = multiply over #fff, black = screen over #0c0d10 --- */ :root{ --pp-grain-w:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%3E%3Cfilter%20id%3D%27g%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.95%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%270.5%27%2F%3E%3CfeFuncG%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%270.5%27%2F%3E%3CfeFuncB%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%270.5%27%2F%3E%3CfeFuncA%20type%3D%27linear%27%20slope%3D%270%27%20intercept%3D%270.52%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E"); --pp-speck-w:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27300%27%3E%3Cfilter%20id%3D%27s%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.46%27%20numOctaves%3D%273%27%20seed%3D%2710%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%270%200%200%200%200%200%200%200%200%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%27%2F%3E%3CfeFuncG%20type%3D%27discrete%27%20tableValues%3D%270%200%200%200%200%200%200%200%200%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%27%2F%3E%3CfeFuncB%20type%3D%27discrete%27%20tableValues%3D%270%200%200%200%200%200%200%200%200%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%201%27%2F%3E%3CfeFuncA%20type%3D%27linear%27%20slope%3D%270%27%20intercept%3D%270.64%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23s%29%27%2F%3E%3C%2Fsvg%3E"); --pp-grain-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%3E%3Cfilter%20id%3D%27g%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%271.8%27%20numOctaves%3D%274%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%27-0.5%27%2F%3E%3CfeFuncG%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%27-0.5%27%2F%3E%3CfeFuncB%20type%3D%27linear%27%20slope%3D%271.0%27%20intercept%3D%27-0.5%27%2F%3E%3CfeFuncA%20type%3D%27linear%27%20slope%3D%270%27%20intercept%3D%270.32%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E"); --pp-speck-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27300%27%3E%3Cfilter%20id%3D%27s%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.52%27%20numOctaves%3D%274%27%20seed%3D%271%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%271%201%201%201%201%201%201%201%201%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%27%2F%3E%3CfeFuncG%20type%3D%27discrete%27%20tableValues%3D%271%201%201%201%201%201%201%201%201%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%27%2F%3E%3CfeFuncB%20type%3D%27discrete%27%20tableValues%3D%271%201%201%201%201%201%201%201%201%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%27%2F%3E%3CfeFuncA%20type%3D%27linear%27%20slope%3D%270%27%20intercept%3D%270.34%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23s%29%27%2F%3E%3C%2Fsvg%3E"); --pp-g-size:304px 304px;--pp-s-size:280px 280px;--pp-gb-size:304px 304px;--pp-sb-size:800px 800px} /* --- shadow tiers (Tier1 cards / Tier2 slips / Tier3 tear pieces) --- */ :root{ /* --sh-rgb is the shadow tint; re-scoped warm inside .zone--light so every tier casts a warm shadow on cream and a neutral one on dark, while the panel keeps global control of the offsets/blur/alpha. */ --sh-rgb:0,0,0; --sh1-y:16px;--sh1-blur:34px;--sh1-spread:-20px;--sh1-aa:.5;--sh1-ca:.28; --shadow-1:0 2px 3px rgba(var(--sh-rgb),var(--sh1-ca)),0 var(--sh1-y) var(--sh1-blur) var(--sh1-spread) rgba(var(--sh-rgb),var(--sh1-aa)); --sh2-x:2px;--sh2-y:9px;--sh2-blur:12px;--sh2-a:.5;--sh2-cy:3px;--sh2-cblur:3px;--sh2-ca:.3; --slip-shadow:drop-shadow(0 var(--sh2-cy) var(--sh2-cblur) rgba(var(--sh-rgb),var(--sh2-ca))) drop-shadow(var(--sh2-x) var(--sh2-y) var(--sh2-blur) rgba(var(--sh-rgb),var(--sh2-a))); /* hover variants — the same tiers lifted proportionally, so the panel drives them too */ --shadow-1-hover:0 2px 3px rgba(var(--sh-rgb),var(--sh1-ca)),0 calc(var(--sh1-y) + 8px) calc(var(--sh1-blur) + 8px) calc(var(--sh1-spread) + 4px) rgba(var(--sh-rgb),calc(var(--sh1-aa) + .12)); --slip-shadow-hover:drop-shadow(0 var(--sh2-cy) var(--sh2-cblur) rgba(var(--sh-rgb),var(--sh2-ca))) drop-shadow(calc(var(--sh2-x) + 1px) calc(var(--sh2-y) + 4px) calc(var(--sh2-blur) + 4px) rgba(var(--sh-rgb),calc(var(--sh2-a) + .15))); /* Tier 3 — paper-tear transition shadows (tstrip / zone masks). */ --t3-y:2px;--t3-blur:3px;--t3-a:.24; --tear-sh:drop-shadow(0 var(--t3-y) var(--t3-blur) rgba(var(--sh-rgb),var(--t3-a))); --tear-sh-up:drop-shadow(0 calc(0px - var(--t3-y)) var(--t3-blur) rgba(var(--sh-rgb),var(--t3-a))); --tear-sh-strong:drop-shadow(0 var(--t3-y) var(--t3-blur) rgba(var(--sh-rgb),calc(var(--t3-a) * 1.7))); /* drop-shadow form of Tier 1 — for solid cards that are mask-clipped and cast their shadow from an unmasked wrapper (e.g. the receipts card). */ --shadow-1-d:drop-shadow(0 2px 3px rgba(var(--sh-rgb),var(--sh1-ca))) drop-shadow(0 var(--sh1-y) calc(var(--sh1-blur) * .7) rgba(var(--sh-rgb),var(--sh1-aa))); /* Tier 3 forms for chunkier tear pieces (the black torn strips) and for the nav's scroll lift (a box-shadow), both scaled off the tear params. */ --tear-slip:drop-shadow(0 var(--t3-y) var(--t3-blur) rgba(var(--sh-rgb),calc(var(--t3-a) * .7))) drop-shadow(0 calc(var(--t3-y) * 3.5) calc(var(--t3-blur) * 4) rgba(var(--sh-rgb),calc(var(--t3-a) * 1.4))); --tear-box:0 calc(var(--t3-y) + 6px) calc(var(--t3-blur) * 6) calc(-1 * (var(--t3-blur) + 8px)) rgba(var(--sh-rgb),calc(var(--t3-a) * 2.2)); } /* --- seamless repeating tear tiles + annotation strokes --- The rag geometry below is BAKED: an explicit , not a live feTurbulence + feDisplacementMap. Do not "restore" the filter form. WebKit rasterises SVG filters at a coarse internal resolution, and these masks are stretched non-uniformly (preserveAspectRatio='none' squashes a 1200x120 viewBox into ~1440x34). Verified against Chromium in Playwright's WebKit build: the full-width strips collapsed to a near-straight line with blocky steps, and the 300x48 repeat-x tiles grew white notch artifacts at every tile seam. Neither color-interpolation-filters='sRGB' nor filterUnits='userSpaceOnUse' changed it — the geometry has to be static. These paths were traced from Chromium's (correct) render of the original filters, then Douglas-Peucker simplified with a tolerance scaled to the axis the rag varies along, so the residual error stays under a rendered pixel. Cost: ~4KB gzipped on Home, ~6KB on a teardown — and it removes a filter from every paint, which the compositor was re-running on scroll. Regenerate with tmp/bake-all.cjs if a rag ever needs reshaping. */ :root{ --tx1:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C23.8%200.1%2C23.8%2023.4%2C23.8%2028.9%2C23%2039.6%2C23%2050.4%2C21.5%2070.6%2C21.5%2081.9%2C23.3%2096.4%2C24.3%2097.1%2C23.8%20103.9%2C22.8%20115.6%2C22.8%20122.1%2C21%20135.6%2C19.5%20146.9%2C19.8%20151.4%2C19.3%20156.1%2C19.5%20165.1%2C21.5%20175.9%2C21.3%20181.1%2C19.8%20191.1%2C21.5%20208.1%2C22%20216.4%2C22%20222.4%2C21%20234.9%2C20.5%20243.1%2C21%20246.4%2C20.5%20246.9%2C21%20249.1%2C20.3%20251.6%2C20.5%20255.6%2C19.8%20265.6%2C19.3%20268.9%2C19.5%20271.9%2C20.5%20273.1%2C21.5%20275.9%2C22%20283.9%2C22.5%20287.4%2C23.5%20291.9%2C23.3%20299.9%2C23.8%20340%2C23.8%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tx2:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C24.6%200.1%2C24.6%203.6%2C24.4%206.9%2C23.3%2012.1%2C19.3%2018.1%2C18.3%2027.6%2C18.3%2028.4%2C18.8%2032.6%2C19.3%2033.1%2C19.8%2038.9%2C20.5%2041.6%2C20%2051.9%2C20.5%2054.4%2C21%2055.9%2C22.3%2056.9%2C24%2059.1%2C25.5%2068.9%2C27%2074.1%2C26.5%2082.1%2C24%2090.1%2C24.3%20104.1%2C23.5%20115.6%2C24.8%20119.1%2C24%20119.9%2C24.3%20120.6%2C23.8%20128.6%2C24.3%20137.9%2C24.3%20141.9%2C23.8%20149.4%2C24%20152.6%2C23.3%20155.4%2C21.8%20158.1%2C21%20163.6%2C20.3%20167.9%2C20.3%20171.9%2C22.5%20172.1%2C22.3%20173.6%2C23.5%20176.1%2C23.8%20176.4%2C24.3%20178.6%2C24.3%20180.1%2C25%20188.1%2C26%20192.9%2C27.3%20202.1%2C28.3%20226.9%2C25.8%20238.4%2C23.8%20248.4%2C24.5%20260.6%2C24.3%20263.9%2C24.8%20272.1%2C24.8%20273.9%2C25.3%20274.6%2C25%20275.1%2C25.5%20275.9%2C25.3%20276.4%2C25.8%20277.4%2C25.5%20278.6%2C26%20282.9%2C26.3%20287.1%2C26%20291.1%2C25.1%20299.9%2C24.6%20340%2C24.6%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tx3:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C23.8%200.1%2C23.8%203.9%2C23.5%2012.9%2C21.8%2019.1%2C23.3%2026.9%2C23%2031.6%2C24.3%2034.9%2C24.3%2043.1%2C22.5%2048.9%2C22.8%2055.4%2C21%2059.1%2C21%2061.1%2C21.5%2065.4%2C24.8%2066.9%2C25.3%2074.6%2C23.8%2080.6%2C25.3%2089.6%2C25.5%2092.9%2C26.8%2096.4%2C27%20100.1%2C26.3%20106.4%2C26%20115.6%2C22.8%20118.4%2C22.3%20126.4%2C22.8%20131.1%2C20.3%20137.9%2C19.5%20140.1%2C20%20146.1%2C24%20151.6%2C24.5%20154.1%2C26.8%20155.4%2C27.3%20159.9%2C27.5%20167.9%2C27%20171.9%2C28.8%20178.6%2C27.5%20186.6%2C24%20193.6%2C22.8%20196.6%2C23.3%20203.1%2C27.3%20205.6%2C27.3%20207.1%2C25.3%20207.4%2C23%20208.1%2C22%20210.4%2C21.3%20213.9%2C21.3%20217.1%2C23%20224.1%2C24.3%20226.4%2C25.5%20229.6%2C25.5%20233.1%2C24.5%20238.6%2C24.5%20242.9%2C23.8%20245.9%2C24%20250.4%2C25.3%20253.9%2C25.3%20257.6%2C24.3%20262.4%2C24.3%20272.6%2C22.3%20277.6%2C23%20284.9%2C26%20288.4%2C26.4%20295.6%2C24.2%20299.9%2C23.8%20340%2C23.8%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tx4:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%2048%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C26.3%200.1%2C26.3%205.1%2C25.2%2012.1%2C22.8%2021.6%2C23.8%2035.4%2C24.3%2041.6%2C22.3%2053.9%2C21.3%2058.4%2C20%2073.6%2C19%2077.4%2C19.3%2083.1%2C18.5%2090.4%2C18.8%2097.9%2C20.8%20108.6%2C22.8%20128.6%2C22.8%20136.1%2C23.8%20146.1%2C23.5%20149.9%2C24.3%20152.9%2C25.5%20161.4%2C25.3%20177.6%2C22%20185.6%2C22.5%20189.1%2C22.3%20193.1%2C23%20195.9%2C24.8%20200.9%2C26.5%20201.1%2C27.3%20201.4%2C26.8%20201.9%2C27.5%20205.9%2C28.8%20210.4%2C28.5%20213.4%2C27.8%20214.6%2C26.5%20219.1%2C26%20233.9%2C26.5%20240.1%2C25.3%20242.1%2C23.5%20248.6%2C21%20256.6%2C20.3%20264.9%2C20.3%20270.4%2C19.5%20284.6%2C21.3%20286.1%2C22.3%20286.4%2C21.8%20286.9%2C22.5%20289.4%2C23.8%20289.6%2C24.5%20292.4%2C25.6%20296.6%2C26.3%20299.9%2C26.3%20340%2C26.3%20340%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-r1:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2727.8%2C-40%2027.8%2C0.1%2027.8%2C8.6%2028.5%2C17.1%2028%2C22.1%2026%2C31.9%2025.8%2C36.4%2026.8%2C40.9%2026.8%2C43.9%2026%2C49.4%2023.5%2C54.1%2023%2C56.6%2023.3%2C69.1%2022.8%2C72.4%2022.8%2C76.9%2023.3%2C79.4%2023%2C90.6%2023.8%2C94.9%2023.3%2C104.9%2024.5%2C116.4%2025.5%2C120.4%2025%2C132.6%2025.8%2C136.1%2025.3%2C140.4%2026%2C143.6%2026.5%2C143.9%2026.3%2C144.9%2027%2C146.1%2027.3%2C148.9%2025.3%2C159.1%2025.5%2C160.4%2025.3%2C162.6%2024.8%2C162.9%2025%2C163.9%2024.3%2C169.4%2023.5%2C171.1%2023.8%2C171.6%2023.3%2C171.9%2024%2C177.4%2023%2C186.1%2024%2C194.1%2024.8%2C196.1%2025.3%2C204.6%2024.5%2C211.9%2023.8%2C214.9%2022.8%2C216.4%2022%2C220.6%2022%2C226.4%2022.8%2C227.4%2023.5%2C230.1%2023.5%2C234.1%2022.8%2C241.1%2021%2C249.1%2021.5%2C272.4%2022.3%2C275.4%2024%2C277.9%2024.5%2C283.4%2025.5%2C286.9%2027.3%2C290.1%2027.9%2C294.6%2027.8%2C299.9%2027.8%2C340%20-40%2C340%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-r2:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2724%2C-40%2024%2C0.1%2025.5%2C10.6%2023%2C18.1%2022.5%2C22.6%2025.3%2C30.4%2026%2C37.4%2025.3%2C42.4%2025%2C54.6%2022%2C68.6%2022%2C72.6%2020.8%2C82.6%2021%2C94.4%2020.3%2C99.1%2020.5%2C103.4%2021%2C103.9%2022.3%2C108.9%2022.5%2C115.4%2025.5%2C122.6%2026.5%2C126.6%2026.5%2C131.1%2025%2C137.1%2024.5%2C143.4%2026.8%2C157.6%2026.3%2C162.4%2024.3%2C170.9%2023.8%2C176.4%2023.5%2C185.6%2024%2C190.9%2024%2C202.4%2022%2C213.6%2021.5%2C214.4%2021.5%2C218.9%2023.3%2C226.6%2023.8%2C231.4%2024%2C245.9%2023%2C251.9%2023%2C256.6%2024.8%2C260.6%2025.5%2C264.6%2025.5%2C269.9%2024%2C276.4%2024%2C279.4%2024.5%2C279.6%2024.3%2C280.4%2025%2C284.4%2023.8%2C292.6%2024%2C299.9%2024%2C340%20-40%2C340%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-r3:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2723.8%2C-40%2023.8%2C0.1%2023.8%2C7.1%2023%2C13.1%2025.5%2C20.4%2025.5%2C25.1%2024.5%2C34.6%2023.3%2C38.6%2021.3%2C50.6%2023.3%2C55.1%2024.3%2C56.6%2025%2C56.9%2025.3%2C58.6%2024.8%2C58.9%2024.8%2C59.9%2026%2C66.6%2023%2C77.6%2023%2C81.4%2024%2C85.1%2023.8%2C92.4%2024.3%2C95.4%2024.3%2C105.9%2023.8%2C113.4%2024.3%2C116.4%2024%2C123.9%2024.5%2C128.9%2022.5%2C133.1%2023%2C136.4%2024.5%2C138.1%2025.5%2C141.1%2025.8%2C146.6%2025.3%2C148.4%2022.8%2C151.6%2022.5%2C154.1%2023.3%2C157.1%2023.3%2C163.1%2024.3%2C166.6%2024.5%2C173.9%2026%2C177.9%2026%2C179.4%2024%2C185.6%2023%2C195.4%2024%2C202.9%2023.3%2C206.6%2024%2C224.6%2022.5%2C232.1%2022.5%2C236.9%2023.5%2C241.6%2025.8%2C244.4%2026%2C250.4%2026.5%2C251.6%2026.5%2C255.1%2023.3%2C263.4%2021.8%2C272.1%2022.3%2C276.1%2024.5%2C279.6%2025.3%2C282.6%2024.8%2C284.6%2025%2C286.4%2023.8%2C299.9%2023.8%2C340%20-40%2C340%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-l1:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2723.5%2C-40%2023.5%2C0.1%2023%2C12.1%2023.3%2C25.6%2026.8%2C45.4%2026.8%2C49.9%2023.8%2C60.4%2023%2C73.1%2021.5%2C79.9%2021.3%2C84.6%2022%2C90.6%2024.3%2C96.9%2024%2C101.1%2023.3%2C102.9%2023.3%2C107.1%2025.3%2C112.1%2025.8%2C118.6%2025%2C122.9%2023.3%2C128.1%2023.5%2C131.4%2021.3%2C143.1%2021.3%2C154.1%2020.3%2C158.9%2020.3%2C162.4%2019.3%2C169.6%2019.5%2C174.9%2020.3%2C178.6%2019.5%2C192.1%2019.8%2C194.6%2021%2C197.1%2021.5%2C200.1%2021%2C217.6%2022.8%2C222.9%2024%2C224.9%2025.3%2C225.4%2026.3%2C227.9%2026%2C232.6%2024%2C238.1%2022.8%2C255.6%2020.8%2C263.1%2021.3%2C268.9%2024.3%2C280.4%2024.5%2C284.4%2024%2C287.1%2023.5%2C299.9%2023.5%2C340%2088%2C340%2088%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-l2:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2724%2C-40%2024%2C0.1%2024.5%2C11.4%2023.8%2C26.1%2025.3%2C37.4%2025%2C49.1%2025.8%2C56.6%2025.3%2C57.1%2025.3%2C59.1%2022.8%2C62.6%2022.5%2C68.9%2023.5%2C74.6%2023.5%2C80.1%2026.3%2C89.4%2026.8%2C99.4%2026.3%2C105.9%2024.8%2C111.1%2023.8%2C117.4%2023.5%2C134.1%2024.5%2C146.1%2023.8%2C150.4%2023.3%2C150.9%2021.5%2C157.4%2021%2C161.4%2021%2C164.9%2022.3%2C167.9%2022.8%2C168.1%2024%2C173.9%2024%2C179.4%2023.3%2C183.6%2023.8%2C194.6%2023.5%2C207.1%2025.3%2C216.4%2023.3%2C232.1%2023.8%2C239.4%2024.8%2C243.6%2024.8%2C248.4%2021%2C262.9%2020.8%2C269.1%2021.3%2C269.4%2021.3%2C270.4%2020.8%2C271.6%2021.3%2C271.9%2020.8%2C272.1%2021%2C276.4%2020.5%2C276.6%2021.5%2C280.6%2021%2C281.1%2022%2C283.4%2023.4%2C290.4%2024%2C299.9%2024%2C340%2088%2C340%2088%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tv-l3:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%20300%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%2724.8%2C-40%2024.8%2C0.1%2025.5%2C7.6%2027.3%2C12.6%2026.8%2C14.6%2025.3%2C17.1%2024.5%2C23.6%2023.3%2C27.4%2023.3%2C32.1%2023.8%2C34.4%2023.5%2C42.4%2024.5%2C49.1%2024%2C52.4%2022.3%2C57.1%2022.3%2C61.6%2023.8%2C69.9%2023.8%2C77.1%2024.8%2C83.1%2024.8%2C86.4%2025.5%2C87.6%2027.8%2C89.4%2029%2C91.4%2029.3%2C96.1%2028.5%2C104.1%2027.3%2C108.1%2024.5%2C113.1%2022.5%2C113.9%2020.8%2C116.1%2019%2C121.1%2019%2C123.6%2020.8%2C129.1%2020.8%2C131.4%2019.3%2C134.9%2019.5%2C139.4%2023%2C147.1%2023.8%2C147.4%2028%2C158.6%2027.8%2C162.4%2026%2C168.1%2026%2C176.4%2025.3%2C178.1%2023.5%2C188.1%2023.5%2C191.9%2024%2C193.4%2023.5%2C201.4%2024.3%2C203.4%2025.8%2C205.4%2025.5%2C206.1%2026%2C206.4%2026.5%2C215.4%2024.8%2C220.1%2023.3%2C226.9%2021.3%2C230.9%2021.3%2C232.9%2023%2C239.9%2024.8%2C242.9%2028%2C246.6%2028.5%2C249.6%2027.8%2C253.4%2024.8%2C261.6%2022%2C265.1%2021.5%2C266.9%2021.5%2C274.1%2020.8%2C276.9%2020%2C277.6%2020.3%2C278.4%2019.8%2C278.6%2020.5%2C282.6%2023.1%2C289.9%2024.8%2C299.9%2024.8%2C340%2088%2C340%2088%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); --tear-amp:26px; --scissors-sm:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='16'%20viewBox='0%200%2034%2016'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='5'%20cy='5'%20r='2.6'/%3E%3Ccircle%20cx='5'%20cy='11'%20r='2.6'/%3E%3Cpath%20d='M7%206.4%20L20%2011%20M7%209.6%20L20%205'/%3E%3Cpath%20d='M20%208%20L30%208'/%3E%3C/g%3E%3C/svg%3E"); --paint-underline-1:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%2016'%20preserveAspectRatio='none'%3E%3Cpath%20d='M5%2010%20C64%204,124%2013,184%208%20C236%204,286%2012,315%208'%20fill='none'%20stroke='%23fff'%20stroke-width='5'%20stroke-linecap='round'/%3E%3C/svg%3E"); --paint-underline:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%2018'%20preserveAspectRatio='none'%3E%3Cpath%20d='M4%2011%20C60%205,120%2014,180%209%20C230%205,280%2013,316%208'%20fill='none'%20stroke='%23fff'%20stroke-width='5.5'%20stroke-linecap='round'/%3E%3Cpath%20d='M10%2015%20C70%2011,150%2017,230%2013%20C270%2011,300%2015,312%2013'%20fill='none'%20stroke='%23fff'%20stroke-width='2.5'%20stroke-linecap='round'%20opacity='0.55'/%3E%3C/svg%3E"); } /* --- unmasked wrappers: a mask clips the element's own drop-shadow, so every torn artifact casts its shadow from the wrapper. --- */ .card-sh{filter:var(--shadow-1-d)} .slip-sh{filter:var(--slip-shadow)} .tear-sh-w{filter:var(--tear-slip)} /* --- reusable paper surfaces --- */ .pp-white{background:var(--pp-speck-w) var(--pp-sp,0 0)/var(--pp-s-size) repeat, var(--pp-grain-w) var(--pp-gp,0 0)/var(--pp-g-size) repeat #fff; background-blend-mode:multiply,multiply;color:#2a2318} .pp-black{background:var(--pp-speck-b) var(--pp-sp,0 0)/var(--pp-sb-size) repeat, var(--pp-grain-b) var(--pp-gp,0 0)/var(--pp-gb-size) repeat #0c0d10; background-blend-mode:screen,screen;color:#e7eaef} /* --- torn-edge recipes. Every torn side must also reserve --tear-amp of padding so no rag point eats content. --- */ .tear-b{-webkit-mask-image:var(--tx1),linear-gradient(#000,#000);mask-image:var(--tx1),linear-gradient(#000,#000); -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat; -webkit-mask-size:300px 48px,100% calc(100% - 46px);mask-size:300px 48px,100% calc(100% - 46px); -webkit-mask-position:bottom left,top;mask-position:bottom left,top} .tear-b2{-webkit-mask-image:var(--tx2),linear-gradient(#000,#000);mask-image:var(--tx2),linear-gradient(#000,#000); -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat; -webkit-mask-size:300px 48px,100% calc(100% - 46px);mask-size:300px 48px,100% calc(100% - 46px); -webkit-mask-position:bottom left,top;mask-position:bottom left,top} .tear-b3{-webkit-mask-image:var(--tx3),linear-gradient(#000,#000);mask-image:var(--tx3),linear-gradient(#000,#000); -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat; -webkit-mask-size:300px 48px,100% calc(100% - 46px);mask-size:300px 48px,100% calc(100% - 46px); -webkit-mask-position:bottom left,top;mask-position:bottom left,top} .tear-b4{-webkit-mask-image:var(--tx4),linear-gradient(#000,#000);mask-image:var(--tx4),linear-gradient(#000,#000); -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat; -webkit-mask-size:300px 48px,100% calc(100% - 46px);mask-size:300px 48px,100% calc(100% - 46px); -webkit-mask-position:bottom left,top;mask-position:bottom left,top} /* torn on BOTH vertical sides — the statbar recipe */ .tear-lr{padding-inline:var(--tear-amp); -webkit-mask-image:var(--tv-l2),var(--tv-r1),linear-gradient(#000,#000); mask-image:var(--tv-l2),var(--tv-r1),linear-gradient(#000,#000); -webkit-mask-repeat:repeat-y,repeat-y,no-repeat;mask-repeat:repeat-y,repeat-y,no-repeat; -webkit-mask-size:48px 300px,48px 300px,calc(100% - 92px) 100%; mask-size:48px 300px,48px 300px,calc(100% - 92px) 100%; -webkit-mask-position:left top,right top,center;mask-position:left top,right top,center} /* --- ZONE-BOUNDARY tear strips ------------------------------------------ Doctrine (§1a): the DARK side owns every tear. The cream light-zone is never cut — instead a dark-paper strip, mask-shaped along a rag, is painted ON TOP of it at the boundary. Because the strip is the same paper stock as the body canvas, it is invisible while the zone is still dark and emerges as a torn edge exactly as the cream veil fades in. Both strips must be children of an UNMASKED zone (gotcha 5) and carry a seed no other edge in the theme uses. background-attachment:fixed makes the strip's texture register with the body's. ------------------------------------------------------------------- */ .fp-tstrip{position:absolute;left:0;right:0;height:26px;pointer-events:none;z-index:3; background:var(--bg,#07080a) var(--we-paper-dark) center/cover;background-attachment:fixed; -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-size:100% 100%;mask-size:100% 100%; -webkit-mask-position:0 0;mask-position:0 0} /* rag hangs DOWN into the cream — sits at the top of a light zone. Zone boundaries use the DEEP rag (the .tstrip--up2/up4 geometry: baseFrequency 0.015/0.005, 4 octaves, displacement 35), not the shallow one the nav and ticker strips use. */ .fp-tstrip--down{top:0;height:34px;margin-top:-1px;filter:var(--tear-sh-strong); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C59%200.1%2C59%208.4%2C61%2016.6%2C60.5%2023.6%2C63%2029.6%2C61.5%2047.9%2C61.3%2053.6%2C58.3%2064.9%2C57.3%2074.9%2C58%2082.9%2C61.3%2086.6%2C60%2092.1%2C61.5%2098.6%2C61.5%20106.6%2C66%20122.9%2C65.3%20129.9%2C68.3%20137.4%2C69.3%20152.9%2C68%20159.6%2C69.8%20170.9%2C65.3%20179.9%2C63.5%20189.6%2C67%20201.6%2C68.5%20207.1%2C71.8%20213.6%2C73.5%20221.1%2C73.3%20228.4%2C71.3%20234.4%2C71.5%20244.6%2C68.3%20256.1%2C66.5%20273.6%2C71.8%20288.6%2C63.3%20294.4%2C62%20314.6%2C72.3%20320.6%2C71%20326.6%2C73.3%20334.4%2C74.3%20342.6%2C72.8%20347.6%2C69.8%20353.4%2C70.5%20360.6%2C69.3%20364.9%2C70.3%20367.9%2C69.3%20374.1%2C70.8%20378.1%2C69.8%20387.6%2C70.3%20392.1%2C68%20401.1%2C68%20409.4%2C70.5%20419.4%2C77.8%20427.4%2C80%20438.9%2C78%20445.6%2C79.5%20458.6%2C79.8%20464.4%2C77.3%20468.1%2C77.5%20477.9%2C75%20487.4%2C67.8%20496.6%2C70%20505.9%2C66.8%20516.6%2C68.8%20526.1%2C74%20535.6%2C77.8%20540.9%2C78.5%20552.4%2C85.8%20559.4%2C83.8%20564.9%2C80%20583.6%2C77%20596.9%2C80.5%20613.1%2C81%20620.9%2C77.3%20636.1%2C73.8%20644.1%2C78%20654.1%2C74.8%20664.6%2C75%20674.1%2C78.3%20679.9%2C78.5%20687.6%2C76.8%20703.9%2C77.8%20710.6%2C76.5%20736.1%2C79.3%20746.6%2C78%20765.9%2C83.3%20779.4%2C82%20789.4%2C83.3%20804.1%2C87.8%20815.1%2C87.3%20827.4%2C88.5%20839.1%2C94.3%20849.1%2C94.3%20860.9%2C92.3%20868.4%2C87.5%20877.6%2C85.3%20882.6%2C86.8%20889.1%2C86.8%20901.6%2C90.8%20909.1%2C90.5%20915.1%2C92.8%20924.1%2C93.3%20936.4%2C88%20951.4%2C88%20956.1%2C89.5%20972.6%2C85.3%20980.9%2C87%20987.9%2C86.8%20990.4%2C88%20997.1%2C86.5%201000.4%2C87%201008.9%2C84.3%201026.1%2C90.8%201032.6%2C90%201039.4%2C91%201060.4%2C96.5%201074.4%2C92.5%201078.6%2C92.5%201110.4%2C102%201114.4%2C101.8%201119.6%2C98.8%201126.9%2C99%201138.1%2C95%201149.9%2C95.8%201157.6%2C94.5%201164.1%2C95.5%201171.4%2C94.3%201179.9%2C94.3%201184.9%2C96.3%201189.9%2C96.5%201197.9%2C99%201199.9%2C100.8%201240%2C100.8%201240%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C59%200.1%2C59%208.4%2C61%2016.6%2C60.5%2023.6%2C63%2029.6%2C61.5%2047.9%2C61.3%2053.6%2C58.3%2064.9%2C57.3%2074.9%2C58%2082.9%2C61.3%2086.6%2C60%2092.1%2C61.5%2098.6%2C61.5%20106.6%2C66%20122.9%2C65.3%20129.9%2C68.3%20137.4%2C69.3%20152.9%2C68%20159.6%2C69.8%20170.9%2C65.3%20179.9%2C63.5%20189.6%2C67%20201.6%2C68.5%20207.1%2C71.8%20213.6%2C73.5%20221.1%2C73.3%20228.4%2C71.3%20234.4%2C71.5%20244.6%2C68.3%20256.1%2C66.5%20273.6%2C71.8%20288.6%2C63.3%20294.4%2C62%20314.6%2C72.3%20320.6%2C71%20326.6%2C73.3%20334.4%2C74.3%20342.6%2C72.8%20347.6%2C69.8%20353.4%2C70.5%20360.6%2C69.3%20364.9%2C70.3%20367.9%2C69.3%20374.1%2C70.8%20378.1%2C69.8%20387.6%2C70.3%20392.1%2C68%20401.1%2C68%20409.4%2C70.5%20419.4%2C77.8%20427.4%2C80%20438.9%2C78%20445.6%2C79.5%20458.6%2C79.8%20464.4%2C77.3%20468.1%2C77.5%20477.9%2C75%20487.4%2C67.8%20496.6%2C70%20505.9%2C66.8%20516.6%2C68.8%20526.1%2C74%20535.6%2C77.8%20540.9%2C78.5%20552.4%2C85.8%20559.4%2C83.8%20564.9%2C80%20583.6%2C77%20596.9%2C80.5%20613.1%2C81%20620.9%2C77.3%20636.1%2C73.8%20644.1%2C78%20654.1%2C74.8%20664.6%2C75%20674.1%2C78.3%20679.9%2C78.5%20687.6%2C76.8%20703.9%2C77.8%20710.6%2C76.5%20736.1%2C79.3%20746.6%2C78%20765.9%2C83.3%20779.4%2C82%20789.4%2C83.3%20804.1%2C87.8%20815.1%2C87.3%20827.4%2C88.5%20839.1%2C94.3%20849.1%2C94.3%20860.9%2C92.3%20868.4%2C87.5%20877.6%2C85.3%20882.6%2C86.8%20889.1%2C86.8%20901.6%2C90.8%20909.1%2C90.5%20915.1%2C92.8%20924.1%2C93.3%20936.4%2C88%20951.4%2C88%20956.1%2C89.5%20972.6%2C85.3%20980.9%2C87%20987.9%2C86.8%20990.4%2C88%20997.1%2C86.5%201000.4%2C87%201008.9%2C84.3%201026.1%2C90.8%201032.6%2C90%201039.4%2C91%201060.4%2C96.5%201074.4%2C92.5%201078.6%2C92.5%201110.4%2C102%201114.4%2C101.8%201119.6%2C98.8%201126.9%2C99%201138.1%2C95%201149.9%2C95.8%201157.6%2C94.5%201164.1%2C95.5%201171.4%2C94.3%201179.9%2C94.3%201184.9%2C96.3%201189.9%2C96.5%201197.9%2C99%201199.9%2C100.8%201240%2C100.8%201240%2C-40%20-40%2C-40%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E")} /* rag rises UP out of the cream — sits at the bottom of a light zone */ .fp-tstrip--up{bottom:0;height:34px;margin-bottom:-1px;filter:var(--tear-sh-up); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C61%200.1%2C61%2010.1%2C59.8%2017.4%2C62.5%2049.9%2C62.8%2059.6%2C57.3%2070.6%2C55%2084.6%2C56%20100.9%2C59.8%20111.1%2C54.3%20120.1%2C54%20126.1%2C50.5%20140.1%2C53%20153.1%2C46.8%20173.6%2C43.3%20176.9%2C44%20182.4%2C47.8%20194.4%2C51.8%20202.4%2C51%20207.6%2C52.5%20213.9%2C51%20222.4%2C51.8%20244.9%2C44.3%20252.9%2C46.8%20263.4%2C47.5%20277.4%2C56.8%20290.4%2C60.3%20307.4%2C53.8%20322.4%2C53%20329.6%2C48.5%20345.9%2C42%20362.9%2C43.5%20365.9%2C45.3%20375.9%2C47.3%20389.6%2C44.3%20408.6%2C46.3%20425.4%2C40.5%20439.4%2C42.8%20445.4%2C42%20454.6%2C44.8%20460.9%2C42.8%20470.1%2C42.8%20480.9%2C36%20493.1%2C34%20497.4%2C34.5%20510.4%2C41%20520.1%2C43.3%20531.4%2C43%20537.9%2C46.8%20544.4%2C47.5%20564.1%2C53.5%20579.9%2C52.5%20590.4%2C45.5%20594.9%2C44.5%20604.9%2C46.3%20612.9%2C41%20629.1%2C42%20639.4%2C39.8%20657.4%2C40.8%20668.9%2C35.5%20673.4%2C32%20680.6%2C30%20706.4%2C34.8%20720.6%2C31.8%20735.6%2C31.8%20744.6%2C36%20765.9%2C33.5%20771.6%2C30.5%20785.4%2C29%20801.1%2C31%20809.4%2C35.5%20819.6%2C37%20830.9%2C34.5%20838.4%2C34.8%20845.9%2C32%20852.4%2C32.5%20865.9%2C31%20868.4%2C29.8%20877.6%2C30.8%20882.1%2C32.5%20893.9%2C31%20900.1%2C33%20906.6%2C32%20910.1%2C32.8%20921.6%2C31.3%20932.4%2C33.8%20938.6%2C33.5%20942.1%2C32%20954.9%2C22%20969.1%2C20.5%20978.1%2C22%20984.1%2C20.3%20995.9%2C23.5%201003.9%2C27.3%201011.1%2C27%201022.9%2C33.3%201047.6%2C34.5%201059.1%2C27.5%201068.1%2C25.3%201074.4%2C25.3%201080.1%2C23%201089.4%2C23.5%201096.9%2C25.5%201102.4%2C25.3%201111.4%2C29.8%201119.4%2C31.3%201125.6%2C28.8%201131.4%2C29%201140.1%2C26.8%201148.4%2C21%201161.1%2C19.5%201167.9%2C17.3%201175.1%2C17%201180.4%2C19.3%201192.1%2C18.8%201199.9%2C21%201240%2C21%201240%2C160%20-40%2C160%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpolygon%20points%3D%27-40%2C61%200.1%2C61%2010.1%2C59.8%2017.4%2C62.5%2049.9%2C62.8%2059.6%2C57.3%2070.6%2C55%2084.6%2C56%20100.9%2C59.8%20111.1%2C54.3%20120.1%2C54%20126.1%2C50.5%20140.1%2C53%20153.1%2C46.8%20173.6%2C43.3%20176.9%2C44%20182.4%2C47.8%20194.4%2C51.8%20202.4%2C51%20207.6%2C52.5%20213.9%2C51%20222.4%2C51.8%20244.9%2C44.3%20252.9%2C46.8%20263.4%2C47.5%20277.4%2C56.8%20290.4%2C60.3%20307.4%2C53.8%20322.4%2C53%20329.6%2C48.5%20345.9%2C42%20362.9%2C43.5%20365.9%2C45.3%20375.9%2C47.3%20389.6%2C44.3%20408.6%2C46.3%20425.4%2C40.5%20439.4%2C42.8%20445.4%2C42%20454.6%2C44.8%20460.9%2C42.8%20470.1%2C42.8%20480.9%2C36%20493.1%2C34%20497.4%2C34.5%20510.4%2C41%20520.1%2C43.3%20531.4%2C43%20537.9%2C46.8%20544.4%2C47.5%20564.1%2C53.5%20579.9%2C52.5%20590.4%2C45.5%20594.9%2C44.5%20604.9%2C46.3%20612.9%2C41%20629.1%2C42%20639.4%2C39.8%20657.4%2C40.8%20668.9%2C35.5%20673.4%2C32%20680.6%2C30%20706.4%2C34.8%20720.6%2C31.8%20735.6%2C31.8%20744.6%2C36%20765.9%2C33.5%20771.6%2C30.5%20785.4%2C29%20801.1%2C31%20809.4%2C35.5%20819.6%2C37%20830.9%2C34.5%20838.4%2C34.8%20845.9%2C32%20852.4%2C32.5%20865.9%2C31%20868.4%2C29.8%20877.6%2C30.8%20882.1%2C32.5%20893.9%2C31%20900.1%2C33%20906.6%2C32%20910.1%2C32.8%20921.6%2C31.3%20932.4%2C33.8%20938.6%2C33.5%20942.1%2C32%20954.9%2C22%20969.1%2C20.5%20978.1%2C22%20984.1%2C20.3%20995.9%2C23.5%201003.9%2C27.3%201011.1%2C27%201022.9%2C33.3%201047.6%2C34.5%201059.1%2C27.5%201068.1%2C25.3%201074.4%2C25.3%201080.1%2C23%201089.4%2C23.5%201096.9%2C25.5%201102.4%2C25.3%201111.4%2C29.8%201119.4%2C31.3%201125.6%2C28.8%201131.4%2C29%201140.1%2C26.8%201148.4%2C21%201161.1%2C19.5%201167.9%2C17.3%201175.1%2C17%201180.4%2C19.3%201192.1%2C18.8%201199.9%2C21%201240%2C21%201240%2C160%20-40%2C160%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E")} @media(max-width:640px){.fp-tstrip--down{height:18px}.fp-tstrip--up{height:24px}}