{"version":3,"sources":["webpack:///./src/images/9-cta-arrow-brand-color-1-shade.svg","webpack:///./src/images/9-cta-arrow-brand-color-1-tint.svg","webpack:///./src/components/snippets/DecorationLeftLarge.js","webpack:///./src/components/HeroDivideRight.js","webpack:///./src/images/9-cta-arrow-white.svg","webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./src/components/sections/PublishersStackMediaStatic.js","webpack:///./src/components/ArrowButton.js","webpack:///./src/components/styles/animations.js","webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/HeroOutlineTitle.js","webpack:///./src/pages/publishers/stack-media.js","webpack:///./src/components/HeroLanding.js"],"names":["module","exports","DecorationLeftLarge","width","height","viewBox","fill","d","stroke","className","Wrapper","styled","div","props","theme","background","white","mediaMedium","ContainerBox","Container","Box","Row","span","RowButton","Decoration","Title","Eyebrows16","AnimatedWrapper","HeroDivideRight","contentTag","links","title","children","staticLines","LinesFromRight","color","lines","brandColor2","AnimatedLineSvg","static","triggerOffset","svgWidth","as","map","link","key","label","ArrowButton","attrs","args","large","TitleWrapper","titleWidth","MainHeroTitle","cleanTitle","Headline80","Outline","textBlack1","size","OutlinedText","component","inline","Element","styles","display","style","PublishersStackMediaStatic","images","useStaticQuery","section","image","landingDesktop","to","state","from","Link","imageMobile","landingMedia","bottomMargins","blurImage","keyFrames","SlideInBottom","mediaTransform","imageRatio","imageWidth","imageMaxWidth","topPadding","bottomPadding","imageTranslate","imageMarginTop","bottom","gray4","mediaImgMargins","bottomSize","mediaImgWidth","bottomSizeBottomMedia","gatsbyWidth","subtitle","VARIANTS","shade","brandColor1Shade","icon","iconArrowBrandColor1Shade","hoverColor","brandColor1","tint","brandColor1Tint","iconArrowBrandColor1Tint","iconArrowWhite","gray2","Arrow","Image","Animation","keyframes","Button","variant","opts","omit","alt","src","FadeSlideInTopRight","SlideInRight","FadeSlideInRight","SlideInLeft","SlideInTop","FlyBy","WobbleFrames","FadeInBottomFrames","MoveInBottom","active","translateFrom","FadeInBottom","css","FadeInRight","FadeInLeft","FadeIn","FadeInRightSmall","FadeInLeftSmall","Line1","skew","linesSkew","Line2","Line3","Background","padding","paddingTopMobile","marginTop","marginBottom","paddingBottom","paddingTop","TitleOutline","undefined","Headline64","AsyncSection","loadable","StackMedia","description","ContainerRelative","mediaDesktop","topLargePadding","wrapperOverflow","bottomPaddingMedia","Display","hasMobileImage","animationPre","imageBottom","imageSize","DesktopImage","Bottom","Space","bottomSizeMedia","SubTitle","Eyebrows20","ImageMedia","mediaImgHeight","mediaCss","Blur","blurheight","blurPosition","blurHeightLarge","HomeLanding","animationComponent","noBottom","setActive","useState","handleLoad","onLoad","fluid","childImageSharp","black1","position"],"mappings":"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","file":"component---src-pages-publishers-stack-media-js-5276c874ec132932b617.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjYjIzNjFhIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmY3MDUyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\n\nconst DecorationLeftLarge = () => {\n return (\n \n \n \n \n \n );\n};\n\nexport default DecorationLeftLarge;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Eyebrows16 } from \"./styles/Eyebrows\";\nimport { Body28 } from \"./styles/BodyTypes\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport { brandColor2, white } from \"./styles/Colors\";\nimport ArrowButton from \"./ArrowButton\";\nimport LinesFromRight from \"./LinesFromRight\";\nimport AnimatedLineSvg from \"./AnimatedLineSvg\";\nimport DecorationLeftLarge from \"./snippets/DecorationLeftLarge\";\n\nconst Wrapper = styled.div`\n padding: 24px 0 58px;\n position: relative;\n overflow: hidden;\n background: ${(props) => props.theme.background ?? white};\n\n @media (${mediaMedium}) {\n padding: 120px 0 116px;\n }\n`;\n\nconst ContainerBox = styled(Container)`\n position: relative;\n\n @media (${mediaMedium}) {\n display: flex;\n justify-content: flex-end;\n }\n`;\n\nconst Box = styled.div`\n max-width: ${(props) => props.width ?? \"528px\"};\n\n > div {\n p {\n margin-bottom: 0;\n }\n }\n`;\n\nconst Row = styled.span`\n display: block;\n margin-top: 24px;\n\n @media (${mediaMedium}) {\n margin-top: 67px;\n }\n`;\n\nconst RowButton = styled.span`\n display: block;\n\n &:not(:last-child) {\n margin-bottom: 18px;\n }\n\n @media (${mediaMedium}) {\n &:not(:last-child) {\n margin-bottom: 23px;\n }\n }\n`;\n\nconst Decoration = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n top: 50px;\n left: -16%;\n pointer-events: none;\n`;\n\nconst Title = styled(Eyebrows16)`\n margin-bottom: 38px;\n`;\n\nconst AnimatedWrapper = styled.div`\n position: absolute;\n width: 2656px;\n height: 100%;\n top: -52px;\n pointer-events: none;\n\n @media (max-width: 1079px) {\n right: -80%;\n }\n\n @media (max-width: 980px) {\n right: -90%;\n }\n\n @media (max-width: 890px) {\n right: -115%;\n }\n\n @media (min-width: 1080px) {\n left: -60%;\n right: initial;\n }\n`;\n\nconst HeroDivideRight = ({\n contentTag,\n links,\n theme,\n title,\n children,\n staticLines\n}) => {\n return (\n \n {theme && theme.background && (\n \n \n \n )}\n\n \n {(!theme || (theme && !theme.background)) && (\n \n \n \n \n \n )}\n \n {title && {title}}\n \n {children}\n {links && (\n \n {links.map((link) => {\n return (\n \n \n {link.label}\n \n \n );\n })}\n \n )}\n \n \n \n \n );\n};\n\nexport default HeroDivideRight;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\nimport { Headline80 } from \"./styles/Headings\";\nimport PrimaryButton from \"./PrimaryButton\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n position: relative;\n z-index: 4;\n`;\n\nconst TitleWrapper = styled.div`\n max-width: ${(props) => props.theme.titleWidth ?? \"570px\"};\n margin-bottom: 22px;\n text-transform: uppercase;\n\n @media (${mediaMedium}) {\n margin-bottom: 40px;\n }\n`;\n\nconst MainHeroTitle = ({ children, label, link, cleanTitle, theme, as }) => {\n const Title = cleanTitle ? \"div\" : Headline80;\n return (\n \n \n {children}\n \n\n {label && {label}}\n \n );\n};\n\nexport default MainHeroTitle;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { textBlack1, white } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Outline = styled.span`\n color: ${(props) => props.color ?? textBlack1};\n -webkit-text-fill-color: ${(props) => props.fill ?? white};\n -webkit-text-stroke-width: ${(props) => props.size ?? \"1px\"};\n -webkit-text-stroke-color: ${(props) =>\n props.stroke ?? props.color ?? textBlack1};\n\n @media (${mediaMedium}) {\n -webkit-text-stroke-width: ${(props) => props.size ?? \"2px\"};\n }\n`;\n\nconst OutlinedText = ({\n color,\n fill,\n stroke,\n size,\n as,\n component,\n children,\n inline\n}) => {\n const Element = component ?? \"\";\n const styles = inline ? { display: \"inline\" } : {};\n\n return (\n \n \n {children}\n \n \n );\n};\n\nexport default OutlinedText;\n","import React from \"react\";\nimport HomeLanding from \"../HeroLanding\";\nimport { graphql, Link, useStaticQuery } from \"gatsby\";\nimport { brandColor2, gray4 } from \"../styles/Colors\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport { Headline80 } from \"../styles/Headings\";\nimport HeroTitleOutline from \"../HeroOutlineTitle\";\nimport HeroDivideRight from \"../HeroDivideRight\";\nimport { SlideInBottom } from \"../styles/animations\";\n\nconst PublishersStackMediaStatic = () => {\n const images = useStaticQuery(graphql`\n query {\n landingDesktop: file(relativePath: { eq: \"27-stackads-desktop.png\" }) {\n childImageSharp {\n fluid(quality: 100) {\n ...GatsbyImageSharpFluid_withWebp_noBase64\n ...GatsbyImageSharpFluidLimitPresentationSize\n }\n }\n }\n landingMedia: file(relativePath: { eq: \"27-stackads-mobile.png\" }) {\n childImageSharp {\n fluid(maxWidth: 911, maxHeight: 1012, quality: 100) {\n ...GatsbyImageSharpFluid_withWebp_noBase64\n ...GatsbyImageSharpFluidLimitPresentationSize\n }\n }\n }\n }\n `);\n\n return (\n <>\n \n ADVERTISING
FOR THE\n \n MODERN PUBLISHER\n \n \n\n \n\n \n

\n We connect you with top advertisers to become an extension of your ad\n sales team. That way, you can effortlessly scale ad revenues without\n compromising the reader experience.\n

\n \n \n );\n};\n\nexport default PublishersStackMediaStatic;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport Image from \"./Image\";\n\nimport omit from \"lodash/omit\";\nimport { Link } from \"gatsby\";\nimport {\n brandColor1,\n brandColor1Shade,\n brandColor1Tint,\n gray2,\n white\n} from \"./styles/Colors\";\n\nimport iconArrowBrandColor1Shade from \"../images/9-cta-arrow-brand-color-1-shade.svg\";\nimport iconArrowBrandColor1Tint from \"../images/9-cta-arrow-brand-color-1-tint.svg\";\nimport iconArrowWhite from \"../images/9-cta-arrow-white.svg\";\n\nconst VARIANTS = {\n shade: {\n color: brandColor1Shade,\n icon: iconArrowBrandColor1Shade,\n hoverColor: brandColor1\n },\n tint: {\n color: brandColor1Tint,\n icon: iconArrowBrandColor1Tint,\n hoverColor: brandColor1\n },\n white: {\n color: white,\n icon: iconArrowWhite,\n hoverColor: gray2\n }\n};\n\nconst Arrow = styled(Image)`\n margin-left: 19px;\n transition: 0.3s transform;\n`;\n\nconst Animation = keyframes`\n to {transform: scale(1) translateX(0%)}\n 50% {transform: scale(1.2) translateX(10%)}\n from {transform: scale(1) translateX(0%)}\n`;\n\nconst Button = styled(Link)`\n display: inline-flex;\n align-items: center;\n color: ${(props) => VARIANTS[props.variant].color};\n transition: 0.3s color;\n cursor: pointer;\n text-decoration: none;\n\n &:hover {\n color: ${(props) => VARIANTS[props.variant].hoverColor};\n\n ${Arrow} {\n animation: ${Animation} 1s linear infinite;\n }\n }\n`;\n\nconst ArrowButton = ({ attrs, large, children, variant = \"shade\" }) => {\n const opts = omit(attrs, [\"as\"]);\n opts.as = (attrs && attrs.as) || (attrs && attrs.to) ? attrs.as : \"span\";\n return (\n \n );\n};\n\nexport default ArrowButton;\n","import styled, { keyframes, css } from \"styled-components\";\n\nexport const FadeSlideInTopRight = keyframes`\n 0% {\n transform: translateY(-20%) translateX(20%);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateY(0) translateX(0);\n opacity: 1;\n }\n`;\n\nexport const SlideInRight = keyframes`\n 0% {\n transform: translateX(30%);\n }\n 100% {\n transform: translateX(0);\n }\n`;\n\nexport const FadeSlideInRight = keyframes`\n 0% {\n transform: translateX(30%);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n`;\n\nexport const SlideInLeft = keyframes`\n 0% {\n transform: translateX(-30%);\n }\n 100% {\n transform: translateX(0);\n }\n`;\n\nexport const SlideInBottom = keyframes`\n 0% {\n transform: translateY(20%);\n }\n 100% {\n transform: translateY(0);\n }\n`;\n\nexport const SlideInTop = keyframes`\n 0% {\n transform: translateY(-20%);\n }\n 100% {\n transform: translateY(0);\n }\n`;\n\nexport const FlyBy = keyframes`\n 0% {\n transform: translateY(20%) translateX(-20%);\n }\n 100% {\n transform: translateY(0) translateX(0);\n }\n`;\n\nexport const FadeInFrames = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(40%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n`;\n\nexport const WobbleFrames = keyframes`\n 0% {\n -webkit-transform: none;\n transform: none\n }\n 15% {\n transform: translate3d(0, -15%, 0);\n }\n 30% {\n transform: translate3d(0, 10%, 0);\n }\n 45% {\n transform: translate3d(0, -15%, 0);\n }\n 60% {\n transform: translate3d(0, 0%, 0);\n }\n 75% {\n transform: translate3d(0, -15%, 0);\n }\n 100% {\n transform: none\n }\n`;\n\nexport const FadeInBottomFrames = keyframes`\n 0% {\n transform: translateY(20%);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n`;\n\nexport const MoveInBottom = styled.div`\n transition: ease 0.8s;\n transition-property: transform;\n transform: translateY(\n ${(props) => (props.active ? 0 : props.translateFrom ?? 20)}%\n );\n transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n`;\n\nexport const FadeInBottom = styled.div`\n transform: translateY(20%);\n opacity: 0;\n animation: ${(props) =>\n props.active\n ? css`\n ${FadeInBottomFrames} 0.8s ease forwards 0.1s\n `\n : \"none\"};\n`;\n\nexport const FadeInRight = styled.div`\n transition: ease 0.8s;\n transition-property: transform;\n transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n transform: translateX(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInLeft = styled.div`\n transition: ease 0.8s;\n transition-property: transform, opacity;\n transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n transform: translateX(${(props) => (props.active ? 0 : -70)}%);\n opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeIn = styled.div`\n transition: ease 0.8s;\n transition-property: opacity;\n transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeInSmall = styled(FadeInBottom)`\n transform: translateY(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInRightSmall = styled(FadeInRight)`\n transform: translateX(${(props) => (props.active ? 0 : 50)}%);\n`;\n\nexport const FadeInLeftSmall = styled.div`\n transition: ease 0.8s;\n transition-property: transform, opacity;\n transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n transform: translateX(${(props) => (props.active ? 0 : -20)}%);\n opacity: ${(props) => (props.active ? 1 : 0)};\n`;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n position: relative;\n width: 100%;\n padding-top: 100%;\n pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n @media (${mediaMedium}) {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 35%;\n transform: skewX(${(props) => props.skew ?? linesSkew});\n border-top: 1px solid;\n border-left: 1px solid;\n border-color: ${(props) => props.color ?? brandColor2};\n }\n`;\n\nconst Line2 = styled(Line1)`\n @media (${mediaMedium}) {\n top: 18px;\n left: calc(35% - 32px);\n }\n`;\n\nconst Line3 = styled(Line1)`\n @media (${mediaMedium}) {\n top: 36px;\n left: calc(35% - 64px);\n }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n return (\n \n \n \n \n \n );\n};\n\nexport default LinesFromRight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Headline64 } from \"./styles/Headings\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport OutlinedText from \"./styles/OutlinedText\";\nimport { white } from \"./styles/Colors\";\n\nconst Background = styled.div`\n background: ${(props) => props.theme.background ?? white};\n padding: ${(props) => props.theme.padding ?? 0};\n`;\n\nconst Wrapper = styled(Container)`\n padding-top: ${(props) => props.theme.paddingTopMobile ?? \"0px\"};\n\n @media (${mediaMedium}) {\n margin-top: ${(props) => props.theme.marginTop ?? \"-100px\"};\n margin-bottom: ${(props) => props.theme.marginBottom ?? \"0px\"};\n position: relative;\n z-index: 2;\n padding-bottom: ${(props) => props.theme.paddingBottom ?? \"0\"};\n padding-top: ${(props) => props.theme.paddingTop ?? \"0px\"};\n }\n`;\n\nconst Box = styled.div`\n max-width: ${(props) => props.theme.width ?? \"400px\"};\n padding: 16px 0;\n`;\n\nconst TitleOutline = ({ title, theme, subtitle, inline }) => {\n return (\n \n \n \n \n {title}{\" \"}\n \n {subtitle}\n \n \n \n \n \n );\n};\n\nexport default TitleOutline;\n","import React from \"react\";\nimport Layout from \"../../components/Layout\";\nimport Seo from \"../../components/Seo\";\nimport loadable from \"@loadable/component\";\nimport LazyLoadSection from \"../../components/LazyLoadSection\";\nimport StaticSection from \"../../components/sections/PublishersStackMediaStatic\";\n\nconst AsyncSection = loadable(() =>\n import(\"../../components/sections/PublishersStackMediaDefer\")\n);\n\nconst StackMedia = () => (\n \n \n\n }>\n \n \n \n);\n\nexport default StackMedia;\n","import React, { useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { black1, white } from \"./styles/Colors\";\nimport { mediaDesktop, mediaMedium } from \"./styles/variables\";\nimport MainHeroTitle from \"./MainHeroTitle\";\nimport Container from \"./styles/Container\";\nimport { Eyebrows20 } from \"./styles/Eyebrows\";\nimport Image from \"./Image\";\n\nconst ContainerRelative = styled(Container)`\n position: relative;\n padding-top: 43px;\n\n @media (${mediaMedium}) {\n padding-top: ${(props) => props.theme.topPadding ?? \"38px\"};\n padding-bottom: ${(props) => props.theme.bottomPadding ?? \"240px\"};\n }\n\n @media (${mediaDesktop}) {\n padding-top: ${(props) => props.theme.topLargePadding ?? \"38px\"};\n }\n`;\n\nconst Wrapper = styled.div`\n position: relative;\n z-index: 1;\n max-width: 100vw;\n background-color: ${white};\n overflow: ${(props) => props.theme.wrapperOverflow ?? \"hidden\"};\n padding-bottom: ${(props) => props.theme.bottomPaddingMedia ?? \"0px\"};\n\n @media (${mediaMedium}) {\n padding-bottom: 0;\n }\n`;\n\nconst Display = styled.div`\n width: ${(props) => props.theme.imageWidth ?? \"100vw\"};\n max-width: ${(props) => props.theme.imageMaxWidth ?? \"100vw\"};\n transform: ${(props) => props.theme.mediaTransform ?? \"translateX(-20px)\"};\n margin-top: ${(props) => props.theme.imageMarginTop ?? \"64px\"};\n ${(props) => (props.hasMobileImage ? \"display: none;\" : \"\")};\n\n .gatsby-image-wrapper {\n opacity: ${(props) => (props.active ? 1 : 0)};\n ${(props) => props.theme.animationPre ?? \"\"}\n animation: ${(props) =>\n props.theme.keyFrames && props.active\n ? css`\n ${props.theme.keyFrames}\n `\n : \"none\"}\n 0.9s ease both 0.5s;\n }\n\n @media (${mediaMedium}) {\n ${(props) => (props.theme.styles ? props.theme.styles : \"\")};\n ${(props) => (props.hasMobileImage ? \"display: block;\" : \"\")};\n position: absolute;\n right: 0;\n border: 0;\n bottom: ${(props) => props.theme.imageBottom ?? \"0\"};\n transform: ${(props) =>\n props.theme.imageTranslate ??\n \"translate(calc(100% * 4 / 12), calc(100% * 2 / 12))\"};\n z-index: 1;\n width: ${(props) => props.theme.imageSize ?? \"calc(100% * 10 / 12)\"};\n\n .gatsby-image-wrapper {\n margin-right: 0;\n margin-left: auto;\n\n ${(props) =>\n props.theme.gatsbyWidth\n ? `max-width: ${props.theme.gatsbyWidth} !important; max-height: none !important`\n : \"\"};\n }\n }\n`;\n\nconst DesktopImage = styled(Image)`\n display: block;\n width: 100%;\n`;\n\nconst Bottom = styled.div`\n background-color: ${(props) => props.color};\n margin-top: ${(props) => props.marginTop ?? \"0\"};\n position: relative;\n z-index: 1;\n\n @media (min-width: 720px) {\n margin-top: ${(props) => `calc(${props.marginTop}/1.5)` ?? \"0\"};\n }\n\n @media (${mediaMedium}) {\n z-index: initial;\n margin: 0;\n }\n`;\n\nconst Space = styled.div`\n padding-top: ${(props) => props.theme.bottomSizeMedia ?? \"0\"};\n padding-bottom: ${(props) => props.theme.bottomSizeBottomMedia ?? \"93px\"};\n\n @media (${mediaMedium}) {\n display: block;\n width: 100%;\n padding-top: ${(props) => props.theme.bottomSize ?? \"104px\"};\n }\n`;\n\nconst SubTitle = styled(Eyebrows20)`\n margin: 0 0 28px;\n`;\n\nconst ImageMedia = styled(Image)`\n pointer-events: none;\n max-width: ${(props) => props.theme.mediaImgWidth ?? \"100%\"} !important;\n max-height: ${(props) => props.theme.mediaImgHeight ?? \"100%\"} !important;\n width: 100%;\n margin: ${(props) => props.theme.mediaImgMargins ?? \"40px 0 0\"};\n ${(props) => props.theme.mediaCss ?? \"\"};\n z-index: 2;\n transform: ${(props) => props.theme.mediaTransform ?? \"none\"};\n\n opacity: ${(props) => (props.active ? 1 : 0)};\n ${(props) => props.theme.animationPre ?? \"\"}\n animation: ${(props) =>\n props.theme.keyFrames && props.active\n ? css`\n ${props.theme.keyFrames}\n `\n : \"none\"}\n 0.9s ease both 0.5s;\n\n @media (${mediaMedium}) {\n max-width: 90% !important;\n max-height: none !important;\n display: none;\n }\n`;\n\nconst Blur = styled.div`\n z-index: 2;\n width: 100%;\n height: ${(props) => props.theme.blurheight ?? 30}px;\n position: absolute;\n bottom: ${(props) => props.theme.blurPosition ?? 0};\n right: -25%;\n background: linear-gradient(\n 0deg,\n rgba(245, 245, 245, 0.95) 0%,\n rgba(245, 245, 245, 0.9) 20%,\n rgba(245, 245, 245, 0) 100%\n );\n\n @media (${mediaMedium}) {\n height: ${(props) => props.theme.blurHeightLarge ?? 110}px;\n }\n`;\n\nconst HomeLanding = ({\n animationComponent,\n link,\n image,\n imageMobile,\n theme,\n cleanTitle,\n children,\n section,\n bottomMargins,\n noBottom,\n blurImage\n}) => {\n const hasMobileImage = !!imageMobile;\n\n const [active, setActive] = useState(false);\n\n const handleLoad = () => {\n setActive(true);\n };\n\n return (\n \n \n {section && {section}}\n \n {children}\n \n {!animationComponent && image && (\n \n \n \n )}\n\n {animationComponent && animationComponent}\n \n\n {!animationComponent && imageMobile && (\n \n )}\n\n {!noBottom && (\n \n \n \n \n \n )}\n {blurImage && (\n \n \n \n )}\n \n );\n};\n\nexport default HomeLanding;\n"],"sourceRoot":""}