<!DOCTYPE html>
<html class="wf-initial-load">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		
			<title>Matthew Ryals</title>
			<script>window.__PRELOADED_STATE__={"structure":{"byParent":{"root":["J2587175247","M2086153169","J2926239532"],"J2587175247":["D0583356179","A1085696676"]},"bySort":{"J2587175247":0,"D0583356179":1,"A1085696676":2,"M2086153169":14,"J2926239532":15},"indexById":{"J2587175247":0,"D0583356179":null,"A1085696676":0,"M2086153169":null,"J2926239532":null},"liveIndexes":{}},"site":{"id":2632335,"direct_link":"https://matthewryals.com","display_url":"matthewryals.com","site_url":"425512","domain":"matthewryals.com","domain_active":true,"domain_purchased":false,"domain_pending":false,"css_url":"https://matthewryals.com/stylesheet","rss_url":"https://matthewryals.com/rss","favicon_url":"https://freight.cargo.site/t/original/i/Z2245353070432590303054467430816/GenEtudes_3.0_DigitalCover-small.ico","website_title":"Matthew Ryals","access_level":"public","is_private":false,"is_deleted":false,"is_upgraded":false,"is_template":false,"show_cargo_logo":false,"has_annex_upgrade":true,"has_domain_addon":true,"has_commerce_addon":false,"has_storage_addon":false,"can_duplicate":false,"can_copy":false,"site_password_enabled":false,"recent_date":"2026-06-11 22:55:24","upgrade_expire_date":"","version":"Cargo3","total_file_size":329579409,"promocode_type":null,"meta_tags":"","homepage_id":"A1085696676","homepage_purl":"homepage-1","mobile_homepage_id":"A1085696676","mobile_homepage_purl":"homepage-1","screenshot":{"id":81957171,"name":"screenshot-0682141788.jpg","hash":"P2981925854002323501862044301728","width":1792,"height":1120,"file_size":null,"file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false},"site_preview_type":"screenshot","site_preview_image":[],"site_preview_url":"https://freight.cargo.site/w/1000/i/P2981925854002323501862044301728/screenshot-0682141788.jpg","has_site_description":true,"site_description":"cargo.site","custom_html":"","shop_id":null,"fonts":[{"family":"Diatype Semi-Mono Variable","provider":"cargo"},{"family":"Diatype Mono Variable","provider":"cargo"},{"family":"Diatype Variable","provider":"cargo"}],"tags":[{"tag":"modular synthesizer","url":"modular-synthesizer"},{"tag":"eurorack","url":"eurorack"},{"tag":"synthesizer","url":"synthesizer"},{"tag":"workshop","url":"workshop"},{"tag":"electronic music","url":"electronic-music"}]},"pages":{"byId":{"D0583356179":{"id":"D0583356179","title":"Nav — desktop","purl":"nav-—-desktop","page_type":"page","content":"\u003ca class=\"website-name\" href=\"homepage-1\" rel=\"history\">Matthew Ryals\u003c/a>\u003cbr />\u003cspan class=\"heading-3\" style=\"line-height: 1.1;\">\u003cul class=\"lineated\">\u003cli>\u003cbr />\u003c/li>\u003cli>\u003cbr />\u003c/li>\u003cli>\u003ca class=\"\" href=\"info\" rel=\"history\" style=\"font-size: calc(var(--font-scale) * var(--font-size)); letter-spacing: 0em;\">Info\u003c/a>\u003c/li>\u003cli>\u003ca class=\"\" href=\"live\" rel=\"history\">Live\u003c/a>\u003c/li>\u003cli>\u003ca class=\"\" href=\"output\" rel=\"history\">Output\u003c/a>\u003c/li>\u003cli>\u003c/li>\u003cli>\u003ca class=\"\" href=\"teaching\" rel=\"history\">Teaching \u003c/a>\u003c/li>\u003cli>\u003ca class=\"\" href=\"collaborations\" rel=\"history\">Collaborations \u003c/a>\u003c/li>\u003cli>\u003ca class=\"\" href=\"creative-audio-work\" rel=\"history\">\u003c/a>\u003c/li>\u003c/ul>\u003cul class=\"lineated\">\u003cli>\u003ca class=\"\" href=\"creative-audio-work\" rel=\"history\">Creative Audio Work \u003c/a>\u003c/li>\u003c/ul>\u003c/span>\u003cspan class=\"heading-3\" style=\"line-height: 1.3; --font-scale: 0.9;\">\u003cul class=\"lineated\">\u003cli>\u003ca href=\"https://modulargrid.net/e/users/view/46127\" target=\"_blank\">\u003ctext-icon icon=\"nav-next\">\u003c/text-icon> ModularGrid\u003c/a>\u003c/li>\u003cli>\u003ca href=\"https://www.instagram.com/artifact.sound.series/\" target=\"_blank\">\n\u003ctext-icon icon=\"nav-next\">\u003c/text-icon> Artifact Series\u003c/a>\u003c/li>\u003cli>\u003cspan style=\"color: rgba(255, 255, 255, 0.75); letter-spacing: 0em;\"> \u003c/span>\u003c/li>\u003c/ul>\u003c/span>\n\u003cbr />\n\u003ca class=\"heading-3\" href=\"https://www.subvert.fm/matthewryals\" style=\"line-height: 1.3; --font-scale: 0.9;\" target=\"_blank\">\u003ctext-icon icon=\"nav-next\">\u003c/text-icon> Subvert\u003cul class=\"lineated\">\u003cli>\u003c/li>\u003c/ul>\u003c/a>\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cspan class=\"caption\" style=\"--font-scale: 0.84;\">© 2026 Matthew Ryals. All rights reserved.\u003c/span>","local_css":"[id=\"D0583356179\"] .page-content {\n\tborder-width: 0rem;\n\tborder-color: rgba(255, 255, 255, 0.85);\n\tborder-style: solid;\n\tborder-radius: 0rem;\n\talign-items: flex-start;\n}\n\n[id=\"D0583356179\"] .page-layout {\n\tmax-width: 22%;\n\tpadding: 0.2rem;\n}\n\n[id=\"D0583356179\"].page {\n\tjustify-content: flex-start;\n\tmin-height: var(--viewport-height);\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"desktop","position":"top","overlay":true,"fixed":true,"adjust":false},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},"A1085696676":{"id":"A1085696676","title":"Homepage","purl":"homepage-1","page_type":"page","content":"\u003c!--  Google tag (gtag.js)  -->\n\u003cscript async=\"\" src=\"https://www.googletagmanager.com/gtag/js?id=AW-11530918713\">\u003c/script>\n\u003cscript>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'AW-11530918713');\n\u003c/script>\n\u003cdiv style=\"text-align: right\">Synthesist, Composer-Improviser, Teacher\u003cbr />\u003c/div>\u003cbr />\u003cbr />\n\u003cbr />\n\u003ccolumn-set gutter=\"0.0rem\" mobile-gutter=\"3.7rem\" mobile-stack=\"true\">\u003ccolumn-unit slot=\"0\" span=\"5\">\u003cdiv style=\"text-align: center\">\u003cmedia-item class=\"linked\" hash=\"K2464228302508527432179423902112\" href=\"https://matthewryals.bandcamp.com/album/exalge\" scale=\"76.2%\" target=\"_blank\">\u003c/media-item>\u003c/div>\u003c/column-unit>\u003ccolumn-unit slot=\"1\" span=\"7\">\u003ch2 style=\"color: rgba(255, 254, 254, 0.75); --font-scale: 1.29;\">\u003cbr />\nNEW ALBUM \u003ci>EXALGE\u003c/i>\u003cbr />\nOUT NOW\u003c/h2>\u003cspan style=\"color: rgb(0, 0, 0);\">\u003cbr />\n\u003cbr />\n\u003cspan style=\"color: rgb(255, 255, 255);\">\u003c/span>\u003c/span>A live, fully improvised album for modular synthesizer and viola by Matthew Ryals and effe effe. Recorded live in concert in Milan, Italy. Available via Infrequent Seams.\u003cbr />\u003cbr />\n\u003cbr />\u003cspan class=\"button-12\" style=\"--font-scale: 1.14;\">\u003ca href=\"https://matthewryals.bandcamp.com/album/exalge\" target=\"_blank\">ORDER VINYL + DIGITAL\u003c/a>\u003cbr />\n\u003c/span>\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003c/column-unit>\u003c/column-set>","local_css":"[id=\"A1085696676\"] .page-layout {\n\tpadding: 0.2rem;\n\tmax-width: 73%;\n}\n\n[id=\"A1085696676\"] .page-content {\n\tborder-width: 0rem;\n\tborder-color: rgba(255, 255, 255, 0.85);\n\tborder-style: solid;\n\tborder-radius: 0.0rem;\n\talign-items: flex-start;\n\twidth: 100%;\n}\n\n[id=\"A1085696676\"].page {\n\tmin-height: var(--viewport-height);\n}\n\n[id=\"A1085696676\"] .backdrop {\n}\n\n.mobile [id=\"A1085696676\"] .backdrop {\n}\n\n.mobile [id=\"A1085696676\"] .page-layout {\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none","backdropSettings":{"wallpaper":{"activeImage":"W2243413561664424544488491055520","alignments":[],"clipScroll":false,"image-fit":"fill","cycle-images":false,"transition-type":"slide","autoplay":true,"autoplay-delay":3,"transition-speed":0.8,"shuffle":false,"navigation":false,"opacity":1,"bg-color":"transparent","margin":"0"},"legacy/parallax":{"image":"Z2245323219597735577004980042144","clipScroll":false,"knockout_shape":"square","knockout_blur":0,"knockout":85,"knockout_rotation":171,"movement_direction":"xy","xy_direction":90,"layers":3,"z_direction":"inwards","z_layers":4,"speed":30,"depth":35,"base_rotation":50,"skew":-50,"mouse_interaction":true,"mouse_speed":30,"scroll_interaction":false,"background_color":"#FFFFFF00","see_through":false,"color":"#FFFFFF00"},"legacy/kaleidoscope":{"image":"Z2245323219597735577004980042144","clipScroll":false,"slices":18,"zoom":217,"baseRotation1":61,"rotationSpeed1":-8,"baseRotation2":-148,"rotationSpeed2":-8,"rotationCenterX":21,"rotationCenterY":66,"mirrorSlices":true,"hasMouseInteraction":true},"legacy/refraction":{"image":"Z2245323219597735577004980042144","clipScroll":false,"reflection_type":"reflection","flip":true,"refraction_ratio":19,"mouse_interaction":true,"mouse_speed":63,"refract_interaction":false,"refract_motion":"speed","zoom":100,"rot_x":145,"rot_y":195,"rot_z":115,"rot_speed_x":3.5,"rot_speed_y":-1.5,"rot_speed_z":2,"color":"#ffffff00","overlay_type":"multiply_color","rgb":"rgb(255,255,255)"},"legacy/polygon_engine":{"image":"Z2245323219597735577004980042144","clipScroll":false,"style":"straight2","subdivisionCount":100,"animationSpeed":0.6,"hasMouseInteraction":true,"interactionSpeed":15,"interactionRadius":300,"color":"#33333300"}}},"pin_options":{},"overlay_options":{},"thumb_media_id":29970041,"thumbnail":{"id":29970041,"master_muid":14065331,"name":"horizontal_dark.svg","hash":"K1606536611476212370051943538355","width":3001,"height":1876,"file_size":217,"file_type":"svg","mime_type":"image/svg+xml","is_image":true,"is_video":false,"is_url":false,"is_placeholder":true,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2024-01-30 23:48:44.555495","updated_at":"2025-10-13 19:11:18.602436"},"thumb_meta":[],"media":[{"id":29970041,"name":"horizontal_dark.svg","hash":"K1606536611476212370051943538355","width":3001,"height":1876,"file_size":217,"file_type":"svg","mime_type":"image/svg+xml","is_image":true,"is_video":false,"is_url":false,"is_placeholder":true,"in_use":true,"created_at":"2024-01-30T23:48:44.555495Z","updated_at":"2025-10-13T19:11:18.602436Z"},{"id":61557218,"name":"Exalge-Digital-Album-Cover-1500x1500-20250116.png","hash":"K2464228302508527432179423902112","width":1500,"height":1500,"file_size":2042356,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-22T03:14:44.155688Z","updated_at":"2025-07-22T03:14:44.155688Z"}],"tags":[],"access_level":"public"},"M2086153169":{"id":"M2086153169","title":"Nav — mobile","purl":"nav-—-mobile","page_type":"page","content":"\u003ccolumn-set gutter=\"2\" mobile-stack=\"false\">\u003ccolumn-unit slot=\"0\" span=\"9\">\u003ca class=\"website-name\" href=\"homepage-1\" rel=\"history\">Matthew Ryals\u003c/a>\u003c/column-unit>\u003ccolumn-unit slot=\"1\" span=\"3\">\u003ch1>\u003cdiv style=\"text-align: right\">\u003ca class=\"icon-link\" href=\"#\" rel=\"close-overlay\">\u003ctext-icon icon=\"close\">\u003c/text-icon>\u003c/a>\u003c/div>\u003c/h1>\u003c/column-unit>\u003c/column-set>\u003cbr />\n\u003cbr />\u003cspan class=\"mobile-page-buttons\" style=\"line-height: 1.25;\">\u003cul class=\"lineated\">\u003ca href=\"info\" rel=\"history\">Info\u003c/a>\u003cli>\u003ca href=\"live\" rel=\"history\">Live\u003c/a>\u003cbr />\u003c/li>\u003cli>\u003ca href=\"output\" rel=\"history\">Output\u003c/a>\u003c/li>\u003cli>\u003c/li>\u003cli>\u003ca href=\"teaching\" rel=\"history\">Teaching \u003c/a>\u003c/li>\u003cli>\u003ca href=\"collaborations\" rel=\"history\">Collaborations \u003c/a>\u003c/li>\u003cli>\u003ca href=\"creative-audio-work\" rel=\"history\">Creative Audio Work\u003c/a>\u003c/li>\u003c/ul>\u003cul class=\"lineated\">\u003cli>\u003ca href=\"https://modulargrid.net/e/users/view/46127\" target=\"_blank\">\n\u003ctext-icon icon=\"nav-next\">\u003c/text-icon>Modular Grid\u003c/a>\u003cbr />\u003c/li>\u003cli>\u003ca href=\"https://www.instagram.com/artifact.sound.series/\" target=\"_blank\">\n\u003ctext-icon icon=\"nav-next\">\u003c/text-icon>Artifact\u003c/a>\u003c/li>\u003c/ul>\u003c/span>\u003ch1>\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cbr />\n\u003cspan style=\"--font-scale: 0.48;\">© 2025 Matthew Ryals. All rights reserved.\u003c/span>\u003c/h1>","local_css":"[id=\"M2086153169\"] .page-content {\n\tpadding-right: 1rem;\n\talign-items: flex-start;\n}\n\n[id=\"M2086153169\"] .page-layout {\n\tmax-width: 100%;\n}\n\n[id=\"M2086153169\"].page {\n\tbackground-color: #000000;\n\tmin-height: var(--viewport-height);\n}","display":true,"stack":false,"pin":false,"overlay":true,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"desktop","position":"top","overlay":true,"fixed":true,"adjust":false},"overlay_options":{"closeOnClickout":true,"closeOnNavigate":true,"animateOnOpen":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmount":0},"animateOnClose":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmount":0}},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{"hide_from_index":true},"media":[],"tags":[],"access_level":"public"},"J2926239532":{"id":"J2926239532","title":"Header — mobile","purl":"header---mobile","page_type":"page","content":"\u003ccolumn-set gutter=\"2rem\" mobile-stack=\"false\">\u003ccolumn-unit slot=\"0\" span=\"9\">\u003cspan class=\"website-name\">\u003ca href=\"homepage-1\" rel=\"history\">Matthew Ryals\u003c/a> \u003c/span>\u003c/column-unit>\u003ccolumn-unit slot=\"1\" span=\"3\">\u003cdiv style=\"text-align: right\">\u003cspan class=\"website-name\">\u003ca class=\"icon-link\" href=\"nav-—-mobile\" rel=\"history\">\u003ctext-icon icon=\"menu-5\">\u003c/text-icon>\u003c/a>\u003c/span>\u003c/div>\u003c/column-unit>\u003c/column-set>\u003cbr />","local_css":"[id=\"J2926239532\"] .page-content {\n\tpadding-right: 1rem;\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"mobile","position":"top","overlay":true,"fixed":false,"adjust":true},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{"hide_from_index":true},"media":[],"tags":[],"access_level":"public"}}},"sets":{"byId":{"root":{"id":"root","title":"Root","purl":null,"page_type":"set","content":null,"local_css":null,"display":false,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},"J2587175247":{"id":"J2587175247","title":"Pages","purl":"pages","page_type":"set","content":null,"local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":11,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"}}},"media":{"data":[]},"css":{"id":524807,"stylesheet":"html {\n\t--mobile-scale: 0.81;\n\t--mobile-padding-offset: 0.5;\n}\n\nbody {\n\t--swatch-1: rgba(255, 255, 255, 0.85);\n\t--swatch-2: rgba(255, 255, 255, 0.75);\n\t--swatch-3: rgba(255, 255, 255, 0.6);\n\t--swatch-4: rgba(255, 255, 255, 0.4);\n\t--swatch-5: rgba(255, 255, 255, 0.25);\n\t--swatch-7: #ffc600;\n\tbackground-color: #151515;\n\t--swatch-6: #b1b104;\n\t--colorfilter-color: #FF0000;\n\t--colorfilter-color-opacity: 1;\n\t--colorfilter-mix: lighten;\n\t--colorfilter-grayscale: 1;\n}\n\nbody.mobile {\n}\n\na:active,\n.linked:active,\n.zoomable::part(media):active {\n\topacity: 0.7;\n}\n\n.page a.active {\n\tcolor: #ffc600;\n}\n\nsub {\n\tposition: relative;\n\tvertical-align: baseline;\n\ttop: 0.3em;\n}\n\nsup {\n\tposition: relative;\n\tvertical-align: baseline;\n\ttop: -0.4em;\n}\n\n.small-caps {\n\tfont-variant: small-caps;\n\ttext-transform: lowercase;\n}\n\nol {\n\tmargin: 0;\n\tpadding: 0 0 0 2.8em;\n}\n\nul {\n\tmargin: 0;\n\tpadding: 0 0 0 2.0em;\n}\n\nul.lineated {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style-type: none;\n\tmargin: 0 0 0 3em;\n\ttext-indent: -3em;\n}\n\nblockquote {\n\tmargin: 0;\n\tpadding: 0 0 0 2em;\n}\n\nhr {\n\tbackground: rgba(255, 255, 255, 0.75);\n\tborder: 0;\n\theight: 2px;\n\tdisplay: block;\n\tmargin-top: 1rem;\n\tmargin-bottom: 1rem;\n}\n\n.content {\n\tborder-color: rgba(0,0,0,.85);\n}\n\nbodycopy {\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tcolor: rgba(255, 255, 255, 0.75);\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile bodycopy {\n\tfont-size: 2.00rem;\n}\n\nbodycopy a {\n\tcolor: rgba(255, 255, 255, 0.75);\n\ttext-decoration: underline;\n}\n\nbodycopy a:hover {\n}\n\nh1 {\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tmargin: 0;\n\tfont-size: 2.55rem;\n\tline-height: 1;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tletter-spacing: 0;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile h1 {\n\tfont-size: 3.55rem;\n}\n\nh1 a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: none;\n}\n\nh1 a:hover {\n}\n\nh2 {\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tmargin: 0;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tfont-size: 2.00rem;\n\tline-height: 1;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile h2 {\n\tfont-size: 3.75rem;\n}\n\nh2 a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: underline;\n}\n\nh2 a:hover {\n}\n\n.caption {\n\tfont-size: 1.2rem;\n\tfont-weight: 400;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile .caption {\n\tfont-size: 1.55rem;\n}\n\n.caption a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: underline;\n}\n\n.caption a:hover {\n}\n\nmedia-item .caption {\n\tmargin-top: .5em;\n}\n\ngallery-grid .caption,\ngallery-columnized .caption,\ngallery-justify .caption {\n\tmargin-bottom: 2em;\n}\n\n[thumbnail-index] .caption {\n\ttext-align: center;\n}\n\n[thumbnail-index] .caption .tags {\n\tmargin-top: 0.25em;\n}\n\n.page {\n\tjustify-content: flex-end;\n}\n\n.page-content {\n\tpadding: 1.5rem;\n\ttext-align: left;\n}\n\n.mobile [id] .page-layout {\n\tmax-width: 100%;\n}\n\n.page-layout {\n\talign-items: flex-start;\n\tmax-width: 60%;\n}\n\nmedia-item::part(media) {\n\tborder: 0;\n\tpadding: 0rem;\n}\n\n.quick-view {\n\theight: 100%;\n\twidth: 100%;\n\tpadding: 3rem;\n\tmargin-top: auto;\n\tmargin-right: auto;\n\tmargin-bottom: auto;\n\tmargin-left: auto;\n}\n\n.quick-view-background {\n\tbackground-color: #000000;\n}\n\n.quick-view .caption {\n\tcolor: #000000;\n\tpadding: 20px 0;\n\ttext-align: center;\n\ttransition: 100ms opacity ease-in-out;\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n}\n\n.quick-view .caption-background {\n\tpadding: 0.5rem 1rem;\n\tdisplay: inline-block;\n\tbackground: rgba(255, 255, 255, 0.85);\n\tborder-radius: .5rem;\n\ttext-align: left;\n\tmax-width: 50rem;\n}\n\n.mobile .quick-view {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0;\n\tpadding: 10px;\n}\n\n.mobile .quick-view .caption {\n\tpadding: 10px 0;\n}\n\n.button-10 {\n\t--text-style: \"buttons\";\n\tfont-size: 1.15rem;\n\tfont-weight: 450;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.55;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: #080000;\n\tbackground: #ffffff;\n\tdisplay: inline-block;\n\tborder-radius: 1.5rem;\n\tpadding-top: 1rem;\n\tpadding-right: 2rem;\n\tpadding-bottom: 1rem;\n\tpadding-left: 2rem;\n\tborder-width: 0.0rem;\n\tborder-style: solid;\n\tborder-color: rgba(0,0,0,0.85);\n}\n\n.mobile .button-10 {\n\tfont-size: 1.30rem;\n}\n\n.button-10 a {\n\tcolor: #080000;\n\ttext-decoration: none;\n}\n\n.button-10 a:hover {\n\t\n}\n\n.button-10 a.active {\n\tcolor: #ffffff;\n\ttext-decoration: none;\n}\n\n.heading-3 {\n\t--text-style: \"Page Buttons\";\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tfont-weight: 301;\n\tmargin: 0;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tfont-size: 1.50rem;\n\tline-height: 0.6;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tpadding: 0rem;\n\tdisplay: inline-block;\n}\n\n.heading-3 a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: none;\n}\n\n.heading-3 a:hover {\n\t\n}\n\n.mono-listings {\n\t--text-style: \"Mono Listings\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tcolor: rgba(255, 255, 255, 0.75);\n\tfont-family: \"Diatype Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 1;\n}\n\n.mobile .mono-listings {\n\tfont-size: 2rem;\n}\n\n.mono-listings a {\n\tcolor: rgba(255, 255, 255, 0.75);\n\ttext-decoration: underline;\n}\n\n.mono-listings a:hover {\n\t\n}\n\n.teaching-offerings {\n\t--text-style: \"Teaching Offerings\";\n\tfont-size: 1.60rem;\n\tfont-weight: 400;\n\tcolor: rgba(255, 255, 255, 0.75);\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.teaching-offerings a {\n\tcolor: rgba(255, 255, 255, 0.75);\n\ttext-decoration: underline;\n}\n\n.teaching-offerings a:hover {\n\t\n}\n\n.homepage-paragraph {\n\t--text-style: \"Homepage Paragraph\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tcolor: rgba(255, 255, 255, 0.75);\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.75;\n\tletter-spacing: 0em;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile .homepage-paragraph {\n\tfont-size: 1.80rem;\n}\n\n.homepage-paragraph a {\n\tcolor: rgba(255, 255, 255, 0.75);\n\ttext-decoration: underline;\n}\n\n.homepage-paragraph a:hover {\n\t\n}\n\n.website-name {\n\t--text-style: \"Website Name\";\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tmargin: 0;\n\tfont-size: 2.50rem;\n\tline-height: 1;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tletter-spacing: 0;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile .website-name {\n\tfont-size: 4.5rem;\n}\n\n.website-name a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: none;\n}\n\n.website-name a:hover {\n\t\n}\n\n.mobile-page-buttons {\n\t--text-style: \"Mobile Page Buttons\";\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tmargin: 0;\n\tfont-size: 3.10rem;\n\tline-height: 1;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tletter-spacing: 0;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n}\n\n.mobile .mobile-page-buttons {\n\tfont-size: 3.55rem;\n}\n\n.mobile-page-buttons a {\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-decoration: none;\n}\n\n.mobile-page-buttons a:hover {\n\t\n}\n\n.button-12 {\n\t--text-style: \"button 12\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tdisplay: inline-block;\n\tborder-color: rgba(0, 0, 0, 0.85);\n\tborder-style: solid;\n\tborder-width: 0.2rem;\n\tfilter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));\n\twill-change: filter;\n\tborder-radius: 0.5rem;\n\tpadding: 0.8rem;\n\tbackground: #ffffff;\n\tpadding-right: 1rem;\n\tpadding-left: 1rem;\n}\n\n.mobile .button-12 {\n\tfont-size: 2.05rem;\n}\n\n.button-12 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12 a:hover {\n\t\n}\n\n.button-12 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12-1 {\n\t--text-style: \"button 12-1\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tdisplay: inline-block;\n\tborder-color: rgba(0, 0, 0, 0.85);\n\tborder-style: solid;\n\tborder-width: 0.2rem;\n\tfilter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));\n\twill-change: filter;\n\tborder-radius: 0.5rem;\n\tpadding: 0.8rem;\n\tbackground: #ffffff;\n\tpadding-right: 1rem;\n\tpadding-left: 1rem;\n}\n\n.mobile .button-12-1 {\n\tfont-size: 2.05rem;\n}\n\n.button-12-1 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12-1 a:hover {\n\t\n}\n\n.button-12-1 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12-2 {\n\t--text-style: \"button 12-2\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tdisplay: inline-block;\n\tborder-color: rgba(0, 0, 0, 0.85);\n\tborder-style: solid;\n\tborder-width: 0.2rem;\n\tfilter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));\n\twill-change: filter;\n\tborder-radius: 0.5rem;\n\tpadding: 0.8rem;\n\tbackground: #ffffff;\n\tpadding-right: 1rem;\n\tpadding-left: 1rem;\n}\n\n.mobile .button-12-2 {\n\tfont-size: 2.05rem;\n}\n\n.button-12-2 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12-2 a:hover {\n\t\n}\n\n.button-12-2 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.social-media {\n\t--text-style: \"Social Media\";\n\tfont-size: 2.00rem;\n\tfont-weight: 400;\n\tcolor: #000000;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tdisplay: inline-block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tbackground: rgba(0, 0, 0, 0);\n\tborder-width: 0.0rem;\n}\n\n.mobile .social-media {\n\tfont-size: 2.05rem;\n}\n\n.social-media a {\n\tcolor: #000000;\n\ttext-decoration: underline;\n}\n\n.social-media a:hover {\n\t\n}\n\n.button-12-3 {\n\t--text-style: \"button socials landing \";\n\tfont-size: 1.90rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tdisplay: inline-block;\n\tborder-width: 0rem;\n\tfilter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));\n\twill-change: filter;\n\tborder-radius: 0.5rem;\n\tpadding: 0.8rem;\n\tbackground: #ffffff;\n\tpadding-right: 1rem;\n\tpadding-left: 1rem;\n}\n\n.mobile .button-12-3 {\n\tfont-size: 2.05rem;\n}\n\n.button-12-3 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-12-3 a:hover {\n\t\n}\n\n.button-12-3 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-4 {\n\t--text-style: \"button 4\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: #000000;\n\tdisplay: inline-block;\n\tborder-color: rgba(0, 0, 0, 0.85);\n\tborder-style: solid;\n\tborder-radius: 999rem;\n\tpadding-top: 0.6rem;\n\tpadding-right: 1.4rem;\n\tpadding-bottom: 0.6rem;\n\tpadding-left: 1.3rem;\n\tborder-width: 0.2rem;\n}\n\n.mobile .button-4 {\n\tfont-size: 2.00rem;\n}\n\n.button-4 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-4 a:hover {\n\t\n}\n\n.button-4 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-4-1 {\n\t--text-style: \"button 4-1\";\n\tfont-size: 1.25rem;\n\tfont-weight: 400;\n\tfont-family: \"Diatype Semi-Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0.5;\n\tcolor: #ffffff;\n\tdisplay: inline-block;\n\tborder-color: rgba(0, 0, 0, 0.85);\n\tborder-style: solid;\n\tborder-radius: 999rem;\n\tpadding-top: 0.6rem;\n\tpadding-right: 1.4rem;\n\tpadding-bottom: 0.6rem;\n\tpadding-left: 1.3rem;\n\tborder-width: 0.2rem;\n\tbackground: #000000;\n}\n\n.mobile .button-4-1 {\n\tfont-size: 2.00rem;\n}\n\n.button-4-1 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.button-4-1 a:hover {\n\t\n}\n\n.button-4-1 a.active {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.mobile .quick-view .caption-background {\n\tmax-width: 100vw;\n}\n\n::part(slideshow-nav) {\n\t--button-size: 30px;\n\t--button-inset: 20px;\n\t--button-icon-color: rgba(0, 0, 0, 0.9);\n\t--button-icon-stroke-width: 1.5px;\n\t--button-icon-stroke-linecap: none;\n\t--button-background-color: rgba(168, 168, 168, 0.6);\n\t--button-background-radius: 50%;\n\t--button-active-opacity: 0.7;\n}\n\ngallery-slideshow::part(slideshow-nav) {\n\t--button-inset: 15px;\n}\n\n.quick-view::part(slideshow-nav) {\n}\n\n.wallpaper-slideshow::part(slideshow-nav) {\n}\n\n.mobile ::part(slideshow-nav) {\n\t--button-inset: 10px;\n}\n\n.mobile .quick-view::part(slideshow-nav) {\n\t--button-inset: 25px;\n}\n\nshop-product {\n\tfont-size: 1.2rem;\n\tmax-width: 22rem;\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tletter-spacing: 0em;\n\tmargin-bottom: 1em;\n}\n\nshop-product::part(price) {\n\tcolor: rgba(255, 255, 255, 0.85);\n\tline-height: 1.1;\n\tmargin-bottom: 0.5em;\n}\n\nshop-product::part(dropdown) {\n\twidth: 100%;\n\tcolor: rgba(255, 255, 255, 0.85);\n\tborder: 1px solid rgba(255, 255, 255, 0.27);\n\tbackground-color: rgba(0, 0, 0, 0.0);\n\tbackground-image: url(https://static.cargo.site/assets/images/select-line-arrows-light.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-position: top 0em right .1em;\n\tline-height: 1.2;\n\tpadding: 0.58em 2em 0.55em 0.9em;\n\tborder-radius: 10em;\n\tmargin-bottom: 0.5em;\n}\n\nshop-product::part(button) {\n\tbackground: rgba(255, 255, 255, 0.2);\n\tcolor: rgba(255, 255, 255, 0.85);\n\ttext-align: left;\n\tline-height: normal;\n\tpadding: 0.5em 1em;\n\tcursor: pointer;\n\tborder-radius: 10em;\n}\n\nshop-product::part(button):active {\n\topacity: .7;\n}\n\naudio-player {\n\t--text-color: rgba(255, 255, 255, 0.85);\n\t--text-padding: 0 1.2em 0 1.0em;\n\t--background-color: rgba(255, 255, 255, 0);\n\t--buffer-background-color: rgba(255, 255, 255, 0.075);\n\t--progress-background-color: rgba(255, 255, 255, 0.12);\n\t--border-lines: 1px solid rgba(255, 255, 255, 0.25);\n\tfont-size: 1.2rem;\n\twidth: 32rem;\n\theight: 2.75em;\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tline-height: normal;\n\tletter-spacing: 0em;\n\tmargin-bottom: 0.5em;\n\tborder-radius: 10em;\n}\n\naudio-player::part(button) {\n\t--icon-color: rgba(255, 255, 255, 0.85);\n\t--icon-size: 32%;\n\t--play-text: '';\n\t--pause-text: '';\n\twidth: 3.15em;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tcursor: pointer;\n}\n\naudio-player::part(play-icon) {\n\tpadding-left: 0.6em;\n}\n\naudio-player::part(pause-icon) {\n\tpadding-left: 0.4em;\n}\n\naudio-player::part(progress-indicator) {\n\tborder-right: 1px solid rgba(255, 255, 255, 0);\n\theight: 100%;\n\tcursor: ew-resize;\n}\n\naudio-player::part(separator) {\n\tborder-right: var(--border-lines);\n}\n\nbody.mobile audio-player {\n\tmax-width: 100%;\n}","created_at":"2022-09-15T23:40:11.000000Z","updated_at":"2026-05-20T17:24:41.000000Z"},"siteDesign":{"images":{"image_zoom":true,"image_full_zoom":false,"scroll_animation":true,"scroll_transition":false,"limit_vertical_images":false,"mobile_image_width_maximize":true},"quick_view":{"show_ui":true,"captions":false,"close_on_scroll":false,"contentAlignVertical":"middle","contentAlignHorizontal":"center"},"site":{"enableColorFilter":false,"enableHomeLinkActiveStates":false,"is_feed":false},"cart":{"theme":"dark"},"contact_form":{"theme":"dark"},"mobile_adjustments":{"view":"desktop","zoom":"21","padding":"-6","formatting":false,"pages_full_width":true,"images_full_width":true,"responsive_columns":"1","responsive_thumbnails_padding":"0.7"}},"frontendState":{"hasSiteModel":true,"hasScaffolding":true,"hasSiteDesign":true,"hasSiteCSS":true,"hasShopModel":false,"hasSitePackage":true,"pointerType":"mouse","quickView":{"mode":"default","inited":false,"autoScrolling":false,"elementArray":false,"activeIndex":0,"startingIndex":0},"contactForm":{"transition":false,"inited":false},"adminMode":false,"inAdminFrame":false,"renderedPages":[],"pwProtectedOverlays":[],"networkErrors":[],"pageNotFound":false,"fontsLoaded":["Diatype Semi-Mono Variable","Diatype Mono Variable","Diatype Variable"],"lastVisiblePid":null,"hostname":"matthewryals.com","activePID":"A1085696676"},"commerce":{"products":{},"cart":{},"shop":{}}}</script>
			

		<style id="static-css">html:has(body.editing)::-webkit-scrollbar{display:none !important}body.editing::-webkit-scrollbar{display:none !important}html:has(body.editing){-ms-overflow-style:none;scrollbar-width:none}body.editing{-ms-overflow-style:none;scrollbar-width:none}body.wf-initial-load *,html.wf-initial-load *{color:transparent !important;-webkit-text-stroke:0px transparent;text-stroke:0 transparent;text-shadow:0 0 transparent}html.wf-initial-load hr{background:none !important}body{--baseColor-accent: #FF0000;--baseColor-accent-rgb: 255, 0, 0;--baseColor-accent-reverse-rgb: 255, 255, 255}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}select,select *{text-rendering:auto !important}html,body{min-height:var(--viewport-height, 100vh);margin:0;padding:0}html{--mobile-scale: 1;font-size:var(--base-size);touch-action:manipulation;position:relative}html.mobile{font-size:calc(var(--base-size)*var(--mobile-scale))}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;display:flex;flex-direction:column;width:100%;min-height:var(--viewport-height, 100vh);justify-content:flex-start;margin:0;padding:0;background-color:#fff;--noise-image: url("https://static.cargo.site/assets/C3/images/even-less-line.png");--noise-bg-amount: 0;--noise-images-amount: 0;--noise-density-size: 256px;position:relative}body.no-scroll{overflow:hidden}customhtml>*{position:relative;z-index:10}.page a.active,bodycopy * a{text-decoration-color:unset;-webkit-text-decoration-color:unset}.content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100%;position:relative;flex-grow:1;border-color:transparent;border-width:0}.pages{width:100%;flex:1 0 auto}@supports(height: 100svh){.page.stacked-page:not(.fixed){--viewport-height: 100svh}.page.stacked-page+.page.stacked-page:not(.fixed){--viewport-height: 100vh}body.mobile .content:has(.stacked-page) .page.pinned.overlay:not(.fixed){--viewport-height: 100svh}}.overlay-content{mix-blend-mode:var(--overlay-mix, normal)}.page{--split-backdrop-height: calc(var(--min-viewport-height) / 2);--split-content-height: calc(var(--viewport-height) - var(--split-backdrop-height));--noise-bg-amount: 0;--noise-images-amount: 0;--noise-density-size: 256px;position:relative;isolation:isolate;display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:row;max-width:100%;width:100%;flex:0;mix-blend-mode:var(--page-mix, normal)}.page.has-backdrop-filter{background-color:rgba(0, 0, 0, 0.01);backdrop-filter:var(--page-backdrop-filter, none);-webkit-backdrop-filter:var(--page-backdrop-filter, none)}.overlay-content .page{mix-blend-mode:unset}.overlay-content .page::after{content:" ";display:block;position:fixed;width:100dvw;height:100dvh;top:0;left:0;z-index:-1}.overlay-content.is-passthrough-overlay .page::after{display:none}.mobile .page{flex-wrap:wrap}.page.overlay{position:absolute}.page.pinned-top,.page.pinned-bottom{flex:0;z-index:2;left:0;right:0}.page.pinned-bottom{transform:unset}.page.pinned-bottom.loading{will-change:transform;transform:translate(0, 0, 0)}.page.pinned-top{top:0}.page.pinned-bottom{bottom:0}.page.fixed{position:fixed;max-height:var(--viewport-height, 100vh)}.page.fixed .page-layout{max-height:var(--viewport-height, 100vh)}.page.fixed.allow-scroll .page-content{max-height:var(--viewport-height, 100vh);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;align-items:flex-start !important}.page.fixed.allow-scroll .page-content{pointer-events:auto}.page.fixed.allow-scroll .page-content::-webkit-scrollbar{width:0;background:0 0;display:none}.page.overlay{position:absolute}.page.overlay,.page.overlay .page-layout,.page.fixed,.page.fixed .page-layout{pointer-events:none}body.editing .page.overlay .page-content,body.editing .page.overlay .page-content *,body.editing .page.fixed .page-content,body.editing .page.fixed .page-content *,body.editing .page.fixed.allow-scroll .page-content,body.editing .page.fixed.allow-scroll .page-content *,body.editing .page:not([editing=true]){-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body.editing .page.overlay[editing=true] .page-content,body.editing .page.overlay[editing=true] .page-content *,body.editing .page.fixed[editing=true] .page-content,body.editing .page.fixed[editing=true] .page-content *,body.editing .page.fixed.allow-scroll[editing=true] .page-content,body.editing .page.fixed.allow-scroll[editing=true] .page-content *{pointer-events:auto;-moz-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.page.fixed .page-content bodycopy a,.page.overlay .page-content bodycopy a,.page.fixed .page-content bodycopy img,.page.overlay .page-content bodycopy img,.page.fixed .page-content bodycopy iframe,.page.overlay .page-content bodycopy iframe,.page.fixed .page-content bodycopy video,.page.overlay .page-content bodycopy video,.page.fixed .page-content bodycopy audio,.page.overlay .page-content bodycopy audio,.page.fixed .page-content bodycopy input,.page.overlay .page-content bodycopy input,.page.fixed .page-content bodycopy button,.page.overlay .page-content bodycopy button,.page.fixed .page-content bodycopy audio-player,.page.overlay .page-content bodycopy audio-player,.page.fixed .page-content bodycopy shop-product,.page.overlay .page-content bodycopy shop-product,.page.fixed .page-content bodycopy details,.page.overlay .page-content bodycopy details,.page.overlay .page-content bodycopy .linked,.page.overlay .page-content bodycopy .zoomable,.page.fixed .page-content bodycopy .linked,.page.fixed .page-content bodycopy .zoomable,.page.fixed .page-content bodycopy gallery-slideshow,.page.overlay .page-content bodycopy gallery-slideshow{pointer-events:auto}.page-layout{flex-grow:1;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:0%;mix-blend-mode:var(--page-layout-mix, normal)}.page-content{display:flex;flex-direction:row;height:100%;align-items:flex-start;border-color:transparent;border-width:0;width:100%;filter:var(--page-content-filter, none);-webkit-filter:var(--page-content-filter, none)}.page-content{position:relative;isolation:isolate}.page-content.has-content-backdrop-filter{backdrop-filter:var(--page-content-backdrop-filter, none);-webkit-backdrop-filter:var(--page-content-backdrop-filter, none)}.page,.page-content,.content{--noise-bg-alpha: var(--noise-bg-color-alpha, 1)}.page::before,.page-content::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background-image:var(--noise-image),var(--noise-image),var(--noise-image);background-repeat:repeat;background-size:calc(var(--noise-density-size, 256px)*var(--noise-scale, 1));background-position:0 0;opacity:calc(var(--noise-bg-amount, 0)*var(--noise-bg-alpha, 1)*1)}.content::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;background-image:var(--noise-image),var(--noise-image),var(--noise-image);background-repeat:repeat;background-size:calc(var(--noise-density-size, 256px)*var(--noise-scale, 1));background-position:0 0;opacity:calc(var(--noise-bg-amount, 0)*var(--noise-bg-alpha, 1)*1)}.page.has-backdrop-filter::before,.page-content.has-content-backdrop-filter::before{background-blend-mode:normal;opacity:min(var(--noise-bg-amount, 0),var(--noise-bg-alpha, 1))}.page-content.has-content-backdrop-filter:has(.empty-editor)::before{content:" ";display:block;height:1px;width:1px;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.01)}.page.accepts-pointer-events *,.page-content.accepts-pointer-events,.page-content.accepts-pointer-events *{pointer-events:auto}[position=fixed]{position:fixed;overflow-y:auto;overflow-x:hidden;max-height:100vh;pointer-events:none}[position=fixed] bodycopy{pointer-events:auto}[position=absolute]{position:absolute}[position=relative]{position:relative}.top-pins [position=fixed],.top-pins [position=absolute]{top:0;left:0;right:0;z-index:999}.bottom-pins [position=fixed],.bottom-pins [position=absolute]{bottom:0;left:0;right:0;z-index:999}h1,h2,h3,h4,h5,h6,h7,h8,h9{contain:layout}.caption-background h1,.caption-background h2,.caption-background h3,.caption-background h4,.caption-background h5,.caption-background h6,.caption-background h7,.caption-background h8,.caption-background h9{contain:none}.overlay-content{position:fixed;inset:0;pointer-events:none;max-height:100dvh;--viewport-height: 100dvh;overflow:auto;overscroll-behavior:none;--elastic-scroll: true}.overlay-content::-webkit-scrollbar{display:none}.overlay-content .page-layout{min-height:fit-content}.overlay-content .page,.overlay-content .page-content,.overlay-content .page-layout{pointer-events:auto}.overlay-content.is-passthrough-overlay .page,.overlay-content.is-passthrough-overlay .page-layout{pointer-events:none}.overlay-content.is-passthrough-overlay .page-content{pointer-events:auto}.overlay-content.is-content-passthrough-overlay .page,.overlay-content.is-content-passthrough-overlay .page-layout,.overlay-content.is-content-passthrough-overlay .page-content,.overlay-content.is-content-passthrough-overlay .page-content bodycopy,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-freeform,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-grid,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-columnized,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-justify,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-slideshow{pointer-events:none}.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-freeform>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-grid>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-columnized>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-justify>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-slideshow>*{pointer-events:auto}.overlay-content.is-content-passthrough-overlay .page-content bodycopy>*:not(column-set,gallery-freeform,gallery-grid,gallery-columnized,gallery-justify),.overlay-content.is-content-passthrough-overlay .page-content bodycopy column-unit *{pointer-events:auto}body.editing .overlay-content .page[editing=true] bodycopy,body.editing .overlay-content .page[editing=true] bodycopy>*,body.editing .overlay-content .page[editing=true] gallery-freeform,body.editing .overlay-content .page[editing=true] gallery-columnized,body.editing .overlay-content .page[editing=true] gallery-justify,body.editing .overlay-content .page[editing=true] gallery-grid body.editing .overlay-content .page[editing=true] gallery-slideshow{pointer-events:auto}.overlay-content.overlay-animating{--scroll-transition: unset!important;overflow:hidden}.overlay-content.overlay-open.overlay-animating .page{will-change:opacity,background-color;animation:overlayOpen var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-open .page:has(.has-content-backdrop-filter):not(:has(.backdrop)){will-change:background-color;animation:overlayOpenWithoutOpacity var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page{will-change:opacity,background-color;animation:overlayClose var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-close .page:has(.has-content-backdrop-filter):not(:has(.backdrop)){will-change:background-color;animation:overlayCloseWithoutOpacity var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page-content{will-change:transform,clip-path;animation:overlayOpenContent var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page-content.has-content-backdrop-filter{will-change:transform,clip-path,opacity;animation:overlayOpenContent var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out"),overlayOpenOpacity var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page-content{will-change:transform,clip-path;animation:overlayCloseContent var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page-content.has-content-backdrop-filter{will-change:transform,clip-path,opacity;animation:overlayCloseContent var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out"),overlayCloseOpacity var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page::before,.overlay-content.overlay-open.overlay-animating .page::after,.overlay-content.overlay-open.overlay-animating .page-content::before,.overlay-content.overlay-open.overlay-animating .page-content::after{will-change:opacity;animation:overlayOpenNoise var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page::before,.overlay-content.overlay-close.overlay-animating .page::after,.overlay-content.overlay-close.overlay-animating .page-content::before,.overlay-content.overlay-close.overlay-animating .page-content::after{will-change:opacity;animation:overlayCloseNoise var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.touch-overscroll-transform .page-content{transform:var(--touch-overscroll-transform, translate(0px, 0px)) !important}@keyframes scrollAnimationFadeIn-1{0%{opacity:0}15%{opacity:1}}@keyframes scrollAnimationFadeIn-2{0%{opacity:0}22.5%{opacity:1}100%{opacity:1}}@keyframes scrollAnimationFadeIn-3{0%{opacity:0}38%{opacity:1}100%{opacity:1}}@keyframes scrollAnimationFadeOut-1{85%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeOut-2{0%{opacity:1}77.5%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeOut-3{0%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-1{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-2{0%{opacity:0}20%{opacity:1}82.5%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-3{0%{opacity:0}30%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFlyIn-1{0%{transform:translateY(5vh)}15%{transform:scale(1)}85%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyIn-2{0%{transform:translateY(10vh)}30%{transform:scale(1)}70%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyIn-3{0%{transform:translateY(20vh)}35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyInFadeIn-1{0%{opacity:.4;transform:translateY(25px)}50%{opacity:1;transform:translateY(0px)}}@keyframes scrollAnimationFlyInFadeIn-2{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationFlyInFadeIn-3{0%{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationFlyOut-1{35%{transform:scale(1)}85%{transform:scale(1)}100%{transform:translateY(-5vh)}}@keyframes scrollAnimationFlyOut-2{35%{transform:scale(1)}70%{transform:scale(1)}100%{transform:translateY(-10vh)}}@keyframes scrollAnimationFlyOut-3{35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:translateY(-20vh)}}@keyframes scrollAnimationFlyInOut-1{0%{transform:translateY(5vh)}35%{transform:scale(1)}85%{transform:scale(1)}100%{transform:translateY(-5vh)}}@keyframes scrollAnimationFlyInOut-2{0%{transform:translateY(10vh)}35%{transform:scale(1)}70%{transform:scale(1)}100%{transform:translateY(-10vh)}}@keyframes scrollAnimationFlyInOut-3{0%{transform:translateY(20vh)}35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:translateY(-20vh)}}@keyframes scrollAnimationBlurIn-1{0%{filter:blur(5px)}10%{filter:blur(5px)}30%{filter:blur(0px)}}@keyframes scrollAnimationBlurIn-2{0%{filter:blur(8px)}12.5%{filter:blur(8px)}35%{filter:blur(0px)}}@keyframes scrollAnimationBlurIn-3{0%{filter:blur(13px)}15%{filter:blur(13px)}40%{filter:blur(0px)}}@keyframes scrollAnimationScaleInOut-1{0%{transform:scale(0.875);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.875);transform-origin:50% 100%}}@keyframes scrollAnimationScaleInOut-2{0%{transform:scale(0.6);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.6);transform-origin:50% 100%}}@keyframes scrollAnimationScaleInOut-3{0%{transform:scale(0.4);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.4);transform-origin:50% 100%}}@keyframes scrollAnimationScaleIn-1{0%{transform:scale(0.875);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleIn-2{0%{transform:scale(0.6);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleIn-3{0%{transform:scale(0.4);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleOut-1{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.875);transform-origin:50% 100%}}@keyframes scrollAnimationScaleOut-2{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.6);transform-origin:50% 100%}}@keyframes scrollAnimationScaleOut-3{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.4);transform-origin:50% 100%}}@keyframes scrollAnimationHelix-1{0%{transform:perspective(4000px) rotatey(35deg) rotatez(1.5deg)}100%{transform:perspective(4000px) rotatey(-35deg) rotatez(-1.5deg)}}@keyframes scrollAnimationHelix-2{0%{transform:perspective(3000px) rotatey(60deg) rotatez(2deg)}100%{transform:perspective(3000px) rotatey(-60deg) rotatez(-2deg)}}@keyframes scrollAnimationHelix-3{0%{transform:perspective(2000px) rotatey(90deg) rotatez(3deg)}100%{transform:perspective(2000px) rotatey(-90deg) rotatez(-3deg)}}@keyframes scrollAnimationConveyor-1{0%{transform:perspective(2500px) translateZ(25em) rotateX(45deg)}40%{transform:perspective(2500px) rotateX(0deg)}100%{transform:perspective(2500px) rotateX(0deg)}}@keyframes scrollAnimationConveyor-2{0%{transform:perspective(2400px) translateZ(30em) rotateX(60deg)}50%{transform:perspective(2400px) rotateX(0deg)}100%{transform:perspective(2400px) rotateX(0deg)}}@keyframes scrollAnimationConveyor-3{0%{transform:perspective(2300px) translateZ(45em) rotateX(85deg)}60%{transform:perspective(2300px) rotateX(0deg)}100%{transform:perspective(2300px) rotateX(0deg)}}@keyframes scrollAnimationRebound-1{0%{transform:perspective(2100px) translateZ(-30em) rotateX(50deg);transform-origin:50% 100%}47%{transform:perspective(2100px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(2100px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(2100px) translateZ(-30em) rotateX(-50deg);transform-origin:50% 0%}}@keyframes scrollAnimationRebound-2{0%{transform:perspective(1800px) translateZ(-50em) rotateX(70deg);transform-origin:50% 100%}47%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1800px) translateZ(-50em) rotateX(-70deg);transform-origin:50% 0%}}@keyframes scrollAnimationRebound-3{0%{transform:perspective(1300px) translateZ(-70em) rotateX(90deg);transform-origin:50% 100%}47%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1300px) translateZ(-70em) rotateX(-90deg);transform-origin:50% 0%}}@keyframes scrollTransitionFadeUp-1{0%{opacity:0;transform:translateY(25px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionFadeUp-2{0%{opacity:0;transform:translateY(40px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionFadeUp-3{0%{opacity:0;transform:translateY(50px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionScaleUp-1{0%{opacity:0;transform:scale(0.95)}25%{opacity:1;transform:scale(1)}}@keyframes scrollTransitionScaleUp-2{0%{opacity:0;transform:scale(0.875)}25%{opacity:1;transform:scale(1)}}@keyframes scrollTransitionScaleUp-3{0%{opacity:0;transform:scale(0.75)}25%{opacity:1;transform:scale(1)}}@keyframes scrollAnimationTwistUp-1{0%{opacity:0;transform:translateY(25px) rotateY(27deg) rotateZ(1.5deg) perspective(4000px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationTwistUp-2{0%{opacity:0;transform:translateY(40px) rotateY(35deg) rotateZ(2deg) perspective(3000px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationTwistUp-3{0%{opacity:0;transform:translateY(65px) rotateY(40deg) rotateZ(3deg) perspective(2000px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionBlurIn-1{0%{filter:blur(5px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionBlurIn-2{0%{filter:blur(8px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionBlurIn-3{0%{filter:blur(13px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionColorIn-1{0%{filter:saturate(50%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionColorIn-2{0%{filter:saturate(25%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionColorIn-3{0%{filter:saturate(0%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionRebound-1{0%{transform:perspective(1500px) translateZ(0em) rotateX(30deg);transform-origin:50% 100%;opacity:0}25%{transform:perspective(1500px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%;opacity:1}}@keyframes scrollTransitionRebound-2{0%{transform:perspective(1800px) translateZ(-50em) rotateX(70deg);transform-origin:50% 100%}47%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1800px) translateZ(-50em) rotateX(-70deg);transform-origin:50% 0%}}@keyframes scrollTransitionRebound-3{0%{transform:perspective(1300px) translateZ(-70em) rotateX(90deg);transform-origin:50% 100%}47%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1300px) translateZ(-70em) rotateX(-90deg);transform-origin:50% 0%}}@keyframes LooseHinge-1{0%{transform:rotate(5deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(5deg);transform-origin:100% 100%}}@keyframes LooseHinge-2{0%{transform:rotate(10deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(10deg);transform-origin:100% 100%}}@keyframes LooseHinge-3{0%{transform:rotate(30deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(30deg);transform-origin:100% 100%}}@keyframes overlayOpen{from{opacity:var(--overlay-open-from-opacity, 1);background-color:var(--overlay-open-from-background-color, transparent)}to{opacity:1}}@keyframes overlayOpenWithoutOpacity{from{background-color:var(--overlay-open-from-background-color, transparent)}}@keyframes overlayOpenOpacity{from{opacity:var(--overlay-open-from-opacity, 1)}to{opacity:1}}@keyframes overlayOpenContent{from{transform:var(--overlay-open-content-from-transform, translate3d(0, 0, 0));clip-path:var(--overlay-open-content-from-clip-mask, inset(0% 0% 0% 0%))}to{transform:translate3d(0, 0, 0);clip-path:var(--overlay-open-content-to-clip-mask, inset(0% 0% 0% 0%))}}@keyframes overlayClose{to{opacity:var(--overlay-close-to-opacity, 1);background-color:var(--overlay-close-to-background-color, transparent)}}@keyframes overlayCloseWithoutOpacity{to{background-color:var(--overlay-close-to-background-color, transparent)}}@keyframes overlayCloseOpacity{to{opacity:var(--overlay-close-to-opacity, 1)}}@keyframes overlayCloseContent{from{transform:translate3d(0, 0, 0);clip-path:var(--overlay-close-content-from-clip-mask, inset(0% 0% 0% 0%))}to{transform:var(--overlay-close-content-to-transform, translate3d(0, 0, 0));clip-path:var(--overlay-close-content-to-clip-mask, inset(0% 0% 0% 0%))}}@keyframes overlayOpenNoise{from{opacity:0}}@keyframes overlayCloseNoise{to{opacity:0}}.backdrop{contain:layout}.has-backdrop-filter .backdrop-contents::after{backdrop-filter:var(--page-backdrop-filter, none);-webkit-backdrop-filter:var(--page-backdrop-filter, none);position:absolute;width:100%;height:100%;content:"";inset:0;z-index:1;pointer-events:none}.backdrop:not(.clip){-webkit-transform:translate(0px, 0px)}.backdrop>.backdrop-contents{transition:opacity .5s ease-in-out;opacity:0;top:0;bottom:0;width:100%;position:sticky;height:100%;max-height:100vh;overflow:hidden}.backdrop-contents.loaded{opacity:1}.backdrop.clip .backdrop-contents.above,.backdrop.clip .backdrop-contents.below{display:none}.backdrop.clip .backdrop-contents{will-change:display,opacity,transform,clip-path}.backdrop>.backdrop-contents [data-backdrop]{height:100%}.backdrop.clip{contain:none;overflow:hidden;clip-path:inset(0% 0% 0% 0%)}.clip>.backdrop-contents{height:calc(100vh + .5px);width:var(--backdrop-width, 100%);position:fixed}.backdrop{flex-shrink:0;width:100%;order:1;position:absolute;top:0;left:0;right:0;bottom:0}.wallpaper-navigation{position:absolute;inset:var(--pin-padding-top, 0) 0 var(--pin-padding-bottom, 0) 0;z-index:10;pointer-events:none !important;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;max-width:100%;width:100%;flex:0}.wallpaper-navigation .page-content,.wallpaper-navigation .page-layout{background:none;background-color:transparent;visibility:hidden}.wallpaper-navigation .backdrop.clip{contain:none;overflow:hidden;clip-path:inset(0% 0% 0% 0%)}.wallpaper-navigation .backdrop.clip>.wallpaper-slideshow{position:fixed}.wallpaper-navigation .wallpaper-slideshow{top:0;bottom:0;position:sticky;transform:translate3d(0, 0, 0);height:calc(100% + .5px);max-height:calc(var(--viewport-height, 100vh) + .5px)}::part(slideshow-nav){transition:opacity 222ms ease-in-out;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;--button-size: 30px;--button-inset: 20px;--button-icon-color: rgba(255, 255, 255, 0.9);--button-icon-scale: 1;--button-icon-stroke-width: 1.5px;--button-icon-stroke-linecap: butt;--button-background-color: rgba(87, 87, 87, 0.35);--button-background-radius: 50%;--button-active-opacity: 0.7}::part(slideshow-nav-previous-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;bottom:0}::part(slideshow-nav-next-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;right:0;bottom:0}::part(slideshow-nav-close-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;right:0}::part(slideshow-nav-prev){position:absolute;top:0;bottom:0;left:var(--button-inset, 0px);margin:auto;width:36px;height:36px}::part(slideshow-nav-next){position:absolute;top:0;bottom:0;right:var(--button-inset, 0px);margin:auto;width:36px;height:36px;transform:scaleX(-1)}::part(slideshow-nav-close){position:absolute;top:var(--button-inset, 0px);right:var(--button-inset, 0px);margin:auto;width:36px;height:36px}::part(slideshow-nav-prev),::part(slideshow-nav-next),::part(slideshow-nav-close){height:var(--button-size);width:var(--button-size)}::part(slideshow-nav-previous-button):active,::part(slideshow-nav-next-button):active,::part(slideshow-nav-close-button):active{opacity:var(--button-active-opacity, 0.7)}::part(slideshow-nav-background){stroke:none !important;fill:var(--button-background-color);rx:var(--button-background-radius)}::part(slideshow-nav-arrow),::part(slideshow-nav-x){fill:none !important;stroke:var(--button-icon-color);stroke-width:var(--button-icon-stroke-width);stroke-linecap:var(--button-icon-stroke-linecap);transform:scale(var(--button-icon-scale));transform-origin:center}bodycopy{display:block;contain:layout;word-wrap:break-word;position:relative;max-width:100%;width:100%;-webkit-nbsp-mode:normal;--font-scale: 1}bodycopy *{border-width:0}a{color:inherit}a.image-link,a.image-link:hover,a.image-link:active,a.icon-link,a.icon-link:hover,a.icon-link:active{border-bottom:none;text-decoration:none}[contenteditable=true] a:active,[contenteditable=true] .linked:active,[contenteditable=true] .zoomable:active{opacity:1}s *{text-transform:inherit}small{max-width:100%;text-decoration:inherit}b,strong{font-weight:bolder}.small-caps{font-variant:small-caps;text-transform:lowercase}.no-wrap{white-space:nowrap}.page_background{position:absolute;top:0;left:0;width:100%;height:100%}media-item .caption.empty{display:none}.tag-separator:before{content:", "}media-item[drag=true]::part(media),[contenteditable=true] iframe{pointer-events:none}column-set+*{--gutter-expand: 1}gallery-grid+*{--gutter-expand: 1}gallery-columnized+*{--gutter-expand: 1}gallery-justify+*{--gutter-expand: 1}gallery-slideshow+*{--gutter-expand: 1}gallery-freeform+*{--gutter-expand: 1}media-item+*{--gutter-expand: 1}column-unit>*:first-child{--gutter-expand: 0}marquee-set h1,marquee-set h2,marquee-set h3,marquee-set h4,marquee-set h5,marquee-set h6,marquee-set h7,marquee-set h8,marquee-set h9{vertical-align:text-bottom;display:inline-block}marquee-set{pointer-events:auto}gallery-slideshow media-item figcaption.caption{display:var(--display-slideshow-captions, none);transform:var(--slideshow-caption-transform, translateX(0px));opacity:var(--slideshow-caption-opacity, 0);text-align:var(--slideshow-caption-align);pointer-events:var(--slideshow-caption-pointer-events, initial);will-change:opacity,transform;position:relative}gallery-slideshow media-item::part(sizing-frame){margin:auto 0;flex-grow:0}gallery-slideshow media-item::part(frame){display:flex;flex-wrap:wrap;width:var(--item-width);height:var(--slide-height);align-content:var(--slideshow-vertical-align);align-self:var(--slideshow-horizontal-align)}body.slideshow-nav-arrow-display,body.slideshow-nav-arrow-display *:not(a,media-item[href],media-item.zoomable){cursor:var(--slideshow-cursor)}body.slideshow-dragging *{cursor:var(--slideshow-cursor) !important}body>media-item[no-component]{all:unset !important;border:none !important;padding:0 !important;position:fixed !important;z-index:5000 !important;pointer-events:none !important;background:none !important;inset:0 !important;overflow:hidden !important}button#edit.edit{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;font-size:var(--fontSize-default);font-family:var(--fontFamily-default);padding:0;text-align:left;white-space:nowrap;background:transparent;display:flex;margin:0;border-radius:3px 0 0 3px;pointer-events:auto;position:fixed;top:50%;transform:translate(0, -50%);right:400px;height:36px;width:12px;z-index:999;cursor:pointer;background-color:rgba(140, 140, 140, 0.4);padding-left:2px;margin-right:5px;width:20px;cursor:pointer;margin:0;right:0}button#edit.edit:active{opacity:.7;user-select:none}button#edit.edit svg{padding:0;width:16px;height:36px;margin-left:2px;opacity:1}button#edit.edit svg path{fill:#fff}.quick-view{--font-scale: 1;--resize-parent-width: unset;width:80%;height:80%;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;padding:5rem;padding-top:5rem;padding-right:5rem;padding-bottom:5rem;padding-left:5rem;display:flex;z-index:5001;transform:translateZ(999px);position:fixed;top:0;left:0;right:0;bottom:0;-webkit-text-size-adjust:100%;-ms-touch-action:none;touch-action:none;line-height:initial;letter-spacing:initial}.quick-view .caption{font-size:clamp(14.5px,var(--font-scale, 1)*var(--font-size, 14.5px),2.4rem)}.quick-view-frame{position:relative;display:flex;height:100%;width:100%}.quick-view-content{height:100%;width:auto}.quick-view-background{backdrop-filter:var(--quick-view-backdrop-filter, none);-webkit-backdrop-filter:var(--quick-view-backdrop-filter, none);transition:backdrop-filter .2s ease}.quick-view.quick-view-navigation{display:block;z-index:5002;position:fixed;inset:0;pointer-events:none;transform:translateZ(999px)}.quick-view::part(slideshow-nav){transition:opacity 222ms ease-in-out;position:absolute;z-index:99;inset:0;pointer-events:none}.pagination-watcher{pointer-events:none;height:1px;margin-top:-1px;width:100%}html,body{overflow-anchor:none}.colorfilter-color,.colorfilter-base{position:absolute;inset:0;pointer-events:none}.colorfilter-color{z-index:9995;display:block;background-color:var(--colorfilter-color, #FF0000);mix-blend-mode:var(--colorfilter-mix, lighten);opacity:var(--colorfilter-color-opacity, 0)}.colorfilter-base{display:block;backdrop-filter:grayscale(clamp(0, var(--colorfilter-grayscale, 0), var(--colorfilter-color-opacity, 0))) brightness(var(--colorfilter-brightness, 1)) contrast(var(--colorfilter-contrast, 1)) invert(var(--colorfilter-invert, 0));-webkit-backdrop-filter:grayscale(clamp(0, var(--colorfilter-grayscale, 0), var(--colorfilter-color-opacity, 0))) brightness(var(--colorfilter-brightness, 1)) contrast(var(--colorfilter-contrast, 1)) invert(var(--colorfilter-invert, 0));z-index:9994}#editor-overlay.safari,.colorfilter-base.safari,.colorfilter-color.safari,#cargo-dotsite.safari{transform:translateZ(0px);animation:loopTranslate .5s steps(2, end) infinite}@keyframes loopTranslate{0%{transform:translateZ(0px)}50%{transform:translateZ(1px)}100%{transform:translateZ(0px)}}.flying-object{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden}.flying-object media-item{position:fixed;top:0;left:0}.flying-object,.flying-object *{user-select:none;pointer-events:none !important}body.audio-player-dragging,body.audio-player-dragging audio-player,body.audio-player-dragging *{cursor:ew-resize}audio-player[browser-default=true]{padding:unset;margin:unset;outline:unset;background:unset;border:unset;transform:unset;height:unset;position:relative;display:inline-block}audio-player::part(button){background:transparent;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;display:inline-flex;width:.7em;contain:layout}audio-player::part(separator){height:100%}audio-player::part(buffer){height:100%}audio-player::part(time-bar){height:100%;display:flex;justify-content:space-between;align-content:center;margin:auto 0;width:0%;flex-grow:1;height:100%}audio-player::part(progress){background:transparent;height:100%}audio-player::part(play-icon),audio-player::part(pause-icon){fill:currentColor;cursor:pointer;width:100%;height:auto}audio-player::part(label){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;margin:auto auto auto 0;flex:0 3 auto;min-width:0;width:100%}audio-player::part(total-time){flex:0 1 auto;margin:auto 0}audio-player::part(current-time),audio-player::part(play-text){flex:0 1 auto;margin:auto 0}audio-player::part(stream-anim):before{content:"Streaming"}audio-player::part(stream-anim){user-select:none;margin:auto auto auto 0}audio-player::part(buffer),audio-player::part(current-time),audio-player::part(note-svg),audio-player::part(play-text),audio-player::part(separator),audio-player::part(total-time){user-select:none;pointer-events:none}audio-player::part(buffer),audio-player::part(play-text),audio-player::part(progress){position:absolute}audio-player::part(time-bar),audio-player::part(button),audio-player::part(current-time),audio-player::part(note-icon),audio-player::part(pause),audio-player::part(play),audio-player::part(total-time){position:relative}audio-player::part(progress-indicator){border:1px solid currentColor;cursor:ew-resize;height:100%;right:0;position:absolute}audio-player{border:var(--border-lines);margin-bottom:.5em;overflow:hidden}audio-player::part(time-bar){background:var(--background-color)}audio-player::part(label),audio-player::part(current-time),audio-player::part(total-time){color:var(--text-color)}audio-player::part(play-icon),audio-player::part(pause-icon){fill:var(--icon-color, currentColor)}audio-player::part(separator){width:0px;background:none}audio-player::part(buffer){background:var(--buffer-background-color)}audio-player::part(progress){background:var(--progress-background-color)}audio-player::part(progress-indicator){border-top:0;border-bottom:0;border-left:0;border-right-width:2px}audio-player::part(button){height:100%;display:inline-flex;align-self:center;background:var(--background-color)}audio-player::part(button):after{color:var(--text-color)}audio-player[status=stopped]::part(button):after,audio-player:not([status])::part(button):after{content:var(--play-text)}audio-player[status=playing]::part(button):after{content:var(--pause-text)}audio-player::part(play-icon),audio-player::part(pause-icon){height:var(--icon-size, 1em);width:auto}audio-player::part(label),audio-player::part(stream-anim),audio-player::part(current-time),audio-player::part(total-time){padding:var(--text-padding)}shop-product{font-size:1.2rem;max-width:22rem;width:100%;position:relative;display:block}shop-product::part(price){line-height:1.1;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit}shop-product::part(dropdown){width:100%;background:transparent;line-height:normal;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;white-space:nowrap;text-overflow:ellipsis;display:inline-block;-webkit-appearance:none;border:0;outline:0}shop-product::part(button),shop-product::part(error){line-height:normal;cursor:pointer;display:inline-block;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}shop-product::part(button):active{opacity:.7}a[rel=show-cart][show-count]:after{counter-reset:variable var(--cart-item-count);content:" (" counter(variable) ")";display:var(--cart-item-count-display, none)}.cargodotsite{position:fixed;bottom:1rem;right:1.4rem;mix-blend-mode:difference;z-index:9999;opacity:.2;cursor:pointer}.mobile .cargodotsite{bottom:.4rem;right:1rem}.cargodotsite:active{opacity:.14}.dl-duplicate{position:fixed;bottom:1rem;right:1.4rem;z-index:9999;cursor:pointer}.mobile .dl-duplicate{bottom:.4rem;right:1rem}.dl-duplicate:active{opacity:.7}</style>
		<link rel="stylesheet" type="text/css" href="https://build.cargo.site/frontend/d32750/index.css">
		<script>!function(){function e(e,o,t){!1===e.prototype.hasOwnProperty(name)&&(e.prototype[o]=t)}e(Node,"saveable",!1),e(Node,"setSaveable",function(e){return this.saveable=e,this}),e(Node,"isSaveable",function(){return this.saveable}),Node.prototype.persistCloneNode=function(){var s=function(e,o,t){for(var i=0;i<e.childNodes.length;i++)t(e.childNodes[i],o.childNodes[i]),0<e.childNodes[i].childNodes.length&&s(e.childNodes[i],o.childNodes[i],t)},e=Node.prototype.cloneNode.apply(this,arguments);return this.isSaveable&&!0===this.isSaveable()&&e.setSaveable(!0),0<this.childNodes.length&&s(this,e,function(e,o){e.isSaveable&&!0===e.isSaveable()&&o.setSaveable(!0)}),e},this.core={markAsEditable:function(e){}}}(window.CargoEditor=window.CargoEditor||{});</script>
	
			<link rel="icon" href="https://freight.cargo.site/t/original/i/Z2245353070432590303054467430816/GenEtudes_3.0_DigitalCover-small.ico" sizes="any">
			
			
			<meta name="description" content="cargo.site">
			<meta name="twitter:card" content="summary_large_image">
			<meta name="twitter:title" content="Matthew Ryals">
			<meta name="twitter:description" content="cargo.site">
			<meta name="twitter:image" content="https://freight.cargo.site/w/1000/i/P2981925854002323501862044301728/screenshot-0682141788.jpg">
			<meta property="og:title" content="Matthew Ryals">
			<meta property="og:description" content="cargo.site">
			<meta property="og:url" content="https://matthewryals.com">
			<meta property="og:image" content="https://freight.cargo.site/w/1000/i/P2981925854002323501862044301728/screenshot-0682141788.jpg">
			<meta property="og:type" content="website">
			<style>/*
 * This CSS file has been generated and is served by Cargo Collective Inc
 * and is authorized to be used on Cargo Collective Inc only.
 *
 * This CSS resource incorporates links to font software which is
 * the valuable copyrighted property of Dinamo Typefaces. You may not
 * attempt to copy, install, redistribute, convert, modify or reverse
 * engineer this font software. Please contact Dinamo with any
 * questions: https://abcdinamo.com/
 */
@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations");
    font-style: italic;
    font-weight: 200 1000;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Semi-Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations");
    font-style: italic;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-display: block;
    font-family: "Diatype Mono Variable";
    src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations");
    font-style: italic;
    font-weight: 200 700;
}

</style>
			</head>
	<body style="opacity: 0;"><customhtml></customhtml><style>html {
	--mobile-scale: 0.81;
	--mobile-padding-offset: 0.5;
}

body {
	--swatch-1: rgba(255, 255, 255, 0.85);
	--swatch-2: rgba(255, 255, 255, 0.75);
	--swatch-3: rgba(255, 255, 255, 0.6);
	--swatch-4: rgba(255, 255, 255, 0.4);
	--swatch-5: rgba(255, 255, 255, 0.25);
	--swatch-7: #ffc600;
	background-color: #151515;
	--swatch-6: #b1b104;
	--colorfilter-color: #FF0000;
	--colorfilter-color-opacity: 1;
	--colorfilter-mix: lighten;
	--colorfilter-grayscale: 1;
}

body.mobile {
}

a:active,
.linked:active,
.zoomable::part(media):active {
	opacity: 0.7;
}

.page a.active {
	color: #ffc600;
}

sub {
	position: relative;
	vertical-align: baseline;
	top: 0.3em;
}

sup {
	position: relative;
	vertical-align: baseline;
	top: -0.4em;
}

.small-caps {
	font-variant: small-caps;
	text-transform: lowercase;
}

ol {
	margin: 0;
	padding: 0 0 0 2.8em;
}

ul {
	margin: 0;
	padding: 0 0 0 2.0em;
}

ul.lineated {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 3em;
	text-indent: -3em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(255, 255, 255, 0.75);
	border: 0;
	height: 2px;
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.content {
	border-color: rgba(0,0,0,.85);
}

bodycopy {
	font-size: 1.25rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile bodycopy {
	font-size: 2.00rem;
}

bodycopy a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline;
}

bodycopy a:hover {
}

h1 {
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-size: 2.55rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile h1 {
	font-size: 3.55rem;
}

h1 a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

h1 a:hover {
}

h2 {
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	color: rgba(255, 255, 255, 0.85);
	font-size: 2.00rem;
	line-height: 1;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile h2 {
	font-size: 3.75rem;
}

h2 a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: underline;
}

h2 a:hover {
}

.caption {
	font-size: 1.2rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85);
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile .caption {
	font-size: 1.55rem;
}

.caption a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: underline;
}

.caption a:hover {
}

media-item .caption {
	margin-top: .5em;
}

gallery-grid .caption,
gallery-columnized .caption,
gallery-justify .caption {
	margin-bottom: 2em;
}

[thumbnail-index] .caption {
	text-align: center;
}

[thumbnail-index] .caption .tags {
	margin-top: 0.25em;
}

.page {
	justify-content: flex-end;
}

.page-content {
	padding: 1.5rem;
	text-align: left;
}

.mobile [id] .page-layout {
	max-width: 100%;
}

.page-layout {
	align-items: flex-start;
	max-width: 60%;
}

media-item::part(media) {
	border: 0;
	padding: 0rem;
}

.quick-view {
	height: 100%;
	width: 100%;
	padding: 3rem;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.quick-view-background {
	background-color: #000000;
}

.quick-view .caption {
	color: #000000;
	padding: 20px 0;
	text-align: center;
	transition: 100ms opacity ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.quick-view .caption-background {
	padding: 0.5rem 1rem;
	display: inline-block;
	background: rgba(255, 255, 255, 0.85);
	border-radius: .5rem;
	text-align: left;
	max-width: 50rem;
}

.mobile .quick-view {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
}

.mobile .quick-view .caption {
	padding: 10px 0;
}

.button-10 {
	--text-style: "buttons";
	font-size: 1.15rem;
	font-weight: 450;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.55;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: #080000;
	background: #ffffff;
	display: inline-block;
	border-radius: 1.5rem;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	border-width: 0.0rem;
	border-style: solid;
	border-color: rgba(0,0,0,0.85);
}

.mobile .button-10 {
	font-size: 1.30rem;
}

.button-10 a {
	color: #080000;
	text-decoration: none;
}

.button-10 a:hover {
	
}

.button-10 a.active {
	color: #ffffff;
	text-decoration: none;
}

.heading-3 {
	--text-style: "Page Buttons";
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	font-weight: 301;
	margin: 0;
	color: rgba(255, 255, 255, 0.85);
	font-size: 1.50rem;
	line-height: 0.6;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	padding: 0rem;
	display: inline-block;
}

.heading-3 a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.heading-3 a:hover {
	
}

.mono-listings {
	--text-style: "Mono Listings";
	font-size: 1.25rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Diatype Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 1;
}

.mobile .mono-listings {
	font-size: 2rem;
}

.mono-listings a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline;
}

.mono-listings a:hover {
	
}

.teaching-offerings {
	--text-style: "Teaching Offerings";
	font-size: 1.60rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.teaching-offerings a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline;
}

.teaching-offerings a:hover {
	
}

.homepage-paragraph {
	--text-style: "Homepage Paragraph";
	font-size: 1.25rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile .homepage-paragraph {
	font-size: 1.80rem;
}

.homepage-paragraph a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline;
}

.homepage-paragraph a:hover {
	
}

.website-name {
	--text-style: "Website Name";
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-size: 2.50rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile .website-name {
	font-size: 4.5rem;
}

.website-name a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.website-name a:hover {
	
}

.mobile-page-buttons {
	--text-style: "Mobile Page Buttons";
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-size: 3.10rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
}

.mobile .mobile-page-buttons {
	font-size: 3.55rem;
}

.mobile-page-buttons a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.mobile-page-buttons a:hover {
	
}

.button-12 {
	--text-style: "button 12";
	font-size: 1.25rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: rgba(0, 0, 0, 0.85);
	display: inline-block;
	border-color: rgba(0, 0, 0, 0.85);
	border-style: solid;
	border-width: 0.2rem;
	filter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));
	will-change: filter;
	border-radius: 0.5rem;
	padding: 0.8rem;
	background: #ffffff;
	padding-right: 1rem;
	padding-left: 1rem;
}

.mobile .button-12 {
	font-size: 2.05rem;
}

.button-12 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12 a:hover {
	
}

.button-12 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12-1 {
	--text-style: "button 12-1";
	font-size: 1.25rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: rgba(0, 0, 0, 0.85);
	display: inline-block;
	border-color: rgba(0, 0, 0, 0.85);
	border-style: solid;
	border-width: 0.2rem;
	filter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));
	will-change: filter;
	border-radius: 0.5rem;
	padding: 0.8rem;
	background: #ffffff;
	padding-right: 1rem;
	padding-left: 1rem;
}

.mobile .button-12-1 {
	font-size: 2.05rem;
}

.button-12-1 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12-1 a:hover {
	
}

.button-12-1 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12-2 {
	--text-style: "button 12-2";
	font-size: 1.25rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: rgba(0, 0, 0, 0.85);
	display: inline-block;
	border-color: rgba(0, 0, 0, 0.85);
	border-style: solid;
	border-width: 0.2rem;
	filter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));
	will-change: filter;
	border-radius: 0.5rem;
	padding: 0.8rem;
	background: #ffffff;
	padding-right: 1rem;
	padding-left: 1rem;
}

