{"version":3,"file":"styles/scripts.css","mappings":";;;AAAA;;;EAGE;ACCF;;ADEA;EACE;ACCF;;ADEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;EACA;EACA;EACA;ACCF;;ADEA;;;;;;;;;;;EAWE;ACCF;;ADEA;EACE;ACCF;;ADEA;;EAEE;ACCF;;ADEA;;EAEE;ACCF;;ADEA;;;;EAIE;EACA;ACCF;;ADEA;EACE;EACA;ACCF;;ACvIA;AAGA;ECHE,qCCOa;EDNb;EACA;EACA;EACA;AF4IF;AI5BI;EHjHJ;ICII;EF6IF;AACF;;AChJA;ECOE,qCCLa;EDMb;EACA;EACA;EACA;AF6IF;;ACtJA;ECaE,qCCba;EDcb;EACA;EACA;EACA;AF6IF;;AC3JA;ECkBE,+BCpBe;EDqBf;EACA;EACA;EACA;EACA;EACA;AF6IF;AI3DI;EH1GJ;IC2BI;EF8IF;AACF;;ACvKA;ECiDE,qCCvDa;EDwDb;EACA;EACA;EACA;AF0HF;AIxEI;EHvGJ;ICwDI;EF2HF;AACF;;AClLA;;;EC2DE,+BClEe;EDmEf;EACA;EACA;EACA;EACA;AF6HF;AIxFI;EHrGJ;;;ICmEI;EFgIF;AACF;;ACjMA;EAAc,cEhBN;AHqNR;;ACnMA;EAAa,cEjBL;AHwNR;;ACrMA;EAAgB,cElBV;AH2NN;;ACtMA;AACA;EAAyC;AD0MzC;;ACxMA;EAAwC;AD4MxC;;AC1MA;;;;;;;;;EAAwC;ADsNxC;;ACpNA;EAAyC;ADwNzC;;ACtNA;;;;;;;EAAwC;ADgOxC;;AC9NA;EAAmC;ADkOnC;;AChOA;EAAyC;ADoOzC;;AClOA;;;;;;;EAAwC;AD4OxC;;AC1OA;EAAyC;AD8OzC;;AC5OA;;;;;;;;;;;EAA2C;AD0P3C;;ACxPA;EAAqC;AD4PrC;;AC1PA;;;;;;;EAAwC;ADoQxC;;AClQA;;;;;;;;;;;;;;;;;;;;;;;;;EAA0C;AD8R1C;;AC5RA;;;EAAqC;ADkSrC;;AChSA;EAAqC;ADoSrC;;AK1VA;AAIA;AAEA;EACE;EACA;EACA;ALyVF;;AKrVE;EH0EA,qCChFa;EDiFb;EACA;EACA;EACA;EACA;EI1FA;EACA;EACA;EACA,cHFM;EGGN,qBHFI;EGGJ;EA+CE,qBHlDE;AH8WN;AMzWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,yBHdI;EGeJ;AN2WJ;AMxWE;;EAIE,4BHHiB;AH2WrB;AMrWE;EAEE;EACA;EACA;EACA,yBH9BI;EG+BJ;EACA;ANsWJ;AMnWE;EACE;EACA;EACA,qBHpCE;AHyYN;AMlWE;EACE;EACA;EACA,qBH1CE;AH8YN;AMzVE;EACE,cHxDI;AHmZR;AMzVI;EAGE,yBH3DA;AHoZN;AMtVI;EACE,aHjEE;AHyZR;AMpVE;EACE;EACA;EACA;EACA,aHxEI;AH8ZR;AKhZE;EHsEA,qCChFa;EDiFb;EACA;EACA;EACA;EACA;EI1FA;EACA;EACA;EACA,cHHM;EGIN,qBHHM;EGIN;EA+CE,qBHnDI;AH6aR;AMvaE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,yBHZE;EGaF;ANyaJ;AMtaE;;EAIE,4BHHiB;AHyarB;AMnaE;EAEE;EACA;EACA;EACA,yBH5BE;EG6BF;EACA;ANoaJ;AMjaE;EACE;EACA;EACA,qBHrCI;AHwcR;AMhaE;EACE;EACA;EACA,qBH3CI;AH6cR;AMvZE;EACE,cHxDI;AHidR;AMvZI;EAGE,yBH5DE;AHmdR;AMpZI;EACE,aHjEE;AHudR;AMlZE;EACE;EACA;EACA;EACA,aHzEI;AH6dR;;AO9dA;EACE;EACA;EACA;EACA;EACA,kBJKe;EIJf;EACA;APieF;AIrXI;EGnHJ;IAUI;EPkeF;AACF;;AQ/eA;EACE;ARkfF;;AQ/eA;EACE;EACA;ARkfF;;AQ/eA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARkfF;;AShfE;EACE;EACA;EACA;ATmfJ;;AUxgBE;EACE,yBPGE;AHwgBN;AUxgBE;EACE,yBPFI;AH4gBR;AUvgBE;EACE;AVygBJ;;AWhfI;EAGE;EACA;AXifN;AW3dE;EACE;EACA;AX6dJ;AWvdI;;;;EAGE,cRrEE;AH+hBR;AWrdI;EACE,qBR1EE;AHiiBR;AWndE;EACE,cRhFI;AHqiBR;;AYxiBA;EACE;EACA;EACA;EACA;AZ2iBF;AYziBE;EACE;AZ2iBJ;;AaljBA;EACE;EACA;EACA;AbqjBF;AIncI;ESrHJ;IAMI;EbsjBF;AACF;AapjBE;EACE;EACA;AbsjBJ;AanjBE;EACE;AbqjBJ;AI/cI;ESvGF;IAII;EbsjBJ;AACF;AIpdI;ES9FA;IAEI;EbojBN;AACF;AahjBE;EACE,yBV3BI;EU4BJ,cV7BI;AH+kBR;Aa/iBE;EACE;EACA;EACA;EACA;EACA;EACA;AbijBJ;Aa/iBI;EACE,aVzCE;AH0lBR;Aa9iBI;EACE,aV3CA;EU4CA;EACA;EACA;EACA;AbgjBN;Aa5iBE;EACE;Ab8iBJ;;ActmBE;EACE;AdymBJ;AItfI;EUpHF;IAII;Ed0mBJ;AACF;AcvmBE;EACE;AdymBJ;;AennBA;EACE;AfsnBF;AepnBE;EACE;EACA;EACA;AfsnBJ;AIvgBI;EWlHF;IAMI;EfunBJ;AACF;AI5gBI;EWlHF;IAUI;EfwnBJ;EetnBI;IACE;EfwnBN;EernBI;IACE;EfunBN;AACF;AennBE;EACE,cZrBE;AH0oBN;;AgB/oBA;EACE;EACA;EACA;AhBkpBF;AgBhpBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4BbQiB;AH0oBrB;AgB/oBM;EACE;AhBipBR;AgB7oBI;EACE;EACA;AhB+oBN;AgB3oBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBb/BE;EagCF,4BbfiB;AH4pBrB;AgB3oBI;EACE;EACA,abrCE;EasCF;AhB6oBN;AgBzoBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhB2oBJ;AI/kBI;EYvEF;IAcI;EhB4oBJ;AACF;AgBzoBE;EACE;EACA;EACA;EACA;EACA;AhB2oBJ;AgBxoBE;EACE;EACA;EACA;EACA;EACA;AhB0oBJ;;AiBvtBA;EACE;EACA;EACA;AjB0tBF;AiBxtBE;EACE;EACA;AjB0tBJ;AiBvtBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yBdfE;EcgBF;AjBytBJ;AiBvtBI;EACE;EACA,adtBE;AH+uBR;AiBrtBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjButBJ;AiBptBM;EACE;AjBstBR;AiBntBM;EACE;AjBqtBR;AiBjtBI;EACE;EACA;EACA,adlDE;AHqwBR;AiBjtBM;EACE;AjBmtBR;AiBhtBM;EACE;AjBktBR;AiB7sBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjB+sBJ;AiB5sBE;EACE;EACA;AjB8sBJ;AIxqBI;EaxCF;IAKI;IACA;EjB+sBJ;AACF;AI9qBI;EaxCF;IAUI;EjBgtBJ;AACF;AiB7sBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjB+sBJ;AIhsBI;Ea1BF;IAcI;IACA;EjBgtBJ;AACF;AiB7sBE;EACE;AjB+sBJ;;AkB7zBE;EACE;EACA;AlBg0BJ;AI9sBI;EcpHF;IAKI;ElBi0BJ;AACF;AkB9zBE;EAEE;AlB+zBJ;AkB5zBE;EACE;AlB8zBJ;AIztBI;EctGF;IAII;ElB+zBJ;AACF;AkB5zBE;EACE;AlB8zBJ;AIjuBI;Ec9FF;IAII;IAEA;IACA;IACA;IACA;ElB8zBJ;AACF;AI1uBI;Ec9FF;IAaI;ElB+zBJ;AACF;AI/uBI;Ec9EA;IAEI;ElB+zBN;AACF;AkB3zBE;EACE;AlB6zBJ;;AmB91BI;EACE;EACA;EACA;EACA;EACA;AnBi2BN;AmB91BI;;;;;;;;;;EAUE;AnBg2BN;AmB71BI;;;;;;;;;;EAUE;AnB+1BN;AmB50BI;;;;;;EAEE;AnBk1BN;AI/xBI;EerDA;;;;;;IAKI;EnBw1BN;AACF;AmBj1BI;;;;;;EAEE;AnBu1BN;AmB90BI;;;EACE,chBrFE;EgBsFF;EACA,4BhBrEe;AHu5BrB;AmBh1BM;;;EACE,chBzFF;EgB0FE;AnBo1BR;AmBh1BI;;;EACE;AnBo1BN;AmBj1BI;;;;;;EAEE;AnBu1BN;AI30BI;EedA;;;;;;IAKI;EnB61BN;AACF;AmBx1BI;EACE;EACA;EACA;AnB01BN;AmBx1BM;EACE,chBpHA;AH88BR;AmBp1BI;EACE;EACA;AnBs1BN;AmBp1BM;EACE,+BhB1HS;EgB2HT,chBhIA;EgBiIA;AnBs1BR;;AoB39BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cjBNM;EiBON;EACA;EACA;EACA,4BjBQmB;AHs9BrB;AoB59BE;EACE;EACA;ApB89BJ;AoB39BE;EACE;EACA;ApB69BJ;AoB19BE;EACE;ApB49BJ;AoBz9BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApB29BJ;AIl5BI;EgBvFF;IAiBI;IACA;EpB49BJ;AACF;AoB19BI;EACE,yBjB/CA;AH2gCN;AoB19BM;EACE,ejBnDA;AH+gCR;AoBx9BI;EACE;EACA;EACA,ejBzDA;EiB0DA;ApB09BN;AoBt9BE;EACE,yBjBjEI;EiBkEJ;ApBw9BJ;;AoBp9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ApBu9BF;;AqBviCA;EACE;EACA;EACA;EACA;EACA,yBlBDM;AH2iCR;AqBxiCE;EACE;EACA;ArB0iCJ;;AsBnjCA;EACE;EACA;EACA;EACA;EACA,yBnBDM;AHujCR;AsBpjCE;EACE;EACA;AtBsjCJ,C","sources":["webpack://timber-boilerplate/./src/styles/global/_reset.scss","webpack://timber-boilerplate/./src/styles/styles.scss","webpack://timber-boilerplate/./src/styles/utilities/_typography.scss","webpack://timber-boilerplate/./src/styles/mixins/_mixins-typography.scss","webpack://timber-boilerplate/./src/styles/global/_variables.scss","webpack://timber-boilerplate/./src/styles/mixins/_mixins-functions.scss","webpack://timber-boilerplate/./src/styles/utilities/_buttons.scss","webpack://timber-boilerplate/./src/styles/mixins/_mixins-buttons.scss","webpack://timber-boilerplate/./src/styles/layout/_grid.scss","webpack://timber-boilerplate/./src/styles/layout/_miscellaneous.scss","webpack://timber-boilerplate/./src/styles/layout/_page.scss","webpack://timber-boilerplate/./src/styles/layout/_background.scss","webpack://timber-boilerplate/./src/twig/components/context/_context.scss","webpack://timber-boilerplate/./src/twig/components/button-group/_button-group.scss","webpack://timber-boilerplate/./src/twig/components/context-section/_context-section.scss","webpack://timber-boilerplate/./src/twig/components/article/_article.scss","webpack://timber-boilerplate/./src/twig/components/article-grid/_article-grid.scss","webpack://timber-boilerplate/./src/twig/components/video/video.scss","webpack://timber-boilerplate/./src/twig/components/hero/_hero.scss","webpack://timber-boilerplate/./src/twig/components/media-context/_media-context.scss","webpack://timber-boilerplate/./src/twig/components/wysiwyg/_wysiwyg.scss","webpack://timber-boilerplate/./src/twig/components/modal/_modal.scss","webpack://timber-boilerplate/./src/twig/components/header/_header.scss","webpack://timber-boilerplate/./src/twig/components/footer/_footer.scss"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  border: 0;\n  padding: 0;\n  font-size: 100%;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n  content: '';\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  border: 0;\n  padding: 0;\n  font-size: 100%;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/* ------------------------------------- */\n.heading-style-1, .wysiwyg > h1, .context--large .context__heading, .context--hero .context__heading {\n  font-family: owners-xwide, sans-serif;\n  font-size: 1.875rem;\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n}\n@media only screen and (min-width: 40em) {\n  .heading-style-1, .wysiwyg > h1, .context--large .context__heading, .context--hero .context__heading {\n    font-size: 2.5rem;\n  }\n}\n\n.heading-style-2, .wysiwyg > h2, .context--medium .context__heading {\n  font-family: owners-xwide, sans-serif;\n  font-size: 1.5rem;\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n}\n\n.heading-style-3, .wysiwyg > h3, .context--small .context__heading {\n  font-family: owners-xwide, sans-serif;\n  font-size: 1.25rem;\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n}\n\n.subheading-style-1, .context--small .context__subheading, .context--medium .context__subheading, .context--large .context__subheading, .context--hero .context__subheading {\n  font-family: owners, sans-serif;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 130%;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n@media only screen and (min-width: 40em) {\n  .subheading-style-1, .context--small .context__subheading, .context--medium .context__subheading, .context--large .context__subheading, .context--hero .context__subheading {\n    font-size: 0.8125rem;\n  }\n}\n\n.paragraph-style-1, .context--large p {\n  font-family: owners-xwide, sans-serif;\n  font-size: 0.875rem;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 130%;\n}\n@media only screen and (min-width: 40em) {\n  .paragraph-style-1, .context--large p {\n    font-size: 1rem;\n  }\n}\n\n.paragraph-style-2, .wysiwyg > p,\n.wysiwyg > ul,\n.wysiwyg > ol, .context--small p, .context--medium p, .context--hero p {\n  font-family: owners, sans-serif;\n  font-size: 0.9375rem;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 140%;\n  letter-spacing: 0.5px;\n}\n@media only screen and (min-width: 40em) {\n  .paragraph-style-2, .wysiwyg > p,\n  .wysiwyg > ul,\n  .wysiwyg > ol, .context--small p, .context--medium p, .context--hero p {\n    font-size: 0.9375rem;\n  }\n}\n\n.text-light {\n  color: #ffffff;\n}\n\n.text-dark {\n  color: #000000;\n}\n\n.text-primary {\n  color: #c8102e;\n}\n\n/* ------------------------------------- */\n.heading-style-1 + .subheading-style-1, .wysiwyg > h1 + .subheading-style-1, .context--small .heading-style-1 + .context__subheading, .context--small .wysiwyg > h1 + .context__subheading, .context--medium .heading-style-1 + .context__subheading, .context--medium .wysiwyg > h1 + .context__subheading, .context--large .heading-style-1 + .context__subheading, .context--large .wysiwyg > h1 + .context__subheading, .context--large .context__heading + .subheading-style-1, .context--large .context__heading + .context__subheading, .context--hero .heading-style-1 + .context__subheading, .context--hero .wysiwyg > h1 + .context__subheading, .context--hero .context__heading + .subheading-style-1, .context--hero .context__heading + .context__subheading {\n  margin-top: 8px;\n}\n\n.heading-style-1 + .paragraph-style-1, .wysiwyg > h1 + .paragraph-style-1, .context--large .heading-style-1 + p, .context--large .wysiwyg > h1 + p, .context--large .context__heading + .paragraph-style-1, .context--large .context__heading + p, .context--hero .context__heading + .paragraph-style-1 {\n  margin-top: 20px;\n}\n\n.heading-style-1 + .paragraph-style-2, .wysiwyg > .heading-style-1 + p,\n.wysiwyg > .heading-style-1 + ul,\n.wysiwyg > .heading-style-1 + ol, .wysiwyg > h1 + .paragraph-style-2, .wysiwyg > h1 + p,\n.wysiwyg > h1 + ul,\n.wysiwyg > h1 + ol, .context--small .heading-style-1 + p, .context--small .wysiwyg > h1 + p, .context--medium .heading-style-1 + p, .context--medium .wysiwyg > h1 + p, .context--large .context__heading + .paragraph-style-2, .context--large .wysiwyg > .context__heading + p,\n.context--large .wysiwyg > .context__heading + ul,\n.context--large .wysiwyg > .context__heading + ol, .context--large .context--small .context__heading + p, .context--small .context--large .context__heading + p, .context--large .context--medium .context__heading + p, .context--medium .context--large .context__heading + p, .context--hero .heading-style-1 + p, .context--hero .wysiwyg > h1 + p, .context--hero .context__heading + .paragraph-style-2,\n.context--hero .wysiwyg > .context__heading + ul,\n.context--hero .wysiwyg > .context__heading + ol, .context--hero .context__heading + p {\n  margin-top: 20px;\n}\n\n.heading-style-2 + .subheading-style-1, .wysiwyg > h2 + .subheading-style-1, .context--small .heading-style-2 + .context__subheading, .context--small .wysiwyg > h2 + .context__subheading, .context--medium .heading-style-2 + .context__subheading, .context--medium .wysiwyg > h2 + .context__subheading, .context--medium .context__heading + .subheading-style-1, .context--medium .context__heading + .context__subheading, .context--large .heading-style-2 + .context__subheading, .context--large .wysiwyg > h2 + .context__subheading, .context--hero .heading-style-2 + .context__subheading, .context--hero .wysiwyg > h2 + .context__subheading {\n  margin-top: 6px;\n}\n\n.heading-style-2 + .paragraph-style-2, .wysiwyg > .heading-style-2 + p,\n.wysiwyg > .heading-style-2 + ul,\n.wysiwyg > .heading-style-2 + ol, .wysiwyg > h2 + .paragraph-style-2, .wysiwyg > h2 + p,\n.wysiwyg > h2 + ul,\n.wysiwyg > h2 + ol, .context--small .heading-style-2 + p, .context--small .wysiwyg > h2 + p, .context--medium .heading-style-2 + p, .context--medium .wysiwyg > h2 + p, .context--medium .context__heading + .paragraph-style-2,\n.context--medium .wysiwyg > .context__heading + ul,\n.context--medium .wysiwyg > .context__heading + ol, .context--medium .context__heading + p, .context--hero .heading-style-2 + p, .context--hero .wysiwyg > h2 + p {\n  margin-top: 16px;\n}\n\n.heading-style-2 + .button-group, .wysiwyg > h2 + .button-group, .context--medium .context__heading + .button-group {\n  margin-top: 16px;\n}\n\n.heading-style-3 + .subheading-style-2, .wysiwyg > h3 + .subheading-style-2, .context--small .context__heading + .subheading-style-2 {\n  margin-top: 6px;\n}\n\n.heading-style-3 + .paragraph-style-2, .wysiwyg > .heading-style-3 + p,\n.wysiwyg > .heading-style-3 + ul,\n.wysiwyg > .heading-style-3 + ol, .wysiwyg > h3 + .paragraph-style-2, .wysiwyg > h3 + p,\n.wysiwyg > h3 + ul,\n.wysiwyg > h3 + ol, .context--small .heading-style-3 + p, .context--small .wysiwyg > h3 + p, .context--small .context__heading + .paragraph-style-2,\n.context--small .wysiwyg > .context__heading + ul,\n.context--small .wysiwyg > .context__heading + ol, .context--small .context__heading + p, .context--medium .heading-style-3 + p, .context--medium .wysiwyg > h3 + p, .context--hero .heading-style-3 + p, .context--hero .wysiwyg > h3 + p {\n  margin-top: 16px;\n}\n\n.subheading-style-1 + .heading-style-2, .wysiwyg > .subheading-style-1 + h2, .context--small .context__subheading + .heading-style-2, .context--small .wysiwyg > .context__subheading + h2, .context--medium .context__subheading + .heading-style-2, .context--medium .wysiwyg > .context__subheading + h2, .context--medium .subheading-style-1 + .context__heading, .context--medium .context__subheading + .context__heading, .context--large .context__subheading + .heading-style-2, .context--large .wysiwyg > .context__subheading + h2, .context--hero .context__subheading + .heading-style-2, .context--hero .wysiwyg > .context__subheading + h2 {\n  margin-top: 40px;\n}\n\n.subheading-style-1 + .paragraph-style-2, .wysiwyg > .subheading-style-1 + p,\n.wysiwyg > .subheading-style-1 + ul,\n.wysiwyg > .subheading-style-1 + ol, .context--small .subheading-style-1 + p, .context--small .context__subheading + .paragraph-style-2,\n.context--small .wysiwyg > .context__subheading + ul,\n.context--small .wysiwyg > .context__subheading + ol, .context--small .context__subheading + p, .context--medium .subheading-style-1 + p, .context--medium .context__subheading + .paragraph-style-2,\n.context--medium .wysiwyg > .context__subheading + ul,\n.context--medium .wysiwyg > .context__subheading + ol, .context--medium .context__subheading + p, .context--large .context__subheading + .paragraph-style-2, .context--large .wysiwyg > .context__subheading + p,\n.context--large .wysiwyg > .context__subheading + ul,\n.context--large .wysiwyg > .context__subheading + ol, .context--hero .subheading-style-1 + p, .context--hero .context__subheading + .paragraph-style-2,\n.context--hero .wysiwyg > .context__subheading + ul,\n.context--hero .wysiwyg > .context__subheading + ol, .context--hero .context__subheading + p {\n  margin-top: 16px;\n}\n\n.paragraph-style-1 + .button-group, .context--large p + .button-group {\n  margin-top: 16px;\n}\n\n.paragraph-style-2 + .heading-style-2, .wysiwyg > p + .heading-style-2,\n.wysiwyg > ul + .heading-style-2,\n.wysiwyg > ol + .heading-style-2, .wysiwyg > .paragraph-style-2 + h2, .wysiwyg > p + h2,\n.wysiwyg > ul + h2,\n.wysiwyg > ol + h2, .context--small p + .heading-style-2, .context--small .wysiwyg > p + h2, .context--medium p + .heading-style-2, .context--medium .wysiwyg > p + h2, .context--medium .paragraph-style-2 + .context__heading,\n.context--medium .wysiwyg > ul + .context__heading,\n.context--medium .wysiwyg > ol + .context__heading, .context--medium p + .context__heading, .context--hero p + .heading-style-2, .context--hero .wysiwyg > p + h2 {\n  margin-top: 30px;\n}\n\n.paragraph-style-2 + .paragraph-style-2, .wysiwyg > p + .paragraph-style-2,\n.wysiwyg > ul + .paragraph-style-2,\n.wysiwyg > ol + .paragraph-style-2, .wysiwyg > .paragraph-style-2 + p, .wysiwyg > p + p,\n.wysiwyg > ul + p,\n.wysiwyg > ol + p,\n.wysiwyg > .paragraph-style-2 + ul,\n.wysiwyg > p + ul,\n.wysiwyg > ul + ul,\n.wysiwyg > ol + ul,\n.wysiwyg > .paragraph-style-2 + ol,\n.wysiwyg > p + ol,\n.wysiwyg > ul + ol,\n.wysiwyg > ol + ol, .context--small p + .paragraph-style-2, .context--small .wysiwyg > p + p,\n.context--small .wysiwyg > p + ul,\n.context--small .wysiwyg > p + ol, .context--small .paragraph-style-2 + p,\n.context--small .wysiwyg > ul + p,\n.context--small .wysiwyg > ol + p, .context--small p + p, .context--medium p + .paragraph-style-2, .context--medium .wysiwyg > p + p,\n.context--medium .wysiwyg > p + ul,\n.context--medium .wysiwyg > p + ol, .context--medium .context--small p + p, .context--small .context--medium p + p, .context--medium .paragraph-style-2 + p,\n.context--medium .wysiwyg > ul + p,\n.context--medium .wysiwyg > ol + p, .context--medium p + p, .context--hero p + .paragraph-style-2, .context--hero .wysiwyg > p + p,\n.context--hero .wysiwyg > p + ul,\n.context--hero .wysiwyg > p + ol, .context--hero .context--small p + p, .context--small .context--hero p + p, .context--hero .context--medium p + p, .context--medium .context--hero p + p, .context--hero .paragraph-style-2 + p,\n.context--hero .wysiwyg > ul + p,\n.context--hero .wysiwyg > ol + p, .context--hero p + p {\n  margin-top: 16px;\n}\n\n.paragraph-style-2 + .button-group, .wysiwyg > p + .button-group,\n.wysiwyg > ul + .button-group,\n.wysiwyg > ol + .button-group, .context--small p + .button-group, .context--medium p + .button-group, .context--hero p + .button-group {\n  margin-top: 16px;\n}\n\n.paragraph-style-3 + .button-group {\n  margin-top: 16px;\n}\n\n/* ------------------------------------- */\n/* ------------------------------------- */\n.button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.btn--red {\n  font-family: owners-xwide, sans-serif;\n  font-size: 0.6875rem;\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  display: inline-flex;\n  text-align: center;\n  text-decoration: none;\n  color: #000000;\n  border-color: #c8102e;\n  transform: translateX(6px);\n  border-color: #c8102e;\n}\n.btn--red span {\n  display: block;\n  padding: 8px 12px;\n  border-top: 2px solid;\n  border-bottom: 2px solid;\n  border-top-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n  background-color: #ffffff;\n  border-color: inherit;\n}\n.btn--red span, .btn--red::before, .btn--red::after,\n.btn--red svg {\n  transition: 0.2s ease-in-out;\n}\n.btn--red::before, .btn--red::after {\n  content: \"\";\n  width: 19px;\n  height: inherit;\n  background-color: #ffffff;\n  border: 2px solid;\n  transform: skew(-25deg);\n}\n.btn--red::before {\n  margin-right: -10px;\n  border-right: 0;\n  border-color: #c8102e;\n}\n.btn--red::after {\n  margin-left: -10px;\n  border-left: 0;\n  border-color: #c8102e;\n}\n.btn--red:hover {\n  color: #ffffff;\n}\n.btn--red:hover span, .btn--red:hover::before, .btn--red:hover::after {\n  background-color: #c8102e;\n}\n.btn--red:hover svg {\n  fill: #ffffff;\n}\n.btn--red svg {\n  width: 10px;\n  transform: translateY(1px);\n  margin-left: 4px;\n  fill: #000000;\n}\n.btn--black {\n  font-family: owners-xwide, sans-serif;\n  font-size: 0.6875rem;\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  display: inline-flex;\n  text-align: center;\n  text-decoration: none;\n  color: #ffffff;\n  border-color: #000000;\n  transform: translateX(6px);\n  border-color: #000000;\n}\n.btn--black span {\n  display: block;\n  padding: 8px 12px;\n  border-top: 2px solid;\n  border-bottom: 2px solid;\n  border-top-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n  background-color: #c8102e;\n  border-color: inherit;\n}\n.btn--black span, .btn--black::before, .btn--black::after,\n.btn--black svg {\n  transition: 0.2s ease-in-out;\n}\n.btn--black::before, .btn--black::after {\n  content: \"\";\n  width: 19px;\n  height: inherit;\n  background-color: #c8102e;\n  border: 2px solid;\n  transform: skew(-25deg);\n}\n.btn--black::before {\n  margin-right: -10px;\n  border-right: 0;\n  border-color: #000000;\n}\n.btn--black::after {\n  margin-left: -10px;\n  border-left: 0;\n  border-color: #000000;\n}\n.btn--black:hover {\n  color: #ffffff;\n}\n.btn--black:hover span, .btn--black:hover::before, .btn--black:hover::after {\n  background-color: #000000;\n}\n.btn--black:hover svg {\n  fill: #ffffff;\n}\n.btn--black svg {\n  width: 10px;\n  transform: translateY(1px);\n  margin-left: 4px;\n  fill: #ffffff;\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  column-gap: 20px;\n  width: 100%;\n  max-width: 87.5rem;\n  padding: 0 20px;\n  margin: 0 auto;\n}\n@media only screen and (min-width: 40em) {\n  .grid {\n    column-gap: 40px;\n  }\n}\n\nimg {\n  width: 100%;\n}\n\n.object-cover {\n  object-fit: cover;\n  height: 100%;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.page > .video {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.background--red {\n  background-color: #c8102e;\n}\n.background--black {\n  background-color: #000000;\n}\n.background--gray {\n  background-color: #54585b;\n}\n\n.context--medium .context__subheading {\n  display: inline-block;\n  border-bottom: 2px solid #c8102e;\n}\n.context--align-center {\n  text-align: center;\n  justify-content: center;\n}\n.background--red .context__heading, .background--black .context__heading, .background--gray .context__heading, .background--red .context__subheading, .background--black .context__subheading, .background--gray .context__subheading,\n.background--red .context p,\n.background--black .context p,\n.background--gray .context p {\n  color: #ffffff;\n}\n.background--red .context__subheading {\n  border-color: #000000;\n}\n.context--light {\n  color: #ffffff;\n}\n\n.button-group {\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  gap: 0.75rem;\n}\n.button-group--centered {\n  justify-content: center;\n}\n\n.context-section {\n  position: relative;\n  padding: 80px 0;\n  overflow: hidden;\n}\n@media only screen and (min-width: 40em) {\n  .context-section {\n    padding: 120px 0;\n  }\n}\n.context-section__inner {\n  z-index: 2;\n  position: relative;\n}\n.context-section__main {\n  grid-column: span 12/span 12;\n}\n@media only screen and (min-width: 75em) {\n  .context-section__main {\n    grid-column: span 10/span 10;\n  }\n}\n@media only screen and (min-width: 75em) {\n  .context-section--align-center .context-section__main {\n    grid-column-start: 2;\n  }\n}\n.context-section--background-dark {\n  background-color: #000000;\n  color: #ffffff;\n}\n.context-section__dots {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 420px;\n  opacity: 0.2;\n  transform: translateY(-50%) translateX(-50%);\n}\n.background--gray .context-section__dots {\n  fill: #ffffff;\n}\n.background--black .context-section__dots {\n  fill: #c8102e;\n  right: 0;\n  left: auto;\n  opacity: 0.5;\n  transform: translateY(-50%) translateX(50%);\n}\n.context-section + .article-grid {\n  padding-top: 0;\n}\n\n.article__image {\n  height: 220px;\n}\n@media only screen and (min-width: 75em) {\n  .article__image {\n    height: auto;\n  }\n}\n.article__image + .context {\n  margin-top: 20px;\n}\n\n.article-grid {\n  padding: 80px 0 40px;\n}\n.article-grid__item {\n  position: relative;\n  grid-column: span 12/span 12;\n  margin-bottom: 40px;\n}\n@media only screen and (min-width: 40em) {\n  .article-grid__item {\n    grid-column: span 6/span 6;\n  }\n}\n@media only screen and (min-width: 75em) {\n  .article-grid__item {\n    grid-column: span 3/span 3;\n  }\n  .article-grid--2-columns .article-grid__item {\n    grid-column: span 6/span 6;\n  }\n  .article-grid--3-columns .article-grid__item {\n    grid-column: span 4/span 4;\n  }\n}\n.article-grid .context__heading {\n  color: #c8102e;\n}\n\n.video {\n  position: relative;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n}\n.video__overlay {\n  z-index: 10;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  transition: 0.2s ease-in-out;\n}\n.video__overlay:hover .video__btn {\n  transform: scale(1.2);\n}\n.video__overlay--active {\n  visibility: hidden;\n  opacity: 0;\n}\n.video__btn {\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background-color: #c8102e;\n  transition: 0.2s ease-in-out;\n}\n.video__btn svg {\n  width: 16px;\n  fill: #000000;\n  transform: translateX(2px);\n}\n.video__loop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  display: hidden;\n  min-width: 100%;\n  min-height: 100%;\n  background-repeat: repeat;\n  background-size: cover;\n}\n@media only screen and (min-width: 40em) {\n  .video__loop {\n    display: block;\n  }\n}\n.video__image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.video__iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.hero {\n  position: relative;\n  height: 90vh;\n  overflow: hidden;\n}\n.hero--with-video {\n  height: auto;\n  padding-bottom: 0;\n}\n.hero__banner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 101;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 350px;\n  height: 85px;\n  background-color: #c8102e;\n  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\n}\n.hero__banner svg {\n  width: 230px;\n  fill: #ffffff;\n}\n.hero__play-btn {\n  position: absolute;\n  top: 30px;\n  right: 30px;\n  z-index: 101;\n  padding: 0;\n  appearance: none;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n}\n.hero__play-btn.paused svg:nth-child(1) {\n  display: block;\n}\n.hero__play-btn.paused svg:nth-child(2) {\n  display: none;\n}\n.hero__play-btn svg {\n  max-height: 24px;\n  width: 16px;\n  fill: #ffffff;\n}\n.hero__play-btn svg:nth-child(1) {\n  display: none;\n}\n.hero__play-btn svg:nth-child(2) {\n  display: block;\n}\n.hero__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 20;\n  display: flex;\n  align-items: flex-end;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.6);\n}\n.hero__main {\n  grid-column: span 12/span 12;\n  margin-bottom: 30px;\n}\n@media only screen and (min-width: 40em) {\n  .hero__main {\n    grid-column: span 8/span 8;\n    margin-bottom: 60px;\n  }\n}\n@media only screen and (min-width: 75em) {\n  .hero__main {\n    grid-column: span 5/span 5;\n  }\n}\n.hero__loop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  min-width: 100%;\n  min-height: 100%;\n  background-repeat: repeat;\n  background-size: cover;\n  transform: translateX(-40%);\n}\n@media only screen and (min-width: 40em) {\n  .hero__loop {\n    display: block;\n    transform: none;\n  }\n}\n.hero .video__btn {\n  display: none;\n}\n\n.media-context__inner {\n  max-width: 100%;\n  padding: 0;\n}\n@media only screen and (min-width: 56.25em) {\n  .media-context__inner {\n    column-gap: 0;\n  }\n}\n.media-context__media, .media-context__context {\n  grid-column: span 12/span 12;\n}\n.media-context__media {\n  font-size: 0;\n}\n@media only screen and (min-width: 56.25em) {\n  .media-context__media {\n    grid-column: span 6/span 6;\n  }\n}\n.media-context__context {\n  padding: 40px 20px;\n}\n@media only screen and (min-width: 56.25em) {\n  .media-context__context {\n    grid-column: span 6/span 6;\n    display: flex;\n    align-items: center;\n    padding: 0 20px;\n    margin-top: 0;\n  }\n}\n@media only screen and (min-width: 75em) {\n  .media-context__context {\n    padding: 0 60px;\n  }\n}\n@media only screen and (min-width: 56.25em) {\n  .media-context--reversed .media-context__context {\n    order: -1;\n  }\n}\n.media-context .btn svg {\n  display: none;\n}\n\n.wysiwyg.page > h1, .wysiwyg.page > h2, .wysiwyg.page > h3, .wysiwyg.page > h4, .wysiwyg.page > h5, .wysiwyg.page > h6, .wysiwyg.page > p, .wysiwyg.page > ul, .wysiwyg.page > ol, .wysiwyg.page > blockquote {\n  width: 100%;\n  max-width: 58.3333333333rem;\n  padding: 0 20px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.wysiwyg.page > div + h1,\n.wysiwyg.page > div + h2,\n.wysiwyg.page > div + h3,\n.wysiwyg.page > div + h4,\n.wysiwyg.page > div + h5,\n.wysiwyg.page > div + h6,\n.wysiwyg.page > div + p,\n.wysiwyg.page > div + ul,\n.wysiwyg.page > div + ol,\n.wysiwyg.page > div + blockquote {\n  margin-top: 40px;\n}\n.wysiwyg.page > h1 + div,\n.wysiwyg.page > h2 + div,\n.wysiwyg.page > h3 + div,\n.wysiwyg.page > h4 + div,\n.wysiwyg.page > h5 + div,\n.wysiwyg.page > h6 + div,\n.wysiwyg.page > p + div,\n.wysiwyg.page > ul + div,\n.wysiwyg.page > ol + div,\n.wysiwyg.page > blockquote + div {\n  margin-top: 40px;\n}\n.wysiwyg > h1 + figure,\n.wysiwyg > h1 + .wp-block-image,\n.wysiwyg > h2 + figure,\n.wysiwyg > h2 + .wp-block-image,\n.wysiwyg > h3 + figure,\n.wysiwyg > h3 + .wp-block-image {\n  margin-top: 30px;\n}\n@media only screen and (min-width: 40em) {\n  .wysiwyg > h1 + figure,\n  .wysiwyg > h1 + .wp-block-image,\n  .wysiwyg > h2 + figure,\n  .wysiwyg > h2 + .wp-block-image,\n  .wysiwyg > h3 + figure,\n  .wysiwyg > h3 + .wp-block-image {\n    margin-top: 40px;\n  }\n}\n.wysiwyg > h4 + figure,\n.wysiwyg > h4 + .wp-block-image,\n.wysiwyg > h5 + figure,\n.wysiwyg > h5 + .wp-block-image,\n.wysiwyg > h6 + figure,\n.wysiwyg > h6 + .wp-block-image {\n  margin-top: 20px;\n}\n.wysiwyg > p a,\n.wysiwyg > ul a,\n.wysiwyg > ol a {\n  color: #000000;\n  text-decoration: underline;\n  transition: 0.2s ease-in-out;\n}\n.wysiwyg > p a:hover,\n.wysiwyg > ul a:hover,\n.wysiwyg > ol a:hover {\n  color: #c8102e;\n  text-decoration: none;\n}\n.wysiwyg > p li + li,\n.wysiwyg > ul li + li,\n.wysiwyg > ol li + li {\n  margin-top: 10px;\n}\n.wysiwyg > p + figure,\n.wysiwyg > p + .wp-block-image,\n.wysiwyg > ul + figure,\n.wysiwyg > ul + .wp-block-image,\n.wysiwyg > ol + figure,\n.wysiwyg > ol + .wp-block-image {\n  margin-top: 30px;\n}\n@media only screen and (min-width: 40em) {\n  .wysiwyg > p + figure,\n  .wysiwyg > p + .wp-block-image,\n  .wysiwyg > ul + figure,\n  .wysiwyg > ul + .wp-block-image,\n  .wysiwyg > ol + figure,\n  .wysiwyg > ol + .wp-block-image {\n    margin-top: 40px;\n  }\n}\n.wysiwyg > ul li {\n  margin-left: 28px;\n  padding-left: 10px;\n  list-style-type: disc;\n}\n.wysiwyg > ul li::marker {\n  color: #000000;\n}\n.wysiwyg > ol li {\n  margin-left: 38px;\n  list-style-type: decimal-leading-zero;\n}\n.wysiwyg > ol li::marker {\n  font-family: owners, sans-serif;\n  color: #000000;\n  font-weight: 800;\n}\n\n.modal {\n  position: fixed;\n  z-index: 100;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100vw;\n  height: 100vh;\n  color: #000000;\n  background-color: rgba(0, 0, 0, 0.9);\n  opacity: 0;\n  visibility: hidden;\n  transition: 0.2s ease-in-out;\n}\n.modal--active {\n  opacity: 1;\n  visibility: visible;\n}\n.modal .media-context__image img {\n  object-fit: contain;\n  object-position: center;\n}\n.modal .media-context__caption {\n  display: none;\n}\n.modal__button {\n  position: absolute;\n  z-index: 10;\n  top: 2.08vw;\n  right: 4.167vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n  appearance: none;\n  cursor: pointer;\n}\n@media only screen and (min-width: 40em) {\n  .modal__button {\n    width: 4.861vw;\n    height: 4.861vw;\n  }\n}\n.modal__button:hover {\n  background-color: #c8102e;\n}\n.modal__button:hover svg {\n  stroke: #000000;\n}\n.modal__button .icon-x {\n  width: 80%;\n  fill: none;\n  stroke: #c8102e;\n  stroke-width: 4;\n}\n.modal__main {\n  background-color: #ffffff;\n  width: 70%;\n}\n\n.modal-btn {\n  position: relative;\n  font-size: 0;\n  padding: 0;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  cursor: pointer;\n}\n\n.header {\n  display: flex;\n  padding: 30px 0;\n  align-items: center;\n  justify-content: center;\n  background-color: #000000;\n}\n.header__main {\n  grid-column: span 12/span 12;\n  text-align: center;\n}\n\n.footer {\n  display: flex;\n  padding: 200px 0;\n  align-items: center;\n  justify-content: center;\n  background-color: #000000;\n}\n.footer__main {\n  grid-column: span 12/span 12;\n  text-align: center;\n}","// Typography\n/* ------------------------------------- */\n\n// Headings\n.heading-style-1 { @include heading-style-1(); }\n\n.heading-style-2 { @include heading-style-2(); }\n\n.heading-style-3 { @include heading-style-3(); }\n\n// Subheadings\n.subheading-style-1 { @include subheading-style-1(); }\n\n// Paragraph\n.paragraph-style-1 { @include paragraph-style-1(); }\n\n.paragraph-style-2 { @include paragraph-style-2(); }\n\n// Colors\n.text-light { color: $white; }\n\n.text-dark { color: $black; }\n\n.text-primary { color: $red; }\n\n// Spacing Relationships\n/* ------------------------------------- */\n.heading-style-1 + .subheading-style-1 { margin-top: 8px; }\n\n.heading-style-1 + .paragraph-style-1 { margin-top: 20px; }\n\n.heading-style-1 + .paragraph-style-2 { margin-top: 20px; }\n\n.heading-style-2 + .subheading-style-1 { margin-top: 6px; }\n\n.heading-style-2 + .paragraph-style-2 { margin-top: 16px; }\n\n.heading-style-2 + .button-group { margin-top: 16px; }\n\n.heading-style-3 + .subheading-style-2 { margin-top: 6px; }\n\n.heading-style-3 + .paragraph-style-2 { margin-top: 16px; }\n\n.subheading-style-1 + .heading-style-2 { margin-top: 40px; }\n\n.subheading-style-1 + .paragraph-style-2 { margin-top: 16px; }\n\n.paragraph-style-1 + .button-group { margin-top: 16px; }\n\n.paragraph-style-2 + .heading-style-2 { margin-top: 30px; }\n\n.paragraph-style-2 + .paragraph-style-2 { margin-top: 16px; }\n\n.paragraph-style-2 + .button-group { margin-top: 16px; }\n\n.paragraph-style-3 + .button-group { margin-top: 16px; }\n\n","@mixin heading-style-1() {\n  font-family: $font-primary;\n  font-size: rem-calc(30px);\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n\n  @include breakpoint(medium) {\n    font-size: rem-calc(40px);\n  }\n}\n\n@mixin heading-style-2() {\n  font-family: $font-primary;\n  font-size: rem-calc(24px);\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n}\n\n@mixin heading-style-3() {\n  font-family: $font-primary;\n  font-size: rem-calc(20px);\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n}\n\n@mixin subheading-style-1() {\n  font-family: $font-secondary;\n  font-size: rem-calc(13px);\n  font-weight: 500;\n  font-style: normal;\n  line-height: 130%;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n\n  @include breakpoint(medium) {\n    font-size: rem-calc(13px);\n  }\n}\n\n@mixin subheading-style-2() {\n  font-family: $font-secondary;\n  font-size: rem-calc(14px);\n  font-weight: 400;\n  font-style: normal;\n  line-height: 125%;\n\n  @include breakpoint(medium) {\n    font-size: rem-calc(16px);\n  }\n}\n\n@mixin subheading-style-3() {\n  font-family: $font-secondary;\n  font-size: rem-calc(14px);\n  font-weight: 400;\n  font-style: normal;\n  line-height: 125%;\n}\n\n@mixin paragraph-style-1() {\n  font-family: $font-primary;\n  font-size: rem-calc(14px);\n  font-weight: 400;\n  font-style: normal;\n  line-height: 130%;\n\n  @include breakpoint(medium) {\n    font-size: rem-calc(16px);\n  }\n}\n\n@mixin paragraph-style-2() {\n  font-family: $font-secondary;\n  font-size: rem-calc(15px);\n  font-weight: 400;\n  font-style: normal;\n  line-height: 140%;\n  letter-spacing: 0.5px;\n\n  @include breakpoint(medium) {\n    font-size: rem-calc(15px);\n  }\n}\n\n@mixin btn-style-1() {\n  font-family: $font-primary;\n  font-size: rem-calc(11px);\n  font-weight: 700;\n  font-style: italic;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}","@import '../mixins/mixins-foundation';\n\n// Colors\n$white: #ffffff;\n$black: #000000;\n$red: #c8102e;\n\n// Fonts\n$font-primary: owners-xwide, sans-serif;\n$font-secondary: owners, sans-serif;\n\n// Grid\n$grid-max-width: rem-calc(1400px);\n$grid-column-gutter: (\n  small: 20px,\n  large: 40px,\n);\n\n// Easing\n$ease-default: ease-in-out;\n\n// Transitions\n$transition-default: 0.2s $ease-default;","// Foundation for Apps\n//\n// BREAKPOINTS\n// -----------\n// Foundation for Apps has three core breakpoints: small (> 0), medium (>= 640), and large (>= 1024).\n// There are two additional breakpoints, xlarge, and xxlarge, which (by default) do not output as sizing classes.\n// Access named breakpoints using the mixin breakpoint($size), where $size is a breakpoint value.\n// You can also pass an em, rem, or pixel value into this mixin to generate an em-based media query.\n// Create new named breakpoints using the $breakpoints map. Change which named breakpoints get their own classes by modifying the $breakpoint-classes map.\n// NOTE: If you change the $breakpoints map, know that all values must be ordered by width, smallest width first. So 0 is always your first value.\n\n@import 'mixins-foundation';\n\n// 1. Variables\n// - - - - - - - - - - - - - - -\n\n/// @Foundation.settings\n// Breakpoints\n// These are our named breakpoints. You can use them in our breakpoint function like this: @include breakpoint(medium) { // Medium and larger styles }\n$breakpoints: (\n  small: rem-calc(0),\n  medium: rem-calc(640),\n  large: rem-calc(1200),\n  xlarge: rem-calc(1440),\n  xxlarge: rem-calc(1920),\n) !default;\n\n// All of the names in this list will be output as classes in your CSS, like small-12, medium-6, and so on.\n$breakpoint-classes: (small medium large) !default;\n///\n\n// 2. Mixins\n// - - - - - - - - - - - - - - -\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n///  - If a string is passed, the mixin will look for it in the $breakpoints map, and use a media query there.\n///  - If a pixel value is passed, it will be converted to an em value using $rem-base.\n///  - If a rem value is passed, the unit will be changed to em.\n///  - If an em value is passed, the value will be used as-is.\n///\n/// @param {mixed} $val - Breakpoint name or px/em/rem value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($val: small) {\n  // Size or keyword\n  $bp: nth($val, 1);\n  // Value for max-width media queries\n  $bpMax: 0;\n  // Direction of media query (up, down, or only)\n  $dir: if(length($val) > 1, nth($val, 2), up);\n  // Eventual output\n  $str: 'only screen';\n  // Is it a named media query?\n  $named: false;\n\n  // Orientation media queries have a unique syntax\n  @if $bp == 'landscape' or $bp == 'portrait' {\n    $str: $str + ' and (orientation: #{$bp})';\n  }\n\n  @else {\n    // Try to pull a named breakpoint out of the $breakpoints map\n    @if type-of($bp) == 'string' {\n      @if map-has-key($breakpoints, $bp) {\n        @if $dir == 'only' {\n          $next-bp: map-next($breakpoints, $bp);\n          @if $next-bp == null {\n            $bpMax: null;\n          }\n          @else {\n            $bpMax: $next-bp - (1/16);\n          }\n        }\n        $bp: map-get($breakpoints, $bp);\n        $named: true;\n      }\n      @else {\n        $bp: 0;\n      }\n    }\n\n    // Pixel and unitless values are converted to rems\n    @if unit($bp) == 'px' or unit($bp) == '' {\n      $bp: rem-calc($bp);\n    }\n    // Finally, the rem value is turned into an em value\n    $bp: strip-unit($bp) * 1em;\n\n    // Skip media query creation if the input is \"0 up\" or \"0 down\"\n    @if $bp > 0 or $dir == 'only' {\n      // And lo, a media query was born\n      @if $dir == 'only' {\n        @if $named == true {\n          $str: $str + ' and (min-width: #{$bp})';\n          @if $bpMax != null {\n            $str: $str + ' and (max-width: #{$bpMax})';\n          }\n        }\n        @else {\n          @debug 'ERROR: Only named media queries can have an \"only\" range.';\n        }\n      }\n      @else if $dir == 'down' {\n        $max: $bp - (1/16);\n        $str: $str + ' and (max-width: #{$max})';\n      }\n      @else {\n        $str: $str + ' and (min-width: #{$bp})';\n      }\n    }\n  }\n\n  // Output\n  @if $bp == 0em and $dir != 'only' {\n    @content;\n  }\n  @else {\n    @media #{$str} {\n      @content;\n    }\n  }\n}\n\n/// Prefixes selector $class with breakpoint keywords, allowing you to create a batch of breakpoint classes with one chunk of code. If you want to skip a breakpoint (like small, because mobile first and all that), add values to the $omit parameter.\n///\n/// @param {string} $class - Class to prefix with the breakpoint name and a hyphen.\n/// @param {list} $omit - Named breakpoints to skip. No class will be added with breakpoints in this list.\n@mixin each-breakpoint($class, $omit: ()) {\n  // Iterate through breakpoint classes\n  @each $size in $breakpoint-classes {\n    // Only do something if the breakpoint is not in $omit\n    @if index($omit, $size) == null {\n      $val: map-get($breakpoints, $size);\n      // Prefix $class with $size and a hyphen\n      .#{$size + '-' + $class} {\n        @include breakpoint($size) {\n          @content;\n        }\n      }\n    }\n  }\n}","// Buttons\n/* ------------------------------------- */\n\n\n// Button Group\n/* ------------------------------------- */\n\n.button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: rem-calc(16px);\n}\n\n.btn {\n  &--red {\n    @include btn($black, $white, $white, $red, $red );\n  }\n\n  &--black {\n    @include btn($white, $red, $white, $black, $black );\n  }\n}","@mixin btn($color, $background, $hover-color: '', $hover-background: '', $border: '') {\n  @include btn-style-1();\n\n  display: inline-flex;\n  text-align: center;\n  text-decoration: none;\n  color: $color;\n  border-color: $border;\n  transform: translateX(6px);\n\n  span {\n    display: block;\n    padding: 8px 12px;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n    border-top-left-radius: 3px;\n    border-bottom-right-radius: 3px;\n    background-color: $background;\n    border-color: inherit;\n  }\n\n  span,\n  &::before,\n  &::after,\n  svg {\n    transition: $transition-default;\n  }\n\n  &::before,\n  &::after {\n    content: '';\n    width: 19px;\n    height: inherit;\n    background-color: $background;\n    border: 2px solid;\n    transform: skew(-25deg);\n  }\n\n  &::before {\n    margin-right: -10px;\n    border-right: 0;\n    border-color: $border;\n  }\n\n  &::after {\n    margin-left: -10px;\n    border-left: 0;\n    border-color: $border;\n  }\n\n  @if $border == '' {\n    border-color: $background;\n  }\n\n  @else {\n    border-color: $border;\n  }\n\n  &:hover {\n    color: $hover-color;\n    \n    span,\n    &::before,\n    &::after {\n      background-color: $hover-background;\n    }\n\n    svg {\n      fill: $hover-color;\n    }\n  }\n\n  svg {\n    width: 10px;\n    transform: translateY(1px);\n    margin-left: 4px;\n    fill: $color;\n  }\n}","@use \"sass:map\";\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  column-gap: map.get($grid-column-gutter, small);\n  width: 100%;\n  max-width: $grid-max-width;\n  padding: 0 calc(map.get($grid-column-gutter, large) / 2);\n  margin: 0 auto;\n\n  @include breakpoint(medium) {\n    column-gap: map.get($grid-column-gutter, large);\n  }\n}","img {\n  width: 100%;\n}\n\n.object-cover {\n  object-fit: cover;\n  height: 100%;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n","@use \"sass:map\";\n\n.page {\n  // > div + div:not(.context-section) {\n  //   margin-top: 100px;\n  // }\n\n  // > .article-grid + .article-grid {\n  //   margin-top: 0;\n  // }\n\n  // > .context-section--background-default + div {\n  //   margin-top: 0 !important;\n  // }\n\n  // > div:last-child {\n  //   margin-bottom: 100px;\n  // }\n\n  > .video {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}",".background {\n  &--red {\n    background-color: $red;\n  }\n\n  &--black {\n    background-color: $black;\n  }\n\n  &--gray {\n    background-color: #54585b;\n  }\n}",".context {\n\n  &--hero {\n    .context__heading {\n      @extend .heading-style-1;\n    }\n\n    .context__subheading {\n      @extend .subheading-style-1;\n    }\n\n    p {\n      @extend .paragraph-style-2;\n    }\n  }\n\n  &--large {\n    .context__heading {\n      @extend .heading-style-1;\n    }\n\n    .context__subheading {\n      @extend .subheading-style-1;\n    }\n\n    p {\n      @extend .paragraph-style-1;\n    }\n  }\n\n  &--medium {\n    .context__heading {\n      @extend .heading-style-2;\n    }\n\n    .context__subheading {\n      @extend .subheading-style-1;\n\n      display: inline-block;\n      border-bottom: 2px solid $red;\n    }\n\n    p {\n      @extend .paragraph-style-2;\n    }\n  }\n\n  &--small {\n    .context__heading {\n      @extend .heading-style-3;\n    }\n\n    .context__subheading {\n      @extend .subheading-style-1;\n    }\n\n    p {\n      @extend .paragraph-style-2;\n    }\n  }\n\n  &--align-center {\n    text-align: center;\n    justify-content: center;\n  }\n\n  &__heading,\n  &__subheading,\n  p {\n    .background--red &,\n    .background--black &,\n    .background--gray & {\n      color: $white;\n    }\n  }\n\n  &__subheading {\n    .background--red & {\n      border-color: $black;\n    }\n  }\n\n  &--light {\n    color: $white;\n  }\n}",".button-group {\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  gap: rem-calc(12px);\n\n  &--centered {\n    justify-content: center;\n  }\n}",".context-section {\n  position: relative;\n  padding: 80px 0;\n  overflow: hidden;\n\n  @include breakpoint(medium) {\n    padding: 120px 0;\n  }\n\n  &__inner {\n    z-index: 2;\n    position: relative;\n  }\n\n  &__main {\n    grid-column: span 12 / span 12;\n\n    @include breakpoint(large) {\n      grid-column: span 10 / span 10;\n    }\n  }\n\n  &--align-center {\n    .context-section__main {\n      @include breakpoint(large) {\n        grid-column-start: 2;\n      }\n    }\n  }\n\n  &--background-dark {\n    background-color: $black;\n    color: $white;\n  }\n\n  &__dots {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 420px;\n    opacity: 0.2;\n    transform: translateY(-50%) translateX(-50%);\n\n    .background--gray & {\n      fill: $white;\n    }\n\n    .background--black & {\n      fill: $red;\n      right: 0;\n      left: auto;\n      opacity: 0.5;\n      transform: translateY(-50%) translateX(50%);\n    }\n  }\n\n  + .article-grid {\n    padding-top: 0;\n  }\n}",".article {\n  &__image {\n    height: 220px;\n\n    @include breakpoint(large) {\n      height: auto;\n    }\n  }\n\n  &__image + .context {\n    margin-top: 20px;\n  }\n}",".article-grid {\n  padding: 80px 0 40px;\n\n  &__item {\n    position: relative;\n    grid-column: span 12 / span 12;\n    margin-bottom: 40px;\n\n    @include breakpoint(medium) {\n      grid-column: span 6 / span 6;\n    }\n\n    @include breakpoint(large) {\n      grid-column: span 3 / span 3;\n\n      .article-grid--2-columns & {\n        grid-column: span 6 / span 6;\n      }\n\n      .article-grid--3-columns & {\n        grid-column: span 4 / span 4;\n      }\n    }\n  }\n\n  .context__heading {\n    color: $red;\n  }\n}",".video {\n  position: relative;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n\n  &__overlay {\n    z-index: 10;\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n    transition: $transition-default;\n\n    &:hover {\n      .video__btn {\n        transform: scale(1.2);\n      }\n    }\n\n    &--active {\n      visibility: hidden;\n      opacity: 0;\n    }\n  }\n\n  &__btn {\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background-color: $red;\n    transition: $transition-default;\n\n    svg {\n      width: 16px;\n      fill: $black;\n      transform: translateX(2px);\n    }\n  }\n\n  &__loop {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    display: hidden;\n    min-width: 100%;\n    min-height: 100%;\n    background-repeat: repeat;\n    background-size: cover;\n\n    @include breakpoint(medium) {\n      display: block;\n    }\n  }\n\n  &__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &__iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}",".hero {\n  position: relative;\n  height: 90vh;\n  overflow: hidden;\n\n  &--with-video {\n    height: auto;\n    padding-bottom: 0;\n  }\n\n  &__banner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 101;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: 350px;\n    height: 85px;\n    background-color: $red;\n    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\n\n    svg {\n      width: 230px;\n      fill: $white;\n    }\n  }\n\n  &__play-btn {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    z-index: 101;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: 0;\n    cursor: pointer;\n\n    &.paused {\n      svg:nth-child(1) {\n        display: block;\n      }\n\n      svg:nth-child(2) {\n        display: none;\n      }\n    }\n\n    svg {\n      max-height: 24px;\n      width: 16px;\n      fill: $white;\n\n      &:nth-child(1) {\n        display: none;\n      }\n\n      &:nth-child(2) {\n        display: block;\n      }\n    }\n  }\n\n  &__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n    display: flex;\n    align-items: flex-end;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  &__main {\n    grid-column: span 12 / span 12;\n    margin-bottom: 30px;\n\n    @include breakpoint(medium) {\n      grid-column: span 8 / span 8;\n      margin-bottom: 60px;\n    }\n\n    @include breakpoint(large) {\n      grid-column: span 5 / span 5;\n    }\n  }\n\n  &__loop {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    min-width: 100%;\n    min-height: 100%;\n    background-repeat: repeat;\n    background-size: cover;\n    transform: translateX(-40%);\n\n    @include breakpoint(medium) {\n      display: block;\n      transform: none;\n    }\n  }\n\n  .video__btn {\n    display: none;\n  }\n}",".media-context {\n  &__inner {\n    max-width: 100%;\n    padding: 0;\n\n    @include breakpoint(900px) {\n      column-gap: 0;\n    }\n  }\n\n  &__media,\n  &__context {\n    grid-column: span 12 / span 12;\n  }\n\n  &__media {\n    font-size: 0;\n\n    @include breakpoint(900px) {\n      grid-column: span 6 / span 6;\n    }\n  }\n\n  &__context {\n    padding: 40px 20px;\n\n    @include breakpoint(900px) {\n      grid-column: span 6 / span 6;\n\n      display: flex;\n      align-items: center;\n      padding: 0 20px;\n      margin-top: 0;\n    }\n\n    @include breakpoint(large) {\n      padding: 0 60px;\n    }\n\n    .media-context--reversed & {\n      @include breakpoint(900px) {\n        order: -1;\n      }\n    }\n  }\n\n  .btn svg {\n    display: none;\n  }\n}","@use \"sass:map\";\n\n.wysiwyg {\n  // The reason why we target DIRECT CHILDREN in the wysiwyg is\n  // to better harmonize these styles with independent block styles\n  // coming from the Gutenberg editor while they share the same div\n  // on the front-end and allows us to retain the seamnless\n  // out-of-the-box editor experience that comes from Wordpress\n  // Additionally, we have forced h1 and h2 elements to inherit\n  // smaller styles as to not compete aesthetically with the\n  // actual page header\n  // ~ Greg\n\n  &.page {\n    > h1, > h2, > h3, > h4, > h5, > h6, > p, > ul, > ol, > blockquote {\n      width: 100%;\n      max-width: ($grid-max-width / 12) * 8;\n      padding: 0 calc(map.get($grid-column-gutter, large) / 2);\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    > div + h1,\n    > div + h2,\n    > div + h3,\n    > div + h4,\n    > div + h5,\n    > div + h6,\n    > div + p,\n    > div + ul,\n    > div + ol,\n    > div + blockquote {\n      margin-top: 40px;\n    }\n\n    > h1 + div,\n    > h2 + div,\n    > h3 + div,\n    > h4 + div,\n    > h5 + div,\n    > h6 + div,\n    > p + div,\n    > ul + div,\n    > ol + div,\n    > blockquote + div {\n      margin-top: 40px;\n    }\n  }\n\n  > h1 { @extend .heading-style-1; }\n\n  > h2 { @extend .heading-style-2; }\n\n  > h3 { @extend .heading-style-3; }\n\n  // > h4 { @extend .heading-style-5; }\n\n  // > h5 { @extend .heading-style-6; }\n\n  // > h6 { @extend .heading-style-6; }\n\n  > h1,\n  > h2,\n  > h3 {\n    + figure,\n    + .wp-block-image {\n      margin-top: 30px;\n\n      @include breakpoint(medium) {\n        margin-top: 40px;\n      }\n    }\n  }\n\n  > h4,\n  > h5,\n  > h6 {\n    + figure,\n    + .wp-block-image {\n      margin-top: 20px;\n    }\n  }\n\n  > p,\n  > ul,\n  > ol {\n    @extend .paragraph-style-2;\n\n    a {\n      color: $black;\n      text-decoration: underline;\n      transition: $transition-default;\n\n      &:hover {\n        color: $red;\n        text-decoration: none;\n      }\n    }\n\n    li + li {\n      margin-top: 10px;\n    }\n\n    + figure,\n    + .wp-block-image {\n      margin-top: 30px;\n\n      @include breakpoint(medium) {\n        margin-top: 40px;\n      }\n    }\n  }\n\n  > ul {\n    li {\n      margin-left: 28px;\n      padding-left: 10px;\n      list-style-type: disc;\n\n      &::marker {\n        color: $black;\n      }\n    }\n  }\n\n  > ol {\n    li {\n      margin-left: 38px;\n      list-style-type: decimal-leading-zero;\n\n      &::marker {\n        font-family: $font-secondary;\n        color: $black;\n        font-weight: 800;\n      }\n    }\n  }\n\n}",".modal {\n  position: fixed;\n  z-index: 100;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100vw;\n  height: 100vh;\n  color: $black;\n  background-color: rgba(0, 0, 0, 0.9);\n  opacity: 0;\n  visibility: hidden;\n  transition: $transition-default;\n\n  &--active {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .media-context__image img {\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .media-context__caption {\n    display: none;\n  }\n\n  &__button {\n    position: absolute;\n    z-index: 10;\n    top: 2.080vw;\n    right: 4.167vw;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    background-color: transparent;\n    border: 0;\n    appearance: none;\n    cursor: pointer;\n\n    @include breakpoint(medium) {\n      width: 4.861vw;\n      height: 4.861vw;\n    }\n\n    &:hover {\n      background-color: $red;\n\n      svg {\n        stroke: $black;\n      }\n    }\n\n    .icon-x {\n      width: 80%;\n      fill: none;\n      stroke: $red;\n      stroke-width: 4;\n    }\n  }\n\n  &__main {\n    background-color: $white;\n    width: 70%;\n  }\n}\n\n.modal-btn {\n  position: relative;\n  font-size: 0;\n  padding: 0;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  cursor: pointer;\n}",".header {\n  display: flex;\n  padding: 30px 0;\n  align-items: center;\n  justify-content: center;\n  background-color: $black;\n\n  &__main {\n    grid-column: span 12 / span 12;\n    text-align: center;\n  }\n}",".footer {\n  display: flex;\n  padding: 200px 0;\n  align-items: center;\n  justify-content: center;\n  background-color: $black;\n\n  &__main {\n    grid-column: span 12 / span 12;\n    text-align: center;\n  }\n}"],"names":[],"sourceRoot":""}