{"version":3,"sources":["webpack:///./src/components/Line.jsx","webpack:///./src/hooks/useIsSmall.jsx","webpack:///./src/pages/contact.js","webpack:///./src/components/pages/Foreword/ReportContent.jsx","webpack:///./src/components/List/index.jsx","webpack:///./src/components/List/Item.jsx"],"names":["Line","noPadding","className","style","padding","useIsSmall","useState","isSmall","setIsSmall","checkDeviceSize","e","matches","useEffect","mql","window","matchMedia","addListener","styled","div","pageMargins","remCalc","typography","type","secondary","primary","contact","location","useStaticQuery","Hero","bg","animationData","mobileAnimationData","mobileColors","color","header","foreword","pathname","href","StyledReport","ReportContent","to","StyledList","device","List","children","StyledItem","WithLink","withComponent","Link","Item","scrollElementClass","data-id"],"mappings":"4FAAA,yBAaeA,IAXF,SAAC,GAAmB,IAAjBC,EAAgB,EAAhBA,UACd,OACE,yBACEC,UAAU,gBACVC,MAAOF,EAAY,CAAEG,QAAS,WAAc,IAE5C,yBAAKF,UAAU,2B,wMCiBNG,EAvBI,WACjB,MAA8BC,oBAAS,GAAhCC,EAAP,KAAgBC,EAAhB,KAMMC,EAAkB,SAAAC,GAClBA,EAAEC,QACJH,GAAW,GAEXA,GAAW,IASf,OANAI,qBAAU,WACR,IAAMC,EAAMC,OAAOC,WAAW,sBAC9BF,EAAIG,YAAYP,GAEhBD,EAAWK,EAAIF,WACd,IACIJ,GCRcU,IAAOC,IAAV,6EAAGD,CAAH,87BAEhBE,IAuBiBC,YAAQ,IACRC,IAAWC,KAAKC,UAKdH,YAAQ,IAERC,IAAWC,KAAKE,QAuBpBJ,YAAQ,KAwDZK,UAzCC,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SACDrB,IACHsB,yBAAe,cAW5B,OACE,kBAAC,IAAD,CAAQD,SAAUA,GAChB,kBAACE,EAAA,EAAD,CACEC,GAAG,QACHC,cAAeA,EACfC,oBAAqBA,EACrBC,aAAcC,IAAMC,OAAOC,SAC3BT,SAAUA,EAASU,SACnBX,SAAO,GAEP,yBAAKvB,UAAU,gBACb,uBAAGA,UAAU,sBAAb,iBACA,oDACA,2BACE,uBAAGmC,KAAK,oCAAR,+BAMJ,uBAAGnC,UAAU,uBAAuBmC,KAAK,uBAAzC,6B,kCCtHR,6GAUMC,GAVN,UAUqBrB,IAAOC,IAAV,kFAAGD,CAAH,86BAEdE,IAIgBC,YAAQ,KA6BLC,IAAWC,KAAKC,UAYtBH,YAAQ,MAuDVmB,IAnCO,WACpB,OACE,kBAACD,EAAD,KACE,wBAAIpC,UAAU,kCAAd,mBACA,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMsC,GAAG,kCACP,4DACA,kBAAC,IAAD,OAEF,kBAAC,IAAD,CAAMA,GAAG,0BACP,0DACA,kBAAC,IAAD,OAGF,kBAAC,IAAD,CAAMA,GAAG,sBACP,gDACA,kBAAC,IAAD,OAEF,kBAAC,IAAD,CAAMA,GAAG,SACP,mCACA,kBAAC,IAAD,OAEF,kBAAC,IAAD,CAAMA,GAAG,mBACP,2DACA,kBAAC,IAAD,OAEF,kBAAC,IAAD,CAAMA,GAAG,0BACP,oDACA,kBAAC,IAAD,W,kCCzGV,yBAGMC,EAHN,UAGmBxB,EAAOC,IAAV,uEAAGD,CAAH,0XAIH,gBAAGyB,EAAH,EAAGA,OAAH,MACE,YAAXA,GAAyBA,EAA0B,OAAjB,kBAavB,kBACE,YADF,EAAGA,OACW,OAAS,kBAmBvBC,IARF,SAAC,GAA0B,IAAxBC,EAAuB,EAAvBA,SAAUF,EAAa,EAAbA,OACxB,OACE,kBAACD,EAAD,CAAYC,OAAQA,EAAQxC,UAAU,QACnC0C,K,kCCpCP,uEAMaC,GANb,8BAM0B5B,EAAOC,IAAV,sEAAGD,CAAH,4NAgBN,+BAAGuB,GAAwB,SAAW,QAAtC,QAIXM,EAAWD,EAAWE,cAAcC,QAmB3BC,IAjBF,SAAC,GAAiD,IAA/CL,EAA8C,EAA9CA,SAA8C,IAApCJ,UAAoC,MAA/B,KAA+B,EAAzBU,EAAyB,EAAzBA,mBAQnC,OAAOV,EACL,kBAACM,EAAD,CAAUN,GAAIA,GAAKI,GAEnB,kBAACC,EAAD,CAAY3C,UAAU,OAAOiD,UAASD,GACnCN","file":"component---src-pages-contact-js-f5b0094a98cf54d80299.js","sourcesContent":["import React from \"react\"\n\nconst Line = ({ noPadding }) => {\n return (\n \n
\n
\n )\n}\n\nexport default Line\n","import React, { useState, useEffect } from \"react\"\n\nconst useIsSmall = () => {\n const [isSmall, setIsSmall] = useState(false)\n // useEffect(() => {\n // if (swiperSlides.length > 1) {\n // initSwiper();\n // }\n // }, [swiperSlides]);\n const checkDeviceSize = e => {\n if (e.matches) {\n setIsSmall(true)\n } else {\n setIsSmall(false)\n }\n }\n useEffect(() => {\n const mql = window.matchMedia(\"(max-width: 640px)\")\n mql.addListener(checkDeviceSize)\n\n setIsSmall(mql.matches)\n }, [])\n return isSmall\n}\n\nexport default useIsSmall\n","import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport styled from \"styled-components\"\nimport Hero from \"../components/Hero\"\nimport Layout from \"../layouts\"\nimport { pageMargins, remCalc } from \"../styles/utils\"\nimport LetterAnimation from \"../animations/LetterAnimation\"\nimport { typography, color } from \"../styles/variables\"\nimport ReportContent from \"../components/pages/Foreword/ReportContent\"\nimport animationData from \"../animations/DESKTOP_MOBILE/01-Intro.json\"\nimport mobileAnimationData from \"../animations/DESKTOP_MOBILE/01-Intro_MOBILE.json\"\nimport useIsSmall from \"../hooks/useIsSmall\"\n\nconst StyledForeword = styled.div`\n width: 100%;\n ${pageMargins};\n position: relative;\n padding-top: 5rem;\n padding-bottom: 5rem;\n display: flex;\n @media only screen and (max-width: 640px) {\n flex-direction: column-reverse;\n padding-top: 3rem;\n padding-bottom: 3rem;\n }\n & .foreword_copy {\n width: 50%;\n position: relative;\n @media only screen and (max-width: 640px) {\n width: 100%;\n }\n a {\n color: black;\n cursor: pointer;\n }\n & p {\n margin: 2rem 0;\n font-size: 1.25rem;\n line-height: ${remCalc(30)};\n font-family: ${typography.type.secondary};\n &:first-child {\n margin-top: 0;\n }\n & strong {\n line-height: ${remCalc(33)};\n\n font-family: ${typography.type.primary};\n font-size: 1.5rem;\n @media only screen and (max-width: 1024px) {\n font-size: 1.25rem;\n line-height: 30px;\n }\n @media only screen and (max-width: 640px) {\n font-size: 18px;\n line-height: 27px;\n font-weight: normal;\n /* font-family: ${typography.type.secondary}; */\n }\n }\n }\n }\n & .ceo_image {\n width: 50%;\n padding: 0 5rem;\n @media only screen and (max-width: 640px) {\n width: 75%;\n padding: 0;\n }\n & p {\n font-size: ${remCalc(18)};\n }\n @media only screen and (max-width: 1024px) and (min-width: 640px) {\n padding: 0 2rem;\n }\n @media only screen and (max-width: 640px) {\n padding: 0rem;\n & .ceo-text {\n margin-bottom: 2rem;\n margin-top: 0.2rem;\n }\n }\n }\n`\n\nconst contact = ({ location }) => {\n const isSmall = useIsSmall()\n const data = useStaticQuery(graphql`\n query {\n ceoImage: file(relativePath: { eq: \"ceo-image.jpg\" }) {\n childImageSharp {\n fluid(maxWidth: 1000) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n `)\n return (\n \n \n
\n