.mobile .button-12-2 {
	font-size: 2.05rem;
}

.button-12-2 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12-2 a:hover {
	
}

.button-12-2 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.social-media {
	--text-style: "Social Media";
	font-size: 2.00rem;
	font-weight: 400;
	color: #000000;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	display: inline-block;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	background: rgba(0, 0, 0, 0);
	border-width: 0.0rem;
}

.mobile .social-media {
	font-size: 2.05rem;
}

.social-media a {
	color: #000000;
	text-decoration: underline;
}

.social-media a:hover {
	
}

.button-12-3 {
	--text-style: "button socials landing ";
	font-size: 1.90rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: rgba(0, 0, 0, 0.85);
	display: inline-block;
	border-width: 0rem;
	filter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25));
	will-change: filter;
	border-radius: 0.5rem;
	padding: 0.8rem;
	background: #ffffff;
	padding-right: 1rem;
	padding-left: 1rem;
}

.mobile .button-12-3 {
	font-size: 2.05rem;
}

.button-12-3 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-12-3 a:hover {
	
}

.button-12-3 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-4 {
	--text-style: "button 4";
	font-size: 1.25rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: #000000;
	display: inline-block;
	border-color: rgba(0, 0, 0, 0.85);
	border-style: solid;
	border-radius: 999rem;
	padding-top: 0.6rem;
	padding-right: 1.4rem;
	padding-bottom: 0.6rem;
	padding-left: 1.3rem;
	border-width: 0.2rem;
}

