/* ========================================================================== Communio Issue Hero v5.0 Composable layers. Every colour, size and strength is a CSS variable set by the plugin (inline on .ch-hero), so the admin preview and the site match. The cover image is always shown exactly as uploaded: nothing is drawn over it, and it is never recoloured. Layer classes on .ch-hero ch-present-{standing|flat} ch-bg-{plain|texture|image} ch-tex-{plaster|limewash|marble|vellum|linen|stone|stars|diaper} ch-light-{none|soft|window} ch-ledge-{none|plain|sill|cornice|marble|nero|porphyry|gilt|dado|photo} ch-frame-{none|rule|fillet|corners|brackets|painted|recessed|moulding|dentil|arch|oval} ch-frs-{stage|cover} ch-rota-on ch-rs-{shape} ch-rf-{fill} ch-rb-{none|solid|double} ch-rbc-{marble|gilt|colour} ch-czsc-{stage|hero|cover} ch-cz-T ch-cz-R ch-cz-B ch-cz-L ch-czc ch-czs-{pattern} ch-ptex-linen ch-prule-on ch-fh-custom ch-ft-custom ch-img-fit-{cover|contain} ch-img-blend-{normal|multiply|luminosity|soft-light} ch-img-gray Built by tools/build_css.py (SVG textures and shape masks are generated there). ========================================================================== */ .ch-hero { /* palette (overridden inline) */ --ch-panel: #173b4a; --ch-ink: #f7f3ea; --ch-accent: #c9a25a; --ch-accent-ink: #14120e; --ch-bg: #f1ebdf; --ch-orn1: #24475a; --ch-orn2: #8f5236; --ch-stage-bg: var(--ch-bg); /* look (overridden inline) */ --tex-o: .7; --light-o: .6; --img-o: 1; --img-pos: center; --frame-w: 2px; --frame-c: var(--ch-accent); --mat-w: 0px; --mat-c: #f4efe4; --cs: .6; --fr-c: var(--ch-accent); --fr-w: 1px; --fr-in: 16px; --rc: var(--ch-orn1); --rbc: var(--ch-accent); --rota-s: .98; --rota-o: 1; --rota-y: 0; --rbw: 8px; --cz-w: var(--cz-w-set, 52px); --cz-gap: 16px; --cz-a: #6b2a2b; --cz-b: #3e5a3e; --cz-gold: #b08b45; --cz-marble: #e7e0d1; --ch-ratio: 1688 / 2700; --ch-r: .6252; /* derived */ --ch-panel-deep: color-mix(in srgb, var(--ch-panel) 82%, #000); --ch-muted: color-mix(in srgb, var(--ch-ink) 78%, transparent); --shade: 25,18,10; --pe-l: 0px; --pe-t: 0px; --pe-b: 0px; --pe-r: 0px; /* extra panel padding under Cosmati bands */ position: relative; display: grid; /* the split is adjustable; neither side gets too narrow on tablets and narrow windows */ grid-template-columns: minmax(min(300px, 46%), var(--split-a, 1.05fr)) minmax(min(260px, 40%), var(--split-b, 1fr)); max-width: 1200px; margin: 0 auto; min-height: clamp(440px, 40vw, 520px); overflow: hidden; isolation: isolate; } .ch-ft-custom { font-family: var(--ch-font-t); } /* Page colour either side of the hero on wide screens. A spread shadow, clipped to the hero's own height, paints the sides without widening the page (no sideways scroll). */ .ch-hero.ch-sides-on { box-shadow: 0 0 0 100vmax var(--ch-sides, #faf7f0); clip-path: inset(0 -100vmax); } /* ============================== Text panel ============================== */ .ch-panel { position: relative; display: flex; flex-direction: column; justify-content: center; --pad-y: clamp(32px, 5vw, 64px); --pad-x: clamp(28px, 4.8vw, 60px); padding: calc(var(--pad-y) + var(--pe-t)) calc(var(--pad-x) + var(--pe-r)) calc(var(--pad-y) + var(--pe-b)) calc(var(--pad-x) + var(--pe-l)); background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.06), transparent 60%), linear-gradient(160deg, var(--ch-panel) 0%, var(--ch-panel-deep) 100%); color: var(--ch-ink); z-index: 2; } .ch-panel > * { position: relative; } .ch-eyebrow { text-wrap: balance; margin: 0 0 18px; font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: var(--ch-accent); } .ch-title { margin: 0; font-size: clamp(44px, 6.2vw, 84px); font-weight: 400; line-height: 1.0; letter-spacing: -.01em; color: var(--ch-ink); text-wrap: balance; text-transform: none; } .ch-fh-custom .ch-title, .ch-fh-custom .ch-dek { font-family: var(--ch-font-h); } .ch-dek { margin: 18px 0 0; max-width: 30ch; font-size: clamp(18px, 1.7vw, 22px); font-style: italic; line-height: 1.4; color: var(--ch-muted); } .ch-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 30px; } .ch-btn { display: inline-block; white-space: nowrap; padding: 12px 20px; border: 1px solid var(--ch-accent); background: var(--ch-accent); color: var(--ch-accent-ink); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; transition: background-color .2s, color .2s; } .ch-btn:hover, .ch-btn:focus-visible { background: transparent; color: var(--ch-accent); } .ch-link { color: var(--ch-ink); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 3px; opacity: .85; } .ch-link:hover, .ch-link:focus-visible { opacity: 1; color: var(--ch-accent); } .ch-ptex-linen .ch-panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 1px, transparent 1px 3px); } .ch-prule-on .ch-panel::after { content: ""; position: absolute; pointer-events: none; inset: calc(14px + var(--pe-t)) 14px calc(14px + var(--pe-b)) calc(14px + var(--pe-l)); border: 1px solid color-mix(in srgb, var(--ch-accent) 55%, transparent); } /* ================================ Stage ================================= */ /* Geometry shared by every layer: --surface ledge height --floor/--ceil space taken by bottom/top bands --inset-l/-r side bands --bh cover height --bwv cover width --cx horizontal centre of the cover --disp-b bottom of the cover */ .ch-stage { position: relative; overflow: hidden; container-type: size; --surface: var(--ledge-h, 17cqh); --floor: 0px; --ceil: 0px; --inset-l: 0px; --inset-r: 0px; --cvr-t: 0px; --cvr-x: 0px; /* room kept round the cover for bands drawn around it */ --disp-b0: calc(var(--floor) + var(--surface) * .38); --disp-b: var(--disp-b0); --bh: min(calc(100cqh - var(--disp-b) - var(--ceil) - max(14cqh, var(--cvr-t))), 420px, 120cqw, calc((100cqw - var(--inset-l) - var(--inset-r) - var(--cvr-x) - 8cqw) / var(--ch-r))); --bwv: calc(var(--bh) * var(--ch-r)); --cx: calc(var(--inset-l) + (100cqw - var(--inset-l) - var(--inset-r)) / 2); } .ch-ledge-none .ch-stage { --surface: 4cqh; --disp-b0: calc(var(--floor) + var(--surface)); } .ch-stage > * { position: absolute; } /* the wall: background colour, picture and texture, which the edge settings can fade */ .ch-scene { inset: 0; z-index: 0; background: var(--ch-stage-bg); -webkit-mask-image: var(--scene-mask, none); mask-image: var(--scene-mask, none); } .ch-scene > * { position: absolute; } .ch-bgimg, .ch-tex, .ch-light, .ch-frame, .ch-rota, .ch-credit { display: none; pointer-events: none; } /* ---- background image ---- */ .ch-bg-image .ch-bgimg { display: block; inset: 0; z-index: 0; opacity: var(--img-o); } .ch-bgimg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--img-pos); } .ch-img-fit-contain .ch-bgimg img { object-fit: contain; } .ch-img-blend-multiply .ch-bgimg { mix-blend-mode: multiply; } .ch-img-blend-luminosity .ch-bgimg { mix-blend-mode: luminosity; } .ch-img-blend-soft-light .ch-bgimg { mix-blend-mode: soft-light; } .ch-img-gray .ch-bgimg img { filter: grayscale(1); } /* ---- textures ---- */ .ch-bg-texture .ch-tex { display: block; inset: 0; z-index: 1; opacity: var(--tex-o); mix-blend-mode: multiply; } .ch-tex::before, .ch-tex::after { content: ""; position: absolute; inset: 0; } .ch-tex-plaster .ch-tex { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='4' stitchTiles='stitch' result='t'/%3E %3CfeDiffuseLighting in='t' lighting-color='%23fff' surfaceScale='2.2'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E %3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E") 0 0 / 300px 300px; } .ch-tex-limewash .ch-tex { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E %3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 -.9 .44'/%3E%3C/filter%3E %3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .32 -.1'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0 / 320px 320px; } .ch-tex-marble .ch-tex { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 0 0 / 600px 400px; } .ch-tex-vellum .ch-tex { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E %3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .006' numOctaves='3' seed='2' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .25 0 0 0 -.8 .45'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / 300px 300px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E %3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 -.9 .44'/%3E%3C/filter%3E %3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .32 -.1'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0 / 320px 320px; } .ch-tex-stone .ch-tex { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='9' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .28 0 0 0 .55 -.18'/%3E%3C/filter%3E %3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='4' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .36 0 0 0 0 .3 0 0 0 -.45 .22'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 260px 260px; } .ch-tex-linen .ch-tex { background: repeating-linear-gradient(0deg, rgba(60,45,25,.10) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(60,45,25,.12) 0 1px, transparent 1px 3px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E %3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 -.9 .44'/%3E%3C/filter%3E %3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .32 -.1'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0 / 320px 320px; } /* patterns drawn in palette colours (normal blend) */ .ch-tex-stars .ch-tex, .ch-tex-diaper .ch-tex { mix-blend-mode: normal; background: transparent; } .ch-tex-stars .ch-tex::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E %3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 -.9 .44'/%3E%3C/filter%3E %3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .32 -.1'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0 / 320px 320px; mix-blend-mode: multiply; opacity: .8; } .ch-tex-stars .ch-tex::after { background: var(--ch-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cg fill='%23000'%3E%3Cpolygon points='22.00,13.50 22.57,20.61 25.54,18.46 23.39,21.43 30.50,22.00 23.39,22.57 25.54,25.54 22.57,23.39 22.00,30.50 21.43,23.39 18.46,25.54 20.61,22.57 13.50,22.00 20.61,21.43 18.46,18.46 21.43,20.61'/%3E%3Cpolygon points='66.00,57.50 66.57,64.61 69.54,62.46 67.39,65.43 74.50,66.00 67.39,66.57 69.54,69.54 66.57,67.39 66.00,74.50 65.43,67.39 62.46,69.54 64.61,66.57 57.50,66.00 64.61,65.43 62.46,62.46 65.43,64.61'/%3E%3Ccircle cx='66' cy='22' r='.9'/%3E%3Ccircle cx='22' cy='66' r='.9'/%3E%3C/g%3E%3C/svg%3E") -14px -10px / 88px 88px repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cg fill='%23000'%3E%3Cpolygon points='22.00,13.50 22.57,20.61 25.54,18.46 23.39,21.43 30.50,22.00 23.39,22.57 25.54,25.54 22.57,23.39 22.00,30.50 21.43,23.39 18.46,25.54 20.61,22.57 13.50,22.00 20.61,21.43 18.46,18.46 21.43,20.61'/%3E%3Cpolygon points='66.00,57.50 66.57,64.61 69.54,62.46 67.39,65.43 74.50,66.00 67.39,66.57 69.54,69.54 66.57,67.39 66.00,74.50 65.43,67.39 62.46,69.54 64.61,66.57 57.50,66.00 64.61,65.43 62.46,62.46 65.43,64.61'/%3E%3Ccircle cx='66' cy='22' r='.9'/%3E%3Ccircle cx='22' cy='66' r='.9'/%3E%3C/g%3E%3C/svg%3E") -14px -10px / 88px 88px repeat; } .ch-tex-diaper .ch-tex::before { background: color-mix(in srgb, var(--ch-stage-bg) 78%, #000); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpolygon points='17.0,0 34,17.0 17.0,34 0,17.0' fill='%23000'/%3E%3C/svg%3E") 0 0 / 34px 34px repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpolygon points='17.0,0 34,17.0 17.0,34 0,17.0' fill='%23000'/%3E%3C/svg%3E") 0 0 / 34px 34px repeat; } .ch-tex-diaper .ch-tex::after { background: var(--ch-accent); opacity: .75; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpolygon points='17.0,0 34,17.0 17.0,34 0,17.0' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='18.70' cy='0.00' r='1.7'/%3E%3Ccircle cx='15.30' cy='0.00' r='1.7'/%3E%3Ccircle cx='17.00' cy='1.70' r='1.7'/%3E%3Ccircle cx='17.00' cy='-1.70' r='1.7'/%3E%3Ccircle cx='35.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='32.30' cy='17.00' r='1.7'/%3E%3Ccircle cx='34.00' cy='18.70' r='1.7'/%3E%3Ccircle cx='34.00' cy='15.30' r='1.7'/%3E%3Ccircle cx='18.70' cy='34.00' r='1.7'/%3E%3Ccircle cx='15.30' cy='34.00' r='1.7'/%3E%3Ccircle cx='17.00' cy='35.70' r='1.7'/%3E%3Ccircle cx='17.00' cy='32.30' r='1.7'/%3E%3Ccircle cx='1.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='-1.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='0.00' cy='18.70' r='1.7'/%3E%3Ccircle cx='0.00' cy='15.30' r='1.7'/%3E%3Ccircle cx='17.0' cy='17.0' r='1.1'/%3E%3Ccircle cx='0' cy='0' r='1.1'/%3E%3Ccircle cx='34' cy='0' r='1.1'/%3E%3Ccircle cx='0' cy='34' r='1.1'/%3E%3Ccircle cx='34' cy='34' r='1.1'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 34px 34px repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpolygon points='17.0,0 34,17.0 17.0,34 0,17.0' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='18.70' cy='0.00' r='1.7'/%3E%3Ccircle cx='15.30' cy='0.00' r='1.7'/%3E%3Ccircle cx='17.00' cy='1.70' r='1.7'/%3E%3Ccircle cx='17.00' cy='-1.70' r='1.7'/%3E%3Ccircle cx='35.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='32.30' cy='17.00' r='1.7'/%3E%3Ccircle cx='34.00' cy='18.70' r='1.7'/%3E%3Ccircle cx='34.00' cy='15.30' r='1.7'/%3E%3Ccircle cx='18.70' cy='34.00' r='1.7'/%3E%3Ccircle cx='15.30' cy='34.00' r='1.7'/%3E%3Ccircle cx='17.00' cy='35.70' r='1.7'/%3E%3Ccircle cx='17.00' cy='32.30' r='1.7'/%3E%3Ccircle cx='1.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='-1.70' cy='17.00' r='1.7'/%3E%3Ccircle cx='0.00' cy='18.70' r='1.7'/%3E%3Ccircle cx='0.00' cy='15.30' r='1.7'/%3E%3Ccircle cx='17.0' cy='17.0' r='1.1'/%3E%3Ccircle cx='0' cy='0' r='1.1'/%3E%3Ccircle cx='34' cy='0' r='1.1'/%3E%3Ccircle cx='0' cy='34' r='1.1'/%3E%3Ccircle cx='34' cy='34' r='1.1'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 34px 34px repeat; } /* ---- light ---- */ .ch-light-soft .ch-light { display: block; inset: 0; z-index: 2; opacity: var(--light-o); background: radial-gradient(80% 70% at 24% 18%, rgba(255,250,238,.7), transparent 72%); } .ch-light-window .ch-light { display: block; left: -6cqw; top: 2cqh; width: 44cqw; height: 66cqh; z-index: 2; opacity: var(--light-o); mix-blend-mode: soft-light; transform: skewY(16deg) skewX(-8deg); filter: blur(5px); border-radius: 999px 999px 0 0; background: linear-gradient(160deg, #fff6dc, rgba(255,236,200,.7) 60%, rgba(255,236,200,0)); -webkit-mask: linear-gradient(90deg, #000 0 46%, transparent 46% 54%, #000 54%), linear-gradient(180deg, #000 0 60%, transparent 60% 64%, #000 64%); -webkit-mask-composite: source-in; mask: linear-gradient(90deg, #000 0 46%, transparent 46% 54%, #000 54%), linear-gradient(180deg, #000 0 60%, transparent 60% 64%, #000 64%); mask-composite: intersect; } /* ---- ledges ---- --lc is the ledge colour (custom, or derived from the background). */ .ch-ledge { --lc: var(--ledge-c, color-mix(in srgb, var(--ch-stage-bg) 88%, #000)); left: 0; right: 0; bottom: var(--floor); height: var(--surface); z-index: 4; background: linear-gradient(180deg, rgba(var(--shade),.12) 0, rgba(var(--shade),0) 3px), linear-gradient(180deg, var(--lc), color-mix(in srgb, var(--lc) 86%, #000)); border-top: 1px solid rgba(255,255,255,.3); } .ch-ledge-none .ch-ledge { display: none; } /* Every slab is drawn the same way: a top face seen slightly from above (receding, with a soft contact shadow against the wall), a bright arris where it turns, and a darker front face. The cover stands on the top face. */ .ch-ledge { --slab: linear-gradient(180deg, rgba(var(--shade),.24) 0, rgba(var(--shade),.07) 4px, rgba(255,255,255,0) 30%, rgba(255,255,255,.13) 63%, rgba(255,255,255,.5) 63% calc(63% + 1px), rgba(0,0,0,.07) calc(63% + 1.5px), rgba(0,0,0,.3) 100%); } .ch-ledge-plain .ch-ledge { border-top: 0; background: var(--slab), var(--lc); } .ch-ledge-sill .ch-ledge, .ch-ledge-cornice .ch-ledge { --lc: var(--ledge-c, #e2d9c8); } .ch-ledge-sill .ch-ledge { border-top: 0; background: var(--slab), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='9' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .28 0 0 0 .55 -.18'/%3E%3C/filter%3E %3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='4' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .36 0 0 0 0 .3 0 0 0 -.45 .22'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 260px 260px, var(--lc); background-blend-mode: normal, multiply, normal; } /* moulded cornice: slab, shadow, ogee, fillet, fascia */ .ch-ledge-cornice .ch-ledge { border-top: 0; background: linear-gradient(180deg, rgba(var(--shade),.22) 0, rgba(var(--shade),0) 4px), linear-gradient(180deg, color-mix(in srgb, var(--lc) 92%, #000) 0, color-mix(in srgb, var(--lc) 90%, #fff) 20%, rgba(0,0,0,.30) 20% calc(20% + 2px), color-mix(in srgb, var(--lc) 80%, #fff) calc(20% + 2px), color-mix(in srgb, var(--lc) 78%, #000) 38%, color-mix(in srgb, var(--lc) 85%, #fff) 38% 44%, rgba(0,0,0,.18) 44% calc(44% + 1px), var(--lc) calc(44% + 1px), color-mix(in srgb, var(--lc) 84%, #000) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='9' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .28 0 0 0 .55 -.18'/%3E%3C/filter%3E %3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='4' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .36 0 0 0 0 .3 0 0 0 -.45 .22'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 260px 260px; background-blend-mode: normal, normal, multiply; } .ch-ledge-marble .ch-ledge { border-top: 0; background: var(--slab), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 120px 0 / 520px 300px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 300px 40px / 900px 500px, linear-gradient(90deg, #efebe3, #e6e0d5 40%, #eeeae2 70%, #e3ddd2); background-blend-mode: normal, multiply, multiply, normal; } .ch-ledge-nero .ch-ledge { border-top: 0; background: var(--slab), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='17' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .85 0 0 0 0 .82 0 0 0 0 .78 -2.6 0 0 0 .55'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.4'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 0 0 / 600px 400px, linear-gradient(90deg, #262421, #1d1b19 45%, #2a2723 75%, #1f1d1a); background-blend-mode: normal, screen, normal; } .ch-ledge-porphyry .ch-ledge { border-top: 0; background: var(--slab), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E %3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.028' numOctaves='4' seed='21' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .02 0 0 0 0 .03 0 0 0 -1.1 .62'/%3E%3C/filter%3E %3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' seed='8' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .64 0 0 0 0 .62 9 0 0 0 -6.05'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='1' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.18'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 240px 240px, var(--ledge-c, #5e2329); } .ch-ledge-gilt .ch-ledge { border-top: 0; background: linear-gradient(180deg, transparent 0 calc(63% - 1px), #f0d99a calc(63% - 1px), #b8913f calc(63% + 2px), #8a6a2c calc(63% + 4px), transparent calc(63% + 4px)), var(--slab), var(--lc); } /* a photographed material chosen by the user (stone, plaster, wood) */ .ch-ledge-photo .ch-ledge { border-top: 0; background: var(--slab), var(--ledge-img, none) 0 0 / var(--ledge-tile, 520px) auto repeat, var(--lc); } .ch-ledge-dado .ch-ledge { border-top: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--ch-stage-bg) 60%, #fff) 0, color-mix(in srgb, var(--ch-stage-bg) 92%, #000) 2.6cqh, rgba(0,0,0,.28) 2.6cqh, rgba(0,0,0,0) calc(2.6cqh + 5px)) top / 100% calc(2.6cqh + 5px) no-repeat, linear-gradient(var(--ch-accent), var(--ch-accent)) 0 calc(2.6cqh + 7px) / 100% 2px no-repeat, linear-gradient(var(--ch-orn1), var(--ch-orn1)) 0 calc(2.6cqh + 9px) / 100% max(4px, .9cqh) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 0 0 / 600px 400px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E %3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 -.9 .44'/%3E%3C/filter%3E %3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .32 -.1'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0 / 320px 320px; background-color: var(--ledge-c, color-mix(in srgb, var(--ch-orn2) 28%, var(--ch-stage-bg))); background-blend-mode: normal, normal, normal, multiply, multiply; } /* ---- edges: where the picture meets the text, and its other edges ---- The wall (.ch-scene) can be faded with a mask; the ledge fades with it. .ch-edge holds the shadow, the fades into the page colour and the vignette; it sits above the ledge but below the cover, which is never faded. */ .ch-edge { display: block; inset: 0; z-index: 4; pointer-events: none; } .ch-edge::before, .ch-edge::after { content: ""; position: absolute; inset: 0; } .ch-hero { --fade-mask: linear-gradient(90deg, transparent 0, rgba(0,0,0,.1) calc(var(--edge-w) * .2), rgba(0,0,0,.42) calc(var(--edge-w) * .5), rgba(0,0,0,.84) calc(var(--edge-w) * .8), #000 var(--edge-w)); --panel-bg: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.06), transparent 60%), linear-gradient(160deg, var(--ch-panel) 0%, var(--ch-panel-deep) 100%); --page-c: var(--ch-sides, #faf7f0); } /* a soft shadow: the text panel seems to stand slightly in front of the picture */ .ch-edge-shadow .ch-edge::before { background: linear-gradient(90deg, rgba(var(--shade),.36), rgba(var(--shade),.13) 12px, rgba(var(--shade),0) 42px); } .ch-edge-shadow .ch-edge::before { left: var(--inset-l); } /* falls on the picture, just past any band beside the text */ /* fade the picture into the text panel: the panel's own background shows through */ .ch-edge-fade, .ch-edge-extend { background: var(--panel-bg); } .ch-edge-fade .ch-panel { background: none; } .ch-edge-fade .ch-scene, .ch-edge-fade .ch-ledge { --scene-mask: var(--fade-mask); -webkit-mask-image: var(--fade-mask); mask-image: var(--fade-mask); } .ch-edge-fade.ch-light-soft .ch-light { -webkit-mask-image: var(--fade-mask); mask-image: var(--fade-mask); } .ch-edge-fade .ch-edge::after { -webkit-mask-image: var(--fade-mask); mask-image: var(--fade-mask); } /* top/bottom fades thin out toward the text too */ /* run the picture behind the text: the picture spans the whole banner, the panel fades out over it */ .ch-edge-extend { --pshare: var(--split-f, .5122); } /* the text column's share of the width */ .ch-edge-extend .ch-panel, .ch-edge-extend .ch-stage { grid-row: 1; } .ch-edge-extend .ch-panel { grid-column: 1; --x: min(40%, calc(var(--edge-f) * (1 - var(--pshare)) / var(--pshare) * 100%)); /* the faded part never eats the text */ background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.06), transparent 60%), linear-gradient(90deg, var(--ch-panel) 0, color-mix(in srgb, var(--ch-panel) 70%, var(--ch-panel-deep)) calc(100% - var(--x)), color-mix(in srgb, var(--ch-panel-deep) 72%, transparent) calc(100% - var(--x) * .62), color-mix(in srgb, var(--ch-panel-deep) 28%, transparent) calc(100% - var(--x) * .28), transparent 100%); } .ch-edge-extend .ch-stage { grid-column: 1 / -1; --vis-l: calc(100cqw * var(--pshare)); /* where the picture column normally starts: the cover, frame and bands stay there */ --inset-l: var(--vis-l); } .ch-edge-extend.ch-czsc-stage.ch-cz-L .ch-stage { --inset-l: calc(var(--vis-l) + var(--cz-w)); } .ch-edge-extend .ch-cz-in { left: var(--vis-l); } .ch-edge-extend .ch-panel > * { max-width: calc(100% - var(--x) * .75); } /* keep the text on the solid part of the panel */ .ch-edge-extend .ch-panel > .ch-dek { max-width: min(30ch, calc(100% - var(--x) * .75)); } .ch-edge-extend .ch-ledge { -webkit-mask-image: linear-gradient(90deg, transparent calc(var(--pshare) * 100% - (1 - var(--pshare)) * var(--edge-f) * 100%), #000 calc(var(--pshare) * 100%)); mask-image: linear-gradient(90deg, transparent calc(var(--pshare) * 100% - (1 - var(--pshare)) * var(--edge-f) * 100%), #000 calc(var(--pshare) * 100%)); } /* fade the other edges into the page colour, and a vignette */ .ch-edgeo-t .ch-edge { --e-t: linear-gradient(180deg, var(--page-c) 0, color-mix(in srgb, var(--page-c) 55%, transparent) calc(var(--edge-ow) * .35), transparent var(--edge-ow)); } .ch-edgeo-r .ch-edge { --e-r: linear-gradient(270deg, var(--page-c) 0, color-mix(in srgb, var(--page-c) 55%, transparent) calc(var(--edge-ow) * .35), transparent var(--edge-ow)); } .ch-edgeo-b .ch-edge { --e-b: linear-gradient(0deg, var(--page-c) 0, color-mix(in srgb, var(--page-c) 55%, transparent) calc(var(--edge-ow) * .35), transparent var(--edge-ow)); } .ch-vig .ch-edge { --e-v: radial-gradient(ellipse 75% 70% at 55% 45%, transparent 45%, rgba(var(--shade), calc(var(--vig) * .55)) 100%); } .ch-edge::after { background-image: var(--e-v, none), var(--e-t, none), var(--e-r, none), var(--e-b, none), var(--e-l, none); } /* ---- frames ---- Scope "stage" frames the picture area; scope "cover" frames the cover. --fr-c colour, --fr-w line weight, --fr-in inset (picture) or gap (cover). */ .ch-frame { z-index: 3; box-sizing: border-box; } .ch-frs-stage .ch-frame { --fr-wd: calc(100cqw - var(--inset-l) - var(--inset-r) - 2 * var(--fr-in)); top: calc(var(--ceil) + var(--fr-in)); left: calc(var(--inset-l) + var(--fr-in)); right: calc(var(--inset-r) + var(--fr-in)); bottom: calc(var(--floor) + var(--surface) + var(--fr-in)); } .ch-frs-cover .ch-frame { --fr-wd: calc(var(--bwv) + 2 * var(--fr-in)); width: var(--fr-wd); height: calc(var(--bh) + 2 * var(--fr-in)); left: calc(var(--cx) - var(--fr-wd) / 2); bottom: calc(var(--disp-b) - var(--fr-in)); } .ch-frame-rule .ch-frame, .ch-frame-fillet .ch-frame, .ch-frame-corners .ch-frame, .ch-frame-brackets .ch-frame, .ch-frame-painted .ch-frame, .ch-frame-recessed .ch-frame, .ch-frame-moulding .ch-frame, .ch-frame-dentil .ch-frame, .ch-frame-arch .ch-frame, .ch-frame-oval .ch-frame { display: block; } .ch-frame-rule .ch-frame { border: var(--fr-w) solid var(--fr-c); } .ch-frame-fillet .ch-frame { border: var(--fr-w) solid var(--fr-c); outline: var(--fr-w) solid color-mix(in srgb, var(--fr-c) 70%, transparent); outline-offset: calc(var(--fr-w) * 2 + 2px); } .ch-frame-corners .ch-frame { --k: calc(var(--fr-w) * 5 + 5px); border: var(--fr-w) solid var(--fr-c); background: linear-gradient(var(--fr-c), var(--fr-c)) 0 0 / var(--k) var(--k) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 0 / var(--k) var(--k) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 0 100% / var(--k) var(--k) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 100% / var(--k) var(--k) no-repeat; } .ch-frame-brackets .ch-frame { --l: calc(var(--fr-w) * 10 + 22px); --t: calc(var(--fr-w) + .5px); background: linear-gradient(var(--fr-c), var(--fr-c)) 0 0 / var(--l) var(--t) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 0 0 / var(--t) var(--l) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 0 / var(--l) var(--t) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 0 / var(--t) var(--l) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 0 100% / var(--l) var(--t) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 0 100% / var(--t) var(--l) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 100% / var(--l) var(--t) no-repeat, linear-gradient(var(--fr-c), var(--fr-c)) 100% 100% / var(--t) var(--l) no-repeat; } .ch-frame-painted .ch-frame { border: calc(var(--fr-w) * 4 + 4px) solid var(--fr-c); background: color-mix(in srgb, var(--ch-stage-bg) 80%, #fff); box-shadow: inset 0 0 0 2px var(--ch-accent), 0 0 0 2px var(--ch-accent), 0 0 0 7px var(--ch-stage-bg), 0 0 0 8.5px color-mix(in srgb, var(--ch-orn2) 80%, transparent); opacity: .92; } .ch-frame-recessed .ch-frame { background: color-mix(in srgb, var(--ch-stage-bg) 95%, #000); box-shadow: inset calc(var(--fr-w) + 3px) calc(var(--fr-w) + 4px) calc(var(--fr-w) * 3 + 8px) rgba(0,0,0,.28), inset -1px -1px 0 rgba(255,255,255,.35), 0 0 0 1px rgba(255,255,255,.3); } .ch-frame-moulding .ch-frame { border: calc(var(--fr-w) * 3 + 3px) solid; border-color: color-mix(in srgb, var(--fr-c) 65%, #fff) color-mix(in srgb, var(--fr-c) 75%, #000) color-mix(in srgb, var(--fr-c) 68%, #000) color-mix(in srgb, var(--fr-c) 70%, #fff); box-shadow: 0 0 0 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.2), 3px 4px 10px rgba(var(--shade),.25); } .ch-frame-dentil .ch-frame { --dn: calc(var(--fr-w) * 3 + 3px); outline: var(--fr-w) solid var(--fr-c); outline-offset: 3px; background: repeating-linear-gradient(90deg, var(--fr-c) 0 var(--dn), transparent var(--dn) calc(var(--dn) * 1.8)) 0 0 / 100% var(--dn) no-repeat, repeating-linear-gradient(90deg, var(--fr-c) 0 var(--dn), transparent var(--dn) calc(var(--dn) * 1.8)) 0 100% / 100% var(--dn) no-repeat, repeating-linear-gradient(180deg, var(--fr-c) 0 var(--dn), transparent var(--dn) calc(var(--dn) * 1.8)) 0 0 / var(--dn) 100% no-repeat, repeating-linear-gradient(180deg, var(--fr-c) 0 var(--dn), transparent var(--dn) calc(var(--dn) * 1.8)) 100% 0 / var(--dn) 100% no-repeat; } .ch-frame-arch .ch-frame { border: var(--fr-w) solid var(--fr-c); border-radius: calc(var(--fr-wd) / 2) calc(var(--fr-wd) / 2) 0 0; outline: var(--fr-w) solid color-mix(in srgb, var(--fr-c) 70%, transparent); outline-offset: calc(var(--fr-w) * 2 + 2px); } .ch-frame-oval .ch-frame { border: var(--fr-w) solid var(--fr-c); border-radius: 50%; outline: var(--fr-w) solid color-mix(in srgb, var(--fr-c) 70%, transparent); outline-offset: calc(var(--fr-w) * 2 + 2px); } /* ---- shape behind the cover ---- Three layers cut to the chosen shape with masks: the fill, and one or two border rings (a ring is the shape minus a smaller copy of itself), so an "outline only" shape is truly hollow and a double border has a real gap. */ .ch-rota-on .ch-rota { display: block; z-index: 3; --d: calc(var(--bh) * var(--rota-s)); width: calc(var(--d) * var(--rota-ar, 1)); height: var(--d); left: var(--cx); transform: translateX(-50%); bottom: calc(var(--disp-b) + var(--bh) * .5 - var(--d) * .5 + var(--bh) * var(--rota-y)); opacity: var(--rota-o); --fill-in: 0px; } .ch-rota > i { display: none; position: absolute; inset: 0; } .ch-rota > i:nth-child(1) { /* fill */ display: block; background: var(--rfill); -webkit-mask: var(--rmask) center / calc(100% - 2 * var(--fill-in)) calc(100% - 2 * var(--fill-in)) no-repeat; mask: var(--rmask) center / calc(100% - 2 * var(--fill-in)) calc(100% - 2 * var(--fill-in)) no-repeat; } .ch-rota > i:nth-child(2), .ch-rota > i:nth-child(3) { /* border rings */ background: var(--rbord); -webkit-mask: var(--rmask) center / calc(100% - 2 * var(--r-out)) calc(100% - 2 * var(--r-out)) no-repeat, var(--rmask) center / calc(100% - 2 * var(--r-in)) calc(100% - 2 * var(--r-in)) no-repeat; -webkit-mask-composite: xor; mask: var(--rmask) center / calc(100% - 2 * var(--r-out)) calc(100% - 2 * var(--r-out)) no-repeat exclude, var(--rmask) center / calc(100% - 2 * var(--r-in)) calc(100% - 2 * var(--r-in)) no-repeat; } .ch-rb-solid .ch-rota { --fill-in: var(--rbw); } .ch-rb-solid .ch-rota > i:nth-child(2) { display: block; --r-out: 0px; --r-in: var(--rbw); } .ch-rb-double .ch-rota { --fill-in: calc(var(--rbw) * 3); } .ch-rb-double .ch-rota > i:nth-child(2) { display: block; --r-out: 0px; --r-in: var(--rbw); } .ch-rb-double .ch-rota > i:nth-child(3) { display: block; --r-out: calc(var(--rbw) * 2); --r-in: calc(var(--rbw) * 3); } /* shapes */ .ch-rs-circle { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cellipse cx='50' cy='50' rx='50' ry='50'/%3E%3C/g%3E%3C/svg%3E"); } .ch-rs-square { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Crect width='100' height='100'/%3E%3C/g%3E%3C/svg%3E"); } .ch-rs-lozenge { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpolygon points='50,0 100,50 50,100 0,50'/%3E%3C/g%3E%3C/svg%3E"); } .ch-rs-octagon { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpolygon points='29.3,0 70.7,0 100,29.3 100,70.7 70.7,100 29.3,100 0,70.7 0,29.3'/%3E%3C/g%3E%3C/svg%3E"); } .ch-rs-quatrefoil { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Ccircle cx='50' cy='25' r='25'/%3E%3Ccircle cx='75' cy='50' r='25'/%3E%3Ccircle cx='50' cy='75' r='25'/%3E%3Ccircle cx='25' cy='50' r='25'/%3E%3Crect x='25' y='25' width='50' height='50'/%3E%3C/g%3E%3C/svg%3E"); } .ch-rs-arch { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpath d='M0 100V36A36 36 0 0 1 72 36V100Z'/%3E%3C/g%3E%3C/svg%3E"); --rota-ar: .72; } .ch-rs-mandorla { --rmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpath d='M30 0A56.67 56.67 0 0 0 30 100A56.67 56.67 0 0 0 30 0Z'/%3E%3C/g%3E%3C/svg%3E"); --rota-ar: .6; } /* fills (--rc is the chosen colour) */ .ch-rf-speckled { --rfill: radial-gradient(circle at 38% 32%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%, rgba(0,0,0,.18)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E %3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.028' numOctaves='4' seed='21' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .02 0 0 0 0 .03 0 0 0 -1.1 .62'/%3E%3C/filter%3E %3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' seed='8' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .64 0 0 0 0 .62 9 0 0 0 -6.05'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='1' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.18'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 240px 240px, var(--rc); } .ch-rf-marble { --rfill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 0 0 / 600px 400px, color-mix(in srgb, var(--rc) 22%, #efe9df); } .ch-rf-stone { --rfill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='9' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .28 0 0 0 .55 -.18'/%3E%3C/filter%3E %3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='4' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .36 0 0 0 0 .3 0 0 0 -.45 .22'/%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 260px 260px, color-mix(in srgb, var(--rc) 30%, #e4dccb); } .ch-rf-gilt { --rfill: linear-gradient(135deg, #e6cb85, #b38c45 40%, #8a6a2f 62%, #c9a25a); } .ch-rf-stars { --rfill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='%23c9a25a'%3E%3Cpolygon points='22.00,16.50 22.38,21.08 24.26,19.74 22.92,21.62 27.50,22.00 22.92,22.38 24.26,24.26 22.38,22.92 22.00,27.50 21.62,22.92 19.74,24.26 21.08,22.38 16.50,22.00 21.08,21.62 19.74,19.74 21.62,21.08'/%3E%3C/g%3E%3C/svg%3E") -11px -11px / 44px 44px, var(--rc); } .ch-rf-plain { --rfill: var(--rc); } .ch-rf-none { --rfill: transparent; } .ch-rf-photo { --rfill: radial-gradient(circle at 38% 32%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%, rgba(0,0,0,.2)), var(--rota-img, none) center / cover no-repeat, var(--rc); } /* border colours */ .ch-rbc-colour { --rbord: var(--rbc); } .ch-rbc-marble { --rbord: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='v'%3E %3CfeTurbulence type='turbulence' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .28 -2.6 0 0 0 .62'/%3E %3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E %3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") 0 0 / 600px 400px, #ebe5d8; } .ch-rbc-gilt { --rbord: linear-gradient(135deg, #e6cb85, #b38c45 40%, #8a6a2f 62%, #c9a25a); } /* ---- Cosmati bands ---- Two sets of bands: .ch-cz-in (inside the picture: stage and cover scopes) and .ch-cz-out (across the whole banner: hero scope). Each set has four sides and four corner blocks. Every band is drawn as a vertical strip; top and bottom bands are the same strip rotated, so each pattern is written once. All colours are variables. */ .ch-cz { display: none; position: absolute; inset: 0; z-index: 5; pointer-events: none; container-type: size; } .ch-czsc-stage .ch-cz-in, .ch-czsc-cover .ch-cz-in, .ch-czsc-hero .ch-cz-out { display: block; } .czband, .czcorner { display: none; position: absolute; width: var(--cz-w); } .czcorner { height: var(--cz-w); } .ch-cz-T .czt, .ch-cz-R .czr, .ch-cz-B .czb, .ch-cz-L .czl { display: block; } .ch-czc.ch-cz-T.ch-cz-L .cztl, .ch-czc.ch-cz-T.ch-cz-R .cztr, .ch-czc.ch-cz-B.ch-cz-L .czbl, .ch-czc.ch-cz-B.ch-cz-R .czbr { display: block; } .czt, .czb { transform-origin: 0 0; transform: rotate(-90deg); } .czband { box-shadow: 0 0 6px rgba(0,0,0,.22); } /* picture area and whole banner: bands along the edges */ .ch-czsc-stage .czl, .ch-czsc-hero .czl { left: 0; top: 0; height: 100cqh; } .ch-czsc-stage .czr, .ch-czsc-hero .czr { right: 0; top: 0; height: 100cqh; } .ch-czsc-stage .czt, .ch-czsc-hero .czt { left: 0; top: var(--cz-w); height: 100cqw; } .ch-czsc-stage .czb, .ch-czsc-hero .czb { left: 0; top: 100cqh; height: 100cqw; } .ch-czsc-stage .cztl, .ch-czsc-hero .cztl { left: 0; top: 0; } .ch-czsc-stage .cztr, .ch-czsc-hero .cztr { right: 0; top: 0; } .ch-czsc-stage .czbl, .ch-czsc-hero .czbl { left: 0; bottom: 0; } .ch-czsc-stage .czbr, .ch-czsc-hero .czbr { right: 0; bottom: 0; } /* the picture's contents step inside the bands */ .ch-czsc-stage.ch-cz-L .ch-stage { --inset-l: var(--cz-w); } .ch-czsc-stage.ch-cz-R .ch-stage, .ch-czsc-hero.ch-cz-R .ch-stage { --inset-r: var(--cz-w); } .ch-czsc-stage.ch-cz-T .ch-stage, .ch-czsc-hero.ch-cz-T .ch-stage { --ceil: var(--cz-w); } .ch-czsc-stage.ch-cz-B .ch-stage, .ch-czsc-hero.ch-cz-B .ch-stage { --floor: var(--cz-w); } .ch-czsc-hero.ch-cz-L { --pe-l: var(--cz-w); } .ch-czsc-hero.ch-cz-T { --pe-t: var(--cz-w); } .ch-czsc-hero.ch-cz-B { --pe-b: var(--cz-w); } /* around the cover: a box with a gap; the cover shrinks to leave room for it */ .ch-czsc-cover.ch-cz-T .ch-stage { --cvr-t: calc(var(--cz-w) + var(--cz-gap) + 3cqh); } .ch-present-standing.ch-czsc-cover.ch-cz-B .ch-stage { --disp-b: max(var(--disp-b0), calc(var(--floor) + var(--cz-w) + var(--cz-gap) + 2cqh)); } .ch-czsc-cover.ch-cz-T .ch-stage, .ch-czsc-cover.ch-cz-B .ch-stage { --cvr-y: calc(2 * (var(--cz-w) + var(--cz-gap))); } .ch-czsc-cover.ch-cz-L .ch-stage, .ch-czsc-cover.ch-cz-R .ch-stage { --cvr-x: calc(2 * (var(--cz-w) + var(--cz-gap))); } .ch-czsc-cover .ch-cz-in { --ox: calc(var(--cx) - var(--bwv) / 2 - var(--cz-gap) - var(--cz-w)); --ow: calc(var(--bwv) + 2 * var(--cz-gap) + 2 * var(--cz-w)); --oy: calc(100cqh - var(--disp-b) - var(--bh) - var(--cz-gap) - var(--cz-w)); /* top edge */ --oh: calc(var(--bh) + 2 * var(--cz-gap) + 2 * var(--cz-w)); } .ch-czsc-cover .czl { left: var(--ox); top: var(--oy); height: var(--oh); } .ch-czsc-cover .czr { left: calc(var(--ox) + var(--ow) - var(--cz-w)); top: var(--oy); height: var(--oh); } .ch-czsc-cover .czt { left: var(--ox); top: calc(var(--oy) + var(--cz-w)); height: var(--ow); } .ch-czsc-cover .czb { left: var(--ox); top: calc(var(--oy) + var(--oh)); height: var(--ow); } .ch-czsc-cover .cztl { left: var(--ox); top: var(--oy); } .ch-czsc-cover .cztr { left: calc(var(--ox) + var(--ow) - var(--cz-w)); top: var(--oy); } .ch-czsc-cover .czbl { left: var(--ox); top: calc(var(--oy) + var(--oh) - var(--cz-w)); } .ch-czsc-cover .czbr { left: calc(var(--ox) + var(--ow) - var(--cz-w)); top: calc(var(--oy) + var(--oh) - var(--cz-w)); } /* corner blocks: a roundel set in a square */ .czcorner { background: radial-gradient(circle at 50% 50%, var(--cz-gold) 0 13%, var(--cz-a) calc(13% + .5px) 31%, var(--cz-marble) calc(31% + .5px) 38%, transparent calc(38% + .5px)), linear-gradient(var(--cz-b), var(--cz-b)) center / 78% 78% no-repeat, var(--cz-marble); box-shadow: 0 0 6px rgba(0,0,0,.25); z-index: 1; } /* patterns */ .czband { --w: var(--cz-w); --g-d: color-mix(in srgb, var(--cz-gold) 68%, #000); --strips: linear-gradient(90deg, var(--cz-marble) 0 7%, transparent 7% 93%, var(--cz-marble) 93%); --tess: conic-gradient(from 45deg, var(--cz-gold) 0 25%, var(--g-d) 0 50%, var(--cz-gold) 0 75%, var(--g-d) 0) 0 0 / 8px 8px; } .ch-czs-roundels .czband { background: var(--strips), radial-gradient(circle at 50% calc(var(--w) * .5), var(--cz-gold) 0 calc(var(--w) * .05), var(--cz-b) calc(var(--w) * .05 + .5px) calc(var(--w) * .15), var(--cz-marble) calc(var(--w) * .15 + .5px) calc(var(--w) * .19), var(--cz-a) calc(var(--w) * .19 + .5px) calc(var(--w) * .30), var(--cz-marble) calc(var(--w) * .30 + .5px) calc(var(--w) * .36), transparent calc(var(--w) * .36 + .5px)) 0 0 / 100% calc(var(--w) * 2) repeat-y, radial-gradient(circle at 50% calc(var(--w) * 1.5), var(--cz-gold) 0 calc(var(--w) * .05), var(--cz-a) calc(var(--w) * .05 + .5px) calc(var(--w) * .15), var(--cz-marble) calc(var(--w) * .15 + .5px) calc(var(--w) * .19), var(--cz-b) calc(var(--w) * .19 + .5px) calc(var(--w) * .30), var(--cz-marble) calc(var(--w) * .30 + .5px) calc(var(--w) * .36), transparent calc(var(--w) * .36 + .5px)) 0 0 / 100% calc(var(--w) * 2) repeat-y, linear-gradient(90deg, transparent 45%, var(--cz-marble) 45% 55%, transparent 55%), var(--tess); } .ch-czs-guilloche .czband { background: var(--strips), radial-gradient(circle at 50% calc(var(--w) * .5), transparent 0 calc(var(--w) * .25), var(--cz-marble) calc(var(--w) * .25 + .5px) calc(var(--w) * .28), var(--cz-a) calc(var(--w) * .28 + .5px) calc(var(--w) * .34), var(--cz-marble) calc(var(--w) * .34 + .5px) calc(var(--w) * .37), transparent calc(var(--w) * .37 + .5px)) 0 0 / 100% var(--w) repeat-y, radial-gradient(circle at 50% calc(var(--w) * .5), var(--cz-gold) 0 calc(var(--w) * .06), transparent calc(var(--w) * .06 + .5px)) 0 calc(var(--w) * .5) / 100% var(--w) repeat-y, radial-gradient(circle at 50% calc(var(--w) * .5), transparent 0 calc(var(--w) * .25), var(--cz-marble) calc(var(--w) * .25 + .5px) calc(var(--w) * .28), var(--cz-b) calc(var(--w) * .28 + .5px) calc(var(--w) * .34), var(--cz-marble) calc(var(--w) * .34 + .5px) calc(var(--w) * .37), transparent calc(var(--w) * .37 + .5px)) 0 calc(var(--w) * .5) / 100% var(--w) repeat-y, var(--tess); } .ch-czs-lozenges .czband { background: var(--strips), radial-gradient(circle at 50% 0, var(--cz-gold) 0 calc(var(--w) * .07), transparent calc(var(--w) * .07 + .5px)) 0 0 / 100% var(--w), linear-gradient(45deg, transparent calc(50% - 1.6px), var(--cz-marble) calc(50% - 1.6px) calc(50% + 1.6px), transparent calc(50% + 1.6px)) 0 0 / 100% var(--w), linear-gradient(-45deg, transparent calc(50% - 1.6px), var(--cz-marble) calc(50% - 1.6px) calc(50% + 1.6px), transparent calc(50% + 1.6px)) 0 0 / 100% var(--w), conic-gradient(from 45deg, var(--cz-b) 0 25%, var(--cz-a) 0 50%, var(--cz-b) 0 75%, var(--cz-a) 0) 0 0 / 100% var(--w); } .ch-czs-tesserae .czband { background: linear-gradient(90deg, var(--cz-marble) 0 6%, var(--cz-a) 6% 13%, var(--cz-marble) 13% 16%, transparent 16% 84%, var(--cz-marble) 84% 87%, var(--cz-b) 87% 94%, var(--cz-marble) 94%), var(--tess); } .ch-czs-chevron .czband { --h: calc(var(--w) * .5); background: var(--strips), linear-gradient(135deg, var(--cz-a) 25%, transparent 25%) calc(var(--w) * -.5) 0 / var(--w) var(--h), linear-gradient(225deg, var(--cz-a) 25%, transparent 25%) calc(var(--w) * -.5) 0 / var(--w) var(--h), linear-gradient(315deg, var(--cz-a) 25%, transparent 25%) 0 0 / var(--w) var(--h), linear-gradient(45deg, var(--cz-a) 25%, var(--cz-b) 25%) 0 0 / var(--w) var(--h); } .ch-czs-checker .czband { --q: calc(var(--w) * .2155); background: linear-gradient(90deg, var(--cz-marble) 0 7%, transparent 7% 93%, var(--cz-marble) 93%), linear-gradient(90deg, transparent calc(7% + var(--q) * 2), var(--cz-gold) calc(7% + var(--q) * 2) calc(93% - var(--q) * 2), transparent calc(93% - var(--q) * 2)) 0 0 / 100% calc(var(--q) * 2), conic-gradient(var(--cz-a) 0 25%, var(--cz-marble) 0 50%, var(--cz-b) 0 75%, var(--cz-marble) 0) calc(var(--w) * .07) 0 / calc(var(--q) * 2) calc(var(--q) * 2); } /* ---- ornamental patterns (Greek, Roman, Celtic, Anglo-Saxon, Renaissance) ---- Ground = the band's own background; layer 1 = ::before; layer 2 = ::after. Each layer is one colour (or a modelled gradient) cut out by an SVG mask. The left band is mirrored so directional patterns face the same way on every side. */ .ch-czs-meander .czband { --th: calc(var(--cz-w) * 0.720); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='72' viewBox='0 0 100 72'%3E%3Cpath d='M23 -81 L23 -9 L77 -9 L77 -63 L41 -63 L41 -27 L59 -27 L59 -45 M23 -9 L23 63 L77 63 L77 9 L41 9 L41 45 L59 45 L59 27 M23 63 L23 135 L77 135 L77 81 L41 81 L41 117 L59 117 L59 99 M23 135 L23 207 L77 207 L77 153 L41 153 L41 189 L59 189 L59 171' fill='none' stroke='%23000' stroke-width='9.7' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='72' viewBox='0 0 100 72'%3E%3Crect x='3' width='4.5' height='72'/%3E%3Crect x='92.5' width='4.5' height='72'/%3E%3C/svg%3E"); } .ch-czs-wave .czband { --th: calc(var(--cz-w) * 0.640); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='64' viewBox='0 0 100 64'%3E%3Cpath d='M68 -83.2 L69 -84.3 L69.7 -85.1 L70.3 -85.8 L70.6 -86.2 L70.8 -86.4 L70.7 -86.5 L70.5 -86.4 L70.1 -86.1 L69.5 -85.6 L68.8 -85 L68 -84.2 L67.1 -83.3 L66 -82.2 L64.8 -81 L63.6 -79.7 L62.2 -78.3 L60.8 -76.8 L59.4 -75.2 L57.9 -73.5 L56.3 -71.7 L54.8 -69.9 L53.2 -68 L51.6 -66 L50.1 -64 L48.5 -61.9 L47 -59.9 L45.6 -57.8 L44.2 -55.6 L42.9 -53.5 L41.6 -51.4 L40.5 -49.3 L39.4 -47.2 L38.5 -45.1 L37.7 -43.1 L37 -41.1 L36.4 -39.1 L36.1 -37.2 L35.9 -35.4 L35.8 -33.7 L36 -32 L36.5 -28.9 L37.5 -25.9 L38.9 -23.1 L40.7 -20.6 L42.8 -18.5 L45.1 -16.7 L47.7 -15.3 L50.4 -14.4 L53.2 -13.9 L56 -13.8 L58.8 -14.1 L61.4 -14.9 L63.8 -16 L66 -17.4 L68 -19.2 L69.6 -21.2 L70.8 -23.3 L71.7 -25.6 L72.3 -28 L72.4 -30.4 L72.2 -32.7 L71.7 -35 L70.8 -37 L69.6 -38.9 L68.2 -40.6 L66.6 -42 L64.8 -43.1 L62.9 -43.9 L61 -44.4 L59 -44.6 L57.1 -44.5 L55.2 -44.1 L53.5 -43.4 L51.9 -42.5 L50.6 -41.4 L49.4 -40.1 L48.5 -38.7 L47.8 -37.2 L47.4 -35.6 L47.2 -34.1 L47.3 -32.6 L47.6 -31.1 L48.1 -29.8 L48.8 -28.6 L49.6 -27.5 L50.6 -26.6 L51.7 -25.9 L52.8 -25.4 L54 -25.1 L55.1 -25 L56.2 -25.1 L57.3 -25.3 L58.2 -25.7 L59.1 -26.2 L59.8 -26.8 L60.4 -27.5 L60.8 -28.3 L61.1 -29.1 L61.3 -29.9 L61.3 -30.6 M68 -19.2 L69 -20.3 L69.7 -21.1 L70.3 -21.8 L70.6 -22.2 L70.8 -22.4 L70.7 -22.5 L70.5 -22.4 L70.1 -22.1 L69.5 -21.6 L68.8 -21 L68 -20.2 L67.1 -19.3 L66 -18.2 L64.8 -17 L63.6 -15.7 L62.2 -14.3 L60.8 -12.8 L59.4 -11.2 L57.9 -9.5 L56.3 -7.7 L54.8 -5.9 L53.2 -4 L51.6 -2 L50.1 0 L48.5 2.1 L47 4.1 L45.6 6.2 L44.2 8.4 L42.9 10.5 L41.6 12.6 L40.5 14.7 L39.4 16.8 L38.5 18.9 L37.7 20.9 L37 22.9 L36.4 24.9 L36.1 26.8 L35.9 28.6 L35.8 30.3 L36 32 L36.5 35.1 L37.5 38.1 L38.9 40.9 L40.7 43.4 L42.8 45.5 L45.1 47.3 L47.7 48.7 L50.4 49.6 L53.2 50.1 L56 50.2 L58.8 49.9 L61.4 49.1 L63.8 48 L66 46.6 L68 44.8 L69.6 42.8 L70.8 40.7 L71.7 38.4 L72.3 36 L72.4 33.6 L72.2 31.3 L71.7 29 L70.8 27 L69.6 25.1 L68.2 23.4 L66.6 22 L64.8 20.9 L62.9 20.1 L61 19.6 L59 19.4 L57.1 19.5 L55.2 19.9 L53.5 20.6 L51.9 21.5 L50.6 22.6 L49.4 23.9 L48.5 25.3 L47.8 26.8 L47.4 28.4 L47.2 29.9 L47.3 31.4 L47.6 32.9 L48.1 34.2 L48.8 35.4 L49.6 36.5 L50.6 37.4 L51.7 38.1 L52.8 38.6 L54 38.9 L55.1 39 L56.2 38.9 L57.3 38.7 L58.2 38.3 L59.1 37.8 L59.8 37.2 L60.4 36.5 L60.8 35.7 L61.1 34.9 L61.3 34.1 L61.3 33.4 M68 44.8 L69 43.7 L69.7 42.9 L70.3 42.2 L70.6 41.8 L70.8 41.6 L70.7 41.5 L70.5 41.6 L70.1 41.9 L69.5 42.4 L68.8 43 L68 43.8 L67.1 44.7 L66 45.8 L64.8 47 L63.6 48.3 L62.2 49.7 L60.8 51.2 L59.4 52.8 L57.9 54.5 L56.3 56.3 L54.8 58.1 L53.2 60 L51.6 62 L50.1 64 L48.5 66.1 L47 68.1 L45.6 70.2 L44.2 72.4 L42.9 74.5 L41.6 76.6 L40.5 78.7 L39.4 80.8 L38.5 82.9 L37.7 84.9 L37 86.9 L36.4 88.9 L36.1 90.8 L35.9 92.6 L35.8 94.3 L36 96 L36.5 99.1 L37.5 102.1 L38.9 104.9 L40.7 107.4 L42.8 109.5 L45.1 111.3 L47.7 112.7 L50.4 113.6 L53.2 114.1 L56 114.2 L58.8 113.9 L61.4 113.1 L63.8 112 L66 110.6 L68 108.8 L69.6 106.8 L70.8 104.7 L71.7 102.4 L72.3 100 L72.4 97.6 L72.2 95.3 L71.7 93 L70.8 91 L69.6 89.1 L68.2 87.4 L66.6 86 L64.8 84.9 L62.9 84.1 L61 83.6 L59 83.4 L57.1 83.5 L55.2 83.9 L53.5 84.6 L51.9 85.5 L50.6 86.6 L49.4 87.9 L48.5 89.3 L47.8 90.8 L47.4 92.4 L47.2 93.9 L47.3 95.4 L47.6 96.9 L48.1 98.2 L48.8 99.4 L49.6 100.5 L50.6 101.4 L51.7 102.1 L52.8 102.6 L54 102.9 L55.1 103 L56.2 102.9 L57.3 102.7 L58.2 102.3 L59.1 101.8 L59.8 101.2 L60.4 100.5 L60.8 99.7 L61.1 98.9 L61.3 98.1 L61.3 97.4' fill='none' stroke='%23000' stroke-width='7.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='64' viewBox='0 0 100 64'%3E%3Crect x='3' width='4' height='64'/%3E%3Crect x='93' width='4' height='64'/%3E%3C/svg%3E"); } .ch-czs-eggdart .czband { --th: calc(var(--cz-w) * 0.500); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='50' viewBox='0 0 100 50'%3E%3Cdefs%3E%3Cmask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='100' height='50'%3E%3Crect width='100' height='50' fill='%23fff'/%3E%3Cpath d='M95 -25 L94.6 -22.1 L93.4 -19.3 L91.4 -16.6 L88.7 -14.1 L85.3 -11.9 L81.4 -10 L77 -8.5 L72.2 -7.4 L67.2 -6.7 L62 -6.5 L56.8 -6.8 L51.8 -7.6 L47 -8.9 L42.6 -10.7 L38.7 -12.7 L35.3 -15 L32.6 -17.4 L30.6 -19.9 L29.4 -22.4 L29 -25 L29.4 -27.6 L30.6 -30.1 L32.6 -32.6 L35.3 -35 L38.7 -37.3 L42.6 -39.3 L47 -41.1 L51.8 -42.4 L56.8 -43.2 L62 -43.5 L67.2 -43.3 L72.2 -42.6 L77 -41.5 L81.4 -40 L85.3 -38.1 L88.7 -35.9 L91.4 -33.4 L93.4 -30.7 L94.6 -27.9Z' fill='%23000'/%3E%3Cpath d='M95 25 L94.6 27.9 L93.4 30.7 L91.4 33.4 L88.7 35.9 L85.3 38.1 L81.4 40 L77 41.5 L72.2 42.6 L67.2 43.3 L62 43.5 L56.8 43.2 L51.8 42.4 L47 41.1 L42.6 39.3 L38.7 37.3 L35.3 35 L32.6 32.6 L30.6 30.1 L29.4 27.6 L29 25 L29.4 22.4 L30.6 19.9 L32.6 17.4 L35.3 15 L38.7 12.7 L42.6 10.7 L47 8.9 L51.8 7.6 L56.8 6.8 L62 6.5 L67.2 6.7 L72.2 7.4 L77 8.5 L81.4 10 L85.3 11.9 L88.7 14.1 L91.4 16.6 L93.4 19.3 L94.6 22.1Z' fill='%23000'/%3E%3Cpath d='M95 75 L94.6 77.9 L93.4 80.7 L91.4 83.4 L88.7 85.9 L85.3 88.1 L81.4 90 L77 91.5 L72.2 92.6 L67.2 93.3 L62 93.5 L56.8 93.2 L51.8 92.4 L47 91.1 L42.6 89.3 L38.7 87.3 L35.3 85 L32.6 82.6 L30.6 80.1 L29.4 77.6 L29 75 L29.4 72.4 L30.6 69.9 L32.6 67.4 L35.3 65 L38.7 62.7 L42.6 60.7 L47 58.9 L51.8 57.6 L56.8 56.8 L62 56.5 L67.2 56.7 L72.2 57.4 L77 58.5 L81.4 60 L85.3 61.9 L88.7 64.1 L91.4 66.6 L93.4 69.3 L94.6 72.1Z' fill='%23000'/%3E%3Cpath d='M95 125 L94.6 127.9 L93.4 130.7 L91.4 133.4 L88.7 135.9 L85.3 138.1 L81.4 140 L77 141.5 L72.2 142.6 L67.2 143.3 L62 143.5 L56.8 143.2 L51.8 142.4 L47 141.1 L42.6 139.3 L38.7 137.3 L35.3 135 L32.6 132.6 L30.6 130.1 L29.4 127.6 L29 125 L29.4 122.4 L30.6 119.9 L32.6 117.4 L35.3 115 L38.7 112.7 L42.6 110.7 L47 108.9 L51.8 107.6 L56.8 106.8 L62 106.5 L67.2 106.7 L72.2 107.4 L77 108.5 L81.4 110 L85.3 111.9 L88.7 114.1 L91.4 116.6 L93.4 119.3 L94.6 122.1Z' fill='%23000'/%3E%3Crect x='88' width='12' height='50' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M102 -25 L101.5 -21.3 L99.9 -17.7 L97.4 -14.3 L94 -11.2 L89.7 -8.4 L84.7 -6 L79.1 -4.1 L73 -2.7 L66.6 -1.8 L60 -1.5 L53.4 -1.9 L47 -2.9 L40.9 -4.6 L35.3 -6.8 L30.3 -9.4 L26 -12.3 L22.6 -15.3 L20.1 -18.5 L18.5 -21.8 L18 -25 L18.5 -28.2 L20.1 -31.5 L22.6 -34.7 L26 -37.7 L30.3 -40.6 L35.3 -43.2 L40.9 -45.4 L47 -47.1 L53.4 -48.1 L60 -48.5 L66.6 -48.2 L73 -47.3 L79.1 -45.9 L84.7 -44 L89.7 -41.6 L94 -38.8 L97.4 -35.7 L99.9 -32.3 L101.5 -28.7Z' fill='%23000'/%3E%3Cpath d='M102 25 L101.5 28.7 L99.9 32.3 L97.4 35.7 L94 38.8 L89.7 41.6 L84.7 44 L79.1 45.9 L73 47.3 L66.6 48.2 L60 48.5 L53.4 48.1 L47 47.1 L40.9 45.4 L35.3 43.2 L30.3 40.6 L26 37.7 L22.6 34.7 L20.1 31.5 L18.5 28.2 L18 25 L18.5 21.8 L20.1 18.5 L22.6 15.3 L26 12.3 L30.3 9.4 L35.3 6.8 L40.9 4.6 L47 2.9 L53.4 1.9 L60 1.5 L66.6 1.8 L73 2.7 L79.1 4.1 L84.7 6 L89.7 8.4 L94 11.2 L97.4 14.3 L99.9 17.7 L101.5 21.3Z' fill='%23000'/%3E%3Cpath d='M102 75 L101.5 78.7 L99.9 82.3 L97.4 85.7 L94 88.8 L89.7 91.6 L84.7 94 L79.1 95.9 L73 97.3 L66.6 98.2 L60 98.5 L53.4 98.1 L47 97.1 L40.9 95.4 L35.3 93.2 L30.3 90.6 L26 87.7 L22.6 84.7 L20.1 81.5 L18.5 78.2 L18 75 L18.5 71.8 L20.1 68.5 L22.6 65.3 L26 62.3 L30.3 59.4 L35.3 56.8 L40.9 54.6 L47 52.9 L53.4 51.9 L60 51.5 L66.6 51.8 L73 52.7 L79.1 54.1 L84.7 56 L89.7 58.4 L94 61.2 L97.4 64.3 L99.9 67.7 L101.5 71.3Z' fill='%23000'/%3E%3Cpath d='M102 125 L101.5 128.7 L99.9 132.3 L97.4 135.7 L94 138.8 L89.7 141.6 L84.7 144 L79.1 145.9 L73 147.3 L66.6 148.2 L60 148.5 L53.4 148.1 L47 147.1 L40.9 145.4 L35.3 143.2 L30.3 140.6 L26 137.7 L22.6 134.7 L20.1 131.5 L18.5 128.2 L18 125 L18.5 121.8 L20.1 118.5 L22.6 115.3 L26 112.3 L30.3 109.4 L35.3 106.8 L40.9 104.6 L47 102.9 L53.4 101.9 L60 101.5 L66.6 101.8 L73 102.7 L79.1 104.1 L84.7 106 L89.7 108.4 L94 111.2 L97.4 114.3 L99.9 117.7 L101.5 121.3Z' fill='%23000'/%3E%3C/g%3E%3Cpath d='M88 -53.4 L34 -51.1 L14 -50 L34 -48.9 L88 -46.6Z' fill='%23000'/%3E%3Cpath d='M26 -50 L40 -55.5 L46 -50 L40 -44.5Z' fill='%23000'/%3E%3Cpath d='M88 -3.4 L34 -1.1 L14 0 L34 1.1 L88 3.4Z' fill='%23000'/%3E%3Cpath d='M26 0 L40 -5.5 L46 0 L40 5.5Z' fill='%23000'/%3E%3Cpath d='M88 46.6 L34 48.9 L14 50 L34 51.1 L88 53.4Z' fill='%23000'/%3E%3Cpath d='M26 50 L40 44.5 L46 50 L40 55.5Z' fill='%23000'/%3E%3Cpath d='M88 96.6 L34 98.9 L14 100 L34 101.1 L88 103.4Z' fill='%23000'/%3E%3Cpath d='M26 100 L40 94.5 L46 100 L40 105.5Z' fill='%23000'/%3E%3Crect x='90' width='10' height='50'/%3E%3Crect x='2' width='5' height='50'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='50' viewBox='0 0 100 50'%3E%3Cpath d='M92 -25 L91.7 -22.6 L90.6 -20.2 L88.9 -18 L86.7 -15.9 L83.8 -14 L80.5 -12.5 L76.7 -11.2 L72.7 -10.3 L68.4 -9.7 L64 -9.5 L59.6 -9.8 L55.3 -10.5 L51.3 -11.8 L47.5 -13.3 L44.2 -15.1 L41.3 -17.1 L39.1 -19.1 L37.4 -21.1 L36.3 -23 L36 -25 L36.3 -27 L37.4 -28.9 L39.1 -30.9 L41.3 -32.9 L44.2 -34.9 L47.5 -36.7 L51.3 -38.2 L55.3 -39.5 L59.6 -40.2 L64 -40.5 L68.4 -40.3 L72.7 -39.7 L76.7 -38.8 L80.5 -37.5 L83.8 -36 L86.7 -34.1 L88.9 -32 L90.6 -29.8 L91.7 -27.4Z' fill='%23000'/%3E%3Cpath d='M92 25 L91.7 27.4 L90.6 29.8 L88.9 32 L86.7 34.1 L83.8 36 L80.5 37.5 L76.7 38.8 L72.7 39.7 L68.4 40.3 L64 40.5 L59.6 40.2 L55.3 39.5 L51.3 38.2 L47.5 36.7 L44.2 34.9 L41.3 32.9 L39.1 30.9 L37.4 28.9 L36.3 27 L36 25 L36.3 23 L37.4 21.1 L39.1 19.1 L41.3 17.1 L44.2 15.1 L47.5 13.3 L51.3 11.8 L55.3 10.5 L59.6 9.8 L64 9.5 L68.4 9.7 L72.7 10.3 L76.7 11.2 L80.5 12.5 L83.8 14 L86.7 15.9 L88.9 18 L90.6 20.2 L91.7 22.6Z' fill='%23000'/%3E%3Cpath d='M92 75 L91.7 77.4 L90.6 79.8 L88.9 82 L86.7 84.1 L83.8 86 L80.5 87.5 L76.7 88.8 L72.7 89.7 L68.4 90.3 L64 90.5 L59.6 90.2 L55.3 89.5 L51.3 88.2 L47.5 86.7 L44.2 84.9 L41.3 82.9 L39.1 80.9 L37.4 78.9 L36.3 77 L36 75 L36.3 73 L37.4 71.1 L39.1 69.1 L41.3 67.1 L44.2 65.1 L47.5 63.3 L51.3 61.8 L55.3 60.5 L59.6 59.8 L64 59.5 L68.4 59.7 L72.7 60.3 L76.7 61.2 L80.5 62.5 L83.8 64 L86.7 65.9 L88.9 68 L90.6 70.2 L91.7 72.6Z' fill='%23000'/%3E%3Cpath d='M92 125 L91.7 127.4 L90.6 129.8 L88.9 132 L86.7 134.1 L83.8 136 L80.5 137.5 L76.7 138.8 L72.7 139.7 L68.4 140.3 L64 140.5 L59.6 140.2 L55.3 139.5 L51.3 138.2 L47.5 136.7 L44.2 134.9 L41.3 132.9 L39.1 130.9 L37.4 128.9 L36.3 127 L36 125 L36.3 123 L37.4 121.1 L39.1 119.1 L41.3 117.1 L44.2 115.1 L47.5 113.3 L51.3 111.8 L55.3 110.5 L59.6 109.8 L64 109.5 L68.4 109.7 L72.7 110.3 L76.7 111.2 L80.5 112.5 L83.8 114 L86.7 115.9 L88.9 118 L90.6 120.2 L91.7 122.6Z' fill='%23000'/%3E%3C/svg%3E"); } .ch-czs-beadreel .czband { --th: calc(var(--cz-w) * 0.600); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60' viewBox='0 0 100 60'%3E%3Cellipse cx='50' cy='-30' rx='30' ry='18'/%3E%3Cellipse cx='50' cy='30' rx='30' ry='18'/%3E%3Cellipse cx='50' cy='90' rx='30' ry='18'/%3E%3Cellipse cx='50' cy='150' rx='30' ry='18'/%3E%3Cellipse cx='50' cy='-66.2' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='-53.8' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='-6.2' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='6.2' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='53.8' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='66.2' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='113.8' rx='27' ry='3.4'/%3E%3Cellipse cx='50' cy='126.2' rx='27' ry='3.4'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60' viewBox='0 0 100 60'%3E%3Crect x='3' width='5' height='60'/%3E%3Crect x='92' width='5' height='60'/%3E%3C/svg%3E"); } .ch-czs-laurel .czband { --th: calc(var(--cz-w) * 0.400); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='40' viewBox='0 0 100 40'%3E%3Cpath d='M53 -40 Q68.8 -31.4 73.3 -14 Q57.5 -22.6 53 -40Z' fill='%23000'/%3E%3Cpath d='M47 -40 Q42.5 -22.6 26.7 -14 Q31.2 -31.4 47 -40Z' fill='%23000'/%3E%3Cpath d='M53 -20 Q68.8 -11.4 73.3 6 Q57.5 -2.6 53 -20Z' fill='%23000'/%3E%3Cpath d='M47 -20 Q42.5 -2.6 26.7 6 Q31.2 -11.4 47 -20Z' fill='%23000'/%3E%3Cpath d='M53 0 Q68.8 8.6 73.3 26 Q57.5 17.4 53 0Z' fill='%23000'/%3E%3Cpath d='M47 0 Q42.5 17.4 26.7 26 Q31.2 8.6 47 0Z' fill='%23000'/%3E%3Cpath d='M53 20 Q68.8 28.6 73.3 46 Q57.5 37.4 53 20Z' fill='%23000'/%3E%3Cpath d='M47 20 Q42.5 37.4 26.7 46 Q31.2 28.6 47 20Z' fill='%23000'/%3E%3Cpath d='M53 40 Q68.8 48.6 73.3 66 Q57.5 57.4 53 40Z' fill='%23000'/%3E%3Cpath d='M47 40 Q42.5 57.4 26.7 66 Q31.2 48.6 47 40Z' fill='%23000'/%3E%3Cpath d='M53 60 Q68.8 68.6 73.3 86 Q57.5 77.4 53 60Z' fill='%23000'/%3E%3Cpath d='M47 60 Q42.5 77.4 26.7 86 Q31.2 68.6 47 60Z' fill='%23000'/%3E%3Crect x='48.6' width='2.8' height='40'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='40' viewBox='0 0 100 40'%3E%3Ccircle cx='63' cy='-25' r='3.1'/%3E%3Ccircle cx='37' cy='-25' r='3.1'/%3E%3Ccircle cx='63' cy='15' r='3.1'/%3E%3Ccircle cx='37' cy='15' r='3.1'/%3E%3Ccircle cx='63' cy='55' r='3.1'/%3E%3Ccircle cx='37' cy='55' r='3.1'/%3E%3C/svg%3E"); } .ch-czs-rinceau .czband { --th: calc(var(--cz-w) * 1.120); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='112' viewBox='0 0 100 112'%3E%3Cpath d='M30 -33.6 L29.6 -32.1 L29.2 -30.6 L29 -29.1 L29 -27.6 L29.1 -26.1 L29.4 -24.6 L29.8 -23.1 L30.3 -21.6 L31 -20.1 L31.9 -18.6 L32.8 -17.1 L33.9 -15.6 L35.1 -14.1 L36.4 -12.6 L37.8 -11.1 L39.2 -9.6 L40.8 -8.1 L42.4 -6.6 L44.1 -5.1 L45.8 -3.6 L47.5 -2.1 L49.3 -0.6 L51.1 0.9 L52.8 2.4 L54.6 3.9 L56.3 5.4 L57.9 6.9 L59.5 8.4 L61.1 9.9 L62.5 11.4 L63.9 12.9 L65.2 14.4 L66.3 15.9 L67.4 17.4 L68.3 18.9 L69.1 20.4 L69.8 21.9 L70.3 23.4 L70.7 24.9 L70.9 26.4 L71 27.9 L70.9 29.4 L70.7 30.9 L70.4 32.4 L69.9 33.9 L69.2 35.4 L68.4 36.9 L67.5 38.4 L66.5 39.9 L65.3 41.4 L64.1 42.9 L62.7 44.4 L61.3 45.9 L59.7 47.4 L58.1 48.9 L56.5 50.4 L54.8 51.9 L53.1 53.4 L51.3 54.9 L49.5 56.4 L47.8 57.9 L46 59.4 L44.3 60.9 L42.6 62.4 L41 63.9 L39.4 65.4 L37.9 66.9 L36.5 68.4 L35.2 69.9 L34 71.4 L32.9 72.9 L32 74.4 L31.1 75.9 L30.4 77.4 L29.9 78.9 L29.4 80.4 L29.1 81.9 L29 83.4 L29 84.9 L29.2 86.4 L29.5 87.9 L30 89.4 L30.6 90.9 L31.3 92.4 L32.2 93.9 L33.2 95.4 L34.3 96.9 L35.5 98.4 L36.8 99.9 L38.2 101.4 L39.7 102.9 L41.3 104.4 L43 105.9 L44.6 107.4 L46.4 108.9 L48.1 110.4 L49.9 111.9 L51.6 113.4 L53.4 114.9 L55.1 116.4 L56.8 117.9 L58.5 119.4 L60.1 120.9 L61.6 122.4 L63 123.9 L64.3 125.4 L65.6 126.9 L66.7 128.4 L67.7 129.9 L68.6 131.4 L69.4 132.9 L70 134.4 L70.4 135.9 L70.8 137.4 L71 138.9 L71 140.4 L70.9 141.9 L70.6 143.4 L70.2 144.9' fill='none' stroke='%23000' stroke-width='4.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M61.4 -68.9 L60.8 -68.5 L60.6 -68.5 L59.6 -69.2 L58.3 -70.7 L56.9 -72.8 L55.4 -75.3 L54 -78.1 L52.7 -81 L51.5 -83.8 L50.5 -86.5 L49.7 -88.8 L49.1 -90.6 L48.9 -91.7 L47.7 -90.2 L46.1 -90.6 L46.8 -89.3 L47.6 -87.8 L48.2 -86.3 L48.6 -84.7 L48.8 -83.1 L48.9 -81.5 L48.7 -80 L48.4 -78.5 L47.8 -77 L47.2 -75.7 L46.4 -74.5 L45.4 -73.3 L44.4 -72.4 L43.3 -71.5 L42.1 -70.8 L40.8 -70.3 L39.5 -69.9 L38.2 -69.7 L36.9 -69.6 L35.6 -69.7 L34.3 -70 L33.1 -70.3 L32 -70.8 L31 -71.5 L30 -72.2 L29.2 -73 L28.5 -73.9 L27.9 -74.9 L27.4 -75.9 L27.1 -76.9 L26.9 -78 L26.8 -79 L26.9 -80.1 L27 -81.1 L27.3 -82 L27.7 -82.9 L28.2 -83.7 L28.7 -84.5 L29.4 -85.1 L30 -85.7 L30.8 -86.1 L31.5 -86.5 L32.3 -86.8 L33.1 -86.9 L33.9 -87 L34.7 -87 L35.4 -86.8 L36.1 -86.6 L36.7 -86.4 L37.3 -86 L37.9 -85.6 L38.3 -85.2 L38.7 -84.7 L39 -84.2 L39.3 -83.6 L39.4 -83.1 L39.5 -82.5 L39.6 -82 L39.5 -81.5 L39.4 -81 L39.3 -80.6 L39.1 -80.2 L38.8 -79.9 L38.6 -79.5 L38.3 -79.3 L38 -79.1 L37.7 -78.9 L37.3 -78.8 L37 -78.8 L36.7 -78.8 L36.4 -78.8 L36.2 -77.5 L36.6 -77.4 L37.1 -77.4 L37.6 -77.5 L38.1 -77.6 L38.6 -77.8 L39.1 -78.1 L39.6 -78.4 L40 -78.9 L40.4 -79.4 L40.7 -79.9 L41 -80.6 L41.2 -81.2 L41.3 -81.9 L41.3 -82.7 L41.2 -83.5 L41 -84.2 L40.7 -85 L40.3 -85.7 L39.8 -86.4 L39.2 -87 L38.5 -87.6 L37.7 -88.1 L36.8 -88.5 L35.9 -88.8 L34.9 -89 L33.9 -89.1 L32.8 -89.1 L31.8 -88.9 L30.7 -88.6 L29.7 -88.1 L28.7 -87.5 L27.8 -86.8 L27 -86 L26.2 -85.1 L25.6 -84 L25 -82.9 L24.6 -81.6 L24.4 -80.4 L24.3 -79 L24.4 -77.7 L24.6 -76.3 L25 -75 L25.6 -73.7 L26.3 -72.4 L27.2 -71.2 L28.2 -70.2 L29.4 -69.2 L30.7 -68.4 L32.1 -67.7 L33.6 -67.2 L35.2 -66.8 L36.8 -66.7 L38.5 -66.7 L40.1 -67 L41.8 -67.4 L43.4 -68.1 L44.9 -68.9 L46.4 -70 L47.7 -71.2 L48.9 -72.5 L50 -74.1 L50.8 -75.7 L51.5 -77.5 L52 -79.4 L52.2 -81.3 L52.2 -83.3 L52 -85.3 L51.5 -87.3 L50.8 -89.2 L49.9 -91 L49 -92.6 L46.6 -93.7 L45.3 -91.2 L45.6 -89.7 L46.2 -87.7 L47 -85.2 L48 -82.5 L49.3 -79.5 L50.6 -76.5 L52.1 -73.5 L53.6 -70.8 L55.2 -68.4 L56.9 -66.4 L58.9 -65 L61.4 -64.5 L63.3 -65.5Z' fill='%23000'/%3E%3Cpath d='M62.3 -67.2 Q54 -68.9 47.8 -62.8 Q57.6 -61.6 62.3 -67.2Z' fill='%23000'/%3E%3Cpath d='M46.6 -72.3 Q46.5 -77.4 40.9 -79.2 Q42.6 -74.3 46.6 -72.3Z' fill='%23000'/%3E%3Cpath d='M26.7 -74.3 Q30.8 -72.4 33.3 -76.7 Q29.1 -77 26.7 -74.3Z' fill='%23000'/%3E%3Cpath d='M36.7 -9.5 L38.6 -8.5 L41.1 -9 L43.1 -10.4 L44.8 -12.4 L46.4 -14.8 L47.9 -17.5 L49.4 -20.5 L50.7 -23.5 L52 -26.5 L53 -29.2 L53.8 -31.7 L54.4 -33.7 L54.7 -35.2 L53.4 -37.7 L51 -36.6 L50.1 -35 L49.2 -33.2 L48.5 -31.3 L48 -29.3 L47.8 -27.3 L47.8 -25.3 L48 -23.4 L48.5 -21.5 L49.2 -19.7 L50 -18.1 L51.1 -16.5 L52.3 -15.2 L53.6 -14 L55.1 -12.9 L56.6 -12.1 L58.2 -11.4 L59.9 -11 L61.5 -10.7 L63.2 -10.7 L64.8 -10.8 L66.4 -11.2 L67.9 -11.7 L69.3 -12.4 L70.6 -13.2 L71.8 -14.2 L72.8 -15.2 L73.7 -16.4 L74.4 -17.7 L75 -19 L75.4 -20.3 L75.6 -21.7 L75.7 -23 L75.6 -24.4 L75.4 -25.6 L75 -26.9 L74.4 -28 L73.8 -29.1 L73 -30 L72.2 -30.8 L71.3 -31.5 L70.3 -32.1 L69.3 -32.6 L68.2 -32.9 L67.2 -33.1 L66.1 -33.1 L65.1 -33 L64.1 -32.8 L63.2 -32.5 L62.3 -32.1 L61.5 -31.6 L60.8 -31 L60.2 -30.4 L59.7 -29.7 L59.3 -29 L59 -28.2 L58.8 -27.5 L58.7 -26.7 L58.7 -25.9 L58.8 -25.2 L59 -24.6 L59.3 -23.9 L59.6 -23.4 L60 -22.9 L60.4 -22.4 L60.9 -22.1 L61.4 -21.8 L61.9 -21.6 L62.4 -21.5 L62.9 -21.4 L63.4 -21.4 L63.8 -21.5 L63.6 -22.8 L63.3 -22.8 L63 -22.8 L62.7 -22.8 L62.3 -22.9 L62 -23.1 L61.7 -23.3 L61.4 -23.5 L61.2 -23.9 L60.9 -24.2 L60.7 -24.6 L60.6 -25 L60.5 -25.5 L60.4 -26 L60.5 -26.5 L60.6 -27.1 L60.7 -27.6 L61 -28.2 L61.3 -28.7 L61.7 -29.2 L62.1 -29.6 L62.7 -30 L63.3 -30.4 L63.9 -30.6 L64.6 -30.8 L65.3 -31 L66.1 -31 L66.9 -30.9 L67.7 -30.8 L68.5 -30.5 L69.2 -30.1 L70 -29.7 L70.6 -29.1 L71.3 -28.5 L71.8 -27.7 L72.3 -26.9 L72.7 -26 L73 -25.1 L73.1 -24.1 L73.2 -23 L73.1 -22 L72.9 -20.9 L72.6 -19.9 L72.1 -18.9 L71.5 -17.9 L70.8 -17 L70 -16.2 L69 -15.5 L68 -14.8 L66.9 -14.3 L65.7 -14 L64.4 -13.7 L63.1 -13.6 L61.8 -13.7 L60.5 -13.9 L59.2 -14.3 L57.9 -14.8 L56.7 -15.5 L55.6 -16.4 L54.6 -17.3 L53.6 -18.5 L52.8 -19.7 L52.2 -21 L51.6 -22.5 L51.3 -24 L51.1 -25.5 L51.2 -27.1 L51.4 -28.7 L51.8 -30.3 L52.4 -31.8 L53.2 -33.3 L53.9 -34.6 L52.3 -34.2 L51.1 -35.7 L50.9 -34.6 L50.3 -32.8 L49.5 -30.5 L48.5 -27.8 L47.3 -25 L46 -22.1 L44.6 -19.3 L43.1 -16.8 L41.7 -14.7 L40.4 -13.2 L39.4 -12.5 L39.2 -12.5 L38.6 -12.9Z' fill='%23000'/%3E%3Cpath d='M37.7 -11.2 Q41.4 -3.5 52.2 -6.8 Q45 -10.8 37.7 -11.2Z' fill='%23000'/%3E%3Cpath d='M53.4 -16.3 Q58.5 -17.4 59.1 -23.2 Q54.6 -20.5 53.4 -16.3Z' fill='%23000'/%3E%3Cpath d='M73.3 -18.3 Q71.4 -22.4 66.7 -20.7 Q69.7 -17.7 73.3 -18.3Z' fill='%23000'/%3E%3Cpath d='M61.4 43.1 L60.8 43.5 L60.6 43.5 L59.6 42.8 L58.3 41.3 L56.9 39.2 L55.4 36.7 L54 33.9 L52.7 31 L51.5 28.2 L50.5 25.5 L49.7 23.2 L49.1 21.4 L48.9 20.3 L47.7 21.8 L46.1 21.4 L46.8 22.7 L47.6 24.2 L48.2 25.7 L48.6 27.3 L48.8 28.9 L48.9 30.5 L48.7 32 L48.4 33.5 L47.8 35 L47.2 36.3 L46.4 37.5 L45.4 38.7 L44.4 39.6 L43.3 40.5 L42.1 41.2 L40.8 41.7 L39.5 42.1 L38.2 42.3 L36.9 42.4 L35.6 42.3 L34.3 42 L33.1 41.7 L32 41.2 L31 40.5 L30 39.8 L29.2 39 L28.5 38.1 L27.9 37.1 L27.4 36.1 L27.1 35.1 L26.9 34 L26.8 33 L26.9 31.9 L27 30.9 L27.3 30 L27.7 29.1 L28.2 28.3 L28.7 27.5 L29.4 26.9 L30 26.3 L30.8 25.9 L31.5 25.5 L32.3 25.2 L33.1 25.1 L33.9 25 L34.7 25 L35.4 25.2 L36.1 25.4 L36.7 25.6 L37.3 26 L37.9 26.4 L38.3 26.8 L38.7 27.3 L39 27.8 L39.3 28.4 L39.4 28.9 L39.5 29.5 L39.6 30 L39.5 30.5 L39.4 31 L39.3 31.4 L39.1 31.8 L38.8 32.1 L38.6 32.5 L38.3 32.7 L38 32.9 L37.7 33.1 L37.3 33.2 L37 33.2 L36.7 33.2 L36.4 33.2 L36.2 34.5 L36.6 34.6 L37.1 34.6 L37.6 34.5 L38.1 34.4 L38.6 34.2 L39.1 33.9 L39.6 33.6 L40 33.1 L40.4 32.6 L40.7 32.1 L41 31.4 L41.2 30.8 L41.3 30.1 L41.3 29.3 L41.2 28.5 L41 27.8 L40.7 27 L40.3 26.3 L39.8 25.6 L39.2 25 L38.5 24.4 L37.7 23.9 L36.8 23.5 L35.9 23.2 L34.9 23 L33.9 22.9 L32.8 22.9 L31.8 23.1 L30.7 23.4 L29.7 23.9 L28.7 24.5 L27.8 25.2 L27 26 L26.2 26.9 L25.6 28 L25 29.1 L24.6 30.4 L24.4 31.6 L24.3 33 L24.4 34.3 L24.6 35.7 L25 37 L25.6 38.3 L26.3 39.6 L27.2 40.8 L28.2 41.8 L29.4 42.8 L30.7 43.6 L32.1 44.3 L33.6 44.8 L35.2 45.2 L36.8 45.3 L38.5 45.3 L40.1 45 L41.8 44.6 L43.4 43.9 L44.9 43.1 L46.4 42 L47.7 40.8 L48.9 39.5 L50 37.9 L50.8 36.3 L51.5 34.5 L52 32.6 L52.2 30.7 L52.2 28.7 L52 26.7 L51.5 24.7 L50.8 22.8 L49.9 21 L49 19.4 L46.6 18.3 L45.3 20.8 L45.6 22.3 L46.2 24.3 L47 26.8 L48 29.5 L49.3 32.5 L50.6 35.5 L52.1 38.5 L53.6 41.2 L55.2 43.6 L56.9 45.6 L58.9 47 L61.4 47.5 L63.3 46.5Z' fill='%23000'/%3E%3Cpath d='M62.3 44.8 Q54 43.1 47.8 49.2 Q57.6 50.4 62.3 44.8Z' fill='%23000'/%3E%3Cpath d='M46.6 39.7 Q46.5 34.6 40.9 32.8 Q42.6 37.7 46.6 39.7Z' fill='%23000'/%3E%3Cpath d='M26.7 37.7 Q30.8 39.6 33.3 35.3 Q29.1 35 26.7 37.7Z' fill='%23000'/%3E%3Cpath d='M36.7 102.5 L38.6 103.5 L41.1 103 L43.1 101.6 L44.8 99.6 L46.4 97.2 L47.9 94.5 L49.4 91.5 L50.7 88.5 L52 85.5 L53 82.8 L53.8 80.3 L54.4 78.3 L54.7 76.8 L53.4 74.3 L51 75.4 L50.1 77 L49.2 78.8 L48.5 80.7 L48 82.7 L47.8 84.7 L47.8 86.7 L48 88.6 L48.5 90.5 L49.2 92.3 L50 93.9 L51.1 95.5 L52.3 96.8 L53.6 98 L55.1 99.1 L56.6 99.9 L58.2 100.6 L59.9 101 L61.5 101.3 L63.2 101.3 L64.8 101.2 L66.4 100.8 L67.9 100.3 L69.3 99.6 L70.6 98.8 L71.8 97.8 L72.8 96.8 L73.7 95.6 L74.4 94.3 L75 93 L75.4 91.7 L75.6 90.3 L75.7 89 L75.6 87.6 L75.4 86.4 L75 85.1 L74.4 84 L73.8 82.9 L73 82 L72.2 81.2 L71.3 80.5 L70.3 79.9 L69.3 79.4 L68.2 79.1 L67.2 78.9 L66.1 78.9 L65.1 79 L64.1 79.2 L63.2 79.5 L62.3 79.9 L61.5 80.4 L60.8 81 L60.2 81.6 L59.7 82.3 L59.3 83 L59 83.8 L58.8 84.5 L58.7 85.3 L58.7 86.1 L58.8 86.8 L59 87.4 L59.3 88.1 L59.6 88.6 L60 89.1 L60.4 89.6 L60.9 89.9 L61.4 90.2 L61.9 90.4 L62.4 90.5 L62.9 90.6 L63.4 90.6 L63.8 90.5 L63.6 89.2 L63.3 89.2 L63 89.2 L62.7 89.2 L62.3 89.1 L62 88.9 L61.7 88.7 L61.4 88.5 L61.2 88.1 L60.9 87.8 L60.7 87.4 L60.6 87 L60.5 86.5 L60.4 86 L60.5 85.5 L60.6 84.9 L60.7 84.4 L61 83.8 L61.3 83.3 L61.7 82.8 L62.1 82.4 L62.7 82 L63.3 81.6 L63.9 81.4 L64.6 81.2 L65.3 81 L66.1 81 L66.9 81.1 L67.7 81.2 L68.5 81.5 L69.2 81.9 L70 82.3 L70.6 82.9 L71.3 83.5 L71.8 84.3 L72.3 85.1 L72.7 86 L73 86.9 L73.1 87.9 L73.2 89 L73.1 90 L72.9 91.1 L72.6 92.1 L72.1 93.1 L71.5 94.1 L70.8 95 L70 95.8 L69 96.5 L68 97.2 L66.9 97.7 L65.7 98 L64.4 98.3 L63.1 98.4 L61.8 98.3 L60.5 98.1 L59.2 97.7 L57.9 97.2 L56.7 96.5 L55.6 95.6 L54.6 94.7 L53.6 93.5 L52.8 92.3 L52.2 91 L51.6 89.5 L51.3 88 L51.1 86.5 L51.2 84.9 L51.4 83.3 L51.8 81.7 L52.4 80.2 L53.2 78.7 L53.9 77.4 L52.3 77.8 L51.1 76.3 L50.9 77.4 L50.3 79.2 L49.5 81.5 L48.5 84.2 L47.3 87 L46 89.9 L44.6 92.7 L43.1 95.2 L41.7 97.3 L40.4 98.8 L39.4 99.5 L39.2 99.5 L38.6 99.1Z' fill='%23000'/%3E%3Cpath d='M37.7 100.8 Q41.4 108.5 52.2 105.2 Q45 101.2 37.7 100.8Z' fill='%23000'/%3E%3Cpath d='M53.4 95.7 Q58.5 94.6 59.1 88.8 Q54.6 91.5 53.4 95.7Z' fill='%23000'/%3E%3Cpath d='M73.3 93.7 Q71.4 89.6 66.7 91.3 Q69.7 94.3 73.3 93.7Z' fill='%23000'/%3E%3Cpath d='M61.4 155.1 L60.8 155.5 L60.6 155.5 L59.6 154.8 L58.3 153.3 L56.9 151.2 L55.4 148.7 L54 145.9 L52.7 143 L51.5 140.2 L50.5 137.5 L49.7 135.2 L49.1 133.4 L48.9 132.3 L47.7 133.8 L46.1 133.4 L46.8 134.7 L47.6 136.2 L48.2 137.7 L48.6 139.3 L48.8 140.9 L48.9 142.5 L48.7 144 L48.4 145.5 L47.8 147 L47.2 148.3 L46.4 149.5 L45.4 150.7 L44.4 151.6 L43.3 152.5 L42.1 153.2 L40.8 153.7 L39.5 154.1 L38.2 154.3 L36.9 154.4 L35.6 154.3 L34.3 154 L33.1 153.7 L32 153.2 L31 152.5 L30 151.8 L29.2 151 L28.5 150.1 L27.9 149.1 L27.4 148.1 L27.1 147.1 L26.9 146 L26.8 145 L26.9 143.9 L27 142.9 L27.3 142 L27.7 141.1 L28.2 140.3 L28.7 139.5 L29.4 138.9 L30 138.3 L30.8 137.9 L31.5 137.5 L32.3 137.2 L33.1 137.1 L33.9 137 L34.7 137 L35.4 137.2 L36.1 137.4 L36.7 137.6 L37.3 138 L37.9 138.4 L38.3 138.8 L38.7 139.3 L39 139.8 L39.3 140.4 L39.4 140.9 L39.5 141.5 L39.6 142 L39.5 142.5 L39.4 143 L39.3 143.4 L39.1 143.8 L38.8 144.1 L38.6 144.5 L38.3 144.7 L38 144.9 L37.7 145.1 L37.3 145.2 L37 145.2 L36.7 145.2 L36.4 145.2 L36.2 146.5 L36.6 146.6 L37.1 146.6 L37.6 146.5 L38.1 146.4 L38.6 146.2 L39.1 145.9 L39.6 145.6 L40 145.1 L40.4 144.6 L40.7 144.1 L41 143.4 L41.2 142.8 L41.3 142.1 L41.3 141.3 L41.2 140.5 L41 139.8 L40.7 139 L40.3 138.3 L39.8 137.6 L39.2 137 L38.5 136.4 L37.7 135.9 L36.8 135.5 L35.9 135.2 L34.9 135 L33.9 134.9 L32.8 134.9 L31.8 135.1 L30.7 135.4 L29.7 135.9 L28.7 136.5 L27.8 137.2 L27 138 L26.2 138.9 L25.6 140 L25 141.1 L24.6 142.4 L24.4 143.6 L24.3 145 L24.4 146.3 L24.6 147.7 L25 149 L25.6 150.3 L26.3 151.6 L27.2 152.8 L28.2 153.8 L29.4 154.8 L30.7 155.6 L32.1 156.3 L33.6 156.8 L35.2 157.2 L36.8 157.3 L38.5 157.3 L40.1 157 L41.8 156.6 L43.4 155.9 L44.9 155.1 L46.4 154 L47.7 152.8 L48.9 151.5 L50 149.9 L50.8 148.3 L51.5 146.5 L52 144.6 L52.2 142.7 L52.2 140.7 L52 138.7 L51.5 136.7 L50.8 134.8 L49.9 133 L49 131.4 L46.6 130.3 L45.3 132.8 L45.6 134.3 L46.2 136.3 L47 138.8 L48 141.5 L49.3 144.5 L50.6 147.5 L52.1 150.5 L53.6 153.2 L55.2 155.6 L56.9 157.6 L58.9 159 L61.4 159.5 L63.3 158.5Z' fill='%23000'/%3E%3Cpath d='M62.3 156.8 Q54 155.1 47.8 161.2 Q57.6 162.4 62.3 156.8Z' fill='%23000'/%3E%3Cpath d='M46.6 151.7 Q46.5 146.6 40.9 144.8 Q42.6 149.7 46.6 151.7Z' fill='%23000'/%3E%3Cpath d='M26.7 149.7 Q30.8 151.6 33.3 147.3 Q29.1 147 26.7 149.7Z' fill='%23000'/%3E%3Cpath d='M36.7 214.5 L38.6 215.5 L41.1 215 L43.1 213.6 L44.8 211.6 L46.4 209.2 L47.9 206.5 L49.4 203.5 L50.7 200.5 L52 197.5 L53 194.8 L53.8 192.3 L54.4 190.3 L54.7 188.8 L53.4 186.3 L51 187.4 L50.1 189 L49.2 190.8 L48.5 192.7 L48 194.7 L47.8 196.7 L47.8 198.7 L48 200.6 L48.5 202.5 L49.2 204.3 L50 205.9 L51.1 207.5 L52.3 208.8 L53.6 210 L55.1 211.1 L56.6 211.9 L58.2 212.6 L59.9 213 L61.5 213.3 L63.2 213.3 L64.8 213.2 L66.4 212.8 L67.9 212.3 L69.3 211.6 L70.6 210.8 L71.8 209.8 L72.8 208.8 L73.7 207.6 L74.4 206.3 L75 205 L75.4 203.7 L75.6 202.3 L75.7 201 L75.6 199.6 L75.4 198.4 L75 197.1 L74.4 196 L73.8 194.9 L73 194 L72.2 193.2 L71.3 192.5 L70.3 191.9 L69.3 191.4 L68.2 191.1 L67.2 190.9 L66.1 190.9 L65.1 191 L64.1 191.2 L63.2 191.5 L62.3 191.9 L61.5 192.4 L60.8 193 L60.2 193.6 L59.7 194.3 L59.3 195 L59 195.8 L58.8 196.5 L58.7 197.3 L58.7 198.1 L58.8 198.8 L59 199.4 L59.3 200.1 L59.6 200.6 L60 201.1 L60.4 201.6 L60.9 201.9 L61.4 202.2 L61.9 202.4 L62.4 202.5 L62.9 202.6 L63.4 202.6 L63.8 202.5 L63.6 201.2 L63.3 201.2 L63 201.2 L62.7 201.2 L62.3 201.1 L62 200.9 L61.7 200.7 L61.4 200.5 L61.2 200.1 L60.9 199.8 L60.7 199.4 L60.6 199 L60.5 198.5 L60.4 198 L60.5 197.5 L60.6 196.9 L60.7 196.4 L61 195.8 L61.3 195.3 L61.7 194.8 L62.1 194.4 L62.7 194 L63.3 193.6 L63.9 193.4 L64.6 193.2 L65.3 193 L66.1 193 L66.9 193.1 L67.7 193.2 L68.5 193.5 L69.2 193.9 L70 194.3 L70.6 194.9 L71.3 195.5 L71.8 196.3 L72.3 197.1 L72.7 198 L73 198.9 L73.1 199.9 L73.2 201 L73.1 202 L72.9 203.1 L72.6 204.1 L72.1 205.1 L71.5 206.1 L70.8 207 L70 207.8 L69 208.5 L68 209.2 L66.9 209.7 L65.7 210 L64.4 210.3 L63.1 210.4 L61.8 210.3 L60.5 210.1 L59.2 209.7 L57.9 209.2 L56.7 208.5 L55.6 207.6 L54.6 206.7 L53.6 205.5 L52.8 204.3 L52.2 203 L51.6 201.5 L51.3 200 L51.1 198.5 L51.2 196.9 L51.4 195.3 L51.8 193.7 L52.4 192.2 L53.2 190.7 L53.9 189.4 L52.3 189.8 L51.1 188.3 L50.9 189.4 L50.3 191.2 L49.5 193.5 L48.5 196.2 L47.3 199 L46 201.9 L44.6 204.7 L43.1 207.2 L41.7 209.3 L40.4 210.8 L39.4 211.5 L39.2 211.5 L38.6 211.1Z' fill='%23000'/%3E%3Cpath d='M37.7 212.8 Q41.4 220.5 52.2 217.2 Q45 213.2 37.7 212.8Z' fill='%23000'/%3E%3Cpath d='M53.4 207.7 Q58.5 206.6 59.1 200.8 Q54.6 203.5 53.4 207.7Z' fill='%23000'/%3E%3Cpath d='M73.3 205.7 Q71.4 201.6 66.7 203.3 Q69.7 206.3 73.3 205.7Z' fill='%23000'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='112' viewBox='0 0 100 112'%3E%3Ccircle cx='35.5' cy='-80.6' r='3.4'/%3E%3Ccircle cx='64.5' cy='-24.6' r='3.4'/%3E%3Ccircle cx='35.5' cy='31.4' r='3.4'/%3E%3Ccircle cx='64.5' cy='87.4' r='3.4'/%3E%3Ccircle cx='35.5' cy='143.4' r='3.4'/%3E%3Ccircle cx='64.5' cy='199.4' r='3.4'/%3E%3C/svg%3E"); } .ch-czs-romanbraid .czband { --th: calc(var(--cz-w) * 0.640); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='64' viewBox='0 0 100 64'%3E%3Cpath d='M32.8 -22.4 L31.1 -21.4 L29.4 -20.4 L27.7 -19.4 L26.2 -18.4 L24.9 -17.4 L24.1 -16.4 L24.2 -15.4 L25.1 -14.4 L26.5 -13.4 L28.1 -12.4 L29.7 -11.4 L31.4 -10.4 L33.2 -9.4 L35 -8.4 L36.7 -7.4 L38.5 -6.4 L40.3 -5.4 L42.1 -4.4 L43.9 -3.4 L45.7 -2.4 L47.5 -1.4 L49.3 -0.4 L51.1 0.6 L52.9 1.6 L54.7 2.6 L56.5 3.6 L58.3 4.6 L60.1 5.6 L61.8 6.6 L63.6 7.6 L65.4 8.6 L67.2 9.6 L68.9 10.6 L70.6 11.6 L72.3 12.6 L73.8 13.6 L75.1 14.6 L75.9 15.6 L75.8 16.6 L74.9 17.6 L73.5 18.6 L71.9 19.6 L70.3 20.6 L68.6 21.6 L66.8 22.6 L65 23.6 L63.3 24.6 M36.4 39.6 L34.6 40.6 L32.8 41.6 L31.1 42.6 L29.4 43.6 L27.7 44.6 L26.2 45.6 L24.9 46.6 L24.1 47.6 L24.2 48.6 L25.1 49.6 L26.5 50.6 L28.1 51.6 L29.7 52.6 L31.4 53.6 L33.2 54.6 L35 55.6 L36.7 56.6 L38.5 57.6 L40.3 58.6 L42.1 59.6 L43.9 60.6 L45.7 61.6 L47.5 62.6 L49.3 63.6 L51.1 64.6 L52.9 65.6 L54.7 66.6 L56.5 67.6 L58.3 68.6 L60.1 69.6 L61.8 70.6 L63.6 71.6 L65.4 72.6 L67.2 73.6 L68.9 74.6 L70.6 75.6 L72.3 76.6 L73.8 77.6 L75.1 78.6 L75.9 79.6 L75.8 80.6 L74.9 81.6 L73.5 82.6 L71.9 83.6 L70.3 84.6 L68.6 85.6 M67.2 -22.4 L68.9 -21.4 L70.6 -20.4 L72.3 -19.4 L73.8 -18.4 L75.1 -17.4 L75.9 -16.4 L75.8 -15.4 L74.9 -14.4 L73.5 -13.4 L71.9 -12.4 L70.3 -11.4 L68.6 -10.4 L66.8 -9.4 L65 -8.4 L63.3 -7.4 M36.4 7.6 L34.6 8.6 L32.8 9.6 L31.1 10.6 L29.4 11.6 L27.7 12.6 L26.2 13.6 L24.9 14.6 L24.1 15.6 L24.2 16.6 L25.1 17.6 L26.5 18.6 L28.1 19.6 L29.7 20.6 L31.4 21.6 L33.2 22.6 L35 23.6 L36.7 24.6 L38.5 25.6 L40.3 26.6 L42.1 27.6 L43.9 28.6 L45.7 29.6 L47.5 30.6 L49.3 31.6 L51.1 32.6 L52.9 33.6 L54.7 34.6 L56.5 35.6 L58.3 36.6 L60.1 37.6 L61.8 38.6 L63.6 39.6 L65.4 40.6 L67.2 41.6 L68.9 42.6 L70.6 43.6 L72.3 44.6 L73.8 45.6 L75.1 46.6 L75.9 47.6 L75.8 48.6 L74.9 49.6 L73.5 50.6 L71.9 51.6 L70.3 52.6 L68.6 53.6 L66.8 54.6 L65 55.6 L63.3 56.6 M36.4 71.6 L34.6 72.6 L32.8 73.6 L31.1 74.6 L29.4 75.6 L27.7 76.6 L26.2 77.6 L24.9 78.6 L24.1 79.6 L24.2 80.6 L25.1 81.6 L26.5 82.6 L28.1 83.6 L29.7 84.6 L31.4 85.6' fill='none' stroke='%23000' stroke-width='16' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='-48' r='4.2'/%3E%3Ccircle cx='50' cy='-16' r='4.2'/%3E%3Ccircle cx='50' cy='16' r='4.2'/%3E%3Ccircle cx='50' cy='48' r='4.2'/%3E%3Ccircle cx='50' cy='80' r='4.2'/%3E%3Ccircle cx='50' cy='112' r='4.2'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='64' viewBox='0 0 100 64'%3E%3Cpath d='M32.8 -22.4 L31.1 -21.4 L29.4 -20.4 L27.7 -19.4 L26.2 -18.4 L24.9 -17.4 L24.1 -16.4 L24.2 -15.4 L25.1 -14.4 L26.5 -13.4 L28.1 -12.4 L29.7 -11.4 L31.4 -10.4 L33.2 -9.4 L35 -8.4 L36.7 -7.4 L38.5 -6.4 L40.3 -5.4 L42.1 -4.4 L43.9 -3.4 L45.7 -2.4 L47.5 -1.4 L49.3 -0.4 L51.1 0.6 L52.9 1.6 L54.7 2.6 L56.5 3.6 L58.3 4.6 L60.1 5.6 L61.8 6.6 L63.6 7.6 L65.4 8.6 L67.2 9.6 L68.9 10.6 L70.6 11.6 L72.3 12.6 L73.8 13.6 L75.1 14.6 L75.9 15.6 L75.8 16.6 L74.9 17.6 L73.5 18.6 L71.9 19.6 L70.3 20.6 L68.6 21.6 L66.8 22.6 L65 23.6 L63.3 24.6 M36.4 39.6 L34.6 40.6 L32.8 41.6 L31.1 42.6 L29.4 43.6 L27.7 44.6 L26.2 45.6 L24.9 46.6 L24.1 47.6 L24.2 48.6 L25.1 49.6 L26.5 50.6 L28.1 51.6 L29.7 52.6 L31.4 53.6 L33.2 54.6 L35 55.6 L36.7 56.6 L38.5 57.6 L40.3 58.6 L42.1 59.6 L43.9 60.6 L45.7 61.6 L47.5 62.6 L49.3 63.6 L51.1 64.6 L52.9 65.6 L54.7 66.6 L56.5 67.6 L58.3 68.6 L60.1 69.6 L61.8 70.6 L63.6 71.6 L65.4 72.6 L67.2 73.6 L68.9 74.6 L70.6 75.6 L72.3 76.6 L73.8 77.6 L75.1 78.6 L75.9 79.6 L75.8 80.6 L74.9 81.6 L73.5 82.6 L71.9 83.6 L70.3 84.6 L68.6 85.6 M67.2 -22.4 L68.9 -21.4 L70.6 -20.4 L72.3 -19.4 L73.8 -18.4 L75.1 -17.4 L75.9 -16.4 L75.8 -15.4 L74.9 -14.4 L73.5 -13.4 L71.9 -12.4 L70.3 -11.4 L68.6 -10.4 L66.8 -9.4 L65 -8.4 L63.3 -7.4 M36.4 7.6 L34.6 8.6 L32.8 9.6 L31.1 10.6 L29.4 11.6 L27.7 12.6 L26.2 13.6 L24.9 14.6 L24.1 15.6 L24.2 16.6 L25.1 17.6 L26.5 18.6 L28.1 19.6 L29.7 20.6 L31.4 21.6 L33.2 22.6 L35 23.6 L36.7 24.6 L38.5 25.6 L40.3 26.6 L42.1 27.6 L43.9 28.6 L45.7 29.6 L47.5 30.6 L49.3 31.6 L51.1 32.6 L52.9 33.6 L54.7 34.6 L56.5 35.6 L58.3 36.6 L60.1 37.6 L61.8 38.6 L63.6 39.6 L65.4 40.6 L67.2 41.6 L68.9 42.6 L70.6 43.6 L72.3 44.6 L73.8 45.6 L75.1 46.6 L75.9 47.6 L75.8 48.6 L74.9 49.6 L73.5 50.6 L71.9 51.6 L70.3 52.6 L68.6 53.6 L66.8 54.6 L65 55.6 L63.3 56.6 M36.4 71.6 L34.6 72.6 L32.8 73.6 L31.1 74.6 L29.4 75.6 L27.7 76.6 L26.2 77.6 L24.9 78.6 L24.1 79.6 L24.2 80.6 L25.1 81.6 L26.5 82.6 L28.1 83.6 L29.7 84.6 L31.4 85.6' fill='none' stroke='%23000' stroke-width='10' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/svg%3E"); } .ch-czs-celtic .czband { --th: calc(var(--cz-w) * 0.960); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='96' viewBox='0 0 100 96'%3E%3Cpath d='M28.9 -33.6 L27.5 -32.6 L26 -31.6 L24.6 -30.6 L23.3 -29.6 L22 -28.6 L20.7 -27.6 L19.6 -26.6 L18.7 -25.6 L18.1 -24.6 L18 -23.6 L18.5 -22.6 L19.4 -21.6 L20.5 -20.6 L21.7 -19.6 L23 -18.6 L24.4 -17.6 L25.8 -16.6 L27.2 -15.6 M49.1 -0.6 L50.6 0.4 L52.1 1.4 L53.5 2.4 L55 3.4 L56.5 4.4 L58 5.4 L59.4 6.4 L60.9 7.4 L62.4 8.4 L63.8 9.4 L65.3 10.4 L66.8 11.4 L68.2 12.4 L69.7 13.4 L71.1 14.4 L72.5 15.4 L74 16.4 L75.4 17.4 L76.7 18.4 L78 19.4 L79.3 20.4 L80.4 21.4 L81.3 22.4 L81.9 23.4 L82 24.4 L81.5 25.4 L80.6 26.4 L79.5 27.4 L78.3 28.4 L77 29.4 L75.6 30.4 L74.2 31.4 L72.8 32.4 M50.9 47.4 L49.4 48.4 L47.9 49.4 L46.5 50.4 L45 51.4 L43.5 52.4 L42 53.4 L40.6 54.4 L39.1 55.4 L37.6 56.4 L36.2 57.4 L34.7 58.4 L33.2 59.4 L31.8 60.4 L30.3 61.4 L28.9 62.4 L27.5 63.4 L26 64.4 L24.6 65.4 L23.3 66.4 L22 67.4 L20.7 68.4 L19.6 69.4 L18.7 70.4 L18.1 71.4 L18 72.4 L18.5 73.4 L19.4 74.4 L20.5 75.4 L21.7 76.4 L23 77.4 L24.4 78.4 L25.8 79.4 L27.2 80.4 M49.1 95.4 L50.6 96.4 L52.1 97.4 L53.5 98.4 L55 99.4 L56.5 100.4 L58 101.4 L59.4 102.4 L60.9 103.4 L62.4 104.4 L63.8 105.4 L65.3 106.4 L66.8 107.4 L68.2 108.4 L69.7 109.4 L71.1 110.4 L72.5 111.4 L74 112.4 L75.4 113.4 L76.7 114.4 L78 115.4 L79.3 116.4 L80.4 117.4 L81.3 118.4 L81.9 119.4 L82 120.4 L81.5 121.4 L80.6 122.4 L79.5 123.4 L78.3 124.4 L77 125.4 L75.6 126.4 L74.2 127.4 L72.8 128.4 L71.4 129.4 M47.6 -33.6 L49.1 -32.6 L50.6 -31.6 L52.1 -30.6 L53.5 -29.6 L55 -28.6 L56.5 -27.6 L58 -26.6 L59.4 -25.6 L60.9 -24.6 L62.4 -23.6 L63.8 -22.6 L65.3 -21.6 L66.8 -20.6 L68.2 -19.6 L69.7 -18.6 L71.1 -17.6 L72.5 -16.6 L74 -15.6 L75.4 -14.6 L76.7 -13.6 L78 -12.6 L79.3 -11.6 L80.4 -10.6 L81.3 -9.6 L81.9 -8.6 L82 -7.6 L81.5 -6.6 L80.6 -5.6 L79.5 -4.6 L78.3 -3.6 L77 -2.6 L75.6 -1.6 L74.2 -0.6 L72.8 0.4 M50.9 15.4 L49.4 16.4 L47.9 17.4 L46.5 18.4 L45 19.4 L43.5 20.4 L42 21.4 L40.6 22.4 L39.1 23.4 L37.6 24.4 L36.2 25.4 L34.7 26.4 L33.2 27.4 L31.8 28.4 L30.3 29.4 L28.9 30.4 L27.5 31.4 L26 32.4 L24.6 33.4 L23.3 34.4 L22 35.4 L20.7 36.4 L19.6 37.4 L18.7 38.4 L18.1 39.4 L18 40.4 L18.5 41.4 L19.4 42.4 L20.5 43.4 L21.7 44.4 L23 45.4 L24.4 46.4 L25.8 47.4 L27.2 48.4 M49.1 63.4 L50.6 64.4 L52.1 65.4 L53.5 66.4 L55 67.4 L56.5 68.4 L58 69.4 L59.4 70.4 L60.9 71.4 L62.4 72.4 L63.8 73.4 L65.3 74.4 L66.8 75.4 L68.2 76.4 L69.7 77.4 L71.1 78.4 L72.5 79.4 L74 80.4 L75.4 81.4 L76.7 82.4 L78 83.4 L79.3 84.4 L80.4 85.4 L81.3 86.4 L81.9 87.4 L82 88.4 L81.5 89.4 L80.6 90.4 L79.5 91.4 L78.3 92.4 L77 93.4 L75.6 94.4 L74.2 95.4 L72.8 96.4 M50.9 111.4 L49.4 112.4 L47.9 113.4 L46.5 114.4 L45 115.4 L43.5 116.4 L42 117.4 L40.6 118.4 L39.1 119.4 L37.6 120.4 L36.2 121.4 L34.7 122.4 L33.2 123.4 L31.8 124.4 L30.3 125.4 L28.9 126.4 L27.5 127.4 L26 128.4 L24.6 129.4 M75.6 -33.6 L74.2 -32.6 L72.8 -31.6 M50.9 -16.6 L49.4 -15.6 L47.9 -14.6 L46.5 -13.6 L45 -12.6 L43.5 -11.6 L42 -10.6 L40.6 -9.6 L39.1 -8.6 L37.6 -7.6 L36.2 -6.6 L34.7 -5.6 L33.2 -4.6 L31.8 -3.6 L30.3 -2.6 L28.9 -1.6 L27.5 -0.6 L26 0.4 L24.6 1.4 L23.3 2.4 L22 3.4 L20.7 4.4 L19.6 5.4 L18.7 6.4 L18.1 7.4 L18 8.4 L18.5 9.4 L19.4 10.4 L20.5 11.4 L21.7 12.4 L23 13.4 L24.4 14.4 L25.8 15.4 L27.2 16.4 M49.1 31.4 L50.6 32.4 L52.1 33.4 L53.5 34.4 L55 35.4 L56.5 36.4 L58 37.4 L59.4 38.4 L60.9 39.4 L62.4 40.4 L63.8 41.4 L65.3 42.4 L66.8 43.4 L68.2 44.4 L69.7 45.4 L71.1 46.4 L72.5 47.4 L74 48.4 L75.4 49.4 L76.7 50.4 L78 51.4 L79.3 52.4 L80.4 53.4 L81.3 54.4 L81.9 55.4 L82 56.4 L81.5 57.4 L80.6 58.4 L79.5 59.4 L78.3 60.4 L77 61.4 L75.6 62.4 L74.2 63.4 L72.8 64.4 M50.9 79.4 L49.4 80.4 L47.9 81.4 L46.5 82.4 L45 83.4 L43.5 84.4 L42 85.4 L40.6 86.4 L39.1 87.4 L37.6 88.4 L36.2 89.4 L34.7 90.4 L33.2 91.4 L31.8 92.4 L30.3 93.4 L28.9 94.4 L27.5 95.4 L26 96.4 L24.6 97.4 L23.3 98.4 L22 99.4 L20.7 100.4 L19.6 101.4 L18.7 102.4 L18.1 103.4 L18 104.4 L18.5 105.4 L19.4 106.4 L20.5 107.4 L21.7 108.4 L23 109.4 L24.4 110.4 L25.8 111.4 L27.2 112.4 M49.1 127.4 L50.6 128.4 L52.1 129.4' fill='none' stroke='%23000' stroke-width='13' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='96' viewBox='0 0 100 96'%3E%3Cpath d='M28.9 -33.6 L27.5 -32.6 L26 -31.6 L24.6 -30.6 L23.3 -29.6 L22 -28.6 L20.7 -27.6 L19.6 -26.6 L18.7 -25.6 L18.1 -24.6 L18 -23.6 L18.5 -22.6 L19.4 -21.6 L20.5 -20.6 L21.7 -19.6 L23 -18.6 L24.4 -17.6 L25.8 -16.6 L27.2 -15.6 M49.1 -0.6 L50.6 0.4 L52.1 1.4 L53.5 2.4 L55 3.4 L56.5 4.4 L58 5.4 L59.4 6.4 L60.9 7.4 L62.4 8.4 L63.8 9.4 L65.3 10.4 L66.8 11.4 L68.2 12.4 L69.7 13.4 L71.1 14.4 L72.5 15.4 L74 16.4 L75.4 17.4 L76.7 18.4 L78 19.4 L79.3 20.4 L80.4 21.4 L81.3 22.4 L81.9 23.4 L82 24.4 L81.5 25.4 L80.6 26.4 L79.5 27.4 L78.3 28.4 L77 29.4 L75.6 30.4 L74.2 31.4 L72.8 32.4 M50.9 47.4 L49.4 48.4 L47.9 49.4 L46.5 50.4 L45 51.4 L43.5 52.4 L42 53.4 L40.6 54.4 L39.1 55.4 L37.6 56.4 L36.2 57.4 L34.7 58.4 L33.2 59.4 L31.8 60.4 L30.3 61.4 L28.9 62.4 L27.5 63.4 L26 64.4 L24.6 65.4 L23.3 66.4 L22 67.4 L20.7 68.4 L19.6 69.4 L18.7 70.4 L18.1 71.4 L18 72.4 L18.5 73.4 L19.4 74.4 L20.5 75.4 L21.7 76.4 L23 77.4 L24.4 78.4 L25.8 79.4 L27.2 80.4 M49.1 95.4 L50.6 96.4 L52.1 97.4 L53.5 98.4 L55 99.4 L56.5 100.4 L58 101.4 L59.4 102.4 L60.9 103.4 L62.4 104.4 L63.8 105.4 L65.3 106.4 L66.8 107.4 L68.2 108.4 L69.7 109.4 L71.1 110.4 L72.5 111.4 L74 112.4 L75.4 113.4 L76.7 114.4 L78 115.4 L79.3 116.4 L80.4 117.4 L81.3 118.4 L81.9 119.4 L82 120.4 L81.5 121.4 L80.6 122.4 L79.5 123.4 L78.3 124.4 L77 125.4 L75.6 126.4 L74.2 127.4 L72.8 128.4 L71.4 129.4 M47.6 -33.6 L49.1 -32.6 L50.6 -31.6 L52.1 -30.6 L53.5 -29.6 L55 -28.6 L56.5 -27.6 L58 -26.6 L59.4 -25.6 L60.9 -24.6 L62.4 -23.6 L63.8 -22.6 L65.3 -21.6 L66.8 -20.6 L68.2 -19.6 L69.7 -18.6 L71.1 -17.6 L72.5 -16.6 L74 -15.6 L75.4 -14.6 L76.7 -13.6 L78 -12.6 L79.3 -11.6 L80.4 -10.6 L81.3 -9.6 L81.9 -8.6 L82 -7.6 L81.5 -6.6 L80.6 -5.6 L79.5 -4.6 L78.3 -3.6 L77 -2.6 L75.6 -1.6 L74.2 -0.6 L72.8 0.4 M50.9 15.4 L49.4 16.4 L47.9 17.4 L46.5 18.4 L45 19.4 L43.5 20.4 L42 21.4 L40.6 22.4 L39.1 23.4 L37.6 24.4 L36.2 25.4 L34.7 26.4 L33.2 27.4 L31.8 28.4 L30.3 29.4 L28.9 30.4 L27.5 31.4 L26 32.4 L24.6 33.4 L23.3 34.4 L22 35.4 L20.7 36.4 L19.6 37.4 L18.7 38.4 L18.1 39.4 L18 40.4 L18.5 41.4 L19.4 42.4 L20.5 43.4 L21.7 44.4 L23 45.4 L24.4 46.4 L25.8 47.4 L27.2 48.4 M49.1 63.4 L50.6 64.4 L52.1 65.4 L53.5 66.4 L55 67.4 L56.5 68.4 L58 69.4 L59.4 70.4 L60.9 71.4 L62.4 72.4 L63.8 73.4 L65.3 74.4 L66.8 75.4 L68.2 76.4 L69.7 77.4 L71.1 78.4 L72.5 79.4 L74 80.4 L75.4 81.4 L76.7 82.4 L78 83.4 L79.3 84.4 L80.4 85.4 L81.3 86.4 L81.9 87.4 L82 88.4 L81.5 89.4 L80.6 90.4 L79.5 91.4 L78.3 92.4 L77 93.4 L75.6 94.4 L74.2 95.4 L72.8 96.4 M50.9 111.4 L49.4 112.4 L47.9 113.4 L46.5 114.4 L45 115.4 L43.5 116.4 L42 117.4 L40.6 118.4 L39.1 119.4 L37.6 120.4 L36.2 121.4 L34.7 122.4 L33.2 123.4 L31.8 124.4 L30.3 125.4 L28.9 126.4 L27.5 127.4 L26 128.4 L24.6 129.4 M75.6 -33.6 L74.2 -32.6 L72.8 -31.6 M50.9 -16.6 L49.4 -15.6 L47.9 -14.6 L46.5 -13.6 L45 -12.6 L43.5 -11.6 L42 -10.6 L40.6 -9.6 L39.1 -8.6 L37.6 -7.6 L36.2 -6.6 L34.7 -5.6 L33.2 -4.6 L31.8 -3.6 L30.3 -2.6 L28.9 -1.6 L27.5 -0.6 L26 0.4 L24.6 1.4 L23.3 2.4 L22 3.4 L20.7 4.4 L19.6 5.4 L18.7 6.4 L18.1 7.4 L18 8.4 L18.5 9.4 L19.4 10.4 L20.5 11.4 L21.7 12.4 L23 13.4 L24.4 14.4 L25.8 15.4 L27.2 16.4 M49.1 31.4 L50.6 32.4 L52.1 33.4 L53.5 34.4 L55 35.4 L56.5 36.4 L58 37.4 L59.4 38.4 L60.9 39.4 L62.4 40.4 L63.8 41.4 L65.3 42.4 L66.8 43.4 L68.2 44.4 L69.7 45.4 L71.1 46.4 L72.5 47.4 L74 48.4 L75.4 49.4 L76.7 50.4 L78 51.4 L79.3 52.4 L80.4 53.4 L81.3 54.4 L81.9 55.4 L82 56.4 L81.5 57.4 L80.6 58.4 L79.5 59.4 L78.3 60.4 L77 61.4 L75.6 62.4 L74.2 63.4 L72.8 64.4 M50.9 79.4 L49.4 80.4 L47.9 81.4 L46.5 82.4 L45 83.4 L43.5 84.4 L42 85.4 L40.6 86.4 L39.1 87.4 L37.6 88.4 L36.2 89.4 L34.7 90.4 L33.2 91.4 L31.8 92.4 L30.3 93.4 L28.9 94.4 L27.5 95.4 L26 96.4 L24.6 97.4 L23.3 98.4 L22 99.4 L20.7 100.4 L19.6 101.4 L18.7 102.4 L18.1 103.4 L18 104.4 L18.5 105.4 L19.4 106.4 L20.5 107.4 L21.7 108.4 L23 109.4 L24.4 110.4 L25.8 111.4 L27.2 112.4 M49.1 127.4 L50.6 128.4 L52.1 129.4' fill='none' stroke='%23000' stroke-width='7.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/svg%3E"); } .ch-czs-saxon .czband { --th: calc(var(--cz-w) * 1.120); --m1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='112' viewBox='0 0 100 112'%3E%3Cpath d='M30.2 -39.2 L29.1 -38.2 L27.9 -37.2 L26.8 -36.2 L25.7 -35.2 L24.6 -34.2 L23.5 -33.2 L22.5 -32.2 L21.6 -31.2 L20.8 -30.2 L20.3 -29.2 L20 -28.2 L20.1 -27.2 L20.6 -26.2 L21.3 -25.2 L22.2 -24.2 L23.1 -23.2 L24.2 -22.2 L25.2 -21.2 L26.3 -20.2 M41.5 -7.2 L42.6 -6.2 L43.8 -5.2 L45 -4.2 L46.2 -3.2 L47.4 -2.2 L48.6 -1.2 L49.8 -0.2 L50.9 0.8 L52.1 1.8 L53.3 2.8 L54.5 3.8 L55.7 4.8 L56.9 5.8 L58.1 6.8 L59.2 7.8 M74.3 20.8 L75.4 21.8 L76.5 22.8 L77.5 23.8 L78.4 24.8 L79.2 25.8 L79.7 26.8 L80 27.8 L79.9 28.8 L79.4 29.8 L78.7 30.8 L77.8 31.8 L76.9 32.8 L75.8 33.8 L74.8 34.8 L73.7 35.8 L72.5 36.8 L71.4 37.8 L70.3 38.8 L69.1 39.8 L67.9 40.8 L66.8 41.8 L65.6 42.8 L64.4 43.8 L63.3 44.8 L62.1 45.8 L60.9 46.8 L59.7 47.8 L58.5 48.8 L57.4 49.8 M41.9 62.8 L40.8 63.8 L39.6 64.8 L38.4 65.8 L37.2 66.8 L36 67.8 L34.9 68.8 L33.7 69.8 L32.5 70.8 L31.4 71.8 L30.2 72.8 L29.1 73.8 L27.9 74.8 L26.8 75.8 L25.7 76.8 L24.6 77.8 L23.5 78.8 L22.5 79.8 L21.6 80.8 L20.8 81.8 L20.3 82.8 L20 83.8 L20.1 84.8 L20.6 85.8 L21.3 86.8 L22.2 87.8 L23.1 88.8 L24.2 89.8 L25.2 90.8 L26.3 91.8 M41.5 104.8 L42.6 105.8 L43.8 106.8 L45 107.8 L46.2 108.8 L47.4 109.8 L48.6 110.8 L49.8 111.8 L50.9 112.8 L52.1 113.8 L53.3 114.8 L54.5 115.8 L55.7 116.8 L56.9 117.8 L58.1 118.8 L59.2 119.8 M74.3 132.8 L75.4 133.8 L76.5 134.8 L77.5 135.8 L78.4 136.8 L79.2 137.8 L79.7 138.8 L80 139.8 L79.9 140.8 L79.4 141.8 L78.7 142.8 L77.8 143.8 L76.9 144.8 L75.8 145.8 L74.8 146.8 L73.7 147.8 L72.5 148.8 L71.4 149.8 L70.3 150.8 M36.7 -39.2 L37.9 -38.2 L39.1 -37.2 L40.3 -36.2 L41.5 -35.2 L42.6 -34.2 L43.8 -33.2 L45 -32.2 L46.2 -31.2 L47.4 -30.2 L48.6 -29.2 L49.8 -28.2 L50.9 -27.2 L52.1 -26.2 L53.3 -25.2 L54.5 -24.2 L55.7 -23.2 L56.9 -22.2 L58.1 -21.2 L59.2 -20.2 M74.3 -7.2 L75.4 -6.2 L76.5 -5.2 L77.5 -4.2 L78.4 -3.2 L79.2 -2.2 L79.7 -1.2 L80 -0.2 L79.9 0.8 L79.4 1.8 L78.7 2.8 L77.8 3.8 L76.9 4.8 L75.8 5.8 L74.8 6.8 L73.7 7.8 L72.5 8.8 L71.4 9.8 L70.3 10.8 L69.1 11.8 L67.9 12.8 L66.8 13.8 L65.6 14.8 L64.4 15.8 L63.3 16.8 L62.1 17.8 L60.9 18.8 L59.7 19.8 L58.5 20.8 L57.4 21.8 M41.9 34.8 L40.8 35.8 L39.6 36.8 L38.4 37.8 L37.2 38.8 L36 39.8 L34.9 40.8 L33.7 41.8 L32.5 42.8 L31.4 43.8 L30.2 44.8 L29.1 45.8 L27.9 46.8 L26.8 47.8 L25.7 48.8 L24.6 49.8 L23.5 50.8 L22.5 51.8 L21.6 52.8 L20.8 53.8 L20.3 54.8 L20 55.8 L20.1 56.8 L20.6 57.8 L21.3 58.8 L22.2 59.8 L23.1 60.8 L24.2 61.8 L25.2 62.8 L26.3 63.8 M41.5 76.8 L42.6 77.8 L43.8 78.8 L45 79.8 L46.2 80.8 L47.4 81.8 L48.6 82.8 L49.8 83.8 L50.9 84.8 L52.1 85.8 L53.3 86.8 L54.5 87.8 L55.7 88.8 L56.9 89.8 L58.1 90.8 L59.2 91.8 M74.3 104.8 L75.4 105.8 L76.5 106.8 L77.5 107.8 L78.4 108.8 L79.2 109.8 L79.7 110.8 L80 111.8 L79.9 112.8 L79.4 113.8 L78.7 114.8 L77.8 115.8 L76.9 116.8 L75.8 117.8 L74.8 118.8 L73.7 119.8 L72.5 120.8 L71.4 121.8 L70.3 122.8 L69.1 123.8 L67.9 124.8 L66.8 125.8 L65.6 126.8 L64.4 127.8 L63.3 128.8 L62.1 129.8 L60.9 130.8 L59.7 131.8 L58.5 132.8 L57.4 133.8 M41.9 146.8 L40.8 147.8 L39.6 148.8 L38.4 149.8 L37.2 150.8 M69.8 -39.2 L70.9 -38.2 L72.1 -37.2 L73.2 -36.2 L74.3 -35.2 L75.4 -34.2 L76.5 -33.2 L77.5 -32.2 L78.4 -31.2 L79.2 -30.2 L79.7 -29.2 L80 -28.2 L79.9 -27.2 L79.4 -26.2 L78.7 -25.2 L77.8 -24.2 L76.9 -23.2 L75.8 -22.2 L74.8 -21.2 L73.7 -20.2 L72.5 -19.2 L71.4 -18.2 L70.3 -17.2 L69.1 -16.2 L67.9 -15.2 L66.8 -14.2 L65.6 -13.2 L64.4 -12.2 L63.3 -11.2 L62.1 -10.2 L60.9 -9.2 L59.7 -8.2 L58.5 -7.2 L57.4 -6.2 M41.9 6.8 L40.8 7.8 L39.6 8.8 L38.4 9.8 L37.2 10.8 L36 11.8 L34.9 12.8 L33.7 13.8 L32.5 14.8 L31.4 15.8 L30.2 16.8 L29.1 17.8 L27.9 18.8 L26.8 19.8 L25.7 20.8 L24.6 21.8 L23.5 22.8 L22.5 23.8 L21.6 24.8 L20.8 25.8 L20.3 26.8 L20 27.8 L20.1 28.8 L20.6 29.8 L21.3 30.8 L22.2 31.8 L23.1 32.8 L24.2 33.8 L25.2 34.8 L26.3 35.8 M41.5 48.8 L42.6 49.8 L43.8 50.8 L45 51.8 L46.2 52.8 L47.4 53.8 L48.6 54.8 L49.8 55.8 L50.9 56.8 L52.1 57.8 L53.3 58.8 L54.5 59.8 L55.7 60.8 L56.9 61.8 L58.1 62.8 L59.2 63.8 M74.3 76.8 L75.4 77.8 L76.5 78.8 L77.5 79.8 L78.4 80.8 L79.2 81.8 L79.7 82.8 L80 83.8 L79.9 84.8 L79.4 85.8 L78.7 86.8 L77.8 87.8 L76.9 88.8 L75.8 89.8 L74.8 90.8 L73.7 91.8 L72.5 92.8 L71.4 93.8 L70.3 94.8 L69.1 95.8 L67.9 96.8 L66.8 97.8 L65.6 98.8 L64.4 99.8 L63.3 100.8 L62.1 101.8 L60.9 102.8 L59.7 103.8 L58.5 104.8 L57.4 105.8 M41.9 118.8 L40.8 119.8 L39.6 120.8 L38.4 121.8 L37.2 122.8 L36 123.8 L34.9 124.8 L33.7 125.8 L32.5 126.8 L31.4 127.8 L30.2 128.8 L29.1 129.8 L27.9 130.8 L26.8 131.8 L25.7 132.8 L24.6 133.8 L23.5 134.8 L22.5 135.8 L21.6 136.8 L20.8 137.8 L20.3 138.8 L20 139.8 L20.1 140.8 L20.6 141.8 L21.3 142.8 L22.2 143.8 L23.1 144.8 L24.2 145.8 L25.2 146.8 L26.3 147.8 L27.5 148.8 L28.6 149.8 L29.7 150.8 M63.3 -39.2 L62.1 -38.2 L60.9 -37.2 L59.7 -36.2 L58.5 -35.2 L57.4 -34.2 M41.9 -21.2 L40.8 -20.2 L39.6 -19.2 L38.4 -18.2 L37.2 -17.2 L36 -16.2 L34.9 -15.2 L33.7 -14.2 L32.5 -13.2 L31.4 -12.2 L30.2 -11.2 L29.1 -10.2 L27.9 -9.2 L26.8 -8.2 L25.7 -7.2 L24.6 -6.2 L23.5 -5.2 L22.5 -4.2 L21.6 -3.2 L20.8 -2.2 L20.3 -1.2 L20 -0.2 L20.1 0.8 L20.6 1.8 L21.3 2.8 L22.2 3.8 L23.1 4.8 L24.2 5.8 L25.2 6.8 L26.3 7.8 M41.5 20.8 L42.6 21.8 L43.8 22.8 L45 23.8 L46.2 24.8 L47.4 25.8 L48.6 26.8 L49.8 27.8 L50.9 28.8 L52.1 29.8 L53.3 30.8 L54.5 31.8 L55.7 32.8 L56.9 33.8 L58.1 34.8 L59.2 35.8 M74.3 48.8 L75.4 49.8 L76.5 50.8 L77.5 51.8 L78.4 52.8 L79.2 53.8 L79.7 54.8 L80 55.8 L79.9 56.8 L79.4 57.8 L78.7 58.8 L77.8 59.8 L76.9 60.8 L75.8 61.8 L74.8 62.8 L73.7 63.8 L72.5 64.8 L71.4 65.8 L70.3 66.8 L69.1 67.8 L67.9 68.8 L66.8 69.8 L65.6 70.8 L64.4 71.8 L63.3 72.8 L62.1 73.8 L60.9 74.8 L59.7 75.8 L58.5 76.8 L57.4 77.8 M41.9 90.8 L40.8 91.8 L39.6 92.8 L38.4 93.8 L37.2 94.8 L36 95.8 L34.9 96.8 L33.7 97.8 L32.5 98.8 L31.4 99.8 L30.2 100.8 L29.1 101.8 L27.9 102.8 L26.8 103.8 L25.7 104.8 L24.6 105.8 L23.5 106.8 L22.5 107.8 L21.6 108.8 L20.8 109.8 L20.3 110.8 L20 111.8 L20.1 112.8 L20.6 113.8 L21.3 114.8 L22.2 115.8 L23.1 116.8 L24.2 117.8 L25.2 118.8 L26.3 119.8 M41.5 132.8 L42.6 133.8 L43.8 134.8 L45 135.8 L46.2 136.8 L47.4 137.8 L48.6 138.8 L49.8 139.8 L50.9 140.8 L52.1 141.8 L53.3 142.8 L54.5 143.8 L55.7 144.8 L56.9 145.8 L58.1 146.8 L59.2 147.8 L60.4 148.8 L61.6 149.8 L62.8 150.8' fill='none' stroke='%23000' stroke-width='9.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/svg%3E"); --m2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='112' viewBox='0 0 100 112'%3E%3Cpath d='M30.2 -39.2 L29.1 -38.2 L27.9 -37.2 L26.8 -36.2 L25.7 -35.2 L24.6 -34.2 L23.5 -33.2 L22.5 -32.2 L21.6 -31.2 L20.8 -30.2 L20.3 -29.2 L20 -28.2 L20.1 -27.2 L20.6 -26.2 L21.3 -25.2 L22.2 -24.2 L23.1 -23.2 L24.2 -22.2 L25.2 -21.2 L26.3 -20.2 M41.5 -7.2 L42.6 -6.2 L43.8 -5.2 L45 -4.2 L46.2 -3.2 L47.4 -2.2 L48.6 -1.2 L49.8 -0.2 L50.9 0.8 L52.1 1.8 L53.3 2.8 L54.5 3.8 L55.7 4.8 L56.9 5.8 L58.1 6.8 L59.2 7.8 M74.3 20.8 L75.4 21.8 L76.5 22.8 L77.5 23.8 L78.4 24.8 L79.2 25.8 L79.7 26.8 L80 27.8 L79.9 28.8 L79.4 29.8 L78.7 30.8 L77.8 31.8 L76.9 32.8 L75.8 33.8 L74.8 34.8 L73.7 35.8 L72.5 36.8 L71.4 37.8 L70.3 38.8 L69.1 39.8 L67.9 40.8 L66.8 41.8 L65.6 42.8 L64.4 43.8 L63.3 44.8 L62.1 45.8 L60.9 46.8 L59.7 47.8 L58.5 48.8 L57.4 49.8 M41.9 62.8 L40.8 63.8 L39.6 64.8 L38.4 65.8 L37.2 66.8 L36 67.8 L34.9 68.8 L33.7 69.8 L32.5 70.8 L31.4 71.8 L30.2 72.8 L29.1 73.8 L27.9 74.8 L26.8 75.8 L25.7 76.8 L24.6 77.8 L23.5 78.8 L22.5 79.8 L21.6 80.8 L20.8 81.8 L20.3 82.8 L20 83.8 L20.1 84.8 L20.6 85.8 L21.3 86.8 L22.2 87.8 L23.1 88.8 L24.2 89.8 L25.2 90.8 L26.3 91.8 M41.5 104.8 L42.6 105.8 L43.8 106.8 L45 107.8 L46.2 108.8 L47.4 109.8 L48.6 110.8 L49.8 111.8 L50.9 112.8 L52.1 113.8 L53.3 114.8 L54.5 115.8 L55.7 116.8 L56.9 117.8 L58.1 118.8 L59.2 119.8 M74.3 132.8 L75.4 133.8 L76.5 134.8 L77.5 135.8 L78.4 136.8 L79.2 137.8 L79.7 138.8 L80 139.8 L79.9 140.8 L79.4 141.8 L78.7 142.8 L77.8 143.8 L76.9 144.8 L75.8 145.8 L74.8 146.8 L73.7 147.8 L72.5 148.8 L71.4 149.8 L70.3 150.8 M36.7 -39.2 L37.9 -38.2 L39.1 -37.2 L40.3 -36.2 L41.5 -35.2 L42.6 -34.2 L43.8 -33.2 L45 -32.2 L46.2 -31.2 L47.4 -30.2 L48.6 -29.2 L49.8 -28.2 L50.9 -27.2 L52.1 -26.2 L53.3 -25.2 L54.5 -24.2 L55.7 -23.2 L56.9 -22.2 L58.1 -21.2 L59.2 -20.2 M74.3 -7.2 L75.4 -6.2 L76.5 -5.2 L77.5 -4.2 L78.4 -3.2 L79.2 -2.2 L79.7 -1.2 L80 -0.2 L79.9 0.8 L79.4 1.8 L78.7 2.8 L77.8 3.8 L76.9 4.8 L75.8 5.8 L74.8 6.8 L73.7 7.8 L72.5 8.8 L71.4 9.8 L70.3 10.8 L69.1 11.8 L67.9 12.8 L66.8 13.8 L65.6 14.8 L64.4 15.8 L63.3 16.8 L62.1 17.8 L60.9 18.8 L59.7 19.8 L58.5 20.8 L57.4 21.8 M41.9 34.8 L40.8 35.8 L39.6 36.8 L38.4 37.8 L37.2 38.8 L36 39.8 L34.9 40.8 L33.7 41.8 L32.5 42.8 L31.4 43.8 L30.2 44.8 L29.1 45.8 L27.9 46.8 L26.8 47.8 L25.7 48.8 L24.6 49.8 L23.5 50.8 L22.5 51.8 L21.6 52.8 L20.8 53.8 L20.3 54.8 L20 55.8 L20.1 56.8 L20.6 57.8 L21.3 58.8 L22.2 59.8 L23.1 60.8 L24.2 61.8 L25.2 62.8 L26.3 63.8 M41.5 76.8 L42.6 77.8 L43.8 78.8 L45 79.8 L46.2 80.8 L47.4 81.8 L48.6 82.8 L49.8 83.8 L50.9 84.8 L52.1 85.8 L53.3 86.8 L54.5 87.8 L55.7 88.8 L56.9 89.8 L58.1 90.8 L59.2 91.8 M74.3 104.8 L75.4 105.8 L76.5 106.8 L77.5 107.8 L78.4 108.8 L79.2 109.8 L79.7 110.8 L80 111.8 L79.9 112.8 L79.4 113.8 L78.7 114.8 L77.8 115.8 L76.9 116.8 L75.8 117.8 L74.8 118.8 L73.7 119.8 L72.5 120.8 L71.4 121.8 L70.3 122.8 L69.1 123.8 L67.9 124.8 L66.8 125.8 L65.6 126.8 L64.4 127.8 L63.3 128.8 L62.1 129.8 L60.9 130.8 L59.7 131.8 L58.5 132.8 L57.4 133.8 M41.9 146.8 L40.8 147.8 L39.6 148.8 L38.4 149.8 L37.2 150.8 M69.8 -39.2 L70.9 -38.2 L72.1 -37.2 L73.2 -36.2 L74.3 -35.2 L75.4 -34.2 L76.5 -33.2 L77.5 -32.2 L78.4 -31.2 L79.2 -30.2 L79.7 -29.2 L80 -28.2 L79.9 -27.2 L79.4 -26.2 L78.7 -25.2 L77.8 -24.2 L76.9 -23.2 L75.8 -22.2 L74.8 -21.2 L73.7 -20.2 L72.5 -19.2 L71.4 -18.2 L70.3 -17.2 L69.1 -16.2 L67.9 -15.2 L66.8 -14.2 L65.6 -13.2 L64.4 -12.2 L63.3 -11.2 L62.1 -10.2 L60.9 -9.2 L59.7 -8.2 L58.5 -7.2 L57.4 -6.2 M41.9 6.8 L40.8 7.8 L39.6 8.8 L38.4 9.8 L37.2 10.8 L36 11.8 L34.9 12.8 L33.7 13.8 L32.5 14.8 L31.4 15.8 L30.2 16.8 L29.1 17.8 L27.9 18.8 L26.8 19.8 L25.7 20.8 L24.6 21.8 L23.5 22.8 L22.5 23.8 L21.6 24.8 L20.8 25.8 L20.3 26.8 L20 27.8 L20.1 28.8 L20.6 29.8 L21.3 30.8 L22.2 31.8 L23.1 32.8 L24.2 33.8 L25.2 34.8 L26.3 35.8 M41.5 48.8 L42.6 49.8 L43.8 50.8 L45 51.8 L46.2 52.8 L47.4 53.8 L48.6 54.8 L49.8 55.8 L50.9 56.8 L52.1 57.8 L53.3 58.8 L54.5 59.8 L55.7 60.8 L56.9 61.8 L58.1 62.8 L59.2 63.8 M74.3 76.8 L75.4 77.8 L76.5 78.8 L77.5 79.8 L78.4 80.8 L79.2 81.8 L79.7 82.8 L80 83.8 L79.9 84.8 L79.4 85.8 L78.7 86.8 L77.8 87.8 L76.9 88.8 L75.8 89.8 L74.8 90.8 L73.7 91.8 L72.5 92.8 L71.4 93.8 L70.3 94.8 L69.1 95.8 L67.9 96.8 L66.8 97.8 L65.6 98.8 L64.4 99.8 L63.3 100.8 L62.1 101.8 L60.9 102.8 L59.7 103.8 L58.5 104.8 L57.4 105.8 M41.9 118.8 L40.8 119.8 L39.6 120.8 L38.4 121.8 L37.2 122.8 L36 123.8 L34.9 124.8 L33.7 125.8 L32.5 126.8 L31.4 127.8 L30.2 128.8 L29.1 129.8 L27.9 130.8 L26.8 131.8 L25.7 132.8 L24.6 133.8 L23.5 134.8 L22.5 135.8 L21.6 136.8 L20.8 137.8 L20.3 138.8 L20 139.8 L20.1 140.8 L20.6 141.8 L21.3 142.8 L22.2 143.8 L23.1 144.8 L24.2 145.8 L25.2 146.8 L26.3 147.8 L27.5 148.8 L28.6 149.8 L29.7 150.8 M63.3 -39.2 L62.1 -38.2 L60.9 -37.2 L59.7 -36.2 L58.5 -35.2 L57.4 -34.2 M41.9 -21.2 L40.8 -20.2 L39.6 -19.2 L38.4 -18.2 L37.2 -17.2 L36 -16.2 L34.9 -15.2 L33.7 -14.2 L32.5 -13.2 L31.4 -12.2 L30.2 -11.2 L29.1 -10.2 L27.9 -9.2 L26.8 -8.2 L25.7 -7.2 L24.6 -6.2 L23.5 -5.2 L22.5 -4.2 L21.6 -3.2 L20.8 -2.2 L20.3 -1.2 L20 -0.2 L20.1 0.8 L20.6 1.8 L21.3 2.8 L22.2 3.8 L23.1 4.8 L24.2 5.8 L25.2 6.8 L26.3 7.8 M41.5 20.8 L42.6 21.8 L43.8 22.8 L45 23.8 L46.2 24.8 L47.4 25.8 L48.6 26.8 L49.8 27.8 L50.9 28.8 L52.1 29.8 L53.3 30.8 L54.5 31.8 L55.7 32.8 L56.9 33.8 L58.1 34.8 L59.2 35.8 M74.3 48.8 L75.4 49.8 L76.5 50.8 L77.5 51.8 L78.4 52.8 L79.2 53.8 L79.7 54.8 L80 55.8 L79.9 56.8 L79.4 57.8 L78.7 58.8 L77.8 59.8 L76.9 60.8 L75.8 61.8 L74.8 62.8 L73.7 63.8 L72.5 64.8 L71.4 65.8 L70.3 66.8 L69.1 67.8 L67.9 68.8 L66.8 69.8 L65.6 70.8 L64.4 71.8 L63.3 72.8 L62.1 73.8 L60.9 74.8 L59.7 75.8 L58.5 76.8 L57.4 77.8 M41.9 90.8 L40.8 91.8 L39.6 92.8 L38.4 93.8 L37.2 94.8 L36 95.8 L34.9 96.8 L33.7 97.8 L32.5 98.8 L31.4 99.8 L30.2 100.8 L29.1 101.8 L27.9 102.8 L26.8 103.8 L25.7 104.8 L24.6 105.8 L23.5 106.8 L22.5 107.8 L21.6 108.8 L20.8 109.8 L20.3 110.8 L20 111.8 L20.1 112.8 L20.6 113.8 L21.3 114.8 L22.2 115.8 L23.1 116.8 L24.2 117.8 L25.2 118.8 L26.3 119.8 M41.5 132.8 L42.6 133.8 L43.8 134.8 L45 135.8 L46.2 136.8 L47.4 137.8 L48.6 138.8 L49.8 139.8 L50.9 140.8 L52.1 141.8 L53.3 142.8 L54.5 143.8 L55.7 144.8 L56.9 145.8 L58.1 146.8 L59.2 147.8 L60.4 148.8 L61.6 149.8 L62.8 150.8' fill='none' stroke='%23000' stroke-width='5.2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/svg%3E"); } .czband::before, .czband::after { content: ""; position: absolute; inset: 0; display: none; -webkit-mask: var(--m1) 0 0 / 100% var(--th) repeat-y; mask: var(--m1) 0 0 / 100% var(--th) repeat-y; } .czband::after { -webkit-mask-image: var(--m2); mask-image: var(--m2); } .czl::before, .czl::after { transform: scaleX(-1); } .ch-czs-meander .czband::before, .ch-czs-meander .czband::after, .ch-czs-wave .czband::before, .ch-czs-wave .czband::after, .ch-czs-eggdart .czband::before, .ch-czs-eggdart .czband::after, .ch-czs-beadreel .czband::before, .ch-czs-beadreel .czband::after, .ch-czs-laurel .czband::before, .ch-czs-laurel .czband::after, .ch-czs-rinceau .czband::before, .ch-czs-rinceau .czband::after, .ch-czs-romanbraid .czband::before, .ch-czs-romanbraid .czband::after, .ch-czs-celtic .czband::before, .ch-czs-celtic .czband::after, .ch-czs-saxon .czband::before, .ch-czs-saxon .czband::after { display: block; } .czband { --gilt: linear-gradient(90deg, color-mix(in srgb, var(--cz-gold) 70%, #000), color-mix(in srgb, var(--cz-gold) 72%, #fff) 46%, var(--cz-gold) 62%, color-mix(in srgb, var(--cz-gold) 66%, #000)); --ink: color-mix(in srgb, var(--cz-b) 35%, #120e0a); --edge: linear-gradient(90deg, var(--cz-marble) 0 5%, transparent 5% 95%, var(--cz-marble) 95%); } /* Greek key: gold key on the dark ground, marble fillets */ .ch-czs-meander .czband { background: var(--cz-b); } .ch-czs-meander .czband::before { background: var(--gilt); } .ch-czs-meander .czband::after { background: var(--cz-marble); } /* wave scroll */ .ch-czs-wave .czband { background: var(--cz-b); } .ch-czs-wave .czband::before { background: var(--gilt); } .ch-czs-wave .czband::after { background: var(--cz-marble); } /* egg and dart: gilded shells and darts, marble eggs modelled as if carved */ .ch-czs-eggdart .czband { background: color-mix(in srgb, var(--cz-b) 85%, #000); } .ch-czs-eggdart .czband::before { background: var(--gilt); } .ch-czs-eggdart .czband::after { background: radial-gradient(ellipse 60% 140% at 70% 50%, color-mix(in srgb, var(--cz-marble) 70%, #fff), var(--cz-marble) 55%, color-mix(in srgb, var(--cz-marble) 78%, #000)); } /* bead and reel: gilded, rounded */ .ch-czs-beadreel .czband { background: var(--cz-b); } .ch-czs-beadreel .czband::before { background: var(--gilt); } .ch-czs-beadreel .czband::after { background: var(--cz-marble); } /* laurel garland */ .ch-czs-laurel .czband { background: var(--edge), var(--cz-b); } .ch-czs-laurel .czband::before { background: var(--gilt); } .ch-czs-laurel .czband::after { background: var(--cz-marble); } /* Renaissance vine scroll */ .ch-czs-rinceau .czband { background: var(--edge), var(--cz-b); } .ch-czs-rinceau .czband::before { background: var(--gilt); } .ch-czs-rinceau .czband::after { background: var(--cz-a); } /* Roman guilloche: marble outlines and pellets, strands in the first colour */ .ch-czs-romanbraid .czband { background: var(--edge), var(--cz-b); } .ch-czs-romanbraid .czband::before { background: var(--cz-marble); } .ch-czs-romanbraid .czband::after { background: linear-gradient(90deg, color-mix(in srgb, var(--cz-a) 70%, #000), color-mix(in srgb, var(--cz-a) 80%, #fff) 50%, color-mix(in srgb, var(--cz-a) 70%, #000)); } /* Celtic plait: gold strands outlined in ink on the first colour, as in the Gospel books */ .ch-czs-celtic .czband { background: var(--edge), var(--cz-a); } .ch-czs-celtic .czband::before { background: var(--ink); } .ch-czs-celtic .czband::after { background: var(--cz-gold); } /* Anglo-Saxon interlace: finer four-strand plait with rows of red dots (Lindisfarne) */ .ch-czs-saxon .czband { background: radial-gradient(circle, var(--cz-a) 0 1.4px, transparent 1.9px) 0 0 / 7% 6px repeat-y, radial-gradient(circle, var(--cz-a) 0 1.4px, transparent 1.9px) 100% 0 / 7% 6px repeat-y, linear-gradient(90deg, var(--cz-marble) 0 7%, transparent 7% 93%, var(--cz-marble) 93%), var(--cz-b); } .ch-czs-saxon .czband::before { background: var(--ink); -webkit-mask-size: 86% calc(var(--th) * .86); mask-size: 86% calc(var(--th) * .86); -webkit-mask-position: 50% 0; mask-position: 50% 0; } .ch-czs-saxon .czband::after { background: var(--cz-gold); -webkit-mask-size: 86% calc(var(--th) * .86); mask-size: 86% calc(var(--th) * .86); -webkit-mask-position: 50% 0; mask-position: 50% 0; } /* ---- the arrangement ---- */ .ch-display { left: var(--inset-l); right: var(--inset-r); bottom: var(--disp-b); height: var(--bh); display: flex; align-items: flex-end; justify-content: center; z-index: 6; } /* ---- the current issue ---- */ .ch-object { position: relative; display: block; flex: none; height: 100%; aspect-ratio: var(--ch-ratio); perspective: 2200px; perspective-origin: 30% 100%; } .ch-object::before { /* cast shadow on the ledge */ content: ""; position: absolute; left: 8%; bottom: -1px; width: 92%; height: 8%; background: linear-gradient(90deg, rgba(var(--shade),.6), rgba(var(--shade),.18) 65%, transparent 95%); transform-origin: 0 100%; transform: skewX(-60deg); filter: blur(6px); z-index: -1; opacity: var(--cs); } .ch-object::after { /* contact shadow */ content: ""; position: absolute; left: 1%; right: -2%; bottom: -3px; height: 6px; border-radius: 50%; background: rgba(var(--shade),.6); filter: blur(3px); z-index: -1; opacity: var(--cs); } .ch-ledge-none .ch-object::before, .ch-ledge-none .ch-object::after { display: none; } .ch-book { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateY(-16deg); transform-origin: 0% 100%; transition: transform .6s cubic-bezier(.2,.7,.2,1); } .ch-cover, .ch-pages { position: absolute; backface-visibility: hidden; } .ch-cover { inset: 0; overflow: hidden; border-radius: 1px 2px 2px 1px; box-shadow: 0 1px 1px rgba(0,0,0,.2), 10px 14px 28px -10px rgba(var(--shade), calc(.8 * var(--cs))), 34px 30px 60px -24px rgba(var(--shade), calc(.55 * var(--cs))); } /* The artwork: shown as supplied. Nothing is layered over it. */ .ch-cover img { display: block; width: 100%; height: 100%; object-fit: cover; } .ch-present-standing .ch-cover::before { /* hinge crease of a printed cover */ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5%; pointer-events: none; background: linear-gradient(90deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.04) 25%, rgba(255,255,255,.08) 50%, rgba(0,0,0,.10) 70%, rgba(0,0,0,0) 100%); } .ch-pages { top: .6%; bottom: .4%; right: 0; width: 9%; transform-origin: 100% 50%; transform: rotateY(90deg); background: repeating-linear-gradient(90deg, rgba(120,104,80,.18) 0 1px, transparent 1px 2.5px), linear-gradient(90deg, #d9d0bf, #f3eee3 40%, #e6dece); box-shadow: inset 0 0 6px rgba(0,0,0,.15); } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .ch-present-standing:hover .ch-book { transform: rotateY(-11deg); } } /* ---- Flat: straight on, with adjustable border, mat and shadow ---- */ .ch-present-flat .ch-stage { --edge: calc(var(--mat-w) + var(--frame-w)); --bh: min(calc(100cqh - var(--surface) - var(--floor) - var(--ceil) - 14cqh - var(--edge) * 2 - var(--cvr-y, 0px)), 400px, 110cqw, calc((100cqw - var(--inset-l) - var(--inset-r) - var(--cvr-x) - 8cqw - var(--edge) * 2) / var(--ch-r))); --disp-b: calc(var(--floor) + var(--surface) + (100cqh - var(--surface) - var(--floor) - var(--ceil) - var(--bh)) / 2); } .ch-present-flat .ch-book { transform: none; } .ch-present-flat .ch-pages, .ch-present-flat .ch-object::before, .ch-present-flat .ch-object::after { display: none; } .ch-present-flat .ch-cover { overflow: visible; border-radius: 0; box-shadow: 0 0 0 var(--mat-w) var(--mat-c), 0 0 0 calc(var(--mat-w) + var(--frame-w)) var(--frame-c), 0 0 0 calc(var(--mat-w) + var(--frame-w) + .5px) rgba(0,0,0,.2), 6px 12px 26px -6px rgba(var(--shade), calc(.7 * var(--cs))); } /* ---- image credit ---- */ .ch-credit { display: block; right: var(--inset-r); bottom: var(--floor); z-index: 7; pointer-events: auto; max-width: 90%; padding: 3px 8px; font-size: 10px; line-height: 1.35; color: rgba(255,255,255,.92); background: rgba(0,0,0,.38); } .ch-credit a { color: inherit; text-decoration: underline; } .ch-credit-i { display: none; } /* discreet: a small ⓘ in the corner; the credit opens on hover, focus or tap */ .ch-credit.ch-credit-icon { right: calc(var(--inset-r) + 8px); bottom: calc(var(--floor) + 8px); padding: 0; background: none; max-width: min(90%, 420px); display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 6px; outline: none; } .ch-credit-icon .ch-credit-i { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; font: italic 600 11px/1 Georgia, 'Times New Roman', serif; color: rgba(255,255,255,.95); background: rgba(0,0,0,.32); box-shadow: 0 0 0 1px rgba(255,255,255,.35); opacity: .7; transition: opacity .2s; cursor: help; } .ch-credit-icon .ch-credit-t { padding: 3px 8px; background: rgba(0,0,0,.6); border-radius: 2px; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity .2s, transform .2s, visibility 0s .2s; } .ch-credit-icon:hover .ch-credit-i, .ch-credit-icon:focus .ch-credit-i, .ch-credit-icon:focus-within .ch-credit-i { opacity: 1; } .ch-credit-icon:hover .ch-credit-t, .ch-credit-icon:focus .ch-credit-t, .ch-credit-icon:focus-within .ch-credit-t { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s; } .ch-credit .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* ============================ Responsive ================================ */ @media (max-width: 760px) { .ch-hero { grid-template-columns: 1fr; min-height: 0; --cz-w: min(var(--cz-w-set, 52px), 30px); } .ch-stage { order: -1; height: clamp(320px, 92vw, 440px); } .ch-panel { --pad-y: 36px; --pad-x: 24px; } /* whole-banner bands when stacked: the top band sits on the picture, the bottom band under the text, and the side bands run down both: keep the picture's contents and the text clear of them */ .ch-czsc-hero.ch-cz-B .ch-stage { --floor: 0px; } .ch-czsc-hero.ch-cz-T { --pe-t: 0px; } .ch-czsc-hero.ch-cz-L .ch-stage { --inset-l: var(--cz-w); } .ch-czsc-hero.ch-cz-R { --pe-r: var(--cz-w); } /* a band beside the text (picture's left side) moves to where picture and text now meet: the picture's foot */ .ch-czsc-stage.ch-cz-L .ch-stage { --inset-l: 0px; } .ch-czsc-stage.ch-cz-L .ch-cz-in .czl, .ch-czsc-stage.ch-cz-L .ch-cz-in .cztl, .ch-czsc-stage.ch-cz-L .ch-cz-in .czbl { display: none; } .ch-czsc-stage.ch-cz-L .ch-cz-in .czb { display: block; } .ch-czsc-stage.ch-cz-L .ch-stage { --floor: var(--cz-w); } /* edges when stacked: the meeting edge is the picture's foot */ .ch-hero { --fade-mask: linear-gradient(0deg, transparent 0, rgba(0,0,0,.1) calc(var(--edge-w) * .2), rgba(0,0,0,.42) calc(var(--edge-w) * .5), rgba(0,0,0,.84) calc(var(--edge-w) * .8), #000 var(--edge-w)); } .ch-edge-shadow .ch-edge::before { background: linear-gradient(0deg, rgba(var(--shade),.36), rgba(var(--shade),.13) 10px, rgba(var(--shade),0) 34px); } .ch-edge-shadow .ch-edge::before { left: 0; bottom: var(--floor); } .ch-edge-fade .ch-ledge, .ch-edge-extend .ch-ledge { -webkit-mask-image: none; mask-image: none; } .ch-edge-extend .ch-panel, .ch-edge-extend .ch-stage { grid-row: auto; grid-column: auto; } .ch-edge-extend .ch-panel { background: none; } .ch-edge-extend .ch-panel > * { max-width: none; } .ch-edge-extend .ch-panel > .ch-dek { max-width: 30ch; } .ch-edge-extend .ch-stage { --inset-l: 0px; } .ch-edge-extend .ch-cz-in { left: 0; } .ch-edge-extend .ch-scene { --scene-mask: var(--fade-mask); } .ch-edge-extend.ch-light-soft .ch-light { -webkit-mask-image: var(--fade-mask); mask-image: var(--fade-mask); } .ch-edgeo-r .ch-edge { --e-l: linear-gradient(90deg, var(--page-c) 0, transparent var(--edge-ow)); } .ch-edgeo-b .ch-edge { --e-b: none; } } @media (prefers-reduced-motion: reduce) { .ch-book { transition: none; } }