Chris Hogwood

\n

MD, Corporate Affairs

\n

\n \n chris.hogwood@landsec.com\n \n

\n
\n\n \n Return to landsec.com\n \n \n \n )\n}\n\nexport default contact\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\nimport { remCalc, pageMargins } from \"../../../styles/utils\"\nimport { typography } from \"../../../styles/variables\"\nimport Explore from \"../../../images/svgs/Explore\"\nimport Item from \"../../List/Item\"\nimport List from \"../../List\"\nimport Line from \"../../Line\"\n\nconst StyledReport = styled.div`\n width: 100%;\n ${pageMargins}\n\n justify-content: space-between;\n display: flex;\n padding-bottom: ${remCalc(104)};\n & .list {\n margin-top: 0;\n }\n & a {\n color: black;\n text-decoration: none;\n border-bottom: 1px solid #a6b6ba;\n &:hover {\n text-decoration: underline;\n }\n }\n\n & .report_links {\n width: 50%;\n position: relative;\n &-link {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n border-bottom: 1px solid #a6b6ba;\n cursor: pointer;\n @media only screen and (max-width: 640px) {\n padding: 0;\n }\n & p {\n font-size: 1.5rem;\n font-family: ${typography.type.secondary};\n }\n & svg {\n transform: rotate(-90deg);\n @media only screen and (max-width: 640px) {\n width: 2rem;\n height: 2rem;\n }\n }\n }\n }\n & .reports_contents-title {\n font-size: ${remCalc(56)};\n letter-spacing: -1px;\n width: 50%;\n max-width: 28rem;\n margin-right: 1rem;\n position: relative;\n @media only screen and (max-width: 1024px) and (min-width: 640px) {\n font-size: 40px;\n line-height: 50px;\n }\n @media only screen and (max-width: 640px) {\n font-size: 24px;\n line-height: 33px;\n }\n }\n @media only screen and (max-width: 640px) {\n flex-direction: column;\n }\n`\n\nconst ReportContent = () => {\n return (\n \n