.mobile .button-4 {
	font-size: 2.00rem;
}

.button-4 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-4 a:hover {
	
}

.button-4 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-4-1 {
	--text-style: "button 4-1";
	font-size: 1.25rem;
	font-weight: 400;
	font-family: "Diatype Semi-Mono Variable";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	font-variation-settings: 'slnt' 0, 'MONO' 0.5;
	color: #ffffff;
	display: inline-block;
	border-color: rgba(0, 0, 0, 0.85);
	border-style: solid;
	border-radius: 999rem;
	padding-top: 0.6rem;
	padding-right: 1.4rem;
	padding-bottom: 0.6rem;
	padding-left: 1.3rem;
	border-width: 0.2rem;
	background: #000000;
}

.mobile .button-4-1 {
	font-size: 2.00rem;
}

.button-4-1 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-4-1 a:hover {
	
}

.button-4-1 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.mobile .quick-view .caption-background {
	max-width: 100vw;
}

::part(slideshow-nav) {
	--button-size: 30px;
	--button-inset: 20px;
	--button-icon-color: rgba(0, 0, 0, 0.9);
	--button-icon-stroke-width: 1.5px;
	--button-icon-stroke-linecap: none;
	--button-background-color: rgba(168, 168, 168, 0.6);
	--button-background-radius: 50%;
	--button-active-opacity: 0.7;
}

gallery-slideshow::part(slideshow-nav) {
	--button-inset: 15px;
}

.quick-view::part(slideshow-nav) {
}

.wallpaper-slideshow::part(slideshow-nav) {
}

.mobile ::part(slideshow-nav) {
	--button-inset: 10px;
}

.mobile .quick-view::part(slideshow-nav) {
	--button-inset: 25px;
}

shop-product {
	font-size: 1.2rem;
	max-width: 22rem;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	letter-spacing: 0em;
	margin-bottom: 1em;
}

shop-product::part(price) {
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.1;
	margin-bottom: 0.5em;
}

shop-product::part(dropdown) {
	width: 100%;
	color: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.27);
	background-color: rgba(0, 0, 0, 0.0);
	background-image: url(https://static.cargo.site/assets/images/select-line-arrows-light.svg);
	background-repeat: no-repeat;
	background-position: top 0em right .1em;
	line-height: 1.2;
	padding: 0.58em 2em 0.55em 0.9em;
	border-radius: 10em;
	margin-bottom: 0.5em;
}

shop-product::part(button) {
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.85);
	text-align: left;
	line-height: normal;
	padding: 0.5em 1em;
	cursor: pointer;
	border-radius: 10em;
}

shop-product::part(button):active {
	opacity: .7;
}