Report contents

\n \n \n

Landsec contribution overview

\n \n \n \n

Total economic contribution

\n \n \n\n \n

Covid-19 response

\n \n \n \n

Jobs

\n \n \n \n

Environmental sustainability

\n \n \n \n

Social sustainability

\n \n \n \n \n )\n}\n\nexport default ReportContent\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst StyledList = styled.div`\n width: 50%;\n position: relative;\n margin-top: 2rem;\n display: ${({ device }) =>\n device === \"desktop\" || !device ? \"inline-block\" : \"none\"};\n & .item {\n border-bottom: 1px solid #a6b6ba;\n &:last-child {\n border-bottom: 1px solid transparent;\n }\n }\n & a {\n &:last-child {\n border-bottom: 1px solid transparent;\n }\n }\n @media only screen and (max-width: 1024px) {\n display: ${({ device }) =>\n device === \"desktop\" ? \"none\" : \"inline-block\"};\n width: 100%;\n & .item {\n border-bottom: 1px solid #a6b6ba;\n &:last-of-type {\n border-bottom: 1px solid transparent !important;\n }\n }\n }\n`\n\nconst List = ({ children, device }) => {\n return (\n \n {children}\n \n )\n}\n\nexport default List\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { remCalc, pageMargins } from \"../../styles/utils\"\nimport { typography } from \"../../styles/variables\"\nimport styled from \"styled-components\"\n\nexport const StyledItem = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n position: relative;\n cursor: pointer;\n @media only screen and (max-width: 640px) {\n & svg {\n width: 2rem;\n height: 2rem;\n }\n }\n\n & svg {\n transform: ${({ to }) => `rotate(${to ? \"-90deg\" : \"0deg\"})`};\n }\n`\n\nconst WithLink = StyledItem.withComponent(Link)\n\nconst Item = ({ children, to = null, scrollElementClass }) => {\n // const scrollElement = () => {\n // document.querySelector(`.${scrollElementClass}`).scrollIntoView({\n // behavior: \"smooth\",\n // block: \"start\",\n // inline: \"nearest\",\n // })\n // }\n return to ? (\n {children}\n ) : (\n \n {children}\n \n )\n}\n\nexport default Item\n"],"sourceRoot":""}