audio-player {
	--text-color: rgba(255, 255, 255, 0.85);
	--text-padding: 0 1.2em 0 1.0em;
	--background-color: rgba(255, 255, 255, 0);
	--buffer-background-color: rgba(255, 255, 255, 0.075);
	--progress-background-color: rgba(255, 255, 255, 0.12);
	--border-lines: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 1.2rem;
	width: 32rem;
	height: 2.75em;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	line-height: normal;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	border-radius: 10em;
}

audio-player::part(button) {
	--icon-color: rgba(255, 255, 255, 0.85);
	--icon-size: 32%;
	--play-text: '';
	--pause-text: '';
	width: 3.15em;
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

audio-player::part(play-icon) {
	padding-left: 0.6em;
}

audio-player::part(pause-icon) {
	padding-left: 0.4em;
}

audio-player::part(progress-indicator) {
	border-right: 1px solid rgba(255, 255, 255, 0);
	height: 100%;
	cursor: ew-resize;
}

audio-player::part(separator) {
	border-right: var(--border-lines);
}

body.mobile audio-player {
	max-width: 100%;
}</style><style id="mobile-offset-styles"></style><style id="text-style-font-sizes"></style><style id="link-styles"></style><style id="font-feature-settings-styles"></style><div class="content"><div id="D0583356179" page-url="nav-—-desktop" class="page pinned pinned-top fixed"><a id="nav-—-desktop"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><a class="website-name" href="homepage-1" rel="history">Matthew Ryals</a><br /><span class="heading-3" style="line-height: 1.1;"><ul class="lineated"><li><br /></li><li><br /></li><li><a class="" href="info" rel="history" style="font-size: calc(var(--font-scale) * var(--font-size)); letter-spacing: 0em;">Info</a></li><li><a class="" href="live" rel="history">Live</a></li><li><a class="" href="output" rel="history">Output</a></li><li></li><li><a class="" href="teaching" rel="history">Teaching </a></li><li><a class="" href="collaborations" rel="history">Collaborations </a></li><li><a class="" href="creative-audio-work" rel="history"></a></li></ul><ul class="lineated"><li><a class="" href="creative-audio-work" rel="history">Creative Audio Work </a></li></ul></span><span class="heading-3" style="line-height: 1.3; --font-scale: 0.9;"><ul class="lineated"><li><a href="https://modulargrid.net/e/users/view/46127" target="_blank"><text-icon icon="nav-next"></text-icon> ModularGrid</a></li><li><a href="https://www.instagram.com/artifact.sound.series/" target="_blank">
<text-icon icon="nav-next"></text-icon> Artifact Series</a></li><li><span style="color: rgba(255, 255, 255, 0.75); letter-spacing: 0em;"> </span></li></ul></span>
<br />
<a class="heading-3" href="https://www.subvert.fm/matthewryals" style="line-height: 1.3; --font-scale: 0.9;" target="_blank"><text-icon icon="nav-next"></text-icon> Subvert<ul class="lineated"><li></li></ul></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="caption" style="--font-scale: 0.84;">© 2026 Matthew Ryals. All rights reserved.</span></bodycopy></div></div><style>[id="D0583356179"] .page-content {
	border-width: 0rem;
	border-color: rgba(255, 255, 255, 0.85);
	border-style: solid;
	border-radius: 0rem;
	align-items: flex-start;
}

[id="D0583356179"] .page-layout {
	max-width: 22%;
	padding: 0.2rem;
}

[id="D0583356179"].page {
	justify-content: flex-start;
	min-height: var(--viewport-height);
}</style><style id="mobile-offset-styles-D0583356179"></style></div><div style="margin-top: 0px; margin-bottom: 0px;" class="pages"><div id="A1085696676" page-url="homepage-1" class="page"><a id="homepage-1"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><!--  Google tag (gtag.js)  -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-11530918713"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-11530918713');
</script>
<div style="text-align: right">Synthesist, Composer-Improviser, Teacher<br /></div><br /><br />
<br />
<column-set gutter="0.0rem" mobile-gutter="3.7rem" mobile-stack="true"><column-unit slot="0" span="5"><div style="text-align: center"><media-item class="linked" hash="K2464228302508527432179423902112" href="https://matthewryals.bandcamp.com/album/exalge" scale="76.2%" target="_blank"></media-item></div></column-unit><column-unit slot="1" span="7"><h2 style="color: rgba(255, 254, 254, 0.75); --font-scale: 1.29;"><br />
NEW ALBUM <i>EXALGE</i><br />
OUT NOW</h2><span style="color: rgb(0, 0, 0);"><br />
<br />
<span style="color: rgb(255, 255, 255);"></span></span>A live, fully improvised album for modular synthesizer and viola by Matthew Ryals and effe effe. Recorded live in concert in Milan, Italy. Available via Infrequent Seams.<br /><br />
<br /><span class="button-12" style="--font-scale: 1.14;"><a href="https://matthewryals.bandcamp.com/album/exalge" target="_blank">ORDER VINYL + DIGITAL</a><br />
</span><br />
<br />
<br />
<br />
</column-unit></column-set></bodycopy></div></div><style>[id="A1085696676"] .page-layout {
	padding: 0.2rem;
	max-width: 73%;
}

[id="A1085696676"] .page-content {
	border-width: 0rem;
	border-color: rgba(255, 255, 255, 0.85);
	border-style: solid;
	border-radius: 0.0rem;
	align-items: flex-start;
	width: 100%;
}

[id="A1085696676"].page {
	min-height: var(--viewport-height);
}

[id="A1085696676"] .backdrop {
}

.mobile [id="A1085696676"] .backdrop {
}

.mobile [id="A1085696676"] .page-layout {
}</style><style id="mobile-offset-styles-A1085696676"></style></div></div></div>
		<script src="https://build.cargo.site/frontend/d32750/index.js" async type="module"></script>
	</body>

</html>
