{"version":3,"sources":["bootstrap.css","data:;charset=utf-8,/%20assets/scss/bootstrap.scss%0A/%20ROOT%20ENTRY%20FILE%20%E2%80%93%20compile%20only%20this%0A%0A/*%201%EF%B8%8F%E2%83%A3%20Abstracts%20(global%20tools%20only)%20*/%0A@use%20%22./fonts%22%20as%20*;%0A@use%20%22./variables%22%20as%20*;%0A@use%20%22./color.scss%22%20as%20*;%0A@use%20%22./mixins/mixins%22%20as%20*;%0A@use%20%22./mixins/breakpoint%22%20as%20*;%0A@use%20%22./components/modal%22%20as%20*;%0A%0A/*%202%EF%B8%8F%E2%83%A3%20Base%20styles%20*/%0A@use%20%22./main%22;%0A@use%20%22./page.scss%22%20as%20*;%0A@use%20%22./variables%22%20as%20*;%20/%20%E2%9C%85%20correct%0A%0A/*%203%EF%B8%8F%E2%83%A3%20Layout%20(NO%20as%20*)%20*/%0A@use%20%22./layout/header%22;%0A@use%20%22./layout/footer%22;%0A@use%20%22./layout/404%22%20as%20*;%0A@use%20%22./layout/index%22;%0A%0A/*%204%EF%B8%8F%E2%83%A3%20ACF%20Blocks%20*/%0A/%20@use%20%22./acf-block-scss/hero-banner.scss%22;%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/components/_modal.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/layout/header.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/layout/footer.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/layout/index.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACGhB,sCAAA;ACCQ,kDAAA;ADDR,sCAAA;AAAA,sCAAA;AEKA;EACE,sBAAA;EACA,SAAA;EACA,UAAA;AHFF;;AGKA;;EAEE,kBAAA;AHFF;;AGKA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBCjBY;EDkBZ,cAAA;AHFF;;AGkCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;AHhCF;AKyBI;EFFJ;IAaI,eAAA;IACA,gBAAA;EHhCF;AACF;AKmBI;EFFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;EHhCF;AACF;AKWI;EFFJ;IA2BI,wBAAA;EHhCF;AACF;;AGmCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;AHhCF;;AGmCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;AHhCF;;AGmCA;EACE,aAAA;EACA,sCAAA;AHhCF;;AGoCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;AHnCF;AGqCE;EACE,UAAA;EACA,gCAAA;AHnCJ;;AGwCA;EACE,2BAAA;AHrCF;;AGuCA;EACE,4BAAA;AHpCF;;AGsCA;EACE,4BAAA;AHnCF;;AGqCA;EACE,2BAAA;AHlCF;;AGoCA;EACE,eAAA;AHjCF;;AGmCA;EACE,sBAAA;AHhCF;;AGoCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;AHnCF;AGqCE;EACE,UAAA;EACA,uBAAA;AHnCJ;;AGwCA;EACE,oBAAA;AHrCF;;AGuCA;EACE,uBAAA;AHpCF;;AGsCA;EACE,sBAAA;AHnCF;;AGqCA;EACE,uBAAA;AHlCF;;AGoCA;EACE,sBAAA;AHjCF;;AGmCA;EACE,uBAAA;AHhCF;;AGoCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;EHjCF;AACF;AGqCA;;EAGE,kBAAA;EACA,iBAAA;AHpCF;;AGuCA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;AHpCF;;AGuCA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBCjNkB;EDkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AHtCF;;AG4CA;EACE,kBAAA;EACA,oBAAA;AHzCF;;AG2CA;EACE;IACE,aAAA;EHxCF;AACF;AClMA,sCAAA;AKGA;EACE,gBAAA;ANkMF;;AM/LA;EACE,eAAA;EACA,QAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;ANkMF;AMhME;EACE,aAAA;ANkMJ;AM/LE;EACE,kBAAA;EACA,QAAA;EACA,+BAAA;ANiMJ;AM9LE;EACE,kBAAA;EACA,UAAA;EACA,uBAAA;EACA,4BAAA;EACA,cAAA;EACA,mBFzBU;EE0BV,aAAA;ANgMJ;AM7LE;EACE,gBAAA;EACA,SAAA;EACA,uBAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;EACA,cFjDkB;EEkDlB,YAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;AN+LJ;AM5LE;EACE,sBAAA;AN8LJ;;AM1LA;EACE;IACE,2BAAA;EN6LF;EM1LA;IACE,wBAAA;EN4LF;AACF;AMzLA;EACE,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;EACA,qBAAA;EACA,oCAAA;EAEA,yBAAA;AN0LF;AMzLE;EACE,UAAA;AN2LJ;AMxLE;EACE,uBAAA;AN0LJ;AMvLE;EACE,kCAAA;EACA,oBAAA;ANyLJ;AMtLE;EACE,kCAAA;ANwLJ;AMrLE;EACE,aAAA;EACA,QAAA;EACA,mBAAA;EACA,gCAAA;EACA,oBAAA;ANuLJ;AMpLE;EACE,SAAA;EACA,cF3GkB;EG4MpB,sCLvMkB;EKwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;APgMF;AK1OI;EC4CF;ICvBA,eCrCQ;IDsCR,iBAAA;EPyNA;AACF;AKhPI;EC4CF;IC/BA,eChCQ;IDiCR,iBAAA;EPuOA;AACF;AMpME;EACE,aAAA;EACA,eAAA;EACA,QAAA;ANsMJ;AMnME;EACE,cFtHkB;EGuSpB,sCLlSkB;EKmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;APsRF;AKpQI;ECwDF;IC/EA,eCDQ;IDER,iBAAA;EP+RA;AACF;AK1QI;ECwDF;ICnFA,eCGQ;IDFR,iBAAA;EPySA;AACF;AMpNE;EACE,cF1HkB;EGuSpB,sCLlSkB;EKmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AP2SF;AKzRI;EC4DF;ICnFA,eCDQ;IDER,iBAAA;EPoTA;AACF;AK/RI;EC4DF;ICvFA,eCGQ;IDFR,iBAAA;EP8TA;AACF;AMrOE;EACE,WAAA;EACA,gBAAA;ANuOJ;AMpOE;EACE,WAAA;EACA,cAAA;EACA,YAAA;ANsOJ;AMhOE;EACE,aAAA;EACA,SAAA;EACA,cF9IkB;EG+QpB,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;APuSF;AKzTI;EC8EF;ICrFA,eCdQ;IDeR,iBAAA;EPoUA;AACF;AK/TI;EC8EF;ICjGA,eCJQ;IDKR,iBAAA;EPsVA;AACF;AMjPI;;;;EAIE,SAAA;ANmPN;;AM9OA;EACE,4BAAA;EACA,oBAAA;EACA,kBAAA;ANiPF;AM/OE;EACE,gBAAA;EACA,oBAAA;EACA,gCAAA;EACA,cFnKkB;EG4MpB,sCLvMkB;EKwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;APmTF;AK7VI;ECkGF;IC7EA,eCrCQ;IDsCR,iBAAA;EP4UA;AACF;AKnWI;ECkGF;ICrFA,eChCQ;IDiCR,iBAAA;EP0VA;AACF;AM/PE;EACE,aAAA;EACA,sBAAA;EACA,SAAA;ANiQJ;AM9PE;EACE,WAAA;ANgQJ;AM7PE;EACE,cAAA;EACA,gBAAA;EACA,cFpLkB;EGmOpB,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APmXF;AK7XI;ECoHF;ICnHA,eCvBQ;IDwBR,iBAAA;EPgYA;AACF;AKnYI;ECoHF;IC/HA,eCZQ;IDaR,iBAAA;EPkZA;AACF;AM9QE;EAEE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBFrLgB;EEsLhB,kBAAA;EACA,cF/LkB;EEgMlB,aAAA;EACA,+BAAA;ECkCF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APgZF;AK1ZI;EC2HF;IC1HA,eCvBQ;IDwBR,iBAAA;EP6ZA;AACF;AKhaI;EC2HF;ICtIA,eCZQ;IDaR,iBAAA;EP+aA;AACF;AM/RI;EACE,0BAAA;EACA,oBAAA;ANiSN;AM7RE;EACE,gBAAA;AN+RJ;AM5RE;EACE,iBAAA;EACA,gBAAA;AN8RJ;AMtRE;EACE,aAAA;ANwRJ;AMrRE;EACE,oBAAA;EACA,gBAAA;EACA,mBAAA;EACA,SAAA;EACA,cFjOkB;EEkOlB,eAAA;EACA,mBAAA;EACA,gCAAA;ECDF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AP2bF;AKrcI;EC+JF;IC9JA,eCvBQ;IDwBR,iBAAA;EPwcA;AACF;AK3cI;EC+JF;IC1KA,eCZQ;IDaR,iBAAA;EP0dA;AACF;AMvSI;EACE,cAAA;ANySN;AMrSE;EACE,gBAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;ECiFF,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBH5UoB;EG6UpB,cHpUY;EGqUZ,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APmeF;AK7eI;EC+KF;IC9KA,eCvBQ;IDwBR,iBAAA;EPgfA;AACF;AKnfI;EC+KF;IC1LA,eCZQ;IDaR,iBAAA;EPkgBA;AACF;AOlOE;EACE,mBH5UU;EG6UV,cHtVkB;AJ0jBtB;AK7fI;EE6RA;IACE,mBH3VgB;IG4VhB,cHnVQ;EJsjBZ;AACF;AO/NE;EACE,cAAA;APiOJ;AM3UE;EACE,aAAA;AN6UJ;AM3UE;EACE,cAAA;EACA,kBAAA;EACA,OAAA;EACA,qBAAA;ECwCF,sCLlSkB;EKmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;APuiBF;AKrhBI;EC8LF;ICrNA,eCDQ;IDER,iBAAA;EPgjBA;AACF;AK3hBI;EC8LF;ICzNA,eCGQ;IDFR,iBAAA;EP0jBA;AACF;AM5VE;EACE,cAAA;EACA,kBAAA;AN8VJ;;AM1VE;EAEE,4BAAA;AN4VJ;;AMxVA;EACE,eAAA;AN2VF;AMzVE;EACE,aAAA;EACA,qBAAA;EACA,8BAAA;EACA,SAAA;EACA,mBAAA;AN2VJ;AMxVE;EACE,eAAA;EACA,cAAA;EACA,yBAAA;AN0VJ;AMvVE;EACE,SAAA;EACA,gBAAA;ANyVJ;AMtVE;EACE,gBAAA;EACA,eAAA;EACA,yBAAA;EACA,kBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,aAAA;ANwVJ;AMrVE;EACE,aAAA;EACA,gDAAA;EACA,SAAA;ANuVJ;;AK5kBI;EC2PA;IACE,uBAAA;IACA,4BAAA;ENqVJ;EMlVA;IACE,iBAAA;ENoVF;AACF;AKtlBI;EC8RF;IACE,qBAAA;IACA,uBAAA;IACA,UAAA;EN2TF;EMzTE;IACE,WAAA;IACA,8BAAA;IACA,gCAAA;IACA,gBAAA;IACA,uCAAA;IACA,4BAAA;EN2TJ;EMxTE;IACE,gBAAA;IACA,MAAA;IACA,UAAA;IACA,WAAA;IACA,YAAA;IACA,wBAAA;IACA,mBFvWQ;EJiqBZ;EMvTE;IACE,oBAAA;ENyTJ;EMtTA;IACE,gBAAA;IACA,iBAAA;IACA,oBAAA;ENwTF;EMtTE;IACE,mBAAA;IACA,oBAAA;ENwTJ;EMrTA;IACE,oBAAA;ENuTF;EMrTE;IACE,gBAAA;IACA,oBAAA;ENuTJ;EMpTE;IACE,SAAA;ENsTJ;EMpTE;IACE,eAAA;ENsTJ;EMnTE;IAEE,gBAAA;IACA,iBAAA;ENoTJ;EMjTE;IACE,gBAAA;ENmTJ;EMhTE;IACE,iBAAA;ENkTJ;EM/SE;IACE,eAAA;ENiTJ;EM9SE;IACE,gBAAA;ENgTJ;AACF;AC1sBA,oBAAA;AAKA,yBAAA;AAbA,sCAAA;AQIA;EAEE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,mBLJY;EKKZ,eAAA;EACA,yEACE;ATitBJ;AS7sBE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,8BAAA;AT+sBJ;AS1sBI;EACE,cAAA;EACA,gBAAA;EACA,WAAA;AT4sBN;AS1sBI;EACE,eAAA;EACA,WAAA;EACA,sBAAA;KAAA,mBAAA;AT4sBN;AS3sBM;EACE,cAAA;AT6sBR;AS3sBM;EACE,aAAA;AT6sBR;AStsBE;EACE,kCAAA;EACA,2BAAA;ATwsBJ;ASnsBI;EACE,cLjDQ;AJsvBd;ASnsBI;EACE,cLpDQ;AJyvBd;ASnsBI;EACE,mBLvDQ;AJ4vBd;ASjsBM;EACE,aAAA;ATmsBR;ASjsBM;EACE,cAAA;ATmsBR;AS5rBI;EACE,cLhFgB;AJ8wBtB;AS5rBI;EACE,mBLnFgB;AJixBtB;AS1rBM;EACE,aAAA;AT4rBR;AS1rBM;EACE,cAAA;AT4rBR;ASrrBE;EACE,8BAAA;EACA,qDAAA;EACA,eAAA;ATurBJ;ASrrBI;EACE,cLxGgB;AJ+xBtB;ASrrBI;EACE,mBL3GgB;AJkyBtB;ASnrBM;EACE,wBAAA;ATqrBR;ASnrBM;EACE,yBAAA;ATqrBR;ASjrBI;EF0MF,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APsvBF;AKhwBI;EI0DA;IFzDF,eCvBQ;IDwBR,iBAAA;EPmwBA;AACF;AKtwBI;EI0DA;IFrEF,eCZQ;IDaR,iBAAA;EPqxBA;AACF;AOrfE;EACE,mBHxUW;EGyUX,cHxTU;AJ+yBd;AKhxBI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EJy0BZ;AACF;AOlfE;EACE,cAAA;APofJ;;ASvtBA;EACE,wCAAA;AT0tBF;;ASvtBA;EACE,cAAA;AT0tBF;;ASvtBA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;AT0tBF;;ASrtBE;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;ATwtBJ;ASrtBE;EACE,SAAA;ATutBJ;ASptBE;EACE,cL7JkB;EK8JlB,qBAAA;EACA,6BAAA;EFoEF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APqzBF;AK/zBI;EI+FF;IF9FA,eCvBQ;IDwBR,iBAAA;EPk0BA;AACF;AKr0BI;EI+FF;IF1GA,eCZQ;IDaR,iBAAA;EPo1BA;AACF;AStuBI;EACE,cLhKO;AJw4Bb;ASnuBE;;EAEE,0BAAA;EACA,0BAAA;ATquBJ;;AShuBA;EACE,kBAAA;EACA,gBAAA;EF+IA,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APi2BF;AK32BI;EImHJ;IFlHE,eCvBQ;IDwBR,iBAAA;EP82BA;AACF;AKj3BI;EImHJ;IF9HE,eCZQ;IDaR,iBAAA;EPg4BA;AACF;AOhmBE;EACE,mBHxUW;EGyUX,cHxTU;AJ05Bd;AK33BI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EJo7BZ;AACF;AO7lBE;EACE,cAAA;AP+lBJ;;AS1wBA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,aAAA;AT6wBF;AS3wBE;EACE,WAAA;EACA,WAAA;EACA,mBLtMkB;EKuMlB,oDACE;EAEF,cAAA;AT2wBJ;ASvwBI;EACE,4CAAA;ATywBN;ASvwBI;EACE,UAAA;EACA,oBAAA;ATywBN;ASvwBI;EACE,8CAAA;ATywBN;;ASpwBA;EACE,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,uBAAA;EACA,mBLzNkB;EK0NlB,aAAA;EACA,aAAA;EACA,sBAAA;EACA,aAAA;EACA,2BAAA;EACA,kBAAA;EACA,oBAAA;EACA,uDAAA;ATuwBF;ASrwBE;EACE,wBAAA;EACA,mBAAA;EACA,oBAAA;ATuwBJ;ASpwBE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,cLxPkB;EKyPlB,YAAA;EACA,aAAA;EACA,mBAAA;EACA,6BAAA;ATswBJ;ASpwBI;EACE,YAAA;ATswBN;ASlwBE;EACE,gBAAA;EACA,OAAA;ATowBJ;ASjwBE;EACE,gBAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;ATmwBJ;ASjwBI;EACE,SAAA;ATmwBN;AShwBI;EACE,cAAA;EACA,cLtRgB;EKuRhB,qBAAA;EACA,UAAA;EACA,6BAAA;EFtDJ,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AP29BF;AKr+BI;EIuNA;IFtNF,eCvBQ;IDwBR,iBAAA;EPw+BA;AACF;AK3+BI;EIuNA;IFlOF,eCZQ;IDaR,iBAAA;EP0/BA;AACF;ASjxBM;EACE,cL3RK;AJ8iCb;AS9wBI;;EAEE,0BAAA;EACA,0BAAA;ATgxBN;AS5wBE;EACE,gBAAA;EACA,iBAAA;AT8wBJ;AS3wBE;EACE,QAAA;EACA,WAAA;EACA,kBAAA;EFeF,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AP2gCF;AKrhCI;EIkPF;IFjPA,eCvBQ;IDwBR,iBAAA;EPwhCA;AACF;AK3hCI;EIkPF;IF7PA,eCZQ;IDaR,iBAAA;EP0iCA;AACF;AO1wBE;EACE,mBHxUW;EGyUX,cHxTU;AJokCd;AKriCI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EJ8lCZ;AACF;AOvwBE;EACE,cAAA;APywBJ;;ASpzBA;EACE,eAAA;EACA,QAAA;EACA,8BAAA;EACA,aAAA;EAGA,UAAA;EACA,kBAAA;EACA,oBAAA;EACA,mDACE;ATozBJ;AShzBE;EACE,UAAA;EACA,mBAAA;EACA,oBAAA;ATkzBJ;;AS9yBA;EACE,gBAAA;ATizBF;;AKlkCI;EIqRF;IACE,SAAA;ETizBF;ES7yBE;IACE,SAAA;ET+yBJ;AACF;AS5yBA;EACE;IACE,eAAA;ET8yBF;ES3yBI;IACE,gBAAA;ET6yBN;ES1yBE;IACE,eAAA;ET4yBJ;ES1yBI;IACE,aAAA;ET4yBN;ESxyBA;IACE,aAAA;ET0yBF;ESxyBA;IACE,aAAA;ET0yBF;ESxyBA;IACE,aAAA;ET0yBF;ESryBI;IFnTJ,eC5BQ;ID6BR,iBAAA;EP2lCA;AACF;AKtmCI;EIqUE;IACE,gBAAA;EToyBN;AACF;AUnqCA;EACE,yBAAA;AVqqCF;;AUlqCA;EACE,mBNVoB;EMWpB,WAAA;AVqqCF;AUnqCE;EAGE,8BAAA;EACA,eAAA;AVmqCJ;AUhqCI;EACE,cAAA;EACA,mBAAA;AVkqCN;AUjqCM;EACE,WAAA;EACA,YAAA;EACA,cAAA;AVmqCR;AUjqCQ;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;AVmqCV;AU9pCI;EACE,aAAA;EACA,iDAAA;EACA,SAAA;EACA,+BAAA;AVgqCN;AU9pCM;EACE,aAAA;EACA,sBAAA;EACA,MAAA;EACA,eAAA;EACA,mBAAA;AVgqCR;AU9pCQ;EACE,cNzCI;EM0CJ,qBAAA;EACA,cAAA;EACA,oBAAA;EH8KR,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;APqpCF;AK/pCI;EKZI;IHaN,eCvBQ;IDwBR,iBAAA;EPkqCA;AACF;AKrqCI;EKZI;IHCN,eCZQ;IDaR,iBAAA;EPorCA;AACF;AUhrCU;EACE,0BAAA;AVkrCZ;AU/qCU;EACE,iBAAA;AVirCZ;AU7qCM;EACE,aAAA;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;AV+qCR;AU7qCQ;EACE,cNjEI;EMkEJ,kBAAA;EHwJR,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AP0rCF;AKpsCI;EKYI;IHXN,eCvBQ;IDwBR,iBAAA;EPusCA;AACF;AK1sCI;EKYI;IHvBN,eCZQ;IDaR,iBAAA;EPytCA;AACF;AU/rCQ;EACE,aAAA;EACA,sBAAA;EACA,MAAA;AVisCV;AU/rCU;EACE,cNtDE;EMuDF,qBAAA;EACA,gBAAA;EHyLV,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AP8sCF;AKhuCI;EKsBM;IH7BR,eCdQ;IDeR,iBAAA;EP2uCA;AACF;AKtuCI;EKsBM;IHzCR,eCJQ;IDKR,iBAAA;EP6vCA;AACF;AUhtCY;EACE,0BAAA;AVktCd;AU7sCU;EACE,cNlEE;EMmEF,SAAA;EH8KV,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;APuuCF;AKzvCI;EKkCM;IHzCR,eCdQ;IDeR,iBAAA;EPowCA;AACF;AK/vCI;EKkCM;IHrDR,eCJQ;IDKR,iBAAA;EPsxCA;AACF;AU1tCE;EAGE,mBAAA;EACA,iBAAA;AV0tCJ;AUxtCI;;EAEE,cNlFQ;EMmFR,qBAAA;EACA,mBAAA;EHqLJ,sCLlSkB;EKmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;APuyCF;AKrxCI;EKiDA;;IHxEF,eCDQ;IDER,iBAAA;EPizCA;AACF;AK5xCI;EKiDA;;IH5EF,eCGQ;IDFR,iBAAA;EP4zCA;AACF;AU1uCI;EACE,gBAAA;EACA,WAAA;EACA,+BAAA;AV4uCN;AUzuCI;EACE,0BAAA;AV2uCN;;AK3yCI;EKyEI;IACE,eAAA;EVsuCR;EUpuCM;IACE,eAAA;EVsuCR;EUjuCI;IACE,gBAAA;EVmuCN;AACF;AKvzCI;EK0FA;IACE,eAAA;IACA,aAAA;IACA,uBAAA;IACA,8BAAA;IACA,mBAAA;IACA,SAAA;EVguCJ;EU9tCI;IACE,aAAA;IACA,uBAAA;EVguCN;EU9tCM;IACE,UAAA;EVguCR;EU9tCM;IACE,eAAA;IACA,SAAA;EVguCR;EU5tCE;IACE,iBAAA;IACA,aAAA;IACA,8BAAA;IACA,mBAAA;EV8tCJ;EU5tCI;IACE,gBAAA;EV8tCN;AACF;AKr1CI;EK8HA;IACE,oBAAA;IACA,sBAAA;IACA,SAAA;EV0tCJ;EUxtCI;IACE,sBAAA;IACA,SAAA;IACA,WAAA;EV0tCN;EUxtCM;IACE,UAAA;IACA,WAAA;EV0tCR;EUxtCQ;IACE,oBAAA;EV0tCV;EUxtCU;IACE,qBAAA;EV0tCZ;EUttCM;IACE,UAAA;IACA,SAAA;IACA,WAAA;EVwtCR;EUptCY;IACE,qBAAA;EVstCd;EU/sCE;IACE,iBAAA;IACA,sBAAA;IACA,qBAAA;EVitCJ;EU/sCI;;IAEE,eAAA;IH7LN,eCJQ;IDKR,iBAAA;EP+4CA;EUhtCI;IACE,qBAAA;EVktCN;AACF;AW77CA;EACE,aAAA;AX+7CF;AW77CE;EACE,cAAA;EACA,WAAA;AX+7CJ;;ACh7CA,mBAAA","file":"bootstrap.css","sourcesContent":["@charset \"UTF-8\";\n/* 1️⃣ Abstracts (global tools only) */\n@import url(\"https://use.typekit.net/xxt1mhk.css\");\n/* 1️⃣ Abstracts (global tools only) */\n/* 1️⃣ Abstracts (global tools only) */\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n/* 1️⃣ Abstracts (global tools only) */\n.has-modal-open {\n  overflow: hidden;\n}\n\n.site-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n.site-modal--open {\n  display: flex;\n}\n.site-modal__overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.64);\n}\n.site-modal__dialog {\n  position: relative;\n  z-index: 1;\n  width: min(100%, 888px);\n  max-height: min(87vh, 835px);\n  overflow: auto;\n  background: #f6f4f1;\n  outline: none;\n}\n.site-modal__close {\n  position: sticky;\n  top: 48px;\n  left: calc(100% - 56px);\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  margin: 48px 48px 0 auto;\n  color: #80512f;\n  border: none;\n  cursor: pointer;\n  font-size: 28px;\n  line-height: 1;\n}\n.site-modal__body {\n  padding: 48px 48px 0px;\n}\n\n@keyframes modalSheetIn {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n.modal-story {\n  max-height: 464px;\n  padding-bottom: 48px;\n  overflow-y: scroll;\n  /* Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: #80512f transparent;\n  /* Chrome, Edge, Safari */\n}\n.modal-story::-webkit-scrollbar {\n  width: 8px;\n}\n.modal-story::-webkit-scrollbar-track {\n  background: transparent;\n}\n.modal-story::-webkit-scrollbar-thumb {\n  background: rgba(128, 81, 47, 0.4);\n  border-radius: 999px;\n}\n.modal-story::-webkit-scrollbar-thumb:hover {\n  background: rgba(128, 81, 47, 0.7);\n}\n.modal-story__header {\n  display: grid;\n  gap: 8px;\n  margin-bottom: 24px;\n  border-bottom: 1px solid #e8e4dd;\n  padding-bottom: 24px;\n}\n.modal-story__title {\n  margin: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .modal-story__title {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-story__title {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.modal-story__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.modal-story__publisher {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .modal-story__publisher {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-story__publisher {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.modal-story__date {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .modal-story__date {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-story__date {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.modal-story__image {\n  width: 100%;\n  overflow: hidden;\n}\n.modal-story__img {\n  width: 100%;\n  display: block;\n  height: auto;\n}\n.modal-story__content {\n  display: grid;\n  gap: 16px;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .modal-story__content {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-story__content {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.modal-story__content p,\n.modal-story__content ul,\n.modal-story__content ol,\n.modal-story__content blockquote {\n  margin: 0;\n}\n\n.modal-form {\n  max-height: min(92vh, 775px);\n  padding-bottom: 48px;\n  overflow-y: hidden;\n}\n.modal-form__title {\n  margin: 0 0 24px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid #e8e4dd;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .modal-form__title {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form__title {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.modal-form .modal-input-row {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.modal-form__field {\n  width: 100%;\n}\n.modal-form__label {\n  display: block;\n  margin: 0 0 16px;\n  color: #80512f;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .modal-form__label {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form__label {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.modal-form__input, .modal-form__textarea {\n  width: 100%;\n  border: none;\n  min-height: 38px;\n  background: #e8e4dd;\n  padding: 14px 24px;\n  color: #80512f;\n  outline: none;\n  text-transform: none !important;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .modal-form__input, .modal-form__textarea {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form__input, .modal-form__textarea {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.modal-form__input:focus, .modal-form__textarea:focus {\n  outline: 1px solid #80512f;\n  outline-offset: -1px;\n}\n.modal-form__input {\n  min-height: 48px;\n}\n.modal-form__textarea {\n  max-height: 156px;\n  resize: vertical;\n}\n.modal-form__file {\n  display: none;\n}\n.modal-form__attachment {\n  display: inline-flex;\n  margin-top: 16px;\n  align-items: center;\n  gap: 12px;\n  color: #80512f;\n  cursor: pointer;\n  padding-bottom: 2px;\n  border-bottom: 2px solid #80512f;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .modal-form__attachment {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form__attachment {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.modal-form__attachment svg {\n  flex-shrink: 0;\n}\n.modal-form__submit {\n  margin-top: 48px;\n  width: 100%;\n  padding: 14px 24px;\n  cursor: pointer;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #80512f;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .modal-form__submit {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form__submit {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.modal-form__submit:hover {\n  background: #f6f4f1;\n  color: #80512f;\n}\n@media (max-width: 566px) {\n  .modal-form__submit:hover {\n    background: #80512f;\n    color: #f6f4f1;\n  }\n}\n.modal-form__submit svg {\n  flex-shrink: 0;\n}\n.modal-form .wpcf7-spinner {\n  display: none;\n}\n.modal-form .wpcf7-not-valid-tip {\n  color: #dc3232;\n  position: absolute;\n  left: 0;\n  top: calc(100% + 0px);\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .modal-form .wpcf7-not-valid-tip {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .modal-form .wpcf7-not-valid-tip {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.modal-form .wpcf7-form-control-wrap {\n  display: block;\n  position: relative;\n}\n\n.site-modal.modal-share-voice .site-modal__dialog {\n  max-height: min(92vh, 837px);\n}\n\n.voices-section {\n  padding: 72px 0;\n}\n.voices-section__header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n.voices-section__eyebrow {\n  margin: 0 0 8px;\n  color: #686868;\n  text-transform: uppercase;\n}\n.voices-section__heading {\n  margin: 0;\n  max-width: 760px;\n}\n.voices-section__share {\n  min-height: 48px;\n  padding: 0 20px;\n  border: 1px solid #1e1e1e;\n  border-radius: 4px;\n  background: transparent;\n  color: #1e1e1e;\n  cursor: pointer;\n  font: inherit;\n}\n.voices-section__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n@media (max-width: 991px) {\n  .site-modal__dialog {\n    width: min(100%, 565px);\n    max-height: min(86vh, 820px);\n  }\n  .modal-story {\n    max-height: 312px;\n  }\n}\n@media (max-width: 767px) {\n  .site-modal {\n    align-items: flex-end;\n    justify-content: center;\n    padding: 0;\n  }\n  .site-modal__dialog {\n    width: 100%;\n    max-height: calc(100vh - 88px);\n    max-height: calc(100dvh - 175px);\n    overflow-y: auto;\n    animation: modalSheetIn 0.28s ease both;\n    overscroll-behavior: contain;\n  }\n  .site-modal__close {\n    position: sticky;\n    top: 0;\n    left: auto;\n    width: 12px;\n    height: 12px;\n    margin: 24px 24px 0 auto;\n    background: #f6f4f1;\n  }\n  .site-modal__body {\n    padding: 24px 24px 0;\n  }\n  .modal-story {\n    max-height: none;\n    overflow: visible;\n    padding-bottom: 24px;\n  }\n  .modal-story__header {\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n  }\n  .modal-form {\n    padding-bottom: 24px;\n  }\n  .modal-form__title {\n    margin: 0 0 16px;\n    padding-bottom: 16px;\n  }\n  .modal-form .modal-input-row {\n    gap: 16px;\n  }\n  .modal-form__label {\n    margin: 0 0 8px;\n  }\n  .modal-form__input, .modal-form__textarea {\n    min-height: 33px;\n    padding: 8px 16px;\n  }\n  .modal-form__input {\n    min-height: 33px;\n  }\n  .modal-form__textarea {\n    max-height: 156px;\n  }\n  .modal-form__attachment {\n    margin-top: 8px;\n  }\n  .modal-form__submit {\n    margin-top: 24px;\n  }\n}\n/* 2️⃣ Base styles */\n/* 3️⃣ Layout (NO as *) */\n/* 1️⃣ Abstracts (global tools only) */\n.site-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 200;\n  background: #f6f4f1;\n  padding: 48px 0;\n  transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;\n}\n.site-header .header-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  grid-column: col-start/span 12;\n}\n.site-header .logo .nav-brand-link {\n  display: block;\n  max-width: 318px;\n  width: 100%;\n}\n.site-header .logo .nav-brand-logo {\n  max-width: 100%;\n  width: 100%;\n  object-fit: contain;\n}\n.site-header .logo .nav-brand-logo.logo--dark {\n  display: block;\n}\n.site-header .logo .nav-brand-logo.logo--light {\n  display: none;\n}\n.site-header--transparent {\n  background: transparent !important;\n  box-shadow: none !important;\n}\n.site-header--light .main-nav a {\n  color: #f6f4f1;\n}\n.site-header--light .donate-btn {\n  color: #f6f4f1;\n}\n.site-header--light .menu-toggle .togglerow {\n  background: #f6f4f1;\n}\n.site-header--light .logo .nav-brand-logo.logo--dark {\n  display: none;\n}\n.site-header--light .logo .nav-brand-logo.logo--light {\n  display: block;\n}\n.site-header--dark .main-nav a {\n  color: #80512f;\n}\n.site-header--dark .menu-toggle .togglerow {\n  background: #80512f;\n}\n.site-header--dark .logo .nav-brand-logo.logo--light {\n  display: none;\n}\n.site-header--dark .logo .nav-brand-logo.logo--dark {\n  display: block;\n}\n.site-header.is-scrolled {\n  background: #f6f4f1 !important;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;\n  padding: 48px 0;\n}\n.site-header.is-scrolled .main-nav a {\n  color: #80512f;\n}\n.site-header.is-scrolled .menu-toggle .togglerow {\n  background: #80512f;\n}\n.site-header.is-scrolled .logo .nav-brand-logo.logo--light {\n  display: none !important;\n}\n.site-header.is-scrolled .logo .nav-brand-logo.logo--dark {\n  display: block !important;\n}\n.site-header.is-scrolled .donate-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .site-header.is-scrolled .donate-btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .site-header.is-scrolled .donate-btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.site-header.is-scrolled .donate-btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .site-header.is-scrolled .donate-btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.site-header.is-scrolled .donate-btn svg {\n  flex-shrink: 0;\n}\n\nbody.innerpage-header {\n  padding-top: var(--header-height, 120px);\n}\n\nbody.homepage-header {\n  padding-top: 0;\n}\n\n.main-navRight {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n\n.main-nav ul {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.main-nav li {\n  margin: 0;\n}\n.main-nav a {\n  color: #80512f;\n  text-decoration: none;\n  transition: opacity 0.3s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .main-nav a {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .main-nav a {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.main-nav a:hover {\n  color: #e6d4c3;\n}\n.main-nav .current-menu-item > a,\n.main-nav .current-page-ancestor > a {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.donate-btn {\n  padding: 14px 24px;\n  min-width: 152px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .donate-btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.donate-btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .donate-btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.donate-btn svg {\n  flex-shrink: 0;\n}\n\n.menu-toggle {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0px;\n  width: 18px;\n  position: relative;\n  z-index: 1002;\n}\n.menu-toggle .togglerow {\n  width: 100%;\n  height: 2px;\n  background: #80512f;\n  transition: transform 0.35s ease, opacity 0.25s ease;\n  display: block;\n}\n.menu-toggle.is-active .togglerow:nth-child(1) {\n  transform: rotate(45deg) translate(5px, 6px);\n}\n.menu-toggle.is-active .togglerow:nth-child(2) {\n  opacity: 0;\n  transform: scaleX(0);\n}\n.menu-toggle.is-active .togglerow:nth-child(3) {\n  transform: rotate(-45deg) translate(5px, -6px);\n}\n\n.mobile-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(271px, 85vw);\n  background: #e8e4dd;\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  transform: translateX(100%);\n  visibility: hidden;\n  pointer-events: none;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mobile-menu.is-open {\n  transform: translateX(0);\n  visibility: visible;\n  pointer-events: auto;\n}\n.mobile-menu__close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #80512f;\n  padding: 0px;\n  display: flex;\n  align-items: center;\n  transition: opacity 0.2s ease;\n}\n.mobile-menu__close:hover {\n  opacity: 0.6;\n}\n.mobile-menu__nav {\n  margin-top: 36px;\n  flex: 1;\n}\n.mobile-menu__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.mobile-menu__list li {\n  margin: 0;\n}\n.mobile-menu__list a {\n  display: block;\n  color: #80512f;\n  text-decoration: none;\n  padding: 0;\n  transition: opacity 0.2s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .mobile-menu__list a {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .mobile-menu__list a {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.mobile-menu__list a:hover {\n  color: #e6d4c3;\n}\n.mobile-menu__list .current-menu-item > a,\n.mobile-menu__list .current-page-ancestor > a {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n.mobile-menu__footer {\n  margin-top: auto;\n  padding-top: 32px;\n}\n.mobile-menu__donate {\n  gap: 8px;\n  width: 100%;\n  padding: 14px 24px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .mobile-menu__donate {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .mobile-menu__donate {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.mobile-menu__donate:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .mobile-menu__donate:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.mobile-menu__donate svg {\n  flex-shrink: 0;\n}\n\n.mobile-menu__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.4s ease, visibility 0.4s ease;\n}\n.mobile-menu__backdrop.is-visible {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\n@media (max-width: 991px) {\n  .main-navRight {\n    gap: 16px;\n  }\n  .main-nav ul {\n    gap: 16px;\n  }\n}\n@media (max-width: 960px) {\n  .site-header {\n    padding: 24px 0;\n  }\n  .site-header .logo .nav-brand-link {\n    max-width: 280px;\n  }\n  .site-header.is-scrolled {\n    padding: 24px 0;\n  }\n  .site-header.is-scrolled .donate-btn {\n    display: none;\n  }\n  .main-nav {\n    display: none;\n  }\n  .donate-btn {\n    display: none;\n  }\n  .menu-toggle {\n    display: flex;\n  }\n  .mobile-menu__list a {\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 566px) {\n  .site-header .logo .nav-brand-link {\n    max-width: 232px;\n  }\n}\n.container-footer {\n  display: block !important;\n}\n\n.footer {\n  background: #80512f;\n  width: 100%;\n}\n.footer .footer-inner {\n  justify-content: space-between;\n  padding: 48px 0;\n}\n.footer .footer-inner .footer-logo {\n  flex-shrink: 0;\n  grid-column: span 1;\n}\n.footer .footer-inner .footer-logo .hero-link {\n  width: 50px;\n  height: auto;\n  display: block;\n}\n.footer .footer-inner .footer-logo .hero-link img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.footer .footer-inner .footer-right {\n  display: grid;\n  grid-template-columns: repeat(6, [col-start] 1fr);\n  gap: 24px;\n  grid-column: col-start 7/span 6;\n}\n.footer .footer-inner .footer-right .footer-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  flex: 0 0 204px;\n  grid-column: span 2;\n}\n.footer .footer-inner .footer-right .footer-nav .footer-nav-link {\n  color: #f6f4f1;\n  text-decoration: none;\n  display: block;\n  padding-bottom: 24px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.footer .footer-inner .footer-right .footer-nav .footer-nav-link:hover {\n  text-decoration: underline;\n}\n.footer .footer-inner .footer-right .footer-nav .footer-nav-link:last-child {\n  padding-bottom: 0;\n}\n.footer .footer-inner .footer-right .contact-row {\n  display: flex;\n  align-items: flex-start;\n  flex: 0 0 432px;\n  flex-direction: column;\n  gap: 40px;\n  grid-column: span 4;\n}\n.footer .footer-inner .footer-right .contact-row .footer-section-title {\n  color: #f6f4f1;\n  margin: 0 0 16px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .footer .footer-inner .footer-right .contact-row .footer-section-title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-inner .footer-right .contact-row .footer-section-title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.footer .footer-inner .footer-right .contact-row .footer-contact-links {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {\n  color: #ffffff;\n  text-decoration: none;\n  margin-bottom: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link:hover {\n  text-decoration: underline;\n}\n.footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {\n  color: #ffffff;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.footer .footer-bottom {\n  align-items: center;\n  padding: 0 0 48px;\n}\n.footer .footer-bottom .footer-copyright,\n.footer .footer-bottom .footer-privacy {\n  color: #ffffff;\n  text-decoration: none;\n  grid-column: span 3;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .footer .footer-bottom .footer-copyright,\n  .footer .footer-bottom .footer-privacy {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-bottom .footer-copyright,\n  .footer .footer-bottom .footer-privacy {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.footer .footer-bottom .footer-privacy {\n  max-width: 432px;\n  width: 100%;\n  grid-column: col-start 9/span 4;\n}\n.footer .footer-bottom .footer-privacy:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 991px) {\n  .footer .footer-inner .footer-right .footer-nav {\n    flex: 0 0 204px;\n  }\n  .footer .footer-inner .footer-right .contact-row {\n    flex: 0 0 272px;\n  }\n  .footer .footer-bottom .footer-privacy {\n    max-width: 272px;\n  }\n}\n@media (max-width: 767px) {\n  .footer .footer-inner {\n    padding: 36px 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-direction: row;\n    gap: 40px;\n  }\n  .footer .footer-inner .footer-right {\n    display: flex;\n    align-items: flex-start;\n  }\n  .footer .footer-inner .footer-right .footer-nav {\n    flex: auto;\n  }\n  .footer .footer-inner .footer-right .contact-row {\n    flex: 0 0 242px;\n    gap: 24px;\n  }\n  .footer .footer-bottom {\n    padding: 0 0 36px;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n  .footer .footer-bottom .footer-privacy {\n    max-width: 242px;\n  }\n}\n@media (max-width: 566px) {\n  .footer .footer-inner {\n    padding: 24px 0 80px;\n    flex-direction: column;\n    gap: 80px;\n  }\n  .footer .footer-inner .footer-right {\n    flex-direction: column;\n    gap: 48px;\n    width: 100%;\n  }\n  .footer .footer-inner .footer-right .footer-nav {\n    flex: auto;\n    width: 100%;\n  }\n  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {\n    padding-bottom: 16px;\n  }\n  .footer .footer-inner .footer-right .footer-nav .footer-nav-link:hover {\n    text-decoration: none;\n  }\n  .footer .footer-inner .footer-right .contact-row {\n    flex: auto;\n    gap: 48px;\n    width: 100%;\n  }\n  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link:hover {\n    text-decoration: none;\n  }\n  .footer .footer-bottom {\n    padding: 0 0 24px;\n    flex-direction: column;\n    align-items: baseline;\n  }\n  .footer .footer-bottom .footer-copyright,\n  .footer .footer-bottom .footer-privacy {\n    max-width: 100%;\n    font-size: 14px;\n    line-height: 21px;\n  }\n  .footer .footer-bottom .footer-privacy:hover {\n    text-decoration: none;\n  }\n}\n.main {\n  display: flex;\n}\n.main .sidebar-wrp {\n  flex-shrink: 0;\n  width: auto;\n}\n\n/* 4️⃣ ACF Blocks */","// assets/scss/bootstrap.scss\n// ROOT ENTRY FILE – compile only this\n\n/* 1️⃣ Abstracts (global tools only) */\n@use \"./fonts\" as *;\n@use \"./variables\" as *;\n@use \"./color.scss\" as *;\n@use \"./mixins/mixins\" as *;\n@use \"./mixins/breakpoint\" as *;\n@use \"./components/modal\" as *;\n\n/* 2️⃣ Base styles */\n@use \"./main\";\n@use \"./page.scss\" as *;\n@use \"./variables\" as *; // ✅ correct\n\n/* 3️⃣ Layout (NO as *) */\n@use \"./layout/header\";\n@use \"./layout/footer\";\n@use \"./layout/404\" as *;\n@use \"./layout/index\";\n\n/* 4️⃣ ACF Blocks */\n// @use \"./acf-block-scss/hero-banner.scss\";\n","// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins.scss\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.has-modal-open {\n  overflow: hidden;\n}\n\n.site-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n\n  &--open {\n    display: flex;\n  }\n\n  &__overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.64);\n  }\n\n  &__dialog {\n    position: relative;\n    z-index: 1;\n    width: min(100%, 888px);\n    max-height: min(87vh, 835px);\n    overflow: auto;\n    background: $color-chalk;\n    outline: none;\n  }\n\n  &__close {\n    position: sticky;\n    top: 48px;\n    left: calc(100% - 56px);\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 12px;\n    height: 12px;\n    margin: 48px 48px 0 auto;\n    color: $color-primary;\n    border: none;\n    cursor: pointer;\n    font-size: 28px;\n    line-height: 1;\n  }\n\n  &__body {\n    padding: 48px 48px 0px;\n  }\n}\n\n@keyframes modalSheetIn {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n.modal-story {\n  max-height: 464px;\n  padding-bottom: 48px;\n  overflow-y: scroll;\n  /* Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: $color-primary transparent;\n\n  /* Chrome, Edge, Safari */\n  &::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: rgba($color-primary, 0.4);\n    border-radius: 999px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: rgba($color-primary, 0.7);\n  }\n\n  &__header {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 24px;\n    border-bottom: 1px solid $color-pale-silver;\n    padding-bottom: 24px;\n  }\n\n  &__title {\n    margin: 0;\n    color: $color-primary;\n    @include type-h3;\n  }\n\n  &__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  &__publisher {\n    color: $color-primary;\n    @include type-caption;\n  }\n  &__date {\n    color: $color-primary;\n    @include type-caption;\n  }\n  &__image {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  &__img {\n    width: 100%;\n    display: block;\n    height: auto;\n\n    // if you want fixed image size:\n    // height: 500px;\n    // object-fit: cover;\n  }\n  &__content {\n    display: grid;\n    gap: 16px;\n    color: $color-primary;\n    @include type-body;\n\n    p,\n    ul,\n    ol,\n    blockquote {\n      margin: 0;\n    }\n  }\n}\n\n.modal-form {\n  max-height: min(92vh, 775px);\n  padding-bottom: 48px;\n  overflow-y: hidden;\n\n  &__title {\n    margin: 0 0 24px;\n    padding-bottom: 24px;\n    border-bottom: 1px solid $color-pale-silver;\n    color: $color-primary;\n    @include type-h3;\n  }\n\n  .modal-input-row {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  &__field {\n    width: 100%;\n  }\n\n  &__label {\n    display: block;\n    margin: 0 0 16px;\n    color: $color-primary;\n    @include type-h4;\n  }\n\n  &__input,\n  &__textarea {\n    width: 100%;\n    border: none;\n    min-height: 38px;\n    background: $color-pale-silver;\n    padding: 14px 24px;\n    color: $color-primary;\n    outline: none;\n    text-transform: none !important;\n    @include type-h4;\n\n    &:focus {\n      outline: 1px solid $color-primary;\n      outline-offset: -1px;\n    }\n  }\n\n  &__input {\n    min-height: 48px;\n  }\n\n  &__textarea {\n    max-height: 156px;\n    resize: vertical;\n  }\n\n  // &__input:focus,\n  // &__textarea:focus {\n  //   background: #e8e5df;\n  // }\n\n  &__file {\n    display: none;\n  }\n\n  &__attachment {\n    display: inline-flex;\n    margin-top: 16px;\n    align-items: center;\n    gap: 12px;\n    color: $color-antique-brass;\n    cursor: pointer;\n    padding-bottom: 2px;\n    border-bottom: 2px solid $color-antique-brass;\n    @include type-h4;\n\n    svg {\n      flex-shrink: 0;\n    }\n  }\n\n  &__submit {\n    margin-top: 48px;\n    width: 100%;\n    padding: 14px 24px;\n    cursor: pointer;\n    @include btn-fill(\n      $color-antique-brass,\n      $color-chalk,\n      $color-chalk,\n      $color-antique-brass\n    );\n  }\n  .wpcf7-spinner {\n    display: none;\n  }\n  .wpcf7-not-valid-tip {\n    color: #dc3232;\n    position: absolute;\n    left: 0;\n    top: calc(100% + 0px);\n    @include type-caption;\n  }\n  .wpcf7-form-control-wrap {\n    display: block;\n    position: relative;\n  }\n}\n.site-modal.modal-share-voice {\n  .site-modal__dialog {\n    // width: min(100%, 638px);\n    max-height: min(92vh, 837px);\n  }\n}\n\n.voices-section {\n  padding: 72px 0;\n\n  &__header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 24px;\n    margin-bottom: 32px;\n  }\n\n  &__eyebrow {\n    margin: 0 0 8px;\n    color: #686868;\n    text-transform: uppercase;\n  }\n\n  &__heading {\n    margin: 0;\n    max-width: 760px;\n  }\n\n  &__share {\n    min-height: 48px;\n    padding: 0 20px;\n    border: 1px solid #1e1e1e;\n    border-radius: 4px;\n    background: transparent;\n    color: #1e1e1e;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  &__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .site-modal {\n    &__dialog {\n      width: min(100%, 565px);\n      max-height: min(86vh, 820px);\n    }\n  }\n  .modal-story {\n    max-height: 312px;\n  }\n}\n\n// @include maxMediaQuery(\"tablet-sm\") {\n//   .site-modal {\n//     padding: 20px;\n\n//     &__dialog {\n//       width: min(100%, 565px);\n//       max-height: min(86vh, 820px);\n//     }\n\n//     &__close {\n//       top: 32px;\n//       left: calc(100% - 56px);\n//       height: 12px;\n//       margin: 32px 32px 0 auto;\n//     }\n\n//     &__body {\n//       padding: 32px 32px 0px;\n//     }\n//   }\n//   .modal-story {\n//     padding-bottom: 32px;\n//   }\n// }\n@include maxMediaQuery(\"tablet-sm\") {\n  .site-modal {\n    align-items: flex-end;\n    justify-content: center;\n    padding: 0;\n\n    &__dialog {\n      width: 100%;\n      max-height: calc(100vh - 88px);\n      max-height: calc(100dvh - 175px);\n      overflow-y: auto;\n      animation: modalSheetIn 0.28s ease both;\n      overscroll-behavior: contain;\n    }\n\n    &__close {\n      position: sticky;\n      top: 0;\n      left: auto;\n      width: 12px;\n      height: 12px;\n      margin: 24px 24px 0 auto;\n      background: $color-chalk;\n    }\n\n    &__body {\n      padding: 24px 24px 0;\n    }\n  }\n  .modal-story {\n    max-height: none;\n    overflow: visible;\n    padding-bottom: 24px;\n\n    &__header {\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n    }\n  }\n  .modal-form {\n    padding-bottom: 24px;\n\n    &__title {\n      margin: 0 0 16px;\n      padding-bottom: 16px;\n    }\n\n    .modal-input-row {\n      gap: 16px;\n    }\n    &__label {\n      margin: 0 0 8px;\n    }\n\n    &__input,\n    &__textarea {\n      min-height: 33px;\n      padding: 8px 16px;\n    }\n\n    &__input {\n      min-height: 33px;\n    }\n\n    &__textarea {\n      max-height: 156px;\n    }\n\n    &__attachment {\n      margin-top: 8px;\n    }\n\n    &__submit {\n      margin-top: 24px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n","@use \"./../main.scss\" as *;\n@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.site-header {\n  // ✅ Always fixed — never relative\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 200;\n  background: $color-chalk;\n  padding: 48px 0;\n  transition:\n    background 0.3s ease,\n    box-shadow 0.3s ease,\n    padding 0.3s ease;\n\n  .header-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    grid-column: col-start / span 12;\n  }\n\n  // ── Logo ────────────────────────────────────────────\n  .logo {\n    .nav-brand-link {\n      display: block;\n      max-width: 318px;\n      width: 100%;\n    }\n    .nav-brand-logo {\n      max-width: 100%;\n      width: 100%;\n      object-fit: contain;\n      &.logo--dark {\n        display: block;\n      }\n      &.logo--light {\n        display: none;\n      }\n    }\n  }\n\n  // ── Transparent (hero pages) ───────────────────────\n  // ✅ Still fixed but transparent\n  &--transparent {\n    background: transparent !important;\n    box-shadow: none !important;\n  }\n\n  // ── Light text ───────────────────────────────────────\n  &--light {\n    .main-nav a {\n      color: $color-chalk;\n    }\n    .donate-btn {\n      color: $color-chalk;\n    }\n    .menu-toggle .togglerow {\n      background: $color-chalk;\n    }\n\n    .logo .nav-brand-logo {\n      &.logo--dark {\n        display: none;\n      }\n      &.logo--light {\n        display: block;\n      }\n    }\n  }\n\n  // ── Dark text ────────────────────────────────────────\n  &--dark {\n    .main-nav a {\n      color: $color-antique-brass;\n    }\n    .menu-toggle .togglerow {\n      background: $color-antique-brass;\n    }\n\n    .logo .nav-brand-logo {\n      &.logo--light {\n        display: none;\n      }\n      &.logo--dark {\n        display: block;\n      }\n    }\n  }\n\n  // ── Scrolled state (JS adds .is-scrolled) ────────────\n  // ✅ Renamed from is-sticky — header is ALWAYS fixed now\n  &.is-scrolled {\n    background: $color-chalk !important;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;\n    padding: 48px 0;\n\n    .main-nav a {\n      color: $color-antique-brass;\n    }\n    .menu-toggle .togglerow {\n      background: $color-antique-brass;\n    }\n\n    .logo .nav-brand-logo {\n      &.logo--light {\n        display: none !important;\n      }\n      &.logo--dark {\n        display: block !important;\n      }\n    }\n\n    .donate-btn {\n      @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n    }\n  }\n}\n\n// ── Body offset for default pages ────────────────────────\n// ✅ Transparent pages don't need this (header overlays hero)\nbody.innerpage-header {\n  padding-top: var(--header-height, 120px);\n}\n\nbody.homepage-header {\n  padding-top: 0; // ✅ transparent header overlays hero\n}\n\n.main-navRight {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n\n// ── Desktop nav ───────────────────────────────────────────\n.main-nav {\n  ul {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    margin: 0;\n  }\n\n  a {\n    color: $color-antique-brass;\n    text-decoration: none;\n    transition: opacity 0.3s ease;\n    @include type-h4;\n\n    &:hover {\n      color: $color-sand;\n    }\n  }\n\n  // Active/current page\n  .current-menu-item > a,\n  .current-page-ancestor > a {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n}\n\n// ── Donate button ─────────────────────────────────────────\n.donate-btn {\n  padding: 14px 24px;\n  min-width: 152px;\n  @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n}\n\n// ── Hamburger toggle ──────────────────────────────────────\n.menu-toggle {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0px;\n  width: 18px;\n  position: relative;\n  z-index: 1002;\n\n  .togglerow {\n    width: 100%;\n    height: 2px;\n    background: $color-antique-brass;\n    transition:\n      transform 0.35s ease,\n      opacity 0.25s ease;\n    display: block;\n  }\n\n  &.is-active {\n    .togglerow:nth-child(1) {\n      transform: rotate(45deg) translate(5px, 6px);\n    }\n    .togglerow:nth-child(2) {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    .togglerow:nth-child(3) {\n      transform: rotate(-45deg) translate(5px, -6px);\n    }\n  }\n}\n\n.mobile-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(271px, 85vw);\n  background: $color-pale-silver;\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  transform: translateX(100%);\n  visibility: hidden;\n  pointer-events: none;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n\n  &.is-open {\n    transform: translateX(0);\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  &__close {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: $color-primary;\n    padding: 0px;\n    display: flex;\n    align-items: center;\n    transition: opacity 0.2s ease;\n\n    &:hover {\n      opacity: 0.6;\n    }\n  }\n\n  &__nav {\n    margin-top: 36px;\n    flex: 1;\n  }\n\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n\n    li {\n      margin: 0;\n    }\n\n    a {\n      display: block;\n      color: $color-antique-brass;\n      text-decoration: none;\n      padding: 0;\n      transition: opacity 0.2s ease;\n\n      @include type-h4;\n\n      &:hover {\n        color: $color-sand;\n      }\n    }\n\n    // Active page\n    .current-menu-item > a,\n    .current-page-ancestor > a {\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n  }\n\n  &__footer {\n    margin-top: auto;\n    padding-top: 32px;\n  }\n\n  &__donate {\n    gap: 8px;\n    width: 100%;\n    padding: 14px 24px;\n    @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n  }\n}\n\n.mobile-menu__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n\n  // Hidden by default\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition:\n    opacity 0.4s ease,\n    visibility 0.4s ease;\n\n  // Show when menu is open\n  &.is-visible {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .main-navRight {\n    gap: 16px;\n  }\n\n  .main-nav {\n    ul {\n      gap: 16px;\n    }\n  }\n}\n@media (max-width: 960px) {\n  .site-header {\n    padding: 24px 0;\n\n    .logo {\n      .nav-brand-link {\n        max-width: 280px;\n      }\n    }\n    &.is-scrolled {\n      padding: 24px 0;\n\n      .donate-btn {\n        display: none;\n      }\n    }\n  }\n  .main-nav {\n    display: none;\n  }\n  .donate-btn {\n    display: none;\n  }\n  .menu-toggle {\n    display: flex;\n  }\n\n  .mobile-menu {\n    &__list {\n      a {\n        @include font-20;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .site-header {\n    .logo {\n      .nav-brand-link {\n        max-width: 232px;\n      }\n    }\n  }\n}\n","@use \"./../main.scss\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../variables.scss\" as *;\n@use \"./../mixins/mixins.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.container-footer {\n  display: block !important;\n}\n\n.footer {\n  background: $color-antique-brass;\n  width: 100%;\n\n  .footer-inner {\n    // display: flex;\n    // align-items: flex-start;\n    justify-content: space-between;\n    padding: 48px 0;\n    // gap: 40px;\n\n    .footer-logo {\n      flex-shrink: 0;\n      grid-column: span 1;\n      .hero-link {\n        width: 50px;\n        height: auto;\n        display: block;\n\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n      }\n    }\n\n    .footer-right {\n      display: grid;\n      grid-template-columns: repeat(6, [col-start] 1fr);\n      gap: 24px;\n      grid-column: col-start 7 / span 6;\n\n      .footer-nav {\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n        flex: 0 0 204px;\n        grid-column: span 2;\n\n        .footer-nav-link {\n          color: $color-chalk;\n          text-decoration: none;\n          display: block;\n          padding-bottom: 24px;\n          @include type-h4;\n\n          &:hover {\n            text-decoration: underline;\n          }\n\n          &:last-child {\n            padding-bottom: 0;\n          }\n        }\n      }\n      .contact-row {\n        display: flex;\n        align-items: flex-start;\n        flex: 0 0 432px;\n        flex-direction: column;\n        gap: 40px;\n        grid-column: span 4;\n\n        .footer-section-title {\n          color: $color-chalk;\n          margin: 0 0 16px 0;\n          @include type-h4;\n        }\n        .footer-contact-links {\n          display: flex;\n          flex-direction: column;\n          gap: 0;\n\n          .footer-link {\n            color: $color-white;\n            text-decoration: none;\n            margin-bottom: 0;\n            @include type-body;\n\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n        }\n        .footer-address-body {\n          .footer-address {\n            color: $color-white;\n            margin: 0;\n            @include type-body;\n          }\n        }\n      }\n    }\n  }\n  .footer-bottom {\n    // display: flex;\n    // justify-content: space-between;\n    align-items: center;\n    padding: 0 0 48px;\n\n    .footer-copyright,\n    .footer-privacy {\n      color: $color-white;\n      text-decoration: none;\n      grid-column: span 3;\n\n      @include type-caption;\n    }\n    .footer-privacy {\n      max-width: 432px;\n      width: 100%;\n      grid-column: col-start 9 / span 4;\n    }\n\n    .footer-privacy:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .footer {\n    .footer-inner {\n      .footer-right {\n        .footer-nav {\n          flex: 0 0 204px;\n        }\n        .contact-row {\n          flex: 0 0 272px;\n        }\n      }\n    }\n    .footer-bottom {\n      .footer-privacy {\n        max-width: 272px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .footer {\n    .footer-inner {\n      padding: 36px 0;\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      flex-direction: row;\n      gap: 40px;\n\n      .footer-right {\n        display: flex;\n        align-items: flex-start;\n\n        .footer-nav {\n          flex: auto;\n        }\n        .contact-row {\n          flex: 0 0 242px;\n          gap: 24px;\n        }\n      }\n    }\n    .footer-bottom {\n      padding: 0 0 36px;\n      display: flex;\n      justify-content: space-between;\n      flex-direction: row;\n\n      .footer-privacy {\n        max-width: 242px;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"mobile\") {\n  .footer {\n    .footer-inner {\n      padding: 24px 0 80px;\n      flex-direction: column;\n      gap: 80px;\n\n      .footer-right {\n        flex-direction: column;\n        gap: 48px;\n        width: 100%;\n\n        .footer-nav {\n          flex: auto;\n          width: 100%;\n\n          .footer-nav-link {\n            padding-bottom: 16px;\n\n            &:hover {\n              text-decoration: none;\n            }\n          }\n        }\n        .contact-row {\n          flex: auto;\n          gap: 48px;\n          width: 100%;\n\n          .footer-contact-links {\n            .footer-link {\n              &:hover {\n                text-decoration: none;\n              }\n            }\n          }\n        }\n      }\n    }\n    .footer-bottom {\n      padding: 0 0 24px;\n      flex-direction: column;\n      align-items: baseline;\n\n      .footer-copyright,\n      .footer-privacy {\n        max-width: 100%;\n        @include font-14;\n      }\n      .footer-privacy:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","@use \"./../main.scss\" as *;\n\n.main {\n  display: flex;\n\n  .sidebar-wrp {\n    flex-shrink: 0;\n    width: auto;\n  }\n}\n"]}
@charset "UTF-8";
/* 1️⃣ Abstracts (global tools only) */
@import url("https://use.typekit.net/xxt1mhk.css");
/* 1️⃣ Abstracts (global tools only) */
/* 1️⃣ Abstracts (global tools only) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
/* 1️⃣ Abstracts (global tools only) */
.has-modal-open {
  overflow: hidden;
}

.site-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.site-modal--open {
  display: flex;
}
.site-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.64);
}
.site-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 888px);
  max-height: min(87vh, 835px);
  overflow: auto;
  background: #f6f4f1;
  outline: none;
}
.site-modal__close {
  position: sticky;
  top: 48px;
  left: calc(100% - 56px);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin: 48px 48px 0 auto;
  color: #80512f;
  border: none;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}
.site-modal__body {
  padding: 48px 48px 0px;
}

@keyframes modalSheetIn {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-story {
  max-height: 464px;
  padding-bottom: 48px;
  overflow-y: scroll;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #80512f transparent;
  /* Chrome, Edge, Safari */
}
.modal-story::-webkit-scrollbar {
  width: 8px;
}
.modal-story::-webkit-scrollbar-track {
  background: transparent;
}
.modal-story::-webkit-scrollbar-thumb {
  background: rgba(128, 81, 47, 0.4);
  border-radius: 999px;
}
.modal-story::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 81, 47, 0.7);
}
.modal-story__header {
  display: grid;
  gap: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e8e4dd;
  padding-bottom: 24px;
}
.modal-story__title {
  margin: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .modal-story__title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .modal-story__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.modal-story__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.modal-story__publisher {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .modal-story__publisher {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .modal-story__publisher {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-story__date {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .modal-story__date {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .modal-story__date {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-story__image {
  width: 100%;
  overflow: hidden;
}
.modal-story__img {
  width: 100%;
  display: block;
  height: auto;
}
.modal-story__content {
  display: grid;
  gap: 16px;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .modal-story__content {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .modal-story__content {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-story__content p,
.modal-story__content ul,
.modal-story__content ol,
.modal-story__content blockquote {
  margin: 0;
}

.modal-form {
  max-height: min(92vh, 775px);
  padding-bottom: 48px;
  overflow-y: hidden;
}
.modal-form__title {
  margin: 0 0 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e8e4dd;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .modal-form__title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .modal-form__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.modal-form .modal-input-row {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-form__field {
  width: 100%;
}
.modal-form__label {
  display: block;
  margin: 0 0 16px;
  color: #80512f;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .modal-form__label {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .modal-form__label {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-form__input, .modal-form__textarea {
  width: 100%;
  border: none;
  min-height: 38px;
  background: #e8e4dd;
  padding: 14px 24px;
  color: #80512f;
  outline: none;
  text-transform: none !important;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .modal-form__input, .modal-form__textarea {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .modal-form__input, .modal-form__textarea {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-form__input:focus, .modal-form__textarea:focus {
  outline: 1px solid #80512f;
  outline-offset: -1px;
}
.modal-form__input {
  min-height: 48px;
}
.modal-form__textarea {
  max-height: 156px;
  resize: vertical;
}
.modal-form__file {
  display: none;
}
.modal-form__attachment {
  display: inline-flex;
  margin-top: 16px;
  align-items: center;
  gap: 12px;
  color: #80512f;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 2px solid #80512f;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .modal-form__attachment {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .modal-form__attachment {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-form__attachment svg {
  flex-shrink: 0;
}
.modal-form__submit {
  margin-top: 48px;
  width: 100%;
  padding: 14px 24px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #80512f;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .modal-form__submit {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .modal-form__submit {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-form__submit:hover {
  background: #f6f4f1;
  color: #80512f;
}
@media (max-width: 566px) {
  .modal-form__submit:hover {
    background: #80512f;
    color: #f6f4f1;
  }
}
.modal-form__submit svg {
  flex-shrink: 0;
}
.modal-form .wpcf7-spinner {
  display: none;
}
.modal-form .wpcf7-not-valid-tip {
  color: #dc3232;
  position: absolute;
  left: 0;
  top: calc(100% + 0px);
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .modal-form .wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .modal-form .wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal-form .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}

.site-modal.modal-share-voice .site-modal__dialog {
  max-height: min(92vh, 837px);
}

.voices-section {
  padding: 72px 0;
}
.voices-section__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.voices-section__eyebrow {
  margin: 0 0 8px;
  color: #686868;
  text-transform: uppercase;
}
.voices-section__heading {
  margin: 0;
  max-width: 760px;
}
.voices-section__share {
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid #1e1e1e;
  border-radius: 4px;
  background: transparent;
  color: #1e1e1e;
  cursor: pointer;
  font: inherit;
}
.voices-section__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 991px) {
  .site-modal__dialog {
    width: min(100%, 565px);
    max-height: min(86vh, 820px);
  }
  .modal-story {
    max-height: 312px;
  }
}
@media (max-width: 767px) {
  .site-modal {
    align-items: flex-end;
    justify-content: center;
    padding: 0;
  }
  .site-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 88px);
    max-height: calc(100dvh - 175px);
    overflow-y: auto;
    animation: modalSheetIn 0.28s ease both;
    overscroll-behavior: contain;
  }
  .site-modal__close {
    position: sticky;
    top: 0;
    left: auto;
    width: 12px;
    height: 12px;
    margin: 24px 24px 0 auto;
    background: #f6f4f1;
  }
  .site-modal__body {
    padding: 24px 24px 0;
  }
  .modal-story {
    max-height: none;
    overflow: visible;
    padding-bottom: 24px;
  }
  .modal-story__header {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .modal-form {
    padding-bottom: 24px;
  }
  .modal-form__title {
    margin: 0 0 16px;
    padding-bottom: 16px;
  }
  .modal-form .modal-input-row {
    gap: 16px;
  }
  .modal-form__label {
    margin: 0 0 8px;
  }
  .modal-form__input, .modal-form__textarea {
    min-height: 33px;
    padding: 8px 16px;
  }
  .modal-form__input {
    min-height: 33px;
  }
  .modal-form__textarea {
    max-height: 156px;
  }
  .modal-form__attachment {
    margin-top: 8px;
  }
  .modal-form__submit {
    margin-top: 24px;
  }
}
/* 2️⃣ Base styles */
/* 3️⃣ Layout (NO as *) */
/* 1️⃣ Abstracts (global tools only) */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #f6f4f1;
  padding: 48px 0;
  transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}
.site-header .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  grid-column: col-start/span 12;
}
.site-header .logo .nav-brand-link {
  display: block;
  max-width: 318px;
  width: 100%;
}
.site-header .logo .nav-brand-logo {
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-header .logo .nav-brand-logo.logo--dark {
  display: block;
}
.site-header .logo .nav-brand-logo.logo--light {
  display: none;
}
.site-header--transparent {
  background: transparent !important;
  box-shadow: none !important;
}
.site-header--light .main-nav a {
  color: #f6f4f1;
}
.site-header--light .donate-btn {
  color: #f6f4f1;
}
.site-header--light .menu-toggle .togglerow {
  background: #f6f4f1;
}
.site-header--light .logo .nav-brand-logo.logo--dark {
  display: none;
}
.site-header--light .logo .nav-brand-logo.logo--light {
  display: block;
}
.site-header--dark .main-nav a {
  color: #80512f;
}
.site-header--dark .menu-toggle .togglerow {
  background: #80512f;
}
.site-header--dark .logo .nav-brand-logo.logo--light {
  display: none;
}
.site-header--dark .logo .nav-brand-logo.logo--dark {
  display: block;
}
.site-header.is-scrolled {
  background: #f6f4f1 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  padding: 48px 0;
}
.site-header.is-scrolled .main-nav a {
  color: #80512f;
}
.site-header.is-scrolled .menu-toggle .togglerow {
  background: #80512f;
}
.site-header.is-scrolled .logo .nav-brand-logo.logo--light {
  display: none !important;
}
.site-header.is-scrolled .logo .nav-brand-logo.logo--dark {
  display: block !important;
}
.site-header.is-scrolled .donate-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .site-header.is-scrolled .donate-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .site-header.is-scrolled .donate-btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.site-header.is-scrolled .donate-btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .site-header.is-scrolled .donate-btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.site-header.is-scrolled .donate-btn svg {
  flex-shrink: 0;
}

body.innerpage-header {
  padding-top: var(--header-height, 120px);
}

body.homepage-header {
  padding-top: 0;
}

.main-navRight {
  display: flex;
  align-items: center;
  gap: 24px;
}

.main-nav ul {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-nav li {
  margin: 0;
}
.main-nav a {
  color: #80512f;
  text-decoration: none;
  transition: opacity 0.3s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .main-nav a {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .main-nav a {
    font-size: 14px;
    line-height: 18px;
  }
}
.main-nav a:hover {
  color: #e6d4c3;
}
.main-nav .current-menu-item > a,
.main-nav .current-page-ancestor > a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.donate-btn {
  padding: 14px 24px;
  min-width: 152px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .donate-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .donate-btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.donate-btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .donate-btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.donate-btn svg {
  flex-shrink: 0;
}

.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0px;
  width: 18px;
  position: relative;
  z-index: 1002;
}
.menu-toggle .togglerow {
  width: 100%;
  height: 2px;
  background: #80512f;
  transition: transform 0.35s ease, opacity 0.25s ease;
  display: block;
}
.menu-toggle.is-active .togglerow:nth-child(1) {
  transform: rotate(45deg) translate(5px, 6px);
}
.menu-toggle.is-active .togglerow:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.menu-toggle.is-active .togglerow:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -6px);
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(271px, 85vw);
  background: #e8e4dd;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  padding: 24px;
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}
.mobile-menu__close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  cursor: pointer;
  color: #80512f;
  padding: 0px;
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease;
}
.mobile-menu__close:hover {
  opacity: 0.6;
}
.mobile-menu__nav {
  margin-top: 36px;
  flex: 1;
}
.mobile-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-menu__list li {
  margin: 0;
}
.mobile-menu__list a {
  display: block;
  color: #80512f;
  text-decoration: none;
  padding: 0;
  transition: opacity 0.2s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .mobile-menu__list a {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .mobile-menu__list a {
    font-size: 14px;
    line-height: 18px;
  }
}
.mobile-menu__list a:hover {
  color: #e6d4c3;
}
.mobile-menu__list .current-menu-item > a,
.mobile-menu__list .current-page-ancestor > a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mobile-menu__footer {
  margin-top: auto;
  padding-top: 32px;
}
.mobile-menu__donate {
  gap: 8px;
  width: 100%;
  padding: 14px 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .mobile-menu__donate {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .mobile-menu__donate {
    font-size: 14px;
    line-height: 18px;
  }
}
.mobile-menu__donate:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .mobile-menu__donate:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.mobile-menu__donate svg {
  flex-shrink: 0;
}

.mobile-menu__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.mobile-menu__backdrop.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.menu-open {
  overflow: hidden;
}

@media (max-width: 991px) {
  .main-navRight {
    gap: 16px;
  }
  .main-nav ul {
    gap: 16px;
  }
}
@media (max-width: 960px) {
  .site-header {
    padding: 24px 0;
  }
  .site-header .logo .nav-brand-link {
    max-width: 280px;
  }
  .site-header.is-scrolled {
    padding: 24px 0;
  }
  .site-header.is-scrolled .donate-btn {
    display: none;
  }
  .main-nav {
    display: none;
  }
  .donate-btn {
    display: none;
  }
  .menu-toggle {
    display: flex;
  }
  .mobile-menu__list a {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 566px) {
  .site-header .logo .nav-brand-link {
    max-width: 232px;
  }
}
.container-footer {
  display: block !important;
}

.footer {
  background: #80512f;
  width: 100%;
}
.footer .footer-inner {
  justify-content: space-between;
  padding: 48px 0;
}
.footer .footer-inner .footer-logo {
  flex-shrink: 0;
  grid-column: span 1;
}
.footer .footer-inner .footer-logo .hero-link {
  width: 50px;
  height: auto;
  display: block;
}
.footer .footer-inner .footer-logo .hero-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer .footer-inner .footer-right {
  display: grid;
  grid-template-columns: repeat(6, [col-start] 1fr);
  gap: 24px;
  grid-column: col-start 7/span 6;
}
.footer .footer-inner .footer-right .footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 0 0 204px;
  grid-column: span 2;
}
.footer .footer-inner .footer-right .footer-nav .footer-nav-link {
  color: #f6f4f1;
  text-decoration: none;
  display: block;
  padding-bottom: 24px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {
    font-size: 14px;
    line-height: 18px;
  }
}
.footer .footer-inner .footer-right .footer-nav .footer-nav-link:hover {
  text-decoration: underline;
}
.footer .footer-inner .footer-right .footer-nav .footer-nav-link:last-child {
  padding-bottom: 0;
}
.footer .footer-inner .footer-right .contact-row {
  display: flex;
  align-items: flex-start;
  flex: 0 0 432px;
  flex-direction: column;
  gap: 40px;
  grid-column: span 4;
}
.footer .footer-inner .footer-right .contact-row .footer-section-title {
  color: #f6f4f1;
  margin: 0 0 16px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .footer .footer-inner .footer-right .contact-row .footer-section-title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .footer .footer-inner .footer-right .contact-row .footer-section-title {
    font-size: 14px;
    line-height: 18px;
  }
}
.footer .footer-inner .footer-right .contact-row .footer-contact-links {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link {
    font-size: 14px;
    line-height: 21px;
  }
}
.footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link:hover {
  text-decoration: underline;
}
.footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {
  color: #ffffff;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .footer .footer-inner .footer-right .contact-row .footer-address-body .footer-address {
    font-size: 14px;
    line-height: 21px;
  }
}
.footer .footer-bottom {
  align-items: center;
  padding: 0 0 48px;
}
.footer .footer-bottom .footer-copyright,
.footer .footer-bottom .footer-privacy {
  color: #ffffff;
  text-decoration: none;
  grid-column: span 3;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .footer .footer-bottom .footer-copyright,
  .footer .footer-bottom .footer-privacy {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .footer .footer-bottom .footer-copyright,
  .footer .footer-bottom .footer-privacy {
    font-size: 12px;
    line-height: 18px;
  }
}
.footer .footer-bottom .footer-privacy {
  max-width: 432px;
  width: 100%;
  grid-column: col-start 9/span 4;
}
.footer .footer-bottom .footer-privacy:hover {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .footer .footer-inner .footer-right .footer-nav {
    flex: 0 0 204px;
  }
  .footer .footer-inner .footer-right .contact-row {
    flex: 0 0 272px;
  }
  .footer .footer-bottom .footer-privacy {
    max-width: 272px;
  }
}
@media (max-width: 767px) {
  .footer .footer-inner {
    padding: 36px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: 40px;
  }
  .footer .footer-inner .footer-right {
    display: flex;
    align-items: flex-start;
  }
  .footer .footer-inner .footer-right .footer-nav {
    flex: auto;
  }
  .footer .footer-inner .footer-right .contact-row {
    flex: 0 0 242px;
    gap: 24px;
  }
  .footer .footer-bottom {
    padding: 0 0 36px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .footer .footer-bottom .footer-privacy {
    max-width: 242px;
  }
}
@media (max-width: 566px) {
  .footer .footer-inner {
    padding: 24px 0 80px;
    flex-direction: column;
    gap: 80px;
  }
  .footer .footer-inner .footer-right {
    flex-direction: column;
    gap: 48px;
    width: 100%;
  }
  .footer .footer-inner .footer-right .footer-nav {
    flex: auto;
    width: 100%;
  }
  .footer .footer-inner .footer-right .footer-nav .footer-nav-link {
    padding-bottom: 16px;
  }
  .footer .footer-inner .footer-right .footer-nav .footer-nav-link:hover {
    text-decoration: none;
  }
  .footer .footer-inner .footer-right .contact-row {
    flex: auto;
    gap: 48px;
    width: 100%;
  }
  .footer .footer-inner .footer-right .contact-row .footer-contact-links .footer-link:hover {
    text-decoration: none;
  }
  .footer .footer-bottom {
    padding: 0 0 24px;
    flex-direction: column;
    align-items: baseline;
  }
  .footer .footer-bottom .footer-copyright,
  .footer .footer-bottom .footer-privacy {
    max-width: 100%;
    font-size: 14px;
    line-height: 21px;
  }
  .footer .footer-bottom .footer-privacy:hover {
    text-decoration: none;
  }
}
.main {
  display: flex;
}
.main .sidebar-wrp {
  flex-shrink: 0;
  width: auto;
}

/* 4️⃣ ACF Blocks */
/*# sourceMappingURL=bootstrap.css.map */

{"version":3,"sources":["data:;charset=utf-8,/%20.editor-styles-wrapper%20%7B%0A/%20%20%20h1%20%7B%0A/%20%20%20%20%20@apply%20font-poppinmedium%20text-%5B1.6875rem%5D%20lg:text-%5B3.25rem%5D%20leading-tight%20text-black;%0A/%20%20%20%7D%0A/%20%7D%0A/%20.wp-core-ui%20.quicktags-toolbar%20%7B%0A/%20%20%20.ed_button%20%7B%0A/%20%20%20%20%20@apply%20min-w-%5Bauto%5D;%0A/%20%20%20%7D%0A/%20%7D%0A/%20.wp-block%20%7B%0A/%20%20%20@apply%20max-w-%5B71.25rem%5D%20my-0;%0A/%20%20%20.animation__fade%20%7B%0A/%20%20%20%20%20@apply%20opacity-100%20translate-y-0%20ease-in-out%20duration-500;%0A/%20%20%20%7D%0A/%20%20%20.button:not(.ed_button)%20%7B%0A/%20%20%20%20%20@apply%20border-0%20text-xs%20md:text-base%20relative%20flex%20items-center%20bg-primary%20text-white%20min-w-%5B5rem%5D%20pl-4%20py-2.5%20pr-12%20font-poppinregular%20justify-between%20leading-none%20rounded-md%20sm:rounded-%5B.625rem%5D;%0A/%20%20%20%20%20&:hover%20%7B%0A/%20%20%20%20%20%20%20@apply%20bg-green%20text-white;%0A/%20%20%20%20%20%20%20span%20%7B%0A/%20%20%20%20%20%20%20%20%20@apply%20translate-x-%5B.375rem%5D;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%7D%0A/%20%20%20%20%20span%20%7B%0A/%20%20%20%20%20%20%20@apply%20absolute%20right-%5B.875rem%5D%20translate-x-0%20ml-2%20w-6%20h-6%20bg-white%20bg-opacity-20%20rounded-full%20flex%20items-center%20justify-center%20transition-all%20duration-700%20ease-in-expo;%0A/%20%20%20%20%20%7D%0A/%20%20%20%20%20&.acf-repeater-add-row%20%7B%0A/%20%20%20%20%20%20%20@apply%20py-2%20px-4%20bg-%5B%23f6f7f7%5D%20hover:bg-primary;%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A%0Ahtml%20:where(.wp-block)%7B%0A%20%20%20%20width:%2094%25;%0A%20%20%20%20max-width:%2094%25;%0A%7D%0A.block-editor__container%20.ratio%20%3E%20img%7B%0A%20%20%20%20height:%20100%25;%0A%7D%0A.images-slider-section%7B%0A%20%20%20%20.slick-list%7B%0A%20%20%20%20%20%20%20%20.slide%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding:%200%205px;%0A%20%20%20%20%20%20%20%20%20%20%20%20picture%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&::before%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-top:%2070%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20top:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20left:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D","admin.css"],"names":[],"mappings":"AA+BA;EACI,UAAA;EACA,cAAA;AC9BJ;;ADgCA;EACI,YAAA;AC7BJ;;ADiCQ;EACI,cAAA;AC9BZ;AD+BY;EACI,kBAAA;EACA,WAAA;EACA,gBAAA;AC7BhB;AD8BgB;EACI,cAAA;EACA,gBAAA;EACA,WAAA;AC5BpB;AD8BgB;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AC5BpB","file":"admin.css","sourcesContent":["// .editor-styles-wrapper {\n//   h1 {\n//     @apply font-poppinmedium text-[1.6875rem] lg:text-[3.25rem] leading-tight text-black;\n//   }\n// }\n// .wp-core-ui .quicktags-toolbar {\n//   .ed_button {\n//     @apply min-w-[auto];\n//   }\n// }\n// .wp-block {\n//   @apply max-w-[71.25rem] my-0;\n//   .animation__fade {\n//     @apply opacity-100 translate-y-0 ease-in-out duration-500;\n//   }\n//   .button:not(.ed_button) {\n//     @apply border-0 text-xs md:text-base relative flex items-center bg-primary text-white min-w-[5rem] pl-4 py-2.5 pr-12 font-poppinregular justify-between leading-none rounded-md sm:rounded-[.625rem];\n//     &:hover {\n//       @apply bg-green text-white;\n//       span {\n//         @apply translate-x-[.375rem];\n//       }\n//     }\n//     span {\n//       @apply absolute right-[.875rem] translate-x-0 ml-2 w-6 h-6 bg-white bg-opacity-20 rounded-full flex items-center justify-center transition-all duration-700 ease-in-expo;\n//     }\n//     &.acf-repeater-add-row {\n//       @apply py-2 px-4 bg-[#f6f7f7] hover:bg-primary;\n//     }\n//   }\n\nhtml :where(.wp-block){\n    width: 94%;\n    max-width: 94%;\n}\n.block-editor__container .ratio > img{\n    height: 100%;\n}\n.images-slider-section{\n    .slick-list{\n        .slide{\n            padding: 0 5px;\n            picture{\n                position: relative;\n                width: 100%;\n                overflow: hidden;\n                &::before{\n                    display: block;\n                    padding-top: 70%;\n                    content: \"\";\n                }\n                img{\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                }\n            }\n        }\n    }\n}","html :where(.wp-block) {\n  width: 94%;\n  max-width: 94%;\n}\n\n.block-editor__container .ratio > img {\n  height: 100%;\n}\n\n.images-slider-section .slick-list .slide {\n  padding: 0 5px;\n}\n.images-slider-section .slick-list .slide picture {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n.images-slider-section .slick-list .slide picture::before {\n  display: block;\n  padding-top: 70%;\n  content: \"\";\n}\n.images-slider-section .slick-list .slide picture img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}"]}
html :where(.wp-block) {
  width: 94%;
  max-width: 94%;
}

.block-editor__container .ratio > img {
  height: 100%;
}

.images-slider-section .slick-list .slide {
  padding: 0 5px;
}
.images-slider-section .slick-list .slide picture {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.images-slider-section .slick-list .slide picture::before {
  display: block;
  padding-top: 70%;
  content: "";
}
.images-slider-section .slick-list .slide picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=admin.css.map */

{"version":3,"sources":[],"names":[],"mappings":"","file":"color.css","sourcesContent":[]}

/*# sourceMappingURL=color.css.map */

{"version":3,"sources":["data:;charset=utf-8,/%20===============================%0A/%20TYPOGRAPHY%20SYSTEM%20-%20KRUPALPATEL%0A/%20===============================%0A%0A@import%20url(%22https:/use.typekit.net/xxt1mhk.css%22);%20/%20loads%20BOTH%20fonts%0A$font-tt-commons:%20tt-commons-pro,%20sans-serif;%20/%20no%20@font-face%20needed%0A$font-freight-text:%20%22freight-text-pro%22,%20serif;%0A%0A/%20============================================================%0A/%20FONT%20STYLE%20MIXINS%0A/%20%E2%80%94%20@include%20these%20anywhere%20instead%20of%20repeating%203%20properties%0A/%0A/%20Usage:%0A/%20%20%20h1%20%7B%20@include%20font-tt-demibold;%20%7D%0A/%20%20%20em%20%7B%20@include%20font-freight-book-italic;%20%7D%0A/%20============================================================%0A%0A/%20TT%20Commons%20Pro%20%E2%80%94%20Demibold%0A@mixin%20font-tt-demibold%20%7B%0A%20%20font-family:%20$font-tt-commons;%20/%20tt-commons-pro,%20sans-serif%0A%20%20font-weight:%20500;%0A%20%20font-style:%20normal;%0A%7D%0A%0A/%20TT%20Commons%20Pro%20%E2%80%94%20Demibold%20Italic%0A@mixin%20font-tt-demibold-italic%20%7B%0A%20%20font-family:%20$font-tt-commons;%20/%20tt-commons-pro,%20sans-serif%0A%20%20font-weight:%20500;%0A%20%20font-style:%20italic;%0A%7D%0A%0A/%20FreightText%20Pro%20%E2%80%94%20Book%0A@mixin%20font-freight-book%20%7B%0A%20%20font-family:%20$font-freight-text;%20/%20%22freight-text-pro%22,%20serif%0A%20%20font-weight:%20400;%0A%20%20font-style:%20normal;%0A%7D%0A%0A/%20FreightText%20Pro%20%E2%80%94%20Book%20Italic%0A@mixin%20font-freight-book-italic%20%7B%0A%20%20font-family:%20$font-freight-text;%20/%20%22freight-text-pro%22,%20serif%0A%20%20font-weight:%20400;%0A%20%20font-style:%20italic;%0A%7D%0A%0A/%20FreightText%20Pro%20%E2%80%94%20Bold%0A@mixin%20font-freight-bold%20%7B%0A%20%20font-family:%20$font-freight-text;%20/%20%22freight-text-pro%22,%20serif%0A%20%20font-weight:%20700;%0A%20%20font-style:%20normal;%0A%7D%0A%0A/%20FreightText%20Pro%20%E2%80%94%20Bold%20Italic%0A@mixin%20font-freight-bold-italic%20%7B%0A%20%20font-family:%20$font-freight-text;%20/%20%22freight-text-pro%22,%20serif%0A%20%20font-weight:%20700;%0A%20%20font-style:%20italic;%0A%7D%0A%0A/%20===============================%0A/%20SCSS%20FONT%20VARIABLES%0A/%20===============================%0A"],"names":[],"mappings":"AAIQ,kDAAA","file":"fonts.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
/*# sourceMappingURL=fonts.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","data:;charset=utf-8,@use%20%22./fonts.scss%22%20as%20*;%0A@use%20%22./variables.scss%22%20as%20*;%0A@use%20%22./typography.scss%22%20as%20*;%0A@use%20%22./mixins/breakpoint.scss%22%20as%20*;%0A@use%20%22./mixins/breakpoint.scss%22%20as%20*;%0A@use%20%22./color.scss%22%20as%20*;%0A/%20@use%20%22./components/modal%22%20as%20*;%0A%0A*%20%7B%0A%20%20box-sizing:%20border-box;%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%7D%0A%0Ahtml,%0Abody%20%7B%0A%20%20overflow-x:%20hidden;%0A%7D%0A%0Abody%20%7B%0A%20%20margin:%200;%0A%20%20padding:%200;%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%20%20font-size:%2016px;%0A%20%20font-weight:%20400;%0A%20%20line-height:%201.5;%0A%20%20background:%20$color-bg-section;%0A%20%20overflow:%20clip;%0A%0A%20%20/%20min-height:%20100vh;%0A%20%20/%20height:%20100vh;%0A%7D%0A%0A/%20============================================================%0A/%20STEP%201%20%E2%80%94%20Screen%20Sizes%0A/%20============================================================%0A%0A$mobile:%20959px;%20/%20up%20to%20959px%20%20%20=%20Mobile%0A$tablet:%20960px;%20/%20960px%E2%80%931439px%20%20=%20Tablet%0A$desktop:%201440px;%20/%201440px+%20%20%20%20%20%20%20=%20Desktop%0A%0A/%20============================================================%0A/%20STEP%202%20%E2%80%94%20Spacing%20inside%20the%20container%0A/%20============================================================%0A%0A$padding-desktop:%2048px;%20/%20left%20&%20right%20space%20on%20Desktop%0A$padding-tablet:%2048px;%20/%20left%20&%20right%20space%20on%20Tablet%0A$padding-tablet-sm:%2036px;%20/%20left%20&%20right%20space%20on%20Tablet%0A$padding-mobile:%2024px;%20/%20left%20&%20right%20space%20on%20Mobile%0A%0A$gap-desktop:%2032px;%20/%20space%20between%20columns%20on%20Desktop%0A$gap-tablet:%2024px;%20/%20space%20between%20columns%20on%20Tablet%0A$gap-mobile:%2016px;%20/%20space%20between%20columns%20on%20Mobile%0A%0A/%20============================================================%0A/%20STEP%203%20%E2%80%94%20The%20Container%0A/%20Centers%20your%20content%20and%20adds%20left/right%20padding%0A/%20============================================================%0A%0A.container%20%7B%0A%20%20width:%20calc(100%25%20-%2096px);%0A%20%20max-width:%20100%25;%0A%20%20margin:%200%20auto;%0A%20%20padding-left:%200;%0A%20%20padding-right:%200;%0A%0A%20%20display:%20grid;%0A%20%20grid-template-columns:%20repeat(12,%20%5Bcol-start%5D%201fr);%0A%20%20gap:%2024px;%0A%0A%20%20/%20%20991%0A%20%20@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20%20%20padding-left:%200;%0A%20%20%20%20padding-right:%200;%0A%20%20%7D%0A%0A%20%20/%20%20768%0A%20%20@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20%20%20width:%20calc(100%25%20-%2072px);%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%200;%0A%20%20%7D%0A%0A%20%20/%20Mobile%0A%20%20@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20%20%20width:%20calc(100%25%20-%2048px);%0A%20%20%7D%0A%7D%0A%0Aimg%20%7B%0A%20%20object-fit:%20cover;%0A%20%20max-width:%20100%25;%0A%20%20height:%20auto;%0A%7D%0A%0A.grid-test%20%7B%0A%20%20display:%20none;%0A%20%20grid-template-columns:%20repeat(12,%20%5Bcol-start%5D%201fr);%0A%20%20gap:%2024px;%0A%20%20width:%20calc(100%25%20-%2096px);%0A%20%20margin:%200%20auto;%0A%20%20height:%20100vh;%0A%20%20position:%20fixed;%0A%20%20top:%200;%0A%20%20left:%20calc(96px%20/%202);%0A%20%20z-index:%20999;%0A%7D%0A%0A.grid-test%20span%20%7B%0A%20%20height:%20100vh;%0A%20%20background-color:%20rgba(255,%200,%200,%200.2);%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Scroll%20Animation%20Base%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%5Bdata-animate%5D%20%7B%0A%20%20opacity:%200;%0A%20%20transform:%20translateY(30px);%0A%20%20transition:%0A%20%20%20%20opacity%200.9s%20cubic-bezier(0.25,%200.1,%200.25,%201),%0A%20%20%20%20transform%200.9s%20cubic-bezier(0.25,%200.1,%200.25,%201);%0A%20%20will-change:%20opacity,%20transform;%0A%0A%20%20&.is-visible%20%7B%0A%20%20%20%20opacity:%201;%0A%20%20%20%20transform:%20translate(0)%20scale(1);%0A%20%20%7D%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Variants%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%5Bdata-animate=%22fade-up%22%5D%20%7B%0A%20%20transform:%20translateY(30px);%0A%7D%0A%5Bdata-animate=%22fade-down%22%5D%20%7B%0A%20%20transform:%20translateY(-30px);%0A%7D%0A%5Bdata-animate=%22fade-left%22%5D%20%7B%0A%20%20transform:%20translateX(-40px);%0A%7D%0A%5Bdata-animate=%22fade-right%22%5D%20%7B%0A%20%20transform:%20translateX(40px);%0A%7D%0A%5Bdata-animate=%22fade%22%5D%20%7B%0A%20%20transform:%20none;%0A%7D%0A%5Bdata-animate=%22scale-up%22%5D%20%7B%0A%20%20transform:%20scale(0.95);%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Group%20children%20base%20(only%20if%20no%20custom%20data-animate)%20%E2%94%80%E2%94%80%0A%5Bdata-animate-group%5D%20%3E%20*:not(%5Bdata-animate%5D)%20%7B%0A%20%20opacity:%200;%0A%20%20transform:%20translateY(30px);%0A%20%20transition:%0A%20%20%20%20opacity%200.9s%20cubic-bezier(0.25,%200.1,%200.25,%201),%0A%20%20%20%20transform%200.9s%20cubic-bezier(0.25,%200.1,%200.25,%201);%0A%20%20will-change:%20opacity,%20transform;%0A%0A%20%20&.is-visible%20%7B%0A%20%20%20%20opacity:%201;%0A%20%20%20%20transform:%20translate(0);%0A%20%20%7D%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Stagger%20delay%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(1)%20%7B%0A%20%20transition-delay:%200s;%0A%7D%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(2)%20%7B%0A%20%20transition-delay:%200.15s;%0A%7D%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(3)%20%7B%0A%20%20transition-delay:%200.3s;%0A%7D%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(4)%20%7B%0A%20%20transition-delay:%200.45s;%0A%7D%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(5)%20%7B%0A%20%20transition-delay:%200.6s;%0A%7D%0A%5Bdata-animate-group%5D%20%3E%20*:nth-child(6)%20%7B%0A%20%20transition-delay:%200.75s;%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Respect%20reduced%20motion%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A@media%20(prefers-reduced-motion:%20reduce)%20%7B%0A%20%20%5Bdata-animate%5D,%0A%20%20%5Bdata-animate-group%5D%20%3E%20*%20%7B%0A%20%20%20%20opacity:%201%20!important;%0A%20%20%20%20transform:%20none%20!important;%0A%20%20%20%20transition:%20none%20!important;%0A%20%20%7D%0A%7D%0A%0A/%20%E2%94%80%E2%94%80%20Barba.js%20page%20transitions%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A.barba-wrapper,%0A%5Bdata-barba=%22wrapper%22%5D%20%7B%0A%20%20/%20background:%20$color-bg-section;%0A%20%20position:%20relative;%0A%20%20min-height:%20100vh;%0A%7D%0A%0A.is-transitioning%20%5Bdata-barba=%22container%22%5D%20%7B%0A%20%20will-change:%20transform,%20opacity;%0A%20%20position:%20absolute;%0A%20%20top:%200;%0A%20%20left:%200;%0A%20%20width:%20100%25;%0A%7D%0A%0A.page-transition%20%7B%0A%20%20position:%20fixed;%0A%20%20top:%200;%0A%20%20left:%200;%0A%20%20width:%20100%25;%0A%20%20height:%20100vh;%20/%20Full%20viewport%20height%20for%20overlay%20curtain%0A%20%20z-index:%2099;%20/%20Ensure%20overlay%20stays%20above%20fixed%20headers%20and%20popups%0A%20%20background:%20$color-bg-section-alt;%0A%20%20transform:%20translateY(%0A%20%20%20%20100%25%0A%20%20);%20/%20resting:%20fully%20below%20viewport%20(vh-based,%20not%20%25-of-self)%0A%20%20pointer-events:%20none;%0A%20%20will-change:%20transform,%20opacity;%0A%20%20overflow:%20hidden;%0A%7D%0A/%20body.is-barba-transitioning,%0A/%20html.is-barba-transitioning%20%7B%0A/%20%20%20/%20background-color:%20$color-bg-section-alt;%0A/%20%7D%0A.is-hidden-transition%20%7B%0A%20%20visibility:%20hidden;%0A%20%20pointer-events:%20none;%0A%7D%0A@media%20(prefers-reduced-motion:%20reduce)%20%7B%0A%20%20.page-transition%20%7B%0A%20%20%20%20display:%20none;%0A%20%20%7D%0A%7D%0A","main.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF","file":"main.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */

{"version":3,"sources":[],"names":[],"mappings":"","file":"page.css","sourcesContent":[]}

/*# sourceMappingURL=page.css.map */

{"version":3,"sources":[],"names":[],"mappings":"","file":"typography.css","sourcesContent":[]}

/*# sourceMappingURL=typography.css.map */

{"version":3,"sources":[],"names":[],"mappings":"","file":"variables.css","sourcesContent":[]}

/*# sourceMappingURL=variables.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","about-content-cards.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.about-story-section%20%7B%0A%20%20.story-sections%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%200;%0A%20%20%20%20padding:%2048px%200;%0A%0A%20%20%20%20.story-section%20+%20.story-section%20%7B%0A%20%20%20%20%20%20border-top:%202px%20solid%20$color-border;%0A%20%20%20%20%20%20padding-top:%2048px;%0A%20%20%20%20%20%20margin-top:%2048px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.story-section%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20align-items:%20stretch;%0A%20%20%20%20/%20gap:%20138px;%0A%20%20%7D%0A%0A%20%20/%20%E2%94%80%E2%94%80%20Left%20Content%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%20%20.story-section__content%20%7B%0A%20%20%20%20background-color:%20$color-chalk;%0A%20%20%20%20padding:%200;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%2020px;%0A%20%20%20%20max-width:%20100%25;%0A%20%20%20%20grid-column:%20span%205;%0A%0A%20%20%20%20.story-section-text__content%20%7B%0A%20%20%20%20%20%20.story-section__label%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200px;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.story-section__bottom%20%7B%0A%20%20%20%20%20%20margin-top:%20auto;%0A%20%20%20%20%20%20.story-section__info%20%7B%0A%20%20%20%20%20%20%20%20.story-section__heading%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.story-section__desc%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.story-section__btn%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20margin-top:%2032px;%0A%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20@include%20btn-fill($color-tolopea,%20$color-purple,%20$color-chalk);%0A%0A%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20height:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20/%20%E2%94%80%E2%94%80%20Right%20Image%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%20%20.story-section__image%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20min-height:%20576px;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%0A%20%20%20%20img%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.about-story-section%20%7B%0A%20%20%20%20/%20.story-section%20%7B%0A%20%20%20%20/%20%20%20gap:%20110px;%0A%20%20%20%20/%20%7D%0A%0A%20%20%20%20/%20.story-section__content%20%7B%0A%20%20%20%20/%20%20%20max-width:%20425px;%0A%20%20%20%20/%20%7D%0A%0A%20%20%20%20.story-section__image%20%7B%0A%20%20%20%20%20%20min-height:%20476px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.about-story-section%20%7B%0A%20%20%20%20/%20.story-section%20%7B%0A%20%20%20%20/%20%20%20gap:%2098px;%0A%20%20%20%20/%20%7D%0A%0A%20%20%20%20/%20.story-section__content%20%7B%0A%20%20%20%20/%20%20%20max-width:%20346px;%0A%20%20%20%20/%20%7D%0A%0A%20%20%20%20.story-section__image%20%7B%0A%20%20%20%20%20%20min-height:%20366px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.about-story-section%20%7B%0A%20%20%20%20.story-section%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20flex-direction:%20column-reverse;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.story-section__content%20%7B%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20.story-section-text__content%20%7B%0A%20%20%20%20%20%20%20%20.story-section__label%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.story-section__image%20%7B%0A%20%20%20%20%20%20min-height:%20366px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.about-story-section%20%7B%0A%20%20%20%20.story-sections%20%7B%0A%20%20%20%20%20%20padding:%2024px%200;%0A%0A%20%20%20%20%20%20.story-section%20+%20.story-section%20%7B%0A%20%20%20%20%20%20%20%20padding-top:%2024px;%0A%20%20%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.story-section__content%20%7B%0A%20%20%20%20%20%20.story-section__bottom%20%7B%0A%20%20%20%20%20%20%20%20margin-top:%20auto;%0A%20%20%20%20%20%20%20%20.story-section__info%20%7B%0A%20%20%20%20%20%20%20%20%20%20.story-section__heading%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%208px%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.story-section__btn%20%7B%0A%20%20%20%20%20%20%20%20margin-top:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.story-section__image%20%7B%0A%20%20%20%20%20%20min-height:%20306px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG1LE;EACE,aAAA;EACA,sBAAA;EACA,MAAA;EACA,eAAA;AH4LJ;AG1LI;EACE,6BAAA;EACA,iBAAA;EACA,gBAAA;AH4LN;AGxLE;EAEE,oBAAA;AHyLJ;AGpLE;EACE,yBFlBU;EEmBV,UAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,eAAA;EACA,mBAAA;AHsLJ;AGnLM;EACE,cFrCc;EEsCd,WAAA;ECyHN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJuKF;AErKI;ECzBE;ICsBJ,eCnBQ;IDoBR,iBAAA;EJ4KA;AACF;AE3KI;ECzBE;ICUJ,eCRQ;IDSR,iBAAA;EJ8LA;AACF;AGpMI;EACE,gBAAA;AHsMN;AGpMQ;EACE,cF9CY;EE+CZ,kBAAA;EC6JR,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJoJF;AE9LI;EChBI;ICqCN,eCrCQ;IDsCR,iBAAA;EJ6KA;AACF;AEpMI;EChBI;IC6BN,eChCQ;IDiCR,iBAAA;EJ2LA;AACF;AGrNQ;EACE,cFnDY;EEoDZ,SAAA;EACA,OAAA;EC0NR,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJmMF;AErNI;ECXI;ICIN,eCdQ;IDeR,iBAAA;EJgOA;AACF;AE3NI;ECXI;ICRN,eCJQ;IDKR,iBAAA;EJkPA;AACF;AGpOI;EACE,aAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;ECmQJ,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJgPF;AE1PI;ECHA;ICIF,eCvBQ;IDwBR,iBAAA;EJ6PA;AACF;AEhQI;ECHA;ICRF,eCZQ;IDaR,iBAAA;EJ+QA;AACF;AIiBE;EACE,mBHxUW;EGyUX,cHxTU;ADySd;AE1QI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EDmUZ;AACF;AIoBE;EACE,cAAA;AJlBJ;AG/QM;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHiRR;AG3QE;EACE,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,WAAA;EACA,+BAAA;AH6QJ;AG3QI;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;AH6QN;;AEvSI;ECyCA;IACE,iBAAA;IACA,WAAA;EHkQJ;AACF;AE9SI;ECyDA;IACE,iBAAA;EHwPJ;AACF;AEnTI;ECgEA;IACE,SAAA;IACA,8BAAA;EHsPJ;EGnPE;IACE,eAAA;IACA,SAAA;EHqPJ;EGnPM;IACE,cFvIY;IEwIZ,WAAA;EHqPR;EGhPE;IACE,iBAAA;EHkPJ;AACF;AEpUI;ECuFA;IACE,eAAA;EHgPJ;EG9OI;IACE,iBAAA;IACA,gBAAA;EHgPN;EG5OI;IACE,gBAAA;EH8ON;EG5OQ;IACE,iBAAA;EH8OV;EG1OI;IACE,gBAAA;EH4ON;EGxOE;IACE,iBAAA;EH0OJ;AACF","file":"about-content-cards.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.about-story-section .story-sections {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 48px 0;\n}\n.about-story-section .story-sections .story-section + .story-section {\n  border-top: 2px solid #e8e4dd;\n  padding-top: 48px;\n  margin-top: 48px;\n}\n.about-story-section .story-section {\n  align-items: stretch;\n}\n.about-story-section .story-section__content {\n  background-color: #f6f4f1;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 100%;\n  grid-column: span 5;\n}\n.about-story-section .story-section__content .story-section-text__content .story-section__label {\n  color: #80512f;\n  margin: 0px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .about-story-section .story-section__content .story-section-text__content .story-section__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .about-story-section .story-section__content .story-section-text__content .story-section__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.about-story-section .story-section__content .story-section__bottom {\n  margin-top: auto;\n}\n.about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {\n  color: #80512f;\n  margin: 0 0 16px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {\n  color: #80512f;\n  margin: 0;\n  flex: 1;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.about-story-section .story-section__content .story-section__btn {\n  display: flex;\n  width: 100%;\n  margin-top: 32px;\n  padding: 14px 24px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .about-story-section .story-section__content .story-section__btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .about-story-section .story-section__content .story-section__btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.about-story-section .story-section__content .story-section__btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .about-story-section .story-section__content .story-section__btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.about-story-section .story-section__content .story-section__btn svg {\n  flex-shrink: 0;\n}\n.about-story-section .story-section__content .story-section__btn svg {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n}\n.about-story-section .story-section__image {\n  position: relative;\n  overflow: hidden;\n  min-height: 576px;\n  width: 100%;\n  grid-column: col-start 7/span 6;\n}\n.about-story-section .story-section__image img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n@media (max-width: 1199px) {\n  .about-story-section .story-section__image {\n    min-height: 476px;\n    width: 100%;\n  }\n}\n@media (max-width: 991px) {\n  .about-story-section .story-section__image {\n    min-height: 366px;\n  }\n}\n@media (max-width: 767px) {\n  .about-story-section .story-section {\n    gap: 16px;\n    flex-direction: column-reverse;\n  }\n  .about-story-section .story-section__content {\n    max-width: 100%;\n    gap: 24px;\n  }\n  .about-story-section .story-section__content .story-section-text__content .story-section__label {\n    color: #80512f;\n    margin: 0px;\n  }\n  .about-story-section .story-section__image {\n    min-height: 366px;\n  }\n}\n@media (max-width: 566px) {\n  .about-story-section .story-sections {\n    padding: 24px 0;\n  }\n  .about-story-section .story-sections .story-section + .story-section {\n    padding-top: 24px;\n    margin-top: 24px;\n  }\n  .about-story-section .story-section__content .story-section__bottom {\n    margin-top: auto;\n  }\n  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {\n    margin: 0 0 8px 0;\n  }\n  .about-story-section .story-section__content .story-section__btn {\n    margin-top: 16px;\n  }\n  .about-story-section .story-section__image {\n    min-height: 306px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.about-story-section {\n  .story-sections {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    padding: 48px 0;\n\n    .story-section + .story-section {\n      border-top: 2px solid $color-border;\n      padding-top: 48px;\n      margin-top: 48px;\n    }\n  }\n\n  .story-section {\n    // display: flex;\n    align-items: stretch;\n    // gap: 138px;\n  }\n\n  // ── Left Content ───────────────────────────────────────────\n  .story-section__content {\n    background-color: $color-chalk;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    max-width: 100%;\n    grid-column: span 5;\n\n    .story-section-text__content {\n      .story-section__label {\n        color: $color-primary;\n        margin: 0px;\n        @include type-h1;\n      }\n    }\n    .story-section__bottom {\n      margin-top: auto;\n      .story-section__info {\n        .story-section__heading {\n          color: $color-primary;\n          margin: 0 0 16px 0;\n          @include type-h3;\n        }\n        .story-section__desc {\n          color: $color-primary;\n          margin: 0;\n          flex: 1;\n          @include type-body;\n        }\n      }\n    }\n    .story-section__btn {\n      display: flex;\n      width: 100%;\n      margin-top: 32px;\n      padding: 14px 24px;\n      @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n\n      svg {\n        flex-shrink: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n\n  // ── Right Image ────────────────────────────────────────────\n  .story-section__image {\n    position: relative;\n    overflow: hidden;\n    min-height: 576px;\n    width: 100%;\n    grid-column: col-start 7 / span 6;\n\n    img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n  }\n}\n\n@include maxMediaQuery(\"desktop-sm\") {\n  .about-story-section {\n    // .story-section {\n    //   gap: 110px;\n    // }\n\n    // .story-section__content {\n    //   max-width: 425px;\n    // }\n\n    .story-section__image {\n      min-height: 476px;\n      width: 100%;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .about-story-section {\n    // .story-section {\n    //   gap: 98px;\n    // }\n\n    // .story-section__content {\n    //   max-width: 346px;\n    // }\n\n    .story-section__image {\n      min-height: 366px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .about-story-section {\n    .story-section {\n      gap: 16px;\n      flex-direction: column-reverse;\n    }\n\n    .story-section__content {\n      max-width: 100%;\n      gap: 24px;\n      .story-section-text__content {\n        .story-section__label {\n          color: $color-primary;\n          margin: 0px;\n        }\n      }\n    }\n\n    .story-section__image {\n      min-height: 366px;\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .about-story-section {\n    .story-sections {\n      padding: 24px 0;\n\n      .story-section + .story-section {\n        padding-top: 24px;\n        margin-top: 24px;\n      }\n    }\n    .story-section__content {\n      .story-section__bottom {\n        margin-top: auto;\n        .story-section__info {\n          .story-section__heading {\n            margin: 0 0 8px 0;\n          }\n        }\n      }\n      .story-section__btn {\n        margin-top: 16px;\n      }\n    }\n\n    .story-section__image {\n      min-height: 306px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.about-story-section .story-sections {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 48px 0;
}
.about-story-section .story-sections .story-section + .story-section {
  border-top: 2px solid #e8e4dd;
  padding-top: 48px;
  margin-top: 48px;
}
.about-story-section .story-section {
  align-items: stretch;
}
.about-story-section .story-section__content {
  background-color: #f6f4f1;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 100%;
  grid-column: span 5;
}
.about-story-section .story-section__content .story-section-text__content .story-section__label {
  color: #80512f;
  margin: 0px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .about-story-section .story-section__content .story-section-text__content .story-section__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .about-story-section .story-section__content .story-section-text__content .story-section__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.about-story-section .story-section__content .story-section__bottom {
  margin-top: auto;
}
.about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {
  color: #80512f;
  margin: 0 0 16px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {
  color: #80512f;
  margin: 0;
  flex: 1;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__desc {
    font-size: 14px;
    line-height: 21px;
  }
}
.about-story-section .story-section__content .story-section__btn {
  display: flex;
  width: 100%;
  margin-top: 32px;
  padding: 14px 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .about-story-section .story-section__content .story-section__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .about-story-section .story-section__content .story-section__btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.about-story-section .story-section__content .story-section__btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .about-story-section .story-section__content .story-section__btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.about-story-section .story-section__content .story-section__btn svg {
  flex-shrink: 0;
}
.about-story-section .story-section__content .story-section__btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.about-story-section .story-section__image {
  position: relative;
  overflow: hidden;
  min-height: 576px;
  width: 100%;
  grid-column: col-start 7/span 6;
}
.about-story-section .story-section__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 1199px) {
  .about-story-section .story-section__image {
    min-height: 476px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .about-story-section .story-section__image {
    min-height: 366px;
  }
}
@media (max-width: 767px) {
  .about-story-section .story-section {
    gap: 16px;
    flex-direction: column-reverse;
  }
  .about-story-section .story-section__content {
    max-width: 100%;
    gap: 24px;
  }
  .about-story-section .story-section__content .story-section-text__content .story-section__label {
    color: #80512f;
    margin: 0px;
  }
  .about-story-section .story-section__image {
    min-height: 366px;
  }
}
@media (max-width: 566px) {
  .about-story-section .story-sections {
    padding: 24px 0;
  }
  .about-story-section .story-sections .story-section + .story-section {
    padding-top: 24px;
    margin-top: 24px;
  }
  .about-story-section .story-section__content .story-section__bottom {
    margin-top: auto;
  }
  .about-story-section .story-section__content .story-section__bottom .story-section__info .story-section__heading {
    margin: 0 0 8px 0;
  }
  .about-story-section .story-section__content .story-section__btn {
    margin-top: 16px;
  }
  .about-story-section .story-section__image {
    min-height: 306px;
  }
}
/*# sourceMappingURL=about-content-cards.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","about-feature-grid.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.about-split-section%20%7B%0A%20%20margin-bottom:%2032px;%0A%7D%0A.about-split%20%7B%0A%20%20display:%20flex;%0A%20%20width:%20100%25;%0A%20%20height:%20840px;%0A%20%20gap:%2024px;%0A%20%20overflow:%20hidden;%0A%0A%20%20/%20%E2%94%80%E2%94%80%20LEFT%20PANEL%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%20%20.about-split-left%20%7B%0A%20%20%20%20max-width:%20100%25;%0A%20%20%20%20background-color:%20$color-copper;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20padding:%2024px;%0A%20%20%20%20box-sizing:%20border-box;%0A%20%20%20%20grid-column:%20span%205;%0A%0A%20%20%20%20.about-split-eyebrow%20%7B%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20text-overflow:%20ellipsis;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.about-split-content%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%200;%0A%0A%20%20%20%20%20%20.about-split-heading%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20-webkit-line-clamp:%206;%0A%20%20%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.about-split-body%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20%20%20margin:%200%200%2032px%200;%0A%20%20%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20-webkit-line-clamp:%203;%0A%20%20%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.about-split-cta%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%2053px;%0A%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20@include%20btn-fill(%0A%20%20%20%20%20%20%20%20%20%20$color-neutral-lightest,%0A%20%20%20%20%20%20%20%20%20%20$color-antique-brass,%0A%20%20%20%20%20%20%20%20%20%20$color-copper,%0A%20%20%20%20%20%20%20%20%20%20$color-chalk%0A%20%20%20%20%20%20%20%20);%0A%0A%20%20%20%20%20%20%20%20.about-cta-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20width:%20auto;%0A%0A%20%20%20%20%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20object-fit:%20contain;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20/%20%E2%94%80%E2%94%80%20RIGHT%20PANEL%20%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%20%20.about-split-right%20%7B%0A%20%20%20%20flex:%201;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%2024px;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20grid-column:%20span%207;%0A%0A%20%20%20%20.about-card%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20text-decoration:%20none;%0A%0A%20%20%20%20%20%20.about-card-img%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20display:%20block;%0A%0A%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20z-index:%201;%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20/%20transform:%20scale(1);%0A%20%20%20%20%20%20%20%20%20%20/%20filter:%20grayscale(0%25)%20brightness(1)%20contrast(1);%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%200.5s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%200.6s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20filter%200.5s%20ease-in-out;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20/%20Hover%20image%20(hidden%20by%20default)%0A%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20z-index:%202;%0A%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20/%20transform:%20scale(1.05);%0A%20%20%20%20%20%20%20%20%20%20/%20filter:%20grayscale(0%25)%20brightness(1)%20contrast(1);%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%200.5s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%200.6s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20filter%200.5s%20ease-in-out;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20&:focus-visible%20%7B%0A%20%20%20%20%20%20%20%20.about-card-img%20%7B%0A%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20/%20transform:%20scale(1.05);%0A%20%20%20%20%20%20%20%20%20%20%20%20/%20filter:%20grayscale(18%25)%20brightness(1.78)%20contrast(0.74);%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20/%20transform:%20scale(1);%0A%20%20%20%20%20%20%20%20%20%20%20%20/%20filter:%20grayscale(0%25)%20brightness(1)%20contrast(1);%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-card-eyebrow,%0A%20%20%20%20%20%20%20%20.about-card-caption%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-card-overlay%20%7B%0A%20%20%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.about-card-eyebrow%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20top:%2024px;%0A%20%20%20%20%20%20%20%20left:%2024px;%0A%20%20%20%20%20%20%20%20z-index:%204;%0A%20%20%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20text-overflow:%20ellipsis;%0A%20%20%20%20%20%20%20%20transition:%20color%200.35s%20ease;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.about-card-overlay%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20background:%20linear-gradient(%0A%20%20%20%20%20%20%20%20%20%20to%20bottom,%0A%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%201)%200%25,%0A%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%200)%2024%25,%0A%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%200)%2056%25,%0A%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%201)%20100%25%0A%20%20%20%20%20%20%20%20);%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20flex-end;%0A%20%20%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20%20%20box-sizing:%20border-box;%0A%20%20%20%20%20%20%20%20transition:%20background%200.35s%20ease;%0A%20%20%20%20%20%20%20%20z-index:%203;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.about-card-caption%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20display:%20inline;%0A%20%20%20%20%20%20%20%20align-items:%20baseline;%0A%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20transition:%20color%200.35s%20ease;%0A%20%20%20%20%20%20%20%20z-index:%203;%0A%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20/%20span:first-child%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20/%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20/%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20%20%20/%20%20%20-webkit-line-clamp:%203;%0A%20%20%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-cta-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20flex:%200%200%20auto;%0A%20%20%20%20%20%20%20%20%20%20width:%2014px;%0A%20%20%20%20%20%20%20%20%20%20height:%2014px;%0A%20%20%20%20%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20%20%20margin-left:%206px;%0A%0A%20%20%20%20%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20object-fit:%20contain;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.about-split%20%7B%0A%20%20%20%20height:%20740px;%0A%0A%20%20%20%20.about-split-left%20%7B%0A%20%20%20%20%20%20max-width:%20426px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.about-split%20%7B%0A%20%20%20%20height:%20560px;%0A%0A%20%20%20%20.about-split-left%20%7B%0A%20%20%20%20%20%20max-width:%20346px;%0A%0A%20%20%20%20%20%20.about-split-content%20%7B%0A%20%20%20%20%20%20%20%20.about-split-cta%20%7B%0A%20%20%20%20%20%20%20%20%20%20height:%2046px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20/%20.about-split%20%7B%0A%20%20/%20%20%20height:%20560px;%0A%0A%20%20/%20%20%20.about-split-left%20%7B%0A%20%20/%20%20%20%20%20max-width:%20280px;%0A%20%20/%20%20%20%7D%0A%20%20/%20%7D%0A%20%20.about-split-section%20%7B%0A%20%20%20%20margin-bottom:%2024px;%0A%20%20%7D%0A%0A%20%20.about-split%20%7B%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20height:%20auto;%0A%20%20%20%20gap:%2016px%20!important;%0A%0A%20%20%20%20.about-split-left%20%7B%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20min-height:%20368px;%0A%20%20%20%20%20%20padding:%2016px;%0A%0A%20%20%20%20%20%20.about-split-content%20%7B%0A%20%20%20%20%20%20%20%20.about-split-heading%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%208px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.about-split-body%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.about-split-cta%20%7B%0A%20%20%20%20%20%20%20%20%20%20.about-cta-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%2016px;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.about-split-right%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20%20%20.about-card%20%7B%0A%20%20%20%20%20%20%20%20flex:%200%200%20368px;%0A%0A%20%20%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20%20%20&:focus-visible%20%7B%0A%20%20%20%20%20%20%20%20%20%20.about-card-img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20.about-card-eyebrow,%0A%20%20%20%20%20%20%20%20%20%20.about-card-caption%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.about-card-overlay%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20linear-gradient(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20to%20bottom,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%201)%200%25,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%200)%2024%25,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%200)%2056%25,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20rgba(40,%2040,%2040,%201)%20100%25%0A%20%20%20%20%20%20%20%20%20%20%20%20);%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-card-eyebrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20top:%2016px;%0A%20%20%20%20%20%20%20%20%20%20left:%2016px;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-card-overlay%20%7B%0A%20%20%20%20%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.about-card-caption%20%7B%0A%20%20%20%20%20%20%20%20%20%20.about-cta-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%2011px;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%2011px;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.about-split%20%7B%0A%20%20%20%20.about-split-left%20%7B%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20min-height:%20auto;%0A%20%20%20%20%20%20aspect-ratio:%201/1;%0A%20%20%20%20%7D%0A%20%20%20%20.about-split-right%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20%20%20.about-card%20%7B%0A%20%20%20%20%20%20%20%20flex:%20auto;%0A%20%20%20%20%20%20%20%20aspect-ratio:%201/1;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,mBAAA;AH6LF;;AG3LA;EACE,aAAA;EACA,WAAA;EACA,aAAA;EACA,SAAA;EACA,gBAAA;AH8LF;AG3LE;EACE,eAAA;EACA,yBFjBW;EEkBX,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AH6LJ;AG3LI;EACE,cAAA;EACA,cFnBQ;EEoBR,eAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EC+HJ,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJyKF;AEvKI;ECnCA;ICgCF,eCnBQ;IDoBR,iBAAA;EJ8KA;AACF;AE7KI;ECnCA;ICoBF,eCRQ;IDSR,iBAAA;EJgMA;AACF;AG5MI;EACE,aAAA;EACA,sBAAA;EACA,MAAA;AH8MN;AG5MM;EACE,cFjCM;EEkCN,kBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,gBAAA;EC6JN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJ4JF;AEtMI;ECpBE;ICyCJ,eCrCQ;IDsCR,iBAAA;EJqLA;AACF;AE5MI;ECpBE;ICiCJ,eChCQ;IDiCR,iBAAA;EJmMA;AACF;AG7NM;EACE,cF1CM;EE2CN,kBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,gBAAA;ECuNN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ8MF;AEhOI;ECXE;ICIJ,eCdQ;IDeR,iBAAA;EJ2OA;AACF;AEtOI;ECXE;ICRJ,eCJQ;IDKR,iBAAA;EJ6PA;AACF;AG9OM;EACE,aAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;ECkQN,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHnUY;EGoUZ,cH5Ua;EG6Ub,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ2PF;AErQI;ECFE;ICGJ,eCvBQ;IDwBR,iBAAA;EJwQA;AACF;AE3QI;ECFE;ICTJ,eCZQ;IDaR,iBAAA;EJ0RA;AACF;AIME;EACE,mBHrVkB;EGsVlB,cH7UU;ADyUd;AErRI;EE6RA;IACE,mBHlVQ;IGmVR,cH3VS;EDsVb;AACF;AISE;EACE,cAAA;AJPJ;AGpRQ;EACE,WAAA;AHsRV;AGpRU;EACE,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;AHsRZ;AGpRU;EACE,cAAA;AHsRZ;AG9QE;EACE,OAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,gBAAA;EACA,mBAAA;AHgRJ;AG9QI;EACE,kBAAA;EACA,OAAA;EACA,cAAA;EACA,gBAAA;EACA,qBAAA;AHgRN;AG9QM;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;AHgRR;AG9QQ;EACE,UAAA;EACA,UAAA;EAGA,yFACE;AH6QZ;AGvQQ;EACE,UAAA;EACA,UAAA;EAGA,yFACE;AHsQZ;AG7PU;EACE,UAAA;AH+PZ;AG1PU;EACE,UAAA;AH4PZ;AGtPQ;;;EAEE,cFzJY;ADkZtB;AGtPQ;EACE,gBAAA;AHwPV;AGpPM;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,UAAA;EACA,cF7JM;EE8JN,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,4BAAA;ECXN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ4WF;AE1WI;ECoGE;ICvGJ,eCnBQ;IDoBR,iBAAA;EJiXA;AACF;AEhXI;ECoGE;ICnHJ,eCRQ;IDSR,iBAAA;EJmYA;AACF;AGrQM;EACE,kBAAA;EACA,QAAA;EACA,kIAAA;EAOA,aAAA;EACA,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,iCAAA;EACA,UAAA;AHiQR;AG9PM;EACE,cFxLM;EEyLN,SAAA;EACA,eAAA;EACA,qBAAA;EACA,QAAA;EACA,gBAAA;EACA,4BAAA;EACA,UAAA;ECuEN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ+XF;AEjZI;ECmIE;IC1IJ,eCdQ;IDeR,iBAAA;EJ4ZA;AACF;AEvZI;ECmIE;ICtJJ,eCJQ;IDKR,iBAAA;EJ8aA;AACF;AGvQQ;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AHyQV;AGvQU;EACE,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;AHyQZ;AGvQU;EACE,cAAA;AHyQZ;;AE9aI;EC6KF;IACE,aAAA;EHqQF;EGnQE;IACE,gBAAA;EHqQJ;AACF;AEvbI;ECsLF;IACE,aAAA;EHoQF;EGlQE;IACE,gBAAA;EHoQJ;EGjQM;IACE,YAAA;EHmQR;AACF;AElcI;EC4MF;IACE,mBAAA;EHyPF;EGtPA;IACE,sBAAA;IACA,YAAA;IACA,oBAAA;EHwPF;EGtPE;IACE,eAAA;IACA,iBAAA;IACA,aAAA;EHwPJ;EGrPM;IACE,iBAAA;EHuPR;EGrPM;IACE,kBAAA;EHuPR;EGpPQ;IACE,WAAA;IACA,YAAA;EHsPV;EGjPE;IACE,SAAA;EHmPJ;EGjPI;IACE,eAAA;EHmPN;EG9OU;IACE,UAAA;EHgPZ;EG7OU;IACE,UAAA;EH+OZ;EG5OQ;;;IAEE,cFhTE;ED+hBZ;EG5OQ;IACE,kIAAA;EH8OV;EGpOM;IACE,SAAA;IACA,UAAA;EHsOR;EGnOM;IACE,aAAA;EHqOR;EGjOQ;IACE,WAAA;IACA,YAAA;EHmOV;AACF;AE1fI;EC+RA;IACE,eAAA;IACA,gBAAA;IACA,iBAAA;EH8NJ;EG5NE;IACE,SAAA;EH8NJ;EG5NI;IACE,UAAA;IACA,iBAAA;EH8NN;AACF","file":"about-feature-grid.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.about-split-section {\n  margin-bottom: 32px;\n}\n\n.about-split {\n  display: flex;\n  width: 100%;\n  height: 840px;\n  gap: 24px;\n  overflow: hidden;\n}\n.about-split .about-split-left {\n  max-width: 100%;\n  background-color: #b26e2e;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px;\n  box-sizing: border-box;\n  grid-column: span 5;\n}\n.about-split .about-split-left .about-split-eyebrow {\n  display: block;\n  color: #f6f4f1;\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-left .about-split-eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left .about-split-eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.about-split .about-split-left .about-split-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.about-split .about-split-left .about-split-content .about-split-heading {\n  color: #f6f4f1;\n  margin: 0 0 24px 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 6;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-left .about-split-content .about-split-heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left .about-split-content .about-split-heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.about-split .about-split-left .about-split-content .about-split-body {\n  color: #f6f4f1;\n  margin: 0 0 32px 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-left .about-split-content .about-split-body {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left .about-split-content .about-split-body {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.about-split .about-split-left .about-split-content .about-split-cta {\n  display: flex;\n  width: 100%;\n  height: 53px;\n  flex-shrink: 0;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #f6f4f1;\n  color: #b26e2e;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-left .about-split-content .about-split-cta {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left .about-split-content .about-split-cta {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.about-split .about-split-left .about-split-content .about-split-cta:hover {\n  background: #80512f;\n  color: #f6f4f1;\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left .about-split-content .about-split-cta:hover {\n    background: #f6f4f1;\n    color: #b26e2e;\n  }\n}\n.about-split .about-split-left .about-split-content .about-split-cta svg {\n  flex-shrink: 0;\n}\n.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon {\n  width: auto;\n}\n.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon svg {\n  flex-shrink: 0;\n}\n.about-split .about-split-right {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  overflow: hidden;\n  grid-column: span 7;\n}\n.about-split .about-split-right .about-card {\n  position: relative;\n  flex: 1;\n  display: block;\n  overflow: hidden;\n  text-decoration: none;\n}\n.about-split .about-split-right .about-card .about-card-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.about-split .about-split-right .about-card .about-card-img--default {\n  z-index: 1;\n  opacity: 1;\n  transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out, filter 0.5s ease-in-out;\n}\n.about-split .about-split-right .about-card .about-card-img--hover {\n  z-index: 2;\n  opacity: 0;\n  transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out, filter 0.5s ease-in-out;\n}\n.about-split .about-split-right .about-card:hover .about-card-img--default, .about-split .about-split-right .about-card:focus-visible .about-card-img--default {\n  opacity: 0;\n}\n.about-split .about-split-right .about-card:hover .about-card-img--hover, .about-split .about-split-right .about-card:focus-visible .about-card-img--hover {\n  opacity: 1;\n}\n.about-split .about-split-right .about-card:hover .about-card-eyebrow,\n.about-split .about-split-right .about-card:hover .about-card-caption, .about-split .about-split-right .about-card:focus-visible .about-card-eyebrow,\n.about-split .about-split-right .about-card:focus-visible .about-card-caption {\n  color: #80512f;\n}\n.about-split .about-split-right .about-card:hover .about-card-overlay, .about-split .about-split-right .about-card:focus-visible .about-card-overlay {\n  background: none;\n}\n.about-split .about-split-right .about-card .about-card-eyebrow {\n  position: absolute;\n  top: 24px;\n  left: 24px;\n  z-index: 4;\n  color: #f6f4f1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: color 0.35s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-right .about-card .about-card-eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-right .about-card .about-card-eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.about-split .about-split-right .about-card .about-card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 24%, rgba(40, 40, 40, 0) 56%, rgb(40, 40, 40) 100%);\n  display: flex;\n  align-items: flex-end;\n  padding: 24px;\n  box-sizing: border-box;\n  transition: background 0.35s ease;\n  z-index: 3;\n}\n.about-split .about-split-right .about-card .about-card-caption {\n  color: #f6f4f1;\n  margin: 0;\n  display: inline;\n  align-items: baseline;\n  gap: 8px;\n  overflow: hidden;\n  transition: color 0.35s ease;\n  z-index: 3;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .about-split .about-split-right .about-card .about-card-caption {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-right .about-card .about-card-caption {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.about-split .about-split-right .about-card .about-card-caption .about-cta-icon {\n  flex: 0 0 auto;\n  width: 14px;\n  height: 14px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 6px;\n}\n.about-split .about-split-right .about-card .about-card-caption .about-cta-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.about-split .about-split-right .about-card .about-card-caption .about-cta-icon svg {\n  flex-shrink: 0;\n}\n\n@media (max-width: 1199px) {\n  .about-split {\n    height: 740px;\n  }\n  .about-split .about-split-left {\n    max-width: 426px;\n  }\n}\n@media (max-width: 991px) {\n  .about-split {\n    height: 560px;\n  }\n  .about-split .about-split-left {\n    max-width: 346px;\n  }\n  .about-split .about-split-left .about-split-content .about-split-cta {\n    height: 46px;\n  }\n}\n@media (max-width: 767px) {\n  .about-split-section {\n    margin-bottom: 24px;\n  }\n  .about-split {\n    flex-direction: column;\n    height: auto;\n    gap: 16px !important;\n  }\n  .about-split .about-split-left {\n    max-width: 100%;\n    min-height: 368px;\n    padding: 16px;\n  }\n  .about-split .about-split-left .about-split-content .about-split-heading {\n    margin: 0 0 8px 0;\n  }\n  .about-split .about-split-left .about-split-content .about-split-body {\n    margin: 0 0 16px 0;\n  }\n  .about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon {\n    width: 16px;\n    height: 16px;\n  }\n  .about-split .about-split-right {\n    gap: 16px;\n  }\n  .about-split .about-split-right .about-card {\n    flex: 0 0 368px;\n  }\n  .about-split .about-split-right .about-card:hover .about-card-img--default, .about-split .about-split-right .about-card:focus-visible .about-card-img--default {\n    opacity: 1;\n  }\n  .about-split .about-split-right .about-card:hover .about-card-img--hover, .about-split .about-split-right .about-card:focus-visible .about-card-img--hover {\n    opacity: 0;\n  }\n  .about-split .about-split-right .about-card:hover .about-card-eyebrow,\n  .about-split .about-split-right .about-card:hover .about-card-caption, .about-split .about-split-right .about-card:focus-visible .about-card-eyebrow,\n  .about-split .about-split-right .about-card:focus-visible .about-card-caption {\n    color: #f6f4f1;\n  }\n  .about-split .about-split-right .about-card:hover .about-card-overlay, .about-split .about-split-right .about-card:focus-visible .about-card-overlay {\n    background: linear-gradient(to bottom, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 24%, rgba(40, 40, 40, 0) 56%, rgb(40, 40, 40) 100%);\n  }\n  .about-split .about-split-right .about-card .about-card-eyebrow {\n    top: 16px;\n    left: 16px;\n  }\n  .about-split .about-split-right .about-card .about-card-overlay {\n    padding: 16px;\n  }\n  .about-split .about-split-right .about-card .about-card-caption .about-cta-icon {\n    width: 11px;\n    height: 11px;\n  }\n}\n@media (max-width: 566px) {\n  .about-split .about-split-left {\n    max-width: 100%;\n    min-height: auto;\n    aspect-ratio: 1/1;\n  }\n  .about-split .about-split-right {\n    gap: 16px;\n  }\n  .about-split .about-split-right .about-card {\n    flex: auto;\n    aspect-ratio: 1/1;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.about-split-section {\n  margin-bottom: 32px;\n}\n.about-split {\n  display: flex;\n  width: 100%;\n  height: 840px;\n  gap: 24px;\n  overflow: hidden;\n\n  // ── LEFT PANEL ─────────────────────────────────────────\n  .about-split-left {\n    max-width: 100%;\n    background-color: $color-copper;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 24px;\n    box-sizing: border-box;\n    grid-column: span 5;\n\n    .about-split-eyebrow {\n      display: block;\n      color: $color-neutral-lightest;\n      max-width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @include type-h1;\n    }\n\n    .about-split-content {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n\n      .about-split-heading {\n        color: $color-neutral-lightest;\n        margin: 0 0 24px 0;\n        display: -webkit-box;\n        -webkit-line-clamp: 6;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        @include type-h3;\n      }\n      .about-split-body {\n        color: $color-neutral-lightest;\n        margin: 0 0 32px 0;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        @include type-body;\n      }\n      .about-split-cta {\n        display: flex;\n        width: 100%;\n        height: 53px;\n        flex-shrink: 0;\n        @include btn-fill(\n          $color-neutral-lightest,\n          $color-antique-brass,\n          $color-copper,\n          $color-chalk\n        );\n\n        .about-cta-icon {\n          width: auto;\n\n          img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n          }\n          svg {\n            flex-shrink: 0;\n          }\n        }\n      }\n    }\n  }\n\n  // ── RIGHT PANEL ────────────────────────────────────────\n  .about-split-right {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    overflow: hidden;\n    grid-column: span 7;\n\n    .about-card {\n      position: relative;\n      flex: 1;\n      display: block;\n      overflow: hidden;\n      text-decoration: none;\n\n      .about-card-img {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n\n        &--default {\n          z-index: 1;\n          opacity: 1;\n          // transform: scale(1);\n          // filter: grayscale(0%) brightness(1) contrast(1);\n          transition:\n            opacity 0.5s ease-in-out,\n            transform 0.6s ease-in-out,\n            filter 0.5s ease-in-out;\n        }\n\n        // Hover image (hidden by default)\n        &--hover {\n          z-index: 2;\n          opacity: 0;\n          // transform: scale(1.05);\n          // filter: grayscale(0%) brightness(1) contrast(1);\n          transition:\n            opacity 0.5s ease-in-out,\n            transform 0.6s ease-in-out,\n            filter 0.5s ease-in-out;\n        }\n      }\n\n      &:hover,\n      &:focus-visible {\n        .about-card-img {\n          &--default {\n            opacity: 0;\n            // transform: scale(1.05);\n            // filter: grayscale(18%) brightness(1.78) contrast(0.74);\n          }\n\n          &--hover {\n            opacity: 1;\n            // transform: scale(1);\n            // filter: grayscale(0%) brightness(1) contrast(1);\n          }\n        }\n\n        .about-card-eyebrow,\n        .about-card-caption {\n          color: $color-antique-brass;\n        }\n\n        .about-card-overlay {\n          background: none;\n        }\n      }\n\n      .about-card-eyebrow {\n        position: absolute;\n        top: 24px;\n        left: 24px;\n        z-index: 4;\n        color: $color-neutral-lightest;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        transition: color 0.35s ease;\n        @include type-h1;\n      }\n\n      .about-card-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(\n          to bottom,\n          rgba(40, 40, 40, 1) 0%,\n          rgba(40, 40, 40, 0) 24%,\n          rgba(40, 40, 40, 0) 56%,\n          rgba(40, 40, 40, 1) 100%\n        );\n        display: flex;\n        align-items: flex-end;\n        padding: 24px;\n        box-sizing: border-box;\n        transition: background 0.35s ease;\n        z-index: 3;\n      }\n\n      .about-card-caption {\n        color: $color-neutral-lightest;\n        margin: 0;\n        display: inline;\n        align-items: baseline;\n        gap: 8px;\n        overflow: hidden;\n        transition: color 0.35s ease;\n        z-index: 3;\n\n        @include type-body;\n\n        // span:first-child {\n        //   display: -webkit-box;\n        //   overflow: hidden;\n        //   -webkit-box-orient: vertical;\n        //   -webkit-line-clamp: 3;\n        // }\n\n        .about-cta-icon {\n          flex: 0 0 auto;\n          width: 14px;\n          height: 14px;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          margin-left: 6px;\n\n          img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n          }\n          svg {\n            flex-shrink: 0;\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .about-split {\n    height: 740px;\n\n    .about-split-left {\n      max-width: 426px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .about-split {\n    height: 560px;\n\n    .about-split-left {\n      max-width: 346px;\n\n      .about-split-content {\n        .about-split-cta {\n          height: 46px;\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  // .about-split {\n  //   height: 560px;\n\n  //   .about-split-left {\n  //     max-width: 280px;\n  //   }\n  // }\n  .about-split-section {\n    margin-bottom: 24px;\n  }\n\n  .about-split {\n    flex-direction: column;\n    height: auto;\n    gap: 16px !important;\n\n    .about-split-left {\n      max-width: 100%;\n      min-height: 368px;\n      padding: 16px;\n\n      .about-split-content {\n        .about-split-heading {\n          margin: 0 0 8px 0;\n        }\n        .about-split-body {\n          margin: 0 0 16px 0;\n        }\n        .about-split-cta {\n          .about-cta-icon {\n            width: 16px;\n            height: 16px;\n          }\n        }\n      }\n    }\n    .about-split-right {\n      gap: 16px;\n\n      .about-card {\n        flex: 0 0 368px;\n\n        &:hover,\n        &:focus-visible {\n          .about-card-img {\n            &--default {\n              opacity: 1;\n            }\n\n            &--hover {\n              opacity: 0;\n            }\n          }\n          .about-card-eyebrow,\n          .about-card-caption {\n            color: $color-neutral-lightest;\n          }\n\n          .about-card-overlay {\n            background: linear-gradient(\n              to bottom,\n              rgba(40, 40, 40, 1) 0%,\n              rgba(40, 40, 40, 0) 24%,\n              rgba(40, 40, 40, 0) 56%,\n              rgba(40, 40, 40, 1) 100%\n            );\n          }\n        }\n\n        .about-card-eyebrow {\n          top: 16px;\n          left: 16px;\n        }\n\n        .about-card-overlay {\n          padding: 16px;\n        }\n\n        .about-card-caption {\n          .about-cta-icon {\n            width: 11px;\n            height: 11px;\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .about-split {\n    .about-split-left {\n      max-width: 100%;\n      min-height: auto;\n      aspect-ratio: 1/1;\n    }\n    .about-split-right {\n      gap: 16px;\n\n      .about-card {\n        flex: auto;\n        aspect-ratio: 1/1;\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.about-split-section {
  margin-bottom: 32px;
}

.about-split {
  display: flex;
  width: 100%;
  height: 840px;
  gap: 24px;
  overflow: hidden;
}
.about-split .about-split-left {
  max-width: 100%;
  background-color: #b26e2e;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  box-sizing: border-box;
  grid-column: span 5;
}
.about-split .about-split-left .about-split-eyebrow {
  display: block;
  color: #f6f4f1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .about-split .about-split-left .about-split-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-left .about-split-eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.about-split .about-split-left .about-split-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.about-split .about-split-left .about-split-content .about-split-heading {
  color: #f6f4f1;
  margin: 0 0 24px 0;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .about-split .about-split-left .about-split-content .about-split-heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-left .about-split-content .about-split-heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.about-split .about-split-left .about-split-content .about-split-body {
  color: #f6f4f1;
  margin: 0 0 32px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .about-split .about-split-left .about-split-content .about-split-body {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-left .about-split-content .about-split-body {
    font-size: 14px;
    line-height: 21px;
  }
}
.about-split .about-split-left .about-split-content .about-split-cta {
  display: flex;
  width: 100%;
  height: 53px;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #f6f4f1;
  color: #b26e2e;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .about-split .about-split-left .about-split-content .about-split-cta {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-left .about-split-content .about-split-cta {
    font-size: 14px;
    line-height: 18px;
  }
}
.about-split .about-split-left .about-split-content .about-split-cta:hover {
  background: #80512f;
  color: #f6f4f1;
}
@media (max-width: 566px) {
  .about-split .about-split-left .about-split-content .about-split-cta:hover {
    background: #f6f4f1;
    color: #b26e2e;
  }
}
.about-split .about-split-left .about-split-content .about-split-cta svg {
  flex-shrink: 0;
}
.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon {
  width: auto;
}
.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon svg {
  flex-shrink: 0;
}
.about-split .about-split-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  grid-column: span 7;
}
.about-split .about-split-right .about-card {
  position: relative;
  flex: 1;
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.about-split .about-split-right .about-card .about-card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.about-split .about-split-right .about-card .about-card-img--default {
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out, filter 0.5s ease-in-out;
}
.about-split .about-split-right .about-card .about-card-img--hover {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out, filter 0.5s ease-in-out;
}
.about-split .about-split-right .about-card:hover .about-card-img--default, .about-split .about-split-right .about-card:focus-visible .about-card-img--default {
  opacity: 0;
}
.about-split .about-split-right .about-card:hover .about-card-img--hover, .about-split .about-split-right .about-card:focus-visible .about-card-img--hover {
  opacity: 1;
}
.about-split .about-split-right .about-card:hover .about-card-eyebrow,
.about-split .about-split-right .about-card:hover .about-card-caption, .about-split .about-split-right .about-card:focus-visible .about-card-eyebrow,
.about-split .about-split-right .about-card:focus-visible .about-card-caption {
  color: #80512f;
}
.about-split .about-split-right .about-card:hover .about-card-overlay, .about-split .about-split-right .about-card:focus-visible .about-card-overlay {
  background: none;
}
.about-split .about-split-right .about-card .about-card-eyebrow {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 4;
  color: #f6f4f1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.35s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .about-split .about-split-right .about-card .about-card-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-right .about-card .about-card-eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.about-split .about-split-right .about-card .about-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 24%, rgba(40, 40, 40, 0) 56%, rgb(40, 40, 40) 100%);
  display: flex;
  align-items: flex-end;
  padding: 24px;
  box-sizing: border-box;
  transition: background 0.35s ease;
  z-index: 3;
}
.about-split .about-split-right .about-card .about-card-caption {
  color: #f6f4f1;
  margin: 0;
  display: inline;
  align-items: baseline;
  gap: 8px;
  overflow: hidden;
  transition: color 0.35s ease;
  z-index: 3;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .about-split .about-split-right .about-card .about-card-caption {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-right .about-card .about-card-caption {
    font-size: 14px;
    line-height: 21px;
  }
}
.about-split .about-split-right .about-card .about-card-caption .about-cta-icon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}
.about-split .about-split-right .about-card .about-card-caption .about-cta-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-split .about-split-right .about-card .about-card-caption .about-cta-icon svg {
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  .about-split {
    height: 740px;
  }
  .about-split .about-split-left {
    max-width: 426px;
  }
}
@media (max-width: 991px) {
  .about-split {
    height: 560px;
  }
  .about-split .about-split-left {
    max-width: 346px;
  }
  .about-split .about-split-left .about-split-content .about-split-cta {
    height: 46px;
  }
}
@media (max-width: 767px) {
  .about-split-section {
    margin-bottom: 24px;
  }
  .about-split {
    flex-direction: column;
    height: auto;
    gap: 16px !important;
  }
  .about-split .about-split-left {
    max-width: 100%;
    min-height: 368px;
    padding: 16px;
  }
  .about-split .about-split-left .about-split-content .about-split-heading {
    margin: 0 0 8px 0;
  }
  .about-split .about-split-left .about-split-content .about-split-body {
    margin: 0 0 16px 0;
  }
  .about-split .about-split-left .about-split-content .about-split-cta .about-cta-icon {
    width: 16px;
    height: 16px;
  }
  .about-split .about-split-right {
    gap: 16px;
  }
  .about-split .about-split-right .about-card {
    flex: 0 0 368px;
  }
  .about-split .about-split-right .about-card:hover .about-card-img--default, .about-split .about-split-right .about-card:focus-visible .about-card-img--default {
    opacity: 1;
  }
  .about-split .about-split-right .about-card:hover .about-card-img--hover, .about-split .about-split-right .about-card:focus-visible .about-card-img--hover {
    opacity: 0;
  }
  .about-split .about-split-right .about-card:hover .about-card-eyebrow,
  .about-split .about-split-right .about-card:hover .about-card-caption, .about-split .about-split-right .about-card:focus-visible .about-card-eyebrow,
  .about-split .about-split-right .about-card:focus-visible .about-card-caption {
    color: #f6f4f1;
  }
  .about-split .about-split-right .about-card:hover .about-card-overlay, .about-split .about-split-right .about-card:focus-visible .about-card-overlay {
    background: linear-gradient(to bottom, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 24%, rgba(40, 40, 40, 0) 56%, rgb(40, 40, 40) 100%);
  }
  .about-split .about-split-right .about-card .about-card-eyebrow {
    top: 16px;
    left: 16px;
  }
  .about-split .about-split-right .about-card .about-card-overlay {
    padding: 16px;
  }
  .about-split .about-split-right .about-card .about-card-caption .about-cta-icon {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 566px) {
  .about-split .about-split-left {
    max-width: 100%;
    min-height: auto;
    aspect-ratio: 1/1;
  }
  .about-split .about-split-right {
    gap: 16px;
  }
  .about-split .about-split-right .about-card {
    flex: auto;
    aspect-ratio: 1/1;
  }
}
/*# sourceMappingURL=about-feature-grid.css.map */

{"version":3,"sources":["data:;charset=utf-8,/*%20Add%20Block%20CSS%20Here%20*/"],"names":[],"mappings":"AAAA,uBAAA","file":"block-plan-your-visit.css","sourcesContent":["/* Add Block CSS Here */"]}
/* Add Block CSS Here */
/*# sourceMappingURL=block-plan-your-visit.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","contact-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A/%20SECTION%20WRAPPER%0A%0A.contact-section%20%7B%0A%20%20padding-bottom:%2048px;%0A%20%20.contact-inner%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20align-items:%20flex-start;%0A%20%20%20%20/%20gap:%2032px;%0A%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%20%20/%20padding:%2032px;%0A%20%20%20%20justify-content:%20space-between;%0A%0A%20%20%20%20/%20Left%0A%20%20%20%20.contact-left%20%7B%0A%20%20%20%20%20%20flex:%200%200%20432px;%0A%20%20%20%20%20%20padding:%2032px%200px%2032px%2032px;%0A%20%20%20%20%20%20grid-column:%20span%204;%0A%0A%20%20%20%20%20%20.contact-label%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.contact-heading%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20RIGHT%20COLUMN%0A%20%20%20%20.contact-right%20%7B%0A%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%20120px;%0A%20%20%20%20%20%20padding:%2032px%2032px%2032px%200;%0A%20%20%20%20%20%20/%20max-width:%20628px;%0A%20%20%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%0A%20%20%20%20%20%20.contact-grid%20%7B%0A%20%20%20%20%20%20%20%20display:%20grid;%0A%20%20%20%20%20%20%20%20grid-template-columns:%20repeat(2,%20minmax(0,%201fr));%0A%20%20%20%20%20%20%20%20gap:%2058px;%0A%0A%20%20%20%20%20%20%20%20.contact-block%20%7B%0A%20%20%20%20%20%20%20%20%20%20.contact-block-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20.contact-block-content%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20%20%20%20%20gap:%200;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-link%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20text-decoration:%20underline;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-link--social%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2017px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2017px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-text%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20border-bottom:%201px%20solid%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom:%206px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20gap:%208px;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe-input%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20outline:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-family:%20$font-freight-text;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&::placeholder%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe-btn%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2020px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2020px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200.6;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-input-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.contact-section%20%7B%0A%20%20%20%20.contact-inner%20%7B%0A%20%20%20%20%20%20.contact-left%20%7B%0A%20%20%20%20%20%20%20%20flex:%200%200%20350px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.contact-section%20%7B%0A%20%20%20%20.contact-inner%20%7B%0A%20%20%20%20%20%20/%20padding:%2024px;%0A%20%20%20%20%20%20.contact-left%20%7B%0A%20%20%20%20%20%20%20%20flex:%200%200%20245px;%0A%20%20%20%20%20%20%20%20padding:%2024px%200%2024px%2024px;%0A%20%20%20%20%20%20%20%20.contact-label%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2032px%200;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20/%20RIGHT%20COLUMN%0A%20%20%20%20%20%20.contact-right%20%7B%0A%20%20%20%20%20%20%20%20gap:%20120px;%0A%20%20%20%20%20%20%20%20padding:%2024px%2024px%2024px%200px;%0A%0A%20%20%20%20%20%20%20%20/%20max-width:%20400px;%0A%0A%20%20%20%20%20%20%20%20.contact-grid%20%7B%0A%20%20%20%20%20%20%20%20%20%20.contact-block%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-content%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-link--social%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20gap:%204px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2013px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2013px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-text%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom:%204px;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe-btn%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-input-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.contact-section%20%7B%0A%20%20%20%20.contact-inner%20%7B%0A%20%20%20%20%20%20/%20padding:%2024px;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%20120px;%0A%0A%20%20%20%20%20%20.contact-left%20%7B%0A%20%20%20%20%20%20%20%20flex:%20auto;%0A%20%20%20%20%20%20%20%20padding:%2024px%2024px%200;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.contact-right%20%7B%0A%20%20%20%20%20%20%20%20gap:%2070px;%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%200px%2024px%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.contact-section%20%7B%0A%20%20%20%20padding-bottom:%2024px;%0A%0A%20%20%20%20.contact-inner%20%7B%0A%20%20%20%20%20%20/%20padding:%2016px;%0A%0A%20%20%20%20%20%20.contact-left%20%7B%0A%20%20%20%20%20%20%20%20padding:%2016px%2016px%200;%0A%0A%20%20%20%20%20%20%20%20.contact-label%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20%20%20@include%20font-14-16;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.contact-right%20%7B%0A%20%20%20%20%20%20%20%20gap:%2048px;%0A%20%20%20%20%20%20%20%20padding:%200px%2016px%2016px;%0A%0A%20%20%20%20%20%20%20%20.contact-grid%20%7B%0A%20%20%20%20%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20%20%20%20%20.contact-block%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%208px%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20/%20text-transform:%20uppercase;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-content%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-block-link%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-subscribe-btn%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.contact-input-icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2013px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AGzLA;EACE,oBAAA;AH2LF;AG1LE;EAEE,uBAAA;EAEA,yBFLgB;EEOhB,8BAAA;AHyLJ;AGtLI;EACE,eAAA;EACA,2BAAA;EACA,mBAAA;AHwLN;AGtLM;EACE,cFxBc;EEyBd,qBAAA;EACA,kBAAA;ECqIN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ8JF;AE5JI;ECtCE;ICmCJ,eCnBQ;IDoBR,iBAAA;EJmKA;AACF;AElKI;ECtCE;ICuBJ,eCRQ;IDSR,iBAAA;EJqLA;AACF;AGvMM;EACE,cF/Bc;EEgCd,SAAA;EC4KN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJwIF;AElLI;EC/BE;ICoDJ,eCrCQ;IDsCR,iBAAA;EJiKA;AACF;AExLI;EC/BE;IC4CJ,eChCQ;IDiCR,iBAAA;EJ+KA;AACF;AGrNI;EACE,OAAA;EACA,aAAA;EACA,sBAAA;EACA,UAAA;EACA,yBAAA;EAEA,+BAAA;AHsNN;AGpNM;EACE,aAAA;EACA,gDAAA;EACA,SAAA;AHsNR;AGnNU;EACE,cFtDU;EEuDV,kBAAA;EC4KV,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ4MF;AEtNI;ECRM;ICSR,eCvBQ;IDwBR,iBAAA;EJyNA;AACF;AE5NI;ECRM;ICHR,eCZQ;IDaR,iBAAA;EJ2OA;AACF;AGrOU;EACE,aAAA;EACA,sBAAA;EACA,MAAA;AHuOZ;AGrOY;EACE,cFhEQ;EEiER,qBAAA;EACA,gBAAA;EC6MZ,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJgOF;AElPI;ECEQ;ICTV,eCdQ;IDeR,iBAAA;EJ6PA;AACF;AExPI;ECEQ;ICrBV,eCJQ;IDKR,iBAAA;EJ+QA;AACF;AGtPc;EACE,0BAAA;AHwPhB;AGrPY;EACE,aAAA;EACA,mBAAA;EACA,SAAA;AHuPd;AGrPY;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHuPd;AGrPY;EACE,cFpFQ;EEqFR,SAAA;EC0LZ,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJmQF;AErRI;ECsBQ;IC7BV,eCdQ;IDeR,iBAAA;EJgSA;AACF;AE3RI;ECsBQ;ICzCV,eCJQ;IDKR,iBAAA;EJkTA;AACF;AGtQY;EACE,aAAA;EACA,mBAAA;EACA,gCAAA;EACA,mBAAA;EACA,QAAA;AHwQd;AGtQc;EACE,OAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;EACA,aAAA;EACA,UAAA;EACA,cFtGM;EEuGN,sCLlGI;EM0QlB,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJsSF;AExTI;ECkCU;ICzCZ,eCdQ;IDeR,iBAAA;EJmUA;AACF;AE9TI;ECkCU;ICrDZ,eCJQ;IDKR,iBAAA;EJqVA;AACF;AGtRgB;EACE,cF5GI;ADoYtB;AGzRgB;EACE,cF5GI;ADoYtB;AGpRc;EACE,uBAAA;EACA,YAAA;EACA,eAAA;EACA,UAAA;EACA,cFrHM;EEsHN,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;AHsRhB;AGpRgB;EACE,YAAA;AHsRlB;AGnRgB;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHqRlB;;AE7VI;ECqFE;IACE,eAAA;EH4QN;AACF;AEnWI;EC+FE;IACE,eAAA;IACA,yBAAA;EHuQN;EGtQM;IACE,kBAAA;ICDR,uCN3JgB;IM4JhB,gBClIqB;IDmIrB,kBAAA;IACA,yBCtBa;IDuBb,sBCjDM;IDxDN,eCnBQ;IDoBR,iBAAA;EJoXA;AACF;AEnXI;ECkGI;ICrGN,eCnBQ;IDoBR,iBAAA;EJ0XA;AACF;AEzXI;ECkGI;ICjHN,eCRQ;IDSR,iBAAA;EJ4YA;AACF;AE/XI;ECyGE;IACE,UAAA;IACA,2BAAA;EHyRN;EGnRU;IACE,kBAAA;EHqRZ;EGlRY;IACE,QAAA;EHoRd;EGlRY;IACE,WAAA;IACA,YAAA;EHoRd;EGlRY;ICsFZ,sCN1QkB;IM2QlB,gBCjPiB;IDkPjB,kBAAA;IACA,mBC5JQ;IDxCR,eCnCQ;IDoCR,iBAAA;EJoYA;AACF;AEvZI;EC4HU;ICnIZ,eCdQ;IDeR,iBAAA;EJkaA;AACF;AE7ZI;EC4HU;IC/IZ,eCJQ;IDKR,iBAAA;EJobA;AACF;AEnaI;EC+HU;IACE,mBAAA;EHuSd;EGpSgB;IACE,WAAA;IACA,YAAA;EHsSlB;AACF;AE5aI;ECkJA;IAEE,sBAAA;IACA,UAAA;EH4RJ;EG1RI;IACE,UAAA;IACA,oBAAA;IACA,WAAA;EH4RN;EGzRI;IACE,SAAA;IACA,eAAA;IACA,WAAA;IACA,sBAAA;EH2RN;AACF;AE7bI;ECuKF;IACE,oBAAA;EHyRF;EGpRI;IACE,oBAAA;EHsRN;EGpRM;IACE,kBAAA;IChMR,eCRQ;IDSR,iBAAA;EJudA;EGnRI;IACE,SAAA;IACA,sBAAA;EHqRN;EGnRM;IACE,SAAA;EHqRR;EGnRU;IACE,iBAAA;EHqRZ;EGhRc;IACE,qBAAA;EHkRhB;EG7QgB;IACE,WAAA;IACA,YAAA;EH+QlB;AACF","file":"contact-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.contact-section {\n  padding-bottom: 48px;\n}\n.contact-section .contact-inner {\n  align-items: flex-start;\n  background-color: #e8e4dd;\n  justify-content: space-between;\n}\n.contact-section .contact-inner .contact-left {\n  flex: 0 0 432px;\n  padding: 32px 0px 32px 32px;\n  grid-column: span 4;\n}\n.contact-section .contact-inner .contact-left .contact-label {\n  color: #80512f;\n  text-decoration: none;\n  margin: 0 0 48px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-left .contact-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-left .contact-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.contact-section .contact-inner .contact-left .contact-heading {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-left .contact-heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-left .contact-heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.contact-section .contact-inner .contact-right {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 120px;\n  padding: 32px 32px 32px 0;\n  grid-column: col-start 7/span 6;\n}\n.contact-section .contact-inner .contact-right .contact-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 58px;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {\n  color: #80512f;\n  margin: 0 0 16px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {\n  color: #80512f;\n  text-decoration: none;\n  margin-bottom: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link:hover {\n  text-decoration: underline;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link--social {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-icon {\n  flex-shrink: 0;\n  width: 17px;\n  height: 17px;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe {\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #80512f;\n  padding-bottom: 6px;\n  gap: 8px;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {\n  flex: 1;\n  min-width: 0;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input::placeholder {\n  color: #80512f;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  color: #80512f;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  transition: opacity 0.2s ease;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn:hover {\n  opacity: 0.6;\n}\n.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n@media (max-width: 1199px) {\n  .contact-section .contact-inner .contact-left {\n    flex: 0 0 350px;\n  }\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-left {\n    flex: 0 0 245px;\n    padding: 24px 0 24px 24px;\n  }\n  .contact-section .contact-inner .contact-left .contact-label {\n    margin: 0 0 32px 0;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 991px) and (max-width: 991px) {\n  .contact-section .contact-inner .contact-left .contact-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 991px) and (max-width: 566px) {\n  .contact-section .contact-inner .contact-left .contact-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right {\n    gap: 120px;\n    padding: 24px 24px 24px 0px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {\n    margin: 0 0 16px 0;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link--social {\n    gap: 4px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-icon {\n    width: 13px;\n    height: 13px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n    font-family: \"freight-text-pro\", serif;\n    font-weight: 400;\n    font-style: normal;\n    letter-spacing: 0em;\n    font-size: 22px;\n    line-height: 33px;\n  }\n}\n@media (max-width: 991px) and (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 991px) and (max-width: 566px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n@media (max-width: 991px) {\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe {\n    padding-bottom: 4px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {\n    width: 16px;\n    height: auto;\n  }\n}\n@media (max-width: 767px) {\n  .contact-section .contact-inner {\n    flex-direction: column;\n    gap: 120px;\n  }\n  .contact-section .contact-inner .contact-left {\n    flex: auto;\n    padding: 24px 24px 0;\n    width: 100%;\n  }\n  .contact-section .contact-inner .contact-right {\n    gap: 70px;\n    max-width: 100%;\n    width: 100%;\n    padding: 0px 24px 24px;\n  }\n}\n@media (max-width: 566px) {\n  .contact-section {\n    padding-bottom: 24px;\n  }\n  .contact-section .contact-inner .contact-left {\n    padding: 16px 16px 0;\n  }\n  .contact-section .contact-inner .contact-left .contact-label {\n    margin: 0 0 24px 0;\n    font-size: 14px;\n    line-height: 16px;\n  }\n  .contact-section .contact-inner .contact-right {\n    gap: 48px;\n    padding: 0px 16px 16px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid {\n    gap: 16px;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {\n    margin: 0 0 8px 0;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link:hover {\n    text-decoration: none;\n  }\n  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {\n    width: 13px;\n    height: auto;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n// SECTION WRAPPER\n\n.contact-section {\n  padding-bottom: 48px;\n  .contact-inner {\n    // display: flex;\n    align-items: flex-start;\n    // gap: 32px;\n    background-color: $color-pale-silver;\n    // padding: 32px;\n    justify-content: space-between;\n\n    // Left\n    .contact-left {\n      flex: 0 0 432px;\n      padding: 32px 0px 32px 32px;\n      grid-column: span 4;\n\n      .contact-label {\n        color: $color-antique-brass;\n        text-decoration: none;\n        margin: 0 0 48px 0;\n        @include type-h1;\n      }\n\n      .contact-heading {\n        color: $color-primary;\n        margin: 0;\n        @include type-h3;\n      }\n    }\n\n    // RIGHT COLUMN\n    .contact-right {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 120px;\n      padding: 32px 32px 32px 0;\n      // max-width: 628px;\n      grid-column: col-start 7 / span 6;\n\n      .contact-grid {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 58px;\n\n        .contact-block {\n          .contact-block-title {\n            color: $color-primary;\n            margin: 0 0 16px 0;\n            @include type-h4;\n          }\n          .contact-block-content {\n            display: flex;\n            flex-direction: column;\n            gap: 0;\n\n            .contact-block-link {\n              color: $color-primary;\n              text-decoration: none;\n              margin-bottom: 0;\n              @include type-body;\n\n              &:hover {\n                text-decoration: underline;\n              }\n            }\n            .contact-block-link--social {\n              display: flex;\n              align-items: center;\n              gap: 16px;\n            }\n            .contact-block-icon {\n              flex-shrink: 0;\n              width: 17px;\n              height: 17px;\n            }\n            .contact-block-text {\n              color: $color-primary;\n              margin: 0;\n              @include type-body;\n            }\n            .contact-subscribe {\n              display: flex;\n              align-items: center;\n              border-bottom: 1px solid $color-primary;\n              padding-bottom: 6px;\n              gap: 8px;\n\n              .contact-subscribe-input {\n                flex: 1;\n                min-width: 0;\n                border: none;\n                background: transparent;\n                outline: none;\n                padding: 0;\n                color: $color-primary;\n                font-family: $font-freight-text;\n\n                @include type-body;\n\n                &::placeholder {\n                  color: $color-primary;\n                }\n              }\n\n              .contact-subscribe-btn {\n                background: transparent;\n                border: none;\n                cursor: pointer;\n                padding: 0;\n                color: $color-primary;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                width: 20px;\n                height: 20px;\n                transition: opacity 0.2s ease;\n\n                &:hover {\n                  opacity: 0.6;\n                }\n\n                .contact-input-icon {\n                  display: block;\n                  width: 100%;\n                  height: auto;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .contact-section {\n    .contact-inner {\n      .contact-left {\n        flex: 0 0 350px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .contact-section {\n    .contact-inner {\n      // padding: 24px;\n      .contact-left {\n        flex: 0 0 245px;\n        padding: 24px 0 24px 24px;\n        .contact-label {\n          margin: 0 0 32px 0;\n          @include type-h1;\n        }\n      }\n\n      // RIGHT COLUMN\n      .contact-right {\n        gap: 120px;\n        padding: 24px 24px 24px 0px;\n\n        // max-width: 400px;\n\n        .contact-grid {\n          .contact-block {\n            .contact-block-title {\n              margin: 0 0 16px 0;\n            }\n            .contact-block-content {\n              .contact-block-link--social {\n                gap: 4px;\n              }\n              .contact-block-icon {\n                width: 13px;\n                height: 13px;\n              }\n              .contact-block-text {\n                @include type-body;\n              }\n              .contact-subscribe {\n                padding-bottom: 4px;\n\n                .contact-subscribe-btn {\n                  .contact-input-icon {\n                    width: 16px;\n                    height: auto;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .contact-section {\n    .contact-inner {\n      // padding: 24px;\n      flex-direction: column;\n      gap: 120px;\n\n      .contact-left {\n        flex: auto;\n        padding: 24px 24px 0;\n        width: 100%;\n      }\n\n      .contact-right {\n        gap: 70px;\n        max-width: 100%;\n        width: 100%;\n        padding: 0px 24px 24px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .contact-section {\n    padding-bottom: 24px;\n\n    .contact-inner {\n      // padding: 16px;\n\n      .contact-left {\n        padding: 16px 16px 0;\n\n        .contact-label {\n          margin: 0 0 24px 0;\n          @include font-14-16;\n        }\n      }\n\n      .contact-right {\n        gap: 48px;\n        padding: 0px 16px 16px;\n\n        .contact-grid {\n          gap: 16px;\n          .contact-block {\n            .contact-block-title {\n              margin: 0 0 8px 0;\n              // text-transform: uppercase;\n            }\n            .contact-block-content {\n              .contact-block-link {\n                &:hover {\n                  text-decoration: none;\n                }\n              }\n              .contact-subscribe {\n                .contact-subscribe-btn {\n                  .contact-input-icon {\n                    width: 13px;\n                    height: auto;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.contact-section {
  padding-bottom: 48px;
}
.contact-section .contact-inner {
  align-items: flex-start;
  background-color: #e8e4dd;
  justify-content: space-between;
}
.contact-section .contact-inner .contact-left {
  flex: 0 0 432px;
  padding: 32px 0px 32px 32px;
  grid-column: span 4;
}
.contact-section .contact-inner .contact-left .contact-label {
  color: #80512f;
  text-decoration: none;
  margin: 0 0 48px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-left .contact-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-left .contact-label {
    font-size: 14px;
    line-height: 16px;
  }
}
.contact-section .contact-inner .contact-left .contact-heading {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-left .contact-heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-left .contact-heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.contact-section .contact-inner .contact-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding: 32px 32px 32px 0;
  grid-column: col-start 7/span 6;
}
.contact-section .contact-inner .contact-right .contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 58px;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {
  color: #80512f;
  margin: 0 0 16px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {
    font-size: 14px;
    line-height: 18px;
  }
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {
  color: #80512f;
  text-decoration: none;
  margin-bottom: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link {
    font-size: 14px;
    line-height: 21px;
  }
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link:hover {
  text-decoration: underline;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link--social {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-icon {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
    font-size: 14px;
    line-height: 21px;
  }
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #80512f;
  padding-bottom: 6px;
  gap: 8px;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input {
    font-size: 14px;
    line-height: 21px;
  }
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input::-moz-placeholder {
  color: #80512f;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-input::placeholder {
  color: #80512f;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #80512f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s ease;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn:hover {
  opacity: 0.6;
}
.contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 1199px) {
  .contact-section .contact-inner .contact-left {
    flex: 0 0 350px;
  }
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-left {
    flex: 0 0 245px;
    padding: 24px 0 24px 24px;
  }
  .contact-section .contact-inner .contact-left .contact-label {
    margin: 0 0 32px 0;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .contact-section .contact-inner .contact-left .contact-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 991px) and (max-width: 566px) {
  .contact-section .contact-inner .contact-left .contact-label {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right {
    gap: 120px;
    padding: 24px 24px 24px 0px;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {
    margin: 0 0 16px 0;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link--social {
    gap: 4px;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-icon {
    width: 13px;
    height: 13px;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
    font-family: "freight-text-pro", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    font-size: 22px;
    line-height: 33px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 991px) and (max-width: 566px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-text {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 991px) {
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe {
    padding-bottom: 4px;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {
    width: 16px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .contact-section .contact-inner {
    flex-direction: column;
    gap: 120px;
  }
  .contact-section .contact-inner .contact-left {
    flex: auto;
    padding: 24px 24px 0;
    width: 100%;
  }
  .contact-section .contact-inner .contact-right {
    gap: 70px;
    max-width: 100%;
    width: 100%;
    padding: 0px 24px 24px;
  }
}
@media (max-width: 566px) {
  .contact-section {
    padding-bottom: 24px;
  }
  .contact-section .contact-inner .contact-left {
    padding: 16px 16px 0;
  }
  .contact-section .contact-inner .contact-left .contact-label {
    margin: 0 0 24px 0;
    font-size: 14px;
    line-height: 16px;
  }
  .contact-section .contact-inner .contact-right {
    gap: 48px;
    padding: 0px 16px 16px;
  }
  .contact-section .contact-inner .contact-right .contact-grid {
    gap: 16px;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-title {
    margin: 0 0 8px 0;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-block-link:hover {
    text-decoration: none;
  }
  .contact-section .contact-inner .contact-right .contact-grid .contact-block .contact-block-content .contact-subscribe .contact-subscribe-btn .contact-input-icon {
    width: 13px;
    height: auto;
  }
}
/*# sourceMappingURL=contact-block.css.map */

{"version":3,"sources":["data:;charset=utf-8,/*%20Add%20Block%20CSS%20Here%20*/variables.scss%22%20as%20*;%0A%0A/%20.mainBanner%20%7B%0A/%20%20%20margin-top:%2094px;%0A%0A/%20%20%20.contactBanner%20%7B%0A/%20%20%20%20%20display:%20block;%0A%0A/%20%20%20%20%20.contactheading%20%7B%0A/%20%20%20%20%20%20%20padding:%2070px;%0A/%20%20%20%20%20%20%20position:%20relative;%0A%0A/%20%20%20%20%20%20%20.border-bottom-line%20%7B%0A/%20%20%20%20%20%20%20%20%20position:%20absolute;%0A/%20%20%20%20%20%20%20%20%20bottom:%200;%0A/%20%20%20%20%20%20%20%20%20left:%200;%0A/%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20height:%201px;%0A/%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20.bannerTitle%20%7B%0A/%20%20%20%20%20%20%20%20%20font-size:%20$heading-8xl;%0A/%20%20%20%20%20%20%20%20%20font-weight:%20$font-weight-medium;%0A/%20%20%20%20%20%20%20%20%20margin:%200;%0A/%20%20%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20%20%20line-height:%201.2em;%0A/%20%20%20%20%20%20%20%20%20align-items:%20center;%0A/%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20color:%20$text-dark-primary;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%20%20.formWrapper%20%7B%0A/%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20flex-direction:%20column;%0A%0A/%20%20%20%20%20.contactDetails%20%7B%0A/%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20flex-shrink:%200;%0A/%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20position:%20relative;%0A%0A/%20%20%20%20%20%20%20.border-bottom-line%20%7B%0A/%20%20%20%20%20%20%20%20%20position:%20absolute;%0A/%20%20%20%20%20%20%20%20%20bottom:%200;%0A/%20%20%20%20%20%20%20%20%20left:%200;%0A/%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20height:%201px;%0A/%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20.border-right%20%7B%0A/%20%20%20%20%20%20%20%20%20width:%201px;%0A/%20%20%20%20%20%20%20%20%20height:%20auto;%0A/%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20.contactText%20%7B%0A/%20%20%20%20%20%20%20%20%20font-size:%20$text-xxl;%0A/%20%20%20%20%20%20%20%20%20font-weight:%20$font-weight-light;%0A/%20%20%20%20%20%20%20%20%20line-height:%201.4em;%0A/%20%20%20%20%20%20%20%20%20color:%20$text-dark-primary;%0A/%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20padding:%2024px;%0A/%20%20%20%20%20%20%20%7D%0A%0A/%20%20%20%20%20%20%20.contactInfo%20%7B%0A/%20%20%20%20%20%20%20%20%20width:%2050%25;%0A/%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A/%20%20%20%20%20%20%20%20%20padding:%2024px;%0A/%20%20%20%20%20%20%20%20%20position:%20relative;%0A%0A/%20%20%20%20%20%20%20%20%20.contactlabel%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20font-size:%20$text-xxl;%0A/%20%20%20%20%20%20%20%20%20%20%20font-weight:%20$font-weight-medium;%0A/%20%20%20%20%20%20%20%20%20%20%20margin-bottom:%208px;%0A/%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A/%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A/%20%20%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20.contactrow%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20%20%20%20%20.contactlocation%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-size:%20$text-xxl;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-weight:%20$font-weight-light;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20line-height:%201.4em;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$text-dark-primary;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20.contactIcon%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20width:%2028px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2028px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20inline-block;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20margin-right:%2016px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20vertical-align:%20middle;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20img%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20object-fit:%20contain;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%7D%0A/%20%20%20%20%20.contactForm%20%7B%0A/%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20flex-shrink:%200;%0A%0A/%20%20%20%20%20%20%20.form-Block%20%7B%0A/%20%20%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%0A/%20%20%20%20%20%20%20%20%20.input-Row%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20.border-bottom-line%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20bottom:%200;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20left:%200;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20height:%201px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A/%20%20%20%20%20%20%20%20%20%20%20p%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20.form-Input%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20flex:%201;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.input,%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20input%5Btype=%22text%22%5D,%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20input%5Btype=%22email%22%5D,%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20input%5Btype=%22tel%22%5D%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2062px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding:%200%2016px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-size:%20$heading-sm;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-color:%20transparent;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$text-dark-primary;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&::placeholder%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20rgba(229,%20241,%20253,%200.7);%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:focus%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20outline:%20none;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20.border-right%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20width:%201px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20.form-Input%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A/%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20.textarea%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20height:%20150px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20padding:%2016px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-size:%20$heading-sm;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20background-color:%20transparent;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$text-dark-primary;%0A%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20&::placeholder%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20rgba(229,%20241,%20253,%200.7);%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20&:focus%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20outline:%20none;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%20%20.submitBtn%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20height:%2060px;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20background-color:%20$color-primary;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-weight:%20400;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20color:%20$black;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-size:%20$heading-sm;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20%20%20%20%20%20%20%20%20%20%20cursor:%20pointer;%0A/%20%20%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%7D%0A%0A/%20%20%20%20%20%20%20/%20Reset%20CF7%20defaults%0A/%20%20%20%20%20%20%20.wpcf7%20%7B%0A/%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%0A/%20%20%20%20%20%20%20%20%20p%20%7B%0A/%20%20%20%20%20%20%20%20%20%20%20margin:%200;%0A/%20%20%20%20%20%20%20%20%20%20%20flex:%201;%0A/%20%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A/%20%20%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%7D%0A%0A/%20.wpcf7%20%7B%0A/%20%20%20width:%20100%25;%0A%0A/%20%20%20p%20%7B%0A/%20%20%20%20%20margin:%200;%0A/%20%20%20%7D%0A/%20%7D%0A%0A/%20/%20CF7%20Validation%20wrapper%0A/%20.wpcf7-form-control-wrap%20%7B%0A/%20%20%20width:%20100%25;%0A/%20%20%20height:%20auto;%0A/%20%20%20position:%20relative;%0A/%20%20%20display:%20block;%0A/%20%7D%0A%0A/%20/%20Hide%20default%20validation%20messages%0A/%20.wpcf7-not-valid-tip%20%7B%0A/%20%20%20display:%20none;%0A/%20%7D%0A%0A/%20/%20Response%20messages%0A/%20.wpcf7-response-output%20%7B%0A/%20%20%20margin:%2020px%200%200;%0A/%20%20%20padding:%2015px;%0A/%20%20%20border-radius:%204px;%0A/%20%20%20font-size:%20$text-base;%0A/%20%20%20font-family:%20%22PPSupplySans-Regular%22,%20sans-serif;%0A/%20%20%20border:%20none;%0A%0A/%20%20%20&.wpcf7-validation-errors%20%7B%0A/%20%20%20%20%20background-color:%20rgba(255,%2087,%2087,%200.1);%0A/%20%20%20%20%20color:%20$error;%0A/%20%20%20%20%20border-left:%204px%20solid%20$error;%0A/%20%20%20%7D%0A%0A/%20%20%20&.wpcf7-mail-sent-ok%20%7B%0A/%20%20%20%20%20background-color:%20rgba(100,%20228,%20203,%200.1);%0A/%20%20%20%20%20color:%20$color-primary;%0A/%20%20%20%20%20border-left:%204px%20solid%20$color-primary;%0A/%20%20%20%7D%0A%0A/%20%20%20&.wpcf7-mail-sent-ng%20%7B%0A/%20%20%20%20%20background-color:%20rgba(255,%2087,%2087,%200.1);%0A/%20%20%20%20%20color:%20$error;%0A/%20%20%20%20%20border-left:%204px%20solid%20$error;%0A/%20%20%20%7D%0A/%20%7D%0A%0A/%20/%20Loading/submitting%20state%0A/%20.wpcf7%20form.submitting%20.submitBtn%20%7B%0A/%20%20%20opacity:%200.6;%0A/%20%20%20pointer-events:%20none;%0A/%20%7D%0A%0A/%20/%20Spinner%0A/%20.wpcf7%20form.submitting%20.submitBtn::after%20%7B%0A/%20%20%20content:%20%22%22;%0A/%20%20%20display:%20inline-block;%0A/%20%20%20width:%2016px;%0A/%20%20%20height:%2016px;%0A/%20%20%20margin-left:%2010px;%0A/%20%20%20border:%202px%20solid%20transparent;%0A/%20%20%20border-top-color:%20$black;%0A/%20%20%20border-radius:%2050%25;%0A/%20%20%20animation:%20spin%200.6s%20linear%20infinite;%0A/%20%7D%0A"],"names":[],"mappings":"AAAA,uBAAA","file":"contact-form-section.css","sourcesContent":["/* Add Block CSS Here */\n\n@use \"./../color.scss\" as *;\n@use \"./../variables.scss\" as *;\n\n// .mainBanner {\n//   margin-top: 94px;\n\n//   .contactBanner {\n//     display: block;\n\n//     .contactheading {\n//       padding: 70px;\n//       position: relative;\n\n//       .border-bottom-line {\n//         position: absolute;\n//         bottom: 0;\n//         left: 0;\n//         width: 100%;\n//         height: 1px;\n//         background-color: $color-primary;\n//       }\n//       .bannerTitle {\n//         font-size: $heading-8xl;\n//         font-weight: $font-weight-medium;\n//         margin: 0;\n//         display: flex;\n//         line-height: 1.2em;\n//         align-items: center;\n//         font-family: \"PPSupplySans-Regular\", sans-serif;\n//         color: $text-dark-primary;\n//       }\n//     }\n//   }\n//   .formWrapper {\n//     display: flex;\n//     flex-direction: column;\n\n//     .contactDetails {\n//       width: 100%;\n//       flex-shrink: 0;\n//       display: flex;\n//       position: relative;\n\n//       .border-bottom-line {\n//         position: absolute;\n//         bottom: 0;\n//         left: 0;\n//         width: 100%;\n//         height: 1px;\n//         background-color: $color-primary;\n//       }\n//       .border-right {\n//         width: 1px;\n//         height: auto;\n//         background-color: $color-primary;\n//       }\n//       .contactText {\n//         font-size: $text-xxl;\n//         font-weight: $font-weight-light;\n//         line-height: 1.4em;\n//         color: $text-dark-primary;\n//         font-family: \"PPSupplySans-Regular\", sans-serif;\n//         padding: 24px;\n//       }\n\n//       .contactInfo {\n//         width: 50%;\n//         flex-shrink: 0;\n//         padding: 24px;\n//         position: relative;\n\n//         .contactlabel {\n//           font-size: $text-xxl;\n//           font-weight: $font-weight-medium;\n//           margin-bottom: 8px;\n//           display: block;\n//           color: $color-primary;\n//           font-family: \"PPSupplySans-Regular\", sans-serif;\n//         }\n//         .contactrow {\n//           display: flex;\n//           .contactlocation {\n//             font-size: $text-xxl;\n//             font-weight: $font-weight-light;\n//             line-height: 1.4em;\n//             color: $text-dark-primary;\n//             font-family: \"PPSupplySans-Regular\", sans-serif;\n//           }\n//           .contactIcon {\n//             width: 28px;\n//             height: 28px;\n//             display: inline-block;\n//             margin-right: 16px;\n//             vertical-align: middle;\n\n//             img {\n//               width: 100%;\n//               height: 100%;\n//               object-fit: contain;\n//             }\n//           }\n//         }\n//       }\n//     }\n//     .contactForm {\n//       width: 100%;\n//       flex-shrink: 0;\n\n//       .form-Block {\n//         display: flex;\n//         flex-direction: column;\n\n//         .input-Row {\n//           display: flex;\n//           position: relative;\n\n//           .border-bottom-line {\n//             position: absolute;\n//             bottom: 0;\n//             left: 0;\n//             width: 100%;\n//             height: 1px;\n//             background-color: $color-primary;\n//           }\n\n//           p {\n//             .form-Input {\n//               flex: 1;\n//               position: relative;\n//               display: block;\n//               height: auto;\n\n//               .input,\n//               input[type=\"text\"],\n//               input[type=\"email\"],\n//               input[type=\"tel\"] {\n//                 width: 100%;\n//                 height: 62px;\n//                 padding: 0 16px;\n//                 font-size: $heading-sm;\n//                 font-family: \"PPSupplySans-Regular\", sans-serif;\n//                 border: none;\n//                 background-color: transparent;\n//                 color: $text-dark-primary;\n\n//                 &::placeholder {\n//                   color: rgba(229, 241, 253, 0.7);\n//                 }\n//                 &:focus {\n//                   outline: none;\n//                 }\n//               }\n//             }\n//           }\n//           .border-right {\n//             width: 1px;\n//             height: auto;\n//             background-color: $color-primary;\n//           }\n//         }\n//         .form-Input {\n//           width: 100%;\n//           height: auto;\n//           display: block;\n\n//           .textarea {\n//             width: 100%;\n//             height: 150px;\n//             padding: 16px;\n//             font-size: $heading-sm;\n//             font-family: \"PPSupplySans-Regular\", sans-serif;\n//             border: none;\n//             background-color: transparent;\n//             color: $text-dark-primary;\n\n//             &::placeholder {\n//               color: rgba(229, 241, 253, 0.7);\n//             }\n//             &:focus {\n//               outline: none;\n//             }\n//           }\n//           .submitBtn {\n//             width: 100%;\n//             height: 60px;\n//             background-color: $color-primary;\n//             border: none;\n//             font-weight: 400;\n//             color: $black;\n//             font-size: $heading-sm;\n//             font-family: \"PPSupplySans-Regular\", sans-serif;\n//             cursor: pointer;\n//           }\n//         }\n//       }\n\n//       // Reset CF7 defaults\n//       .wpcf7 {\n//         width: 100%;\n\n//         p {\n//           margin: 0;\n//           flex: 1;\n//           height: auto;\n//         }\n//       }\n//     }\n//   }\n// }\n\n// .wpcf7 {\n//   width: 100%;\n\n//   p {\n//     margin: 0;\n//   }\n// }\n\n// // CF7 Validation wrapper\n// .wpcf7-form-control-wrap {\n//   width: 100%;\n//   height: auto;\n//   position: relative;\n//   display: block;\n// }\n\n// // Hide default validation messages\n// .wpcf7-not-valid-tip {\n//   display: none;\n// }\n\n// // Response messages\n// .wpcf7-response-output {\n//   margin: 20px 0 0;\n//   padding: 15px;\n//   border-radius: 4px;\n//   font-size: $text-base;\n//   font-family: \"PPSupplySans-Regular\", sans-serif;\n//   border: none;\n\n//   &.wpcf7-validation-errors {\n//     background-color: rgba(255, 87, 87, 0.1);\n//     color: $error;\n//     border-left: 4px solid $error;\n//   }\n\n//   &.wpcf7-mail-sent-ok {\n//     background-color: rgba(100, 228, 203, 0.1);\n//     color: $color-primary;\n//     border-left: 4px solid $color-primary;\n//   }\n\n//   &.wpcf7-mail-sent-ng {\n//     background-color: rgba(255, 87, 87, 0.1);\n//     color: $error;\n//     border-left: 4px solid $error;\n//   }\n// }\n\n// // Loading/submitting state\n// .wpcf7 form.submitting .submitBtn {\n//   opacity: 0.6;\n//   pointer-events: none;\n// }\n\n// // Spinner\n// .wpcf7 form.submitting .submitBtn::after {\n//   content: \"\";\n//   display: inline-block;\n//   width: 16px;\n//   height: 16px;\n//   margin-left: 10px;\n//   border: 2px solid transparent;\n//   border-top-color: $black;\n//   border-radius: 50%;\n//   animation: spin 0.6s linear infinite;\n// }\n"]}
/* Add Block CSS Here */
/*# sourceMappingURL=contact-form-section.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","content-media-story-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.content-container%20%7B%0A%20%20display:%20block%20!important;%0A%20%20border-bottom:%202px%20solid%20$color-border;%0A%20%20padding-bottom:%2048px;%0A%7D%0A.content-sections%20%7B%0A%20%20background-color:%20$color-chalk;%0A%20%20margin:%2048px%200;%0A%0A%20%20.content-row%20%7B%0A%20%20%20%20margin-bottom:%200;%0A%0A%20%20%20%20/%20Divider%20+%2048px%20gap%20between%20rows%0A%20%20%20%20&%20+%20.content-row%20%7B%0A%20%20%20%20%20%20border-top:%202px%20solid%20$color-border;%0A%20%20%20%20%20%20padding-top:%2048px;%0A%20%20%20%20%20%20margin-top:%2048px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20min-height:%20580px;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20margin-bottom:%2048px;%0A%0A%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20object-fit:%20contain;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&--video%20%7B%0A%20%20%20%20%20%20%20%20.content-row__video%20%7B%0A%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&--youtube%20%7B%0A%20%20%20%20%20%20%20%20.content-row__youtube-wrap%20%7B%0A%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20%20%20%20%20aspect-ratio:%2016/9;%0A%20%20%20%20%20%20%20%20%20%20/%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20/%20min-height:%20580px;%0A%20%20%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20%20%20background:%20$color-iron;%0A%0A%20%20%20%20%20%20%20%20%20%20iframe%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20&__text-row%20%7B%0A%20%20%20%20%20%20/%20display:%20grid;%0A%20%20%20%20%20%20/%20grid-template-columns:%20317px%201fr;%0A%20%20%20%20%20%20/%20gap:%20139px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20padding-top:%204px;%0A%20%20%20%20%20%20grid-column:%20span%203;%0A%20%20%20%20%7D%0A%20%20%20%20&__label%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__right%20%7B%0A%20%20%20%20%20%20grid-column:%20col-start%205%20/%20span%208;%0A%20%20%20%20%7D%0A%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20.info-story%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%2048px%200%2024px%200;%0A%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.info-history%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2032px%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20h2%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20h3%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20h4%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%2048px%200%2024px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20h5%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%2048px%200%2016px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20a%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20text-decoration:%20underline;%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%200.7;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20ul,%0A%20%20%20%20%20%20ol%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20padding-left:%2020px;%0A%20%20%20%20%20%20%20%20li%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%208px;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20strong%20%7B%0A%20%20%20%20%20%20%20%20font-weight:%20$font-weight-bold;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A.video-trigger%20%7B%0A%20%20position:%20relative;%0A%20%20display:%20block;%0A%20%20border:%200;%0A%20%20padding:%200;%0A%20%20cursor:%20pointer;%0A%20%20width:%20100%25;%0A%20%20background:%20none;%0A%7D%0A%0A.video-trigger__gif%20%7B%0A%20%20width:%20100%25;%0A%20%20display:%20block;%0A%7D%0A%0A.video-trigger__play%20%7B%0A%20%20position:%20absolute;%0A%20%20top:%2050%25;%0A%20%20left:%2050%25;%0A%20%20transform:%20translate(-50%25,%20-50%25);%0A%20%20width:%20160px;%0A%20%20height:%20160px;%0A%20%20border-radius:%2050%25;%0A%20%20background:%20$color-antique-brass;%0A%20%20color:%20$color-pale-silver;%0A%20%20font-size:%2042px;%0A%20%20display:%20flex;%0A%20%20align-items:%20center;%0A%20%20justify-content:%20center;%0A%20%20transition:%20background-color%200.25s%20ease;%0A%0A%20%20svg%20%7B%0A%20%20%20%20width:%2060px;%0A%20%20%20%20height:%2060px;%0A%20%20%20%20object-fit:%20cover;%0A%20%20%20%20margin-left:%207px;%0A%20%20%20%20transition:%20fill%200.25s%20ease;%0A%20%20%7D%0A%7D%0A%0A.video-modal%20%7B%0A%20%20display:%20none;%0A%20%20position:%20fixed;%0A%20%20inset:%200;%0A%20%20z-index:%209999;%0A%20%20align-items:%20center;%0A%20%20justify-content:%20center;%0A%0A%20%20&.is-open%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%7D%0A%0A%20%20&__overlay%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20inset:%200;%0A%20%20%20%20background:%20rgba(0,%200,%200,%200.96);%0A%20%20%7D%0A%0A%20%20&__content%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20z-index:%201;%0A%20%20%20%20width:%2090%25;%0A%20%20%20%20max-width:%201200px;%0A%20%20%20%20aspect-ratio:%2016%20/%209;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%7D%0A%0A%20%20&__close%20%7B%0A%20%20%20%20position:%20fixed;%0A%20%20%20%20top:%2024px;%0A%20%20%20%20right:%2024px;%0A%20%20%20%20background:%20none;%0A%20%20%20%20border:%200;%0A%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20font-size:%2036px;%0A%20%20%20%20line-height:%201;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20z-index:%202;%0A%20%20%7D%0A%7D%0Ahtml.video-modal-locked,%0Abody.video-modal-locked%20%7B%0A%20%20overflow:%20hidden;%0A%20%20height:%20100%25;%0A%7D%0A%0A%23youtube-player%20%7B%0A%20%20position:%20absolute;%0A%20%20inset:%200;%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%20%20border:%200;%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.content-sections%20%7B%0A%20%20%20%20.content-row%20%7B%0A%20%20%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20%20%20height:%20auto;%0A%20%20%20%20%20%20%20%20min-height:%20520px;%0A%0A%20%20%20%20%20%20%20%20/%20&--youtube%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20.content-row__youtube-wrap%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20%20%20min-height:%20520px;%0A%20%20%20%20%20%20%20%20/%20%20%20%7D%0A%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.video-trigger__play%20%7B%0A%20%20%20%20width:%20140px;%0A%20%20%20%20height:%20140px;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20width:%2050px;%0A%20%20%20%20%20%20height:%2050px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.content-sections%20%7B%0A%20%20%20%20.content-row%20%7B%0A%20%20%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20%20%20min-height:%20375px;%0A%0A%20%20%20%20%20%20%20%20/%20&--youtube%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20.content-row__youtube-wrap%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20%20%20min-height:%20375px;%0A%20%20%20%20%20%20%20%20/%20%20%20%7D%0A%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.video-trigger__play%20%7B%0A%20%20%20%20width:%20120px;%0A%20%20%20%20height:%20120px;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20width:%2040px;%0A%20%20%20%20%20%20height:%2040px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.content-sections%20%7B%0A%20%20%20%20.content-row%20%7B%0A%20%20%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20%20%20min-height:%20375px;%0A%0A%20%20%20%20%20%20%20%20/%20&--youtube%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20.content-row__youtube-wrap%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20%20%20min-height:%20375px;%0A%20%20%20%20%20%20%20%20/%20%20%20%7D%0A%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__text-row%20%7B%0A%20%20%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.video-trigger__play%20%7B%0A%20%20%20%20width:%20110px;%0A%20%20%20%20height:%20110px;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20width:%2040px;%0A%20%20%20%20%20%20height:%2040px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.content-container%20%7B%0A%20%20%20%20padding-bottom:%2024px;%0A%20%20%7D%0A%20%20.content-sections%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%0A%20%20%20%20.content-row%20%7B%0A%20%20%20%20%20%20&%20+%20.content-row%20%7B%0A%20%20%20%20%20%20%20%20padding-top:%2024px;%0A%20%20%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20%20%20min-height:%20168px;%0A%20%20%20%20%20%20%20%20margin-bottom:%2024px;%0A%0A%20%20%20%20%20%20%20%20/%20&--youtube%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20.content-row__youtube-wrap%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20%20%20min-height:%20168px;%0A%20%20%20%20%20%20%20%20/%20%20%20%7D%0A%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__text-row%20%7B%0A%20%20%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20%20%20padding-top:%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20%20%20.info-story%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%2032px%200%2016px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20h2%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20h3%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20/%20h4%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20margin:%2048px%200%2016px%200;%0A%20%20%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20%20%20ul,%0A%20%20%20%20%20%20%20%20ol%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%208px%200;%0A%20%20%20%20%20%20%20%20%20%20padding-left:%2010px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.video-trigger__play%20%7B%0A%20%20%20%20width:%2060px;%0A%20%20%20%20height:%2060px;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20width:%2020px;%0A%20%20%20%20%20%20height:%2020px;%0A%20%20%20%20%20%20margin-left:%204px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.video-modal%20%7B%0A%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20width:%2095%25;%0A%20%20%20%20%20%20aspect-ratio:%2016%20/%209;%0A%20%20%20%20%7D%0A%20%20%20%20&__close%20%7B%0A%20%20%20%20%20%20top:%2020px;%0A%20%20%20%20%20%20right:%2020px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,yBAAA;EACA,gCAAA;EACA,oBAAA;AH6LF;;AG3LA;EACE,yBFFY;EEGZ,cAAA;AH8LF;AG5LE;EACE,gBAAA;AH8LJ;AG3LI;EACE,6BAAA;EACA,iBAAA;EACA,gBAAA;AH6LN;AG1LI;EACE,WAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;AH4LN;AG1LM;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,sBAAA;KAAA,mBAAA;AH4LR;AGxLQ;EACE,WAAA;EACA,YAAA;EACA,cAAA;AH0LV;AGrLQ;EACE,kBAAA;EACA,kBAAA;EAGA,gBAAA;EACA,mBF/CG;ADoOb;AGnLU;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;AHqLZ;AGhLI;EAIE,WAAA;AH+KN;AG7KI;EACE,gBAAA;EACA,mBAAA;AH+KN;AG7KI;EACE,cF5EgB;EE6EhB,SAAA;ECkFJ,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJwMF;AEtMI;ECcA;ICjBF,eCnBQ;IDoBR,iBAAA;EJ6MA;AACF;AE5MI;ECcA;IC7BF,eCRQ;IDSR,iBAAA;EJ+NA;AACF;AG9LI;EACE,+BAAA;AHgMN;AG7LM;EACE,cFtFc;EEuFd,qBAAA;ECwLN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ6MF;AE/NI;ECwBE;IC/BJ,eCdQ;IDeR,iBAAA;EJ0OA;AACF;AErOI;ECwBE;IC3CJ,eCJQ;IDKR,iBAAA;EJ4PA;AACF;AG7MQ;EACE,gBAAA;AH+MV;AG5MM;EACE,kBAAA;AH8MR;AG5MM;EACE,cFnGc;EEoGd,kBAAA;EC2KN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJyOF;AE3PI;ECqCE;IC5CJ,eCdQ;IDeR,iBAAA;EJsQA;AACF;AEjQI;ECqCE;ICxDJ,eCJQ;IDKR,iBAAA;EJwRA;AACF;AG5NQ;EACE,gBAAA;AH8NV;AG1NM;EACE,cF9Gc;EE+Gd,kBAAA;ECuEN,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJ8NF;AEpRI;ECgDE;ICfJ,eC9CQ;ID+CR,iBAAA;EJuPA;AACF;AE1RI;ECgDE;ICvBJ,eCxCQ;IDyCR,iBAAA;EJqQA;AACF;AG1OM;EACE,cFpHc;EEqHd,kBAAA;ECuFN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJgQF;AE1SI;ECsDE;ICjCJ,eCrCQ;IDsCR,iBAAA;EJyRA;AACF;AEhTI;ECsDE;ICzCJ,eChCQ;IDiCR,iBAAA;EJuSA;AACF;AG1PM;EACE,cF1Hc;EE2Hd,qBAAA;ECwGN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJuTF;AEjUI;EC4DE;IC3DJ,eCvBQ;IDwBR,iBAAA;EJoUA;AACF;AEvUI;EC4DE;ICvEJ,eCZQ;IDaR,iBAAA;EJsVA;AACF;AG5QM;EACE,cF/Hc;EEgId,qBAAA;ECmGN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ8UF;AExVI;ECiEE;IChEJ,eCvBQ;IDwBR,iBAAA;EJ2VA;AACF;AE9VI;ECiEE;IC5EJ,eCZQ;IDaR,iBAAA;EJ6WA;AACF;AG7RM;EACE,cFrIc;EEsId,0BAAA;AH+RR;AG9RQ;EACE,YAAA;AHgSV;AG5RM;;EAEE,kBAAA;EACA,kBAAA;AH8RR;AG7RQ;;EACE,cFjJY;EEkJZ,kBAAA;EC6HR,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJyWF;AE3XI;ECmFI;;IC1FN,eCdQ;IDeR,iBAAA;EJuYA;AACF;AElYI;ECmFI;;ICtGN,eCJQ;IDKR,iBAAA;EJ0ZA;AACF;AG/SM;EACE,gBE/HW;ALgbnB;;AG5SA;EACE,kBAAA;EACA,cAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,gBAAA;AH+SF;;AG5SA;EACE,WAAA;EACA,cAAA;AH+SF;;AG5SA;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,mBFpLoB;EEqLpB,cF7KkB;EE8KlB,eAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,uCAAA;AH+SF;AG7SE;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,gBAAA;EACA,2BAAA;AH+SJ;;AG3SA;EACE,aAAA;EACA,eAAA;EACA,QAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AH8SF;AG5SE;EACE,aAAA;AH8SJ;AG3SE;EACE,kBAAA;EACA,QAAA;EACA,+BAAA;AH6SJ;AG1SE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;AH4SJ;AGzSE;EACE,eAAA;EACA,SAAA;EACA,WAAA;EACA,gBAAA;EACA,SAAA;EACA,cFtOkB;EEuOlB,eAAA;EACA,cAAA;EACA,eAAA;EACA,UAAA;AH2SJ;;AGxSA;;EAEE,gBAAA;EACA,YAAA;AH2SF;;AGxSA;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;AH2SF;;AEteI;ECgME;IACE,YAAA;IACA,iBAAA;EH0SN;EGhSA;IACE,YAAA;IACA,aAAA;EHkSF;EGhSE;IACE,WAAA;IACA,YAAA;EHkSJ;AACF;AErfI;ECyNE;IACE,iBAAA;EH+RN;EGrRA;IACE,YAAA;IACA,aAAA;EHuRF;EGrRE;IACE,WAAA;IACA,YAAA;EHuRJ;AACF;AElgBI;ECiPE;IACE,iBAAA;EHoRN;EG5QI;IACE,2BAAA;IACA,SAAA;EH8QN;EG1QA;IACE,YAAA;IACA,aAAA;EH4QF;EG1QE;IACE,WAAA;IACA,YAAA;EH4QJ;AACF;AEnhBI;EC2QF;IACE,oBAAA;EH2QF;EGzQA;IACE,cAAA;EH2QF;EGxQI;IACE,iBAAA;IACA,gBAAA;EH0QN;EGvQI;IACE,iBAAA;IACA,mBAAA;EHyQN;EGjQI;IACE,2BAAA;IACA,SAAA;EHmQN;EGjQI;IACE,cAAA;EHmQN;EGhQM;IACE,qBAAA;EHkQR;EGhQM;IACE,kBAAA;EHkQR;EG/PM;IACE,kBAAA;EHiQR;EG9PM;IACE,kBAAA;EHgQR;EGzPM;;IAEE,iBAAA;IACA,kBAAA;EH2PR;EGtPA;IACE,WAAA;IACA,YAAA;EHwPF;EGtPE;IACE,WAAA;IACA,YAAA;IACA,gBAAA;EHwPJ;EGpPE;IACE,UAAA;IACA,kBAAA;EHsPJ;EGpPE;IACE,SAAA;IACA,WAAA;EHsPJ;AACF","file":"content-media-story-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.content-container {\n  display: block !important;\n  border-bottom: 2px solid #e8e4dd;\n  padding-bottom: 48px;\n}\n\n.content-sections {\n  background-color: #f6f4f1;\n  margin: 48px 0;\n}\n.content-sections .content-row {\n  margin-bottom: 0;\n}\n.content-sections .content-row + .content-row {\n  border-top: 2px solid #e8e4dd;\n  padding-top: 48px;\n  margin-top: 48px;\n}\n.content-sections .content-row__media {\n  width: 100%;\n  height: auto;\n  min-height: 580px;\n  overflow: hidden;\n  margin-bottom: 48px;\n}\n.content-sections .content-row__media img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: contain;\n}\n.content-sections .content-row__media--video .content-row__video {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.content-sections .content-row__media--youtube .content-row__youtube-wrap {\n  position: relative;\n  aspect-ratio: 16/9;\n  overflow: hidden;\n  background: #282828;\n}\n.content-sections .content-row__media--youtube .content-row__youtube-wrap iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n.content-sections .content-row__text-row {\n  width: 100%;\n}\n.content-sections .content-row__left {\n  padding-top: 4px;\n  grid-column: span 3;\n}\n.content-sections .content-row__label {\n  color: #80512f;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.content-sections .content-row__right {\n  grid-column: col-start 5/span 8;\n}\n.content-sections .content-row__content .info-story {\n  color: #80512f;\n  margin: 48px 0 24px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content .info-story {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content .info-story {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.content-sections .content-row__content .info-story:last-child {\n  margin-bottom: 0;\n}\n.content-sections .content-row__content .info-history {\n  margin: 0 0 32px 0;\n}\n.content-sections .content-row__content p {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content p {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content p {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.content-sections .content-row__content p:last-child {\n  margin-bottom: 0;\n}\n.content-sections .content-row__content h2 {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content h2 {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content h2 {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.content-sections .content-row__content h3 {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content h3 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.content-sections .content-row__content h4 {\n  color: #80512f;\n  margin: 48px 0 24px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content h4 {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content h4 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.content-sections .content-row__content h5 {\n  color: #80512f;\n  margin: 48px 0 16px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content h5 {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.content-sections .content-row__content a {\n  color: #80512f;\n  text-decoration: underline;\n}\n.content-sections .content-row__content a:hover {\n  opacity: 0.7;\n}\n.content-sections .content-row__content ul,\n.content-sections .content-row__content ol {\n  margin: 0 0 16px 0;\n  padding-left: 20px;\n}\n.content-sections .content-row__content ul li,\n.content-sections .content-row__content ol li {\n  color: #80512f;\n  margin-bottom: 8px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__content ul li,\n  .content-sections .content-row__content ol li {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .content-sections .content-row__content ul li,\n  .content-sections .content-row__content ol li {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.content-sections .content-row__content strong {\n  font-weight: 700;\n}\n\n.video-trigger {\n  position: relative;\n  display: block;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  width: 100%;\n  background: none;\n}\n\n.video-trigger__gif {\n  width: 100%;\n  display: block;\n}\n\n.video-trigger__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 160px;\n  height: 160px;\n  border-radius: 50%;\n  background: #80512f;\n  color: #e8e4dd;\n  font-size: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.25s ease;\n}\n.video-trigger__play svg {\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  margin-left: 7px;\n  transition: fill 0.25s ease;\n}\n\n.video-modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  align-items: center;\n  justify-content: center;\n}\n.video-modal.is-open {\n  display: flex;\n}\n.video-modal__overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.96);\n}\n.video-modal__content {\n  position: relative;\n  z-index: 1;\n  width: 90%;\n  max-width: 1200px;\n  aspect-ratio: 16/9;\n  overflow: hidden;\n}\n.video-modal__close {\n  position: fixed;\n  top: 24px;\n  right: 24px;\n  background: none;\n  border: 0;\n  color: #80512f;\n  font-size: 36px;\n  line-height: 1;\n  cursor: pointer;\n  z-index: 2;\n}\n\nhtml.video-modal-locked,\nbody.video-modal-locked {\n  overflow: hidden;\n  height: 100%;\n}\n\n#youtube-player {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n@media (max-width: 1199px) {\n  .content-sections .content-row__media {\n    height: auto;\n    min-height: 520px;\n  }\n  .video-trigger__play {\n    width: 140px;\n    height: 140px;\n  }\n  .video-trigger__play svg {\n    width: 50px;\n    height: 50px;\n  }\n}\n@media (max-width: 991px) {\n  .content-sections .content-row__media {\n    min-height: 375px;\n  }\n  .video-trigger__play {\n    width: 120px;\n    height: 120px;\n  }\n  .video-trigger__play svg {\n    width: 40px;\n    height: 40px;\n  }\n}\n@media (max-width: 767px) {\n  .content-sections .content-row__media {\n    min-height: 375px;\n  }\n  .content-sections .content-row__text-row {\n    grid-template-columns: auto;\n    gap: 16px;\n  }\n  .video-trigger__play {\n    width: 110px;\n    height: 110px;\n  }\n  .video-trigger__play svg {\n    width: 40px;\n    height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .content-container {\n    padding-bottom: 24px;\n  }\n  .content-sections {\n    margin: 24px 0;\n  }\n  .content-sections .content-row + .content-row {\n    padding-top: 24px;\n    margin-top: 24px;\n  }\n  .content-sections .content-row__media {\n    min-height: 168px;\n    margin-bottom: 24px;\n  }\n  .content-sections .content-row__text-row {\n    grid-template-columns: auto;\n    gap: 16px;\n  }\n  .content-sections .content-row__left {\n    padding-top: 0;\n  }\n  .content-sections .content-row__content .info-story {\n    margin: 32px 0 16px 0;\n  }\n  .content-sections .content-row__content p {\n    margin: 0 0 16px 0;\n  }\n  .content-sections .content-row__content h2 {\n    margin: 0 0 24px 0;\n  }\n  .content-sections .content-row__content h3 {\n    margin: 0 0 24px 0;\n  }\n  .content-sections .content-row__content ul,\n  .content-sections .content-row__content ol {\n    margin: 0 0 8px 0;\n    padding-left: 10px;\n  }\n  .video-trigger__play {\n    width: 60px;\n    height: 60px;\n  }\n  .video-trigger__play svg {\n    width: 20px;\n    height: 20px;\n    margin-left: 4px;\n  }\n  .video-modal__content {\n    width: 95%;\n    aspect-ratio: 16/9;\n  }\n  .video-modal__close {\n    top: 20px;\n    right: 20px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.content-container {\n  display: block !important;\n  border-bottom: 2px solid $color-border;\n  padding-bottom: 48px;\n}\n.content-sections {\n  background-color: $color-chalk;\n  margin: 48px 0;\n\n  .content-row {\n    margin-bottom: 0;\n\n    // Divider + 48px gap between rows\n    & + .content-row {\n      border-top: 2px solid $color-border;\n      padding-top: 48px;\n      margin-top: 48px;\n    }\n\n    &__media {\n      width: 100%;\n      height: auto;\n      min-height: 580px;\n      overflow: hidden;\n      margin-bottom: 48px;\n\n      img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: contain;\n      }\n\n      &--video {\n        .content-row__video {\n          width: 100%;\n          height: 100%;\n          display: block;\n        }\n      }\n\n      &--youtube {\n        .content-row__youtube-wrap {\n          position: relative;\n          aspect-ratio: 16/9;\n          // height: 100%;\n          // min-height: 580px;\n          overflow: hidden;\n          background: $color-iron;\n\n          iframe {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n          }\n        }\n      }\n    }\n    &__text-row {\n      // display: grid;\n      // grid-template-columns: 317px 1fr;\n      // gap: 139px;\n      width: 100%;\n    }\n    &__left {\n      padding-top: 4px;\n      grid-column: span 3;\n    }\n    &__label {\n      color: $color-primary;\n      margin: 0;\n      @include type-h1;\n    }\n\n    &__right {\n      grid-column: col-start 5 / span 8;\n    }\n    &__content {\n      .info-story {\n        color: $color-primary;\n        margin: 48px 0 24px 0;\n\n        @include type-body;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n      .info-history {\n        margin: 0 0 32px 0;\n      }\n      p {\n        color: $color-primary;\n        margin: 0 0 24px 0;\n\n        @include type-body;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      h2 {\n        color: $color-primary;\n        margin: 0 0 48px 0;\n        @include type-h2;\n      }\n\n      h3 {\n        color: $color-primary;\n        margin: 0 0 48px 0;\n        @include type-h3;\n      }\n\n      h4 {\n        color: $color-primary;\n        margin: 48px 0 24px 0;\n        @include type-h4;\n      }\n      h5 {\n        color: $color-primary;\n        margin: 48px 0 16px 0;\n        @include type-h4;\n      }\n\n      a {\n        color: $color-primary;\n        text-decoration: underline;\n        &:hover {\n          opacity: 0.7;\n        }\n      }\n\n      ul,\n      ol {\n        margin: 0 0 16px 0;\n        padding-left: 20px;\n        li {\n          color: $color-primary;\n          margin-bottom: 8px;\n          @include type-body;\n        }\n      }\n\n      strong {\n        font-weight: $font-weight-bold;\n      }\n    }\n  }\n}\n.video-trigger {\n  position: relative;\n  display: block;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  width: 100%;\n  background: none;\n}\n\n.video-trigger__gif {\n  width: 100%;\n  display: block;\n}\n\n.video-trigger__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 160px;\n  height: 160px;\n  border-radius: 50%;\n  background: $color-antique-brass;\n  color: $color-pale-silver;\n  font-size: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.25s ease;\n\n  svg {\n    width: 60px;\n    height: 60px;\n    object-fit: cover;\n    margin-left: 7px;\n    transition: fill 0.25s ease;\n  }\n}\n\n.video-modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  align-items: center;\n  justify-content: center;\n\n  &.is-open {\n    display: flex;\n  }\n\n  &__overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.96);\n  }\n\n  &__content {\n    position: relative;\n    z-index: 1;\n    width: 90%;\n    max-width: 1200px;\n    aspect-ratio: 16 / 9;\n    overflow: hidden;\n  }\n\n  &__close {\n    position: fixed;\n    top: 24px;\n    right: 24px;\n    background: none;\n    border: 0;\n    color: $color-antique-brass;\n    font-size: 36px;\n    line-height: 1;\n    cursor: pointer;\n    z-index: 2;\n  }\n}\nhtml.video-modal-locked,\nbody.video-modal-locked {\n  overflow: hidden;\n  height: 100%;\n}\n\n#youtube-player {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .content-sections {\n    .content-row {\n      &__media {\n        height: auto;\n        min-height: 520px;\n\n        // &--youtube {\n        //   .content-row__youtube-wrap {\n        //     min-height: 520px;\n        //   }\n        // }\n      }\n    }\n  }\n  .video-trigger__play {\n    width: 140px;\n    height: 140px;\n\n    svg {\n      width: 50px;\n      height: 50px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .content-sections {\n    .content-row {\n      &__media {\n        min-height: 375px;\n\n        // &--youtube {\n        //   .content-row__youtube-wrap {\n        //     min-height: 375px;\n        //   }\n        // }\n      }\n    }\n  }\n  .video-trigger__play {\n    width: 120px;\n    height: 120px;\n\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .content-sections {\n    .content-row {\n      &__media {\n        min-height: 375px;\n\n        // &--youtube {\n        //   .content-row__youtube-wrap {\n        //     min-height: 375px;\n        //   }\n        // }\n      }\n      &__text-row {\n        grid-template-columns: auto;\n        gap: 16px;\n      }\n    }\n  }\n  .video-trigger__play {\n    width: 110px;\n    height: 110px;\n\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .content-container {\n    padding-bottom: 24px;\n  }\n  .content-sections {\n    margin: 24px 0;\n\n    .content-row {\n      & + .content-row {\n        padding-top: 24px;\n        margin-top: 24px;\n      }\n\n      &__media {\n        min-height: 168px;\n        margin-bottom: 24px;\n\n        // &--youtube {\n        //   .content-row__youtube-wrap {\n        //     min-height: 168px;\n        //   }\n        // }\n      }\n      &__text-row {\n        grid-template-columns: auto;\n        gap: 16px;\n      }\n      &__left {\n        padding-top: 0;\n      }\n      &__content {\n        .info-story {\n          margin: 32px 0 16px 0;\n        }\n        p {\n          margin: 0 0 16px 0;\n        }\n\n        h2 {\n          margin: 0 0 24px 0;\n        }\n\n        h3 {\n          margin: 0 0 24px 0;\n        }\n\n        // h4 {\n        //   margin: 48px 0 16px 0;\n        // }\n\n        ul,\n        ol {\n          margin: 0 0 8px 0;\n          padding-left: 10px;\n        }\n      }\n    }\n  }\n  .video-trigger__play {\n    width: 60px;\n    height: 60px;\n\n    svg {\n      width: 20px;\n      height: 20px;\n      margin-left: 4px;\n    }\n  }\n  .video-modal {\n    &__content {\n      width: 95%;\n      aspect-ratio: 16 / 9;\n    }\n    &__close {\n      top: 20px;\n      right: 20px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.content-container {
  display: block !important;
  border-bottom: 2px solid #e8e4dd;
  padding-bottom: 48px;
}

.content-sections {
  background-color: #f6f4f1;
  margin: 48px 0;
}
.content-sections .content-row {
  margin-bottom: 0;
}
.content-sections .content-row + .content-row {
  border-top: 2px solid #e8e4dd;
  padding-top: 48px;
  margin-top: 48px;
}
.content-sections .content-row__media {
  width: 100%;
  height: auto;
  min-height: 580px;
  overflow: hidden;
  margin-bottom: 48px;
}
.content-sections .content-row__media img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.content-sections .content-row__media--video .content-row__video {
  width: 100%;
  height: 100%;
  display: block;
}
.content-sections .content-row__media--youtube .content-row__youtube-wrap {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #282828;
}
.content-sections .content-row__media--youtube .content-row__youtube-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.content-sections .content-row__text-row {
  width: 100%;
}
.content-sections .content-row__left {
  padding-top: 4px;
  grid-column: span 3;
}
.content-sections .content-row__label {
  color: #80512f;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .content-sections .content-row__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.content-sections .content-row__right {
  grid-column: col-start 5/span 8;
}
.content-sections .content-row__content .info-story {
  color: #80512f;
  margin: 48px 0 24px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content .info-story {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content .info-story {
    font-size: 14px;
    line-height: 21px;
  }
}
.content-sections .content-row__content .info-story:last-child {
  margin-bottom: 0;
}
.content-sections .content-row__content .info-history {
  margin: 0 0 32px 0;
}
.content-sections .content-row__content p {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.content-sections .content-row__content p:last-child {
  margin-bottom: 0;
}
.content-sections .content-row__content h2 {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.content-sections .content-row__content h3 {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.content-sections .content-row__content h4 {
  color: #80512f;
  margin: 48px 0 24px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content h4 {
    font-size: 14px;
    line-height: 18px;
  }
}
.content-sections .content-row__content h5 {
  color: #80512f;
  margin: 48px 0 16px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content h5 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content h5 {
    font-size: 14px;
    line-height: 18px;
  }
}
.content-sections .content-row__content a {
  color: #80512f;
  text-decoration: underline;
}
.content-sections .content-row__content a:hover {
  opacity: 0.7;
}
.content-sections .content-row__content ul,
.content-sections .content-row__content ol {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.content-sections .content-row__content ul li,
.content-sections .content-row__content ol li {
  color: #80512f;
  margin-bottom: 8px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .content-sections .content-row__content ul li,
  .content-sections .content-row__content ol li {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .content-sections .content-row__content ul li,
  .content-sections .content-row__content ol li {
    font-size: 14px;
    line-height: 21px;
  }
}
.content-sections .content-row__content strong {
  font-weight: 700;
}

.video-trigger {
  position: relative;
  display: block;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 100%;
  background: none;
}

.video-trigger__gif {
  width: 100%;
  display: block;
}

.video-trigger__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #80512f;
  color: #e8e4dd;
  font-size: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease;
}
.video-trigger__play svg {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 7px;
  transition: fill 0.25s ease;
}

.video-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.video-modal.is-open {
  display: flex;
}
.video-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.96);
}
.video-modal__content {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 1200px;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.video-modal__close {
  position: fixed;
  top: 24px;
  right: 24px;
  background: none;
  border: 0;
  color: #80512f;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

html.video-modal-locked,
body.video-modal-locked {
  overflow: hidden;
  height: 100%;
}

#youtube-player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1199px) {
  .content-sections .content-row__media {
    height: auto;
    min-height: 520px;
  }
  .video-trigger__play {
    width: 140px;
    height: 140px;
  }
  .video-trigger__play svg {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 991px) {
  .content-sections .content-row__media {
    min-height: 375px;
  }
  .video-trigger__play {
    width: 120px;
    height: 120px;
  }
  .video-trigger__play svg {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .content-sections .content-row__media {
    min-height: 375px;
  }
  .content-sections .content-row__text-row {
    grid-template-columns: auto;
    gap: 16px;
  }
  .video-trigger__play {
    width: 110px;
    height: 110px;
  }
  .video-trigger__play svg {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 566px) {
  .content-container {
    padding-bottom: 24px;
  }
  .content-sections {
    margin: 24px 0;
  }
  .content-sections .content-row + .content-row {
    padding-top: 24px;
    margin-top: 24px;
  }
  .content-sections .content-row__media {
    min-height: 168px;
    margin-bottom: 24px;
  }
  .content-sections .content-row__text-row {
    grid-template-columns: auto;
    gap: 16px;
  }
  .content-sections .content-row__left {
    padding-top: 0;
  }
  .content-sections .content-row__content .info-story {
    margin: 32px 0 16px 0;
  }
  .content-sections .content-row__content p {
    margin: 0 0 16px 0;
  }
  .content-sections .content-row__content h2 {
    margin: 0 0 24px 0;
  }
  .content-sections .content-row__content h3 {
    margin: 0 0 24px 0;
  }
  .content-sections .content-row__content ul,
  .content-sections .content-row__content ol {
    margin: 0 0 8px 0;
    padding-left: 10px;
  }
  .video-trigger__play {
    width: 60px;
    height: 60px;
  }
  .video-trigger__play svg {
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }
  .video-modal__content {
    width: 95%;
    aspect-ratio: 16/9;
  }
  .video-modal__close {
    top: 20px;
    right: 20px;
  }
}
/*# sourceMappingURL=content-media-story-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","content-post.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.single-post-news%20%7B%0A%20%20padding-bottom:%2048px;%0A%7D%0A.container-news%20%7B%0A%20%20display:%20block%20!important;%0A%7D%0A.single-post-news%20%7B%0A%20%20.single-post__banner%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20max-height:%20580px;%0A%0A%20%20%20%20.single-post__banner-img%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20object-position:%20center%20top;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.single-post__header%20%7B%0A%20%20%20%20padding-top:%2048px;%0A%20%20%20%20padding-bottom:%200;%0A%0A%20%20%20%20.single-post__title%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200%200%208px%200;%0A%0A%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__meta%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.single-post__author%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20text-transform:%20capitalize;%0A%20%20%20%20%20%20@include%20type-h5;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.single-post__date%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20@include%20type-h5;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.single-post__divider%20%7B%0A%20%20%20%20%20%20height:%202px;%0A%20%20%20%20%20%20background-color:%20$color-border;%0A%20%20%20%20%20%20margin-bottom:%2048px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.single-post__body%20%7B%0A%20%20%20%20/%20display:%20grid;%0A%20%20%20%20/%20grid-template-columns:%201fr%20317px;%0A%20%20%20%20/%20gap:%20139px;%0A%20%20%20%20align-items:%20start;%0A%0A%20%20%20%20.single-post__content%20%7B%0A%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20grid-column:%20span%208;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A.single-post__related%20%7B%0A%20%20position:%20static;%0A%20%20grid-column:%20col-start%2010%20/%20span%203;%0A%7D%0A%0A.single-post__related-label%20%7B%0A%20%20color:%20$color-primary;%0A%20%20margin:%200%200%2024px%200;%0A%20%20@include%20type-h1;%0A%7D%0A%0A.single-post__related-list%20%7B%0A%20%20display:%20flex;%0A%20%20flex-direction:%20column;%0A%20%20gap:%2024px;%0A%20%20align-items:%20stretch;%0A%7D%0A%0A/%20Related%20card%20override%20%E2%80%94%20stacked%20layout%0A.news-card--related%20%7B%0A%20%20.news-card__link%20%7B%0A%20%20%20%20text-decoration:%20none;%0A%0A%20%20%20%20.news-card__image-wrap%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20aspect-ratio:%204%20/%204;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20margin-bottom:%208px;%0A%0A%20%20%20%20%20%20/%20&::after%20%7B%0A%20%20%20%20%20%20/%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20/%20%20%20position:%20absolute;%0A%20%20%20%20%20%20/%20%20%20inset:%200;%0A%20%20%20%20%20%20/%20%20%20background:%20rgba($color-chalk,%200);%0A%20%20%20%20%20%20/%20%20%20transition:%20background%200.35s%20ease;%0A%20%20%20%20%20%20/%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20.news-card__image%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20opacity%200.5s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20transform%200.4s%20ease;%0A%0A%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20z-index:%201;%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20z-index:%202;%0A%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20/%20.news-card__image-wrap%20%7B%0A%20%20%20%20%20%20/%20%20%20&::after%20%7B%0A%20%20%20%20%20%20/%20%20%20%20%20background:%20rgba($color-chalk,%200.88);%0A%20%20%20%20%20%20/%20%20%20%7D%0A%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20.news-card__image%20%7B%0A%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.news-card__body%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20.news-card__category%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__title%20%7B%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20@include%20type-h5;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__meta%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__author%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__date%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__tags%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.news-card__tag%20%7B%0A%20%20%20%20%20%20%20%20display:%20inline-block;%0A%20%20%20%20%20%20%20%20padding:%204px%208px;%0A%20%20%20%20%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20border-color%200.2s%20ease,%0A%20%20%20%20%20%20%20%20%20%20color%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A.single-post__entry%20%7B%0A%20%20p%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2024px%200;%0A%0A%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20@include%20type-h2;%0A%20%20%7D%0A%0A%20%20h3%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20@include%20type-h3;%0A%20%20%7D%0A%0A%20%20h4%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%2024px%200%2012px;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20a%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20text-decoration:%20underline;%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20opacity:%200.6;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20ul,%0A%20%20ol%20%7B%0A%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20padding-left:%2024px;%0A%0A%20%20%20%20li%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin-bottom:%208px;%0A%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20strong%20%7B%0A%20%20%20%20font-weight:%20$font-weight-bold;%0A%20%20%7D%0A%0A%20%20img%20%7B%0A%20%20%20%20max-width:%20100%25;%0A%20%20%20%20height:%20100%25;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20display:%20block;%0A%20%20%20%20margin:%2032px%200;%0A%20%20%7D%0A%0A%20%20figure%20%7B%0A%20%20%20%20width:%20100%25%20!important;%0A%20%20%7D%0A%20%20figcaption%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2032px%200;%0A%20%20%20%20@include%20type-caption;%0A%20%20%7D%0A%20%20blockquote%20%7B%0A%20%20%20%20border-left:%203px%20solid%20$color-accent;%0A%20%20%20%20margin:%2032px%200;%0A%20%20%20%20padding:%2016px%2024px;%0A%20%20%20%20background:%20$color-pale-silver;%0A%0A%20%20%20%20p%20%7B%0A%20%20%20%20%20%20font-style:%20italic;%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.single-post-news%20%7B%0A%20%20%20%20.single-post__banner%20%7B%0A%20%20%20%20%20%20max-height:%20480px;%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__body%20%7B%0A%20%20%20%20%20%20grid-template-columns:%201fr%20317px;%0A%20%20%20%20%20%20gap:%20110px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.single-post-news%20%7B%0A%20%20%20%20.single-post__banner%20%7B%0A%20%20%20%20%20%20max-height:%20375px;%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__body%20%7B%0A%20%20%20%20%20%20grid-template-columns:%201fr%20198px;%0A%20%20%20%20%20%20gap:%2098px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.single-post-news%20%7B%0A%20%20%20%20padding-bottom:%2032px;%0A%20%20%7D%0A%20%20.single-post-news%20%7B%0A%20%20%20%20.single-post__banner%20%7B%0A%20%20%20%20%20%20max-height:%20330px;%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__header%20%7B%0A%20%20%20%20%20%20padding-top:%2032px;%0A%0A%20%20%20%20%20%20.single-post__divider%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2032px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__body%20%7B%0A%20%20%20%20%20%20grid-template-columns:%201fr%20198px;%0A%20%20%20%20%20%20gap:%2048px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.single-post-news%20%7B%0A%20%20%20%20padding-bottom:%2024px;%0A%20%20%7D%0A%20%20.single-post-news%20%7B%0A%20%20%20%20.single-post__banner%20%7B%0A%20%20%20%20%20%20max-height:%20168px;%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__header%20%7B%0A%20%20%20%20%20%20padding-top:%2024px;%0A%0A%20%20%20%20%20%20.single-post__meta%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.single-post__divider%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.single-post__body%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.single-post__related-label%20%7B%0A%20%20%20%20margin:%200%200%2014px%200;%0A%20%20%7D%0A%20%20.single-post__related-list%20%7B%0A%20%20%20%20flex-direction:%20row;%0A%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20.news-card__meta%20%7B%0A%20%20%20%20%20%20align-items:%20flex-start%20!important;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%200px%20!important;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.news-card--related%20%7B%0A%20%20%20%20width:%2050%25;%0A%0A%20%20%20%20.news-card__link%20%7B%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20.news-card__image-wrap%20%7B%0A%20%20%20%20%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.news-card__image%20%7B%0A%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.single-post__entry%20%7B%0A%20%20%20%20p%20%7B%0A%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20h2%20%7B%0A%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20h3%20%7B%0A%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20h4%20%7B%0A%20%20%20%20%20%20margin:%2016px%200%2012px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20ul,%0A%20%20%20%20ol%20%7B%0A%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20padding-left:%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20img%20%7B%0A%20%20%20%20%20%20margin:%2016px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20blockquote%20%7B%0A%20%20%20%20%20%20margin:%2016px%200;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,oBAAA;AH6LF;;AG3LA;EACE,yBAAA;AH8LF;;AG3LE;EACE,WAAA;EACA,gBAAA;EACA,iBAAA;AH8LJ;AG5LI;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,8BAAA;KAAA,2BAAA;EACA,cAAA;AH8LN;AG3LE;EACE,iBAAA;EACA,iBAAA;AH6LJ;AG3LI;EACE,cF9BgB;EE+BhB,iBAAA;ECuJJ,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJ+GF;AErKI;EChCA;ICiEF,eC9CQ;ID+CR,iBAAA;EJwIA;AACF;AE3KI;EChCA;ICyDF,eCxCQ;IDyCR,iBAAA;EJsJA;AACF;AG3MI;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;AH6MN;AG1MI;EACE,cF3CgB;EE4ChB,qBAAA;EACA,0BAAA;EC0MJ,sCNlPkB;EMmPlB,gBCzNiB;ED0NjB,kBAAA;EACA,0BAAA;EACA,uBAAA;EArLA,eC5BQ;ED6BR,iBAAA;AJyLF;AEnMI;ECnBA;ICoBF,eCvBQ;IDwBR,iBAAA;EJsMA;AACF;AEzMI;ECnBA;ICQF,eCZQ;IDaR,iBAAA;EJwNA;AACF;AG3NI;EACE,cFlDgB;EGuPpB,sCNlPkB;EMmPlB,gBCzNiB;ED0NjB,kBAAA;EACA,0BAAA;EACA,uBAAA;EArLA,eC5BQ;ED6BR,iBAAA;AJ+MF;AEzNI;ECZA;ICaF,eCvBQ;IDwBR,iBAAA;EJ4NA;AACF;AE/NI;ECZA;ICCF,eCZQ;IDaR,iBAAA;EJ8OA;AACF;AG5OI;EACE,WAAA;EACA,yBFhDc;EEiDd,mBAAA;AH8ON;AG1OE;EAIE,kBAAA;AHyOJ;AGvOI;EACE,YAAA;EACA,WAAA;EACA,mBAAA;AHyON;;AGrOA;EACE,gBAAA;EACA,gCAAA;AHwOF;;AGrOA;EACE,cFhFoB;EEiFpB,kBAAA;EC8EA,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJqQF;AEnQI;ECkBJ;ICrBE,eCnBQ;IDoBR,iBAAA;EJ0QA;AACF;AEzQI;ECkBJ;ICjCE,eCRQ;IDSR,iBAAA;EJ4RA;AACF;;AGvPA;EACE,aAAA;EACA,sBAAA;EACA,SAAA;EACA,oBAAA;AH0PF;;AGrPE;EACE,qBAAA;AHwPJ;AGtPI;EACE,kBAAA;EAEA,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AHuPN;AG5OM;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;EACA,yDACE;AH6OV;AG1OQ;EACE,UAAA;EACA,UAAA;AH4OV;AGzOQ;EACE,UAAA;EACA,UAAA;AH2OV;AGhOQ;EACE,UAAA;AHkOV;AG/NQ;EACE,UAAA;AHiOV;AG5NI;EACE,aAAA;EACA,sBAAA;EACA,QAAA;AH8NN;AG7NM;EACE,cF9Jc;EE+Jd,cAAA;ECwIN,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJyVF;AEvUI;ECgGE;ICvHJ,eCDQ;IDER,iBAAA;EJkWA;AACF;AE7UI;ECgGE;IC3HJ,eCGQ;IDFR,iBAAA;EJ4WA;AACF;AG7OM;EACE,SAAA;EACA,cFrKc;EGuPpB,sCNlPkB;EMmPlB,gBCzNiB;ED0NjB,kBAAA;EACA,0BAAA;EACA,uBAAA;EArLA,eC5BQ;ED6BR,iBAAA;AJoVF;AE9VI;ECsGE;ICrGJ,eCvBQ;IDwBR,iBAAA;EJiWA;AACF;AEpWI;ECsGE;ICjHJ,eCZQ;IDaR,iBAAA;EJmXA;AACF;AG9PM;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,eAAA;AHgQR;AG7PM;EACE,cFjLc;EGuSpB,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJ2YF;AEzXI;ECmHE;IC1IJ,eCDQ;IDER,iBAAA;EJoZA;AACF;AE/XI;ECmHE;IC9IJ,eCGQ;IDFR,iBAAA;EJ8ZA;AACF;AG7QM;EACE,cFtLc;EGuSpB,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJgaF;AE9YI;ECwHE;IC/IJ,eCDQ;IDER,iBAAA;EJyaA;AACF;AEpZI;ECwHE;ICnJJ,eCGQ;IDFR,iBAAA;EJmbA;AACF;AG7RM;EACE,aAAA;EACA,eAAA;EACA,QAAA;AH+RR;AG5RM;EACE,qBAAA;EACA,gBAAA;EACA,yBF3LY;EE4LZ,cFpMc;EEqMd,mDACE;ECiGR,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJ8bF;AE5aI;ECmIE;IC1JJ,eCDQ;IDER,iBAAA;EJucA;AACF;AElbI;ECmIE;IC9JJ,eCGQ;IDFR,iBAAA;EJidA;AACF;;AGrSE;EACE,cFjNkB;EEkNlB,kBAAA;EC6DF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJibF;AEncI;ECmJF;IC1JA,eCdQ;IDeR,iBAAA;EJ8cA;AACF;AEzcI;ECmJF;ICtKA,eCJQ;IDKR,iBAAA;EJgeA;AACF;AGtTI;EACE,gBAAA;AHwTN;AGpTE;EACE,cF5NkB;EE6NlB,kBAAA;ECvCF,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJsaF;AE5dI;EC8JF;IC7HA,eC9CQ;ID+CR,iBAAA;EJ+bA;AACF;AEleI;EC8JF;ICrIA,eCxCQ;IDyCR,iBAAA;EJ6cA;AACF;AGpUE;EACE,cFlOkB;EEmOlB,kBAAA;ECvBF,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJwcF;AElfI;ECoKF;IC/IA,eCrCQ;IDsCR,iBAAA;EJieA;AACF;AExfI;ECoKF;ICvJA,eChCQ;IDiCR,iBAAA;EJ+eA;AACF;AGpVE;EACE,cFxOkB;EEyOlB,mBAAA;ECNF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ+fF;AEzgBI;EC0KF;ICzKA,eCvBQ;IDwBR,iBAAA;EJ4gBA;AACF;AE/gBI;EC0KF;ICrLA,eCZQ;IDaR,iBAAA;EJ8hBA;AACF;AGrWE;EACE,cF9OkB;EE+OlB,0BAAA;AHuWJ;AGtWI;EACE,YAAA;AHwWN;AGpWE;;EAEE,kBAAA;EACA,kBAAA;AHsWJ;AGpWI;;EACE,cF3PgB;EE4PhB,kBAAA;ECmBJ,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ0hBF;AE5iBI;EC6LA;;ICpMF,eCdQ;IDeR,iBAAA;EJwjBA;AACF;AEnjBI;EC6LA;;IChNF,eCJQ;IDKR,iBAAA;EJ2kBA;AACF;AGtXE;EACE,gBEzOe;ALimBnB;AGrXE;EACE,eAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,cAAA;AHuXJ;AGpXE;EACE,sBAAA;AHsXJ;AGpXE;EACE,cFjRkB;EEkRlB,kBAAA;ECqBF,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJmmBF;AEjlBI;ECmNF;IC1OA,eCDQ;IDER,iBAAA;EJ4mBA;AACF;AEvlBI;ECmNF;IC9OA,eCGQ;IDFR,iBAAA;EJsnBA;AACF;AGrYE;EACE,8BAAA;EACA,cAAA;EACA,kBAAA;EACA,mBFjRgB;ADwpBpB;AGrYI;EACE,kBAAA;EACA,SAAA;EC1DJ,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJomBF;AE9mBI;EC8NA;IC7NF,eCvBQ;IDwBR,iBAAA;EJinBA;AACF;AEpnBI;EC8NA;ICzOF,eCZQ;IDaR,iBAAA;EJmoBA;AACF;;AE1nBI;ECwOA;IACE,iBAAA;EHsZJ;EGpZE;IACE,gCAAA;IACA,UAAA;EHsZJ;AACF;AEpoBI;ECmPA;IACE,iBAAA;EHoZJ;EGlZE;IACE,gCAAA;IACA,SAAA;EHoZJ;AACF;AE7oBI;EC6PF;IACE,oBAAA;EHmZF;EGhZE;IACE,iBAAA;EHkZJ;EGhZE;IACE,iBAAA;EHkZJ;EGhZI;IACE,mBAAA;EHkZN;EG/YE;IACE,gCAAA;IACA,SAAA;EHiZJ;AACF;AE/pBI;ECkRF;IACE,oBAAA;EHgZF;EG7YE;IACE,iBAAA;EH+YJ;EG7YE;IACE,iBAAA;EH+YJ;EG7YI;IACE,aAAA;IACA,mBAAA;IACA,QAAA;IACA,mBAAA;EH+YN;EG7YI;IACE,mBAAA;EH+YN;EG5YE;IACE,2BAAA;IACA,SAAA;EH8YJ;EG3YA;IACE,kBAAA;EH6YF;EG3YA;IACE,mBAAA;IACA,SAAA;EH6YF;EG3YE;IACE,kCAAA;IACA,sBAAA;IACA,mBAAA;EH6YJ;EG1YA;IACE,UAAA;EH4YF;EGvYQ;IACE,gBAAA;EHyYV;EGpYQ;IACE,UAAA;EHsYV;EGnYQ;IACE,UAAA;EHqYV;EG7XE;IACE,kBAAA;EH+XJ;EG5XE;IACE,kBAAA;EH8XJ;EG3XE;IACE,kBAAA;EH6XJ;EG1XE;IACE,mBAAA;EH4XJ;EGzXE;;IAEE,kBAAA;IACA,kBAAA;EH2XJ;EGxXE;IACE,cAAA;EH0XJ;EGvXE;IACE,cAAA;EHyXJ;AACF","file":"content-post.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.single-post-news {\n  padding-bottom: 48px;\n}\n\n.container-news {\n  display: block !important;\n}\n\n.single-post-news .single-post__banner {\n  width: 100%;\n  overflow: hidden;\n  max-height: 580px;\n}\n.single-post-news .single-post__banner .single-post__banner-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n}\n.single-post-news .single-post__header {\n  padding-top: 48px;\n  padding-bottom: 0;\n}\n.single-post-news .single-post__header .single-post__title {\n  color: #80512f;\n  margin: 0 0 8px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .single-post-news .single-post__header .single-post__title {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post-news .single-post__header .single-post__title {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.single-post-news .single-post__header .single-post__meta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 24px;\n}\n.single-post-news .single-post__header .single-post__author {\n  color: #80512f;\n  text-decoration: none;\n  text-transform: capitalize;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: -0.01em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .single-post-news .single-post__header .single-post__author {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post-news .single-post__header .single-post__author {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.single-post-news .single-post__header .single-post__date {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: -0.01em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .single-post-news .single-post__header .single-post__date {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post-news .single-post__header .single-post__date {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.single-post-news .single-post__header .single-post__divider {\n  height: 2px;\n  background-color: #e8e4dd;\n  margin-bottom: 48px;\n}\n.single-post-news .single-post__body {\n  align-items: start;\n}\n.single-post-news .single-post__body .single-post__content {\n  min-width: 0;\n  width: 100%;\n  grid-column: span 8;\n}\n\n.single-post__related {\n  position: static;\n  grid-column: col-start 10/span 3;\n}\n\n.single-post__related-label {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .single-post__related-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__related-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n\n.single-post__related-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  align-items: stretch;\n}\n\n.news-card--related .news-card__link {\n  text-decoration: none;\n}\n.news-card--related .news-card__link .news-card__image-wrap {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4/4;\n  overflow: hidden;\n  margin-bottom: 8px;\n}\n.news-card--related .news-card__link .news-card__image-wrap .news-card__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: opacity 0.5s ease-in-out, transform 0.4s ease;\n}\n.news-card--related .news-card__link .news-card__image-wrap .news-card__image--default {\n  z-index: 1;\n  opacity: 1;\n}\n.news-card--related .news-card__link .news-card__image-wrap .news-card__image--hover {\n  z-index: 2;\n  opacity: 0;\n}\n.news-card--related .news-card__link:hover .news-card__image--default {\n  opacity: 0;\n}\n.news-card--related .news-card__link:hover .news-card__image--hover {\n  opacity: 1;\n}\n.news-card--related .news-card__link .news-card__body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.news-card--related .news-card__link .news-card__body .news-card__category {\n  color: #80512f;\n  display: block;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .news-card--related .news-card__link .news-card__body .news-card__category {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .news-card--related .news-card__link .news-card__body .news-card__category {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.news-card--related .news-card__link .news-card__body .news-card__title {\n  margin: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: -0.01em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .news-card--related .news-card__link .news-card__body .news-card__title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .news-card--related .news-card__link .news-card__body .news-card__title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.news-card--related .news-card__link .news-card__body .news-card__meta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.news-card--related .news-card__link .news-card__body .news-card__author {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .news-card--related .news-card__link .news-card__body .news-card__author {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .news-card--related .news-card__link .news-card__body .news-card__author {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.news-card--related .news-card__link .news-card__body .news-card__date {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .news-card--related .news-card__link .news-card__body .news-card__date {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .news-card--related .news-card__link .news-card__body .news-card__date {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.news-card--related .news-card__link .news-card__body .news-card__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.news-card--related .news-card__link .news-card__body .news-card__tag {\n  display: inline-block;\n  padding: 4px 8px;\n  background-color: #e8e4dd;\n  color: #80512f;\n  transition: border-color 0.2s ease, color 0.2s ease;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .news-card--related .news-card__link .news-card__body .news-card__tag {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .news-card--related .news-card__link .news-card__body .news-card__tag {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n\n.single-post__entry p {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .single-post__entry p {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry p {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.single-post__entry p:last-child {\n  margin-bottom: 0;\n}\n.single-post__entry h2 {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .single-post__entry h2 {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry h2 {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.single-post__entry h3 {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .single-post__entry h3 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.single-post__entry h4 {\n  color: #80512f;\n  margin: 24px 0 12px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .single-post__entry h4 {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry h4 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.single-post__entry a {\n  color: #80512f;\n  text-decoration: underline;\n}\n.single-post__entry a:hover {\n  opacity: 0.6;\n}\n.single-post__entry ul,\n.single-post__entry ol {\n  margin: 0 0 24px 0;\n  padding-left: 24px;\n}\n.single-post__entry ul li,\n.single-post__entry ol li {\n  color: #80512f;\n  margin-bottom: 8px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .single-post__entry ul li,\n  .single-post__entry ol li {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry ul li,\n  .single-post__entry ol li {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.single-post__entry strong {\n  font-weight: 700;\n}\n.single-post__entry img {\n  max-width: 100%;\n  height: 100%;\n  width: 100%;\n  display: block;\n  margin: 32px 0;\n}\n.single-post__entry figure {\n  width: 100% !important;\n}\n.single-post__entry figcaption {\n  color: #80512f;\n  margin: 0 0 32px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .single-post__entry figcaption {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry figcaption {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.single-post__entry blockquote {\n  border-left: 3px solid #864ad3;\n  margin: 32px 0;\n  padding: 16px 24px;\n  background: #e8e4dd;\n}\n.single-post__entry blockquote p {\n  font-style: italic;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .single-post__entry blockquote p {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post__entry blockquote p {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n\n@media (max-width: 1199px) {\n  .single-post-news .single-post__banner {\n    max-height: 480px;\n  }\n  .single-post-news .single-post__body {\n    grid-template-columns: 1fr 317px;\n    gap: 110px;\n  }\n}\n@media (max-width: 991px) {\n  .single-post-news .single-post__banner {\n    max-height: 375px;\n  }\n  .single-post-news .single-post__body {\n    grid-template-columns: 1fr 198px;\n    gap: 98px;\n  }\n}\n@media (max-width: 767px) {\n  .single-post-news {\n    padding-bottom: 32px;\n  }\n  .single-post-news .single-post__banner {\n    max-height: 330px;\n  }\n  .single-post-news .single-post__header {\n    padding-top: 32px;\n  }\n  .single-post-news .single-post__header .single-post__divider {\n    margin-bottom: 32px;\n  }\n  .single-post-news .single-post__body {\n    grid-template-columns: 1fr 198px;\n    gap: 48px;\n  }\n}\n@media (max-width: 566px) {\n  .single-post-news {\n    padding-bottom: 24px;\n  }\n  .single-post-news .single-post__banner {\n    max-height: 168px;\n  }\n  .single-post-news .single-post__header {\n    padding-top: 24px;\n  }\n  .single-post-news .single-post__header .single-post__meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .single-post-news .single-post__header .single-post__divider {\n    margin-bottom: 24px;\n  }\n  .single-post-news .single-post__body {\n    grid-template-columns: auto;\n    gap: 24px;\n  }\n  .single-post__related-label {\n    margin: 0 0 14px 0;\n  }\n  .single-post__related-list {\n    flex-direction: row;\n    gap: 16px;\n  }\n  .single-post__related-list .news-card__meta {\n    align-items: flex-start !important;\n    flex-direction: column;\n    gap: 0px !important;\n  }\n  .news-card--related {\n    width: 50%;\n  }\n  .news-card--related .news-card__link:hover .news-card__image-wrap::after {\n    background: none;\n  }\n  .news-card--related .news-card__link:hover .news-card__image--default {\n    opacity: 1;\n  }\n  .news-card--related .news-card__link:hover .news-card__image--hover {\n    opacity: 0;\n  }\n  .single-post__entry p {\n    margin: 0 0 16px 0;\n  }\n  .single-post__entry h2 {\n    margin: 0 0 16px 0;\n  }\n  .single-post__entry h3 {\n    margin: 0 0 16px 0;\n  }\n  .single-post__entry h4 {\n    margin: 16px 0 12px;\n  }\n  .single-post__entry ul,\n  .single-post__entry ol {\n    margin: 0 0 16px 0;\n    padding-left: 24px;\n  }\n  .single-post__entry img {\n    margin: 16px 0;\n  }\n  .single-post__entry blockquote {\n    margin: 16px 0;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.single-post-news {\n  padding-bottom: 48px;\n}\n.container-news {\n  display: block !important;\n}\n.single-post-news {\n  .single-post__banner {\n    width: 100%;\n    overflow: hidden;\n    max-height: 580px;\n\n    .single-post__banner-img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center top;\n      display: block;\n    }\n  }\n  .single-post__header {\n    padding-top: 48px;\n    padding-bottom: 0;\n\n    .single-post__title {\n      color: $color-primary;\n      margin: 0 0 8px 0;\n\n      @include type-h2;\n    }\n    .single-post__meta {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 24px;\n    }\n\n    .single-post__author {\n      color: $color-primary;\n      text-decoration: none;\n      text-transform: capitalize;\n      @include type-h5;\n    }\n\n    .single-post__date {\n      color: $color-primary;\n      @include type-h5;\n    }\n\n    .single-post__divider {\n      height: 2px;\n      background-color: $color-border;\n      margin-bottom: 48px;\n    }\n  }\n\n  .single-post__body {\n    // display: grid;\n    // grid-template-columns: 1fr 317px;\n    // gap: 139px;\n    align-items: start;\n\n    .single-post__content {\n      min-width: 0;\n      width: 100%;\n      grid-column: span 8;\n    }\n  }\n}\n.single-post__related {\n  position: static;\n  grid-column: col-start 10 / span 3;\n}\n\n.single-post__related-label {\n  color: $color-primary;\n  margin: 0 0 24px 0;\n  @include type-h1;\n}\n\n.single-post__related-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  align-items: stretch;\n}\n\n// Related card override — stacked layout\n.news-card--related {\n  .news-card__link {\n    text-decoration: none;\n\n    .news-card__image-wrap {\n      position: relative;\n\n      width: 100%;\n      aspect-ratio: 4 / 4;\n      overflow: hidden;\n      margin-bottom: 8px;\n\n      // &::after {\n      //   content: \"\";\n      //   position: absolute;\n      //   inset: 0;\n      //   background: rgba($color-chalk, 0);\n      //   transition: background 0.35s ease;\n      //   pointer-events: none;\n      // }\n\n      .news-card__image {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition:\n          opacity 0.5s ease-in-out,\n          transform 0.4s ease;\n\n        &--default {\n          z-index: 1;\n          opacity: 1;\n        }\n\n        &--hover {\n          z-index: 2;\n          opacity: 0;\n        }\n      }\n    }\n    &:hover {\n      // .news-card__image-wrap {\n      //   &::after {\n      //     background: rgba($color-chalk, 0.88);\n      //   }\n      // }\n      .news-card__image {\n        &--default {\n          opacity: 0;\n        }\n\n        &--hover {\n          opacity: 1;\n        }\n      }\n    }\n\n    .news-card__body {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      .news-card__category {\n        color: $color-primary;\n        display: block;\n        @include type-caption;\n      }\n\n      .news-card__title {\n        margin: 0;\n        color: $color-primary;\n        @include type-h5;\n      }\n\n      .news-card__meta {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex-wrap: wrap;\n      }\n\n      .news-card__author {\n        color: $color-primary;\n        @include type-caption;\n      }\n\n      .news-card__date {\n        color: $color-primary;\n        @include type-caption;\n      }\n\n      .news-card__tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n      }\n\n      .news-card__tag {\n        display: inline-block;\n        padding: 4px 8px;\n        background-color: $color-pale-silver;\n        color: $color-primary;\n        transition:\n          border-color 0.2s ease,\n          color 0.2s ease;\n\n        @include type-caption;\n      }\n    }\n  }\n}\n\n.single-post__entry {\n  p {\n    color: $color-primary;\n    margin: 0 0 24px 0;\n\n    @include type-body;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h2 {\n    color: $color-primary;\n    margin: 0 0 48px 0;\n    @include type-h2;\n  }\n\n  h3 {\n    color: $color-primary;\n    margin: 0 0 48px 0;\n    @include type-h3;\n  }\n\n  h4 {\n    color: $color-primary;\n    margin: 24px 0 12px;\n    @include type-h4;\n  }\n\n  a {\n    color: $color-primary;\n    text-decoration: underline;\n    &:hover {\n      opacity: 0.6;\n    }\n  }\n\n  ul,\n  ol {\n    margin: 0 0 24px 0;\n    padding-left: 24px;\n\n    li {\n      color: $color-primary;\n      margin-bottom: 8px;\n      @include type-body;\n    }\n  }\n\n  strong {\n    font-weight: $font-weight-bold;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n    display: block;\n    margin: 32px 0;\n  }\n\n  figure {\n    width: 100% !important;\n  }\n  figcaption {\n    color: $color-primary;\n    margin: 0 0 32px 0;\n    @include type-caption;\n  }\n  blockquote {\n    border-left: 3px solid $color-accent;\n    margin: 32px 0;\n    padding: 16px 24px;\n    background: $color-pale-silver;\n\n    p {\n      font-style: italic;\n      margin: 0;\n      @include type-h4;\n    }\n  }\n}\n\n@include maxMediaQuery(\"desktop-sm\") {\n  .single-post-news {\n    .single-post__banner {\n      max-height: 480px;\n    }\n    .single-post__body {\n      grid-template-columns: 1fr 317px;\n      gap: 110px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .single-post-news {\n    .single-post__banner {\n      max-height: 375px;\n    }\n    .single-post__body {\n      grid-template-columns: 1fr 198px;\n      gap: 98px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .single-post-news {\n    padding-bottom: 32px;\n  }\n  .single-post-news {\n    .single-post__banner {\n      max-height: 330px;\n    }\n    .single-post__header {\n      padding-top: 32px;\n\n      .single-post__divider {\n        margin-bottom: 32px;\n      }\n    }\n    .single-post__body {\n      grid-template-columns: 1fr 198px;\n      gap: 48px;\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .single-post-news {\n    padding-bottom: 24px;\n  }\n  .single-post-news {\n    .single-post__banner {\n      max-height: 168px;\n    }\n    .single-post__header {\n      padding-top: 24px;\n\n      .single-post__meta {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 16px;\n      }\n      .single-post__divider {\n        margin-bottom: 24px;\n      }\n    }\n    .single-post__body {\n      grid-template-columns: auto;\n      gap: 24px;\n    }\n  }\n  .single-post__related-label {\n    margin: 0 0 14px 0;\n  }\n  .single-post__related-list {\n    flex-direction: row;\n    gap: 16px;\n\n    .news-card__meta {\n      align-items: flex-start !important;\n      flex-direction: column;\n      gap: 0px !important;\n    }\n  }\n  .news-card--related {\n    width: 50%;\n\n    .news-card__link {\n      &:hover {\n        .news-card__image-wrap {\n          &::after {\n            background: none;\n          }\n        }\n\n        .news-card__image {\n          &--default {\n            opacity: 1;\n          }\n\n          &--hover {\n            opacity: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .single-post__entry {\n    p {\n      margin: 0 0 16px 0;\n    }\n\n    h2 {\n      margin: 0 0 16px 0;\n    }\n\n    h3 {\n      margin: 0 0 16px 0;\n    }\n\n    h4 {\n      margin: 16px 0 12px;\n    }\n\n    ul,\n    ol {\n      margin: 0 0 16px 0;\n      padding-left: 24px;\n    }\n\n    img {\n      margin: 16px 0;\n    }\n\n    blockquote {\n      margin: 16px 0;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.single-post-news {
  padding-bottom: 48px;
}

.container-news {
  display: block !important;
}

.single-post-news .single-post__banner {
  width: 100%;
  overflow: hidden;
  max-height: 580px;
}
.single-post-news .single-post__banner .single-post__banner-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
}
.single-post-news .single-post__header {
  padding-top: 48px;
  padding-bottom: 0;
}
.single-post-news .single-post__header .single-post__title {
  color: #80512f;
  margin: 0 0 8px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .single-post-news .single-post__header .single-post__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .single-post-news .single-post__header .single-post__title {
    font-size: 28px;
    line-height: 34px;
  }
}
.single-post-news .single-post__header .single-post__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.single-post-news .single-post__header .single-post__author {
  color: #80512f;
  text-decoration: none;
  text-transform: capitalize;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .single-post-news .single-post__header .single-post__author {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .single-post-news .single-post__header .single-post__author {
    font-size: 14px;
    line-height: 18px;
  }
}
.single-post-news .single-post__header .single-post__date {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .single-post-news .single-post__header .single-post__date {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .single-post-news .single-post__header .single-post__date {
    font-size: 14px;
    line-height: 18px;
  }
}
.single-post-news .single-post__header .single-post__divider {
  height: 2px;
  background-color: #e8e4dd;
  margin-bottom: 48px;
}
.single-post-news .single-post__body {
  align-items: start;
}
.single-post-news .single-post__body .single-post__content {
  min-width: 0;
  width: 100%;
  grid-column: span 8;
}

.single-post__related {
  position: static;
  grid-column: col-start 10/span 3;
}

.single-post__related-label {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .single-post__related-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .single-post__related-label {
    font-size: 14px;
    line-height: 16px;
  }
}

.single-post__related-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
}

.news-card--related .news-card__link {
  text-decoration: none;
}
.news-card--related .news-card__link .news-card__image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/4;
  overflow: hidden;
  margin-bottom: 8px;
}
.news-card--related .news-card__link .news-card__image-wrap .news-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.5s ease-in-out, transform 0.4s ease;
}
.news-card--related .news-card__link .news-card__image-wrap .news-card__image--default {
  z-index: 1;
  opacity: 1;
}
.news-card--related .news-card__link .news-card__image-wrap .news-card__image--hover {
  z-index: 2;
  opacity: 0;
}
.news-card--related .news-card__link:hover .news-card__image--default {
  opacity: 0;
}
.news-card--related .news-card__link:hover .news-card__image--hover {
  opacity: 1;
}
.news-card--related .news-card__link .news-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.news-card--related .news-card__link .news-card__body .news-card__category {
  color: #80512f;
  display: block;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .news-card--related .news-card__link .news-card__body .news-card__category {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .news-card--related .news-card__link .news-card__body .news-card__category {
    font-size: 12px;
    line-height: 18px;
  }
}
.news-card--related .news-card__link .news-card__body .news-card__title {
  margin: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .news-card--related .news-card__link .news-card__body .news-card__title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .news-card--related .news-card__link .news-card__body .news-card__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.news-card--related .news-card__link .news-card__body .news-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.news-card--related .news-card__link .news-card__body .news-card__author {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .news-card--related .news-card__link .news-card__body .news-card__author {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .news-card--related .news-card__link .news-card__body .news-card__author {
    font-size: 12px;
    line-height: 18px;
  }
}
.news-card--related .news-card__link .news-card__body .news-card__date {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .news-card--related .news-card__link .news-card__body .news-card__date {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .news-card--related .news-card__link .news-card__body .news-card__date {
    font-size: 12px;
    line-height: 18px;
  }
}
.news-card--related .news-card__link .news-card__body .news-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.news-card--related .news-card__link .news-card__body .news-card__tag {
  display: inline-block;
  padding: 4px 8px;
  background-color: #e8e4dd;
  color: #80512f;
  transition: border-color 0.2s ease, color 0.2s ease;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .news-card--related .news-card__link .news-card__body .news-card__tag {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .news-card--related .news-card__link .news-card__body .news-card__tag {
    font-size: 12px;
    line-height: 18px;
  }
}

.single-post__entry p {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .single-post__entry p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .single-post__entry p {
    font-size: 14px;
    line-height: 21px;
  }
}
.single-post__entry p:last-child {
  margin-bottom: 0;
}
.single-post__entry h2 {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .single-post__entry h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .single-post__entry h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.single-post__entry h3 {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .single-post__entry h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .single-post__entry h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-post__entry h4 {
  color: #80512f;
  margin: 24px 0 12px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .single-post__entry h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .single-post__entry h4 {
    font-size: 14px;
    line-height: 18px;
  }
}
.single-post__entry a {
  color: #80512f;
  text-decoration: underline;
}
.single-post__entry a:hover {
  opacity: 0.6;
}
.single-post__entry ul,
.single-post__entry ol {
  margin: 0 0 24px 0;
  padding-left: 24px;
}
.single-post__entry ul li,
.single-post__entry ol li {
  color: #80512f;
  margin-bottom: 8px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .single-post__entry ul li,
  .single-post__entry ol li {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .single-post__entry ul li,
  .single-post__entry ol li {
    font-size: 14px;
    line-height: 21px;
  }
}
.single-post__entry strong {
  font-weight: 700;
}
.single-post__entry img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  display: block;
  margin: 32px 0;
}
.single-post__entry figure {
  width: 100% !important;
}
.single-post__entry figcaption {
  color: #80512f;
  margin: 0 0 32px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .single-post__entry figcaption {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .single-post__entry figcaption {
    font-size: 12px;
    line-height: 18px;
  }
}
.single-post__entry blockquote {
  border-left: 3px solid #864ad3;
  margin: 32px 0;
  padding: 16px 24px;
  background: #e8e4dd;
}
.single-post__entry blockquote p {
  font-style: italic;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .single-post__entry blockquote p {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .single-post__entry blockquote p {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1199px) {
  .single-post-news .single-post__banner {
    max-height: 480px;
  }
  .single-post-news .single-post__body {
    grid-template-columns: 1fr 317px;
    gap: 110px;
  }
}
@media (max-width: 991px) {
  .single-post-news .single-post__banner {
    max-height: 375px;
  }
  .single-post-news .single-post__body {
    grid-template-columns: 1fr 198px;
    gap: 98px;
  }
}
@media (max-width: 767px) {
  .single-post-news {
    padding-bottom: 32px;
  }
  .single-post-news .single-post__banner {
    max-height: 330px;
  }
  .single-post-news .single-post__header {
    padding-top: 32px;
  }
  .single-post-news .single-post__header .single-post__divider {
    margin-bottom: 32px;
  }
  .single-post-news .single-post__body {
    grid-template-columns: 1fr 198px;
    gap: 48px;
  }
}
@media (max-width: 566px) {
  .single-post-news {
    padding-bottom: 24px;
  }
  .single-post-news .single-post__banner {
    max-height: 168px;
  }
  .single-post-news .single-post__header {
    padding-top: 24px;
  }
  .single-post-news .single-post__header .single-post__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
  }
  .single-post-news .single-post__header .single-post__divider {
    margin-bottom: 24px;
  }
  .single-post-news .single-post__body {
    grid-template-columns: auto;
    gap: 24px;
  }
  .single-post__related-label {
    margin: 0 0 14px 0;
  }
  .single-post__related-list {
    flex-direction: row;
    gap: 16px;
  }
  .single-post__related-list .news-card__meta {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 0px !important;
  }
  .news-card--related {
    width: 50%;
  }
  .news-card--related .news-card__link:hover .news-card__image-wrap::after {
    background: none;
  }
  .news-card--related .news-card__link:hover .news-card__image--default {
    opacity: 1;
  }
  .news-card--related .news-card__link:hover .news-card__image--hover {
    opacity: 0;
  }
  .single-post__entry p {
    margin: 0 0 16px 0;
  }
  .single-post__entry h2 {
    margin: 0 0 16px 0;
  }
  .single-post__entry h3 {
    margin: 0 0 16px 0;
  }
  .single-post__entry h4 {
    margin: 16px 0 12px;
  }
  .single-post__entry ul,
  .single-post__entry ol {
    margin: 0 0 16px 0;
    padding-left: 24px;
  }
  .single-post__entry img {
    margin: 16px 0;
  }
  .single-post__entry blockquote {
    margin: 16px 0;
  }
}
/*# sourceMappingURL=content-post.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","donate-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.donate-section%20%7B%0A%20%20margin:%2048px%200;%0A%0A%20%20.donate-inner%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20/%20gap:%20138px;%0A%0A%20%20%20%20.donate-left%20%7B%0A%20%20%20%20%20%20/%20max-width:%20546px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20grid-column:%20span%205;%0A%0A%20%20%20%20%20%20.donate-eyebrow%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.donate-heading%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.donate-right%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%0A%20%20%20%20%20%20.donate-right-heading%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.payment-block%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px;%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200px;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.payment-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.payment-description%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.btn%20%7B%0A%20%20%20%20%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20%20%20%20%20max-width:%20152px;%0A%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20@include%20btn-fill($color-tolopea,%20$color-purple,%20$color-chalk);%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.payment-address%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A/%20@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A/%20%20%20.donate-section%20%7B%0A/%20%20%20%20%20.donate-inner%20%7B%0A/%20%20%20%20%20%20%20display:%20flex;%0A/%20%20%20%20%20%20%20gap:%20108px;%0A%0A/%20%20%20%20%20%20%20.donate-left%20%7B%0A/%20%20%20%20%20%20%20%20%20max-width:%20480px;%0A/%20%20%20%20%20%20%20%7D%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%7D%0A%0A/%20mobile%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.donate-section%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%0A%20%20%20%20.donate-inner%20%7B%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%2048px%20!important;%0A%0A%20%20%20%20%20%20.donate-left%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%0A%20%20%20%20%20%20%20%20.donate-eyebrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.donate-right%20%7B%0A%20%20%20%20%20%20%20%20.donate-right-heading%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.payment-block%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2048px;%0A%0A%20%20%20%20%20%20%20%20%20%20.payment-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.btn%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20.payment-address%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2014px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,cAAA;AH6LF;AGvLI;EAEE,WAAA;EACA,mBAAA;AHwLN;AGtLM;EACE,cFlBc;EEmBd,gBAAA;EC4IN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJuJF;AErJI;EC5CE;ICyCJ,eCnBQ;IDoBR,iBAAA;EJ4JA;AACF;AE3JI;EC5CE;IC6BJ,eCRQ;IDSR,iBAAA;EJ8KA;AACF;AGxMM;EACE,cFvBc;EEwBd,SAAA;EC8JN,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJqHF;AE3KI;ECvCE;ICwEJ,eC9CQ;ID+CR,iBAAA;EJ8IA;AACF;AEjLI;ECvCE;ICgEJ,eCxCQ;IDyCR,iBAAA;EJ4JA;AACF;AGxNI;EACE,WAAA;EACA,+BAAA;AH0NN;AGxNM;EACE,cFjCc;EEkCd,gBAAA;EC0KN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJ2JF;AErMI;EC7BE;ICkDJ,eCrCQ;IDsCR,iBAAA;EJoLA;AACF;AE3MI;EC7BE;IC0CJ,eChCQ;IDiCR,iBAAA;EJkMA;AACF;AGzOM;EACE,gBAAA;AH2OR;AGzOQ;EACE,kBAAA;AH2OV;AGxOQ;EACE,cF7CY;EE8CZ,gBAAA;ECqLR,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJwNF;AElOI;ECjBI;ICkBN,eCvBQ;IDwBR,iBAAA;EJqOA;AACF;AExOI;ECjBI;ICMN,eCZQ;IDaR,iBAAA;EJuPA;AACF;AG1PQ;EACE,cFlDY;EEmDZ,gBAAA;EC4NR,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJsOF;AExPI;ECZI;ICKN,eCdQ;IDeR,iBAAA;EJmQA;AACF;AE9PI;ECZI;ICPN,eCJQ;IDKR,iBAAA;EJqRA;AACF;AG3QQ;EACE,kBAAA;EACA,gBAAA;EACA,WAAA;ECwQR,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJkRF;AE5RI;ECPI;ICQN,eCvBQ;IDwBR,iBAAA;EJ+RA;AACF;AElSI;ECPI;ICJN,eCZQ;IDaR,iBAAA;EJiTA;AACF;AIjBE;EACE,mBHxUW;EGyUX,cHxTU;AD2Ud;AE5SI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EDqWZ;AACF;AIdE;EACE,cAAA;AJgBJ;AGtTQ;EACE,cF7DY;EE8DZ,SAAA;ECiNR,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ6SF;AE/TI;ECDI;ICNN,eCdQ;IDeR,iBAAA;EJ0UA;AACF;AErUI;ECDI;IClBN,eCJQ;IDKR,iBAAA;EJ4VA;AACF;AGvUU;EACE,gBAAA;AHyUZ;AGvUY;EACE,gBAAA;AHyUd;;AEjVI;EC+BF;IACE,cAAA;EHsTF;EGpTE;IACE,sBAAA;IACA,oBAAA;EHsTJ;EGpTI;IACE,eAAA;EHsTN;EGpTM;IACE,gBAAA;EHsTR;EGlTM;IACE,gBAAA;EHoTR;EGlTM;IACE,gBAAA;EHoTR;EGlTQ;IACE,gBAAA;EHoTV;EGjTQ;IACE,eAAA;EHmTV;EGhTU;IACE,gBAAA;EHkTZ;AACF","file":"donate-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.donate-section {\n  margin: 48px 0;\n}\n.donate-section .donate-inner .donate-left {\n  width: 100%;\n  grid-column: span 5;\n}\n.donate-section .donate-inner .donate-left .donate-eyebrow {\n  color: #80512f;\n  margin: 0 0 48px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-left .donate-eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-left .donate-eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.donate-section .donate-inner .donate-left .donate-heading {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-left .donate-heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-left .donate-heading {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.donate-section .donate-inner .donate-right {\n  width: 100%;\n  grid-column: col-start 7/span 6;\n}\n.donate-section .donate-inner .donate-right .donate-right-heading {\n  color: #80512f;\n  margin: 0 0 48px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-right .donate-right-heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .donate-right-heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block {\n  margin: 0 0 48px;\n}\n.donate-section .donate-inner .donate-right .payment-block:last-child {\n  margin-bottom: 0px;\n}\n.donate-section .donate-inner .donate-right .payment-block .payment-title {\n  color: #80512f;\n  margin: 0 0 24px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block .payment-description {\n  color: #80512f;\n  margin: 0 0 16px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-description {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-description {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block .btn {\n  padding: 14px 24px;\n  max-width: 152px;\n  width: 100%;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-right .payment-block .btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .payment-block .btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block .btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .payment-block .btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block .btn svg {\n  flex-shrink: 0;\n}\n.donate-section .donate-inner .donate-right .payment-block .payment-address {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-address {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .donate-section .donate-inner .donate-right .payment-block .payment-address {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.donate-section .donate-inner .donate-right .payment-block .payment-address p {\n  margin: 0 0 16px;\n}\n.donate-section .donate-inner .donate-right .payment-block .payment-address p:last-child {\n  margin-bottom: 0;\n}\n\n@media (max-width: 767px) {\n  .donate-section {\n    margin: 24px 0;\n  }\n  .donate-section .donate-inner {\n    flex-direction: column;\n    gap: 48px !important;\n  }\n  .donate-section .donate-inner .donate-left {\n    max-width: 100%;\n  }\n  .donate-section .donate-inner .donate-left .donate-eyebrow {\n    margin: 0 0 24px;\n  }\n  .donate-section .donate-inner .donate-right .donate-right-heading {\n    margin: 0 0 24px;\n  }\n  .donate-section .donate-inner .donate-right .payment-block {\n    margin: 0 0 48px;\n  }\n  .donate-section .donate-inner .donate-right .payment-block .payment-title {\n    margin: 0 0 24px;\n  }\n  .donate-section .donate-inner .donate-right .payment-block .btn {\n    max-width: 100%;\n  }\n  .donate-section .donate-inner .donate-right .payment-block .payment-address p {\n    margin: 0 0 14px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.donate-section {\n  margin: 48px 0;\n\n  .donate-inner {\n    // display: flex;\n    // gap: 138px;\n\n    .donate-left {\n      // max-width: 546px;\n      width: 100%;\n      grid-column: span 5;\n\n      .donate-eyebrow {\n        color: $color-primary;\n        margin: 0 0 48px;\n        @include type-h1;\n      }\n      .donate-heading {\n        color: $color-primary;\n        margin: 0;\n        @include type-h2;\n      }\n    }\n    .donate-right {\n      width: 100%;\n      grid-column: col-start 7 / span 6;\n\n      .donate-right-heading {\n        color: $color-primary;\n        margin: 0 0 48px;\n        @include type-h3;\n      }\n      .payment-block {\n        margin: 0 0 48px;\n\n        &:last-child {\n          margin-bottom: 0px;\n        }\n\n        .payment-title {\n          color: $color-primary;\n          margin: 0 0 24px;\n          @include type-h4;\n        }\n        .payment-description {\n          color: $color-primary;\n          margin: 0 0 16px;\n          @include type-body;\n        }\n        .btn {\n          padding: 14px 24px;\n          max-width: 152px;\n          width: 100%;\n          @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n        }\n        .payment-address {\n          color: $color-primary;\n          margin: 0;\n          @include type-body;\n\n          p {\n            margin: 0 0 16px;\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n// @include maxMediaQuery(\"desktop-sm\") {\n//   .donate-section {\n//     .donate-inner {\n//       display: flex;\n//       gap: 108px;\n\n//       .donate-left {\n//         max-width: 480px;\n//       }\n//     }\n//   }\n// }\n\n// mobile\n@include maxMediaQuery(\"tablet-sm\") {\n  .donate-section {\n    margin: 24px 0;\n\n    .donate-inner {\n      flex-direction: column;\n      gap: 48px !important;\n\n      .donate-left {\n        max-width: 100%;\n\n        .donate-eyebrow {\n          margin: 0 0 24px;\n        }\n      }\n      .donate-right {\n        .donate-right-heading {\n          margin: 0 0 24px;\n        }\n        .payment-block {\n          margin: 0 0 48px;\n\n          .payment-title {\n            margin: 0 0 24px;\n          }\n\n          .btn {\n            max-width: 100%;\n          }\n          .payment-address {\n            p {\n              margin: 0 0 14px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.donate-section {
  margin: 48px 0;
}
.donate-section .donate-inner .donate-left {
  width: 100%;
  grid-column: span 5;
}
.donate-section .donate-inner .donate-left .donate-eyebrow {
  color: #80512f;
  margin: 0 0 48px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-left .donate-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-left .donate-eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.donate-section .donate-inner .donate-left .donate-heading {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-left .donate-heading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-left .donate-heading {
    font-size: 28px;
    line-height: 34px;
  }
}
.donate-section .donate-inner .donate-right {
  width: 100%;
  grid-column: col-start 7/span 6;
}
.donate-section .donate-inner .donate-right .donate-right-heading {
  color: #80512f;
  margin: 0 0 48px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-right .donate-right-heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .donate-right-heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.donate-section .donate-inner .donate-right .payment-block {
  margin: 0 0 48px;
}
.donate-section .donate-inner .donate-right .payment-block:last-child {
  margin-bottom: 0px;
}
.donate-section .donate-inner .donate-right .payment-block .payment-title {
  color: #80512f;
  margin: 0 0 24px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-title {
    font-size: 14px;
    line-height: 18px;
  }
}
.donate-section .donate-inner .donate-right .payment-block .payment-description {
  color: #80512f;
  margin: 0 0 16px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-description {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-description {
    font-size: 14px;
    line-height: 21px;
  }
}
.donate-section .donate-inner .donate-right .payment-block .btn {
  padding: 14px 24px;
  max-width: 152px;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-right .payment-block .btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .payment-block .btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.donate-section .donate-inner .donate-right .payment-block .btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .payment-block .btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.donate-section .donate-inner .donate-right .payment-block .btn svg {
  flex-shrink: 0;
}
.donate-section .donate-inner .donate-right .payment-block .payment-address {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-address {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .donate-section .donate-inner .donate-right .payment-block .payment-address {
    font-size: 14px;
    line-height: 21px;
  }
}
.donate-section .donate-inner .donate-right .payment-block .payment-address p {
  margin: 0 0 16px;
}
.donate-section .donate-inner .donate-right .payment-block .payment-address p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .donate-section {
    margin: 24px 0;
  }
  .donate-section .donate-inner {
    flex-direction: column;
    gap: 48px !important;
  }
  .donate-section .donate-inner .donate-left {
    max-width: 100%;
  }
  .donate-section .donate-inner .donate-left .donate-eyebrow {
    margin: 0 0 24px;
  }
  .donate-section .donate-inner .donate-right .donate-right-heading {
    margin: 0 0 24px;
  }
  .donate-section .donate-inner .donate-right .payment-block {
    margin: 0 0 48px;
  }
  .donate-section .donate-inner .donate-right .payment-block .payment-title {
    margin: 0 0 24px;
  }
  .donate-section .donate-inner .donate-right .payment-block .btn {
    max-width: 100%;
  }
  .donate-section .donate-inner .donate-right .payment-block .payment-address p {
    margin: 0 0 14px;
  }
}
/*# sourceMappingURL=donate-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","faq-section.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.faq-section%20%7B%0A%20%20margin:%2048px%200;%0A%0A%20%20.faq-inner%20%7B%0A%20%20%20%20/%20display:%20grid;%0A%20%20%20%20/%20grid-template-columns:%20564px%201fr;%0A%20%20%20%20/%20gap:%20252px;%0A%20%20%20%20align-items:%20start;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20padding:%2048px%200%200;%0A%20%20%20%20border-top:%202px%20solid%20$color-pale-silver;%0A%0A%20%20%20%20.faq-section__left%20%7B%0A%20%20%20%20%20%20grid-column:%20span%205;%0A%20%20%20%20%20%20.faq-section__label%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.faq-section__right%20%7B%0A%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%0A%20%20%20%20%20%20.faq-list%20%7B%0A%20%20%20%20%20%20%20%20list-style:%20none;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20padding:%200;%0A%0A%20%20%20%20%20%20%20%20.faq-item%20%7B%0A%20%20%20%20%20%20%20%20%20%20border-bottom:%201px%20solid%20$color-border;%0A%0A%20%20%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-bottom:%20none;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&:first-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.faq-item__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-top:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.faq-item__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20padding:%2016px%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20%20%20%20%20text-align:%20left;%0A%20%20%20%20%20%20%20%20%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200.7;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.faq-item__question%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.faq-item__icon%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%2020px;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%2020px;%0A%20%20%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity%200.2s%20ease,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%200.2s%20ease;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20.icon-plus%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.icon-minus%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.faq-item__panel%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20%20%20%20%20max-height:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20max-height%200.35s%20ease,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%200.35s%20ease;%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom:%200;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&:not(%5Bhidden%5D)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20max-height:%201000px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom:%2016px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&%5Bhidden%5D%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20max-height:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.faq-item__answer%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2012px%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&.is-open%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.faq-item__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20.faq-item__panel%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20visibility:%20visible;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20.icon-plus%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform:%20rotate(45deg);%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.icon-minus%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22laptop-extra%22)%20%7B%0A%20%20.faq-section%20%7B%0A%20%20%20%20.faq-inner%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20432px%201fr;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.faq-section%20%7B%0A%20%20%20%20.faq-inner%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20362px%201fr;%0A%20%20%20%20%20%20/%20gap:%20190px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.faq-section%20%7B%0A%20%20%20%20.faq-inner%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20272px%201fr;%0A%20%20%20%20%20%20/%20gap:%20172px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.faq-section%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%20%20%20%20.faq-inner%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20gap:%2048px;%0A%20%20%20%20%20%20padding:%2024px%200%200;%0A%0A%20%20%20%20%20%20.faq-section__right%20%7B%0A%20%20%20%20%20%20%20%20.faq-list%20%7B%0A%20%20%20%20%20%20%20%20%20%20.faq-item%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.faq-item__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,cAAA;AH6LF;AG3LE;EAIE,kBAAA;EACA,8BAAA;EACA,iBAAA;EACA,6BAAA;AH0LJ;AGxLI;EACE,mBAAA;AH0LN;AGzLM;EACE,cFpBc;EEqBd,SAAA;EC0IN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ4JF;AE1JI;EC1CE;ICuCJ,eCnBQ;IDoBR,iBAAA;EJiKA;AACF;AEhKI;EC1CE;IC2BJ,eCRQ;IDSR,iBAAA;EJmLA;AACF;AG1MI;EACE,YAAA;EACA,+BAAA;AH4MN;AG1MM;EACE,gBAAA;EACA,SAAA;EACA,UAAA;AH4MR;AG1MQ;EACE,gCAAA;AH4MV;AG1MU;EACE,mBAAA;AH4MZ;AGxMY;EACE,cAAA;AH0Md;AGtMU;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,6BAAA;AHwMZ;AGtMY;EACE,YAAA;AHwMd;AGpMU;EACE,cFlEU;EEmEV,OAAA;EC4MV,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJgMF;AElNI;ECIM;ICXR,eCdQ;IDeR,iBAAA;EJ6NA;AACF;AExNI;ECIM;ICvBR,eCJQ;IDKR,iBAAA;EJ+OA;AACF;AGpNU;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,cF5EU;ADkStB;AGpNY;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,kDACE;AHqNhB;AGjNY;EACE,UAAA;AHmNd;AGjNY;EACE,UAAA;AHmNd;AG/MU;EACE,gBAAA;EACA,aAAA;EACA,qDACE;EAEF,iBAAA;AH+MZ;AG7MY;EACE,kBAAA;EACA,oBAAA;AH+Md;AG5MY;EACE,cAAA;EACA,aAAA;EACA,iBAAA;AH8Md;AG1MU;EACE,cFpHU;ADgUtB;AG1MY;EACE,kBAAA;ECwJZ,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ0PF;AE5QI;ECyDQ;IChEV,eCdQ;IDeR,iBAAA;EJuRA;AACF;AElRI;ECyDQ;IC5EV,eCJQ;IDKR,iBAAA;EJySA;AACF;AG5Nc;EACE,gBAAA;AH8NhB;AGxNY;EACE,UAAA;AH0Nd;AGvNY;EACE,mBAAA;AHyNd;AGtNY;EACE,UAAA;EACA,wBAAA;AHwNd;AGtNY;EACE,UAAA;AHwNd;;AExSI;ECgHF;IACE,cAAA;EH4LF;EG3LE;IACE,2BAAA;IACA,SAAA;IACA,iBAAA;EH6LJ;EGvLY;IACE,UAAA;EHyLd;AACF","file":"faq-section.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.faq-section {\n  margin: 48px 0;\n}\n.faq-section .faq-inner {\n  align-items: start;\n  justify-content: space-between;\n  padding: 48px 0 0;\n  border-top: 2px solid #e8e4dd;\n}\n.faq-section .faq-inner .faq-section__left {\n  grid-column: span 5;\n}\n.faq-section .faq-inner .faq-section__left .faq-section__label {\n  color: #80512f;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .faq-section .faq-inner .faq-section__left .faq-section__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .faq-section .faq-inner .faq-section__left .faq-section__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.faq-section .faq-inner .faq-section__right {\n  min-width: 0;\n  grid-column: col-start 7/span 6;\n}\n.faq-section .faq-inner .faq-section__right .faq-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item {\n  border-bottom: 1px solid #e8e4dd;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item:last-child {\n  border-bottom: none;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item:first-child .faq-item__trigger {\n  padding-top: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  width: 100%;\n  padding: 16px 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  transition: opacity 0.2s ease;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger:hover {\n  opacity: 0.7;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {\n  color: #80512f;\n  flex: 1;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  position: relative;\n  color: #80512f;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon svg {\n  position: absolute;\n  inset: 0;\n  margin: 0;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon .icon-plus {\n  opacity: 1;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon .icon-minus {\n  opacity: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel {\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 0.35s ease, padding 0.35s ease;\n  padding-bottom: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel:not([hidden]) {\n  max-height: 1000px;\n  padding-bottom: 16px;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel[hidden] {\n  display: block;\n  max-height: 0;\n  padding-bottom: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer {\n  color: #80512f;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {\n  margin: 0 0 12px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p:last-child {\n  margin-bottom: 0;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .faq-item__trigger {\n  opacity: 1;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .faq-item__panel {\n  visibility: visible;\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .icon-plus {\n  opacity: 0;\n  transform: rotate(45deg);\n}\n.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .icon-minus {\n  opacity: 1;\n}\n\n@media (max-width: 767px) {\n  .faq-section {\n    margin: 24px 0;\n  }\n  .faq-section .faq-inner {\n    grid-template-columns: auto;\n    gap: 48px;\n    padding: 24px 0 0;\n  }\n  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger:hover {\n    opacity: 1;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.faq-section {\n  margin: 48px 0;\n\n  .faq-inner {\n    // display: grid;\n    // grid-template-columns: 564px 1fr;\n    // gap: 252px;\n    align-items: start;\n    justify-content: space-between;\n    padding: 48px 0 0;\n    border-top: 2px solid $color-pale-silver;\n\n    .faq-section__left {\n      grid-column: span 5;\n      .faq-section__label {\n        color: $color-primary;\n        margin: 0;\n        @include type-h1;\n      }\n    }\n    .faq-section__right {\n      min-width: 0;\n      grid-column: col-start 7 / span 6;\n\n      .faq-list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n\n        .faq-item {\n          border-bottom: 1px solid $color-border;\n\n          &:last-child {\n            border-bottom: none;\n          }\n\n          &:first-child {\n            .faq-item__trigger {\n              padding-top: 0;\n            }\n          }\n\n          .faq-item__trigger {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n            padding: 16px 0;\n            background: none;\n            border: none;\n            cursor: pointer;\n            text-align: left;\n            transition: opacity 0.2s ease;\n\n            &:hover {\n              opacity: 0.7;\n            }\n          }\n\n          .faq-item__question {\n            color: $color-primary;\n            flex: 1;\n            @include type-body;\n          }\n\n          .faq-item__icon {\n            flex-shrink: 0;\n            width: 20px;\n            height: 20px;\n            position: relative;\n            color: $color-primary;\n\n            svg {\n              position: absolute;\n              inset: 0;\n              margin: 0;\n              transition:\n                opacity 0.2s ease,\n                transform 0.2s ease;\n            }\n\n            .icon-plus {\n              opacity: 1;\n            }\n            .icon-minus {\n              opacity: 0;\n            }\n          }\n\n          .faq-item__panel {\n            overflow: hidden;\n            max-height: 0;\n            transition:\n              max-height 0.35s ease,\n              padding 0.35s ease;\n            padding-bottom: 0;\n\n            &:not([hidden]) {\n              max-height: 1000px;\n              padding-bottom: 16px;\n            }\n\n            &[hidden] {\n              display: block;\n              max-height: 0;\n              padding-bottom: 0;\n            }\n          }\n\n          .faq-item__answer {\n            color: $color-primary;\n\n            p {\n              margin: 0 0 12px 0;\n              @include type-body;\n              &:last-child {\n                margin-bottom: 0;\n              }\n            }\n          }\n\n          &.is-open {\n            .faq-item__trigger {\n              opacity: 1;\n            }\n\n            .faq-item__panel {\n              visibility: visible;\n            }\n\n            .icon-plus {\n              opacity: 0;\n              transform: rotate(45deg);\n            }\n            .icon-minus {\n              opacity: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"laptop-extra\") {\n  .faq-section {\n    .faq-inner {\n      // grid-template-columns: 432px 1fr;\n    }\n  }\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .faq-section {\n    .faq-inner {\n      // grid-template-columns: 362px 1fr;\n      // gap: 190px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .faq-section {\n    .faq-inner {\n      // grid-template-columns: 272px 1fr;\n      // gap: 172px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .faq-section {\n    margin: 24px 0;\n    .faq-inner {\n      grid-template-columns: auto;\n      gap: 48px;\n      padding: 24px 0 0;\n\n      .faq-section__right {\n        .faq-list {\n          .faq-item {\n            .faq-item__trigger {\n              &:hover {\n                opacity: 1;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.faq-section {
  margin: 48px 0;
}
.faq-section .faq-inner {
  align-items: start;
  justify-content: space-between;
  padding: 48px 0 0;
  border-top: 2px solid #e8e4dd;
}
.faq-section .faq-inner .faq-section__left {
  grid-column: span 5;
}
.faq-section .faq-inner .faq-section__left .faq-section__label {
  color: #80512f;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .faq-section .faq-inner .faq-section__left .faq-section__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .faq-section .faq-inner .faq-section__left .faq-section__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.faq-section .faq-inner .faq-section__right {
  min-width: 0;
  grid-column: col-start 7/span 6;
}
.faq-section .faq-inner .faq-section__right .faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item {
  border-bottom: 1px solid #e8e4dd;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item:last-child {
  border-bottom: none;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item:first-child .faq-item__trigger {
  padding-top: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 16px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: opacity 0.2s ease;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger:hover {
  opacity: 0.7;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {
  color: #80512f;
  flex: 1;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__question {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  color: #80512f;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon svg {
  position: absolute;
  inset: 0;
  margin: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon .icon-plus {
  opacity: 1;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__icon .icon-minus {
  opacity: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding-bottom: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel:not([hidden]) {
  max-height: 1000px;
  padding-bottom: 16px;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__panel[hidden] {
  display: block;
  max-height: 0;
  padding-bottom: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer {
  color: #80512f;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {
  margin: 0 0 12px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__answer p:last-child {
  margin-bottom: 0;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .faq-item__trigger {
  opacity: 1;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .faq-item__panel {
  visibility: visible;
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .icon-plus {
  opacity: 0;
  transform: rotate(45deg);
}
.faq-section .faq-inner .faq-section__right .faq-list .faq-item.is-open .icon-minus {
  opacity: 1;
}

@media (max-width: 767px) {
  .faq-section {
    margin: 24px 0;
  }
  .faq-section .faq-inner {
    grid-template-columns: auto;
    gap: 48px;
    padding: 24px 0 0;
  }
  .faq-section .faq-inner .faq-section__right .faq-list .faq-item .faq-item__trigger:hover {
    opacity: 1;
  }
}
/*# sourceMappingURL=faq-section.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","hero-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.heroblock-container%20%7B%0A%20%20display:%20block%20!important;%0A%7D%0A.hero-block%20%7B%0A%20%20position:%20relative;%0A%20%20isolation:%20isolate;%0A%20%20display:%20flex;%0A%20%20align-items:%20flex-end;%0A%20%20min-height:%20560px;%0A%20%20overflow:%20hidden;%0A%20%20background-color:%20$color-pale-silver;%0A%20%20color:%20$color-primary;%0A%0A%20%20&__media,%0A%20%20&__overlay%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20inset:%200;%0A%20%20%20%20z-index:%20-2;%0A%20%20%7D%0A%0A%20%20&__media%20%7B%0A%20%20%20%20img%20%7B%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20object-position:%20top;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__overlay%20%7B%0A%20%20%20%20z-index:%20-1;%0A%20%20%20%20background:%20rgba(0,%200,%200,%200.5);%0A%20%20%7D%0A%0A%20%20&__container%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20z-index:%201;%0A%20%20%20%20width:%20100%25;%0A%20%20%7D%0A%0A%20%20&__content%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20padding:%200%200%2048px;%0A%20%20%7D%0A%0A%20%20&__eyebrow%20%7B%0A%20%20%20%20margin:%200%200%2048px;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-h1;%0A%20%20%7D%0A%0A%20%20&__title%20%7B%0A%20%20%20%20margin:%200;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-h2;%0A%20%20%7D%0A%0A%20%20&--image%20%7B%0A%20%20%20%20min-height:%20560px;%0A%20%20%20%20color:%20$color-white;%0A%0A%20%20%20%20.hero-block__eyebrow%20%7B%0A%20%20%20%20%20%20color:%20$color-primary-pale;%0A%20%20%20%20%7D%0A%20%20%20%20.hero-block__title%20%7B%0A%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&--color%20%7B%0A%20%20%20%20min-height:%20560px;%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.hero-block%20%7B%0A%20%20%20%20min-height:%20418px;%0A%0A%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20padding-bottom:%2048px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__eyebrow%20%7B%0A%20%20%20%20%20%20margin-bottom:%2048px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&--image%20%7B%0A%20%20%20%20%20%20min-height:%20418px;%0A%20%20%20%20%7D%0A%20%20%20%20&--color%20%7B%0A%20%20%20%20%20%20min-height:%20418px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.hero-block%20%7B%0A%20%20%20%20min-height:%20360px;%0A%0A%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20padding-bottom:%2024px;%0A%20%20%20%20%7D%0A%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20@include%20font-20-24;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&--image%20%7B%0A%20%20%20%20%20%20min-height:%20360px;%0A%20%20%20%20%7D%0A%20%20%20%20&--color%20%7B%0A%20%20%20%20%20%20min-height:%20360px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,yBAAA;AH6LF;;AG3LA;EACE,kBAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,yBFPkB;EEQlB,cFhBoB;AD8MtB;AG5LE;EAEE,kBAAA;EACA,QAAA;EACA,WAAA;AH6LJ;AGzLI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,uBAAA;KAAA,oBAAA;AH2LN;AGvLE;EACE,WAAA;EACA,8BAAA;AHyLJ;AGtLE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;AHwLJ;AGrLE;EACE,WAAA;EACA,iBAAA;AHuLJ;AGpLE;EACE,gBAAA;EACA,cFrDkB;EG+JpB,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJuLF;AErLI;ECVF;ICOA,eCnBQ;IDoBR,iBAAA;EJ4LA;AACF;AE3LI;ECVF;ICLA,eCRQ;IDSR,iBAAA;EJ8MA;AACF;AGrME;EACE,SAAA;EACA,cF3DkB;EGsLpB,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJqJF;AE3MI;ECJF;ICqCA,eC9CQ;ID+CR,iBAAA;EJ8KA;AACF;AEjNI;ECJF;IC6BA,eCxCQ;IDyCR,iBAAA;EJ4LA;AACF;AGrNE;EACE,iBAAA;EACA,cFnCU;AD0Pd;AGrNI;EACE,cFjEO;ADwRb;AGrNI;EACE,cF9DQ;ADqRd;AGnNE;EACE,iBAAA;AHqNJ;;AEpOI;ECoBF;IACE,iBAAA;EHoNF;EGlNE;IACE,oBAAA;EHoNJ;EGjNE;IACE,mBAAA;EHmNJ;EGhNE;IACE,iBAAA;EHkNJ;EGhNE;IACE,iBAAA;EHkNJ;AACF;AEtPI;ECyCF;IACE,iBAAA;EHgNF;EG9ME;IACE,oBAAA;EHgNJ;EG9ME;IClCF,eChCQ;IDiCR,iBAAA;EJmPA;EG9ME;IACE,iBAAA;EHgNJ;EG9ME;IACE,iBAAA;EHgNJ;AACF","file":"hero-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.heroblock-container {\n  display: block !important;\n}\n\n.hero-block {\n  position: relative;\n  isolation: isolate;\n  display: flex;\n  align-items: flex-end;\n  min-height: 560px;\n  overflow: hidden;\n  background-color: #e8e4dd;\n  color: #80512f;\n}\n.hero-block__media, .hero-block__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n}\n.hero-block__media img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top;\n}\n.hero-block__overlay {\n  z-index: -1;\n  background: rgba(0, 0, 0, 0.5);\n}\n.hero-block__container {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n}\n.hero-block__content {\n  width: 100%;\n  padding: 0 0 48px;\n}\n.hero-block__eyebrow {\n  margin: 0 0 48px;\n  color: #80512f;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .hero-block__eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-block__eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.hero-block__title {\n  margin: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .hero-block__title {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-block__title {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.hero-block--image {\n  min-height: 560px;\n  color: #ffffff;\n}\n.hero-block--image .hero-block__eyebrow {\n  color: #e6d4c3;\n}\n.hero-block--image .hero-block__title {\n  color: #f6f4f1;\n}\n.hero-block--color {\n  min-height: 560px;\n}\n\n@media (max-width: 991px) {\n  .hero-block {\n    min-height: 418px;\n  }\n  .hero-block__content {\n    padding-bottom: 48px;\n  }\n  .hero-block__eyebrow {\n    margin-bottom: 48px;\n  }\n  .hero-block--image {\n    min-height: 418px;\n  }\n  .hero-block--color {\n    min-height: 418px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-block {\n    min-height: 360px;\n  }\n  .hero-block__content {\n    padding-bottom: 24px;\n  }\n  .hero-block__title {\n    font-size: 20px;\n    line-height: 24px;\n  }\n  .hero-block--image {\n    min-height: 360px;\n  }\n  .hero-block--color {\n    min-height: 360px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.heroblock-container {\n  display: block !important;\n}\n.hero-block {\n  position: relative;\n  isolation: isolate;\n  display: flex;\n  align-items: flex-end;\n  min-height: 560px;\n  overflow: hidden;\n  background-color: $color-pale-silver;\n  color: $color-primary;\n\n  &__media,\n  &__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n  }\n\n  &__media {\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: top;\n    }\n  }\n\n  &__overlay {\n    z-index: -1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  &__container {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n  }\n\n  &__content {\n    width: 100%;\n    padding: 0 0 48px;\n  }\n\n  &__eyebrow {\n    margin: 0 0 48px;\n    color: $color-primary;\n    @include type-h1;\n  }\n\n  &__title {\n    margin: 0;\n    color: $color-primary;\n    @include type-h2;\n  }\n\n  &--image {\n    min-height: 560px;\n    color: $color-white;\n\n    .hero-block__eyebrow {\n      color: $color-primary-pale;\n    }\n    .hero-block__title {\n      color: $color-neutral-lightest;\n    }\n  }\n\n  &--color {\n    min-height: 560px;\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .hero-block {\n    min-height: 418px;\n\n    &__content {\n      padding-bottom: 48px;\n    }\n\n    &__eyebrow {\n      margin-bottom: 48px;\n    }\n\n    &--image {\n      min-height: 418px;\n    }\n    &--color {\n      min-height: 418px;\n    }\n  }\n}\n\n@include maxMediaQuery(\"mobile\") {\n  .hero-block {\n    min-height: 360px;\n\n    &__content {\n      padding-bottom: 24px;\n    }\n    &__title {\n      @include font-20-24;\n    }\n\n    &--image {\n      min-height: 360px;\n    }\n    &--color {\n      min-height: 360px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.heroblock-container {
  display: block !important;
}

.hero-block {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 560px;
  overflow: hidden;
  background-color: #e8e4dd;
  color: #80512f;
}
.hero-block__media, .hero-block__overlay {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.hero-block__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.hero-block__overlay {
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}
.hero-block__container {
  position: relative;
  z-index: 1;
  width: 100%;
}
.hero-block__content {
  width: 100%;
  padding: 0 0 48px;
}
.hero-block__eyebrow {
  margin: 0 0 48px;
  color: #80512f;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .hero-block__eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .hero-block__eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.hero-block__title {
  margin: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .hero-block__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .hero-block__title {
    font-size: 28px;
    line-height: 34px;
  }
}
.hero-block--image {
  min-height: 560px;
  color: #ffffff;
}
.hero-block--image .hero-block__eyebrow {
  color: #e6d4c3;
}
.hero-block--image .hero-block__title {
  color: #f6f4f1;
}
.hero-block--color {
  min-height: 560px;
}

@media (max-width: 991px) {
  .hero-block {
    min-height: 418px;
  }
  .hero-block__content {
    padding-bottom: 48px;
  }
  .hero-block__eyebrow {
    margin-bottom: 48px;
  }
  .hero-block--image {
    min-height: 418px;
  }
  .hero-block--color {
    min-height: 418px;
  }
}
@media (max-width: 566px) {
  .hero-block {
    min-height: 360px;
  }
  .hero-block__content {
    padding-bottom: 24px;
  }
  .hero-block__title {
    font-size: 20px;
    line-height: 24px;
  }
  .hero-block--image {
    min-height: 360px;
  }
  .hero-block--color {
    min-height: 360px;
  }
}
/*# sourceMappingURL=hero-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","hero-carousel.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A/%20============================================================%0A/%20SECTION%20WRAPPER%0A/%20============================================================%0A%0A.hero-carousel-section%20%7B%0A%20%20margin-bottom:%2032px;%0A%7D%0A.hero-carousel%20%7B%0A%20%20display:%20grid;%0A%20%20width:%20100%25;%0A%20%20/%20height:%20577px;%0A%20%20overflow:%20hidden;%0A%20%20gap:%200px%20!important;%0A%0A%20%20/%20LEFT%20PANEL%0A%0A%20%20.hero-carousel-panel%20%7B%0A%20%20%20%20flex:%200%200%20318px;%0A%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20padding:%2024px;%0A%20%20%20%20grid-column:%20span%203;%0A%0A%20%20%20%20.hero-carousel-words%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%200;%0A%0A%20%20%20%20%20%20.hero-carousel-word%20%7B%0A%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20text-align:%20left;%0A%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%20%20margin-bottom:%208px;%0A%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20color%200.4s%20ease,%0A%20%20%20%20%20%20%20%20%20%20opacity%200.4s%20ease;%0A%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%20/%20%236E6E73%20grey%0A%20%20%20%20%20%20%20%20opacity:%200.2;%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20text-overflow:%20ellipsis;%0A%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%0A%20%20%20%20%20%20%20%20/%20Active%20state%20%E2%80%94%20full%20color,%20dark%0A%20%20%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%20/%20%2380512F%20brown%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&:hover:not(.is-active)%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%20/%20%2380512F%20brown%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.hero-carousel-descriptions%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20min-height:%2080px;%0A%0A%20%20%20%20%20%20.hero-carousel-desc%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20bottom:%200;%0A%20%20%20%20%20%20%20%20left:%200;%0A%20%20%20%20%20%20%20%20/%20Transition%0A%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20/%20transform:%20translateY(8px);%0A%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20opacity%200.4s%20ease,%0A%20%20%20%20%20%20%20%20%20%20transform%200.4s%20ease;%0A%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20-webkit-line-clamp:%205;%0A%20%20%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20/%20Active%20state%0A%20%20%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20/%20transform:%20translateY(0);%0A%20%20%20%20%20%20%20%20%20%20pointer-events:%20auto;%0A%20%20%20%20%20%20%20%20%20%20/%20position:%20relative;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.hero-carousel-images%20%7B%0A%20%20%20%20flex:%201;%0A%20%20%20%20position:%20relative;%0A%20%20%20%20aspect-ratio:%2016%20/%209;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20grid-column:%20span%209;%0A%0A%20%20%20%20.hero-carousel-slide%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20transform:%20translateX(100%25);%20/%20resting%20position:%20off-screen%20right%0A%20%20%20%20%20%20transition:%20transform%200.7s%20cubic-bezier(0.65,%200,%200.35,%201);%0A%20%20%20%20%20%20z-index:%201;%0A%0A%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20transform:%20translateX(0);%20/%20in%20view%0A%20%20%20%20%20%20%20%20z-index:%202;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&.is-leaving%20%7B%0A%20%20%20%20%20%20%20%20transform:%20translateX(-100%25);%20/%20exiting%20to%20the%20left%0A%20%20%20%20%20%20%20%20z-index:%201;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.hero-carousel-arrows%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20bottom:%2024px;%0A%20%20%20%20%20%20right:%2024px;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20z-index:%2010;%0A%0A%20%20%20%20%20%20.hero-carousel-arrow%20%7B%0A%20%20%20%20%20%20%20%20width:%2060px;%0A%20%20%20%20%20%20%20%20height:%2053px;%0A%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20border:%201px%20solid%20$color-chalk;%0A%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20background%200.2s%20ease,%0A%20%20%20%20%20%20%20%20%20%20border-color%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20background:%20rgba(255,%20255,%20255,%200.15);%0A%20%20%20%20%20%20%20%20%20%20border-color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20/%20No%20gap%20between%20buttons%20%E2%80%94%20share%20border%0A%20%20%20%20%20%20%20%20/%20&--prev%20%7B%0A%20%20%20%20%20%20%20%20/%20%20%20border-right:%20none;%0A%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22laptop-m%22)%20%7B%0A%20%20.hero-carousel%20%7B%0A%20%20%20%20height:%20480px;%0A%0A%20%20%20%20.hero-carousel-images%20%7B%0A%20%20%20%20%20%20aspect-ratio:%20unset;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.hero-carousel%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20height:%20375px;%0A%20%20%20%20overflow:%20hidden;%0A%0A%20%20%20%20/%20LEFT%20PANEL%0A%20%20%20%20.hero-carousel-panel%20%7B%0A%20%20%20%20%20%20flex:%200%200%20198px;%0A%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.hero-carousel-section%20%7B%0A%20%20%20%20margin-bottom:%2024px;%0A%20%20%7D%0A%0A%20%20.hero-carousel%20%7B%0A%20%20%20%20flex-direction:%20column-reverse%20!important;%0A%20%20%20%20height:%20auto;%0A%20%20%20%20overflow:%20visible;%0A%0A%20%20%20%20.hero-carousel-panel%20%7B%0A%20%20%20%20%20%20flex:%200%200%20auto;%0A%20%20%20%20%20%20min-height:%20120px;%0A%20%20%20%20%20%20padding:%2016px;%0A%0A%20%20%20%20%20%20.hero-carousel-words%20%7B%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20margin-bottom:%2016px;%0A%0A%20%20%20%20%20%20%20%20.hero-carousel-word%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20white-space:%20normal;%0A%20%20%20%20%20%20%20%20%20%20@include%20font-28;%0A%0A%20%20%20%20%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.hero-carousel-descriptions%20%7B%0A%20%20%20%20%20%20%20%20min-height:%200;%0A%0A%20%20%20%20%20%20%20%20.hero-carousel-desc%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%20%20%20%20position:%20static;%0A%20%20%20%20%20%20%20%20%20%20transform:%20none;%0A%20%20%20%20%20%20%20%20%20%20-webkit-line-clamp:%204;%0A%0A%20%20%20%20%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.hero-carousel-images%20%7B%0A%20%20%20%20%20%20flex:%200%200%20auto;%0A%20%20%20%20%20%20height:%20clamp(420px,%20122vw,%20433px);%0A%0A%20%20%20%20%20%20.hero-carousel-arrows%20%7B%0A%20%20%20%20%20%20%20%20bottom:%2016px;%0A%20%20%20%20%20%20%20%20right:%2016px;%0A%0A%20%20%20%20%20%20%20%20.hero-carousel-arrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AGvLA;EACE,mBAAA;AHyLF;;AGvLA;EACE,aAAA;EACA,WAAA;EAEA,gBAAA;EACA,mBAAA;AHyLF;AGrLE;EACE,eAAA;EACA,yBFfgB;EEgBhB,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,aAAA;EACA,mBAAA;AHuLJ;AGrLI;EACE,aAAA;EACA,sBAAA;EACA,MAAA;AHuLN;AGrLM;EACE,gBAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,8CACE;EAEF,cF7Cc;EE8Cd,YAAA;EACA,eAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EC0JN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJsIF;AEhLI;EC1BE;IC+CJ,eCrCQ;IDsCR,iBAAA;EJ+JA;AACF;AEtLI;EC1BE;ICuCJ,eChCQ;IDiCR,iBAAA;EJ6KA;AACF;AGlMQ;EACE,cFxDY;EEyDZ,UAAA;AHoMV;AGjMQ;EACE,UAAA;EACA,cF9DY;ADiQtB;AGhMQ;EACE,gBAAA;AHkMV;AG9LI;EACE,kBAAA;EACA,gBAAA;AHgMN;AG9LM;EACE,cF3Ec;EE4Ed,SAAA;EACA,kBAAA;EACA,SAAA;EACA,OAAA;EAEA,UAAA;EAEA,kDACE;EAEF,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,gBAAA;ECqLN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ6MF;AE/NI;ECaE;ICpBJ,eCdQ;IDeR,iBAAA;EJ0OA;AACF;AErOI;ECaE;IChCJ,eCJQ;IDKR,iBAAA;EJ4PA;AACF;AGzMQ;EACE,UAAA;EAEA,oBAAA;AH0MV;AGpME;EACE,OAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;AHsMJ;AGpMI;EACE,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,yDAAA;EACA,UAAA;AHsMN;AGpMM;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;AHsMR;AGnMM;EACE,wBAAA;EACA,UAAA;AHqMR;AGlMM;EACE,4BAAA;EACA,UAAA;AHoMR;AGjMI;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,QAAA;EACA,WAAA;AHmMN;AGjMM;EACE,WAAA;EACA,YAAA;EACA,uBAAA;EACA,yBAAA;EACA,cF3IM;EE4IN,eAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,wDACE;AHkMV;AG/LQ;EACE,qCAAA;EACA,qBFtJI;ADuVd;;AEnSI;EC+GF;IACE,aAAA;EHwLF;EGtLE;IACE,mBAAA;EHwLJ;AACF;AE5SI;ECwHF;IACE,aAAA;IACA,WAAA;IACA,aAAA;IACA,gBAAA;EHuLF;EGpLE;IACE,eAAA;IACA,aAAA;EHsLJ;AACF;AExTI;ECsIF;IACE,mBAAA;EHqLF;EGlLA;IACE,yCAAA;IACA,YAAA;IACA,iBAAA;EHoLF;EGlLE;IACE,cAAA;IACA,iBAAA;IACA,aAAA;EHoLJ;EGlLI;IACE,cAAA;IACA,mBAAA;EHoLN;EGlLM;IACE,aAAA;IACA,SAAA;IACA,eAAA;IACA,mBAAA;ICnIR,eCxCQ;IDyCR,iBAAA;EJwTA;EGnLQ;IACE,cAAA;EHqLV;EGhLI;IACE,aAAA;EHkLN;EGhLM;IACE,aAAA;IACA,gBAAA;IACA,eAAA;IACA,qBAAA;EHkLR;EGhLQ;IACE,oBAAA;EHkLV;EG5KE;IACE,cAAA;IACA,kCAAA;EH8KJ;EG5KI;IACE,YAAA;IACA,WAAA;EH8KN;EG3KQ;IACE,uBAAA;EH6KV;AACF","file":"hero-carousel.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.hero-carousel-section {\n  margin-bottom: 32px;\n}\n\n.hero-carousel {\n  display: grid;\n  width: 100%;\n  overflow: hidden;\n  gap: 0px !important;\n}\n.hero-carousel .hero-carousel-panel {\n  flex: 0 0 318px;\n  background-color: #e8e4dd;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px;\n  grid-column: span 3;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-words {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  padding: 0;\n  margin-bottom: 8px;\n  transition: color 0.4s ease, opacity 0.4s ease;\n  color: #80512f;\n  opacity: 0.2;\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word.is-active {\n  color: #80512f;\n  opacity: 1;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word:hover:not(.is-active) {\n  opacity: 1;\n  color: #80512f;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word:last-child {\n  margin-bottom: 0;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-descriptions {\n  position: relative;\n  min-height: 80px;\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {\n  color: #80512f;\n  margin: 0;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  pointer-events: none;\n  display: -webkit-box;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc.is-active {\n  opacity: 1;\n  pointer-events: auto;\n}\n.hero-carousel .hero-carousel-images {\n  flex: 1;\n  position: relative;\n  aspect-ratio: 16/9;\n  overflow: hidden;\n  grid-column: span 9;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-slide {\n  position: absolute;\n  inset: 0;\n  transform: translateX(100%);\n  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\n  z-index: 1;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-slide.is-active {\n  transform: translateX(0);\n  z-index: 2;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-slide.is-leaving {\n  transform: translateX(-100%);\n  z-index: 1;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-arrows {\n  position: absolute;\n  bottom: 24px;\n  right: 24px;\n  display: flex;\n  gap: 8px;\n  z-index: 10;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow {\n  width: 60px;\n  height: 53px;\n  background: transparent;\n  border: 1px solid #f6f4f1;\n  color: #f6f4f1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow:hover {\n  background: rgba(255, 255, 255, 0.15);\n  border-color: #f6f4f1;\n}\n\n@media (max-width: 1024px) {\n  .hero-carousel {\n    height: 480px;\n  }\n  .hero-carousel .hero-carousel-images {\n    aspect-ratio: unset;\n  }\n}\n@media (max-width: 991px) {\n  .hero-carousel {\n    display: flex;\n    width: 100%;\n    height: 375px;\n    overflow: hidden;\n  }\n  .hero-carousel .hero-carousel-panel {\n    flex: 0 0 198px;\n    padding: 24px;\n  }\n}\n@media (max-width: 767px) {\n  .hero-carousel-section {\n    margin-bottom: 24px;\n  }\n  .hero-carousel {\n    flex-direction: column-reverse !important;\n    height: auto;\n    overflow: visible;\n  }\n  .hero-carousel .hero-carousel-panel {\n    flex: 0 0 auto;\n    min-height: 120px;\n    padding: 16px;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-words {\n    display: block;\n    margin-bottom: 16px;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {\n    display: none;\n    margin: 0;\n    max-width: 100%;\n    white-space: normal;\n    font-size: 28px;\n    line-height: 34px;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word.is-active {\n    display: block;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions {\n    min-height: 0;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {\n    display: none;\n    position: static;\n    transform: none;\n    -webkit-line-clamp: 4;\n  }\n  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc.is-active {\n    display: -webkit-box;\n  }\n  .hero-carousel .hero-carousel-images {\n    flex: 0 0 auto;\n    height: clamp(420px, 122vw, 433px);\n  }\n  .hero-carousel .hero-carousel-images .hero-carousel-arrows {\n    bottom: 16px;\n    right: 16px;\n  }\n  .hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow:hover {\n    background: transparent;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n// ============================================================\n// SECTION WRAPPER\n// ============================================================\n\n.hero-carousel-section {\n  margin-bottom: 32px;\n}\n.hero-carousel {\n  display: grid;\n  width: 100%;\n  // height: 577px;\n  overflow: hidden;\n  gap: 0px !important;\n\n  // LEFT PANEL\n\n  .hero-carousel-panel {\n    flex: 0 0 318px;\n    background-color: $color-pale-silver;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 24px;\n    grid-column: span 3;\n\n    .hero-carousel-words {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n\n      .hero-carousel-word {\n        background: none;\n        border: none;\n        cursor: pointer;\n        text-align: left;\n        padding: 0;\n        margin-bottom: 8px;\n        transition:\n          color 0.4s ease,\n          opacity 0.4s ease;\n        color: $color-antique-brass; // #6E6E73 grey\n        opacity: 0.2;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        @include type-h3;\n\n        // Active state — full color, dark\n        &.is-active {\n          color: $color-antique-brass; // #80512F brown\n          opacity: 1;\n        }\n\n        &:hover:not(.is-active) {\n          opacity: 1;\n          color: $color-antique-brass; // #80512F brown\n        }\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n    .hero-carousel-descriptions {\n      position: relative;\n      min-height: 80px;\n\n      .hero-carousel-desc {\n        color: $color-antique-brass;\n        margin: 0;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        // Transition\n        opacity: 0;\n        // transform: translateY(8px);\n        transition:\n          opacity 0.4s ease,\n          transform 0.4s ease;\n        pointer-events: none;\n        display: -webkit-box;\n        -webkit-line-clamp: 5;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n\n        @include type-body;\n\n        // Active state\n        &.is-active {\n          opacity: 1;\n          // transform: translateY(0);\n          pointer-events: auto;\n          // position: relative;\n        }\n      }\n    }\n  }\n  .hero-carousel-images {\n    flex: 1;\n    position: relative;\n    aspect-ratio: 16 / 9;\n    overflow: hidden;\n    grid-column: span 9;\n\n    .hero-carousel-slide {\n      position: absolute;\n      inset: 0;\n      transform: translateX(100%); // resting position: off-screen right\n      transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\n      z-index: 1;\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n      }\n\n      &.is-active {\n        transform: translateX(0); // in view\n        z-index: 2;\n      }\n\n      &.is-leaving {\n        transform: translateX(-100%); // exiting to the left\n        z-index: 1;\n      }\n    }\n    .hero-carousel-arrows {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      display: flex;\n      gap: 8px;\n      z-index: 10;\n\n      .hero-carousel-arrow {\n        width: 60px;\n        height: 53px;\n        background: transparent;\n        border: 1px solid $color-chalk;\n        color: $color-chalk;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition:\n          background 0.2s ease,\n          border-color 0.2s ease;\n\n        &:hover {\n          background: rgba(255, 255, 255, 0.15);\n          border-color: $color-chalk;\n        }\n\n        // No gap between buttons — share border\n        // &--prev {\n        //   border-right: none;\n        // }\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"laptop-m\") {\n  .hero-carousel {\n    height: 480px;\n\n    .hero-carousel-images {\n      aspect-ratio: unset;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .hero-carousel {\n    display: flex;\n    width: 100%;\n    height: 375px;\n    overflow: hidden;\n\n    // LEFT PANEL\n    .hero-carousel-panel {\n      flex: 0 0 198px;\n      padding: 24px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .hero-carousel-section {\n    margin-bottom: 24px;\n  }\n\n  .hero-carousel {\n    flex-direction: column-reverse !important;\n    height: auto;\n    overflow: visible;\n\n    .hero-carousel-panel {\n      flex: 0 0 auto;\n      min-height: 120px;\n      padding: 16px;\n\n      .hero-carousel-words {\n        display: block;\n        margin-bottom: 16px;\n\n        .hero-carousel-word {\n          display: none;\n          margin: 0;\n          max-width: 100%;\n          white-space: normal;\n          @include font-28;\n\n          &.is-active {\n            display: block;\n          }\n        }\n      }\n\n      .hero-carousel-descriptions {\n        min-height: 0;\n\n        .hero-carousel-desc {\n          display: none;\n          position: static;\n          transform: none;\n          -webkit-line-clamp: 4;\n\n          &.is-active {\n            display: -webkit-box;\n          }\n        }\n      }\n    }\n\n    .hero-carousel-images {\n      flex: 0 0 auto;\n      height: clamp(420px, 122vw, 433px);\n\n      .hero-carousel-arrows {\n        bottom: 16px;\n        right: 16px;\n\n        .hero-carousel-arrow {\n          &:hover {\n            background: transparent;\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.hero-carousel-section {
  margin-bottom: 32px;
}

.hero-carousel {
  display: grid;
  width: 100%;
  overflow: hidden;
  gap: 0px !important;
}
.hero-carousel .hero-carousel-panel {
  flex: 0 0 318px;
  background-color: #e8e4dd;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  grid-column: span 3;
}
.hero-carousel .hero-carousel-panel .hero-carousel-words {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
  margin-bottom: 8px;
  transition: color 0.4s ease, opacity 0.4s ease;
  color: #80512f;
  opacity: 0.2;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {
    font-size: 20px;
    line-height: 24px;
  }
}
.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word.is-active {
  color: #80512f;
  opacity: 1;
}
.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word:hover:not(.is-active) {
  opacity: 1;
  color: #80512f;
}
.hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word:last-child {
  margin-bottom: 0;
}
.hero-carousel .hero-carousel-panel .hero-carousel-descriptions {
  position: relative;
  min-height: 80px;
}
.hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {
  color: #80512f;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {
    font-size: 14px;
    line-height: 21px;
  }
}
.hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc.is-active {
  opacity: 1;
  pointer-events: auto;
}
.hero-carousel .hero-carousel-images {
  flex: 1;
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  grid-column: span 9;
}
.hero-carousel .hero-carousel-images .hero-carousel-slide {
  position: absolute;
  inset: 0;
  transform: translateX(100%);
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}
.hero-carousel .hero-carousel-images .hero-carousel-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.hero-carousel .hero-carousel-images .hero-carousel-slide.is-active {
  transform: translateX(0);
  z-index: 2;
}
.hero-carousel .hero-carousel-images .hero-carousel-slide.is-leaving {
  transform: translateX(-100%);
  z-index: 1;
}
.hero-carousel .hero-carousel-images .hero-carousel-arrows {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow {
  width: 60px;
  height: 53px;
  background: transparent;
  border: 1px solid #f6f4f1;
  color: #f6f4f1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #f6f4f1;
}

@media (max-width: 1024px) {
  .hero-carousel {
    height: 480px;
  }
  .hero-carousel .hero-carousel-images {
    aspect-ratio: unset;
  }
}
@media (max-width: 991px) {
  .hero-carousel {
    display: flex;
    width: 100%;
    height: 375px;
    overflow: hidden;
  }
  .hero-carousel .hero-carousel-panel {
    flex: 0 0 198px;
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .hero-carousel-section {
    margin-bottom: 24px;
  }
  .hero-carousel {
    flex-direction: column-reverse !important;
    height: auto;
    overflow: visible;
  }
  .hero-carousel .hero-carousel-panel {
    flex: 0 0 auto;
    min-height: 120px;
    padding: 16px;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-words {
    display: block;
    margin-bottom: 16px;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word {
    display: none;
    margin: 0;
    max-width: 100%;
    white-space: normal;
    font-size: 28px;
    line-height: 34px;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-words .hero-carousel-word.is-active {
    display: block;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions {
    min-height: 0;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc {
    display: none;
    position: static;
    transform: none;
    -webkit-line-clamp: 4;
  }
  .hero-carousel .hero-carousel-panel .hero-carousel-descriptions .hero-carousel-desc.is-active {
    display: -webkit-box;
  }
  .hero-carousel .hero-carousel-images {
    flex: 0 0 auto;
    height: clamp(420px, 122vw, 433px);
  }
  .hero-carousel .hero-carousel-images .hero-carousel-arrows {
    bottom: 16px;
    right: 16px;
  }
  .hero-carousel .hero-carousel-images .hero-carousel-arrows .hero-carousel-arrow:hover {
    background: transparent;
  }
}
/*# sourceMappingURL=hero-carousel.css.map */

{"version":3,"sources":["data:;charset=utf-8,/*%20Add%20Block%20CSS%20Here%20*/mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.container-hero-visit%20%7B%0A%20%20display:%20block%20!important;%0A%7D%0A.hero-visit-section%20%7B%0A%20%20margin:%2032px%200;%0A%20%20.hero-visit%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20min-height:%20840px;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20background-color:%20$color-slate;%0A%0A%20%20%20%20&__media,%0A%20%20%20%20&__video,%0A%20%20%20%20&__overlay%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__media,%0A%20%20%20%20&__video%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20background-image:%20var(--hero-visit-image);%0A%20%20%20%20%20%20background-position:%20center;%0A%20%20%20%20%20%20background-size:%20cover;%0A%20%20%20%20%20%20transform:%20scale(1.01);%0A%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20filter%200.45s%20ease,%0A%20%20%20%20%20%20%20%20opacity%200.45s%20ease,%0A%20%20%20%20%20%20%20%20transform%200.45s%20ease;%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20&__overlay%20%7B%0A%20%20%20%20/%20%20%20background:%0A%20%20%20%20/%20%20%20%20%20linear-gradient(%0A%20%20%20%20/%20%20%20%20%20%20%2090deg,%0A%20%20%20%20/%20%20%20%20%20%20%20rgba($color-black,%200.58)%200%25,%0A%20%20%20%20/%20%20%20%20%20%20%20rgba($color-black,%200.32)%2048%25,%0A%20%20%20%20/%20%20%20%20%20%20%20rgba($color-black,%200.08)%20100%25%0A%20%20%20%20/%20%20%20%20%20),%0A%20%20%20%20/%20%20%20%20%20linear-gradient(%0A%20%20%20%20/%20%20%20%20%20%20%200deg,%0A%20%20%20%20/%20%20%20%20%20%20%20rgba($color-black,%200.34)%200%25,%0A%20%20%20%20/%20%20%20%20%20%20%20rgba($color-black,%200)%2050%25%0A%20%20%20%20/%20%20%20%20%20);%0A%20%20%20%20/%20%20%20transition:%20background%200.45s%20ease;%0A%20%20%20%20/%20%7D%0A%0A%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20z-index:%201;%0A%20%20%20%20%20%20/%20display:%20flex;%0A%20%20%20%20%20%20/%20flex-direction:%20column;%0A%20%20%20%20%20%20align-content:%20space-between;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20min-height:%20inherit;%0A%20%20%20%20%20%20/%20padding:%2024px;%0A%20%20%20%20%20%20color:%20$color-neutral-lightest;%0A%20%20%20%20%20%20transition:%20color%200.45s%20ease;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__eyebrow%20%7B%0A%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20max-width:%2050ch;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20-webkit-line-clamp:%201;%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20grid-column:%20col-start%201%20/%20span%2012;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__body%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20/%20max-width:%20521px;%0A%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20grid-column:%20col-start%201%20/%20span%205;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20-webkit-line-clamp:%204;%0A%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20-webkit-line-clamp:%204;%0A%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__button%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20/%20min-width:%20521px;%0A%20%20%20%20%20%20/%20max-width:%20521px;%0A%20%20%20%20%20%20min-height:%2053px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20padding:%2013px%2032px;%0A%20%20%20%20%20%20@include%20btn-fill(%0A%20%20%20%20%20%20%20%20$color-chalk,%0A%20%20%20%20%20%20%20%20$color-accent-dark,%0A%20%20%20%20%20%20%20%20$color-accent-dark,%0A%20%20%20%20%20%20%20%20$color-chalk%0A%20%20%20%20%20%20);%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__button-arrow%20%7B%0A%20%20%20%20%20%20width:%2018px;%0A%20%20%20%20%20%20height:%2018px;%0A%20%20%20%20%20%20line-height:%201;%0A%20%20%20%20%20%20transform:%20translateY(-1px);%0A%0A%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20object-fit:%20contain;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__button-icon%20%7B%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20width:%2018px;%0A%20%20%20%20%20%20height:%2018px;%0A%20%20%20%20%20%20object-fit:%20contain;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&:hover,%0A%20%20%20%20&:focus-within%20%7B%0A%20%20%20%20%20%20/%20.hero-visit__media,%0A%20%20%20%20%20%20/%20.hero-visit__video%20%7B%0A%20%20%20%20%20%20/%20%20%20opacity:%200.4;%0A%20%20%20%20%20%20/%20%20%20filter:%20grayscale(18%25)%20brightness(1.78)%20contrast(0.74);%0A%20%20%20%20%20%20/%20%20%20transform:%20scale(1);%0A%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20/%20.hero-visit__overlay%20%7B%0A%20%20%20%20%20%20/%20%20%20background:%20rgba($color-chalk,%200.72);%0A%20%20%20%20%20%20/%20%20%20border:%201px%20solid%20$color-sand;%0A%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20/%20.hero-visit__content%20%7B%0A%20%20%20%20%20%20/%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20.hero-visit__button%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.hero-visit-section%20%7B%0A%20%20%20%20.hero-visit%20%7B%0A%20%20%20%20%20%20min-height:%20760px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.hero-visit-section%20%7B%0A%20%20%20%20.hero-visit%20%7B%0A%20%20%20%20%20%20min-height:%20560px;%0A%0A%20%20%20%20%20%20/%20&__content%20%7B%0A%20%20%20%20%20%20/%20%20%20padding:%2024px;%0A%20%20%20%20%20%20/%20%7D%0A%0A%20%20%20%20%20%20&__body%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__button%20%7B%0A%20%20%20%20%20%20%20%20min-width:%20322px;%0A%20%20%20%20%20%20%20%20min-height:%2048px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.hero-visit-section%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%20%20%20%20.hero-visit%20%7B%0A%20%20%20%20%20%20min-height:%20552px;%0A%0A%20%20%20%20%20%20/%20&__content%20%7B%0A%20%20%20%20%20%20/%20%20%20padding:%2016px;%0A%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20&__eyebrow%20%7B%0A%20%20%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__body,%0A%20%20%20%20%20%20&__button%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__body%20%7B%0A%20%20%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__button%20%7B%0A%20%20%20%20%20%20%20%20min-height:%2046px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__button-arrow%20%7B%0A%20%20%20%20%20%20%20%20width:%2013px;%0A%20%20%20%20%20%20%20%20height:%2013px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","hero-visit-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAAA,uBAAA;ACIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACLF;;ADQA;;EAEE,kBAAA;ACLF;;ADQA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACLF;;ADqCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACnCF;AE4BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECnCF;AACF;AEsBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECnCF;AACF;AEcI;EHFJ;IA2BI,wBAAA;ECnCF;AACF;;ADsCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACnCF;;ADsCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACnCF;;ADsCA;EACE,aAAA;EACA,sCAAA;ACnCF;;ADuCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACtCF;ADwCE;EACE,UAAA;EACA,gCAAA;ACtCJ;;AD2CA;EACE,2BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,4BAAA;ACtCF;;ADwCA;EACE,2BAAA;ACrCF;;ADuCA;EACE,eAAA;ACpCF;;ADsCA;EACE,sBAAA;ACnCF;;ADuCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACtCF;ADwCE;EACE,UAAA;EACA,uBAAA;ACtCJ;;AD2CA;EACE,oBAAA;ACxCF;;AD0CA;EACE,uBAAA;ACvCF;;ADyCA;EACE,sBAAA;ACtCF;;ADwCA;EACE,uBAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADsCA;EACE,uBAAA;ACnCF;;ADuCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECpCF;AACF;ADwCA;;EAGE,kBAAA;EACA,iBAAA;ACvCF;;AD0CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACvCF;;AD0CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;ACzCF;;AD+CA;EACE,kBAAA;EACA,oBAAA;AC5CF;;AD8CA;EACE;IACE,aAAA;EC3CF;AACF;AH3LA;EACE,yBAAA;AG6LF;;AH3LA;EACE,cAAA;AG8LF;AH7LE;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,yBIRU;ADuMd;AH7LI;EAGE,kBAAA;EACA,QAAA;EACA,oBAAA;AG6LN;AH1LI;EAEE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,yCAAA;EACA,2BAAA;EACA,sBAAA;EACA,sBAAA;EACA,uEACE;AG0LR;AHrKI;EACE,kBAAA;EACA,UAAA;EAGA,4BAAA;EACA,8BAAA;EACA,mBAAA;EAEA,cIxDQ;EJyDR,4BAAA;EACA,WAAA;AGoKN;AHjKI;EACE,oBAAA;EACA,eAAA;EACA,gBAAA;EACA,4BAAA;EACA,qBAAA;EACA,SAAA;EACA,aAAA;EACA,gCAAA;EMiFJ,uCL3JgB;EK4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AH6LF;AE3LI;ELSA;IMZF,eCnBQ;IDoBR,iBAAA;EHkMA;AACF;AEjMI;ELSA;IMxBF,eCRQ;IDSR,iBAAA;EHoNA;AACF;AHlLI;EACE,WAAA;EAEA,aAAA;EACA,+BAAA;AGmLN;AHhLI;EACE,oBAAA;EACA,gBAAA;EACA,4BAAA;EACA,qBAAA;EACA,gBAAA;EMwFJ,sCLjLkB;EKkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AHmKF;AEzNI;EL4BA;IMKF,eC9CQ;ID+CR,iBAAA;EH4LA;AACF;AE/NI;EL4BA;IMHF,eCxCQ;IDyCR,iBAAA;EH0MA;AACF;AHhMI;EACE,oBAAA;EACA,gBAAA;EACA,4BAAA;EACA,qBAAA;EACA,gBAAA;EMwKJ,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AHgOF;AElPI;ELqCA;IM5CF,eCdQ;IDeR,iBAAA;EH6PA;AACF;AExPI;ELqCA;IMxDF,eCJQ;IDKR,iBAAA;EH+QA;AACF;AHhNI;EACE,oBAAA;EAGA,gBAAA;EACA,WAAA;EACA,kBAAA;EMgNJ,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBFnUY;EEoUZ,cFjUc;EEkUd,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AH6QF;AEvRI;EL8CA;IM7CF,eCvBQ;IDwBR,iBAAA;EH0RA;AACF;AE7RI;EL8CA;IMzDF,eCZQ;IDaR,iBAAA;EH4SA;AACF;AGZE;EACE,mBFzUY;EE0UZ,cF7UU;AD2Vd;AEvSI;EC6RA;IACE,mBFlVQ;IEmVR,cFhVU;ED6Vd;AACF;AGTE;EACE,cAAA;AHWJ;AHnPI;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,2BAAA;AGqPN;AHnPM;EACE,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;AGqPR;AHjPI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;AGmPN;AH9NM;EACE,aAAA;AGgOR;;AEpUI;EL4GA;IACE,iBAAA;EG4NJ;AACF;AE1UI;ELoHA;IACE,iBAAA;EGyNJ;EHnNI;IACE,eAAA;EGqNN;EHlNI;IACE,mBAAA;EGoNN;EHjNI;IACE,mBAAA;EGmNN;EHhNI;IACE,gBAAA;IACA,gBAAA;EGkNN;AACF;AE5VI;ELgJF;IACE,cAAA;EG+MF;EH9ME;IACE,iBAAA;EGgNJ;EH3MI;IACE,aAAA;EG6MN;EH1MI;IAEE,WAAA;IACA,eAAA;IACA,YAAA;EG2MN;EHzMI;IACE,aAAA;EG2MN;EHxMI;IACE,mBAAA;EG0MN;EHvMI;IACE,mBAAA;EGyMN;EHvMI;IACE,gBAAA;EGyMN;EHvMI;IACE,WAAA;IACA,YAAA;EGyMN;AACF","file":"hero-visit-block.css","sourcesContent":["/* Add Block CSS Here */\n@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.container-hero-visit {\n  display: block !important;\n}\n.hero-visit-section {\n  margin: 32px 0;\n  .hero-visit {\n    position: relative;\n    min-height: 840px;\n    overflow: hidden;\n    background-color: $color-slate;\n\n    &__media,\n    &__video,\n    &__overlay {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n    }\n\n    &__media,\n    &__video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      background-image: var(--hero-visit-image);\n      background-position: center;\n      background-size: cover;\n      transform: scale(1.01);\n      transition:\n        filter 0.45s ease,\n        opacity 0.45s ease,\n        transform 0.45s ease;\n    }\n\n    // &__overlay {\n    //   background:\n    //     linear-gradient(\n    //       90deg,\n    //       rgba($color-black, 0.58) 0%,\n    //       rgba($color-black, 0.32) 48%,\n    //       rgba($color-black, 0.08) 100%\n    //     ),\n    //     linear-gradient(\n    //       0deg,\n    //       rgba($color-black, 0.34) 0%,\n    //       rgba($color-black, 0) 50%\n    //     );\n    //   transition: background 0.45s ease;\n    // }\n\n    &__content {\n      position: relative;\n      z-index: 1;\n      // display: flex;\n      // flex-direction: column;\n      align-content: space-between;\n      justify-content: space-between;\n      min-height: inherit;\n      // padding: 24px;\n      color: $color-neutral-lightest;\n      transition: color 0.45s ease;\n      width: 100%;\n    }\n\n    &__eyebrow {\n      display: -webkit-box;\n      max-width: 50ch;\n      overflow: hidden;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      margin: 0;\n      padding: 24px;\n      grid-column: col-start 1 / span 12;\n      @include type-h1;\n    }\n\n    &__body {\n      width: 100%;\n      // max-width: 521px;\n      padding: 24px;\n      grid-column: col-start 1 / span 5;\n    }\n\n    &__title {\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 4;\n      margin: 0 0 24px;\n      @include type-h2;\n    }\n\n    &__text {\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 4;\n      margin: 0 0 24px;\n      @include type-body;\n    }\n\n    &__button {\n      display: inline-flex;\n      // min-width: 521px;\n      // max-width: 521px;\n      min-height: 53px;\n      width: 100%;\n      padding: 13px 32px;\n      @include btn-fill(\n        $color-chalk,\n        $color-accent-dark,\n        $color-accent-dark,\n        $color-chalk\n      );\n    }\n\n    &__button-arrow {\n      width: 18px;\n      height: 18px;\n      line-height: 1;\n      transform: translateY(-1px);\n\n      svg {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n    }\n\n    &__button-icon {\n      display: block;\n      width: 18px;\n      height: 18px;\n      object-fit: contain;\n    }\n\n    &:hover,\n    &:focus-within {\n      // .hero-visit__media,\n      // .hero-visit__video {\n      //   opacity: 0.4;\n      //   filter: grayscale(18%) brightness(1.78) contrast(0.74);\n      //   transform: scale(1);\n      // }\n\n      // .hero-visit__overlay {\n      //   background: rgba($color-chalk, 0.72);\n      //   border: 1px solid $color-sand;\n      // }\n\n      // .hero-visit__content {\n      //   color: $color-antique-brass;\n      // }\n\n      .hero-visit__button {\n        display: flex;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"desktop-sm\") {\n  .hero-visit-section {\n    .hero-visit {\n      min-height: 760px;\n    }\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .hero-visit-section {\n    .hero-visit {\n      min-height: 560px;\n\n      // &__content {\n      //   padding: 24px;\n      // }\n\n      &__body {\n        max-width: 100%;\n      }\n\n      &__title {\n        margin-bottom: 24px;\n      }\n\n      &__text {\n        margin-bottom: 24px;\n      }\n\n      &__button {\n        min-width: 322px;\n        min-height: 48px;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"mobile\") {\n  .hero-visit-section {\n    margin: 24px 0;\n    .hero-visit {\n      min-height: 552px;\n\n      // &__content {\n      //   padding: 16px;\n      // }\n      &__eyebrow {\n        padding: 16px;\n      }\n\n      &__body,\n      &__button {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n      }\n      &__body {\n        padding: 16px;\n      }\n\n      &__title {\n        margin-bottom: 24px;\n      }\n\n      &__text {\n        margin-bottom: 16px;\n      }\n      &__button {\n        min-height: 46px;\n      }\n      &__button-arrow {\n        width: 13px;\n        height: 13px;\n      }\n    }\n  }\n}\n","// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","/* Add Block CSS Here */\n@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.container-hero-visit {\n  display: block !important;\n}\n\n.hero-visit-section {\n  margin: 32px 0;\n}\n.hero-visit-section .hero-visit {\n  position: relative;\n  min-height: 840px;\n  overflow: hidden;\n  background-color: #6e6e73;\n}\n.hero-visit-section .hero-visit__media, .hero-visit-section .hero-visit__video, .hero-visit-section .hero-visit__overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n.hero-visit-section .hero-visit__media, .hero-visit-section .hero-visit__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background-image: var(--hero-visit-image);\n  background-position: center;\n  background-size: cover;\n  transform: scale(1.01);\n  transition: filter 0.45s ease, opacity 0.45s ease, transform 0.45s ease;\n}\n.hero-visit-section .hero-visit__content {\n  position: relative;\n  z-index: 1;\n  align-content: space-between;\n  justify-content: space-between;\n  min-height: inherit;\n  color: #f6f4f1;\n  transition: color 0.45s ease;\n  width: 100%;\n}\n.hero-visit-section .hero-visit__eyebrow {\n  display: -webkit-box;\n  max-width: 50ch;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  margin: 0;\n  padding: 24px;\n  grid-column: col-start 1/span 12;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .hero-visit-section .hero-visit__eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-visit-section .hero-visit__eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.hero-visit-section .hero-visit__body {\n  width: 100%;\n  padding: 24px;\n  grid-column: col-start 1/span 5;\n}\n.hero-visit-section .hero-visit__title {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  margin: 0 0 24px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .hero-visit-section .hero-visit__title {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-visit-section .hero-visit__title {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.hero-visit-section .hero-visit__text {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  margin: 0 0 24px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .hero-visit-section .hero-visit__text {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-visit-section .hero-visit__text {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.hero-visit-section .hero-visit__button {\n  display: inline-flex;\n  min-height: 53px;\n  width: 100%;\n  padding: 13px 32px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #f6f4f1;\n  color: #593887;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .hero-visit-section .hero-visit__button {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-visit-section .hero-visit__button {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.hero-visit-section .hero-visit__button:hover {\n  background: #593887;\n  color: #f6f4f1;\n}\n@media (max-width: 566px) {\n  .hero-visit-section .hero-visit__button:hover {\n    background: #f6f4f1;\n    color: #593887;\n  }\n}\n.hero-visit-section .hero-visit__button svg {\n  flex-shrink: 0;\n}\n.hero-visit-section .hero-visit__button-arrow {\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n  transform: translateY(-1px);\n}\n.hero-visit-section .hero-visit__button-arrow svg {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.hero-visit-section .hero-visit__button-icon {\n  display: block;\n  width: 18px;\n  height: 18px;\n  object-fit: contain;\n}\n.hero-visit-section .hero-visit:hover .hero-visit__button, .hero-visit-section .hero-visit:focus-within .hero-visit__button {\n  display: flex;\n}\n\n@media (max-width: 1199px) {\n  .hero-visit-section .hero-visit {\n    min-height: 760px;\n  }\n}\n@media (max-width: 991px) {\n  .hero-visit-section .hero-visit {\n    min-height: 560px;\n  }\n  .hero-visit-section .hero-visit__body {\n    max-width: 100%;\n  }\n  .hero-visit-section .hero-visit__title {\n    margin-bottom: 24px;\n  }\n  .hero-visit-section .hero-visit__text {\n    margin-bottom: 24px;\n  }\n  .hero-visit-section .hero-visit__button {\n    min-width: 322px;\n    min-height: 48px;\n  }\n}\n@media (max-width: 566px) {\n  .hero-visit-section {\n    margin: 24px 0;\n  }\n  .hero-visit-section .hero-visit {\n    min-height: 552px;\n  }\n  .hero-visit-section .hero-visit__eyebrow {\n    padding: 16px;\n  }\n  .hero-visit-section .hero-visit__body, .hero-visit-section .hero-visit__button {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n  .hero-visit-section .hero-visit__body {\n    padding: 16px;\n  }\n  .hero-visit-section .hero-visit__title {\n    margin-bottom: 24px;\n  }\n  .hero-visit-section .hero-visit__text {\n    margin-bottom: 16px;\n  }\n  .hero-visit-section .hero-visit__button {\n    min-height: 46px;\n  }\n  .hero-visit-section .hero-visit__button-arrow {\n    width: 13px;\n    height: 13px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
/* Add Block CSS Here */
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.container-hero-visit {
  display: block !important;
}

.hero-visit-section {
  margin: 32px 0;
}
.hero-visit-section .hero-visit {
  position: relative;
  min-height: 840px;
  overflow: hidden;
  background-color: #6e6e73;
}
.hero-visit-section .hero-visit__media, .hero-visit-section .hero-visit__video, .hero-visit-section .hero-visit__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-visit-section .hero-visit__media, .hero-visit-section .hero-visit__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: var(--hero-visit-image);
  background-position: center;
  background-size: cover;
  transform: scale(1.01);
  transition: filter 0.45s ease, opacity 0.45s ease, transform 0.45s ease;
}
.hero-visit-section .hero-visit__content {
  position: relative;
  z-index: 1;
  align-content: space-between;
  justify-content: space-between;
  min-height: inherit;
  color: #f6f4f1;
  transition: color 0.45s ease;
  width: 100%;
}
.hero-visit-section .hero-visit__eyebrow {
  display: -webkit-box;
  max-width: 50ch;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 0;
  padding: 24px;
  grid-column: col-start 1/span 12;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .hero-visit-section .hero-visit__eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .hero-visit-section .hero-visit__eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.hero-visit-section .hero-visit__body {
  width: 100%;
  padding: 24px;
  grid-column: col-start 1/span 5;
}
.hero-visit-section .hero-visit__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin: 0 0 24px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .hero-visit-section .hero-visit__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .hero-visit-section .hero-visit__title {
    font-size: 28px;
    line-height: 34px;
  }
}
.hero-visit-section .hero-visit__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin: 0 0 24px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .hero-visit-section .hero-visit__text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .hero-visit-section .hero-visit__text {
    font-size: 14px;
    line-height: 21px;
  }
}
.hero-visit-section .hero-visit__button {
  display: inline-flex;
  min-height: 53px;
  width: 100%;
  padding: 13px 32px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #f6f4f1;
  color: #593887;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .hero-visit-section .hero-visit__button {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .hero-visit-section .hero-visit__button {
    font-size: 14px;
    line-height: 18px;
  }
}
.hero-visit-section .hero-visit__button:hover {
  background: #593887;
  color: #f6f4f1;
}
@media (max-width: 566px) {
  .hero-visit-section .hero-visit__button:hover {
    background: #f6f4f1;
    color: #593887;
  }
}
.hero-visit-section .hero-visit__button svg {
  flex-shrink: 0;
}
.hero-visit-section .hero-visit__button-arrow {
  width: 18px;
  height: 18px;
  line-height: 1;
  transform: translateY(-1px);
}
.hero-visit-section .hero-visit__button-arrow svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-visit-section .hero-visit__button-icon {
  display: block;
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-visit-section .hero-visit:hover .hero-visit__button, .hero-visit-section .hero-visit:focus-within .hero-visit__button {
  display: flex;
}

@media (max-width: 1199px) {
  .hero-visit-section .hero-visit {
    min-height: 760px;
  }
}
@media (max-width: 991px) {
  .hero-visit-section .hero-visit {
    min-height: 560px;
  }
  .hero-visit-section .hero-visit__body {
    max-width: 100%;
  }
  .hero-visit-section .hero-visit__title {
    margin-bottom: 24px;
  }
  .hero-visit-section .hero-visit__text {
    margin-bottom: 24px;
  }
  .hero-visit-section .hero-visit__button {
    min-width: 322px;
    min-height: 48px;
  }
}
@media (max-width: 566px) {
  .hero-visit-section {
    margin: 24px 0;
  }
  .hero-visit-section .hero-visit {
    min-height: 552px;
  }
  .hero-visit-section .hero-visit__eyebrow {
    padding: 16px;
  }
  .hero-visit-section .hero-visit__body, .hero-visit-section .hero-visit__button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .hero-visit-section .hero-visit__body {
    padding: 16px;
  }
  .hero-visit-section .hero-visit__title {
    margin-bottom: 24px;
  }
  .hero-visit-section .hero-visit__text {
    margin-bottom: 16px;
  }
  .hero-visit-section .hero-visit__button {
    min-height: 46px;
  }
  .hero-visit-section .hero-visit__button-arrow {
    width: 13px;
    height: 13px;
  }
}
/*# sourceMappingURL=hero-visit-block.css.map */

{"version":3,"sources":["our-mission.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.mission-container%20%7B%0A%20%20display:%20flex%20!important;%0A%7D%0A.mission-section%20%7B%0A%20%20margin:%2032px%200;%0A%0A%20%20.mission-header%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20gap:%2024px;%0A%20%20%20%20padding:%200%200%2016px;%0A%0A%20%20%20%20.mission-label%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.shuffle-btn%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20gap:%2012px;%0A%20%20%20%20%20%20color:%20$color-accent-dark;%0A%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20padding-bottom:%202px;%0A%20%20%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20cursor:%20pointer;%0A%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20transition:%20transform%200.4s%20ease;%0A%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20opacity:%200.75;%0A%0A%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20transform:%20rotate(180deg);%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&.is-shuffling%20svg%20%7B%0A%20%20%20%20%20%20%20%20animation:%20spin%200.5s%20ease;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.cards-grid%20%7B%0A%20%20%20%20--mission-cards-per-view:%203;%0A%20%20%20%20--mission-card-gap:%201.5rem;%0A%0A%20%20%20%20display:%20flex;%0A%20%20%20%20gap:%201.5rem;%0A%20%20%20%20min-height:%20581px;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20align-items:%20stretch;%0A%0A%20%20%20%20.card%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex:%200%200%0A%20%20%20%20%20%20%20%20calc(%0A%20%20%20%20%20%20%20%20%20%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20100%25%20-%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20(var(--mission-card-gap)%20*%20(var(--mission-cards-per-view)%20-%201))%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20/%20var(--mission-cards-per-view)%0A%20%20%20%20%20%20%20%20);%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20min-height:%20581px;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20background-color%200.35s%20ease,%0A%20%20%20%20%20%20%20%20filter%200.2s%20ease,%0A%20%20%20%20%20%20%20%20opacity%200.35s%20ease,%0A%20%20%20%20%20%20%20%20transform%200.35s%20ease;%0A%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20background:%20$color-antique-brass;%0A%0A%20%20%20%20%20%20%20%20/%20Change%20child%20text%20colors%20on%20card%20hover%0A%20%20%20%20%20%20%20%20.card__quote,%0A%20%20%20%20%20%20%20%20.card__attribution%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.card__attribution::before%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&:focus-visible%20%7B%0A%20%20%20%20%20%20%20%20/%20outline:%202px%20solid%20var(--color-shuffle);%0A%20%20%20%20%20%20%20%20outline-offset:%20-2px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__trigger%20%7B%0A%20%20%20%20%20%20%20%20appearance:%20none;%0A%20%20%20%20%20%20%20%20border:%200;%0A%20%20%20%20%20%20%20%20border-radius:%200;%0A%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20color:%20inherit;%0A%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20%20%20min-height:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20%20%20text-align:%20left;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__content%20%7B%0A%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__quote%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20display:%20-webkit-box;%0A%20%20%20%20%20%20%20%20-webkit-line-clamp:%208;%0A%20%20%20%20%20%20%20%20-webkit-box-orient:%20vertical;%0A%20%20%20%20%20%20%20%20line-clamp:%208;%0A%0A%20%20%20%20%20%20%20%20word-break:%20break-word;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__attribution%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%0A%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%20%20%20%20text-overflow:%20ellipsis;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20&::before%20%7B%0A%20%20%20%20%20%20%20%20%20%20content:%20%22%5C2014%22;%0A%20%20%20%20%20%20%20%20%20%20margin-right:%200px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.card--quote%20%7B%0A%20%20%20%20%20%20background:%20$color-sand;%0A%20%20%20%20%7D%0A%20%20%20%20.card--image%20%7B%0A%20%20%20%20%20%20background:%20%23888;%0A%0A%20%20%20%20%20%20.card__trigger%20%7B%0A%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.card__image-wrap%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%0A%20%20%20%20%20%20%20%20.card__img%20%7B%0A%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20%20%20object-position:%20center%20top;%0A%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%200.5s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20filter%200.35s%20ease,%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%200.5s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20background:%20linear-gradient(%0A%20%20%20%20%20%20%20%20%20%20%20%20to%20bottom,%0A%20%20%20%20%20%20%20%20%20%20%20%20rgba(128,%2081,%2047,%200)%200%25,%0A%20%20%20%20%20%20%20%20%20%20%20%20rgba(128,%2081,%2047,%200.5)%2050%25,%0A%20%20%20%20%20%20%20%20%20%20%20%20rgba(128,%2081,%2047,%201)%20100%25%0A%20%20%20%20%20%20%20%20%20%20);%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20%20%20&:focus-within%20%7B%0A%20%20%20%20%20%20%20%20%20%20.card__img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.card__attribution--over-image%20%7B%0A%20%20%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20%20%20z-index:%202;%0A%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20margin:%20auto%200%200%200;%0A%20%20%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20/%20.card--image:hover%20%7B%0A%20%20%20%20/%20%20%20.card__image-wrap%20img%20%7B%0A%20%20%20%20/%20%20%20%20%20filter:%20sepia(1)%20hue-rotate(-15deg)%20brightness(2.1)%20contrast(0.4)%0A%20%20%20%20/%20%20%20%20%20%20%20saturate(0.6);%0A%20%20%20%20/%20%20%20%20%20opacity:%200.9;%0A%20%20%20%20/%20%20%20%7D%0A%20%20%20%20/%20%7D%0A%20%20%7D%0A%20%20.mission-cta%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20align-items:%20end;%0A%20%20%20%20/%20justify-content:%20space-between;%0A%20%20%20%20/%20gap:%20138px;%0A%20%20%20%20/%20padding:%2024px;%0A%20%20%20%20margin-top:%2016px;%0A%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20grid-column:%20span%207;%0A%20%20%20%20%20%20padding:%2024px%200%2024px%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__heading%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%0A%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__sub%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200;%0A%0A%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.mission-cta__button%20%7B%0A%20%20%20%20%20%20grid-column:%20col-start%209%20/%20span%204;%0A%20%20%20%20%20%20padding:%2024px%2024px%2024px%200;%0A%20%20%20%20%7D%0A%20%20%20%20&__btn%20%7B%0A%20%20%20%20%20%20/%20max-width:%20408px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20@include%20btn-fill(%0A%20%20%20%20%20%20%20%20$color-primary,%0A%20%20%20%20%20%20%20%20$color-chalk,%0A%20%20%20%20%20%20%20%20$color-chalk,%0A%20%20%20%20%20%20%20%20$color-antique-brass%0A%20%20%20%20%20%20);%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A/%20@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A/%20%20%20.mission-cta%20%7B%0A/%20%20%20%20%20gap:%20118px;%0A%0A/%20%20%20%20%20&__btn%20%7B%0A/%20%20%20%20%20%20%20max-width:%20300px;%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%7D%0A%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.mission-section%20%7B%0A%20%20%20%20.cards-grid%20%7B%0A%20%20%20%20%20%20--mission-cards-per-view:%203;%0A%0A%20%20%20%20%20%20min-height:%200;%0A%0A%20%20%20%20%20%20.card%20%7B%0A%20%20%20%20%20%20%20%20min-height:%20420px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20.mission-cta%20%7B%0A%20%20%20%20/%20%20%20gap:%2098px;%0A%0A%20%20%20%20/%20%20%20&__btn%20%7B%0A%20%20%20%20/%20%20%20%20%20max-width:%20248px;%0A%20%20%20%20/%20%20%20%7D%0A%20%20%20%20/%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.mission-section%20%7B%0A%20%20%20%20.cards-grid%20%7B%0A%20%20%20%20%20%20--mission-cards-per-view:%202;%0A%20%20%20%20%20%20.shuffle-btn%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20gap:%2012px;%0A%20%20%20%20%20%20%20%20color:%20$color-accent-dark;%0A%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20padding-bottom:%202px;%0A%20%20%20%20%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20transition:%20transform%200.4s%20ease;%0A%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%200.75;%0A%0A%20%20%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform:%20rotate(180deg);%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20transform:%20rotate(180deg);%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&.is-shuffling%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20animation:%20spin%200.5s%20ease;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.card%20%7B%0A%20%20%20%20%20%20%20%20min-height:%20360px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.mission-cta%20%7B%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20%20%20padding:%2024px%2024px%200%2024px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__heading%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%20130px%200;%0A%20%20%20%20%20%20%20%20@include%20font-28;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&__btn%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__icon%20%7B%0A%20%20%20%20%20%20%20%20width:%2015px;%0A%20%20%20%20%20%20%20%20height:%2015px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.mission-cta__button%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%200px%2024px%2024px%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.mission-section%20%7B%0A%20%20%20%20margin:%2016px%200;%0A%0A%20%20%20%20.mission-header%20%7B%0A%20%20%20%20%20%20padding:%200%200%208px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.cards-grid%20%7B%0A%20%20%20%20%20%20--mission-cards-per-view:%201;%0A%20%20%20%20%20%20--mission-card-gap:%208px;%0A%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20overflow:%20visible;%0A%0A%20%20%20%20%20%20.card%20%7B%0A%20%20%20%20%20%20%20%20flex:%200%200%20auto;%0A%20%20%20%20%20%20%20%20min-height:%20125px;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20background:%20$color-sand;%0A%0A%20%20%20%20%20%20%20%20%20%20.card__quote,%0A%20%20%20%20%20%20%20%20%20%20.card__attribution%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20.card__attribution::before%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&.is-mission-hidden%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.card--image%20%7B%0A%20%20%20%20%20%20%20%20.card__trigger%20%7B%0A%20%20%20%20%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.card__attribution--over-image%20%7B%0A%20%20%20%20%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.card__image-wrap%20%7B%0A%20%20%20%20%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20%20%20%20%20&:focus-within%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.card__img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20.card__attribution--over-image%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-chalk%20!important;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20.card__attribution--over-image::before%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20color:%20$color-chalk%20!important;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.mission-cta%20%7B%0A%20%20%20%20%20%20margin-top:%2016px;%0A%20%20%20%20%20%20aspect-ratio:%201%20/%201;%0A%0A%20%20%20%20%20%20&__text%20%7B%0A%20%20%20%20%20%20%20%20padding:%2016px%2016px%200%2016px;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20%20%20gap:%2010px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20&__heading%20%7B%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.mission-cta__button%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%200px%2016px%2016px%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACIR,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;AFLF;;AEQA;;EAEE,kBAAA;AFLF;;AEQA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBCjBY;EDkBZ,cAAA;AFLF;;AEqCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;AFnCF;AI4BI;EFFJ;IAaI,eAAA;IACA,gBAAA;EFnCF;AACF;AIsBI;EFFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;EFnCF;AACF;AIcI;EFFJ;IA2BI,wBAAA;EFnCF;AACF;;AEsCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;AFnCF;;AEsCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;AFnCF;;AEsCA;EACE,aAAA;EACA,sCAAA;AFnCF;;AEuCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;AFtCF;AEwCE;EACE,UAAA;EACA,gCAAA;AFtCJ;;AE2CA;EACE,2BAAA;AFxCF;;AE0CA;EACE,4BAAA;AFvCF;;AEyCA;EACE,4BAAA;AFtCF;;AEwCA;EACE,2BAAA;AFrCF;;AEuCA;EACE,eAAA;AFpCF;;AEsCA;EACE,sBAAA;AFnCF;;AEuCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;AFtCF;AEwCE;EACE,UAAA;EACA,uBAAA;AFtCJ;;AE2CA;EACE,oBAAA;AFxCF;;AE0CA;EACE,uBAAA;AFvCF;;AEyCA;EACE,sBAAA;AFtCF;;AEwCA;EACE,uBAAA;AFrCF;;AEuCA;EACE,sBAAA;AFpCF;;AEsCA;EACE,uBAAA;AFnCF;;AEuCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;EFpCF;AACF;AEwCA;;EAGE,kBAAA;EACA,iBAAA;AFvCF;;AE0CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;AFvCF;;AE0CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBCjNkB;EDkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AFzCF;;AE+CA;EACE,kBAAA;EACA,oBAAA;AF5CF;;AE8CA;EACE;IACE,aAAA;EF3CF;AACF;AK5LA;EACE,wBAAA;AL8LF;;AK5LA;EACE,cAAA;AL+LF;AK7LE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,iBAAA;AL+LJ;AK7LI;EACE,cFnBgB;EEoBhB,SAAA;EC2IJ,uCL3JgB;EK4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AN+JF;AI7JI;EC3CA;ICwCF,eCnBQ;IDoBR,iBAAA;ENoKA;AACF;AInKI;EC3CA;IC4BF,eCRQ;IDSR,iBAAA;ENsLA;AACF;AK9MI;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,cFhBU;EEiBV,UAAA;EACA,YAAA;EACA,mBAAA;EACA,gCAAA;EACA,gBAAA;EACA,eAAA;ECiMJ,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;ANkLF;AI5LI;ECrCA;ICsCF,eCvBQ;IDwBR,iBAAA;EN+LA;AACF;AIlMI;ECrCA;IC0BF,eCZQ;IDaR,iBAAA;ENiNA;AACF;AKhOM;EACE,+BAAA;EACA,cAAA;ALkOR;AK/NM;EACE,aAAA;ALiOR;AK/NQ;EACE,yBAAA;ALiOV;AK7NM;EACE,yBAAA;AL+NR;AK3NE;EACE,2BAAA;EACA,0BAAA;EAEA,aAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,oBAAA;AL4NJ;AK1NI;EACE,kBAAA;EACA,aAAA;EACA,sHAAA;EAOA,sBAAA;EACA,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,mGACE;ALqNR;AKhNM;EACE,mBFtFc;AHwStB;AK/MQ;;EAEE,cFlFI;AHmSd;AK9MQ;EACE,cFtFI;AHsSd;AK5MM;EAEE,oBAAA;AL6MR;AK1MM;EACE,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,SAAA;EACA,gBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,aAAA;EACA,OAAA;EACA,sBAAA;EACA,8BAAA;EACA,gBAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA;AL4MR;AKzMM;EACE,OAAA;EACA,cF3Hc;AHsUtB;AKxMM;EACE,cF/Hc;EEgId,SAAA;EACA,gBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,aAAA;EAEA,sBAAA;ECqEN,sCLvMkB;EKwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AN+OF;AIzRI;ECiEE;IC5CJ,eCrCQ;IDsCR,iBAAA;ENwQA;AACF;AI/RI;ECiEE;ICpDJ,eChCQ;IDiCR,iBAAA;ENsRA;AACF;AKvNM;EACE,cF5Ic;EE8Id,aAAA;EACA,mBAAA;EAEA,gBAAA;EACA,mBAAA;EACA,uBAAA;EC4HN,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;ANiSF;AInTI;EC8EE;ICrFJ,eCdQ;IDeR,iBAAA;EN8TA;AACF;AIzTI;EC8EE;ICjGJ,eCJQ;IDKR,iBAAA;ENgVA;AACF;AKtOQ;EACE,YAAA;EACA,iBAAA;ALwOV;AKpOI;EACE,mBF1JO;AHgYb;AKpOI;EACE,gBAAA;ALsON;AKpOM;EACE,UAAA;ALsOR;AKnOM;EACE,kBAAA;EACA,QAAA;ALqOR;AKnOQ;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,8BAAA;KAAA,2BAAA;EACA,cAAA;EACA,4EACE;ALoOZ;AKhOU;EACE,UAAA;EACA,UAAA;ALkOZ;AK/NU;EACE,UAAA;EACA,UAAA;ALiOZ;AK9NQ;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,kHAAA;ALgOV;AKtNY;EACE,UAAA;ALwNd;AKrNY;EACE,UAAA;ALuNd;AKlNM;EACE,kBAAA;EACA,UAAA;EACA,cFnNM;EEoNN,kBAAA;EACA,aAAA;EACA,aAAA;ECgDN,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AN0WF;AI5XI;EC4JE;ICnKJ,eCdQ;IDeR,iBAAA;ENuYA;AACF;AIlYI;EC4JE;IC/KJ,eCJQ;IDKR,iBAAA;ENyZA;AACF;AKzNE;EAEE,gBAAA;EAIA,gBAAA;EACA,mBF3OgB;EE4OhB,WAAA;ALuNJ;AKrNI;EACE,OAAA;EACA,mBAAA;EACA,yBAAA;ALuNN;AKpNI;EACE,cF7PgB;EE8PhB,kBAAA;EClDJ,sCLvMkB;EKwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;ANmXF;AI7ZI;EC+LA;IC1KF,eCrCQ;IDsCR,iBAAA;EN4YA;AACF;AInaI;EC+LA;IClLF,eChCQ;IDiCR,iBAAA;EN0ZA;AACF;AKnOI;EACE,cFpQgB;EEqQhB,SAAA;ECUJ,sCL1QkB;EK2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;ANiaF;AInbI;ECsMA;IC7MF,eCdQ;IDeR,iBAAA;EN8bA;AACF;AIzbI;ECsMA;ICzNF,eCJQ;IDKR,iBAAA;ENgdA;AACF;AKlPI;EACE,+BAAA;EACA,yBAAA;ALoPN;AKlPI;EAEE,WAAA;EACA,kBAAA;EACA,cAAA;EC+CJ,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBH5UoB;EG6UpB,cHpUY;EGqUZ,iDACE;EA5GF,uCL/NgB;EKgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;ANidF;AI3dI;ECiNA;IChNF,eCvBQ;IDwBR,iBAAA;EN8dA;AACF;AIjeI;ECiNA;IC5NF,eCZQ;IDaR,iBAAA;ENgfA;AACF;AMhNE;EACE,mBH5UU;EG6UV,cHtVkB;AHwiBtB;AI3eI;EE6RA;IACE,mBH3VgB;IG4VhB,cHnVQ;EHoiBZ;AACF;AM7ME;EACE,cAAA;AN+MJ;;AIpfI;EC4OA;IACE,2BAAA;IAEA,aAAA;EL2QJ;EKzQI;IACE,iBAAA;EL2QN;AACF;AI9fI;ECkQA;IACE,2BAAA;EL+PJ;EK9PI;IACE,aAAA;IACA,mBAAA;IACA,SAAA;IACA,cFzTQ;IE0TR,UAAA;IACA,YAAA;IACA,mBAAA;IACA,gCAAA;IACA,gBAAA;IACA,eAAA;ICxGN,uCL/NgB;IKgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EN2gBA;AACF;AIthBI;ECoQE;ICnQJ,eCvBQ;IDwBR,iBAAA;ENyhBA;AACF;AI5hBI;ECoQE;IC/QJ,eCZQ;IDaR,iBAAA;EN2iBA;AACF;AIliBI;ECiRI;IACE,+BAAA;IACA,cAAA;ELoRR;EKjRM;IACE,aAAA;ELmRR;EKjRQ;IACE,yBAAA;IAEA,yBAAA;ELkRV;EK9QM;IACE,yBAAA;ELgRR;EK5QI;IACE,iBAAA;EL8QN;EK3QE;IACE,sBAAA;IACA,SAAA;EL6QJ;EK3QI;IACE,yBAAA;EL6QN;EK1QI;IACE,mBAAA;ICzRN,eCxCQ;IDyCR,iBAAA;ENsiBA;EK1QI;IACE,eAAA;EL4QN;EK1QI;IACE,WAAA;IACA,YAAA;EL4QN;EK1QI;IACE,WAAA;IACA,2BAAA;EL4QN;AACF;AI5kBI;ECsUF;IACE,cAAA;ELyQF;EKvQE;IACE,kBAAA;ELyQJ;EKtQE;IACE,2BAAA;IACA,uBAAA;IAEA,sBAAA;IACA,QAAA;IACA,iBAAA;ELuQJ;EKrQI;IACE,cAAA;IACA,iBAAA;IACA,WAAA;ELuQN;EKrQM;IACE,mBFrZG;EH4pBX;EKrQQ;;IAEE,cF5ZU;EHmqBpB;EKpQQ;IACE,cFhaU;EHsqBpB;EKlQM;IACE,aAAA;IACA,SAAA;ELoQR;EKjQM;IACE,aAAA;ELmQR;EK9PM;IACE,UAAA;ELgQR;EK7PM;IACE,aAAA;EL+PR;EKzPY;IACE,UAAA;EL2Pd;EKxPY;IACE,UAAA;EL0Pd;EKpPQ;IACE,yBAAA;ELsPV;EKpPQ;IACE,yBAAA;ELsPV;EKhPE;IACE,gBAAA;IACA,iBAAA;ELkPJ;EKhPI;IACE,yBAAA;IACA,YAAA;IACA,aAAA;IACA,sBAAA;IACA,8BAAA;IACA,SAAA;ELkPN;EKhPI;IACE,SAAA;ELkPN;EK/OI;IACE,WAAA;IACA,2BAAA;ELiPN;AACF","file":"our-mission.css","sourcesContent":["@charset \"UTF-8\";\n@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.mission-container {\n  display: flex !important;\n}\n\n.mission-section {\n  margin: 32px 0;\n}\n.mission-section .mission-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 0 0 16px;\n}\n.mission-section .mission-header .mission-label {\n  color: #80512f;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .mission-section .mission-header .mission-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .mission-header .mission-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.mission-section .mission-header .shuffle-btn {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #593887;\n  padding: 0;\n  border: none;\n  padding-bottom: 2px;\n  border-bottom: 2px solid #593887;\n  background: none;\n  cursor: pointer;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .mission-section .mission-header .shuffle-btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .mission-header .shuffle-btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.mission-section .mission-header .shuffle-btn svg {\n  transition: transform 0.4s ease;\n  flex-shrink: 0;\n}\n.mission-section .mission-header .shuffle-btn:hover {\n  opacity: 0.75;\n}\n.mission-section .mission-header .shuffle-btn:hover svg {\n  transform: rotate(180deg);\n}\n.mission-section .mission-header .shuffle-btn.is-shuffling svg {\n  animation: spin 0.5s ease;\n}\n.mission-section .cards-grid {\n  --mission-cards-per-view: 3;\n  --mission-card-gap: 1.5rem;\n  display: flex;\n  gap: 1.5rem;\n  min-height: 581px;\n  overflow: hidden;\n  align-items: stretch;\n}\n.mission-section .cards-grid .card {\n  position: relative;\n  display: flex;\n  flex: 0 0 calc((100% - var(--mission-card-gap) * (var(--mission-cards-per-view) - 1)) / var(--mission-cards-per-view));\n  flex-direction: column;\n  justify-content: space-between;\n  min-height: 581px;\n  overflow: hidden;\n  transition: background-color 0.35s ease, filter 0.2s ease, opacity 0.35s ease, transform 0.35s ease;\n}\n.mission-section .cards-grid .card:hover {\n  background: #80512f;\n}\n.mission-section .cards-grid .card:hover .card__quote,\n.mission-section .cards-grid .card:hover .card__attribution {\n  color: #f6f4f1;\n}\n.mission-section .cards-grid .card:hover .card__attribution::before {\n  color: #f6f4f1;\n}\n.mission-section .cards-grid .card:focus-visible {\n  outline-offset: -2px;\n}\n.mission-section .cards-grid .card__trigger {\n  appearance: none;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n  min-height: 100%;\n  padding: 24px;\n  text-align: left;\n  width: 100%;\n}\n.mission-section .cards-grid .card__content {\n  flex: 1;\n  color: #80512f;\n}\n.mission-section .cards-grid .card__quote {\n  color: #80512f;\n  margin: 0;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 8;\n  -webkit-box-orient: vertical;\n  line-clamp: 8;\n  word-break: break-word;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .mission-section .cards-grid .card__quote {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .cards-grid .card__quote {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.mission-section .cards-grid .card__attribution {\n  color: #80512f;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .mission-section .cards-grid .card__attribution {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .cards-grid .card__attribution {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.mission-section .cards-grid .card__attribution::before {\n  content: \"—\";\n  margin-right: 0px;\n}\n.mission-section .cards-grid .card--quote {\n  background: #e6d4c3;\n}\n.mission-section .cards-grid .card--image {\n  background: #888;\n}\n.mission-section .cards-grid .card--image .card__trigger {\n  padding: 0;\n}\n.mission-section .cards-grid .card--image .card__image-wrap {\n  position: absolute;\n  inset: 0;\n}\n.mission-section .cards-grid .card--image .card__image-wrap .card__img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n  transition: opacity 0.5s ease-in-out, filter 0.35s ease, transform 0.5s ease;\n}\n.mission-section .cards-grid .card--image .card__image-wrap .card__img--default {\n  z-index: 0;\n  opacity: 1;\n}\n.mission-section .cards-grid .card--image .card__image-wrap .card__img--hover {\n  z-index: 0;\n  opacity: 0;\n}\n.mission-section .cards-grid .card--image .card__image-wrap::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(128, 81, 47, 0) 0%, rgba(128, 81, 47, 0.5) 50%, rgb(128, 81, 47) 100%);\n}\n.mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--default, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--default {\n  opacity: 0;\n}\n.mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--hover, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--hover {\n  opacity: 1;\n}\n.mission-section .cards-grid .card--image .card__attribution--over-image {\n  position: relative;\n  z-index: 2;\n  color: #f6f4f1;\n  margin: auto 0 0 0;\n  padding: 24px;\n  display: flex;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .mission-section .cards-grid .card--image .card__attribution--over-image {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .cards-grid .card--image .card__attribution--over-image {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.mission-section .mission-cta {\n  align-items: end;\n  margin-top: 16px;\n  background: #e8e4dd;\n  width: 100%;\n}\n.mission-section .mission-cta__text {\n  flex: 1;\n  grid-column: span 7;\n  padding: 24px 0 24px 24px;\n}\n.mission-section .mission-cta__heading {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .mission-section .mission-cta__heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .mission-cta__heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.mission-section .mission-cta__sub {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .mission-section .mission-cta__sub {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .mission-cta__sub {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.mission-section .mission-cta .mission-cta__button {\n  grid-column: col-start 9/span 4;\n  padding: 24px 24px 24px 0;\n}\n.mission-section .mission-cta__btn {\n  width: 100%;\n  padding: 14px 24px;\n  flex-shrink: 0;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #80512f;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .mission-section .mission-cta__btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section .mission-cta__btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.mission-section .mission-cta__btn:hover {\n  background: #f6f4f1;\n  color: #80512f;\n}\n@media (max-width: 566px) {\n  .mission-section .mission-cta__btn:hover {\n    background: #80512f;\n    color: #f6f4f1;\n  }\n}\n.mission-section .mission-cta__btn svg {\n  flex-shrink: 0;\n}\n\n@media (max-width: 991px) {\n  .mission-section .cards-grid {\n    --mission-cards-per-view: 3;\n    min-height: 0;\n  }\n  .mission-section .cards-grid .card {\n    min-height: 420px;\n  }\n}\n@media (max-width: 767px) {\n  .mission-section .cards-grid {\n    --mission-cards-per-view: 2;\n  }\n  .mission-section .cards-grid .shuffle-btn {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: #593887;\n    padding: 0;\n    border: none;\n    padding-bottom: 2px;\n    border-bottom: 2px solid #593887;\n    background: none;\n    cursor: pointer;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .mission-section .cards-grid .shuffle-btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .mission-section .cards-grid .shuffle-btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .mission-section .cards-grid .shuffle-btn svg {\n    transition: transform 0.4s ease;\n    flex-shrink: 0;\n  }\n  .mission-section .cards-grid .shuffle-btn:hover {\n    opacity: 0.75;\n  }\n  .mission-section .cards-grid .shuffle-btn:hover svg {\n    transform: rotate(180deg);\n    transform: rotate(180deg);\n  }\n  .mission-section .cards-grid .shuffle-btn.is-shuffling svg {\n    animation: spin 0.5s ease;\n  }\n  .mission-section .cards-grid .card {\n    min-height: 360px;\n  }\n  .mission-section .mission-cta {\n    flex-direction: column;\n    gap: 16px;\n  }\n  .mission-section .mission-cta__text {\n    padding: 24px 24px 0 24px;\n  }\n  .mission-section .mission-cta__heading {\n    margin: 0 0 130px 0;\n    font-size: 28px;\n    line-height: 34px;\n  }\n  .mission-section .mission-cta__btn {\n    max-width: 100%;\n  }\n  .mission-section .mission-cta__icon {\n    width: 15px;\n    height: 15px;\n  }\n  .mission-section .mission-cta .mission-cta__button {\n    width: 100%;\n    padding: 0px 24px 24px 24px;\n  }\n}\n@media (max-width: 566px) {\n  .mission-section {\n    margin: 16px 0;\n  }\n  .mission-section .mission-header {\n    padding: 0 0 8px 0;\n  }\n  .mission-section .cards-grid {\n    --mission-cards-per-view: 1;\n    --mission-card-gap: 8px;\n    flex-direction: column;\n    gap: 8px;\n    overflow: visible;\n  }\n  .mission-section .cards-grid .card {\n    flex: 0 0 auto;\n    min-height: 125px;\n    width: 100%;\n  }\n  .mission-section .cards-grid .card:hover {\n    background: #e6d4c3;\n  }\n  .mission-section .cards-grid .card:hover .card__quote,\n  .mission-section .cards-grid .card:hover .card__attribution {\n    color: #80512f;\n  }\n  .mission-section .cards-grid .card:hover .card__attribution::before {\n    color: #80512f;\n  }\n  .mission-section .cards-grid .card__trigger {\n    padding: 16px;\n    gap: 16px;\n  }\n  .mission-section .cards-grid .card.is-mission-hidden {\n    display: none;\n  }\n  .mission-section .cards-grid .card--image .card__trigger {\n    padding: 0;\n  }\n  .mission-section .cards-grid .card--image .card__attribution--over-image {\n    padding: 16px;\n  }\n  .mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--default, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--default {\n    opacity: 1;\n  }\n  .mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--hover, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--hover {\n    opacity: 0;\n  }\n  .mission-section .cards-grid .card--image:hover .card__attribution--over-image {\n    color: #f6f4f1 !important;\n  }\n  .mission-section .cards-grid .card--image:hover .card__attribution--over-image::before {\n    color: #f6f4f1 !important;\n  }\n  .mission-section .mission-cta {\n    margin-top: 16px;\n    aspect-ratio: 1/1;\n  }\n  .mission-section .mission-cta__text {\n    padding: 16px 16px 0 16px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 10px;\n  }\n  .mission-section .mission-cta__heading {\n    margin: 0;\n  }\n  .mission-section .mission-cta .mission-cta__button {\n    width: 100%;\n    padding: 0px 16px 16px 16px;\n  }\n}","// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.mission-container {\n  display: flex !important;\n}\n.mission-section {\n  margin: 32px 0;\n\n  .mission-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding: 0 0 16px;\n\n    .mission-label {\n      color: $color-primary;\n      margin: 0;\n      @include type-h1;\n    }\n\n    .shuffle-btn {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: $color-accent-dark;\n      padding: 0;\n      border: none;\n      padding-bottom: 2px;\n      border-bottom: 2px solid $color-accent-dark;\n      background: none;\n      cursor: pointer;\n\n      @include type-h4;\n      svg {\n        transition: transform 0.4s ease;\n        flex-shrink: 0;\n      }\n\n      &:hover {\n        opacity: 0.75;\n\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      &.is-shuffling svg {\n        animation: spin 0.5s ease;\n      }\n    }\n  }\n  .cards-grid {\n    --mission-cards-per-view: 3;\n    --mission-card-gap: 1.5rem;\n\n    display: flex;\n    gap: 1.5rem;\n    min-height: 581px;\n    overflow: hidden;\n    align-items: stretch;\n\n    .card {\n      position: relative;\n      display: flex;\n      flex: 0 0\n        calc(\n          (\n              100% -\n                (var(--mission-card-gap) * (var(--mission-cards-per-view) - 1))\n            ) / var(--mission-cards-per-view)\n        );\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 581px;\n      overflow: hidden;\n      transition:\n        background-color 0.35s ease,\n        filter 0.2s ease,\n        opacity 0.35s ease,\n        transform 0.35s ease;\n\n      &:hover {\n        background: $color-antique-brass;\n\n        // Change child text colors on card hover\n        .card__quote,\n        .card__attribution {\n          color: $color-chalk;\n        }\n\n        .card__attribution::before {\n          color: $color-chalk;\n        }\n      }\n\n      &:focus-visible {\n        // outline: 2px solid var(--color-shuffle);\n        outline-offset: -2px;\n      }\n\n      &__trigger {\n        appearance: none;\n        border: 0;\n        border-radius: 0;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        justify-content: space-between;\n        min-height: 100%;\n        padding: 24px;\n        text-align: left;\n        width: 100%;\n      }\n\n      &__content {\n        flex: 1;\n        color: $color-primary;\n      }\n\n      &__quote {\n        color: $color-primary;\n        margin: 0;\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 8;\n        -webkit-box-orient: vertical;\n        line-clamp: 8;\n\n        word-break: break-word;\n        @include type-h3;\n      }\n\n      &__attribution {\n        color: $color-primary;\n\n        display: flex;\n        align-items: center;\n\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        @include type-body;\n\n        &::before {\n          content: \"\\2014\";\n          margin-right: 0px;\n        }\n      }\n    }\n    .card--quote {\n      background: $color-sand;\n    }\n    .card--image {\n      background: #888;\n\n      .card__trigger {\n        padding: 0;\n      }\n\n      .card__image-wrap {\n        position: absolute;\n        inset: 0;\n\n        .card__img {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          object-position: center top;\n          display: block;\n          transition:\n            opacity 0.5s ease-in-out,\n            filter 0.35s ease,\n            transform 0.5s ease;\n\n          &--default {\n            z-index: 0;\n            opacity: 1;\n          }\n\n          &--hover {\n            z-index: 0;\n            opacity: 0;\n          }\n        }\n        &::after {\n          content: \"\";\n          position: absolute;\n          inset: 0;\n          background: linear-gradient(\n            to bottom,\n            rgba(128, 81, 47, 0) 0%,\n            rgba(128, 81, 47, 0.5) 50%,\n            rgba(128, 81, 47, 1) 100%\n          );\n        }\n        &:hover,\n        &:focus-within {\n          .card__img {\n            &--default {\n              opacity: 0;\n            }\n\n            &--hover {\n              opacity: 1;\n            }\n          }\n        }\n      }\n      .card__attribution--over-image {\n        position: relative;\n        z-index: 2;\n        color: $color-chalk;\n        margin: auto 0 0 0;\n        padding: 24px;\n        display: flex;\n\n        @include type-body;\n      }\n    }\n    // .card--image:hover {\n    //   .card__image-wrap img {\n    //     filter: sepia(1) hue-rotate(-15deg) brightness(2.1) contrast(0.4)\n    //       saturate(0.6);\n    //     opacity: 0.9;\n    //   }\n    // }\n  }\n  .mission-cta {\n    // display: flex;\n    align-items: end;\n    // justify-content: space-between;\n    // gap: 138px;\n    // padding: 24px;\n    margin-top: 16px;\n    background: $color-pale-silver;\n    width: 100%;\n\n    &__text {\n      flex: 1;\n      grid-column: span 7;\n      padding: 24px 0 24px 24px;\n    }\n\n    &__heading {\n      color: $color-primary;\n      margin: 0 0 24px 0;\n\n      @include type-h3;\n    }\n\n    &__sub {\n      color: $color-primary;\n      margin: 0;\n\n      @include type-body;\n    }\n\n    .mission-cta__button {\n      grid-column: col-start 9 / span 4;\n      padding: 24px 24px 24px 0;\n    }\n    &__btn {\n      // max-width: 408px;\n      width: 100%;\n      padding: 14px 24px;\n      flex-shrink: 0;\n      @include btn-fill(\n        $color-primary,\n        $color-chalk,\n        $color-chalk,\n        $color-antique-brass\n      );\n    }\n  }\n}\n\n// @include maxMediaQuery(\"desktop-sm\") {\n//   .mission-cta {\n//     gap: 118px;\n\n//     &__btn {\n//       max-width: 300px;\n//     }\n//   }\n// }\n\n@include maxMediaQuery(\"tablet\") {\n  .mission-section {\n    .cards-grid {\n      --mission-cards-per-view: 3;\n\n      min-height: 0;\n\n      .card {\n        min-height: 420px;\n      }\n    }\n\n    // .mission-cta {\n    //   gap: 98px;\n\n    //   &__btn {\n    //     max-width: 248px;\n    //   }\n    // }\n  }\n}\n\n@include maxMediaQuery(\"tablet-sm\") {\n  .mission-section {\n    .cards-grid {\n      --mission-cards-per-view: 2;\n      .shuffle-btn {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        color: $color-accent-dark;\n        padding: 0;\n        border: none;\n        padding-bottom: 2px;\n        border-bottom: 2px solid $color-accent-dark;\n        background: none;\n        cursor: pointer;\n\n        @include type-h4;\n        svg {\n          transition: transform 0.4s ease;\n          flex-shrink: 0;\n        }\n\n        &:hover {\n          opacity: 0.75;\n\n          svg {\n            transform: rotate(180deg);\n\n            transform: rotate(180deg);\n          }\n        }\n\n        &.is-shuffling svg {\n          animation: spin 0.5s ease;\n        }\n      }\n\n      .card {\n        min-height: 360px;\n      }\n    }\n    .mission-cta {\n      flex-direction: column;\n      gap: 16px;\n\n      &__text {\n        padding: 24px 24px 0 24px;\n      }\n\n      &__heading {\n        margin: 0 0 130px 0;\n        @include font-28;\n      }\n\n      &__btn {\n        max-width: 100%;\n      }\n      &__icon {\n        width: 15px;\n        height: 15px;\n      }\n      .mission-cta__button {\n        width: 100%;\n        padding: 0px 24px 24px 24px;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"mobile\") {\n  .mission-section {\n    margin: 16px 0;\n\n    .mission-header {\n      padding: 0 0 8px 0;\n    }\n\n    .cards-grid {\n      --mission-cards-per-view: 1;\n      --mission-card-gap: 8px;\n\n      flex-direction: column;\n      gap: 8px;\n      overflow: visible;\n\n      .card {\n        flex: 0 0 auto;\n        min-height: 125px;\n        width: 100%;\n\n        &:hover {\n          background: $color-sand;\n\n          .card__quote,\n          .card__attribution {\n            color: $color-primary;\n          }\n\n          .card__attribution::before {\n            color: $color-primary;\n          }\n        }\n\n        &__trigger {\n          padding: 16px;\n          gap: 16px;\n        }\n\n        &.is-mission-hidden {\n          display: none;\n        }\n      }\n\n      .card--image {\n        .card__trigger {\n          padding: 0;\n        }\n\n        .card__attribution--over-image {\n          padding: 16px;\n        }\n        .card__image-wrap {\n          &:hover,\n          &:focus-within {\n            .card__img {\n              &--default {\n                opacity: 1;\n              }\n\n              &--hover {\n                opacity: 0;\n              }\n            }\n          }\n        }\n        &:hover {\n          .card__attribution--over-image {\n            color: $color-chalk !important;\n          }\n          .card__attribution--over-image::before {\n            color: $color-chalk !important;\n          }\n        }\n      }\n    }\n\n    .mission-cta {\n      margin-top: 16px;\n      aspect-ratio: 1 / 1;\n\n      &__text {\n        padding: 16px 16px 0 16px;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        gap: 10px;\n      }\n      &__heading {\n        margin: 0;\n      }\n\n      .mission-cta__button {\n        width: 100%;\n        padding: 0px 16px 16px 16px;\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@charset "UTF-8";
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.mission-container {
  display: flex !important;
}

.mission-section {
  margin: 32px 0;
}
.mission-section .mission-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 0 16px;
}
.mission-section .mission-header .mission-label {
  color: #80512f;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .mission-section .mission-header .mission-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .mission-section .mission-header .mission-label {
    font-size: 14px;
    line-height: 16px;
  }
}
.mission-section .mission-header .shuffle-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #593887;
  padding: 0;
  border: none;
  padding-bottom: 2px;
  border-bottom: 2px solid #593887;
  background: none;
  cursor: pointer;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .mission-section .mission-header .shuffle-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .mission-section .mission-header .shuffle-btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.mission-section .mission-header .shuffle-btn svg {
  transition: transform 0.4s ease;
  flex-shrink: 0;
}
.mission-section .mission-header .shuffle-btn:hover {
  opacity: 0.75;
}
.mission-section .mission-header .shuffle-btn:hover svg {
  transform: rotate(180deg);
}
.mission-section .mission-header .shuffle-btn.is-shuffling svg {
  animation: spin 0.5s ease;
}
.mission-section .cards-grid {
  --mission-cards-per-view: 3;
  --mission-card-gap: 1.5rem;
  display: flex;
  gap: 1.5rem;
  min-height: 581px;
  overflow: hidden;
  align-items: stretch;
}
.mission-section .cards-grid .card {
  position: relative;
  display: flex;
  flex: 0 0 calc((100% - var(--mission-card-gap) * (var(--mission-cards-per-view) - 1)) / var(--mission-cards-per-view));
  flex-direction: column;
  justify-content: space-between;
  min-height: 581px;
  overflow: hidden;
  transition: background-color 0.35s ease, filter 0.2s ease, opacity 0.35s ease, transform 0.35s ease;
}
.mission-section .cards-grid .card:hover {
  background: #80512f;
}
.mission-section .cards-grid .card:hover .card__quote,
.mission-section .cards-grid .card:hover .card__attribution {
  color: #f6f4f1;
}
.mission-section .cards-grid .card:hover .card__attribution::before {
  color: #f6f4f1;
}
.mission-section .cards-grid .card:focus-visible {
  outline-offset: -2px;
}
.mission-section .cards-grid .card__trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 24px;
  text-align: left;
  width: 100%;
}
.mission-section .cards-grid .card__content {
  flex: 1;
  color: #80512f;
}
.mission-section .cards-grid .card__quote {
  color: #80512f;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  line-clamp: 8;
  word-break: break-word;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .mission-section .cards-grid .card__quote {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .mission-section .cards-grid .card__quote {
    font-size: 20px;
    line-height: 24px;
  }
}
.mission-section .cards-grid .card__attribution {
  color: #80512f;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .mission-section .cards-grid .card__attribution {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .mission-section .cards-grid .card__attribution {
    font-size: 14px;
    line-height: 21px;
  }
}
.mission-section .cards-grid .card__attribution::before {
  content: "—";
  margin-right: 0px;
}
.mission-section .cards-grid .card--quote {
  background: #e6d4c3;
}
.mission-section .cards-grid .card--image {
  background: #888;
}
.mission-section .cards-grid .card--image .card__trigger {
  padding: 0;
}
.mission-section .cards-grid .card--image .card__image-wrap {
  position: absolute;
  inset: 0;
}
.mission-section .cards-grid .card--image .card__image-wrap .card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
  transition: opacity 0.5s ease-in-out, filter 0.35s ease, transform 0.5s ease;
}
.mission-section .cards-grid .card--image .card__image-wrap .card__img--default {
  z-index: 0;
  opacity: 1;
}
.mission-section .cards-grid .card--image .card__image-wrap .card__img--hover {
  z-index: 0;
  opacity: 0;
}
.mission-section .cards-grid .card--image .card__image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(128, 81, 47, 0) 0%, rgba(128, 81, 47, 0.5) 50%, rgb(128, 81, 47) 100%);
}
.mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--default, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--default {
  opacity: 0;
}
.mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--hover, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--hover {
  opacity: 1;
}
.mission-section .cards-grid .card--image .card__attribution--over-image {
  position: relative;
  z-index: 2;
  color: #f6f4f1;
  margin: auto 0 0 0;
  padding: 24px;
  display: flex;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .mission-section .cards-grid .card--image .card__attribution--over-image {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .mission-section .cards-grid .card--image .card__attribution--over-image {
    font-size: 14px;
    line-height: 21px;
  }
}
.mission-section .mission-cta {
  align-items: end;
  margin-top: 16px;
  background: #e8e4dd;
  width: 100%;
}
.mission-section .mission-cta__text {
  flex: 1;
  grid-column: span 7;
  padding: 24px 0 24px 24px;
}
.mission-section .mission-cta__heading {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .mission-section .mission-cta__heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .mission-section .mission-cta__heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.mission-section .mission-cta__sub {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .mission-section .mission-cta__sub {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .mission-section .mission-cta__sub {
    font-size: 14px;
    line-height: 21px;
  }
}
.mission-section .mission-cta .mission-cta__button {
  grid-column: col-start 9/span 4;
  padding: 24px 24px 24px 0;
}
.mission-section .mission-cta__btn {
  width: 100%;
  padding: 14px 24px;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #80512f;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .mission-section .mission-cta__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .mission-section .mission-cta__btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.mission-section .mission-cta__btn:hover {
  background: #f6f4f1;
  color: #80512f;
}
@media (max-width: 566px) {
  .mission-section .mission-cta__btn:hover {
    background: #80512f;
    color: #f6f4f1;
  }
}
.mission-section .mission-cta__btn svg {
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .mission-section .cards-grid {
    --mission-cards-per-view: 3;
    min-height: 0;
  }
  .mission-section .cards-grid .card {
    min-height: 420px;
  }
}
@media (max-width: 767px) {
  .mission-section .cards-grid {
    --mission-cards-per-view: 2;
  }
  .mission-section .cards-grid .shuffle-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #593887;
    padding: 0;
    border: none;
    padding-bottom: 2px;
    border-bottom: 2px solid #593887;
    background: none;
    cursor: pointer;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .mission-section .cards-grid .shuffle-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .mission-section .cards-grid .shuffle-btn {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .mission-section .cards-grid .shuffle-btn svg {
    transition: transform 0.4s ease;
    flex-shrink: 0;
  }
  .mission-section .cards-grid .shuffle-btn:hover {
    opacity: 0.75;
  }
  .mission-section .cards-grid .shuffle-btn:hover svg {
    transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .mission-section .cards-grid .shuffle-btn.is-shuffling svg {
    animation: spin 0.5s ease;
  }
  .mission-section .cards-grid .card {
    min-height: 360px;
  }
  .mission-section .mission-cta {
    flex-direction: column;
    gap: 16px;
  }
  .mission-section .mission-cta__text {
    padding: 24px 24px 0 24px;
  }
  .mission-section .mission-cta__heading {
    margin: 0 0 130px 0;
    font-size: 28px;
    line-height: 34px;
  }
  .mission-section .mission-cta__btn {
    max-width: 100%;
  }
  .mission-section .mission-cta__icon {
    width: 15px;
    height: 15px;
  }
  .mission-section .mission-cta .mission-cta__button {
    width: 100%;
    padding: 0px 24px 24px 24px;
  }
}
@media (max-width: 566px) {
  .mission-section {
    margin: 16px 0;
  }
  .mission-section .mission-header {
    padding: 0 0 8px 0;
  }
  .mission-section .cards-grid {
    --mission-cards-per-view: 1;
    --mission-card-gap: 8px;
    flex-direction: column;
    gap: 8px;
    overflow: visible;
  }
  .mission-section .cards-grid .card {
    flex: 0 0 auto;
    min-height: 125px;
    width: 100%;
  }
  .mission-section .cards-grid .card:hover {
    background: #e6d4c3;
  }
  .mission-section .cards-grid .card:hover .card__quote,
  .mission-section .cards-grid .card:hover .card__attribution {
    color: #80512f;
  }
  .mission-section .cards-grid .card:hover .card__attribution::before {
    color: #80512f;
  }
  .mission-section .cards-grid .card__trigger {
    padding: 16px;
    gap: 16px;
  }
  .mission-section .cards-grid .card.is-mission-hidden {
    display: none;
  }
  .mission-section .cards-grid .card--image .card__trigger {
    padding: 0;
  }
  .mission-section .cards-grid .card--image .card__attribution--over-image {
    padding: 16px;
  }
  .mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--default, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--default {
    opacity: 1;
  }
  .mission-section .cards-grid .card--image .card__image-wrap:hover .card__img--hover, .mission-section .cards-grid .card--image .card__image-wrap:focus-within .card__img--hover {
    opacity: 0;
  }
  .mission-section .cards-grid .card--image:hover .card__attribution--over-image {
    color: #f6f4f1 !important;
  }
  .mission-section .cards-grid .card--image:hover .card__attribution--over-image::before {
    color: #f6f4f1 !important;
  }
  .mission-section .mission-cta {
    margin-top: 16px;
    aspect-ratio: 1/1;
  }
  .mission-section .mission-cta__text {
    padding: 16px 16px 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }
  .mission-section .mission-cta__heading {
    margin: 0;
  }
  .mission-section .mission-cta .mission-cta__button {
    width: 100%;
    padding: 0px 16px 16px 16px;
  }
}
/*# sourceMappingURL=our-mission.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","plan-your-visit.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.info-sections%20%7B%0A%20%20background-color:%20$color-chalk;%0A%20%20margin:%2048px%200;%0A%0A%20%20.info-section%20%7B%0A%20%20%20%20/%20display:%20grid;%0A%20%20%20%20/%20grid-template-columns:%20676px%201fr;%0A%20%20%20%20/%20gap:%20138px;%0A%20%20%20%20align-items:%20start;%0A%20%20%20%20padding:%2048px%200;%0A%20%20%20%20border-top:%202px%20solid%20$color-pale-silver;%0A%0A%20%20%20%20/%20&:first-child%20%7B%0A%20%20%20%20/%20%20%20/%20%20%20border-top:%20none;%0A%20%20%20%20/%20%20%20/%20%20%20padding-top:%200;%0A%20%20%20%20/%20%7D%0A%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20padding-bottom:%200;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.info-section__left%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%2048px;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20height:%20100%25;%0A%20%20%20%20min-height:%20100%25;%0A%20%20%20%20grid-column:%20span%205;%0A%0A%20%20%20%20.info-section__label%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200%200%200px%200;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.info-section__heading%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.info-section__btn-wrap%20%7B%0A%20%20%20%20%20%20padding-top:%200;%0A%0A%20%20%20%20%20%20.info-section__btn%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20%20%20@include%20btn-fill($color-tolopea,%20$color-purple,%20$color-chalk);%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.info-section__right%20%7B%0A%20%20%20%20min-width:%200;%0A%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%0A%20%20%20%20.info-section__content%20%7B%0A%20%20%20%20%20%20h2%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h2;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20h3%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20h4%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20%20%20%20%20&%20~%20h4,%0A%20%20%20%20%20%20%20%20p%20+%20h4,%0A%20%20%20%20%20%20%20%20ul%20+%20h4,%0A%20%20%20%20%20%20%20%20ol%20+%20h4,%0A%20%20%20%20%20%20%20%20a%20+%20h4%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-top:%2048px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20h4:first-child%20%7B%0A%20%20%20%20%20%20%20%20margin-top:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20p%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20a%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20text-decoration:%20underline;%0A%20%20%20%20%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%20%20%20%20%20%20%20%20display:%20inline-block;%0A%20%20%20%20%20%20%20%20font-weight:%20700%20!important;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%200.7;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20p%20&%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%200px%200;%0A%20%20%20%20%20%20%20%20%20%20display:%20inline;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-left:%208px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20ul,%0A%20%20%20%20%20%20ol%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20%20%20%20%20padding-left:%2020px;%0A%0A%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20li%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%205px;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20strong%20%7B%0A%20%20%20%20%20%20%20%20font-weight:%20$font-weight-bold;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20hr%20%7B%0A%20%20%20%20%20%20%20%20border:%20none;%0A%20%20%20%20%20%20%20%20border-top:%201px%20solid%20$color-border;%0A%20%20%20%20%20%20%20%20margin:%2048px%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22laptop-extra%22)%20%7B%0A%20%20.info-sections%20%7B%0A%20%20%20%20.info-section%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20546px%201fr;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.info-sections%20%7B%0A%20%20%20%20.info-section%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20446px%201fr;%0A%20%20%20%20%20%20/%20gap:%20112px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.info-sections%20%7B%0A%20%20%20%20.info-section%20%7B%0A%20%20%20%20%20%20/%20grid-template-columns:%20345px%201fr;%0A%20%20%20%20%20%20/%20gap:%2099px;%0A%0A%20%20%20%20%20%20.info-section__right%20%7B%0A%20%20%20%20%20%20%20%20.info-section__content%20%7B%0A%20%20%20%20%20%20%20%20%20%20a%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20margin-left:%206px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20width:%208px;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.info-sections%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%0A%20%20%20%20.info-section%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20gap:%2048px;%0A%20%20%20%20%20%20padding:%2024px%200;%0A%20%20%20%20%7D%0A%20%20%20%20.info-section__left%20%7B%0A%20%20%20%20%20%20gap:%2048px;%0A%20%20%20%20%7D%0A%20%20%20%20.info-section__right%20%7B%0A%20%20%20%20%20%20.info-section__content%20%7B%0A%20%20%20%20%20%20%20%20h2%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,yBFGY;EEFZ,cAAA;AH6LF;AG3LE;EAIE,kBAAA;EACA,eAAA;EACA,6BAAA;AH0LJ;AGpLI;EACE,iBAAA;AHsLN;AGnLE;EACE,aAAA;EACA,sBAAA;EACA,SAAA;EACA,8BAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;AHqLJ;AGnLI;EACE,cFnCgB;EEoChB,iBAAA;EC2HJ,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJqKF;AEnKI;EC3BA;ICwBF,eCnBQ;IDoBR,iBAAA;EJ0KA;AACF;AEzKI;EC3BA;ICYF,eCRQ;IDSR,iBAAA;EJ4LA;AACF;AGpMI;EACE,cFzCgB;EE0ChB,SAAA;EACA,OAAA;EC2IJ,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJoIF;AE1LI;ECrBA;ICsDF,eC9CQ;ID+CR,iBAAA;EJ6JA;AACF;AEhMI;ECrBA;IC8CF,eCxCQ;IDyCR,iBAAA;EJ2KA;AACF;AGpNI;EACE,cAAA;AHsNN;AGpNM;EACE,aAAA;EACA,WAAA;EACA,kBAAA;EC4QN,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJuNF;AEjOI;ECXE;ICYJ,eCvBQ;IDwBR,iBAAA;EJoOA;AACF;AEvOI;ECXE;ICAJ,eCZQ;IDaR,iBAAA;EJsPA;AACF;AI0CE;EACE,mBHxUW;EGyUX,cHxTU;ADgRd;AEjPI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;ED0SZ;AACF;AI6CE;EACE,cAAA;AJ3CJ;AG7PE;EACE,YAAA;EACA,+BAAA;AH+PJ;AG5PM;EACE,cFhEc;EEiEd,kBAAA;ECqHN,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJkNF;AExQI;ECEE;IC+BJ,eC9CQ;ID+CR,iBAAA;EJ2OA;AACF;AE9QI;ECEE;ICuBJ,eCxCQ;IDyCR,iBAAA;EJyPA;AACF;AG5QM;EACE,cFtEc;EEuEd,kBAAA;ECwMN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ4QF;AE9RI;ECQE;ICfJ,eCdQ;IDeR,iBAAA;EJySA;AACF;AEpSI;ECQE;IC3BJ,eCJQ;IDKR,iBAAA;EJ2TA;AACF;AG5RM;EACE,cF5Ec;EE6Ed,kBAAA;ECsJN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ2SF;AErTI;ECcE;ICbJ,eCvBQ;IDwBR,iBAAA;EJwTA;AACF;AE3TI;ECcE;ICzBJ,eCZQ;IDaR,iBAAA;EJ0UA;AACF;AG9SQ;;;;;EAKE,gBAAA;AHgTV;AG7SM;EACE,aAAA;AH+SR;AG5SM;EACE,cF7Fc;EE8Fd,kBAAA;ECiLN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJmUF;AErVI;EC+BE;ICtCJ,eCdQ;IDeR,iBAAA;EJgWA;AACF;AE3VI;EC+BE;IClDJ,eCJQ;IDKR,iBAAA;EJkXA;AACF;AG7TQ;EACE,gBAAA;AH+TV;AG3TM;EACE,cFvGc;EEwGd,0BAAA;EACA,6BAAA;EACA,qBAAA;EACA,2BAAA;ECoKN,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ+VF;AEjXI;ECyCE;IChDJ,eCdQ;IDeR,iBAAA;EJ4XA;AACF;AEvXI;ECyCE;IC5DJ,eCJQ;IDKR,iBAAA;EJ8YA;AACF;AG5UQ;EACE,YAAA;AH8UV;AG3UQ;EACE,iBAAA;EACA,eAAA;AH6UV;AG1UQ;EACE,gBAAA;AH4UV;AGxUM;;EAEE,kBAAA;EACA,kBAAA;AH0UR;AGxUQ;;EACE,gBAAA;AH2UV;AGxUQ;;EACE,cFtIY;EEuIZ,kBAAA;ECwIR,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJyYF;AE3ZI;ECwEI;;IC/EN,eCdQ;IDeR,iBAAA;EJuaA;AACF;AElaI;ECwEI;;IC3FN,eCJQ;IDKR,iBAAA;EJ0bA;AACF;AG7VU;;EACE,gBAAA;AHgWZ;AG3VM;EACE,gBEvHW;ALodnB;AG1VM;EACE,YAAA;EACA,6BAAA;EACA,cAAA;AH4VR;;AErbI;ECsHQ;IACE,gBAAA;IACA,UAAA;EHmUZ;AACF;AE5bI;ECiIF;IACE,cAAA;EH8TF;EG5TE;IACE,2BAAA;IACA,SAAA;IACA,eAAA;EH8TJ;EG5TE;IACE,SAAA;EH8TJ;EG1TM;IACE,kBAAA;EH4TR;AACF","file":"plan-your-visit.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.info-sections {\n  background-color: #f6f4f1;\n  margin: 48px 0;\n}\n.info-sections .info-section {\n  align-items: start;\n  padding: 48px 0;\n  border-top: 2px solid #e8e4dd;\n}\n.info-sections .info-section:last-child {\n  padding-bottom: 0;\n}\n.info-sections .info-section__left {\n  display: flex;\n  flex-direction: column;\n  gap: 48px;\n  justify-content: space-between;\n  height: 100%;\n  min-height: 100%;\n  grid-column: span 5;\n}\n.info-sections .info-section__left .info-section__label {\n  color: #80512f;\n  margin: 0 0 0px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__left .info-section__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__left .info-section__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.info-sections .info-section__left .info-section__heading {\n  color: #80512f;\n  margin: 0;\n  flex: 1;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__left .info-section__heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__left .info-section__heading {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.info-sections .info-section__left .info-section__btn-wrap {\n  padding-top: 0;\n}\n.info-sections .info-section__left .info-section__btn-wrap .info-section__btn {\n  display: flex;\n  width: 100%;\n  padding: 14px 24px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.info-sections .info-section__left .info-section__btn-wrap .info-section__btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.info-sections .info-section__left .info-section__btn-wrap .info-section__btn svg {\n  flex-shrink: 0;\n}\n.info-sections .info-section__right {\n  min-width: 0;\n  grid-column: col-start 7/span 6;\n}\n.info-sections .info-section__right .info-section__content h2 {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content h2 {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content h2 {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.info-sections .info-section__right .info-section__content h3 {\n  color: #80512f;\n  margin: 0 0 16px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content h3 {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content h3 {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.info-sections .info-section__right .info-section__content h4 {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content h4 {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content h4 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.info-sections .info-section__right .info-section__content h4 ~ h4,\n.info-sections .info-section__right .info-section__content h4 p + h4,\n.info-sections .info-section__right .info-section__content h4 ul + h4,\n.info-sections .info-section__right .info-section__content h4 ol + h4,\n.info-sections .info-section__right .info-section__content h4 a + h4 {\n  margin-top: 48px;\n}\n.info-sections .info-section__right .info-section__content h4:first-child {\n  margin-top: 0;\n}\n.info-sections .info-section__right .info-section__content p {\n  color: #80512f;\n  margin: 0 0 16px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content p {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content p {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.info-sections .info-section__right .info-section__content p:last-child {\n  margin-bottom: 0;\n}\n.info-sections .info-section__right .info-section__content a {\n  color: #80512f;\n  text-decoration: underline;\n  transition: opacity 0.2s ease;\n  display: inline-block;\n  font-weight: 700 !important;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content a {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content a {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.info-sections .info-section__right .info-section__content a:hover {\n  opacity: 0.7;\n}\np .info-sections .info-section__right .info-section__content a {\n  margin: 0 0 0px 0;\n  display: inline;\n}\n.info-sections .info-section__right .info-section__content a img {\n  margin-left: 8px;\n}\n.info-sections .info-section__right .info-section__content ul,\n.info-sections .info-section__right .info-section__content ol {\n  margin: 0 0 48px 0;\n  padding-left: 20px;\n}\n.info-sections .info-section__right .info-section__content ul:last-child,\n.info-sections .info-section__right .info-section__content ol:last-child {\n  margin-bottom: 0;\n}\n.info-sections .info-section__right .info-section__content ul li,\n.info-sections .info-section__right .info-section__content ol li {\n  color: #80512f;\n  margin-bottom: 5px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .info-sections .info-section__right .info-section__content ul li,\n  .info-sections .info-section__right .info-section__content ol li {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .info-sections .info-section__right .info-section__content ul li,\n  .info-sections .info-section__right .info-section__content ol li {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.info-sections .info-section__right .info-section__content ul li:last-child,\n.info-sections .info-section__right .info-section__content ol li:last-child {\n  margin-bottom: 0;\n}\n.info-sections .info-section__right .info-section__content strong {\n  font-weight: 700;\n}\n.info-sections .info-section__right .info-section__content hr {\n  border: none;\n  border-top: 1px solid #e8e4dd;\n  margin: 48px 0;\n}\n\n@media (max-width: 991px) {\n  .info-sections .info-section .info-section__right .info-section__content a img {\n    margin-left: 6px;\n    width: 8px;\n  }\n}\n@media (max-width: 767px) {\n  .info-sections {\n    margin: 24px 0;\n  }\n  .info-sections .info-section {\n    grid-template-columns: auto;\n    gap: 48px;\n    padding: 24px 0;\n  }\n  .info-sections .info-section__left {\n    gap: 48px;\n  }\n  .info-sections .info-section__right .info-section__content h2 {\n    margin: 0 0 24px 0;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.info-sections {\n  background-color: $color-chalk;\n  margin: 48px 0;\n\n  .info-section {\n    // display: grid;\n    // grid-template-columns: 676px 1fr;\n    // gap: 138px;\n    align-items: start;\n    padding: 48px 0;\n    border-top: 2px solid $color-pale-silver;\n\n    // &:first-child {\n    //   //   border-top: none;\n    //   //   padding-top: 0;\n    // }\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n  .info-section__left {\n    display: flex;\n    flex-direction: column;\n    gap: 48px;\n    justify-content: space-between;\n    height: 100%;\n    min-height: 100%;\n    grid-column: span 5;\n\n    .info-section__label {\n      color: $color-primary;\n      margin: 0 0 0px 0;\n      @include type-h1;\n    }\n\n    .info-section__heading {\n      color: $color-primary;\n      margin: 0;\n      flex: 1;\n      @include type-h2;\n    }\n\n    .info-section__btn-wrap {\n      padding-top: 0;\n\n      .info-section__btn {\n        display: flex;\n        width: 100%;\n        padding: 14px 24px;\n        @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n      }\n    }\n  }\n  .info-section__right {\n    min-width: 0;\n    grid-column: col-start 7 / span 6;\n\n    .info-section__content {\n      h2 {\n        color: $color-primary;\n        margin: 0 0 48px 0;\n        @include type-h2;\n      }\n\n      h3 {\n        color: $color-primary;\n        margin: 0 0 16px 0;\n        @include type-body;\n      }\n\n      h4 {\n        color: $color-primary;\n        margin: 0 0 24px 0;\n        @include type-h4;\n\n        & ~ h4,\n        p + h4,\n        ul + h4,\n        ol + h4,\n        a + h4 {\n          margin-top: 48px;\n        }\n      }\n      h4:first-child {\n        margin-top: 0;\n      }\n\n      p {\n        color: $color-primary;\n        margin: 0 0 16px 0;\n        @include type-body;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      a {\n        color: $color-primary;\n        text-decoration: underline;\n        transition: opacity 0.2s ease;\n        display: inline-block;\n        font-weight: 700 !important;\n        @include type-body;\n\n        &:hover {\n          opacity: 0.7;\n        }\n\n        p & {\n          margin: 0 0 0px 0;\n          display: inline;\n        }\n\n        img {\n          margin-left: 8px;\n        }\n      }\n\n      ul,\n      ol {\n        margin: 0 0 48px 0;\n        padding-left: 20px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n\n        li {\n          color: $color-primary;\n          margin-bottom: 5px;\n          @include type-body;\n          &:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n\n      strong {\n        font-weight: $font-weight-bold;\n      }\n\n      hr {\n        border: none;\n        border-top: 1px solid $color-border;\n        margin: 48px 0;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"laptop-extra\") {\n  .info-sections {\n    .info-section {\n      // grid-template-columns: 546px 1fr;\n    }\n  }\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .info-sections {\n    .info-section {\n      // grid-template-columns: 446px 1fr;\n      // gap: 112px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .info-sections {\n    .info-section {\n      // grid-template-columns: 345px 1fr;\n      // gap: 99px;\n\n      .info-section__right {\n        .info-section__content {\n          a {\n            img {\n              margin-left: 6px;\n              width: 8px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .info-sections {\n    margin: 24px 0;\n\n    .info-section {\n      grid-template-columns: auto;\n      gap: 48px;\n      padding: 24px 0;\n    }\n    .info-section__left {\n      gap: 48px;\n    }\n    .info-section__right {\n      .info-section__content {\n        h2 {\n          margin: 0 0 24px 0;\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.info-sections {
  background-color: #f6f4f1;
  margin: 48px 0;
}
.info-sections .info-section {
  align-items: start;
  padding: 48px 0;
  border-top: 2px solid #e8e4dd;
}
.info-sections .info-section:last-child {
  padding-bottom: 0;
}
.info-sections .info-section__left {
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: space-between;
  height: 100%;
  min-height: 100%;
  grid-column: span 5;
}
.info-sections .info-section__left .info-section__label {
  color: #80512f;
  margin: 0 0 0px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .info-sections .info-section__left .info-section__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__left .info-section__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.info-sections .info-section__left .info-section__heading {
  color: #80512f;
  margin: 0;
  flex: 1;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .info-sections .info-section__left .info-section__heading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__left .info-section__heading {
    font-size: 28px;
    line-height: 34px;
  }
}
.info-sections .info-section__left .info-section__btn-wrap {
  padding-top: 0;
}
.info-sections .info-section__left .info-section__btn-wrap .info-section__btn {
  display: flex;
  width: 100%;
  padding: 14px 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.info-sections .info-section__left .info-section__btn-wrap .info-section__btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .info-sections .info-section__left .info-section__btn-wrap .info-section__btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.info-sections .info-section__left .info-section__btn-wrap .info-section__btn svg {
  flex-shrink: 0;
}
.info-sections .info-section__right {
  min-width: 0;
  grid-column: col-start 7/span 6;
}
.info-sections .info-section__right .info-section__content h2 {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.info-sections .info-section__right .info-section__content h3 {
  color: #80512f;
  margin: 0 0 16px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content h3 {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.info-sections .info-section__right .info-section__content h4 {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content h4 {
    font-size: 14px;
    line-height: 18px;
  }
}
.info-sections .info-section__right .info-section__content h4 ~ h4,
.info-sections .info-section__right .info-section__content h4 p + h4,
.info-sections .info-section__right .info-section__content h4 ul + h4,
.info-sections .info-section__right .info-section__content h4 ol + h4,
.info-sections .info-section__right .info-section__content h4 a + h4 {
  margin-top: 48px;
}
.info-sections .info-section__right .info-section__content h4:first-child {
  margin-top: 0;
}
.info-sections .info-section__right .info-section__content p {
  color: #80512f;
  margin: 0 0 16px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.info-sections .info-section__right .info-section__content p:last-child {
  margin-bottom: 0;
}
.info-sections .info-section__right .info-section__content a {
  color: #80512f;
  text-decoration: underline;
  transition: opacity 0.2s ease;
  display: inline-block;
  font-weight: 700 !important;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content a {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content a {
    font-size: 14px;
    line-height: 21px;
  }
}
.info-sections .info-section__right .info-section__content a:hover {
  opacity: 0.7;
}
p .info-sections .info-section__right .info-section__content a {
  margin: 0 0 0px 0;
  display: inline;
}
.info-sections .info-section__right .info-section__content a img {
  margin-left: 8px;
}
.info-sections .info-section__right .info-section__content ul,
.info-sections .info-section__right .info-section__content ol {
  margin: 0 0 48px 0;
  padding-left: 20px;
}
.info-sections .info-section__right .info-section__content ul:last-child,
.info-sections .info-section__right .info-section__content ol:last-child {
  margin-bottom: 0;
}
.info-sections .info-section__right .info-section__content ul li,
.info-sections .info-section__right .info-section__content ol li {
  color: #80512f;
  margin-bottom: 5px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .info-sections .info-section__right .info-section__content ul li,
  .info-sections .info-section__right .info-section__content ol li {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .info-sections .info-section__right .info-section__content ul li,
  .info-sections .info-section__right .info-section__content ol li {
    font-size: 14px;
    line-height: 21px;
  }
}
.info-sections .info-section__right .info-section__content ul li:last-child,
.info-sections .info-section__right .info-section__content ol li:last-child {
  margin-bottom: 0;
}
.info-sections .info-section__right .info-section__content strong {
  font-weight: 700;
}
.info-sections .info-section__right .info-section__content hr {
  border: none;
  border-top: 1px solid #e8e4dd;
  margin: 48px 0;
}

@media (max-width: 991px) {
  .info-sections .info-section .info-section__right .info-section__content a img {
    margin-left: 6px;
    width: 8px;
  }
}
@media (max-width: 767px) {
  .info-sections {
    margin: 24px 0;
  }
  .info-sections .info-section {
    grid-template-columns: auto;
    gap: 48px;
    padding: 24px 0;
  }
  .info-sections .info-section__left {
    gap: 48px;
  }
  .info-sections .info-section__right .info-section__content h2 {
    margin: 0 0 24px 0;
  }
}
/*# sourceMappingURL=plan-your-visit.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","resource-center-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","data:;charset=utf-8,/%20============================================================%0A/%20RESOURCE-CENTER.SCSS%0A/mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.resource-containers%20%7B%0A%20%20display:%20block%20!important;%0A%20%20padding:%2048px%200%200;%0A%20%20border-top:%202px%20solid%20$color-pale-silver;%0A%7D%0A.resource-center%20%7B%0A%20%20background-color:%20$color-chalk;%0A%20%20margin:%2048px%200%2048px;%0A%0A%20%20&__label%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2048px%200;%0A%20%20%20%20@include%20type-h1;%0A%20%20%7D%0A%0A%20%20&__controls%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20gap:%2016px;%0A%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20flex-wrap:%20wrap;%0A%20%20%7D%0A%0A%20%20&__controls-left%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20gap:%2016px;%0A%20%20%20%20flex-wrap:%20wrap;%0A%20%20%7D%0A%0A%20%20&__active-filters%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20gap:%2032px;%0A%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20margin-bottom:%2048px;%0A%20%20%7D%0A%0A%20%20&__list%20%7B%0A%20%20%20%20list-style:%20none;%0A%20%20%20%20margin:%200;%0A%20%20%20%20padding:%200;%0A%20%20%7D%0A%0A%20%20&__empty%20%7B%0A%20%20%20%20color:%20$color-text-secondary;%0A%20%20%20%20padding:%2048px%200;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%7D%0A%0A.resource-center__mobile-controls,%0A.resource-center__mobile-search,%0A.rc-mobile-filter%20%7B%0A%20%20display:%20none;%0A%7D%0A%0Abody.rc-mobile-filter-open%20%7B%0A%20%20overflow:%20hidden;%0A%7D%0A%0A/%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%20Buttons%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%0A.rc-btn%20%7B%0A%20%20display:%20flex;%0A%20%20align-items:%20center;%0A%20%20justify-content:%20center;%0A%20%20gap:%2012px;%0A%20%20min-height:%2053px;%0A%20%20padding:%2013px%2021px;%0A%20%20border:%201px%20solid%20$color-primary;%0A%20%20background:%20transparent;%0A%20%20cursor:%20pointer;%0A%20%20color:%20$color-primary;%0A%20%20transition:%0A%20%20%20%20border-color%200.2s%20ease,%0A%20%20%20%20background-color%200.2s%20ease;%0A%20%20white-space:%20nowrap;%0A%0A%20%20@include%20type-h4;%0A%0A%20%20&:not(.rc-btn--submit):hover%20%7B%0A%20%20%20%20border-color:%20$color-primary;%0A%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%7D%0A%0A%20%20svg%20%7B%0A%20%20%20%20flex-shrink:%200;%0A%20%20%7D%0A%0A%20%20&--submit%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background-color:%20$color-tolopea;%0A%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%20%20min-width:%20202px;%0A%20%20%20%20padding:%2013px%2024px;%0A%20%20%20%20transition:%0A%20%20%20%20%20%20background-color%200.4s%20ease,%0A%20%20%20%20%20%20color%200.4s%20ease;%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20background-color:%20$color-accent;%0A%20%20%20%20%7D%0A%0A%20%20%20%20span,%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A/%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%20Dropdown%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%0A.rc-dropdown%20%7B%0A%20%20position:%20relative;%0A%0A%20%20&.is-open%20%7B%0A%20%20%20%20z-index:%2020;%0A%20%20%7D%0A%0A%20%20&__menu%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20top:%20calc(100%25%20+%2012px);%0A%20%20%20%20left:%200;%0A%20%20%20%20min-width:%20318px;%0A%20%20%20%20background:%20$color-bg-section;%0A%20%20%20%20border:%201px%20solid%20$color-pale-silver;%0A%20%20%20%20list-style:%20none;%0A%20%20%20%20margin:%200;%0A%20%20%20%20padding:%200px;%0A%20%20%20%20z-index:%2030;%0A%0A%20%20%20%20&%5Bhidden%5D%20%7B%0A%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&.is-open%20&__menu%20%7B%0A%20%20%20%20display:%20block;%0A%20%20%7D%0A%0A%20%20&__list-item%20%7B%0A%20%20%20%20border-bottom:%201px%20solid%20$color-border;%0A%0A%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20border-bottom:%20none;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__item%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20padding:%2024px;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%20%20transition:%20background%200.15s%20ease;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background:%20none;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20cursor:%20pointer;%0A%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&.is-disabled%20%7B%0A%20%20%20%20%20%20color:%20$color-sand;%0A%20%20%20%20%20%20opacity:%200.5;%0A%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20cursor:%20not-allowed;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.filter-item%20%7B%0A%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20background:%20$color-primary;%0A%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A/%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%20Search%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%0A.rc-search%20%7B%0A%20%20&__wrap%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20gap:%2012px;%0A%20%20%20%20min-height:%2053px;%0A%20%20%20%20max-width:%20290px;%0A%20%20%20%20padding:%2013px%2024px;%0A%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20cursor:%20text;%0A%0A%20%20%20%20&:focus-within,%0A%20%20%20%20&:focus,%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20outline:%201px%20solid%20$color-antique-brass;%0A%20%20%20%20%7D%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__icon%20%7B%0A%20%20%20%20flex-shrink:%200;%0A%20%20%7D%0A%0A%20%20&__input%20%7B%0A%20%20%20%20border:%20none;%0A%20%20%20%20outline:%20none;%0A%20%20%20%20background:%20transparent;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20&::placeholder%20%7B%0A%20%20%20%20%20%20color:%20$color-primary-pale;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A/%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%20Active%20filter%20tag%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%0A.rc-filter-tag%20%7B%0A%20%20display:%20flex;%0A%20%20align-items:%20center;%0A%20%20gap:%208px;%0A%20%20padding:%200;%0A%20%20background:%20transparent;%0A%20%20color:%20$color-primary;%0A%20%20@include%20type-body;%0A%0A%20%20&__remove%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20color:%20$color-sand;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background:%20none;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20padding:%200px;%0A%20%20%7D%0A%7D%0A%0A/%20===============%0A.resource-row%20%7B%0A%20%20border-bottom:%201px%20solid%20$color-border;%0A%20%20cursor:%20pointer;%0A%0A%20%20.resource-row__link%20%7B%0A%20%20%20%20display:%20block;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20height:%20100%25;%0A%20%20%20%20color:%20inherit;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%7D%0A%0A%20%20&:first-child%20%7B%0A%20%20%20%20border-top:%201px%20solid%20$color-border;%0A%20%20%7D%0A%0A%20%20&__main%20%7B%0A%20%20%20%20display:%20grid;%0A%20%20%20%20grid-template-columns:%20minmax(0,%201fr)%20432px;%0A%20%20%20%20align-items:%20start;%0A%20%20%20%20gap:%2024px;%0A%20%20%20%20padding:%2024px%200;%0A%20%20%20%20transition:%20padding%200.25s%20ease;%0A%20%20%7D%0A%0A%20%20&__title-col,%0A%20%20&__side-col,%0A%20%20&__date-col,%0A%20%20&__type-col%20%7B%0A%20%20%20%20min-width:%200;%0A%20%20%7D%0A%0A%20%20&__side-col%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%7D%0A%0A%20%20&__meta-row%20%7B%0A%20%20%20%20display:%20grid;%0A%20%20%20%20grid-template-columns:%201fr%201fr;%0A%20%20%20%20gap:%2024px;%0A%20%20%7D%0A%0A%20%20&__title%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20display:%20block;%0A%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20text-overflow:%20ellipsis;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__type%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20display:%20block;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__date%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20display:%20block;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__media,%0A%20%20&__excerpt%20%7B%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20max-height:%200;%0A%20%20%20%20opacity:%200;%0A%20%20%20%20margin-top:%200;%0A%20%20%20%20transition:%0A%20%20%20%20%20%20max-height%200.3s%20ease,%0A%20%20%20%20%20%20opacity%200.2s%20ease,%0A%20%20%20%20%20%20margin-top%200.3s%20ease;%0A%20%20%7D%0A%0A%20%20&__media%20%7B%0A%20%20%20%20width:%20min(100%25,%20318px);%0A%20%20%7D%0A%0A%20%20&__img%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20aspect-ratio:%20318%20/%20210;%0A%20%20%20%20object-fit:%20cover;%0A%20%20%20%20display:%20block;%0A%20%20%7D%0A%0A%20%20&__excerpt%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin-bottom:%200;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%20%20@media%20(hover:%20hover)%20and%20(pointer:%20fine)%20%7B%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20.resource-row__main%20%7B%0A%20%20%20%20%20%20%20%20padding:%2024px%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.resource-row__media%20%7B%0A%20%20%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.resource-row__excerpt%20%7B%0A%20%20%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20&:focus-within,%0A%20%20&.is-open%20%7B%0A%20%20%20%20.resource-row__main%20%7B%0A%20%20%20%20%20%20padding:%2024px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resource-row__media%20%7B%0A%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resource-row__excerpt%20%7B%0A%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.mobile-row%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20gap:%2020px;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20display:%20none;%0A%20%20%7D%0A%20%20.mobile-excerpt%20%7B%0A%20%20%20%20display:%20none;%0A%20%20%7D%0A%7D%0A%0A/%20%C3%A2%E2%80%9D%E2%82%AC%C3%A2%E2%80%9D%E2%82%AC%20Pagination%20==============%0A.rc-pagination%20%7B%0A%20%20display:%20flex;%0A%20%20align-items:%20center;%0A%20%20justify-content:%20space-between;%0A%20%20margin-top:%2048px;%0A%20%20gap:%2016px;%0A%0A%20%20&__prev,%0A%20%20&__next%20%7B%0A%20%20%20%20display:%20inline-flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20gap:%208px;%0A%20%20%20%20color:%20$color-accent-dark;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%20%20padding-bottom:%202px;%0A%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background:%20none;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20padding:%200;%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20width:%2014px;%0A%20%20%20%20%20%20height:%2012px;%0A%0A%20%20%20%20%20%20path%20%7B%0A%20%20%20%20%20%20%20%20fill:%20currentColor;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20opacity:%200.75;%0A%20%20%20%20%7D%0A%20%20%20%20&--disabled%20%7B%0A%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20cursor:%20not-allowed;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__pages%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20gap:%2024px;%0A%20%20%7D%0A%0A%20%20&__page%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20center;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20font-family:%20$font-tt-commons;%0A%20%20%20%20font-weight:%20500;%0A%20%20%20%20text-decoration:%20none;%0A%20%20%20%20transition:%20background%200.2s%20ease;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background:%20none;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20padding:%200;%0A%20%20%20%20@include%20font-20-24;%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%7D%0A%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%0A%20%20%20%20%20%20&::before%20%7B%0A%20%20%20%20%20%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20bottom:%202px;%0A%20%20%20%20%20%20%20%20left:%200;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%201px;%0A%20%20%20%20%20%20%20%20background:%20$color-primary;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__dots%20%7B%0A%20%20%20%20color:%20$color-text-secondary;%0A%20%20%20%20padding:%200%204px;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%7D%0A%0A.site-modal.resource-submit-modal%20%7B%0A%20%20.site-modal__dialog%20%7B%0A%20%20%20%20/%20width:%20min(100%25,%20638px);%0A%20%20%20%20max-height:%20min(92vh,%20790px);%0A%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%7D%0A%7D%0A%0A.rc-submit-modal%20%7B%0A%20%20/%20height:%20677px;%0A%20%20max-height:%20min(92vh,%20730px);%0A%20%20padding-bottom:%2048px;%0A%20%20/%20overflow-y:%20hidden;%0A%0A%20%20&__title%20%7B%0A%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20padding-bottom:%2024px;%0A%20%20%20%20border-bottom:%201px%20solid%20$color-sand;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-h3;%0A%20%20%7D%0A%0A%20%20&__form%20%7B%0A%20%20%20%20display:%20grid;%0A%20%20%20%20gap:%2024px;%0A%20%20%7D%0A%0A%20%20&__fieldset%20%7B%0A%20%20%20%20border:%200;%0A%20%20%20%20margin:%200;%0A%20%20%20%20padding:%200;%0A%20%20%7D%0A%0A%20%20&__label%20%7B%0A%20%20%20%20display:%20block;%0A%20%20%20%20margin:%200%200%2016px;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__types%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20/%20CF7%20wraps%20all%20radio%20items%20in%20this%20element%0A%20%20%20%20.wpcf7-form-control.wpcf7-radio%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20Equivalent%20to%20your%20old%20&__type%20%C3%A2%E2%82%AC%E2%80%9D%20each%20individual%20pill%20wrapper%0A%20%20%20%20.wpcf7-list-item%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20margin:%200;%20/%20CF7%20adds%20default%20margin,%20reset%20it%0A%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.wpcf7-list-item%20label%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20Equivalent%20to%20your%20old%20&__type-input%20%C3%A2%E2%82%AC%E2%80%9D%20visually%20hidden%20but%20still%20focusable%0A%20%20%20%20.wpcf7-list-item%20input%5Btype=%22radio%22%5D%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20width:%201px;%0A%20%20%20%20%20%20height:%201px;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20clip:%20rect(0,%200,%200,%200);%0A%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20Equivalent%20to%20your%20old%20&__type-text%20%C3%A2%E2%82%AC%E2%80%9D%20the%20visible%20pill%0A%20%20%20%20.wpcf7-list-item-label%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20min-height:%2038px;%0A%20%20%20%20%20%20padding:%2013px%2021px;%0A%20%20%20%20%20%20border:%201px%20solid%20$color-primary;%0A%20%20%20%20%20%20background:%20$color-chalk;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20background-color%200.2s%20ease,%0A%20%20%20%20%20%20%20%20border-color%200.2s%20ease,%0A%20%20%20%20%20%20%20%20color%200.2s%20ease;%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%7D%0A%0A%20%20%20%20/%20Hover,%20focus,%20and%20checked%20states%20%C3%A2%E2%82%AC%E2%80%9D%20same%20logic%20as%20your%20original,%20retargeted%0A%20%20%20%20.wpcf7-list-item:hover%20.wpcf7-list-item-label,%0A%20%20%20%20.wpcf7-list-item%20input%5Btype=%22radio%22%5D:focus-visible%20+%20.wpcf7-list-item-label,%0A%20%20%20%20.wpcf7-list-item%20input%5Btype=%22radio%22%5D:checked%20+%20.wpcf7-list-item-label%20%7B%0A%20%20%20%20%20%20border-color:%20$color-primary;%0A%20%20%20%20%20%20background:%20$color-sand;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__type%20%7B%0A%20%20%20%20display:%20inline-flex;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%7D%0A%0A%20%20&__type-input%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20width:%201px;%0A%20%20%20%20height:%201px;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20clip:%20rect(0,%200,%200,%200);%0A%20%20%20%20white-space:%20nowrap;%0A%20%20%7D%0A%0A%20%20&__type-text%20%7B%0A%20%20%20%20display:%20inline-flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20center;%0A%20%20%20%20min-height:%2038px;%0A%20%20%20%20padding:%2013px%2021px;%0A%20%20%20%20border:%201px%20solid%20$color-primary;%0A%20%20%20%20background:%20$color-chalk;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20transition:%0A%20%20%20%20%20%20background-color%200.2s%20ease,%0A%20%20%20%20%20%20border-color%200.2s%20ease,%0A%20%20%20%20%20%20color%200.2s%20ease;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__type:hover%20&__type-text,%0A%20%20&__type-input:focus-visible%20+%20&__type-text,%0A%20%20&__type-input:checked%20+%20&__type-text%20%7B%0A%20%20%20%20border-color:%20$color-primary;%0A%20%20%20%20background:%20$color-sand;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%7D%0A%0A%20%20&__field%20%7B%0A%20%20%20%20display:%20grid;%0A%20%20%20%20gap:%200;%0A%20%20%7D%0A%0A%20%20&__input%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20min-height:%2038px;%0A%20%20%20%20border:%200;%0A%20%20%20%20background:%20$color-sand;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20outline:%20none;%0A%20%20%20%20text-transform:%20none%20!important;%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20&:focus%20%7B%0A%20%20%20%20%20%20outline:%201px%20solid%20$color-primary;%0A%20%20%20%20%20%20outline-offset:%20-1px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__hint%20%7B%0A%20%20%20%20display:%20block;%0A%20%20%20%20margin-top:%2016px;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-caption;%0A%20%20%7D%0A%0A%20%20&__submit%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20min-height:%2038px;%0A%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20margin-top:%2024px;%0A%20%20%20%20@include%20btn-fill($color-primary,%20$color-primary-light,%20$color-chalk);%0A%20%20%7D%0A%20%20.wpcf7-spinner%20%7B%0A%20%20%20%20display:%20none;%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.rc-btn%20%7B%0A%20%20%20%20padding:%2013px%2016px;%0A%20%20%20%20min-height:%20auto;%0A%0A%20%20%20%20&--submit%20%7B%0A%20%20%20%20%20%20min-width:%20124px;%0A%20%20%20%20%20%20padding:%2013px%2016px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.rc-search%20%7B%0A%20%20%20%20&__wrap%20%7B%0A%20%20%20%20%20%20min-height:%20auto;%0A%20%20%20%20%20%20max-width:%20203px;%0A%20%20%20%20%20%20padding:%2013px%2024px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.resource-row%20%7B%0A%20%20%20%20&__main%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20minmax(0,%201fr)%20272px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.rc-pagination%20%7B%0A%20%20%20%20&__page%20%7B%0A%20%20%20%20%20%20@include%20font-16-18;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.rc-dropdown%20%7B%0A%20%20%20%20position:%20relative;%0A%0A%20%20%20%20&.is-open%20%7B%0A%20%20%20%20%20%20z-index:%2020;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__menu%20%7B%0A%20%20%20%20%20%20min-width:%20272px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.resource-containers%20%7B%0A%20%20%20%20padding:%2024px%200%200;%0A%20%20%7D%0A%20%20.resource-center%20%7B%0A%20%20%20%20margin:%2024px%200%2024px;%0A%0A%20%20%20%20&__label%20%7B%0A%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__controls%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__controls-left%20%7B%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__active-filters%20%7B%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__empty%20%7B%0A%20%20%20%20%20%20padding:%2024px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__controls%20%7B%0A%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__mobile-controls%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20gap:%2020px;%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20min-height:%2033px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&.is-rc-searching%20%7B%0A%20%20%20%20%20%20.resource-center__mobile-controls%20%7B%0A%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.left-side%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__mobile-search%20%7B%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20min-height:%2033px;%0A%0A%20%20%20%20%20%20&:not(%5Bhidden%5D)%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__mobile-search-close%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20flex:%200%200%2044px;%0A%20%20%20%20%20%20width:%2044px;%0A%20%20%20%20%20%20height:%2033px;%0A%20%20%20%20%20%20border:%201px%20solid%20$color-primary;%0A%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__mobile-search-wrap%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20flex:%201%201%20auto;%0A%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20min-height:%2033px;%0A%20%20%20%20%20%20padding:%206px%2016px;%0A%20%20%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20%20%20outline:%201px%20solid%20transparent;%0A%0A%20%20%20%20%20%20&:focus-within%20%7B%0A%20%20%20%20%20%20%20%20outline-color:%20$color-primary;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__mobile-search-input%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20min-width:%200;%0A%20%20%20%20%20%20border:%200;%0A%20%20%20%20%20%20outline:%200;%0A%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20%20%20&::placeholder%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary-pale;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.rc-mobile-control%20%7B%0A%20%20%20%20display:%20inline-flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20center;%0A%20%20%20%20gap:%208px;%0A%20%20%20%20min-width:%2044px;%0A%20%20%20%20min-height:%2033px;%0A%20%20%20%20padding:%208px%2016px;%0A%20%20%20%20border:%201px%20solid%20$color-primary;%0A%20%20%20%20background:%20transparent;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&--icon%20%7B%0A%20%20%20%20%20%20width:%2046px;%0A%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%20%20border-color:%20transparent;%0A%20%20%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.rc-mobile-filter%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20z-index:%2020;%0A%20%20%20%20margin-top:%2016px;%0A%20%20%20%20margin-bottom:%2024px;%0A%0A%20%20%20%20&:not(%5Bhidden%5D)%20%7B%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__overlay%20%7B%0A%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__panel%20%7B%0A%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20top:%20calc(100%25%20+%208px);%0A%20%20%20%20%20%20left:%200;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20max-height:%2070vh;%0A%20%20%20%20%20%20overflow-y:%20auto;%0A%20%20%20%20%20%20overscroll-behavior:%20contain;%0A%20%20%20%20%20%20background:%20$color-chalk;%0A%20%20%20%20%20%20border:%201px%20solid%20$color-border;%0A%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20outline:%20none;%0A%20%20%20%20%20%20box-shadow:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__header%20%7B%0A%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__section-title%20%7B%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__section-title%20%7B%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20padding-bottom:%208px;%0A%20%20%20%20%20%20border-bottom:%201px%20solid%20$color-border;%0A%20%20%20%20%20%20text-transform:%20none;%0A%20%20%20%20%20%20font-family:%20$font-tt-commons;%0A%20%20%20%20%20%20font-weight:%20$font-weight-demibold;%0A%20%20%20%20%20%20@include%20font-16-18;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__close%20%7B%0A%20%20%20%20%20%20display:%20inline-flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20width:%2044px;%0A%20%20%20%20%20%20height:%2044px;%0A%20%20%20%20%20%20border:%200;%0A%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20font-size:%2028px;%0A%20%20%20%20%20%20line-height:%201;%0A%20%20%20%20%20%20padding:%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__section%20%7B%0A%20%20%20%20%20%20padding:%200%200%2048px;%0A%20%20%20%20%20%20border-bottom:%200;%0A%0A%20%20%20%20%20%20&:last-child%20%7B%0A%20%20%20%20%20%20%20%20padding-bottom:%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__options%20%7B%0A%20%20%20%20%20%20display:%20grid;%0A%20%20%20%20%20%20gap:%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__option%20%7B%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20padding:%208px%2044px%208px%200;%0A%20%20%20%20%20%20border:%200;%0A%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20text-align:%20left;%0A%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20font-family:%20$font-tt-commons;%0A%20%20%20%20%20%20font-weight:%20$font-weight-demibold;%0A%20%20%20%20%20%20@include%20font-16-18;%0A%0A%20%20%20%20%20%20&::before,%0A%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&::before%20%7B%0A%20%20%20%20%20%20%20%20top:%2050%25;%0A%20%20%20%20%20%20%20%20right:%200;%0A%20%20%20%20%20%20%20%20width:%2022px;%0A%20%20%20%20%20%20%20%20height:%2022px;%0A%20%20%20%20%20%20%20%20border:%202px%20solid%20currentColor;%0A%20%20%20%20%20%20%20%20border-radius:%2050%25;%0A%20%20%20%20%20%20%20%20transform:%20translateY(-50%25);%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20top:%2050%25;%0A%20%20%20%20%20%20%20%20right:%206px;%0A%20%20%20%20%20%20%20%20width:%2011px;%0A%20%20%20%20%20%20%20%20height:%205px;%0A%20%20%20%20%20%20%20%20border-left:%202px%20solid%20currentColor;%0A%20%20%20%20%20%20%20%20border-bottom:%202px%20solid%20currentColor;%0A%20%20%20%20%20%20%20%20transform:%20translateY(-65%25)%20rotate(-45deg);%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&.is-active%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%0A%20%20%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&--filter.is-active::before%20%7B%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&:focus-visible%20%7B%0A%20%20%20%20%20%20%20%20outline:%201px%20solid%20$color-primary;%0A%20%20%20%20%20%20%20%20outline-offset:%202px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__empty%20%7B%0A%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20color:%20$color-text-secondary;%0A%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.rc-btn%20%7B%0A%20%20%20%20&--submit%20%7B%0A%20%20%20%20%20%20background-color:%20transparent;%0A%20%20%20%20%20%20color:%20$color-tolopea;%0A%20%20%20%20%20%20min-width:%20auto;%0A%20%20%20%20%20%20padding:%200px%200%202px;%0A%20%20%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&--submit-mobile%20%7B%0A%20%20%20%20%20%20padding:%200%200%202px;%0A%20%20%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20%20%20background-color:%20transparent;%0A%20%20%20%20%20%20color:%20$color-tolopea;%0A%0A%20%20%20%20%20%20&::before%20%7B%0A%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20background-color:%20transparent;%0A%20%20%20%20%20%20%20%20color:%20$color-tolopea;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.resource-row%20%7B%0A%20%20%20%20&__main%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20padding:%2016px%200;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__side-col%20%7B%0A%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%7D%0A%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20white-space:%20nowrap;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20text-overflow:%20ellipsis;%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__type%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20display:%20inline-block;%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__date%20%7B%0A%20%20%20%20%20%20text-align:%20right;%0A%20%20%20%20%20%20display:%20inline-block;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__media%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__img%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__excerpt%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20margin-bottom:%200;%0A%20%20%20%20%20%20@include%20type-h4;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&:hover,%0A%20%20%20%20&:focus-within,%0A%20%20%20%20&.is-open%20%7B%0A%20%20%20%20%20%20.resource-row__main%20%7B%0A%20%20%20%20%20%20%20%20padding:%2016px%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resource-row__media%20%7B%0A%20%20%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20margin-top:%2024px;%0A%20%20%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resource-row__excerpt%20%7B%0A%20%20%20%20%20%20%20%20max-height:%20210px;%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20margin-top:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.mobile-row%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.mobile-excerpt%20%7B%0A%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.rc-pagination%20%7B%0A%20%20%20%20margin-top:%2024px;%0A%20%20%20%20&__pages%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__prev,%0A%20%20%20%20&__next%20%7B%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.rc-submit-modal%20%7B%0A%20%20%20%20padding-bottom:%2024px;%0A%20%20%20%20&__form%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%7D%0A%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20padding-bottom:%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__types%20%7B%0A%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%7D%0A%20%20%20%20&__input%20%7B%0A%20%20%20%20%20%20min-height:%20auto;%0A%20%20%20%20%20%20padding:%208px%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__type-text%20%7B%0A%20%20%20%20%20%20min-height:%20auto;%0A%20%20%20%20%20%20padding:%207px%2016px;%0A%20%20%20%20%7D%0A%20%20%20%20&__submit%20%7B%0A%20%20%20%20%20%20min-height:%20auto;%0A%20%20%20%20%20%20margin-top:%2010px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AGvLA;EACE,yBAAA;EACA,iBAAA;EACA,6BAAA;AHyLF;;AGvLA;EACE,yBFNY;EEOZ,mBAAA;AH0LF;AGxLE;EACE,cFnBkB;EEoBlB,kBAAA;EC2IF,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ0JF;AExJI;EC3CF;ICwCA,eCnBQ;IDoBR,iBAAA;EJ+JA;AACF;AE9JI;EC3CF;IC4BA,eCRQ;IDSR,iBAAA;EJiLA;AACF;AGzME;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,mBAAA;EACA,eAAA;AH2MJ;AGxME;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;AH0MJ;AGvME;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;EACA,mBAAA;AHyMJ;AGtME;EACE,gBAAA;EACA,SAAA;EACA,UAAA;AHwMJ;AGrME;EACE,cFhDU;EEiDV,eAAA;ECuNF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJsLF;AExMI;ECPF;ICAA,eCdQ;IDeR,iBAAA;EJmNA;AACF;AE9MI;ECPF;ICZA,eCJQ;IDKR,iBAAA;EJqOA;AACF;;AGpNA;;;EAGE,aAAA;AHuNF;;AGpNA;EACE,gBAAA;AHuNF;;AGnNA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,gBAAA;EACA,kBAAA;EACA,yBAAA;EACA,uBAAA;EACA,eAAA;EACA,cFlFoB;EEmFpB,8DACE;EAEF,mBAAA;EC6IA,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ0OF;AEpPI;ECWJ;ICVE,eCvBQ;IDwBR,iBAAA;EJuPA;AACF;AE1PI;ECWJ;ICtBE,eCZQ;IDaR,iBAAA;EJyQA;AACF;AGnOE;EACE,qBF3FkB;EE4FlB,yBFpFgB;ADyTpB;AGlOE;EACE,cAAA;AHoOJ;AGjOE;EACE,kBAAA;EACA,YAAA;EACA,yBF1FY;EE2FZ,cF9FU;EE+FV,qBAAA;EACA,gBAAA;EACA,kBAAA;EACA,uDACE;ECuHJ,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ8QF;AExRI;ECsCF;ICrCA,eCvBQ;IDwBR,iBAAA;EJ2RA;AACF;AE9RI;ECsCF;ICjDA,eCZQ;IDaR,iBAAA;EJ6SA;AACF;AGjPI;EACE,yBFpGS;ADuVf;AGhPI;;EAEE,kBAAA;AHkPN;;AG5OA;EACE,kBAAA;AH+OF;AG7OE;EACE,WAAA;AH+OJ;AG5OE;EACE,kBAAA;EACA,sBAAA;EACA,OAAA;EACA,gBAAA;EACA,mBF/HU;EEgIV,yBAAA;EACA,gBAAA;EACA,SAAA;EACA,YAAA;EACA,WAAA;AH8OJ;AG5OI;EACE,aAAA;AH8ON;AG1OE;EACE,cAAA;AH4OJ;AGzOE;EACE,gCAAA;AH2OJ;AGzOI;EACE,mBAAA;AH2ON;AGvOE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,aAAA;EACA,cFrKkB;EEsKlB,qBAAA;EACA,iCAAA;EACA,YAAA;EACA,gBAAA;EACA,WAAA;EACA,eAAA;ECwDF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJoVF;AE9VI;ECmGF;IClGA,eCvBQ;IDwBR,iBAAA;EJiWA;AACF;AEpWI;ECmGF;IC9GA,eCZQ;IDaR,iBAAA;EJmXA;AACF;AGxPI;EACE,mBFxKc;ADkapB;AGvPI;EACE,mBF5Kc;ADqapB;AGtPI;EACE,cFrLO;EEsLP,YAAA;EACA,oBAAA;EACA,mBAAA;AHwPN;AGpPI;EACE,mBFhMgB;EEiMhB,cFxLQ;AD8ad;;AG/OE;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,gBAAA;EACA,gBAAA;EACA,kBAAA;EACA,mBFvMgB;EEwMhB,YAAA;AHkPJ;AGhPI;EAGE,0BAAA;AHgPN;AG7OI;EACE,cAAA;AH+ON;AG3OE;EACE,cAAA;AH6OJ;AG1OE;EACE,YAAA;EACA,aAAA;EACA,uBAAA;EACA,cFrOkB;EEsOlB,WAAA;ECHF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJkZF;AE5ZI;ECoKF;ICnKA,eCvBQ;IDwBR,iBAAA;EJ+ZA;AACF;AElaI;ECoKF;IC/KA,eCZQ;IDaR,iBAAA;EJibA;AACF;AG5PI;EACE,cFvOO;ADqeb;AG/PI;EACE,cFvOO;ADqeb;;AGxPA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,UAAA;EACA,uBAAA;EACA,cFtPoB;EG+QpB,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJwaF;AE1bI;ECmLJ;IC1LE,eCdQ;IDeR,iBAAA;EJqcA;AACF;AEhcI;ECmLJ;ICtME,eCJQ;IDKR,iBAAA;EJudA;AACF;AG1QE;EACE,aAAA;EACA,mBAAA;EACA,cFzPS;EE0PT,qBAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;AH4QJ;;AGvQA;EACE,gCAAA;EACA,eAAA;AH0QF;AGxQE;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,qBAAA;AH0QJ;AGvQE;EACE,6BAAA;AHyQJ;AGtQE;EACE,aAAA;EACA,2CAAA;EACA,kBAAA;EACA,SAAA;EACA,eAAA;EACA,8BAAA;AHwQJ;AGrQE;EAIE,YAAA;AHoQJ;AGjQE;EACE,aAAA;EACA,sBAAA;AHmQJ;AGhQE;EACE,aAAA;EACA,8BAAA;EACA,SAAA;AHkQJ;AG/PE;EACE,cFlTkB;EEmTlB,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ECnFF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJufF;AEjgBI;ECoPF;ICnPA,eCvBQ;IDwBR,iBAAA;EJogBA;AACF;AEvgBI;ECoPF;IC/PA,eCZQ;IDaR,iBAAA;EJshBA;AACF;AGhRE;EACE,cF3TkB;EE4TlB,cAAA;ECzFF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ8gBF;AExhBI;EC6PF;IC5PA,eCvBQ;IDwBR,iBAAA;EJ2hBA;AACF;AE9hBI;EC6PF;ICxQA,eCZQ;IDaR,iBAAA;EJ6iBA;AACF;AGjSE;EACE,cFjUkB;EEkUlB,cAAA;EC/FF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJqiBF;AE/iBI;ECmQF;IClQA,eCvBQ;IDwBR,iBAAA;EJkjBA;AACF;AErjBI;ECmQF;IC9QA,eCZQ;IDaR,iBAAA;EJokBA;AACF;AGlTE;EAEE,gBAAA;EACA,aAAA;EACA,UAAA;EACA,aAAA;EACA,yEACE;AHkTN;AG7SE;EACE,uBAAA;AH+SJ;AG5SE;EACE,WAAA;EACA,qBAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;AH8SJ;AG3SE;EACE,cF9VkB;EE+VlB,gBAAA;EC5HF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ4kBF;AEtlBI;ECgSF;IC/RA,eCvBQ;IDwBR,iBAAA;EJylBA;AACF;AE5lBI;ECgSF;IC3SA,eCZQ;IDaR,iBAAA;EJ2mBA;AACF;AG7TE;EAEI;IACE,eAAA;EH8TN;EG5TI;IACE,iBAAA;IACA,UAAA;IACA,gBAAA;EH8TN;EG5TI;IACE,iBAAA;IACA,UAAA;IACA,gBAAA;EH8TN;AACF;AGzTI;EACE,eAAA;AH2TN;AGxTI;EACE,iBAAA;EACA,UAAA;EACA,gBAAA;AH0TN;AGvTI;EACE,iBAAA;EACA,UAAA;EACA,gBAAA;AHyTN;AGtTE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,gBAAA;EACA,aAAA;AHwTJ;AGtTE;EACE,aAAA;AHwTJ;;AGnTA;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;EACA,SAAA;AHsTF;AGpTE;EAEE,oBAAA;EACA,mBAAA;EACA,QAAA;EACA,cFnZY;EEoZZ,qBAAA;EACA,mBAAA;EACA,gCAAA;EACA,6BAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,UAAA;ECpMF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ4pBF;AEtqBI;EC6VF;IC5VA,eCvBQ;IDwBR,iBAAA;EJyqBA;AACF;AE5qBI;EC6VF;ICxWA,eCZQ;IDaR,iBAAA;EJ2rBA;AACF;AGrUI;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHuUN;AGrUM;EACE,kBAAA;AHuUR;AGnUI;EACE,aAAA;AHqUN;AGnUI;EACE,oBAAA;EACA,mBAAA;AHqUN;AGjUE;EACE,aAAA;EACA,mBAAA;EACA,SAAA;AHmUJ;AGhUE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cFvckB;EEwclB,uCLpcc;EKqcd,gBAAA;EACA,qBAAA;EACA,gCAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,UAAA;ECrYF,eChCQ;EDiCR,iBAAA;AJwsBF;AGjUI;EACE,cFndgB;ADsxBtB;AGjUI;EACE,kBAAA;AHmUN;AGjUM;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,mBF/dc;ADkyBtB;AG9TE;EACE,cF9dU;EE+dV,cAAA;ECvNF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ6tBF;AE/uBI;ECuaF;IC9aA,eCdQ;IDeR,iBAAA;EJ0vBA;AACF;AErvBI;ECuaF;IC1bA,eCJQ;IDKR,iBAAA;EJ4wBA;AACF;;AG5UE;EAEE,4BAAA;EACA,mBFvegB;EEwehB,cFhfkB;AD8zBtB;;AG1UA;EAEE,4BAAA;EACA,oBAAA;AH4UF;AGzUE;EACE,gBAAA;EACA,oBAAA;EACA,gCAAA;EACA,cF9fkB;EG4MpB,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJwuBF;AElxBI;EC6bF;ICxaA,eCrCQ;IDsCR,iBAAA;EJiwBA;AACF;AExxBI;EC6bF;IChbA,eChCQ;IDiCR,iBAAA;EJ+wBA;AACF;AGzVE;EACE,aAAA;EACA,SAAA;AH2VJ;AGxVE;EACE,SAAA;EACA,SAAA;EACA,UAAA;AH0VJ;AGvVE;EACE,cAAA;EACA,gBAAA;EACA,cFhhBkB;EGmOpB,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJyyBF;AEnzBI;ECgdF;IC/cA,eCvBQ;IDwBR,iBAAA;EJszBA;AACF;AEzzBI;ECgdF;IC3dA,eCZQ;IDaR,iBAAA;EJw0BA;AACF;AGxWE;EACE,aAAA;EACA,eAAA;EACA,SAAA;AH0WJ;AGvWI;EACE,aAAA;EACA,eAAA;EACA,SAAA;AHyWN;AGrWI;EACE,oBAAA;EACA,SAAA;EACA,eAAA;AHuWN;AGpWI;EACE,oBAAA;EACA,eAAA;AHsWN;AGlWI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,mBAAA;AHoWN;AGhWI;EACE,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,kBAAA;EACA,yBAAA;EACA,mBFrjBQ;EEsjBR,cF/jBgB;EEgkBhB,+EACE;EC9VN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJk2BF;AE52BI;EC0fA;ICzfF,eCvBQ;IDwBR,iBAAA;EJ+2BA;AACF;AEl3BI;EC0fA;ICrgBF,eCZQ;IDaR,iBAAA;EJi4BA;AACF;AG7WI;;;EAGE,qBF3kBgB;EE4kBhB,mBFzkBO;EE0kBP,cF7kBgB;AD47BtB;AG3WE;EACE,oBAAA;EACA,eAAA;AH6WJ;AG1WE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,mBAAA;AH4WJ;AGzWE;EACE,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,kBAAA;EACA,yBAAA;EACA,mBF7lBU;EE8lBV,cFvmBkB;EEwmBlB,+EACE;ECtYJ,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJm5BF;AE75BI;ECkiBF;ICjiBA,eCvBQ;IDwBR,iBAAA;EJg6BA;AACF;AEn6BI;ECkiBF;IC7iBA,eCZQ;IDaR,iBAAA;EJk7BA;AACF;AGvXE;EAGE,qBFlnBkB;EEmnBlB,mBFhnBS;EEinBT,cFpnBkB;AD2+BtB;AGpXE;EACE,aAAA;EACA,MAAA;AHsXJ;AGnXE;EACE,WAAA;EACA,gBAAA;EACA,SAAA;EACA,mBF7nBS;EE8nBT,cFjoBkB;EEkoBlB,kBAAA;EACA,aAAA;EACA,+BAAA;ECjaF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJy7BF;AEn8BI;EC+jBF;IC9jBA,eCvBQ;IDwBR,iBAAA;EJs8BA;AACF;AEz8BI;EC+jBF;IC1kBA,eCZQ;IDaR,iBAAA;EJw9BA;AACF;AGrYI;EACE,0BAAA;EACA,oBAAA;AHuYN;AGnYE;EACE,cAAA;EACA,gBAAA;EACA,cFhpBkB;EGuSpB,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJg/BF;AE99BI;ECglBF;ICvmBA,eCDQ;IDER,iBAAA;EJy/BA;AACF;AEp+BI;ECglBF;IC3mBA,eCGQ;IDFR,iBAAA;EJmgCA;AACF;AGnZE;EACE,WAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;ECvVF,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBH5UoB;EG6UpB,cHpUY;EGqUZ,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJy/BF;AEngCI;ECulBF;ICtlBA,eCvBQ;IDwBR,iBAAA;EJsgCA;AACF;AEzgCI;ECulBF;IClmBA,eCZQ;IDaR,iBAAA;EJwhCA;AACF;AIxvBE;EACE,mBHpVW;EGqVX,cHxTU;ADkjCd;AEnhCI;EE6RA;IACE,mBH3VgB;IG4VhB,cHnVQ;ED4kCZ;AACF;AIrvBE;EACE,cAAA;AJuvBJ;AG9bE;EACE,aAAA;AHgcJ;;AE/hCI;EComBF;IACE,kBAAA;IACA,gBAAA;EH+bF;EG7bE;IACE,gBAAA;IACA,kBAAA;EH+bJ;EG3bE;IACE,gBAAA;IACA,gBAAA;IACA,kBAAA;EH6bJ;EGzbE;IACE,2CAAA;EH2bJ;EGvbE;ICznBF,eCvBQ;IDwBR,iBAAA;EJmjCA;EGvbA;IACE,kBAAA;EHybF;EGvbE;IACE,WAAA;EHybJ;EGtbE;IACE,gBAAA;EHwbJ;AACF;AE/jCI;EC2oBF;IACE,iBAAA;EHubF;EGrbA;IACE,mBAAA;EHubF;EGrbE;IACE,kBAAA;EHubJ;EGpbE;IACE,SAAA;IACA,mBAAA;EHsbJ;EGnbE;IACE,QAAA;EHqbJ;EGlbE;IACE,SAAA;IACA,mBAAA;EHobJ;EGjbE;IACE,eAAA;EHmbJ;EGhbE;IACE,aAAA;EHkbJ;EG/aE;IACE,aAAA;IACA,mBAAA;IACA,8BAAA;IACA,SAAA;IACA,mBAAA;IACA,gBAAA;EHibJ;EG7aI;IACE,aAAA;EH+aN;EG3aE;IACE,aAAA;IACA,QAAA;EH6aJ;EG1aE;IACE,mBAAA;IACA,QAAA;IACA,mBAAA;IACA,gBAAA;EH4aJ;EG1aI;IACE,aAAA;EH4aN;EGxaE;IACE,oBAAA;IACA,mBAAA;IACA,uBAAA;IACA,cAAA;IACA,WAAA;IACA,YAAA;IACA,yBAAA;IACA,uBAAA;IACA,cFhxBgB;IEixBhB,eAAA;EH0aJ;EGvaE;IACE,aAAA;IACA,mBAAA;IACA,cAAA;IACA,YAAA;IACA,gBAAA;IACA,iBAAA;IACA,mBFnxBc;IEoxBd,8BAAA;EHyaJ;EGvaI;IACE,sBF/xBc;EDwsCpB;EGraE;IACE,WAAA;IACA,YAAA;IACA,SAAA;IACA,UAAA;IACA,uBAAA;IACA,cFzyBgB;IGmOpB,uCN/NgB;IMgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EJgpCA;AACF;AE3pCI;ECsuBA;ICruBF,eCvBQ;IDwBR,iBAAA;EJ8pCA;AACF;AEjqCI;ECsuBA;ICjvBF,eCZQ;IDaR,iBAAA;EJgrCA;AACF;AEvqCI;EC+uBE;IACE,cF1yBK;EDquCX;EG5bI;IACE,cF1yBK;EDquCX;EGtbA;IACE,oBAAA;IACA,mBAAA;IACA,uBAAA;IACA,QAAA;IACA,eAAA;IACA,gBAAA;IACA,iBAAA;IACA,yBAAA;IACA,uBAAA;IACA,cF5zBkB;IE6zBlB,eAAA;IC1lBF,uCN/NgB;IMgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EJqrCA;AACF;AEhsCI;ECqvBF;ICpvBA,eCvBQ;IDwBR,iBAAA;EJmsCA;AACF;AEtsCI;ECqvBF;IChwBA,eCZQ;IDaR,iBAAA;EJqtCA;AACF;AE5sCI;ECmwBA;IACE,cAAA;EH4cJ;EGzcE;IACE,WAAA;IACA,UAAA;IACA,yBAAA;IACA,mBFh0Bc;ED2wClB;EGvcA;IACE,kBAAA;IACA,WAAA;IACA,gBAAA;IACA,mBAAA;EHycF;EGvcE;IACE,cAAA;EHycJ;EGtcE;IACE,aAAA;EHwcJ;EGrcE;IACE,kBAAA;IACA,qBAAA;IACA,OAAA;IACA,WAAA;IACA,gBAAA;IACA,gBAAA;IACA,4BAAA;IACA,mBFz1BQ;IE01BR,yBAAA;IACA,aAAA;IACA,aAAA;IACA,gBAAA;EHucJ;EGpcE;IACE,aAAA;EHscJ;EGncE;IACE,SAAA;IACA,cF/2BgB;EDozCpB;EGlcE;IACE,mBAAA;IACA,mBAAA;IACA,gCAAA;IACA,oBAAA;IACA,uCLn3BY;IKo3BZ,gBE11BiB;IDgCrB,eCvBQ;IDwBR,iBAAA;EJ+vCA;EGlcE;IACE,oBAAA;IACA,mBAAA;IACA,uBAAA;IACA,WAAA;IACA,YAAA;IACA,SAAA;IACA,uBAAA;IACA,cFp4BgB;IEq4BhB,eAAA;IACA,eAAA;IACA,cAAA;IACA,UAAA;EHocJ;EGjcE;IACE,iBAAA;IACA,gBAAA;EHmcJ;EGjcI;IACE,iBAAA;EHmcN;EG/bE;IACE,aAAA;IACA,MAAA;EHicJ;EG9bE;IACE,kBAAA;IACA,aAAA;IACA,mBAAA;IACA,8BAAA;IACA,SAAA;IACA,WAAA;IACA,uBAAA;IACA,SAAA;IACA,uBAAA;IACA,cFn6BgB;IEo6BhB,gBAAA;IACA,eAAA;IACA,uCLl6BY;IKm6BZ,gBEz4BiB;IDgCrB,eCvBQ;IDwBR,iBAAA;EJ0yCA;EG/bI;IAEE,WAAA;IACA,kBAAA;IACA,UAAA;EHgcN;EG7bI;IACE,QAAA;IACA,QAAA;IACA,WAAA;IACA,YAAA;IACA,8BAAA;IACA,kBAAA;IACA,2BAAA;EH+bN;EG5bI;IACE,QAAA;IACA,UAAA;IACA,WAAA;IACA,WAAA;IACA,mCAAA;IACA,qCAAA;IACA,0CAAA;EH8bN;EG3bI;IACE,cFt8Bc;EDm4CpB;EG3bM;IACE,UAAA;EH6bR;EGzbI;IACE,UAAA;EH2bN;EGxbI;IACE,0BAAA;IACA,mBAAA;EH0bN;EGtbE;IACE,SAAA;IACA,cFl9BQ;IGwQZ,sCN1QkB;IM2QlB,gBCjPiB;IDkPjB,kBAAA;IACA,mBC5JQ;IDxCR,eCnCQ;IDoCR,iBAAA;EJw0CA;AACF;AE31CI;EC05BA;ICj6BF,eCdQ;IDeR,iBAAA;EJs2CA;AACF;AEj2CI;EC05BA;IC76BF,eCJQ;IDKR,iBAAA;EJw3CA;AACF;AEv2CI;ECk6BA;IACE,6BAAA;IACA,cFr9BU;IEs9BV,eAAA;IACA,kBAAA;IACA,gCAAA;EHwcJ;EGrcE;IACE,gBAAA;IACA,gCAAA;IACA,6BAAA;IACA,cF/9BU;EDs6Cd;EGrcI;IACE,aAAA;EHucN;EGpcI;IACE,6BAAA;IACA,cFv+BQ;ED66Cd;EGjcE;IACE,2BAAA;IACA,eAAA;EHmcJ;EGhcE;IACE,aAAA;EHkcJ;EGhcE;IACE,cFjgCgB;IEkgChB,cAAA;IACA,mBAAA;IACA,gBAAA;IACA,uBAAA;IClyBJ,uCN/NgB;IMgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EJu4CA;AACF;AEl5CI;ECm8BA;ICl8BF,eCvBQ;IDwBR,iBAAA;EJq5CA;AACF;AEx5CI;ECm8BA;IC98BF,eCZQ;IDaR,iBAAA;EJu6CA;AACF;AE95CI;EC48BA;IACE,cF1gCgB;IE2gChB,qBAAA;ICxyBJ,uCN/NgB;IMgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EJg6CA;AACF;AE36CI;EC48BA;IC38BF,eCvBQ;IDwBR,iBAAA;EJ86CA;AACF;AEj7CI;EC48BA;ICv9BF,eCZQ;IDaR,iBAAA;EJg8CA;AACF;AEv7CI;ECk9BA;IACE,iBAAA;IACA,qBAAA;EHweJ;EGreE;IACE,WAAA;EHueJ;EGpeE;IACE,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;IACA,cAAA;EHseJ;EGneE;IACE,cFhiCgB;IEiiChB,gBAAA;IC9zBJ,uCN/NgB;IMgOhB,gBCtMqB;IDuMrB,kBAAA;IACA,0BCvFa;IDwFb,sBClHM;ID/CN,eC5BQ;ID6BR,iBAAA;EJs8CA;AACF;AEj9CI;ECk+BA;ICj+BF,eCvBQ;IDwBR,iBAAA;EJo9CA;AACF;AEv9CI;ECk+BA;IC7+BF,eCZQ;IDaR,iBAAA;EJs+CA;AACF;AE79CI;EC2+BE;IACE,eAAA;EHqfN;EGlfI;IACE,iBAAA;IACA,UAAA;IACA,gBAAA;IACA,mBAAA;EHofN;EGjfI;IACE,iBAAA;IACA,UAAA;IACA,gBAAA;EHmfN;EGjfI;IACE,aAAA;EHmfN;EGjfI;IACE,cAAA;EHmfN;EG/eA;IACE,gBAAA;EHifF;EGhfE;IACE,SAAA;EHkfJ;EG7eI;IACE,UAAA;EH+eN;EG1eA;IACE,oBAAA;EH4eF;EG3eE;IACE,SAAA;EH6eJ;EG3eE;IACE,mBAAA;IACA,oBAAA;EH6eJ;EG1eE;IACE,QAAA;EH4eJ;EG1eE;IACE,gBAAA;IACA,iBAAA;EH4eJ;EGzeE;IACE,gBAAA;IACA,iBAAA;EH2eJ;EGzeE;IACE,gBAAA;IACA,gBAAA;EH2eJ;AACF","file":"resource-center-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.resource-containers {\n  display: block !important;\n  padding: 48px 0 0;\n  border-top: 2px solid #e8e4dd;\n}\n\n.resource-center {\n  background-color: #f6f4f1;\n  margin: 48px 0 48px;\n}\n.resource-center__label {\n  color: #80512f;\n  margin: 0 0 48px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .resource-center__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-center__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.resource-center__controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 24px;\n  flex-wrap: wrap;\n}\n.resource-center__controls-left {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.resource-center__active-filters {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  flex-wrap: wrap;\n  margin-bottom: 48px;\n}\n.resource-center__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.resource-center__empty {\n  color: #6e6e73;\n  padding: 48px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .resource-center__empty {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-center__empty {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n\n.resource-center__mobile-controls,\n.resource-center__mobile-search,\n.rc-mobile-filter {\n  display: none;\n}\n\nbody.rc-mobile-filter-open {\n  overflow: hidden;\n}\n\n.rc-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 53px;\n  padding: 13px 21px;\n  border: 1px solid #80512f;\n  background: transparent;\n  cursor: pointer;\n  color: #80512f;\n  transition: border-color 0.2s ease, background-color 0.2s ease;\n  white-space: nowrap;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-btn:not(.rc-btn--submit):hover {\n  border-color: #80512f;\n  background-color: #e8e4dd;\n}\n.rc-btn svg {\n  flex-shrink: 0;\n}\n.rc-btn--submit {\n  position: relative;\n  border: none;\n  background-color: #593887;\n  color: #f6f4f1;\n  text-decoration: none;\n  min-width: 202px;\n  padding: 13px 24px;\n  transition: background-color 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-btn--submit {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-btn--submit {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-btn--submit:hover {\n  background-color: #864ad3;\n}\n.rc-btn--submit span,\n.rc-btn--submit svg {\n  position: relative;\n}\n\n.rc-dropdown {\n  position: relative;\n}\n.rc-dropdown.is-open {\n  z-index: 20;\n}\n.rc-dropdown__menu {\n  position: absolute;\n  top: calc(100% + 12px);\n  left: 0;\n  min-width: 318px;\n  background: #f6f4f1;\n  border: 1px solid #e8e4dd;\n  list-style: none;\n  margin: 0;\n  padding: 0px;\n  z-index: 30;\n}\n.rc-dropdown__menu[hidden] {\n  display: none;\n}\n.rc-dropdown.is-open .rc-dropdown__menu {\n  display: block;\n}\n.rc-dropdown__list-item {\n  border-bottom: 1px solid #e8e4dd;\n}\n.rc-dropdown__list-item:last-child {\n  border-bottom: none;\n}\n.rc-dropdown__item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 24px;\n  color: #80512f;\n  text-decoration: none;\n  transition: background 0.15s ease;\n  border: none;\n  background: none;\n  width: 100%;\n  cursor: pointer;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-dropdown__item {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-dropdown__item {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-dropdown__item:hover {\n  background: #e8e4dd;\n}\n.rc-dropdown__item.is-active {\n  background: #e8e4dd;\n}\n.rc-dropdown__item.is-disabled {\n  color: #e6d4c3;\n  opacity: 0.5;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n.rc-dropdown .filter-item.is-active {\n  background: #80512f;\n  color: #f6f4f1;\n}\n\n.rc-search__wrap {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 53px;\n  max-width: 290px;\n  padding: 13px 24px;\n  background: #e8e4dd;\n  cursor: text;\n}\n.rc-search__wrap:focus-within, .rc-search__wrap:focus, .rc-search__wrap:hover {\n  outline: 1px solid #80512f;\n}\n.rc-search__wrap svg {\n  flex-shrink: 0;\n}\n.rc-search__icon {\n  flex-shrink: 0;\n}\n.rc-search__input {\n  border: none;\n  outline: none;\n  background: transparent;\n  color: #80512f;\n  width: 100%;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-search__input {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-search__input {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-search__input::placeholder {\n  color: #e6d4c3;\n}\n\n.rc-filter-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  background: transparent;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .rc-filter-tag {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-filter-tag {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.rc-filter-tag__remove {\n  display: flex;\n  align-items: center;\n  color: #e6d4c3;\n  text-decoration: none;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0px;\n}\n\n.resource-row {\n  border-bottom: 1px solid #e8e4dd;\n  cursor: pointer;\n}\n.resource-row .resource-row__link {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n}\n.resource-row:first-child {\n  border-top: 1px solid #e8e4dd;\n}\n.resource-row__main {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 432px;\n  align-items: start;\n  gap: 24px;\n  padding: 24px 0;\n  transition: padding 0.25s ease;\n}\n.resource-row__title-col, .resource-row__side-col, .resource-row__date-col, .resource-row__type-col {\n  min-width: 0;\n}\n.resource-row__side-col {\n  display: flex;\n  flex-direction: column;\n}\n.resource-row__meta-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.resource-row__title {\n  color: #80512f;\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resource-row__title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-row__title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resource-row__type {\n  color: #80512f;\n  display: block;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resource-row__type {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-row__type {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resource-row__date {\n  color: #80512f;\n  display: block;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resource-row__date {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-row__date {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resource-row__media, .resource-row__excerpt {\n  overflow: hidden;\n  max-height: 0;\n  opacity: 0;\n  margin-top: 0;\n  transition: max-height 0.3s ease, opacity 0.2s ease, margin-top 0.3s ease;\n}\n.resource-row__media {\n  width: min(100%, 318px);\n}\n.resource-row__img {\n  width: 100%;\n  aspect-ratio: 318/210;\n  object-fit: cover;\n  display: block;\n}\n.resource-row__excerpt {\n  color: #80512f;\n  margin-bottom: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resource-row__excerpt {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resource-row__excerpt {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (hover: hover) and (pointer: fine) {\n  .resource-row:hover .resource-row__main {\n    padding: 24px 0;\n  }\n  .resource-row:hover .resource-row__media {\n    max-height: 210px;\n    opacity: 1;\n    margin-top: 24px;\n  }\n  .resource-row:hover .resource-row__excerpt {\n    max-height: 210px;\n    opacity: 1;\n    margin-top: 24px;\n  }\n}\n.resource-row:focus-within .resource-row__main, .resource-row.is-open .resource-row__main {\n  padding: 24px 0;\n}\n.resource-row:focus-within .resource-row__media, .resource-row.is-open .resource-row__media {\n  max-height: 210px;\n  opacity: 1;\n  margin-top: 24px;\n}\n.resource-row:focus-within .resource-row__excerpt, .resource-row.is-open .resource-row__excerpt {\n  max-height: 210px;\n  opacity: 1;\n  margin-top: 24px;\n}\n.resource-row .mobile-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  overflow: hidden;\n  display: none;\n}\n.resource-row .mobile-excerpt {\n  display: none;\n}\n\n.rc-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 48px;\n  gap: 16px;\n}\n.rc-pagination__prev, .rc-pagination__next {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #593887;\n  text-decoration: none;\n  padding-bottom: 2px;\n  border-bottom: 2px solid #593887;\n  transition: opacity 0.2s ease;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-pagination__prev, .rc-pagination__next {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-pagination__prev, .rc-pagination__next {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-pagination__prev svg, .rc-pagination__next svg {\n  flex-shrink: 0;\n  width: 14px;\n  height: 12px;\n}\n.rc-pagination__prev svg path, .rc-pagination__next svg path {\n  fill: currentColor;\n}\n.rc-pagination__prev:hover, .rc-pagination__next:hover {\n  opacity: 0.75;\n}\n.rc-pagination__prev--disabled, .rc-pagination__next--disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n}\n.rc-pagination__pages {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n.rc-pagination__page {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #80512f;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  text-decoration: none;\n  transition: background 0.2s ease;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n  font-size: 20px;\n  line-height: 24px;\n}\n.rc-pagination__page:hover {\n  color: #80512f;\n}\n.rc-pagination__page.is-active {\n  position: relative;\n}\n.rc-pagination__page.is-active::before {\n  content: \"\";\n  position: absolute;\n  bottom: 2px;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background: #80512f;\n}\n.rc-pagination__dots {\n  color: #6e6e73;\n  padding: 0 4px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .rc-pagination__dots {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-pagination__dots {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n\n.site-modal.resource-submit-modal .site-modal__dialog {\n  max-height: min(92vh, 790px);\n  background: #e8e4dd;\n  color: #80512f;\n}\n\n.rc-submit-modal {\n  max-height: min(92vh, 730px);\n  padding-bottom: 48px;\n}\n.rc-submit-modal__title {\n  margin: 0 0 24px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid #e6d4c3;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__title {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__title {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.rc-submit-modal__form {\n  display: grid;\n  gap: 24px;\n}\n.rc-submit-modal__fieldset {\n  border: 0;\n  margin: 0;\n  padding: 0;\n}\n.rc-submit-modal__label {\n  display: block;\n  margin: 0 0 16px;\n  color: #80512f;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__label {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__label {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__types {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.rc-submit-modal__types .wpcf7-form-control.wpcf7-radio {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.rc-submit-modal__types .wpcf7-list-item {\n  display: inline-flex;\n  margin: 0;\n  cursor: pointer;\n}\n.rc-submit-modal__types .wpcf7-list-item label {\n  display: inline-flex;\n  cursor: pointer;\n}\n.rc-submit-modal__types .wpcf7-list-item input[type=radio] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n}\n.rc-submit-modal__types .wpcf7-list-item-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 13px 21px;\n  border: 1px solid #80512f;\n  background: #f6f4f1;\n  color: #80512f;\n  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__types .wpcf7-list-item-label {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__types .wpcf7-list-item-label {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__types .wpcf7-list-item:hover .wpcf7-list-item-label,\n.rc-submit-modal__types .wpcf7-list-item input[type=radio]:focus-visible + .wpcf7-list-item-label,\n.rc-submit-modal__types .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label {\n  border-color: #80512f;\n  background: #e6d4c3;\n  color: #80512f;\n}\n.rc-submit-modal__type {\n  display: inline-flex;\n  cursor: pointer;\n}\n.rc-submit-modal__type-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n}\n.rc-submit-modal__type-text {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 13px 21px;\n  border: 1px solid #80512f;\n  background: #f6f4f1;\n  color: #80512f;\n  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__type-text {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__type-text {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__type:hover .rc-submit-modal__type-text, .rc-submit-modal__type-input:focus-visible + .rc-submit-modal__type-text, .rc-submit-modal__type-input:checked + .rc-submit-modal__type-text {\n  border-color: #80512f;\n  background: #e6d4c3;\n  color: #80512f;\n}\n.rc-submit-modal__field {\n  display: grid;\n  gap: 0;\n}\n.rc-submit-modal__input {\n  width: 100%;\n  min-height: 38px;\n  border: 0;\n  background: #e6d4c3;\n  color: #80512f;\n  padding: 14px 24px;\n  outline: none;\n  text-transform: none !important;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__input {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__input {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__input:focus {\n  outline: 1px solid #80512f;\n  outline-offset: -1px;\n}\n.rc-submit-modal__hint {\n  display: block;\n  margin-top: 16px;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__hint {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__hint {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__submit {\n  width: 100%;\n  min-height: 38px;\n  padding: 14px 24px;\n  margin-top: 24px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #80512f;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .rc-submit-modal__submit {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__submit {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.rc-submit-modal__submit:hover {\n  background: #b26e2e;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .rc-submit-modal__submit:hover {\n    background: #80512f;\n    color: #f6f4f1;\n  }\n}\n.rc-submit-modal__submit svg {\n  flex-shrink: 0;\n}\n.rc-submit-modal .wpcf7-spinner {\n  display: none;\n}\n\n@media (max-width: 991px) {\n  .rc-btn {\n    padding: 13px 16px;\n    min-height: auto;\n  }\n  .rc-btn--submit {\n    min-width: 124px;\n    padding: 13px 16px;\n  }\n  .rc-search__wrap {\n    min-height: auto;\n    max-width: 203px;\n    padding: 13px 24px;\n  }\n  .resource-row__main {\n    grid-template-columns: minmax(0, 1fr) 272px;\n  }\n  .rc-pagination__page {\n    font-size: 16px;\n    line-height: 18px;\n  }\n  .rc-dropdown {\n    position: relative;\n  }\n  .rc-dropdown.is-open {\n    z-index: 20;\n  }\n  .rc-dropdown__menu {\n    min-width: 272px;\n  }\n}\n@media (max-width: 767px) {\n  .resource-containers {\n    padding: 24px 0 0;\n  }\n  .resource-center {\n    margin: 24px 0 24px;\n  }\n  .resource-center__label {\n    margin: 0 0 24px 0;\n  }\n  .resource-center__controls {\n    gap: 16px;\n    margin-bottom: 16px;\n  }\n  .resource-center__controls-left {\n    gap: 8px;\n  }\n  .resource-center__active-filters {\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n  .resource-center__empty {\n    padding: 24px 0;\n  }\n  .resource-center__controls {\n    display: none;\n  }\n  .resource-center__mobile-controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 16px;\n    min-height: 33px;\n  }\n  .resource-center.is-rc-searching .resource-center__mobile-controls {\n    display: none;\n  }\n  .resource-center .left-side {\n    display: flex;\n    gap: 8px;\n  }\n  .resource-center__mobile-search {\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n    min-height: 33px;\n  }\n  .resource-center__mobile-search:not([hidden]) {\n    display: flex;\n  }\n  .resource-center__mobile-search-close {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 44px;\n    width: 44px;\n    height: 33px;\n    border: 1px solid #80512f;\n    background: transparent;\n    color: #80512f;\n    cursor: pointer;\n  }\n  .resource-center__mobile-search-wrap {\n    display: flex;\n    align-items: center;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 33px;\n    padding: 6px 16px;\n    background: #e8e4dd;\n    outline: 1px solid transparent;\n  }\n  .resource-center__mobile-search-wrap:focus-within {\n    outline-color: #80512f;\n  }\n  .resource-center__mobile-search-input {\n    width: 100%;\n    min-width: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: #80512f;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .resource-center__mobile-search-input {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .resource-center__mobile-search-input {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .resource-center__mobile-search-input::placeholder {\n    color: #e6d4c3;\n  }\n  .rc-mobile-control {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-width: 44px;\n    min-height: 33px;\n    padding: 8px 16px;\n    border: 1px solid #80512f;\n    background: transparent;\n    color: #80512f;\n    cursor: pointer;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .rc-mobile-control {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .rc-mobile-control {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .rc-mobile-control svg {\n    flex-shrink: 0;\n  }\n  .rc-mobile-control--icon {\n    width: 46px;\n    padding: 0;\n    border-color: transparent;\n    background: #e8e4dd;\n  }\n  .rc-mobile-filter {\n    position: relative;\n    z-index: 20;\n    margin-top: 16px;\n    margin-bottom: 24px;\n  }\n  .rc-mobile-filter:not([hidden]) {\n    display: block;\n  }\n  .rc-mobile-filter__overlay {\n    display: none;\n  }\n  .rc-mobile-filter__panel {\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 0;\n    width: 100%;\n    max-height: 70vh;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    background: #f6f4f1;\n    border: 1px solid #e8e4dd;\n    padding: 24px;\n    outline: none;\n    box-shadow: none;\n  }\n  .rc-mobile-filter__header {\n    display: none;\n  }\n  .rc-mobile-filter__section-title {\n    margin: 0;\n    color: #80512f;\n  }\n  .rc-mobile-filter__section-title {\n    margin-bottom: 16px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid #e8e4dd;\n    text-transform: none;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 18px;\n  }\n  .rc-mobile-filter__close {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border: 0;\n    background: transparent;\n    color: #80512f;\n    cursor: pointer;\n    font-size: 28px;\n    line-height: 1;\n    padding: 0;\n  }\n  .rc-mobile-filter__section {\n    padding: 0 0 48px;\n    border-bottom: 0;\n  }\n  .rc-mobile-filter__section:last-child {\n    padding-bottom: 0;\n  }\n  .rc-mobile-filter__options {\n    display: grid;\n    gap: 0;\n  }\n  .rc-mobile-filter__option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    width: 100%;\n    padding: 8px 44px 8px 0;\n    border: 0;\n    background: transparent;\n    color: #80512f;\n    text-align: left;\n    cursor: pointer;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 18px;\n  }\n  .rc-mobile-filter__option::before, .rc-mobile-filter__option::after {\n    content: \"\";\n    position: absolute;\n    opacity: 0;\n  }\n  .rc-mobile-filter__option::before {\n    top: 50%;\n    right: 0;\n    width: 22px;\n    height: 22px;\n    border: 2px solid currentColor;\n    border-radius: 50%;\n    transform: translateY(-50%);\n  }\n  .rc-mobile-filter__option::after {\n    top: 50%;\n    right: 6px;\n    width: 11px;\n    height: 5px;\n    border-left: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: translateY(-65%) rotate(-45deg);\n  }\n  .rc-mobile-filter__option.is-active {\n    color: #80512f;\n  }\n  .rc-mobile-filter__option.is-active::after {\n    opacity: 1;\n  }\n  .rc-mobile-filter__option--filter.is-active::before {\n    opacity: 1;\n  }\n  .rc-mobile-filter__option:focus-visible {\n    outline: 1px solid #80512f;\n    outline-offset: 2px;\n  }\n  .rc-mobile-filter__empty {\n    margin: 0;\n    color: #6e6e73;\n    font-family: \"freight-text-pro\", serif;\n    font-weight: 400;\n    font-style: normal;\n    letter-spacing: 0em;\n    font-size: 22px;\n    line-height: 33px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .rc-mobile-filter__empty {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .rc-mobile-filter__empty {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n@media (max-width: 767px) {\n  .rc-btn--submit {\n    background-color: transparent;\n    color: #593887;\n    min-width: auto;\n    padding: 0px 0 2px;\n    border-bottom: 2px solid #593887;\n  }\n  .rc-btn--submit-mobile {\n    padding: 0 0 2px;\n    border-bottom: 2px solid #593887;\n    background-color: transparent;\n    color: #593887;\n  }\n  .rc-btn--submit-mobile::before {\n    display: none;\n  }\n  .rc-btn--submit-mobile:hover {\n    background-color: transparent;\n    color: #593887;\n  }\n  .resource-row__main {\n    grid-template-columns: auto;\n    padding: 16px 0;\n  }\n  .resource-row__side-col {\n    display: none;\n  }\n  .resource-row__title {\n    color: #80512f;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .resource-row__title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .resource-row__title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .resource-row__type {\n    color: #80512f;\n    display: inline-block;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .resource-row__type {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .resource-row__type {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .resource-row__date {\n    text-align: right;\n    display: inline-block;\n  }\n  .resource-row__media {\n    width: 100%;\n  }\n  .resource-row__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .resource-row__excerpt {\n    color: #80512f;\n    margin-bottom: 0;\n    font-family: tt-commons-pro, sans-serif;\n    font-weight: 500;\n    font-style: normal;\n    text-transform: capitalize;\n    letter-spacing: 0.02em;\n    font-size: 20px;\n    line-height: 25px;\n  }\n}\n@media (max-width: 767px) and (max-width: 991px) {\n  .resource-row__excerpt {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) and (max-width: 566px) {\n  .resource-row__excerpt {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 767px) {\n  .resource-row:hover .resource-row__main, .resource-row:focus-within .resource-row__main, .resource-row.is-open .resource-row__main {\n    padding: 16px 0;\n  }\n  .resource-row:hover .resource-row__media, .resource-row:focus-within .resource-row__media, .resource-row.is-open .resource-row__media {\n    max-height: 210px;\n    opacity: 1;\n    margin-top: 24px;\n    margin-bottom: 16px;\n  }\n  .resource-row:hover .resource-row__excerpt, .resource-row:focus-within .resource-row__excerpt, .resource-row.is-open .resource-row__excerpt {\n    max-height: 210px;\n    opacity: 1;\n    margin-top: 16px;\n  }\n  .resource-row:hover .mobile-row, .resource-row:focus-within .mobile-row, .resource-row.is-open .mobile-row {\n    display: flex;\n  }\n  .resource-row:hover .mobile-excerpt, .resource-row:focus-within .mobile-excerpt, .resource-row.is-open .mobile-excerpt {\n    display: block;\n  }\n  .rc-pagination {\n    margin-top: 24px;\n  }\n  .rc-pagination__pages {\n    gap: 16px;\n  }\n  .rc-pagination__prev:hover, .rc-pagination__next:hover {\n    opacity: 1;\n  }\n  .rc-submit-modal {\n    padding-bottom: 24px;\n  }\n  .rc-submit-modal__form {\n    gap: 16px;\n  }\n  .rc-submit-modal__title {\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n  }\n  .rc-submit-modal__types {\n    gap: 8px;\n  }\n  .rc-submit-modal__input {\n    min-height: auto;\n    padding: 8px 16px;\n  }\n  .rc-submit-modal__type-text {\n    min-height: auto;\n    padding: 7px 16px;\n  }\n  .rc-submit-modal__submit {\n    min-height: auto;\n    margin-top: 10px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","// ============================================================\n// RESOURCE-CENTER.SCSS\n// ============================================================\n\n@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.resource-containers {\n  display: block !important;\n  padding: 48px 0 0;\n  border-top: 2px solid $color-pale-silver;\n}\n.resource-center {\n  background-color: $color-chalk;\n  margin: 48px 0 48px;\n\n  &__label {\n    color: $color-primary;\n    margin: 0 0 48px 0;\n    @include type-h1;\n  }\n\n  &__controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n  }\n\n  &__controls-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  &__active-filters {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    flex-wrap: wrap;\n    margin-bottom: 48px;\n  }\n\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__empty {\n    color: $color-text-secondary;\n    padding: 48px 0;\n    @include type-body;\n  }\n}\n\n.resource-center__mobile-controls,\n.resource-center__mobile-search,\n.rc-mobile-filter {\n  display: none;\n}\n\nbody.rc-mobile-filter-open {\n  overflow: hidden;\n}\n\n// ── Buttons ─────────────────────────────────────────────────\n.rc-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 53px;\n  padding: 13px 21px;\n  border: 1px solid $color-primary;\n  background: transparent;\n  cursor: pointer;\n  color: $color-primary;\n  transition:\n    border-color 0.2s ease,\n    background-color 0.2s ease;\n  white-space: nowrap;\n\n  @include type-h4;\n\n  &:not(.rc-btn--submit):hover {\n    border-color: $color-primary;\n    background-color: $color-pale-silver;\n  }\n\n  svg {\n    flex-shrink: 0;\n  }\n\n  &--submit {\n    position: relative;\n    border: none;\n    background-color: $color-tolopea;\n    color: $color-chalk;\n    text-decoration: none;\n    min-width: 202px;\n    padding: 13px 24px;\n    transition:\n      background-color 0.4s ease,\n      color 0.4s ease;\n    @include type-h4;\n\n    &:hover {\n      background-color: $color-accent;\n    }\n\n    span,\n    svg {\n      position: relative;\n    }\n  }\n}\n\n// ── Dropdown ────────────────────────────────────────────────\n.rc-dropdown {\n  position: relative;\n\n  &.is-open {\n    z-index: 20;\n  }\n\n  &__menu {\n    position: absolute;\n    top: calc(100% + 12px);\n    left: 0;\n    min-width: 318px;\n    background: $color-bg-section;\n    border: 1px solid $color-pale-silver;\n    list-style: none;\n    margin: 0;\n    padding: 0px;\n    z-index: 30;\n\n    &[hidden] {\n      display: none;\n    }\n  }\n\n  &.is-open &__menu {\n    display: block;\n  }\n\n  &__list-item {\n    border-bottom: 1px solid $color-border;\n\n    &:last-child {\n      border-bottom: none;\n    }\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px;\n    color: $color-primary;\n    text-decoration: none;\n    transition: background 0.15s ease;\n    border: none;\n    background: none;\n    width: 100%;\n    cursor: pointer;\n\n    @include type-h4;\n\n    &:hover {\n      background: $color-pale-silver;\n    }\n\n    &.is-active {\n      background: $color-pale-silver;\n    }\n\n    &.is-disabled {\n      color: $color-sand;\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    }\n  }\n  .filter-item {\n    &.is-active {\n      background: $color-primary;\n      color: $color-chalk;\n    }\n  }\n}\n\n// ── Search ──────────────────────────────────────────────────\n.rc-search {\n  &__wrap {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 53px;\n    max-width: 290px;\n    padding: 13px 24px;\n    background: $color-pale-silver;\n    cursor: text;\n\n    &:focus-within,\n    &:focus,\n    &:hover {\n      outline: 1px solid $color-antique-brass;\n    }\n\n    svg {\n      flex-shrink: 0;\n    }\n  }\n\n  &__icon {\n    flex-shrink: 0;\n  }\n\n  &__input {\n    border: none;\n    outline: none;\n    background: transparent;\n    color: $color-primary;\n    width: 100%;\n    @include type-h4;\n\n    &::placeholder {\n      color: $color-primary-pale;\n    }\n  }\n}\n\n// ── Active filter tag ────────────────────────────────────────\n.rc-filter-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  background: transparent;\n  color: $color-primary;\n  @include type-body;\n\n  &__remove {\n    display: flex;\n    align-items: center;\n    color: $color-sand;\n    text-decoration: none;\n    border: none;\n    background: none;\n    cursor: pointer;\n    padding: 0px;\n  }\n}\n\n// ===============\n.resource-row {\n  border-bottom: 1px solid $color-border;\n  cursor: pointer;\n\n  .resource-row__link {\n    display: block;\n    width: 100%;\n    height: 100%;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &:first-child {\n    border-top: 1px solid $color-border;\n  }\n\n  &__main {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 432px;\n    align-items: start;\n    gap: 24px;\n    padding: 24px 0;\n    transition: padding 0.25s ease;\n  }\n\n  &__title-col,\n  &__side-col,\n  &__date-col,\n  &__type-col {\n    min-width: 0;\n  }\n\n  &__side-col {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__meta-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n\n  &__title {\n    color: $color-primary;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    @include type-h4;\n  }\n\n  &__type {\n    color: $color-primary;\n    display: block;\n    @include type-h4;\n  }\n\n  &__date {\n    color: $color-primary;\n    display: block;\n    @include type-h4;\n  }\n\n  &__media,\n  &__excerpt {\n    overflow: hidden;\n    max-height: 0;\n    opacity: 0;\n    margin-top: 0;\n    transition:\n      max-height 0.3s ease,\n      opacity 0.2s ease,\n      margin-top 0.3s ease;\n  }\n\n  &__media {\n    width: min(100%, 318px);\n  }\n\n  &__img {\n    width: 100%;\n    aspect-ratio: 318 / 210;\n    object-fit: cover;\n    display: block;\n  }\n\n  &__excerpt {\n    color: $color-primary;\n    margin-bottom: 0;\n    @include type-h4;\n  }\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      .resource-row__main {\n        padding: 24px 0;\n      }\n      .resource-row__media {\n        max-height: 210px;\n        opacity: 1;\n        margin-top: 24px;\n      }\n      .resource-row__excerpt {\n        max-height: 210px;\n        opacity: 1;\n        margin-top: 24px;\n      }\n    }\n  }\n  &:focus-within,\n  &.is-open {\n    .resource-row__main {\n      padding: 24px 0;\n    }\n\n    .resource-row__media {\n      max-height: 210px;\n      opacity: 1;\n      margin-top: 24px;\n    }\n\n    .resource-row__excerpt {\n      max-height: 210px;\n      opacity: 1;\n      margin-top: 24px;\n    }\n  }\n  .mobile-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    overflow: hidden;\n    display: none;\n  }\n  .mobile-excerpt {\n    display: none;\n  }\n}\n\n// ── Pagination ==============\n.rc-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 48px;\n  gap: 16px;\n\n  &__prev,\n  &__next {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: $color-accent-dark;\n    text-decoration: none;\n    padding-bottom: 2px;\n    border-bottom: 2px solid $color-accent-dark;\n    transition: opacity 0.2s ease;\n    border: none;\n    background: none;\n    cursor: pointer;\n    padding: 0;\n    @include type-h4;\n\n    svg {\n      flex-shrink: 0;\n      width: 14px;\n      height: 12px;\n\n      path {\n        fill: currentColor;\n      }\n    }\n\n    &:hover {\n      opacity: 0.75;\n    }\n    &--disabled {\n      pointer-events: none;\n      cursor: not-allowed;\n    }\n  }\n\n  &__pages {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n  }\n\n  &__page {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: $color-primary;\n    font-family: $font-tt-commons;\n    font-weight: 500;\n    text-decoration: none;\n    transition: background 0.2s ease;\n    border: none;\n    background: none;\n    cursor: pointer;\n    padding: 0;\n    @include font-20-24;\n\n    &:hover {\n      color: $color-primary;\n    }\n    &.is-active {\n      position: relative;\n\n      &::before {\n        content: \"\";\n        position: absolute;\n        bottom: 2px;\n        left: 0;\n        width: 100%;\n        height: 1px;\n        background: $color-primary;\n      }\n    }\n  }\n\n  &__dots {\n    color: $color-text-secondary;\n    padding: 0 4px;\n    @include type-body;\n  }\n}\n\n.site-modal.resource-submit-modal {\n  .site-modal__dialog {\n    // width: min(100%, 638px);\n    max-height: min(92vh, 790px);\n    background: $color-pale-silver;\n    color: $color-primary;\n  }\n}\n\n.rc-submit-modal {\n  // height: 677px;\n  max-height: min(92vh, 730px);\n  padding-bottom: 48px;\n  // overflow-y: hidden;\n\n  &__title {\n    margin: 0 0 24px;\n    padding-bottom: 24px;\n    border-bottom: 1px solid $color-sand;\n    color: $color-primary;\n    @include type-h3;\n  }\n\n  &__form {\n    display: grid;\n    gap: 24px;\n  }\n\n  &__fieldset {\n    border: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__label {\n    display: block;\n    margin: 0 0 16px;\n    color: $color-primary;\n    @include type-h4;\n  }\n\n  &__types {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n\n    // CF7 wraps all radio items in this element\n    .wpcf7-form-control.wpcf7-radio {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 16px;\n    }\n\n    // Equivalent to your old &__type — each individual pill wrapper\n    .wpcf7-list-item {\n      display: inline-flex;\n      margin: 0; // CF7 adds default margin, reset it\n      cursor: pointer;\n    }\n\n    .wpcf7-list-item label {\n      display: inline-flex;\n      cursor: pointer;\n    }\n\n    // Equivalent to your old &__type-input — visually hidden but still focusable\n    .wpcf7-list-item input[type=\"radio\"] {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n    }\n\n    // Equivalent to your old &__type-text — the visible pill\n    .wpcf7-list-item-label {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 38px;\n      padding: 13px 21px;\n      border: 1px solid $color-primary;\n      background: $color-chalk;\n      color: $color-primary;\n      transition:\n        background-color 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease;\n      @include type-h4;\n    }\n\n    // Hover, focus, and checked states — same logic as your original, retargeted\n    .wpcf7-list-item:hover .wpcf7-list-item-label,\n    .wpcf7-list-item input[type=\"radio\"]:focus-visible + .wpcf7-list-item-label,\n    .wpcf7-list-item input[type=\"radio\"]:checked + .wpcf7-list-item-label {\n      border-color: $color-primary;\n      background: $color-sand;\n      color: $color-primary;\n    }\n  }\n\n  &__type {\n    display: inline-flex;\n    cursor: pointer;\n  }\n\n  &__type-input {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  &__type-text {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 38px;\n    padding: 13px 21px;\n    border: 1px solid $color-primary;\n    background: $color-chalk;\n    color: $color-primary;\n    transition:\n      background-color 0.2s ease,\n      border-color 0.2s ease,\n      color 0.2s ease;\n    @include type-h4;\n  }\n\n  &__type:hover &__type-text,\n  &__type-input:focus-visible + &__type-text,\n  &__type-input:checked + &__type-text {\n    border-color: $color-primary;\n    background: $color-sand;\n    color: $color-primary;\n  }\n\n  &__field {\n    display: grid;\n    gap: 0;\n  }\n\n  &__input {\n    width: 100%;\n    min-height: 38px;\n    border: 0;\n    background: $color-sand;\n    color: $color-primary;\n    padding: 14px 24px;\n    outline: none;\n    text-transform: none !important;\n    @include type-h4;\n\n    &:focus {\n      outline: 1px solid $color-primary;\n      outline-offset: -1px;\n    }\n  }\n\n  &__hint {\n    display: block;\n    margin-top: 16px;\n    color: $color-primary;\n    @include type-caption;\n  }\n\n  &__submit {\n    width: 100%;\n    min-height: 38px;\n    padding: 14px 24px;\n    margin-top: 24px;\n    @include btn-fill($color-primary, $color-primary-light, $color-chalk);\n  }\n  .wpcf7-spinner {\n    display: none;\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .rc-btn {\n    padding: 13px 16px;\n    min-height: auto;\n\n    &--submit {\n      min-width: 124px;\n      padding: 13px 16px;\n    }\n  }\n  .rc-search {\n    &__wrap {\n      min-height: auto;\n      max-width: 203px;\n      padding: 13px 24px;\n    }\n  }\n  .resource-row {\n    &__main {\n      grid-template-columns: minmax(0, 1fr) 272px;\n    }\n  }\n  .rc-pagination {\n    &__page {\n      @include font-16-18;\n    }\n  }\n  .rc-dropdown {\n    position: relative;\n\n    &.is-open {\n      z-index: 20;\n    }\n\n    &__menu {\n      min-width: 272px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .resource-containers {\n    padding: 24px 0 0;\n  }\n  .resource-center {\n    margin: 24px 0 24px;\n\n    &__label {\n      margin: 0 0 24px 0;\n    }\n\n    &__controls {\n      gap: 16px;\n      margin-bottom: 16px;\n    }\n\n    &__controls-left {\n      gap: 8px;\n    }\n\n    &__active-filters {\n      gap: 24px;\n      margin-bottom: 24px;\n    }\n\n    &__empty {\n      padding: 24px 0;\n    }\n\n    &__controls {\n      display: none;\n    }\n\n    &__mobile-controls {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 16px;\n      min-height: 33px;\n    }\n\n    &.is-rc-searching {\n      .resource-center__mobile-controls {\n        display: none;\n      }\n    }\n\n    .left-side {\n      display: flex;\n      gap: 8px;\n    }\n\n    &__mobile-search {\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n      min-height: 33px;\n\n      &:not([hidden]) {\n        display: flex;\n      }\n    }\n\n    &__mobile-search-close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex: 0 0 44px;\n      width: 44px;\n      height: 33px;\n      border: 1px solid $color-primary;\n      background: transparent;\n      color: $color-primary;\n      cursor: pointer;\n    }\n\n    &__mobile-search-wrap {\n      display: flex;\n      align-items: center;\n      flex: 1 1 auto;\n      min-width: 0;\n      min-height: 33px;\n      padding: 6px 16px;\n      background: $color-pale-silver;\n      outline: 1px solid transparent;\n\n      &:focus-within {\n        outline-color: $color-primary;\n      }\n    }\n\n    &__mobile-search-input {\n      width: 100%;\n      min-width: 0;\n      border: 0;\n      outline: 0;\n      background: transparent;\n      color: $color-primary;\n      @include type-h4;\n\n      &::placeholder {\n        color: $color-primary-pale;\n      }\n    }\n  }\n\n  .rc-mobile-control {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-width: 44px;\n    min-height: 33px;\n    padding: 8px 16px;\n    border: 1px solid $color-primary;\n    background: transparent;\n    color: $color-primary;\n    cursor: pointer;\n    @include type-h4;\n\n    svg {\n      flex-shrink: 0;\n    }\n\n    &--icon {\n      width: 46px;\n      padding: 0;\n      border-color: transparent;\n      background: $color-pale-silver;\n    }\n  }\n\n  .rc-mobile-filter {\n    position: relative;\n    z-index: 20;\n    margin-top: 16px;\n    margin-bottom: 24px;\n\n    &:not([hidden]) {\n      display: block;\n    }\n\n    &__overlay {\n      display: none;\n    }\n\n    &__panel {\n      position: absolute;\n      top: calc(100% + 8px);\n      left: 0;\n      width: 100%;\n      max-height: 70vh;\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      background: $color-chalk;\n      border: 1px solid $color-border;\n      padding: 24px;\n      outline: none;\n      box-shadow: none;\n    }\n\n    &__header {\n      display: none;\n    }\n\n    &__section-title {\n      margin: 0;\n      color: $color-primary;\n    }\n\n    &__section-title {\n      margin-bottom: 16px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid $color-border;\n      text-transform: none;\n      font-family: $font-tt-commons;\n      font-weight: $font-weight-demibold;\n      @include font-16-18;\n    }\n\n    &__close {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 44px;\n      height: 44px;\n      border: 0;\n      background: transparent;\n      color: $color-primary;\n      cursor: pointer;\n      font-size: 28px;\n      line-height: 1;\n      padding: 0;\n    }\n\n    &__section {\n      padding: 0 0 48px;\n      border-bottom: 0;\n\n      &:last-child {\n        padding-bottom: 0;\n      }\n    }\n\n    &__options {\n      display: grid;\n      gap: 0;\n    }\n\n    &__option {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      width: 100%;\n      padding: 8px 44px 8px 0;\n      border: 0;\n      background: transparent;\n      color: $color-primary;\n      text-align: left;\n      cursor: pointer;\n      font-family: $font-tt-commons;\n      font-weight: $font-weight-demibold;\n      @include font-16-18;\n\n      &::before,\n      &::after {\n        content: \"\";\n        position: absolute;\n        opacity: 0;\n      }\n\n      &::before {\n        top: 50%;\n        right: 0;\n        width: 22px;\n        height: 22px;\n        border: 2px solid currentColor;\n        border-radius: 50%;\n        transform: translateY(-50%);\n      }\n\n      &::after {\n        top: 50%;\n        right: 6px;\n        width: 11px;\n        height: 5px;\n        border-left: 2px solid currentColor;\n        border-bottom: 2px solid currentColor;\n        transform: translateY(-65%) rotate(-45deg);\n      }\n\n      &.is-active {\n        color: $color-primary;\n\n        &::after {\n          opacity: 1;\n        }\n      }\n\n      &--filter.is-active::before {\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        outline: 1px solid $color-primary;\n        outline-offset: 2px;\n      }\n    }\n\n    &__empty {\n      margin: 0;\n      color: $color-text-secondary;\n      @include type-body;\n    }\n  }\n\n  .rc-btn {\n    &--submit {\n      background-color: transparent;\n      color: $color-tolopea;\n      min-width: auto;\n      padding: 0px 0 2px;\n      border-bottom: 2px solid $color-accent-dark;\n    }\n\n    &--submit-mobile {\n      padding: 0 0 2px;\n      border-bottom: 2px solid $color-accent-dark;\n      background-color: transparent;\n      color: $color-tolopea;\n\n      &::before {\n        display: none;\n      }\n\n      &:hover {\n        background-color: transparent;\n        color: $color-tolopea;\n      }\n    }\n  }\n  .resource-row {\n    &__main {\n      grid-template-columns: auto;\n      padding: 16px 0;\n    }\n\n    &__side-col {\n      display: none;\n    }\n    &__title {\n      color: $color-primary;\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @include type-h4;\n    }\n\n    &__type {\n      color: $color-primary;\n      display: inline-block;\n      @include type-h4;\n    }\n\n    &__date {\n      text-align: right;\n      display: inline-block;\n    }\n\n    &__media {\n      width: 100%;\n    }\n\n    &__img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    &__excerpt {\n      color: $color-primary;\n      margin-bottom: 0;\n      @include type-h4;\n    }\n\n    &:hover,\n    &:focus-within,\n    &.is-open {\n      .resource-row__main {\n        padding: 16px 0;\n      }\n\n      .resource-row__media {\n        max-height: 210px;\n        opacity: 1;\n        margin-top: 24px;\n        margin-bottom: 16px;\n      }\n\n      .resource-row__excerpt {\n        max-height: 210px;\n        opacity: 1;\n        margin-top: 16px;\n      }\n      .mobile-row {\n        display: flex;\n      }\n      .mobile-excerpt {\n        display: block;\n      }\n    }\n  }\n  .rc-pagination {\n    margin-top: 24px;\n    &__pages {\n      gap: 16px;\n    }\n\n    &__prev,\n    &__next {\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .rc-submit-modal {\n    padding-bottom: 24px;\n    &__form {\n      gap: 16px;\n    }\n    &__title {\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n    }\n\n    &__types {\n      gap: 8px;\n    }\n    &__input {\n      min-height: auto;\n      padding: 8px 16px;\n    }\n\n    &__type-text {\n      min-height: auto;\n      padding: 7px 16px;\n    }\n    &__submit {\n      min-height: auto;\n      margin-top: 10px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.resource-containers {
  display: block !important;
  padding: 48px 0 0;
  border-top: 2px solid #e8e4dd;
}

.resource-center {
  background-color: #f6f4f1;
  margin: 48px 0 48px;
}
.resource-center__label {
  color: #80512f;
  margin: 0 0 48px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .resource-center__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .resource-center__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.resource-center__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.resource-center__controls-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.resource-center__active-filters {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
.resource-center__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.resource-center__empty {
  color: #6e6e73;
  padding: 48px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .resource-center__empty {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .resource-center__empty {
    font-size: 14px;
    line-height: 21px;
  }
}

.resource-center__mobile-controls,
.resource-center__mobile-search,
.rc-mobile-filter {
  display: none;
}

body.rc-mobile-filter-open {
  overflow: hidden;
}

.rc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 53px;
  padding: 13px 21px;
  border: 1px solid #80512f;
  background: transparent;
  cursor: pointer;
  color: #80512f;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  white-space: nowrap;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-btn:not(.rc-btn--submit):hover {
  border-color: #80512f;
  background-color: #e8e4dd;
}
.rc-btn svg {
  flex-shrink: 0;
}
.rc-btn--submit {
  position: relative;
  border: none;
  background-color: #593887;
  color: #f6f4f1;
  text-decoration: none;
  min-width: 202px;
  padding: 13px 24px;
  transition: background-color 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-btn--submit {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-btn--submit {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-btn--submit:hover {
  background-color: #864ad3;
}
.rc-btn--submit span,
.rc-btn--submit svg {
  position: relative;
}

.rc-dropdown {
  position: relative;
}
.rc-dropdown.is-open {
  z-index: 20;
}
.rc-dropdown__menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 318px;
  background: #f6f4f1;
  border: 1px solid #e8e4dd;
  list-style: none;
  margin: 0;
  padding: 0px;
  z-index: 30;
}
.rc-dropdown__menu[hidden] {
  display: none;
}
.rc-dropdown.is-open .rc-dropdown__menu {
  display: block;
}
.rc-dropdown__list-item {
  border-bottom: 1px solid #e8e4dd;
}
.rc-dropdown__list-item:last-child {
  border-bottom: none;
}
.rc-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  color: #80512f;
  text-decoration: none;
  transition: background 0.15s ease;
  border: none;
  background: none;
  width: 100%;
  cursor: pointer;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-dropdown__item {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-dropdown__item {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-dropdown__item:hover {
  background: #e8e4dd;
}
.rc-dropdown__item.is-active {
  background: #e8e4dd;
}
.rc-dropdown__item.is-disabled {
  color: #e6d4c3;
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.rc-dropdown .filter-item.is-active {
  background: #80512f;
  color: #f6f4f1;
}

.rc-search__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 53px;
  max-width: 290px;
  padding: 13px 24px;
  background: #e8e4dd;
  cursor: text;
}
.rc-search__wrap:focus-within, .rc-search__wrap:focus, .rc-search__wrap:hover {
  outline: 1px solid #80512f;
}
.rc-search__wrap svg {
  flex-shrink: 0;
}
.rc-search__icon {
  flex-shrink: 0;
}
.rc-search__input {
  border: none;
  outline: none;
  background: transparent;
  color: #80512f;
  width: 100%;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-search__input {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-search__input {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-search__input::-moz-placeholder {
  color: #e6d4c3;
}
.rc-search__input::placeholder {
  color: #e6d4c3;
}

.rc-filter-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  background: transparent;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .rc-filter-tag {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .rc-filter-tag {
    font-size: 14px;
    line-height: 21px;
  }
}
.rc-filter-tag__remove {
  display: flex;
  align-items: center;
  color: #e6d4c3;
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0px;
}

.resource-row {
  border-bottom: 1px solid #e8e4dd;
  cursor: pointer;
}
.resource-row .resource-row__link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.resource-row:first-child {
  border-top: 1px solid #e8e4dd;
}
.resource-row__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 432px;
  align-items: start;
  gap: 24px;
  padding: 24px 0;
  transition: padding 0.25s ease;
}
.resource-row__title-col, .resource-row__side-col, .resource-row__date-col, .resource-row__type-col {
  min-width: 0;
}
.resource-row__side-col {
  display: flex;
  flex-direction: column;
}
.resource-row__meta-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.resource-row__title {
  color: #80512f;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resource-row__title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resource-row__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.resource-row__type {
  color: #80512f;
  display: block;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resource-row__type {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resource-row__type {
    font-size: 14px;
    line-height: 18px;
  }
}
.resource-row__date {
  color: #80512f;
  display: block;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resource-row__date {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resource-row__date {
    font-size: 14px;
    line-height: 18px;
  }
}
.resource-row__media, .resource-row__excerpt {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease, margin-top 0.3s ease;
}
.resource-row__media {
  width: min(100%, 318px);
}
.resource-row__img {
  width: 100%;
  aspect-ratio: 318/210;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.resource-row__excerpt {
  color: #80512f;
  margin-bottom: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resource-row__excerpt {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resource-row__excerpt {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .resource-row:hover .resource-row__main {
    padding: 24px 0;
  }
  .resource-row:hover .resource-row__media {
    max-height: 210px;
    opacity: 1;
    margin-top: 24px;
  }
  .resource-row:hover .resource-row__excerpt {
    max-height: 210px;
    opacity: 1;
    margin-top: 24px;
  }
}
.resource-row:focus-within .resource-row__main, .resource-row.is-open .resource-row__main {
  padding: 24px 0;
}
.resource-row:focus-within .resource-row__media, .resource-row.is-open .resource-row__media {
  max-height: 210px;
  opacity: 1;
  margin-top: 24px;
}
.resource-row:focus-within .resource-row__excerpt, .resource-row.is-open .resource-row__excerpt {
  max-height: 210px;
  opacity: 1;
  margin-top: 24px;
}
.resource-row .mobile-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  display: none;
}
.resource-row .mobile-excerpt {
  display: none;
}

.rc-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 48px;
  gap: 16px;
}
.rc-pagination__prev, .rc-pagination__next {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #593887;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid #593887;
  transition: opacity 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-pagination__prev, .rc-pagination__next {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-pagination__prev, .rc-pagination__next {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-pagination__prev svg, .rc-pagination__next svg {
  flex-shrink: 0;
  width: 14px;
  height: 12px;
}
.rc-pagination__prev svg path, .rc-pagination__next svg path {
  fill: currentColor;
}
.rc-pagination__prev:hover, .rc-pagination__next:hover {
  opacity: 0.75;
}
.rc-pagination__prev--disabled, .rc-pagination__next--disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.rc-pagination__pages {
  display: flex;
  align-items: center;
  gap: 24px;
}
.rc-pagination__page {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #80512f;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
}
.rc-pagination__page:hover {
  color: #80512f;
}
.rc-pagination__page.is-active {
  position: relative;
}
.rc-pagination__page.is-active::before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #80512f;
}
.rc-pagination__dots {
  color: #6e6e73;
  padding: 0 4px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .rc-pagination__dots {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .rc-pagination__dots {
    font-size: 14px;
    line-height: 21px;
  }
}

.site-modal.resource-submit-modal .site-modal__dialog {
  max-height: min(92vh, 790px);
  background: #e8e4dd;
  color: #80512f;
}

.rc-submit-modal {
  max-height: min(92vh, 730px);
  padding-bottom: 48px;
}
.rc-submit-modal__title {
  margin: 0 0 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e6d4c3;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .rc-submit-modal__title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.rc-submit-modal__form {
  display: grid;
  gap: 24px;
}
.rc-submit-modal__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.rc-submit-modal__label {
  display: block;
  margin: 0 0 16px;
  color: #80512f;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-submit-modal__label {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__label {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-submit-modal__types {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.rc-submit-modal__types .wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.rc-submit-modal__types .wpcf7-list-item {
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}
.rc-submit-modal__types .wpcf7-list-item label {
  display: inline-flex;
  cursor: pointer;
}
.rc-submit-modal__types .wpcf7-list-item input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.rc-submit-modal__types .wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 13px 21px;
  border: 1px solid #80512f;
  background: #f6f4f1;
  color: #80512f;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-submit-modal__types .wpcf7-list-item-label {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__types .wpcf7-list-item-label {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-submit-modal__types .wpcf7-list-item:hover .wpcf7-list-item-label,
.rc-submit-modal__types .wpcf7-list-item input[type=radio]:focus-visible + .wpcf7-list-item-label,
.rc-submit-modal__types .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label {
  border-color: #80512f;
  background: #e6d4c3;
  color: #80512f;
}
.rc-submit-modal__type {
  display: inline-flex;
  cursor: pointer;
}
.rc-submit-modal__type-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.rc-submit-modal__type-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 13px 21px;
  border: 1px solid #80512f;
  background: #f6f4f1;
  color: #80512f;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-submit-modal__type-text {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__type-text {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-submit-modal__type:hover .rc-submit-modal__type-text, .rc-submit-modal__type-input:focus-visible + .rc-submit-modal__type-text, .rc-submit-modal__type-input:checked + .rc-submit-modal__type-text {
  border-color: #80512f;
  background: #e6d4c3;
  color: #80512f;
}
.rc-submit-modal__field {
  display: grid;
  gap: 0;
}
.rc-submit-modal__input {
  width: 100%;
  min-height: 38px;
  border: 0;
  background: #e6d4c3;
  color: #80512f;
  padding: 14px 24px;
  outline: none;
  text-transform: none !important;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-submit-modal__input {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__input {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-submit-modal__input:focus {
  outline: 1px solid #80512f;
  outline-offset: -1px;
}
.rc-submit-modal__hint {
  display: block;
  margin-top: 16px;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .rc-submit-modal__hint {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__hint {
    font-size: 12px;
    line-height: 18px;
  }
}
.rc-submit-modal__submit {
  width: 100%;
  min-height: 38px;
  padding: 14px 24px;
  margin-top: 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #80512f;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .rc-submit-modal__submit {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .rc-submit-modal__submit {
    font-size: 14px;
    line-height: 18px;
  }
}
.rc-submit-modal__submit:hover {
  background: #b26e2e;
  color: #ffffff;
}
@media (max-width: 566px) {
  .rc-submit-modal__submit:hover {
    background: #80512f;
    color: #f6f4f1;
  }
}
.rc-submit-modal__submit svg {
  flex-shrink: 0;
}
.rc-submit-modal .wpcf7-spinner {
  display: none;
}

@media (max-width: 991px) {
  .rc-btn {
    padding: 13px 16px;
    min-height: auto;
  }
  .rc-btn--submit {
    min-width: 124px;
    padding: 13px 16px;
  }
  .rc-search__wrap {
    min-height: auto;
    max-width: 203px;
    padding: 13px 24px;
  }
  .resource-row__main {
    grid-template-columns: minmax(0, 1fr) 272px;
  }
  .rc-pagination__page {
    font-size: 16px;
    line-height: 18px;
  }
  .rc-dropdown {
    position: relative;
  }
  .rc-dropdown.is-open {
    z-index: 20;
  }
  .rc-dropdown__menu {
    min-width: 272px;
  }
}
@media (max-width: 767px) {
  .resource-containers {
    padding: 24px 0 0;
  }
  .resource-center {
    margin: 24px 0 24px;
  }
  .resource-center__label {
    margin: 0 0 24px 0;
  }
  .resource-center__controls {
    gap: 16px;
    margin-bottom: 16px;
  }
  .resource-center__controls-left {
    gap: 8px;
  }
  .resource-center__active-filters {
    gap: 24px;
    margin-bottom: 24px;
  }
  .resource-center__empty {
    padding: 24px 0;
  }
  .resource-center__controls {
    display: none;
  }
  .resource-center__mobile-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
    min-height: 33px;
  }
  .resource-center.is-rc-searching .resource-center__mobile-controls {
    display: none;
  }
  .resource-center .left-side {
    display: flex;
    gap: 8px;
  }
  .resource-center__mobile-search {
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    min-height: 33px;
  }
  .resource-center__mobile-search:not([hidden]) {
    display: flex;
  }
  .resource-center__mobile-search-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 33px;
    border: 1px solid #80512f;
    background: transparent;
    color: #80512f;
    cursor: pointer;
  }
  .resource-center__mobile-search-wrap {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 33px;
    padding: 6px 16px;
    background: #e8e4dd;
    outline: 1px solid transparent;
  }
  .resource-center__mobile-search-wrap:focus-within {
    outline-color: #80512f;
  }
  .resource-center__mobile-search-input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #80512f;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .resource-center__mobile-search-input {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .resource-center__mobile-search-input {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .resource-center__mobile-search-input::-moz-placeholder {
    color: #e6d4c3;
  }
  .resource-center__mobile-search-input::placeholder {
    color: #e6d4c3;
  }
  .rc-mobile-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 33px;
    padding: 8px 16px;
    border: 1px solid #80512f;
    background: transparent;
    color: #80512f;
    cursor: pointer;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .rc-mobile-control {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .rc-mobile-control {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .rc-mobile-control svg {
    flex-shrink: 0;
  }
  .rc-mobile-control--icon {
    width: 46px;
    padding: 0;
    border-color: transparent;
    background: #e8e4dd;
  }
  .rc-mobile-filter {
    position: relative;
    z-index: 20;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .rc-mobile-filter:not([hidden]) {
    display: block;
  }
  .rc-mobile-filter__overlay {
    display: none;
  }
  .rc-mobile-filter__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    max-height: 70vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #f6f4f1;
    border: 1px solid #e8e4dd;
    padding: 24px;
    outline: none;
    box-shadow: none;
  }
  .rc-mobile-filter__header {
    display: none;
  }
  .rc-mobile-filter__section-title {
    margin: 0;
    color: #80512f;
  }
  .rc-mobile-filter__section-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e4dd;
    text-transform: none;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .rc-mobile-filter__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: #80512f;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    padding: 0;
  }
  .rc-mobile-filter__section {
    padding: 0 0 48px;
    border-bottom: 0;
  }
  .rc-mobile-filter__section:last-child {
    padding-bottom: 0;
  }
  .rc-mobile-filter__options {
    display: grid;
    gap: 0;
  }
  .rc-mobile-filter__option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 8px 44px 8px 0;
    border: 0;
    background: transparent;
    color: #80512f;
    text-align: left;
    cursor: pointer;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .rc-mobile-filter__option::before, .rc-mobile-filter__option::after {
    content: "";
    position: absolute;
    opacity: 0;
  }
  .rc-mobile-filter__option::before {
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .rc-mobile-filter__option::after {
    top: 50%;
    right: 6px;
    width: 11px;
    height: 5px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-65%) rotate(-45deg);
  }
  .rc-mobile-filter__option.is-active {
    color: #80512f;
  }
  .rc-mobile-filter__option.is-active::after {
    opacity: 1;
  }
  .rc-mobile-filter__option--filter.is-active::before {
    opacity: 1;
  }
  .rc-mobile-filter__option:focus-visible {
    outline: 1px solid #80512f;
    outline-offset: 2px;
  }
  .rc-mobile-filter__empty {
    margin: 0;
    color: #6e6e73;
    font-family: "freight-text-pro", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    font-size: 22px;
    line-height: 33px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .rc-mobile-filter__empty {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .rc-mobile-filter__empty {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .rc-btn--submit {
    background-color: transparent;
    color: #593887;
    min-width: auto;
    padding: 0px 0 2px;
    border-bottom: 2px solid #593887;
  }
  .rc-btn--submit-mobile {
    padding: 0 0 2px;
    border-bottom: 2px solid #593887;
    background-color: transparent;
    color: #593887;
  }
  .rc-btn--submit-mobile::before {
    display: none;
  }
  .rc-btn--submit-mobile:hover {
    background-color: transparent;
    color: #593887;
  }
  .resource-row__main {
    grid-template-columns: auto;
    padding: 16px 0;
  }
  .resource-row__side-col {
    display: none;
  }
  .resource-row__title {
    color: #80512f;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .resource-row__title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .resource-row__title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .resource-row__type {
    color: #80512f;
    display: inline-block;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .resource-row__type {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .resource-row__type {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .resource-row__date {
    text-align: right;
    display: inline-block;
  }
  .resource-row__media {
    width: 100%;
  }
  .resource-row__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .resource-row__excerpt {
    color: #80512f;
    margin-bottom: 0;
    font-family: tt-commons-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .resource-row__excerpt {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 566px) {
  .resource-row__excerpt {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .resource-row:hover .resource-row__main, .resource-row:focus-within .resource-row__main, .resource-row.is-open .resource-row__main {
    padding: 16px 0;
  }
  .resource-row:hover .resource-row__media, .resource-row:focus-within .resource-row__media, .resource-row.is-open .resource-row__media {
    max-height: 210px;
    opacity: 1;
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .resource-row:hover .resource-row__excerpt, .resource-row:focus-within .resource-row__excerpt, .resource-row.is-open .resource-row__excerpt {
    max-height: 210px;
    opacity: 1;
    margin-top: 16px;
  }
  .resource-row:hover .mobile-row, .resource-row:focus-within .mobile-row, .resource-row.is-open .mobile-row {
    display: flex;
  }
  .resource-row:hover .mobile-excerpt, .resource-row:focus-within .mobile-excerpt, .resource-row.is-open .mobile-excerpt {
    display: block;
  }
  .rc-pagination {
    margin-top: 24px;
  }
  .rc-pagination__pages {
    gap: 16px;
  }
  .rc-pagination__prev:hover, .rc-pagination__next:hover {
    opacity: 1;
  }
  .rc-submit-modal {
    padding-bottom: 24px;
  }
  .rc-submit-modal__form {
    gap: 16px;
  }
  .rc-submit-modal__title {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .rc-submit-modal__types {
    gap: 8px;
  }
  .rc-submit-modal__input {
    min-height: auto;
    padding: 8px 16px;
  }
  .rc-submit-modal__type-text {
    min-height: auto;
    padding: 7px 16px;
  }
  .rc-submit-modal__submit {
    min-height: auto;
    margin-top: 10px;
  }
}
/*# sourceMappingURL=resource-center-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","resources-news-card.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.resource-container%20%7B%0A%20%20display:%20block%20!important;%0A%7D%0A.resources-news%20%7B%0A%20%20margin:%2032px%200;%0A%0A%20%20.divider%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20height:%202px;%0A%20%20%20%20background:%20$color-pale-silver;%0A%20%20%20%20margin-bottom:%2048px;%0A%20%20%7D%0A%20%20.resources-news__banner%20%7B%0A%20%20%20%20padding:%2024px;%0A%20%20%20%20background-color:%20$color-copper;%0A%20%20%20%20margin-bottom:%2040px;%0A%0A%20%20%20%20.resources-news__section-label%20%7B%0A%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20margin:%200%200%20120px%200;%0A%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resources-news__banner-inner%20%7B%0A%20%20%20%20%20%20display:%20grid;%0A%20%20%20%20%20%20grid-template-columns:%201fr%201fr;%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20align-items:%20end;%0A%0A%20%20%20%20%20%20.resources-news__banner-heading%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__banner-desc%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-body;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.resources-news__explore-wrap%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20%20%20.resources-news__explore-mobile%20%7B%0A%20%20%20%20%20%20%20%20background:%20$color-chalk;%0A%20%20%20%20%20%20%20%20color:%20$color-accent-dark;%0A%20%20%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20gap:%2012px;%0A%20%20%20%20%20%20%20%20margin-top:%2016px;%0A%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20display:%20none;%0A%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%0A%20%20%20%20%20%20%20%20%20%20path%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill:%20currentColor;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.resources-news__grid-wrap%20%7B%0A%20%20%20%20padding:%200%200px;%0A%0A%20%20%20%20.resources-news__grid-header%20%7B%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%0A%20%20%20%20%20%20.resources-news__news-label%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__explore%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20gap:%2012px;%0A%20%20%20%20%20%20%20%20color:%20$color-accent-dark;%0A%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20border-bottom:%202px%20solid%20$color-accent-dark;%0A%20%20%20%20%20%20%20%20padding-bottom:%202px;%0A%20%20%20%20%20%20%20%20@include%20type-h4;%0A%0A%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20opacity:%200.75;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20%20%20height:%20auto;%0A%0A%20%20%20%20%20%20%20%20%20%20path%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill:%20currentColor;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resources-news__grid%20%7B%0A%20%20%20%20%20%20display:%20grid;%0A%20%20%20%20%20%20grid-template-columns:%20repeat(4,%201fr);%0A%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20align-items:%20stretch;%0A%0A%20%20%20%20%20%20.news-card%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%0A%20%20%20%20%20%20%20%20&__link%20%7B%0A%20%20%20%20%20%20%20%20%20%20text-decoration:%20none;%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__image-wrap%20%7B%0A%20%20%20%20%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20aspect-ratio:%204%20/%204;%0A%20%20%20%20%20%20%20%20%20%20margin-bottom:%208px;%0A%20%20%20%20%20%20%20%20%20%20background:%20$color-neutral-light;%0A%0A%20%20%20%20%20%20%20%20%20%20/%20&::after%20%7B%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20content:%20%22%22;%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20background:%20rgba($color-chalk,%200);%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20transition:%20background%200.35s%20ease;%0A%20%20%20%20%20%20%20%20%20%20/%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20%20%20/%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__image%20%7B%0A%20%20%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20%20%20inset:%200;%0A%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%200.5s%20ease-in-out,%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%200.4s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index:%202;%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__link:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20.news-card__image%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__body%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__category%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__title%20%7B%0A%20%20%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-h5;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__meta%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__author%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__date%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__tags%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20flex-wrap:%20wrap;%0A%20%20%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20%20%20margin-top:%20auto;%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&__tag%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20inline-block;%0A%20%20%20%20%20%20%20%20%20%20padding:%204px%208px;%0A%20%20%20%20%20%20%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20border-color%200.2s%20ease,%0A%20%20%20%20%20%20%20%20%20%20%20%20color%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20@include%20type-caption;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.resources-news%20%7B%0A%20%20%20%20.resources-news__banner%20%7B%0A%20%20%20%20%20%20.resources-news__section-label%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2060px%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.resources-news%20%7B%0A%20%20%20%20.resources-news__banner%20%7B%0A%20%20%20%20%20%20margin-bottom:%2024px;%0A%0A%20%20%20%20%20%20.resources-news__section-label%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.resources-news__grid-wrap%20%7B%0A%20%20%20%20%20%20.resources-news__grid-header%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%2016px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.resources-news%20%7B%0A%20%20%20%20margin:%2016px%200;%0A%20%20%20%20.resources-news__banner%20%7B%0A%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20margin-bottom:%2016px;%0A%0A%20%20%20%20%20%20.resources-news__section-label%20%7B%0A%20%20%20%20%20%20%20%20margin:%200%200%20123px%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__banner-inner%20%7B%0A%20%20%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20%20%20gap:%2024px;%0A%20%20%20%20%20%20%20%20align-items:%20flex-start;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resources-news__grid-wrap%20%7B%0A%20%20%20%20%20%20.resources-news__grid-header%20%7B%0A%20%20%20%20%20%20%20%20margin-bottom:%208px;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__grid%20%7B%0A%20%20%20%20%20%20%20%20grid-template-columns:%20repeat(2,%201fr);%0A%20%20%20%20%20%20%20%20gap:%2024px;%0A%0A%20%20%20%20%20%20%20%20.news-card%20%7B%0A%20%20%20%20%20%20%20%20%20%20&__meta%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items:%20flex-start;%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20%20%20%20%20%20%20gap:%200px;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.resources-news%20%7B%0A%20%20%20%20margin:%2016px%200;%0A%0A%20%20%20%20.divider%20%7B%0A%20%20%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20%7D%0A%20%20%20%20.resources-news__banner%20%7B%0A%20%20%20%20%20%20padding:%2016px;%0A%20%20%20%20%20%20aspect-ratio:%201%20/%201;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20gap:%2010px;%0A%0A%20%20%20%20%20%20.resources-news__section-label%20%7B%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__explore-wrap%20%7B%0A%20%20%20%20%20%20%20%20.resources-news__explore-mobile%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.resources-news__grid-wrap%20%7B%0A%20%20%20%20%20%20.resources-news__grid-header%20%7B%0A%20%20%20%20%20%20%20%20.resources-news__explore%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.resources-news__grid%20%7B%0A%20%20%20%20%20%20%20%20grid-template-columns:%20repeat(2,%201fr);%0A%20%20%20%20%20%20%20%20gap:%2016px;%0A%0A%20%20%20%20%20%20%20%20.news-card%20%7B%0A%20%20%20%20%20%20%20%20%20%20&__link:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20.news-card__image-wrap%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20&::after%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20.news-card__image%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&--default%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%201;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20&--hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20opacity:%200;%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,yBAAA;AH6LF;;AG3LA;EACE,cAAA;AH8LF;AG5LE;EACE,WAAA;EACA,WAAA;EACA,mBFNgB;EEOhB,mBAAA;AH8LJ;AG5LE;EACE,aAAA;EACA,yBFlBW;EEmBX,mBAAA;AH8LJ;AG5LI;EACE,cFdQ;EEeR,mBAAA;ECuIJ,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJkKF;AEhKI;ECvCA;ICoCF,eCnBQ;IDoBR,iBAAA;EJuKA;AACF;AEtKI;ECvCA;ICwBF,eCRQ;IDSR,iBAAA;EJyLA;AACF;AG7MI;EACE,aAAA;EACA,8BAAA;EACA,SAAA;EACA,gBAAA;AH+MN;AG7MM;EACE,cF1BM;EE2BN,SAAA;ECwKN,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJkJF;AE5LI;EC3BE;ICgDJ,eCrCQ;IDsCR,iBAAA;EJ2KA;AACF;AElMI;EC3BE;ICwCJ,eChCQ;IDiCR,iBAAA;EJyLA;AACF;AG7NM;EACE,cFhCM;EEiCN,SAAA;ECqON,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJgMF;AElNI;ECrBE;ICcJ,eCdQ;IDeR,iBAAA;EJ6NA;AACF;AExNI;ECrBE;ICEJ,eCJQ;IDKR,iBAAA;EJ+OA;AACF;AG7OI;EACE,WAAA;AH+ON;AG7OM;EACE,mBFzCM;EE0CN,cFvCQ;EEwCR,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,gBAAA;EACA,qBAAA;EACA,aAAA;ECwKN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ0OF;AEpPI;ECZE;ICaJ,eCvBQ;IDwBR,iBAAA;EJuPA;AACF;AE1PI;ECZE;ICCJ,eCZQ;IDaR,iBAAA;EJyQA;AACF;AG9PQ;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHgQV;AG9PU;EACE,kBAAA;AHgQZ;AGzPE;EACE,cAAA;AH2PJ;AGzPI;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,mBAAA;AH2PN;AGzPM;EACE,cFvFc;EEwFd,SAAA;ECuEN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ+RF;AE7RI;ECyBE;IC5BJ,eCnBQ;IDoBR,iBAAA;EJoSA;AACF;AEnSI;ECyBE;ICxCJ,eCRQ;IDSR,iBAAA;EJsTA;AACF;AG1QM;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,cFpFQ;EEqFR,qBAAA;EACA,gCAAA;EACA,mBAAA;ECgIN,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ+SF;AEzTI;EC+BE;IC9BJ,eCvBQ;IDwBR,iBAAA;EJ4TA;AACF;AE/TI;EC+BE;IC1CJ,eCZQ;IDaR,iBAAA;EJ8UA;AACF;AG5RQ;EACE,aAAA;AH8RV;AG3RQ;EACE,cAAA;EACA,WAAA;EACA,YAAA;AH6RV;AG3RU;EACE,kBAAA;AH6RZ;AGvRI;EACE,aAAA;EACA,qCAAA;EACA,SAAA;EACA,oBAAA;AHyRN;AGvRM;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,YAAA;AHyRR;AGvRQ;EACE,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;AHyRV;AGtRQ;EACE,kBAAA;EACA,gBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBFvIU;AD+ZpB;AG5QQ;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;EACA,yDACE;AH6QZ;AG1QU;EACE,UAAA;EACA,UAAA;AH4QZ;AGzQU;EACE,UAAA;EACA,UAAA;AH2QZ;AGrQY;EACE,UAAA;AHuQd;AGpQY;EACE,UAAA;AHsQd;AGjQQ;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,OAAA;AHmQV;AGhQQ;EACE,cFrMY;EEsMZ,cAAA;ECiGR,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJmaF;AEjZI;ECuII;IC9JN,eCDQ;IDER,iBAAA;EJ4aA;AACF;AEvZI;ECuII;IClKN,eCGQ;IDFR,iBAAA;EJsbA;AACF;AGhRQ;EACE,SAAA;EACA,cF5MY;EGuPpB,sCNlPkB;EMmPlB,gBCzNiB;ED0NjB,kBAAA;EACA,0BAAA;EACA,uBAAA;EArLA,eC5BQ;ED6BR,iBAAA;AJ8ZF;AExaI;EC6II;IC5IN,eCvBQ;IDwBR,iBAAA;EJ2aA;AACF;AE9aI;EC6II;ICxJN,eCZQ;IDaR,iBAAA;EJ6bA;AACF;AGjSQ;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,eAAA;AHmSV;AGhSQ;EACE,cFxNY;EGuSpB,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJqdF;AEncI;EC0JI;ICjLN,eCDQ;IDER,iBAAA;EJ8dA;AACF;AEzcI;EC0JI;ICrLN,eCGQ;IDFR,iBAAA;EJweA;AACF;AGhTQ;EACE,cF7NY;EGuSpB,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJ0eF;AExdI;EC+JI;ICtLN,eCDQ;IDER,iBAAA;EJmfA;AACF;AE9dI;EC+JI;IC1LN,eCGQ;IDFR,iBAAA;EJ6fA;AACF;AGhUQ;EACE,aAAA;EACA,eAAA;EACA,QAAA;EACA,gBAAA;AHkUV;AG/TQ;EACE,qBAAA;EACA,gBAAA;EACA,yBFnOU;EEoOV,cF5OY;EE6OZ,mDACE;ECyDV,sCNlSkB;EMmSlB,gBCzQiB;ED0QjB,kBAAA;EACA,mBCnLW;ED7EX,eCJQ;EDKR,iBAAA;AJygBF;AEvfI;EC2KI;IClMN,eCDQ;IDER,iBAAA;EJkhBA;AACF;AE7fI;EC2KI;ICtMN,eCGQ;IDFR,iBAAA;EJ4hBA;AACF;;AEngBI;EC6LE;IACE,kBAAA;EH0UN;AACF;AEzgBI;ECsMA;IACE,mBAAA;EHsUJ;EGpUI;IACE,kBAAA;EHsUN;EGlUI;IACE,mBAAA;EHoUN;AACF;AEphBI;ECsNF;IACE,cAAA;EHiUF;EGhUE;IACE,aAAA;IACA,mBAAA;EHkUJ;EGhUI;IACE,mBAAA;EHkUN;EG/TI;IACE,2BAAA;IACA,SAAA;IACA,uBAAA;EHiUN;EG5TI;IACE,kBAAA;EH8TN;EG3TI;IACE,qCAAA;IACA,SAAA;EH6TN;EG1TQ;IACE,uBAAA;IACA,sBAAA;IACA,QAAA;EH4TV;AACF;AEjjBI;EC4PF;IACE,cAAA;EHwTF;EGtTE;IACE,mBAAA;EHwTJ;EGtTE;IACE,aAAA;IACA,iBAAA;IACA,aAAA;IACA,sBAAA;IACA,8BAAA;IACA,SAAA;EHwTJ;EGtTI;IACE,SAAA;EHwTN;EGpTM;IACE,aAAA;EHsTR;EG/SM;IACE,aAAA;EHiTR;EG7SI;IACE,qCAAA;IACA,SAAA;EH+SN;EG1SY;IACE,gBAAA;EH4Sd;EGzSc;IACE,UAAA;EH2ShB;EGxSc;IACE,UAAA;EH0ShB;AACF","file":"resources-news-card.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.resource-container {\n  display: block !important;\n}\n\n.resources-news {\n  margin: 32px 0;\n}\n.resources-news .divider {\n  width: 100%;\n  height: 2px;\n  background: #e8e4dd;\n  margin-bottom: 48px;\n}\n.resources-news .resources-news__banner {\n  padding: 24px;\n  background-color: #b26e2e;\n  margin-bottom: 40px;\n}\n.resources-news .resources-news__banner .resources-news__section-label {\n  color: #f6f4f1;\n  margin: 0 0 120px 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__banner .resources-news__section-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__banner .resources-news__section-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.resources-news .resources-news__banner .resources-news__banner-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  align-items: end;\n}\n.resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {\n  color: #f6f4f1;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {\n  color: #f6f4f1;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.resources-news .resources-news__banner .resources-news__explore-wrap {\n  width: 100%;\n}\n.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {\n  background: #f6f4f1;\n  color: #593887;\n  padding: 14px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n  text-decoration: none;\n  display: none;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile svg {\n  flex-shrink: 0;\n  width: 16px;\n  height: auto;\n}\n.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile svg path {\n  fill: currentColor;\n}\n.resources-news .resources-news__grid-wrap {\n  padding: 0 0px;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 16px;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {\n  color: #80512f;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #593887;\n  text-decoration: none;\n  border-bottom: 2px solid #593887;\n  padding-bottom: 2px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore:hover {\n  opacity: 0.75;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore svg {\n  flex-shrink: 0;\n  width: 16px;\n  height: auto;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore svg path {\n  fill: currentColor;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  align-items: stretch;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card {\n  display: flex;\n  flex-direction: column;\n  background: transparent;\n  height: 100%;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link {\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image-wrap {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 4/4;\n  margin-bottom: 8px;\n  background: #e8e4dd;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: opacity 0.5s ease-in-out, transform 0.4s ease;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image--default {\n  z-index: 1;\n  opacity: 1;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image--hover {\n  z-index: 2;\n  opacity: 0;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image--default {\n  opacity: 0;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image--hover {\n  opacity: 1;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {\n  color: #80512f;\n  display: block;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {\n  margin: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: -0.01em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__meta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: auto;\n}\n.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {\n  display: inline-block;\n  padding: 4px 8px;\n  background-color: #e8e4dd;\n  color: #80512f;\n  transition: border-color 0.2s ease, color 0.2s ease;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 14px;\n  line-height: 21px;\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {\n    font-size: 12px;\n    line-height: 15px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n\n@media (max-width: 1199px) {\n  .resources-news .resources-news__banner .resources-news__section-label {\n    margin: 0 0 60px 0;\n  }\n}\n@media (max-width: 991px) {\n  .resources-news .resources-news__banner {\n    margin-bottom: 24px;\n  }\n  .resources-news .resources-news__banner .resources-news__section-label {\n    margin: 0 0 24px 0;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header {\n    margin-bottom: 16px;\n  }\n}\n@media (max-width: 767px) {\n  .resources-news {\n    margin: 16px 0;\n  }\n  .resources-news .resources-news__banner {\n    padding: 16px;\n    margin-bottom: 16px;\n  }\n  .resources-news .resources-news__banner .resources-news__section-label {\n    margin: 0 0 123px 0;\n  }\n  .resources-news .resources-news__banner .resources-news__banner-inner {\n    grid-template-columns: auto;\n    gap: 24px;\n    align-items: flex-start;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header {\n    margin-bottom: 8px;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__meta {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 0px;\n  }\n}\n@media (max-width: 566px) {\n  .resources-news {\n    margin: 16px 0;\n  }\n  .resources-news .divider {\n    margin-bottom: 24px;\n  }\n  .resources-news .resources-news__banner {\n    padding: 16px;\n    aspect-ratio: 1/1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 10px;\n  }\n  .resources-news .resources-news__banner .resources-news__section-label {\n    margin: 0;\n  }\n  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {\n    display: flex;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {\n    display: none;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap::after {\n    background: none;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap .news-card__image--default {\n    opacity: 1;\n  }\n  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap .news-card__image--hover {\n    opacity: 0;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.resource-container {\n  display: block !important;\n}\n.resources-news {\n  margin: 32px 0;\n\n  .divider {\n    width: 100%;\n    height: 2px;\n    background: $color-pale-silver;\n    margin-bottom: 48px;\n  }\n  .resources-news__banner {\n    padding: 24px;\n    background-color: $color-copper;\n    margin-bottom: 40px;\n\n    .resources-news__section-label {\n      color: $color-chalk;\n      margin: 0 0 120px 0;\n      @include type-h1;\n    }\n\n    .resources-news__banner-inner {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n      align-items: end;\n\n      .resources-news__banner-heading {\n        color: $color-chalk;\n        margin: 0;\n        @include type-h3;\n      }\n\n      .resources-news__banner-desc {\n        color: $color-chalk;\n        margin: 0;\n        @include type-body;\n      }\n    }\n    .resources-news__explore-wrap {\n      width: 100%;\n\n      .resources-news__explore-mobile {\n        background: $color-chalk;\n        color: $color-accent-dark;\n        padding: 14px 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-top: 16px;\n        text-decoration: none;\n        display: none;\n\n        @include type-h4;\n\n        svg {\n          flex-shrink: 0;\n          width: 16px;\n          height: auto;\n\n          path {\n            fill: currentColor;\n          }\n        }\n      }\n    }\n  }\n\n  .resources-news__grid-wrap {\n    padding: 0 0px;\n\n    .resources-news__grid-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      margin-bottom: 16px;\n\n      .resources-news__news-label {\n        color: $color-primary;\n        margin: 0;\n        @include type-h1;\n      }\n\n      .resources-news__explore {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        color: $color-accent-dark;\n        text-decoration: none;\n        border-bottom: 2px solid $color-accent-dark;\n        padding-bottom: 2px;\n        @include type-h4;\n\n        &:hover {\n          opacity: 0.75;\n        }\n\n        svg {\n          flex-shrink: 0;\n          width: 16px;\n          height: auto;\n\n          path {\n            fill: currentColor;\n          }\n        }\n      }\n    }\n\n    .resources-news__grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n      align-items: stretch;\n\n      .news-card {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n        height: 100%;\n\n        &__link {\n          text-decoration: none;\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n        }\n\n        &__image-wrap {\n          position: relative;\n          overflow: hidden;\n          width: 100%;\n          aspect-ratio: 4 / 4;\n          margin-bottom: 8px;\n          background: $color-neutral-light;\n\n          // &::after {\n          //   content: \"\";\n          //   position: absolute;\n          //   inset: 0;\n          //   background: rgba($color-chalk, 0);\n          //   transition: background 0.35s ease;\n          //   pointer-events: none;\n          // }\n        }\n\n        &__image {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          display: block;\n          transition:\n            opacity 0.5s ease-in-out,\n            transform 0.4s ease;\n\n          &--default {\n            z-index: 1;\n            opacity: 1;\n          }\n\n          &--hover {\n            z-index: 2;\n            opacity: 0;\n          }\n        }\n\n        &__link:hover {\n          .news-card__image {\n            &--default {\n              opacity: 0;\n            }\n\n            &--hover {\n              opacity: 1;\n            }\n          }\n        }\n\n        &__body {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          flex: 1;\n        }\n\n        &__category {\n          color: $color-primary;\n          display: block;\n          @include type-caption;\n        }\n\n        &__title {\n          margin: 0;\n          color: $color-primary;\n          @include type-h5;\n        }\n\n        &__meta {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          flex-wrap: wrap;\n        }\n\n        &__author {\n          color: $color-primary;\n          @include type-caption;\n        }\n\n        &__date {\n          color: $color-primary;\n          @include type-caption;\n        }\n\n        &__tags {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n          margin-top: auto;\n        }\n\n        &__tag {\n          display: inline-block;\n          padding: 4px 8px;\n          background-color: $color-pale-silver;\n          color: $color-primary;\n          transition:\n            border-color 0.2s ease,\n            color 0.2s ease;\n\n          @include type-caption;\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"desktop-sm\") {\n  .resources-news {\n    .resources-news__banner {\n      .resources-news__section-label {\n        margin: 0 0 60px 0;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"tablet\") {\n  .resources-news {\n    .resources-news__banner {\n      margin-bottom: 24px;\n\n      .resources-news__section-label {\n        margin: 0 0 24px 0;\n      }\n    }\n    .resources-news__grid-wrap {\n      .resources-news__grid-header {\n        margin-bottom: 16px;\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"tablet-sm\") {\n  .resources-news {\n    margin: 16px 0;\n    .resources-news__banner {\n      padding: 16px;\n      margin-bottom: 16px;\n\n      .resources-news__section-label {\n        margin: 0 0 123px 0;\n      }\n\n      .resources-news__banner-inner {\n        grid-template-columns: auto;\n        gap: 24px;\n        align-items: flex-start;\n      }\n    }\n\n    .resources-news__grid-wrap {\n      .resources-news__grid-header {\n        margin-bottom: 8px;\n      }\n\n      .resources-news__grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n\n        .news-card {\n          &__meta {\n            align-items: flex-start;\n            flex-direction: column;\n            gap: 0px;\n          }\n        }\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .resources-news {\n    margin: 16px 0;\n\n    .divider {\n      margin-bottom: 24px;\n    }\n    .resources-news__banner {\n      padding: 16px;\n      aspect-ratio: 1 / 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      gap: 10px;\n\n      .resources-news__section-label {\n        margin: 0;\n      }\n\n      .resources-news__explore-wrap {\n        .resources-news__explore-mobile {\n          display: flex;\n        }\n      }\n    }\n\n    .resources-news__grid-wrap {\n      .resources-news__grid-header {\n        .resources-news__explore {\n          display: none;\n        }\n      }\n\n      .resources-news__grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n\n        .news-card {\n          &__link:hover {\n            .news-card__image-wrap {\n              &::after {\n                background: none;\n              }\n              .news-card__image {\n                &--default {\n                  opacity: 1;\n                }\n\n                &--hover {\n                  opacity: 0;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.resource-container {
  display: block !important;
}

.resources-news {
  margin: 32px 0;
}
.resources-news .divider {
  width: 100%;
  height: 2px;
  background: #e8e4dd;
  margin-bottom: 48px;
}
.resources-news .resources-news__banner {
  padding: 24px;
  background-color: #b26e2e;
  margin-bottom: 40px;
}
.resources-news .resources-news__banner .resources-news__section-label {
  color: #f6f4f1;
  margin: 0 0 120px 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__banner .resources-news__section-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__banner .resources-news__section-label {
    font-size: 14px;
    line-height: 16px;
  }
}
.resources-news .resources-news__banner .resources-news__banner-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: end;
}
.resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {
  color: #f6f4f1;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {
  color: #f6f4f1;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__banner .resources-news__banner-inner .resources-news__banner-desc {
    font-size: 14px;
    line-height: 21px;
  }
}
.resources-news .resources-news__banner .resources-news__explore-wrap {
  width: 100%;
}
.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {
  background: #f6f4f1;
  color: #593887;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  text-decoration: none;
  display: none;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {
    font-size: 14px;
    line-height: 18px;
  }
}
.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile svg {
  flex-shrink: 0;
  width: 16px;
  height: auto;
}
.resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile svg path {
  fill: currentColor;
}
.resources-news .resources-news__grid-wrap {
  padding: 0 0px;
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {
  color: #80512f;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__news-label {
    font-size: 14px;
    line-height: 16px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #593887;
  text-decoration: none;
  border-bottom: 2px solid #593887;
  padding-bottom: 2px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {
    font-size: 14px;
    line-height: 18px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore:hover {
  opacity: 0.75;
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore svg {
  flex-shrink: 0;
  width: 16px;
  height: auto;
}
.resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore svg path {
  fill: currentColor;
}
.resources-news .resources-news__grid-wrap .resources-news__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: stretch;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card {
  display: flex;
  flex-direction: column;
  background: transparent;
  height: 100%;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4/4;
  margin-bottom: 8px;
  background: #e8e4dd;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.5s ease-in-out, transform 0.4s ease;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image--default {
  z-index: 1;
  opacity: 1;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__image--hover {
  z-index: 2;
  opacity: 0;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image--default {
  opacity: 0;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image--hover {
  opacity: 1;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {
  color: #80512f;
  display: block;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__category {
    font-size: 12px;
    line-height: 18px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {
  margin: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__author {
    font-size: 12px;
    line-height: 18px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__date {
    font-size: 12px;
    line-height: 18px;
  }
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {
  display: inline-block;
  padding: 4px 8px;
  background-color: #e8e4dd;
  color: #80512f;
  transition: border-color 0.2s ease, color 0.2s ease;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 991px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 566px) {
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__tag {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 1199px) {
  .resources-news .resources-news__banner .resources-news__section-label {
    margin: 0 0 60px 0;
  }
}
@media (max-width: 991px) {
  .resources-news .resources-news__banner {
    margin-bottom: 24px;
  }
  .resources-news .resources-news__banner .resources-news__section-label {
    margin: 0 0 24px 0;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid-header {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .resources-news {
    margin: 16px 0;
  }
  .resources-news .resources-news__banner {
    padding: 16px;
    margin-bottom: 16px;
  }
  .resources-news .resources-news__banner .resources-news__section-label {
    margin: 0 0 123px 0;
  }
  .resources-news .resources-news__banner .resources-news__banner-inner {
    grid-template-columns: auto;
    gap: 24px;
    align-items: flex-start;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid-header {
    margin-bottom: 8px;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0px;
  }
}
@media (max-width: 566px) {
  .resources-news {
    margin: 16px 0;
  }
  .resources-news .divider {
    margin-bottom: 24px;
  }
  .resources-news .resources-news__banner {
    padding: 16px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }
  .resources-news .resources-news__banner .resources-news__section-label {
    margin: 0;
  }
  .resources-news .resources-news__banner .resources-news__explore-wrap .resources-news__explore-mobile {
    display: flex;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid-header .resources-news__explore {
    display: none;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap::after {
    background: none;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap .news-card__image--default {
    opacity: 1;
  }
  .resources-news .resources-news__grid-wrap .resources-news__grid .news-card__link:hover .news-card__image-wrap .news-card__image--hover {
    opacity: 0;
  }
}
/*# sourceMappingURL=resources-news-card.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","support-detail-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.support-details%20%7B%0A%20%20margin:%2048px%200;%0A%0A%20%20&__inner%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20/%20gap:%20139px;%0A%20%20%20%20padding:%2048px%200%200;%0A%20%20%20%20border-top:%202px%20solid%20$color-pale-silver;%0A%20%20%7D%0A%20%20&__left%20%7B%0A%20%20%20%20/%20max-width:%20546px;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20grid-column:%20span%205;%0A%20%20%7D%0A%20%20&__eyebrow%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2048px;%0A%20%20%20%20@include%20type-h1;%0A%20%20%7D%0A%20%20&__heading%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200;%0A%20%20%20%20@include%20type-h2;%0A%20%20%7D%0A%20%20&__right%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%20%20%7D%0A%20%20&__description%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%20%20&__contact-text%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%20%20&__email%20%7B%0A%20%20%20%20text-decoration:%20underline;%0A%20%20%20%20text-underline-offset:%204px;%0A%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%20%20.events-slider__slider%20%7B%0A%20%20%20%20position:%20relative;%0A%20%20%20%20overflow:%20hidden;%0A%20%20%20%20margin-bottom:%2024px;%0A%20%20%20%20width:%20100%25;%0A%20%20%7D%0A%20%20.slider-track%20%7B%0A%20%20%20%20display:%20flex;%0A%20%20%20%20transition:%20transform%200.4s%20ease;%0A%20%20%20%20will-change:%20transform;%0A%20%20%7D%0A%0A%20%20.slider-slide%20%7B%0A%20%20%20%20flex:%200%200%20100%25;%0A%20%20%20%20min-width:%20100%25;%0A%20%20%20%20height:%20560px;%0A%20%20%20%20overflow:%20hidden;%0A%0A%20%20%20%20img%20%7B%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20.slider-nav%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20bottom:%2024px;%0A%20%20%20%20right:%2024px;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20gap:%208px;%0A%20%20%20%20z-index:%2010;%0A%20%20%7D%0A%0A%20%20.slider-btn%20%7B%0A%20%20%20%20width:%2060px;%0A%20%20%20%20height:%2053px;%0A%20%20%20%20background:%20transparent;%0A%20%20%20%20border:%201px%20solid%20$color-chalk;%0A%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20center;%0A%20%20%20%20transition:%0A%20%20%20%20%20%20background%200.2s%20ease,%0A%20%20%20%20%20%20border-color%200.2s%20ease;%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20background:%20rgba(255,%20255,%20255,%200.15);%0A%20%20%20%20%7D%0A%20%20%7D%0A%0A%20%20&__subscribe-text%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2016px;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%20%20&__subscribe-form%20%7B%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20border-bottom:%201px%20solid%20$color-primary;%0A%20%20%20%20padding-bottom:%206px;%0A%20%20%20%20gap:%208px;%0A%20%20%7D%0A%20%20&__input%20%7B%0A%20%20%20%20flex:%201;%0A%20%20%20%20min-width:%200;%0A%20%20%20%20border:%20none;%0A%20%20%20%20background:%20transparent;%0A%20%20%20%20outline:%20none;%0A%20%20%20%20padding:%200;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20font-family:%20$font-freight-text;%0A%0A%20%20%20%20@include%20type-body;%0A%0A%20%20%20%20&::placeholder%20%7B%0A%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20&__submit%20%7B%0A%20%20%20%20background:%20transparent;%0A%20%20%20%20border:%20none;%0A%20%20%20%20cursor:%20pointer;%0A%20%20%20%20padding:%200;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20justify-content:%20center;%0A%20%20%20%20flex-shrink:%200;%0A%20%20%20%20width:%2020px;%0A%20%20%20%20height:%2020px;%0A%20%20%20%20transition:%20opacity%200.2s%20ease;%0A%0A%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20opacity:%200.6;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20&__arrow-icon%20%7B%0A%20%20%20%20width:%2016px;%0A%20%20%20%20height:%2014px;%0A%20%20%20%20display:%20block;%0A%20%20%7D%0A%20%20&__arrow%20%7B%0A%20%20%20%20font-size:%2020px;%0A%20%20%20%20line-height:%201;%0A%20%20%20%20color:%20$color-primary;%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.support-details%20%7B%0A%20%20%20%20/%20&__inner%20%7B%0A%20%20%20%20/%20%20%20display:%20flex;%0A%20%20%20%20/%20%20%20gap:%20108px;%0A%20%20%20%20/%20%7D%0A%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20/%20max-width:%20480px;%0A%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%20%20%20%20.slider-slide%20%7B%0A%20%20%20%20%20%20height:%20480px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.support-details%20%7B%0A%20%20%20%20/%20&__inner%20%7B%0A%20%20%20%20/%20%20%20display:%20flex;%0A%20%20%20%20/%20%20%20gap:%2098px;%0A%20%20%20%20/%20%7D%0A%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20/%20max-width:%20346px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20.slider-slide%20%7B%0A%20%20%20%20%20%20height:%20360px;%0A%20%20%20%20%7D%0A%20%20%20%20&__subscribe-text%20%7B%0A%20%20%20%20%20%20margin:%200%200%208px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A/%20mobile%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.support-details%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%0A%20%20%20%20&__inner%20%7B%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%2048px%20!important;%0A%20%20%20%20%20%20padding:%2024px%200%200;%0A%20%20%20%20%7D%0A%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%7D%0A%20%20%20%20&__eyebrow%20%7B%0A%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__contact-text%20%7B%0A%20%20%20%20%20%20margin:%200%200%2016px;%0A%20%20%20%20%7D%0A%20%20%20%20.slider-slide%20%7B%0A%20%20%20%20%20%20height:%20368px;%0A%20%20%20%20%7D%0A%20%20%20%20.slider-nav%20%7B%0A%20%20%20%20%20%20bottom:%2016px;%0A%20%20%20%20%20%20right:%2016px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__subscribe-text%20%7B%0A%20%20%20%20%20%20margin:%200%200%208px;%0A%20%20%20%20%7D%0A%20%20%20%20.slider-btn%20%7B%0A%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,cAAA;AH6LF;AG3LE;EAGE,iBAAA;EACA,6BAAA;AH2LJ;AGzLE;EAEE,WAAA;EACA,mBAAA;AH0LJ;AGxLE;EACE,cFpBkB;EEqBlB,gBAAA;EC0IF,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ2JF;AEzJI;EC1CF;ICuCA,eCnBQ;IDoBR,iBAAA;EJgKA;AACF;AE/JI;EC1CF;IC2BA,eCRQ;IDSR,iBAAA;EJkLA;AACF;AG1ME;EACE,cFzBkB;EE0BlB,SAAA;EC4JF,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJyHF;AE/KI;ECrCF;ICsEA,eC9CQ;ID+CR,iBAAA;EJkJA;AACF;AErLI;ECrCF;IC8DA,eCxCQ;IDyCR,iBAAA;EJgKA;AACF;AG3NE;EACE,WAAA;EACA,+BAAA;AH6NJ;AG3NE;EACE,cFlCkB;EEmClB,gBAAA;EC4OF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJuLF;AEzMI;EC5BF;ICqBA,eCdQ;IDeR,iBAAA;EJoNA;AACF;AE/MI;EC5BF;ICSA,eCJQ;IDKR,iBAAA;EJsOA;AACF;AG5OE;EACE,cFvCkB;EEwClB,gBAAA;ECuOF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ6MF;AE/NI;ECvBF;ICgBA,eCdQ;IDeR,iBAAA;EJ0OA;AACF;AErOI;ECvBF;ICIA,eCJQ;IDKR,iBAAA;EJ4PA;AACF;AG7PE;EACE,0BAAA;EACA,0BAAA;EACA,6BAAA;EACA,cF/CkB;EEgDlB,SAAA;EC+NF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJsOF;AExPI;EClBF;ICWA,eCdQ;IDeR,iBAAA;EJmQA;AACF;AE9PI;EClBF;ICDA,eCJQ;IDKR,iBAAA;EJqRA;AACF;AG9QE;EACE,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,WAAA;AHgRJ;AG9QE;EACE,aAAA;EACA,+BAAA;EACA,sBAAA;AHgRJ;AG7QE;EACE,cAAA;EACA,eAAA;EACA,aAAA;EACA,gBAAA;AH+QJ;AG7QI;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,oBAAA;KAAA,iBAAA;AH+QN;AG3QE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,QAAA;EACA,WAAA;AH6QJ;AG1QE;EACE,WAAA;EACA,YAAA;EACA,uBAAA;EACA,yBAAA;EACA,cFlFU;EEmFV,eAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,wDACE;AH2QN;AGxQI;EACE,qCAAA;AH0QN;AGtQE;EACE,cF1GkB;EE2GlB,gBAAA;ECoKF,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ0SF;AE5TI;EC4CF;ICnDA,eCdQ;IDeR,iBAAA;EJuUA;AACF;AElUI;EC4CF;IC/DA,eCJQ;IDKR,iBAAA;EJyVA;AACF;AGvRE;EACE,WAAA;EACA,aAAA;EACA,mBAAA;EACA,gCAAA;EACA,mBAAA;EACA,QAAA;AHyRJ;AGvRE;EACE,OAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;EACA,aAAA;EACA,UAAA;EACA,cF7HkB;EE8HlB,sCLzHgB;EM0QlB,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJ8UF;AEhWI;ECyDF;IChEA,eCdQ;IDeR,iBAAA;EJ2WA;AACF;AEtWI;ECyDF;IC5EA,eCJQ;IDKR,iBAAA;EJ6XA;AACF;AGvSI;EACE,cFnIgB;AD4atB;AG1SI;EACE,cFnIgB;AD4atB;AGtSE;EACE,uBAAA;EACA,YAAA;EACA,eAAA;EACA,UAAA;EACA,cF3IkB;EE4IlB,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;AHwSJ;AGtSI;EACE,YAAA;AHwSN;AGrSE;EACE,WAAA;EACA,YAAA;EACA,cAAA;AHuSJ;AGrSE;EACE,eAAA;EACA,cAAA;EACA,cFhKkB;ADuctB;;AE1YI;EC6GA;IAEE,WAAA;EHgSJ;EG9RE;IACE,aAAA;EHgSJ;AACF;AEnZI;ECgIA;IACE,aAAA;EHsRJ;EGpRE;IACE,eAAA;EHsRJ;AACF;AE3ZI;EC0IF;IACE,cAAA;EHoRF;EGlRE;IACE,sBAAA;IACA,oBAAA;IACA,iBAAA;EHoRJ;EGlRE;IACE,eAAA;EHoRJ;EGlRE;IACE,gBAAA;EHoRJ;EGjRE;IACE,gBAAA;EHmRJ;EGjRE;IACE,aAAA;EHmRJ;EGjRE;IACE,YAAA;IACA,WAAA;EHmRJ;EGhRE;IACE,eAAA;EHkRJ;EG/QI;IACE,gBAAA;EHiRN;AACF","file":"support-detail-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.support-details {\n  margin: 48px 0;\n}\n.support-details__inner {\n  padding: 48px 0 0;\n  border-top: 2px solid #e8e4dd;\n}\n.support-details__left {\n  width: 100%;\n  grid-column: span 5;\n}\n.support-details__eyebrow {\n  color: #80512f;\n  margin: 0 0 48px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .support-details__eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.support-details__heading {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .support-details__heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__heading {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.support-details__right {\n  width: 100%;\n  grid-column: col-start 7/span 6;\n}\n.support-details__description {\n  color: #80512f;\n  margin: 0 0 24px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .support-details__description {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__description {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.support-details__contact-text {\n  color: #80512f;\n  margin: 0 0 24px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .support-details__contact-text {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__contact-text {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.support-details__email {\n  text-decoration: underline;\n  text-underline-offset: 4px;\n  transition: opacity 0.2s ease;\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .support-details__email {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__email {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.support-details .events-slider__slider {\n  position: relative;\n  overflow: hidden;\n  margin-bottom: 24px;\n  width: 100%;\n}\n.support-details .slider-track {\n  display: flex;\n  transition: transform 0.4s ease;\n  will-change: transform;\n}\n.support-details .slider-slide {\n  flex: 0 0 100%;\n  min-width: 100%;\n  height: 560px;\n  overflow: hidden;\n}\n.support-details .slider-slide img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n.support-details .slider-nav {\n  position: absolute;\n  bottom: 24px;\n  right: 24px;\n  display: flex;\n  gap: 8px;\n  z-index: 10;\n}\n.support-details .slider-btn {\n  width: 60px;\n  height: 53px;\n  background: transparent;\n  border: 1px solid #f6f4f1;\n  color: #f6f4f1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.support-details .slider-btn:hover {\n  background: rgba(255, 255, 255, 0.15);\n}\n.support-details__subscribe-text {\n  color: #80512f;\n  margin: 0 0 16px;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .support-details__subscribe-text {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__subscribe-text {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.support-details__subscribe-form {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #80512f;\n  padding-bottom: 6px;\n  gap: 8px;\n}\n.support-details__input {\n  flex: 1;\n  min-width: 0;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 0;\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .support-details__input {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .support-details__input {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n.support-details__input::placeholder {\n  color: #80512f;\n}\n.support-details__submit {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  color: #80512f;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  transition: opacity 0.2s ease;\n}\n.support-details__submit:hover {\n  opacity: 0.6;\n}\n.support-details__arrow-icon {\n  width: 16px;\n  height: 14px;\n  display: block;\n}\n.support-details__arrow {\n  font-size: 20px;\n  line-height: 1;\n  color: #80512f;\n}\n\n@media (max-width: 1199px) {\n  .support-details__left {\n    width: 100%;\n  }\n  .support-details .slider-slide {\n    height: 480px;\n  }\n}\n@media (max-width: 991px) {\n  .support-details .slider-slide {\n    height: 360px;\n  }\n  .support-details__subscribe-text {\n    margin: 0 0 8px;\n  }\n}\n@media (max-width: 767px) {\n  .support-details {\n    margin: 24px 0;\n  }\n  .support-details__inner {\n    flex-direction: column;\n    gap: 48px !important;\n    padding: 24px 0 0;\n  }\n  .support-details__left {\n    max-width: 100%;\n  }\n  .support-details__eyebrow {\n    margin: 0 0 24px;\n  }\n  .support-details__contact-text {\n    margin: 0 0 16px;\n  }\n  .support-details .slider-slide {\n    height: 368px;\n  }\n  .support-details .slider-nav {\n    bottom: 16px;\n    right: 16px;\n  }\n  .support-details__subscribe-text {\n    margin: 0 0 8px;\n  }\n  .support-details .slider-btn:hover {\n    background: none;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.support-details {\n  margin: 48px 0;\n\n  &__inner {\n    // display: flex;\n    // gap: 139px;\n    padding: 48px 0 0;\n    border-top: 2px solid $color-pale-silver;\n  }\n  &__left {\n    // max-width: 546px;\n    width: 100%;\n    grid-column: span 5;\n  }\n  &__eyebrow {\n    color: $color-primary;\n    margin: 0 0 48px;\n    @include type-h1;\n  }\n  &__heading {\n    color: $color-primary;\n    margin: 0;\n    @include type-h2;\n  }\n  &__right {\n    width: 100%;\n    grid-column: col-start 7 / span 6;\n  }\n  &__description {\n    color: $color-primary;\n    margin: 0 0 24px;\n    @include type-body;\n  }\n  &__contact-text {\n    color: $color-primary;\n    margin: 0 0 24px;\n    @include type-body;\n  }\n  &__email {\n    text-decoration: underline;\n    text-underline-offset: 4px;\n    transition: opacity 0.2s ease;\n    color: $color-primary;\n    margin: 0;\n    @include type-body;\n  }\n  .events-slider__slider {\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 24px;\n    width: 100%;\n  }\n  .slider-track {\n    display: flex;\n    transition: transform 0.4s ease;\n    will-change: transform;\n  }\n\n  .slider-slide {\n    flex: 0 0 100%;\n    min-width: 100%;\n    height: 560px;\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: cover;\n    }\n  }\n\n  .slider-nav {\n    position: absolute;\n    bottom: 24px;\n    right: 24px;\n    display: flex;\n    gap: 8px;\n    z-index: 10;\n  }\n\n  .slider-btn {\n    width: 60px;\n    height: 53px;\n    background: transparent;\n    border: 1px solid $color-chalk;\n    color: $color-chalk;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition:\n      background 0.2s ease,\n      border-color 0.2s ease;\n\n    &:hover {\n      background: rgba(255, 255, 255, 0.15);\n    }\n  }\n\n  &__subscribe-text {\n    color: $color-primary;\n    margin: 0 0 16px;\n    @include type-body;\n  }\n  &__subscribe-form {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid $color-primary;\n    padding-bottom: 6px;\n    gap: 8px;\n  }\n  &__input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    outline: none;\n    padding: 0;\n    color: $color-primary;\n    font-family: $font-freight-text;\n\n    @include type-body;\n\n    &::placeholder {\n      color: $color-primary;\n    }\n  }\n  &__submit {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    color: $color-primary;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    transition: opacity 0.2s ease;\n\n    &:hover {\n      opacity: 0.6;\n    }\n  }\n  &__arrow-icon {\n    width: 16px;\n    height: 14px;\n    display: block;\n  }\n  &__arrow {\n    font-size: 20px;\n    line-height: 1;\n    color: $color-primary;\n  }\n}\n\n@include maxMediaQuery(\"desktop-sm\") {\n  .support-details {\n    // &__inner {\n    //   display: flex;\n    //   gap: 108px;\n    // }\n    &__left {\n      // max-width: 480px;\n      width: 100%;\n    }\n    .slider-slide {\n      height: 480px;\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .support-details {\n    // &__inner {\n    //   display: flex;\n    //   gap: 98px;\n    // }\n    &__left {\n      // max-width: 346px;\n    }\n\n    .slider-slide {\n      height: 360px;\n    }\n    &__subscribe-text {\n      margin: 0 0 8px;\n    }\n  }\n}\n// mobile\n@include maxMediaQuery(\"tablet-sm\") {\n  .support-details {\n    margin: 24px 0;\n\n    &__inner {\n      flex-direction: column;\n      gap: 48px !important;\n      padding: 24px 0 0;\n    }\n    &__left {\n      max-width: 100%;\n    }\n    &__eyebrow {\n      margin: 0 0 24px;\n    }\n\n    &__contact-text {\n      margin: 0 0 16px;\n    }\n    .slider-slide {\n      height: 368px;\n    }\n    .slider-nav {\n      bottom: 16px;\n      right: 16px;\n    }\n\n    &__subscribe-text {\n      margin: 0 0 8px;\n    }\n    .slider-btn {\n      &:hover {\n        background: none;\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.support-details {
  margin: 48px 0;
}
.support-details__inner {
  padding: 48px 0 0;
  border-top: 2px solid #e8e4dd;
}
.support-details__left {
  width: 100%;
  grid-column: span 5;
}
.support-details__eyebrow {
  color: #80512f;
  margin: 0 0 48px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .support-details__eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .support-details__eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.support-details__heading {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .support-details__heading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .support-details__heading {
    font-size: 28px;
    line-height: 34px;
  }
}
.support-details__right {
  width: 100%;
  grid-column: col-start 7/span 6;
}
.support-details__description {
  color: #80512f;
  margin: 0 0 24px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .support-details__description {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .support-details__description {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-details__contact-text {
  color: #80512f;
  margin: 0 0 24px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .support-details__contact-text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .support-details__contact-text {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-details__email {
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 0.2s ease;
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .support-details__email {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .support-details__email {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-details .events-slider__slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  width: 100%;
}
.support-details .slider-track {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
}
.support-details .slider-slide {
  flex: 0 0 100%;
  min-width: 100%;
  height: 560px;
  overflow: hidden;
}
.support-details .slider-slide img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-details .slider-nav {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.support-details .slider-btn {
  width: 60px;
  height: 53px;
  background: transparent;
  border: 1px solid #f6f4f1;
  color: #f6f4f1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.support-details .slider-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.support-details__subscribe-text {
  color: #80512f;
  margin: 0 0 16px;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .support-details__subscribe-text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .support-details__subscribe-text {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-details__subscribe-form {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #80512f;
  padding-bottom: 6px;
  gap: 8px;
}
.support-details__input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .support-details__input {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .support-details__input {
    font-size: 14px;
    line-height: 21px;
  }
}
.support-details__input::-moz-placeholder {
  color: #80512f;
}
.support-details__input::placeholder {
  color: #80512f;
}
.support-details__submit {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #80512f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s ease;
}
.support-details__submit:hover {
  opacity: 0.6;
}
.support-details__arrow-icon {
  width: 16px;
  height: 14px;
  display: block;
}
.support-details__arrow {
  font-size: 20px;
  line-height: 1;
  color: #80512f;
}

@media (max-width: 1199px) {
  .support-details__left {
    width: 100%;
  }
  .support-details .slider-slide {
    height: 480px;
  }
}
@media (max-width: 991px) {
  .support-details .slider-slide {
    height: 360px;
  }
  .support-details__subscribe-text {
    margin: 0 0 8px;
  }
}
@media (max-width: 767px) {
  .support-details {
    margin: 24px 0;
  }
  .support-details__inner {
    flex-direction: column;
    gap: 48px !important;
    padding: 24px 0 0;
  }
  .support-details__left {
    max-width: 100%;
  }
  .support-details__eyebrow {
    margin: 0 0 24px;
  }
  .support-details__contact-text {
    margin: 0 0 16px;
  }
  .support-details .slider-slide {
    height: 368px;
  }
  .support-details .slider-nav {
    bottom: 16px;
    right: 16px;
  }
  .support-details__subscribe-text {
    margin: 0 0 8px;
  }
  .support-details .slider-btn:hover {
    background: none;
  }
}
/*# sourceMappingURL=support-detail-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","supporters-donors-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.donors-section%20%7B%0A%20%20margin:%2048px%200;%0A%0A%20%20&__inner%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20/%20gap:%20139px;%0A%20%20%20%20padding-top:%2048px;%0A%20%20%20%20border-top:%202px%20solid%20$color-pale-silver;%0A%20%20%20%20align-items:%20flex-start;%0A%20%20%7D%0A%0A%20%20&__left%20%7B%0A%20%20%20%20/%20max-width:%20546px;%0A%20%20%20%20width:%20100%25;%0A%20%20%20%20grid-column:%20span%205;%0A%20%20%7D%0A%0A%20%20&__label%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200%200%2048px;%0A%20%20%20%20@include%20type-h1;%0A%20%20%7D%0A%0A%20%20&__heading%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20margin:%200;%0A%20%20%20%20@include%20type-h2;%0A%20%20%7D%0A%0A%20%20&__tiers%20%7B%0A%20%20%20%20flex:%201;%0A%20%20%20%20display:%20grid;%0A%20%20%20%20grid-template-columns:%201fr%201fr;%0A%20%20%20%20gap:%200%2024px;%0A%20%20%20%20align-items:%20start;%0A%20%20%20%20grid-column:%20col-start%207%20/%20span%206;%0A%20%20%7D%0A%7D%0A%0A.donors-tier-col%20%7B%0A%20%20display:%20flex;%0A%20%20flex-direction:%20column;%0A%20%20gap:%2048px;%0A%7D%0A%0A.donors-tier%20%7B%0A%20%20&__title%20%7B%0A%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20margin:%200%200;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__range%20%7B%0A%20%20%20%20color:%20$color-antique-brass;%0A%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20@include%20type-h4;%0A%20%20%7D%0A%0A%20%20&__list%20%7B%0A%20%20%20%20list-style:%20none;%0A%20%20%20%20padding:%200;%0A%20%20%20%20margin:%200;%0A%20%20%20%20display:%20flex;%0A%20%20%20%20flex-direction:%20column;%0A%20%20%20%20gap:%2024px;%0A%20%20%7D%0A%0A%20%20&__item%20%7B%0A%20%20%20%20color:%20$color-primary;%0A%20%20%20%20@include%20type-body;%0A%20%20%7D%0A%7D%0A/%20@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A/%20%20%20.donors-section%20%7B%0A/%20%20%20%20%20/%20&__inner%20%7B%0A/%20%20%20%20%20/%20%20%20display:%20flex;%0A/%20%20%20%20%20/%20%20%20gap:%20108px;%0A/%20%20%20%20%20/%20%7D%0A%0A/%20%20%20%20%20&__left%20%7B%0A/%20%20%20%20%20%20%20max-width:%20480px;%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%7D%0A%0A/%20@include%20maxMediaQuery(%22tablet%22)%20%7B%0A/%20%20%20.donors-section%20%7B%0A/%20%20%20%20%20/%20&__inner%20%7B%0A/%20%20%20%20%20/%20%20%20display:%20flex;%0A/%20%20%20%20%20/%20%20%20gap:%2098px;%0A/%20%20%20%20%20/%20%7D%0A%0A/%20%20%20%20%20&__left%20%7B%0A/%20%20%20%20%20%20%20max-width:%20346px;%0A/%20%20%20%20%20%7D%0A/%20%20%20%7D%0A/%20%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.donors-section%20%7B%0A%20%20%20%20margin:%2024px%200;%0A%0A%20%20%20%20&__inner%20%7B%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20gap:%2048px%20!important;%0A%20%20%20%20%20%20padding-top:%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__left%20%7B%0A%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%7D%0A%20%20%20%20&__label%20%7B%0A%20%20%20%20%20%20margin:%200%200%2024px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__tiers%20%7B%0A%20%20%20%20%20%20grid-template-columns:%20auto;%0A%20%20%20%20%20%20gap:%2048px%200;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20.donors-tier%20%7B%0A%20%20%20%20&__list%20%7B%0A%20%20%20%20%20%20gap:%2016px;%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,cAAA;AH6LF;AG3LE;EAGE,iBAAA;EACA,6BAAA;EACA,uBAAA;AH2LJ;AGxLE;EAEE,WAAA;EACA,mBAAA;AHyLJ;AGtLE;EACE,cFvBkB;EEwBlB,gBAAA;ECuIF,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ4JF;AE1JI;ECvCF;ICoCA,eCnBQ;IDoBR,iBAAA;EJiKA;AACF;AEhKI;ECvCF;ICwBA,eCRQ;IDSR,iBAAA;EJmLA;AACF;AGvME;EACE,cF7BkB;EE8BlB,SAAA;ECwJF,sCNjLkB;EMkLlB,gBCxJiB;EDyJjB,kBAAA;EACA,uBCtEM;EDDN,eC7DQ;ED8DR,iBAAA;AJ0HF;AEhLI;ECjCF;ICkEA,eC9CQ;ID+CR,iBAAA;EJmJA;AACF;AEtLI;ECjCF;IC0DA,eCxCQ;IDyCR,iBAAA;EJiKA;AACF;AGvNE;EACE,OAAA;EACA,aAAA;EACA,8BAAA;EACA,WAAA;EACA,kBAAA;EACA,+BAAA;AHyNJ;;AGrNA;EACE,aAAA;EACA,sBAAA;EACA,SAAA;AHwNF;;AGpNE;EACE,cFpDkB;EEqDlB,WAAA;EC8KF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ4MF;AEtNI;ECVF;ICWA,eCvBQ;IDwBR,iBAAA;EJyNA;AACF;AE5NI;ECVF;ICDA,eCZQ;IDaR,iBAAA;EJ2OA;AACF;AGtOE;EACE,cF1DkB;EE2DlB,gBAAA;ECwKF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJmOF;AE7OI;ECJF;ICKA,eCvBQ;IDwBR,iBAAA;EJgPA;AACF;AEnPI;ECJF;ICPA,eCZQ;IDaR,iBAAA;EJkQA;AACF;AGvPE;EACE,gBAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;AHyPJ;AGtPE;EACE,cFzEkB;EG+QpB,sCN1QkB;EM2QlB,gBCjPiB;EDkPjB,kBAAA;EACA,mBC5JQ;EDxCR,eCnCQ;EDoCR,iBAAA;AJwPF;AE1QI;ECWF;IClBA,eCdQ;IDeR,iBAAA;EJqRA;AACF;AEhRI;ECWF;IC9BA,eCJQ;IDKR,iBAAA;EJuSA;AACF;;AEtRI;EC0CF;IACE,cAAA;EHgPF;EG9OE;IACE,sBAAA;IACA,oBAAA;IACA,iBAAA;EHgPJ;EG7OE;IACE,eAAA;EH+OJ;EG7OE;IACE,gBAAA;EH+OJ;EG5OE;IACE,2BAAA;IACA,WAAA;EH8OJ;EG1OE;IACE,SAAA;EH4OJ;AACF","file":"supporters-donors-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.donors-section {\n  margin: 48px 0;\n}\n.donors-section__inner {\n  padding-top: 48px;\n  border-top: 2px solid #e8e4dd;\n  align-items: flex-start;\n}\n.donors-section__left {\n  width: 100%;\n  grid-column: span 5;\n}\n.donors-section__label {\n  color: #80512f;\n  margin: 0 0 48px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .donors-section__label {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .donors-section__label {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.donors-section__heading {\n  color: #80512f;\n  margin: 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 48px;\n  line-height: 58px;\n}\n@media (max-width: 991px) {\n  .donors-section__heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n@media (max-width: 566px) {\n  .donors-section__heading {\n    font-size: 28px;\n    line-height: 34px;\n  }\n}\n.donors-section__tiers {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n  align-items: start;\n  grid-column: col-start 7/span 6;\n}\n\n.donors-tier-col {\n  display: flex;\n  flex-direction: column;\n  gap: 48px;\n}\n\n.donors-tier__title {\n  color: #80512f;\n  margin: 0 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .donors-tier__title {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .donors-tier__title {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.donors-tier__range {\n  color: #80512f;\n  margin: 0 0 24px;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .donors-tier__range {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .donors-tier__range {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.donors-tier__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.donors-tier__item {\n  color: #80512f;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: 0em;\n  font-size: 22px;\n  line-height: 33px;\n}\n@media (max-width: 991px) {\n  .donors-tier__item {\n    font-size: 15px;\n    line-height: 22px;\n  }\n}\n@media (max-width: 566px) {\n  .donors-tier__item {\n    font-size: 14px;\n    line-height: 21px;\n  }\n}\n\n@media (max-width: 767px) {\n  .donors-section {\n    margin: 24px 0;\n  }\n  .donors-section__inner {\n    flex-direction: column;\n    gap: 48px !important;\n    padding-top: 24px;\n  }\n  .donors-section__left {\n    max-width: 100%;\n  }\n  .donors-section__label {\n    margin: 0 0 24px;\n  }\n  .donors-section__tiers {\n    grid-template-columns: auto;\n    gap: 48px 0;\n  }\n  .donors-tier__list {\n    gap: 16px;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.donors-section {\n  margin: 48px 0;\n\n  &__inner {\n    // display: flex;\n    // gap: 139px;\n    padding-top: 48px;\n    border-top: 2px solid $color-pale-silver;\n    align-items: flex-start;\n  }\n\n  &__left {\n    // max-width: 546px;\n    width: 100%;\n    grid-column: span 5;\n  }\n\n  &__label {\n    color: $color-primary;\n    margin: 0 0 48px;\n    @include type-h1;\n  }\n\n  &__heading {\n    color: $color-primary;\n    margin: 0;\n    @include type-h2;\n  }\n\n  &__tiers {\n    flex: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0 24px;\n    align-items: start;\n    grid-column: col-start 7 / span 6;\n  }\n}\n\n.donors-tier-col {\n  display: flex;\n  flex-direction: column;\n  gap: 48px;\n}\n\n.donors-tier {\n  &__title {\n    color: $color-antique-brass;\n    margin: 0 0;\n    @include type-h4;\n  }\n\n  &__range {\n    color: $color-antique-brass;\n    margin: 0 0 24px;\n    @include type-h4;\n  }\n\n  &__list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  &__item {\n    color: $color-primary;\n    @include type-body;\n  }\n}\n// @include maxMediaQuery(\"desktop-sm\") {\n//   .donors-section {\n//     // &__inner {\n//     //   display: flex;\n//     //   gap: 108px;\n//     // }\n\n//     &__left {\n//       max-width: 480px;\n//     }\n//   }\n// }\n\n// @include maxMediaQuery(\"tablet\") {\n//   .donors-section {\n//     // &__inner {\n//     //   display: flex;\n//     //   gap: 98px;\n//     // }\n\n//     &__left {\n//       max-width: 346px;\n//     }\n//   }\n// }\n@include maxMediaQuery(\"tablet-sm\") {\n  .donors-section {\n    margin: 24px 0;\n\n    &__inner {\n      flex-direction: column;\n      gap: 48px !important;\n      padding-top: 24px;\n    }\n\n    &__left {\n      max-width: 100%;\n    }\n    &__label {\n      margin: 0 0 24px;\n    }\n\n    &__tiers {\n      grid-template-columns: auto;\n      gap: 48px 0;\n    }\n  }\n  .donors-tier {\n    &__list {\n      gap: 16px;\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.donors-section {
  margin: 48px 0;
}
.donors-section__inner {
  padding-top: 48px;
  border-top: 2px solid #e8e4dd;
  align-items: flex-start;
}
.donors-section__left {
  width: 100%;
  grid-column: span 5;
}
.donors-section__label {
  color: #80512f;
  margin: 0 0 48px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .donors-section__label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .donors-section__label {
    font-size: 14px;
    line-height: 16px;
  }
}
.donors-section__heading {
  color: #80512f;
  margin: 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .donors-section__heading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 566px) {
  .donors-section__heading {
    font-size: 28px;
    line-height: 34px;
  }
}
.donors-section__tiers {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
  align-items: start;
  grid-column: col-start 7/span 6;
}

.donors-tier-col {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.donors-tier__title {
  color: #80512f;
  margin: 0 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .donors-tier__title {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .donors-tier__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.donors-tier__range {
  color: #80512f;
  margin: 0 0 24px;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .donors-tier__range {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .donors-tier__range {
    font-size: 14px;
    line-height: 18px;
  }
}
.donors-tier__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.donors-tier__item {
  color: #80512f;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .donors-tier__item {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 566px) {
  .donors-tier__item {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (max-width: 767px) {
  .donors-section {
    margin: 24px 0;
  }
  .donors-section__inner {
    flex-direction: column;
    gap: 48px !important;
    padding-top: 24px;
  }
  .donors-section__left {
    max-width: 100%;
  }
  .donors-section__label {
    margin: 0 0 24px;
  }
  .donors-section__tiers {
    grid-template-columns: auto;
    gap: 48px 0;
  }
  .donors-tier__list {
    gap: 16px;
  }
}
/*# sourceMappingURL=supporters-donors-block.css.map */

{"version":3,"sources":["file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/fonts.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/main.scss","visit-showcase-block.css","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/color.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/breakpoint.scss","mixins/mixins/breakpoint.scss%22%20as%20*;%0A%0A.visit-slider-section%20%7B%0A%20%20margin-top:%2048px;%0A%20%20.visit-slider%20%7B%0A%20%20%20%20/%20display:%20flex;%0A%20%20%20%20/%20gap:%2024px;%0A%20%20%20%20/%20width:%20100%25;%0A%20%20%20%20min-height:%20840px;%0A%20%20%20%20overflow:%20hidden;%0A%0A%20%20%20%20.visit-slider__panel%20%7B%0A%20%20%20%20%20%20/%20max-width:%20546px;%0A%20%20%20%20%20%20background-color:%20$color-pale-silver;%0A%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20flex-direction:%20column;%0A%20%20%20%20%20%20justify-content:%20space-between;%0A%20%20%20%20%20%20padding:%2024px;%0A%20%20%20%20%20%20grid-column:%20span%205;%0A%0A%20%20%20%20%20%20.visit-slider__eyebrow%20%7B%0A%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20@include%20type-h1;%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.visit-slider__bottom%20%7B%0A%20%20%20%20%20%20%20%20.visit-slider__desc%20%7B%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-primary;%0A%20%20%20%20%20%20%20%20%20%20margin:%200%200%2024px%200;%0A%20%20%20%20%20%20%20%20%20%20@include%20type-h3;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.visit-slider__btn%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20padding:%2014px%2024px;%0A%20%20%20%20%20%20%20%20@include%20btn-fill($color-tolopea,%20$color-purple,%20$color-chalk);%0A%0A%20%20%20%20%20%20%20%20svg%20%7B%0A%20%20%20%20%20%20%20%20%20%20flex-shrink:%200;%0A%20%20%20%20%20%20%20%20%20%20width:%2016px;%0A%20%20%20%20%20%20%20%20%20%20height:%2016px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20.visit-slider__track-wrap%20%7B%0A%20%20%20%20%20%20flex:%201;%0A%20%20%20%20%20%20position:%20relative;%0A%20%20%20%20%20%20overflow:%20hidden;%0A%20%20%20%20%20%20grid-column:%20span%207;%0A%0A%20%20%20%20%20%20.visit-slider__track%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20transition:%20transform%200.5s%20cubic-bezier(0.4,%200,%200.2,%201);%0A%0A%20%20%20%20%20%20%20%20.visit-slider__slide%20%7B%0A%20%20%20%20%20%20%20%20%20%20flex:%200%200%20100%25;%0A%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20overflow:%20hidden;%0A%0A%20%20%20%20%20%20%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20%20%20%20%20object-fit:%20cover;%0A%20%20%20%20%20%20%20%20%20%20%20%20display:%20block;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.visit-slider__arrows%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20bottom:%2024px;%0A%20%20%20%20%20%20%20%20right:%2024px;%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20gap:%208px;%0A%20%20%20%20%20%20%20%20z-index:%2010;%0A%0A%20%20%20%20%20%20%20%20.visit-slider__arrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20width:%2060px;%0A%20%20%20%20%20%20%20%20%20%20height:%2053px;%0A%20%20%20%20%20%20%20%20%20%20background:%20transparent;%0A%20%20%20%20%20%20%20%20%20%20border:%201px%20solid%20$color-chalk;%0A%20%20%20%20%20%20%20%20%20%20color:%20$color-chalk;%0A%20%20%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20%20%20align-items:%20center;%0A%20%20%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20%20%20transition:%0A%20%20%20%20%20%20%20%20%20%20%20%20background%200.2s%20ease,%0A%20%20%20%20%20%20%20%20%20%20%20%20border-color%200.2s%20ease;%0A%0A%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20rgba(255,%20255,%20255,%200.15);%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%0A@include%20maxMediaQuery(%22desktop-sm%22)%20%7B%0A%20%20.visit-slider-section%20%7B%0A%20%20%20%20.visit-slider%20%7B%0A%20%20%20%20%20%20min-height:%20700px;%0A%0A%20%20%20%20%20%20.visit-slider__panel%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20446px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet%22)%20%7B%0A%20%20.visit-slider-section%20%7B%0A%20%20%20%20.visit-slider%20%7B%0A%20%20%20%20%20%20min-height:%20560px;%0A%0A%20%20%20%20%20%20.visit-slider__panel%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20346px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22tablet-sm%22)%20%7B%0A%20%20.visit-slider-section%20%7B%0A%20%20%20%20margin-top:%2030px;%0A%20%20%20%20.visit-slider%20%7B%0A%20%20%20%20%20%20min-height:%20560px;%0A%20%20%20%20%20%20flex-direction:%20column-reverse;%0A%20%20%20%20%20%20gap:%200;%0A%0A%20%20%20%20%20%20.visit-slider__panel%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20368px;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A@include%20maxMediaQuery(%22mobile%22)%20%7B%0A%20%20.visit-slider-section%20%7B%0A%20%20%20%20margin-top:%2024px;%0A%20%20%20%20.visit-slider%20%7B%0A%20%20%20%20%20%20.visit-slider__track-wrap%20%7B%0A%20%20%20%20%20%20%20%20.visit-slider__track%20%7B%0A%20%20%20%20%20%20%20%20%20%20height:%20368px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.visit-slider__arrows%20%7B%0A%20%20%20%20%20%20%20%20%20%20.visit-slider__arrow%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20&:hover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20background:%20none;%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.visit-slider__panel%20%7B%0A%20%20%20%20%20%20%20%20max-width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20368px;%0A%20%20%20%20%20%20%20%20padding:%2016px;%0A%0A%20%20%20%20%20%20%20%20.visit-slider__bottom%20%7B%0A%20%20%20%20%20%20%20%20%20%20.visit-slider__desc%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin:%200%200%2016px%200;%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/mixins/mixins.scss","file:/opt/lampp/htdocs/emanuelnine/wp-content/themes/emanuelnine/assets/scss/variables.scss"],"names":[],"mappings":"AAIQ,kDAAA;ACIR;EACE,sBAAA;EACA,SAAA;EACA,UAAA;ACNF;;ADSA;;EAEE,kBAAA;ACNF;;ADSA;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBEjBY;EFkBZ,cAAA;ACNF;;ADsCA;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EAEA,aAAA;EACA,kDAAA;EACA,SAAA;ACpCF;AE6BI;EHFJ;IAaI,eAAA;IACA,gBAAA;ECpCF;AACF;AEuBI;EHFJ;IAmBI,wBAAA;IACA,aAAA;IACA,sBAAA;IACA,MAAA;ECpCF;AACF;AEeI;EHFJ;IA2BI,wBAAA;ECpCF;AACF;;ADuCA;EACE,oBAAA;KAAA,iBAAA;EACA,eAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,kDAAA;EACA,SAAA;EACA,wBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;ACpCF;;ADuCA;EACE,aAAA;EACA,sCAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,gCAAA;ACvCJ;;AD4CA;EACE,2BAAA;ACzCF;;AD2CA;EACE,4BAAA;ACxCF;;AD0CA;EACE,4BAAA;ACvCF;;ADyCA;EACE,2BAAA;ACtCF;;ADwCA;EACE,eAAA;ACrCF;;ADuCA;EACE,sBAAA;ACpCF;;ADwCA;EACE,UAAA;EACA,2BAAA;EACA,0GACE;EAEF,+BAAA;ACvCF;ADyCE;EACE,UAAA;EACA,uBAAA;ACvCJ;;AD4CA;EACE,oBAAA;ACzCF;;AD2CA;EACE,uBAAA;ACxCF;;AD0CA;EACE,sBAAA;ACvCF;;ADyCA;EACE,uBAAA;ACtCF;;ADwCA;EACE,sBAAA;ACrCF;;ADuCA;EACE,uBAAA;ACpCF;;ADwCA;EACE;;IAEE,qBAAA;IACA,0BAAA;IACA,2BAAA;ECrCF;AACF;ADyCA;;EAGE,kBAAA;EACA,iBAAA;ACxCF;;AD2CA;EACE,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ACxCF;;AD2CA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,mBEjNkB;EFkNlB,2BAAA;EAGA,oBAAA;EACA,+BAAA;EACA,gBAAA;AC1CF;;ADgDA;EACE,kBAAA;EACA,oBAAA;AC7CF;;AD+CA;EACE;IACE,aAAA;EC5CF;AACF;AG3LA;EACE,gBAAA;AH6LF;AG5LE;EAIE,iBAAA;EACA,gBAAA;AH2LJ;AGzLI;EAEE,yBFRc;EESd,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,aAAA;EACA,mBAAA;AH0LN;AGxLM;EACE,cFxBc;EEyBd,SAAA;ECsIN,uCN3JgB;EM4JhB,gBClIqB;EDmIrB,kBAAA;EACA,yBCtBa;EDuBb,sBCjDM;EDxDN,eCnBQ;EDoBR,iBAAA;AJ+JF;AE7JI;ECtCE;ICmCJ,eCnBQ;IDoBR,iBAAA;EJoKA;AACF;AEnKI;ECtCE;ICuBJ,eCRQ;IDSR,iBAAA;EJsLA;AACF;AGxMQ;EACE,cF/BY;EEgCZ,kBAAA;EC4KR,sCNvMkB;EMwMlB,gBC9KiB;ED+KjB,kBAAA;EACA,uBC3FM;EDdN,eCpDQ;EDqDR,iBAAA;AJyIF;AEnLI;EC/BI;ICoDN,eCrCQ;IDsCR,iBAAA;EJkKA;AACF;AEzLI;EC/BI;IC4CN,eChCQ;IDiCR,iBAAA;EJgLA;AACF;AGxNM;EACE,aAAA;EACA,WAAA;EACA,kBAAA;EC0RN,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EAGA,mBHhUc;EGiUd,cHpUY;EGqUZ,iDACE;EA5GF,uCN/NgB;EMgOhB,gBCtMqB;EDuMrB,kBAAA;EACA,0BCvFa;EDwFb,sBClHM;ED/CN,eC5BQ;ED6BR,iBAAA;AJ6MF;AEvNI;ECzBE;IC0BJ,eCvBQ;IDwBR,iBAAA;EJ0NA;AACF;AE7NI;ECzBE;ICcJ,eCZQ;IDaR,iBAAA;EJ4OA;AACF;AIoDE;EACE,mBHxUW;EGyUX,cHxTU;ADsQd;AEvOI;EE6RA;IACE,mBH/UU;IGgVV,cHnVQ;EDgSZ;AACF;AIuDE;EACE,cAAA;AJrDJ;AGnQQ;EACE,cAAA;EACA,WAAA;EACA,YAAA;AHqQV;AGjQI;EACE,OAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;AHmQN;AGjQM;EACE,aAAA;EACA,YAAA;EACA,uDAAA;AHmQR;AGjQQ;EACE,cAAA;EACA,YAAA;EACA,gBAAA;AHmQV;AGjQU;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,cAAA;AHmQZ;AG/PM;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,QAAA;EACA,WAAA;AHiQR;AG/PQ;EACE,WAAA;EACA,YAAA;EACA,uBAAA;EACA,yBAAA;EACA,cF7EI;EE8EJ,eAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,wDACE;AHgQZ;AG7PU;EACE,qCAAA;AH+PZ;;AElSI;EC6CA;IACE,iBAAA;EHyPJ;EGvPI;IACE,gBAAA;EHyPN;AACF;AE3SI;ECwDA;IACE,iBAAA;EHsPJ;EGpPI;IACE,gBAAA;EHsPN;AACF;AEnTI;ECkEF;IACE,gBAAA;EHoPF;EGnPE;IACE,iBAAA;IACA,8BAAA;IACA,MAAA;EHqPJ;EGnPI;IACE,eAAA;IACA,aAAA;EHqPN;AACF;AEjUI;ECiFF;IACE,gBAAA;EHmPF;EGhPM;IACE,aAAA;EHkPR;EG9OU;IACE,gBAAA;EHgPZ;EG3OI;IACE,eAAA;IACA,aAAA;IACA,aAAA;EH6ON;EG1OQ;IACE,kBAAA;EH4OV;AACF","file":"visit-showcase-block.css","sourcesContent":["// ===============================\n// TYPOGRAPHY SYSTEM - KRUPALPATEL\n// ===============================\n\n@import url(\"https://use.typekit.net/xxt1mhk.css\"); // loads BOTH fonts\n$font-tt-commons: tt-commons-pro, sans-serif; // no @font-face needed\n$font-freight-text: \"freight-text-pro\", serif;\n\n// ============================================================\n// FONT STYLE MIXINS\n// — @include these anywhere instead of repeating 3 properties\n//\n// Usage:\n//   h1 { @include font-tt-demibold; }\n//   em { @include font-freight-book-italic; }\n// ============================================================\n\n// TT Commons Pro — Demibold\n@mixin font-tt-demibold {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: normal;\n}\n\n// TT Commons Pro — Demibold Italic\n@mixin font-tt-demibold-italic {\n  font-family: $font-tt-commons; // tt-commons-pro, sans-serif\n  font-weight: 500;\n  font-style: italic;\n}\n\n// FreightText Pro — Book\n@mixin font-freight-book {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: normal;\n}\n\n// FreightText Pro — Book Italic\n@mixin font-freight-book-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 400;\n  font-style: italic;\n}\n\n// FreightText Pro — Bold\n@mixin font-freight-bold {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: normal;\n}\n\n// FreightText Pro — Bold Italic\n@mixin font-freight-bold-italic {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: 700;\n  font-style: italic;\n}\n\n// ===============================\n// SCSS FONT VARIABLES\n// ===============================\n","@use \"./fonts.scss\" as *;\n@use \"./variables.scss\" as *;\n@use \"./typography.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./mixins/breakpoint.scss\" as *;\n@use \"./color.scss\" as *;\n// @use \"./components/modal\" as *;\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: $color-bg-section;\n  overflow: clip;\n\n  // min-height: 100vh;\n  // height: 100vh;\n}\n\n// ============================================================\n// STEP 1 — Screen Sizes\n// ============================================================\n\n$mobile: 959px; // up to 959px   = Mobile\n$tablet: 960px; // 960px–1439px  = Tablet\n$desktop: 1440px; // 1440px+       = Desktop\n\n// ============================================================\n// STEP 2 — Spacing inside the container\n// ============================================================\n\n$padding-desktop: 48px; // left & right space on Desktop\n$padding-tablet: 48px; // left & right space on Tablet\n$padding-tablet-sm: 36px; // left & right space on Tablet\n$padding-mobile: 24px; // left & right space on Mobile\n\n$gap-desktop: 32px; // space between columns on Desktop\n$gap-tablet: 24px; // space between columns on Tablet\n$gap-mobile: 16px; // space between columns on Mobile\n\n// ============================================================\n// STEP 3 — The Container\n// Centers your content and adds left/right padding\n// ============================================================\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n\n  //  991\n  @include maxMediaQuery(\"tablet\") {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  //  768\n  @include maxMediaQuery(\"tablet-sm\") {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  // Mobile\n  @include maxMediaQuery(\"mobile\") {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: calc(96px / 2);\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n// ── Scroll Animation Base ─────────────────────────────────\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0) scale(1);\n  }\n}\n\n// ── Variants ──────────────────────────────────────────────\n[data-animate=\"fade-up\"] {\n  transform: translateY(30px);\n}\n[data-animate=\"fade-down\"] {\n  transform: translateY(-30px);\n}\n[data-animate=\"fade-left\"] {\n  transform: translateX(-40px);\n}\n[data-animate=\"fade-right\"] {\n  transform: translateX(40px);\n}\n[data-animate=\"fade\"] {\n  transform: none;\n}\n[data-animate=\"scale-up\"] {\n  transform: scale(0.95);\n}\n\n// ── Group children base (only if no custom data-animate) ──\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1),\n    transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n\n  &.is-visible {\n    opacity: 1;\n    transform: translate(0);\n  }\n}\n\n// ── Stagger delay ─────────────────────────────────────────\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n// ── Respect reduced motion ────────────────────────────────\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n// ── Barba.js page transitions ───────────────────────────────\n.barba-wrapper,\n[data-barba=\"wrapper\"] {\n  // background: $color-bg-section;\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=\"container\"] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh; // Full viewport height for overlay curtain\n  z-index: 99; // Ensure overlay stays above fixed headers and popups\n  background: $color-bg-section-alt;\n  transform: translateY(\n    100%\n  ); // resting: fully below viewport (vh-based, not %-of-self)\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n// body.is-barba-transitioning,\n// html.is-barba-transitioning {\n//   // background-color: $color-bg-section-alt;\n// }\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n","@import url(\"https://use.typekit.net/xxt1mhk.css\");\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  background: #f6f4f1;\n  overflow: clip;\n}\n\n.container {\n  width: calc(100% - 96px);\n  max-width: 100%;\n  margin: 0 auto;\n  padding-left: 0;\n  padding-right: 0;\n  display: grid;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n}\n@media (max-width: 991px) {\n  .container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .container {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n}\n@media (max-width: 566px) {\n  .container {\n    width: calc(100% - 48px);\n  }\n}\n\nimg {\n  object-fit: cover;\n  max-width: 100%;\n  height: auto;\n}\n\n.grid-test {\n  display: none;\n  grid-template-columns: repeat(12, [col-start] 1fr);\n  gap: 24px;\n  width: calc(100% - 96px);\n  margin: 0 auto;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 48px;\n  z-index: 999;\n}\n\n.grid-test span {\n  height: 100vh;\n  background-color: rgba(255, 0, 0, 0.2);\n}\n\n[data-animate] {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate].is-visible {\n  opacity: 1;\n  transform: translate(0) scale(1);\n}\n\n[data-animate=fade-up] {\n  transform: translateY(30px);\n}\n\n[data-animate=fade-down] {\n  transform: translateY(-30px);\n}\n\n[data-animate=fade-left] {\n  transform: translateX(-40px);\n}\n\n[data-animate=fade-right] {\n  transform: translateX(40px);\n}\n\n[data-animate=fade] {\n  transform: none;\n}\n\n[data-animate=scale-up] {\n  transform: scale(0.95);\n}\n\n[data-animate-group] > *:not([data-animate]) {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);\n  will-change: opacity, transform;\n}\n[data-animate-group] > *:not([data-animate]).is-visible {\n  opacity: 1;\n  transform: translate(0);\n}\n\n[data-animate-group] > *:nth-child(1) {\n  transition-delay: 0s;\n}\n\n[data-animate-group] > *:nth-child(2) {\n  transition-delay: 0.15s;\n}\n\n[data-animate-group] > *:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n[data-animate-group] > *:nth-child(4) {\n  transition-delay: 0.45s;\n}\n\n[data-animate-group] > *:nth-child(5) {\n  transition-delay: 0.6s;\n}\n\n[data-animate-group] > *:nth-child(6) {\n  transition-delay: 0.75s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-animate],\n  [data-animate-group] > * {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n.barba-wrapper,\n[data-barba=wrapper] {\n  position: relative;\n  min-height: 100vh;\n}\n\n.is-transitioning [data-barba=container] {\n  will-change: transform, opacity;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.page-transition {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 99;\n  background: #e8e4dd;\n  transform: translateY(100%);\n  pointer-events: none;\n  will-change: transform, opacity;\n  overflow: hidden;\n}\n\n.is-hidden-transition {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .page-transition {\n    display: none;\n  }\n}\n.visit-slider-section {\n  margin-top: 48px;\n}\n.visit-slider-section .visit-slider {\n  min-height: 840px;\n  overflow: hidden;\n}\n.visit-slider-section .visit-slider .visit-slider__panel {\n  background-color: #e8e4dd;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px;\n  grid-column: span 5;\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {\n  color: #80512f;\n  margin: 0;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 16px;\n  line-height: 20px;\n}\n@media (max-width: 991px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n@media (max-width: 566px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {\n    font-size: 14px;\n    line-height: 16px;\n  }\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {\n  color: #80512f;\n  margin: 0 0 24px 0;\n  font-family: \"freight-text-pro\", serif;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: -0.01em;\n  font-size: 36px;\n  line-height: 44px;\n}\n@media (max-width: 991px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n@media (max-width: 566px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {\n    font-size: 20px;\n    line-height: 24px;\n  }\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {\n  display: flex;\n  width: 100%;\n  padding: 14px 24px;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n  background: #593887;\n  color: #f6f4f1;\n  transition: background 0.4s ease, color 0.4s ease;\n  font-family: tt-commons-pro, sans-serif;\n  font-weight: 500;\n  font-style: normal;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 20px;\n  line-height: 25px;\n}\n@media (max-width: 991px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {\n    font-size: 16px;\n    line-height: 18px;\n  }\n}\n@media (max-width: 566px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {\n    font-size: 14px;\n    line-height: 18px;\n  }\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn:hover {\n  background: #864ad3;\n  color: #ffffff;\n}\n@media (max-width: 566px) {\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn:hover {\n    background: #593887;\n    color: #f6f4f1;\n  }\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn svg {\n  flex-shrink: 0;\n}\n.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn svg {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap {\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n  grid-column: span 7;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track {\n  display: flex;\n  height: 100%;\n  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track .visit-slider__slide {\n  flex: 0 0 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track .visit-slider__slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows {\n  position: absolute;\n  bottom: 24px;\n  right: 24px;\n  display: flex;\n  gap: 8px;\n  z-index: 10;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow {\n  width: 60px;\n  height: 53px;\n  background: transparent;\n  border: 1px solid #f6f4f1;\n  color: #f6f4f1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow:hover {\n  background: rgba(255, 255, 255, 0.15);\n}\n\n@media (max-width: 1199px) {\n  .visit-slider-section .visit-slider {\n    min-height: 700px;\n  }\n  .visit-slider-section .visit-slider .visit-slider__panel {\n    max-width: 446px;\n  }\n}\n@media (max-width: 991px) {\n  .visit-slider-section .visit-slider {\n    min-height: 560px;\n  }\n  .visit-slider-section .visit-slider .visit-slider__panel {\n    max-width: 346px;\n  }\n}\n@media (max-width: 767px) {\n  .visit-slider-section {\n    margin-top: 30px;\n  }\n  .visit-slider-section .visit-slider {\n    min-height: 560px;\n    flex-direction: column-reverse;\n    gap: 0;\n  }\n  .visit-slider-section .visit-slider .visit-slider__panel {\n    max-width: 100%;\n    height: 368px;\n  }\n}\n@media (max-width: 566px) {\n  .visit-slider-section {\n    margin-top: 24px;\n  }\n  .visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track {\n    height: 368px;\n  }\n  .visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow:hover {\n    background: none;\n  }\n  .visit-slider-section .visit-slider .visit-slider__panel {\n    max-width: 100%;\n    height: 368px;\n    padding: 16px;\n  }\n  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {\n    margin: 0 0 16px 0;\n  }\n}","// ── Primary Colors ──────────────────────────────────────────\n$color-antique-brass: #80512f;\n$color-copper: #b26e2e;\n$color-goldenrod: #e0b944;\n$color-sand: #e6d4c3;\n\n// ── Supporting Neutrals ─────────────────────────────────────\n$color-iron: #282828;\n$color-slate: #6e6e73;\n$color-pale-silver: #e8e4dd;\n$color-chalk: #f6f4f1;\n\n// ── Accent Purple ───────────────────────────────────────────\n$color-tolopea: #593887;\n$color-purple: #864ad3;\n\n// ── Semantic Aliases (use these in components) ───────────────\n$color-primary: $color-antique-brass; // #80512F\n$color-primary-light: $color-copper; // #B26E2E\n$color-primary-mid: $color-goldenrod; // #E0B944\n$color-primary-pale: $color-sand; // #E6D4C3\n\n$color-neutral-dark: $color-iron; // #282828\n$color-neutral-mid: $color-slate; // #6E6E73\n$color-neutral-light: $color-pale-silver; // #E8E4DD\n$color-neutral-lightest: $color-chalk; // #F6F4F1\n\n$color-accent: $color-purple; // #864AD3\n$color-accent-dark: $color-tolopea; // #593887\n\n// ── White / Black ────────────────────────────────────────────\n$color-white: #ffffff;\n$color-black: #000000;\n\n// ── Text Colors ──────────────────────────────────────────────\n$color-text-primary: $color-iron; // #282828\n$color-text-secondary: $color-slate; // #6E6E73\n$color-text-muted: $color-pale-silver; // #E8E4DD\n$color-text-light: $color-white;\n$color-text-link: $color-purple; // #864AD3\n$color-text-link-hover: $color-tolopea; // #593887\n\n// ── Background Colors ────────────────────────────────────────\n$color-bg-body: $color-white;\n$color-bg-section: $color-chalk; // #F6F4F1\n$color-bg-section-alt: $color-pale-silver; // #E8E4DD\n$color-bg-dark: $color-iron; // #282828\n$color-bg-overlay: rgba(40, 40, 40, 0.65);\n\n// ── Border Colors ────────────────────────────────────────────\n$color-border: $color-pale-silver; // #E8E4DD\n$color-border-dark: $color-slate; // #6E6E73\n$color-border-focus: $color-purple; // #864AD3\n\n// ── Status Colors ────────────────────────────────────────────\n$color-success: #28a745;\n$color-success-light: #d4edda;\n$color-warning: $color-goldenrod; // reuse brand gold #E0B944\n$color-warning-light: $color-sand; // #E6D4C3\n$color-danger: #dc3545;\n$color-danger-light: #f8d7da;\n$color-info: $color-purple; // #864AD3\n$color-info-light: rgba(134, 74, 211, 0.1);\n","@use \"sass:map\";\n// breakpoints variables\n\n// x-small (<576px)\n$xs: 575.9px;\n\n// small (≥576px)\n$sm: 576px;\n\n// medium (≥768px)\n$md: 768px;\n\n// large (≥992px)\n$lg: 992px;\n\n// large-xl (≥1024px)\n$ml: 1024px;\n\n// extra-large (≥1200px)\n$xl: 1200px;\n\n// extra-extra-large (≥1400px)\n$xxl: 1440px;\n\n// ==================\n\n$mobile: 566px; // ≤566px\n$tablet-sm: 767px; // ≤767px\n$tablet: 991px; // ≤991px\n$desktop-sm: 1199px; // ≤1199px\n$desktop: 1200px; // ≥1200px\n\n$breakpoints: (\n  \"mobile-s\": $xs,\n  \"mobile\": $mobile,\n  \"tablet-sm\": $tablet-sm,\n  \"tablet\": $tablet,\n  \"desktop-sm\": $desktop-sm,\n  \"laptop\": $lg,\n  \"laptop-m\": $ml,\n  \"laptop-l\": $xl,\n  \"laptop-extra\": $xxl,\n);\n\n// @include maxMediaQuery('mobile')      // max-width ≤566px\n// @include minMediaQuery('desktop')     // min-width ≥1200px\n// @include rangeMediaQuery('tablet-sm', 'tablet')  // between two points\n\n// Min-width mixin (no -1px!)\n@mixin minMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (min-width: calc(map.get($breakpoints, $breakpoint) - 1px)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Max-width mixin (subtract 0.02px to avoid overlap with next min)\n@mixin maxMediaQuery($breakpoint) {\n  @if map.has-key($breakpoints, $breakpoint) {\n    @media (max-width: map.get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` is not defined in $breakpoints map.\";\n  }\n}\n\n// Between mixin (range query)\n@mixin mediaQuery($min-breakpoint, $max-breakpoint) {\n  @if map.has-key($breakpoints, $min-breakpoint) and\n    map.has-key($breakpoints, $max-breakpoint)\n  {\n    @media (min-width: calc(map.get($breakpoints, $min-breakpoint) - 1px)) and (max-width: map.get($breakpoints, $max-breakpoint)) {\n      @content;\n    }\n  } @else {\n    @warn \"Breakpoint(s) `#{$min-breakpoint}` or `#{$max-breakpoint}` not defined in $breakpoints map.\";\n  }\n}\n","@use \"./../mixins/mixins\" as *;\n@use \"./../variables\" as *;\n@use \"./../fonts\" as *;\n@use \"./../color.scss\" as *;\n@use \"./../mixins/breakpoint.scss\" as *;\n\n.visit-slider-section {\n  margin-top: 48px;\n  .visit-slider {\n    // display: flex;\n    // gap: 24px;\n    // width: 100%;\n    min-height: 840px;\n    overflow: hidden;\n\n    .visit-slider__panel {\n      // max-width: 546px;\n      background-color: $color-pale-silver;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 24px;\n      grid-column: span 5;\n\n      .visit-slider__eyebrow {\n        color: $color-primary;\n        margin: 0;\n        @include type-h1;\n      }\n\n      .visit-slider__bottom {\n        .visit-slider__desc {\n          color: $color-primary;\n          margin: 0 0 24px 0;\n          @include type-h3;\n        }\n      }\n      .visit-slider__btn {\n        display: flex;\n        width: 100%;\n        padding: 14px 24px;\n        @include btn-fill($color-tolopea, $color-purple, $color-chalk);\n\n        svg {\n          flex-shrink: 0;\n          width: 16px;\n          height: 16px;\n        }\n      }\n    }\n    .visit-slider__track-wrap {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      grid-column: span 7;\n\n      .visit-slider__track {\n        display: flex;\n        height: 100%;\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n\n        .visit-slider__slide {\n          flex: 0 0 100%;\n          height: 100%;\n          overflow: hidden;\n\n          img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n          }\n        }\n      }\n      .visit-slider__arrows {\n        position: absolute;\n        bottom: 24px;\n        right: 24px;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n\n        .visit-slider__arrow {\n          width: 60px;\n          height: 53px;\n          background: transparent;\n          border: 1px solid $color-chalk;\n          color: $color-chalk;\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          transition:\n            background 0.2s ease,\n            border-color 0.2s ease;\n\n          &:hover {\n            background: rgba(255, 255, 255, 0.15);\n          }\n        }\n      }\n    }\n  }\n}\n\n@include maxMediaQuery(\"desktop-sm\") {\n  .visit-slider-section {\n    .visit-slider {\n      min-height: 700px;\n\n      .visit-slider__panel {\n        max-width: 446px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet\") {\n  .visit-slider-section {\n    .visit-slider {\n      min-height: 560px;\n\n      .visit-slider__panel {\n        max-width: 346px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"tablet-sm\") {\n  .visit-slider-section {\n    margin-top: 30px;\n    .visit-slider {\n      min-height: 560px;\n      flex-direction: column-reverse;\n      gap: 0;\n\n      .visit-slider__panel {\n        max-width: 100%;\n        height: 368px;\n      }\n    }\n  }\n}\n@include maxMediaQuery(\"mobile\") {\n  .visit-slider-section {\n    margin-top: 24px;\n    .visit-slider {\n      .visit-slider__track-wrap {\n        .visit-slider__track {\n          height: 368px;\n        }\n        .visit-slider__arrows {\n          .visit-slider__arrow {\n            &:hover {\n              background: none;\n            }\n          }\n        }\n      }\n      .visit-slider__panel {\n        max-width: 100%;\n        height: 368px;\n        padding: 16px;\n\n        .visit-slider__bottom {\n          .visit-slider__desc {\n            margin: 0 0 16px 0;\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"./../fonts\" as *;\n@use \"./../variables\" as *;\n@use \"./../main.scss\" as *;\n@use \"./../typography.scss\" as *;\n@use \"./breakpoint.scss\" as *;\n@use \"./../color.scss\" as *;\n\n// ============================================================\n// TYPOGRAPHY.SCSS — Responsive Type Mixins\n// Project: emanuelnine\n// ============================================================\n\n// ============================================================\n// MIXINS.SCSS — Typography Mixins\n// Project: emanuelnine\n//\n// Values matched EXACTLY to Figma text styles:\n//\n// DESKTOP              TABLET               MOBILE\n// H1    16/20          H1    16/20          H1    14/16\n// H2    48/58          H2    32/40          H2    28/34\n// H3    36/44          H3    24/30          H3    20/24\n// H4    20/25          H4    16/18          H4    14/18\n// Body  22/33          Body  15/22          Body  14/21\n// Cap   14/21          Cap   12/15          Cap   12/18\n// ============================================================\n\n// ============================================================\n// SECTION 1 — SINGLE FONT MIXINS\n// font-size + line-height only\n// Use when you need one specific size anywhere\n// ============================================================\n\n// ── From Figma spec ─────────────────────────────────────────\n@mixin font-12 {\n  font-size: $font-12;\n  line-height: 18px;\n} // Mobile Caption\n@mixin font-12-15 {\n  font-size: $font-12;\n  line-height: 15px;\n} // Tablet Caption\n@mixin font-14 {\n  font-size: $font-14;\n  line-height: 21px;\n} // Desktop Caption / Mobile Body / Mobile H1 base\n@mixin font-14-16 {\n  font-size: $font-14;\n  line-height: 16px;\n} // Mobile H1\n@mixin font-14-18 {\n  font-size: $font-14;\n  line-height: 18px;\n} // Mobile H4\n@mixin font-15 {\n  font-size: $font-15;\n  line-height: 22px;\n} // Tablet Body\n@mixin font-16 {\n  font-size: $font-16;\n  line-height: 20px;\n} // Desktop H1 / Tablet H1 / Tablet H4 base\n@mixin font-16-18 {\n  font-size: $font-16;\n  line-height: 18px;\n} // Tablet H4\n@mixin font-18 {\n  font-size: $font-18;\n  line-height: 24px;\n}\n@mixin font-20 {\n  font-size: $font-20;\n  line-height: 25px;\n} // Desktop H4\n@mixin font-20-24 {\n  font-size: $font-20;\n  line-height: 24px;\n} // Mobile H3\n@mixin font-22 {\n  font-size: $font-22;\n  line-height: 33px;\n} // Desktop Body ← Figma\n@mixin font-24 {\n  font-size: $font-24;\n  line-height: 30px;\n} // Tablet H3\n@mixin font-28 {\n  font-size: $font-28;\n  line-height: 34px;\n} // Mobile H2 ← Figma\n@mixin font-30 {\n  font-size: $font-30;\n  line-height: 40px;\n}\n@mixin font-32 {\n  font-size: $font-32;\n  line-height: 40px;\n} // Tablet H2\n@mixin font-34 {\n  font-size: $font-34;\n  line-height: 44px;\n}\n@mixin font-36 {\n  font-size: $font-36;\n  line-height: 44px;\n} // Desktop H3 ← Figma\n@mixin font-40 {\n  font-size: $font-40;\n  line-height: 48px;\n}\n@mixin font-44 {\n  font-size: $font-44;\n  line-height: 54px;\n}\n@mixin font-48 {\n  font-size: $font-48;\n  line-height: 58px;\n} // Desktop H2\n@mixin font-50 {\n  font-size: $font-50;\n  line-height: 62px;\n}\n@mixin font-54 {\n  font-size: $font-54;\n  line-height: 66px;\n}\n@mixin font-64 {\n  font-size: $font-64;\n  line-height: 76px;\n}\n@mixin font-70 {\n  font-size: $font-70;\n  line-height: 82px;\n}\n@mixin font-76 {\n  font-size: $font-76;\n  line-height: 88px;\n}\n@mixin font-80 {\n  font-size: $font-80;\n  line-height: 92px;\n}\n@mixin font-96 {\n  font-size: $font-96;\n  line-height: 108px;\n}\n@mixin font-113 {\n  font-size: $font-113;\n  line-height: 124px;\n}\n\n// ============================================================\n// SECTION 2 — FULL RESPONSIVE MIXINS\n// All 3 breakpoints handled automatically inside\n// ============================================================\n\n// ── H1 ──────────────────────────────────────────────────────\n// Desktop : 16/20  Tablet : 16/20  Mobile : 14/16\n// ────────────────────────────────────────────────────────────\n@mixin type-h1 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h1; // uppercase\n  letter-spacing: $ls-h1; // 0.15em\n\n  @include font-16; // Desktop 16/20\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16; // 16/20 same\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-16; // 14/16\n  }\n}\n\n// ── H2 ──────────────────────────────────────────────────────\n// Desktop : 48/58  Tablet : 32/40  Mobile : 28/34\n// ────────────────────────────────────────────────────────────\n@mixin type-h2 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h2; // -0.01em\n\n  @include font-48; // Desktop 48/58\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-32; // 32/40\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-28; // 28/34\n  }\n}\n\n// ── H3 ──────────────────────────────────────────────────────\n// Desktop : 36/44  Tablet : 24/30  Mobile : 20/24\n// ────────────────────────────────────────────────────────────\n@mixin type-h3 {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-h3; // -0.01em\n\n  @include font-36; // Desktop 36/44\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-24;\n    // Tablet 24/30\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-20-24; // 20/24\n  }\n}\n\n// ── H4 ──────────────────────────────────────────────────────\n// Desktop : 20/25  Tablet : 16/18  Mobile : 14/18\n// ────────────────────────────────────────────────────────────\n@mixin type-h4 {\n  font-family: $font-tt-commons;\n  font-weight: $font-weight-demibold; // 500\n  font-style: normal;\n  text-transform: $transform-h4; // capitalize\n  letter-spacing: $ls-h4; // 0.02em\n\n  @include font-20; // Desktop 20/25\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-16-18; // 16/18\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14-18; // 14/18\n  }\n}\n\n@mixin type-h5 {\n  font-family: $font-freight-text; // \"freight-text-pro\", serif\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  text-transform: capitalize; // Title Case\n  letter-spacing: -0.01em; // -0.01em LS\n\n  // Desktop\n  @include font-20; // 20px\n\n  // Tablet ≤1199px\n  @include maxMediaQuery(\"tablet\") {\n    @include font-16-18; // 16px / 18px\n  }\n\n  // Mobile ≤991px\n  @include maxMediaQuery(\"mobile\") {\n    @include font-14-18; // 14px / 18px\n  }\n}\n\n// ── BODY ────────────────────────────────────────────────────\n// Desktop : 22/33  Tablet : 15/22  Mobile : 14/21\n// ────────────────────────────────────────────────────────────\n@mixin type-body {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-body; // 0em\n\n  @include font-22; // Desktop 22/33\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-15; // 15/22\n    // margin-bottom: $ps-body-tablet; // 16px\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-14; // 14/21\n    // margin-bottom: $ps-body-mobile; // 16px\n  }\n}\n\n// ── CAPTION ─────────────────────────────────────────────────\n// Desktop : 14/21  Tablet : 12/15  Mobile : 12/18\n// ────────────────────────────────────────────────────────────\n@mixin type-caption {\n  font-family: $font-freight-text;\n  font-weight: $font-weight-book; // 400\n  font-style: normal;\n  letter-spacing: $ls-caption; // 0em\n\n  @include font-14; // Desktop 14/21\n\n  @include maxMediaQuery(\"tablet\") {\n    // ≤1199px Tablet\n    @include font-12-15; // 12/15\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    // ≤991px Mobile\n    @include font-12; // 12/18\n  }\n}\n\n// Button style\n\n@mixin btn-fill(\n  $bg,\n  $hover-bg,\n  $color: $color-white,\n  $hover-color: $color-white\n) {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  border: none;\n\n  // ── Colors ───────────────────────────────────────────────\n  background: $bg;\n  color: $color;\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n\n  @include type-h4;\n\n  &:hover {\n    background: $hover-bg;\n    color: $hover-color;\n  }\n\n  @include maxMediaQuery(\"mobile\") {\n    &:hover {\n      background: $bg;\n      color: $color;\n    }\n  }\n\n  // ── Text + icon ──────────────────────────────────────────\n  svg {\n    flex-shrink: 0;\n  }\n}\n","// ============================================================\n// FONTS.SCSS — Typography Variables\n// Project: emanuelnine\n// Updated from: Desktop Viewport Type Spec\n//\n// Fonts used:\n//   - TT Commons Pro Demibold  → Headings (H1, H4)\n//   - FreightText Pro Book     → Headings (H2, H3), Body, Caption\n//\n// Key:\n//   Size = Type Size\n//   LH   = Line Height\n//   LS   = Letter Spacing\n//   PS   = Paragraph Spacing\n// ============================================================\n\n// ============================================================\n// FONT WEIGHTS\n// ============================================================\n\n$font-weight-thin: 100;\n$font-weight-extra-light: 200;\n$font-weight-light: 300;\n$font-weight-normal: 400; // FreightText Pro Book\n$font-weight-medium: 500;\n$font-weight-semibold: 600; // TT Commons Pro Demibold\n$font-weight-bold: 700;\n$font-weight-extra-bold: 800;\n$font-weight-black: 900;\n\n// Named aliases — exact Typekit specimen values\n$font-weight-demibold: 500; // TT Commons Pro Demibold\n$font-weight-book: 400; // FreightText Pro Book\n\n// ============================================================\n// BASE FONT SCALE (px)\n// ============================================================\n\n$font-12: 12px; // Caption size\n$font-14: 14px; // Caption size\n$font-16: 16px; // H1 size\n$font-15: 15px;\n$font-18: 18px;\n$font-20: 20px; // H4 size, Body size\n$font-22: 22px; // H4 size, Body size\n$font-23: 23px;\n$font-24: 24px;\n$font-28: 28px;\n$font-30: 30px;\n$font-32: 32px;\n$font-34: 34px;\n$font-36: 36px;\n$font-40: 40px; // H3 size\n$font-44: 44px;\n$font-48: 48px; // H2 size\n$font-50: 50px;\n$font-54: 54px;\n$font-64: 64px;\n$font-70: 70px;\n$font-76: 76px;\n$font-80: 80px;\n$font-96: 96px;\n$font-113: 113px;\n\n// ============================================================\n// HEADING FONT SIZES (rem)\n// ============================================================\n\n$heading-xs: 1.125rem; //  18px\n$heading-sm: 1.25rem; //  20px  ← H4\n$heading-md: 1.5rem; //  24px\n$heading-lg: 1.875rem; //  30px\n$heading-xl: 2rem; //  32px\n$heading-2xl: 2.5rem; //  40px  ← H3\n$heading-3xl: 2.75rem; //  44px\n$heading-4xl: 2.875rem; //  46px\n$heading-5xl: 3rem; //  48px  ← H2\n$heading-6xl: 4rem; //  64px\n$heading-7xl: 4.75rem; //  76px\n$heading-8xl: 5rem; //  80px\n$heading-9xl: 6rem; //  96px\n$heading-10xl: 7.0625rem; // 113px\n\n// ============================================================\n// TEXT SIZES (rem)\n// ============================================================\n\n$text-caption: 0.75rem; //  12px  ← Caption\n$text-base: 1rem; //  16px\n$text-lg: 1.125rem; //  18px\n$text-xl: 1.25rem; //  20px  ← Body\n$text-xxl: 1.4375rem; //  23px\n\n// ============================================================\n// LINE HEIGHTS\n// — Mapped directly from spec\n// ============================================================\n\n$line-height-tight: 1.2; // General tight\n$line-height-normal: 1.3; // General normal\n$line-height-relaxed: 1.75; // General relaxed\n\n// Spec-exact line heights\n$lh-h1: 20px; // H1:      16px size → 20px LH   (ratio 1.25)\n$lh-h2: 58px; // H2:      48px size → 58px LH   (ratio ~1.21)\n$lh-h3: 48px; // H3:      40px size → 48px LH   (ratio 1.2)\n$lh-h4: 25px; // H4:      20px size → 25px LH   (ratio 1.25)\n$lh-body: 30px; // Body:    20px size → 30px LH   (ratio 1.5)\n$lh-caption: 18px; // Caption: 12px size → 18px LH   (ratio 1.5)\n\n// ============================================================\n// LETTER SPACING\n// — Mapped directly from spec\n// ============================================================\n\n$ls-h1: 0.15em; // H1 — wide tracked, uppercase label\n$ls-h2: -0.01em; // H2 — slightly tight\n$ls-h3: -0.01em; // H3 — slightly tight\n$ls-h4: 0.02em; // H4 — very slight open\n$ls-body: 0em; // Body — no tracking\n$ls-caption: 0em; // Caption — no tracking\n\n// Generic aliases\n$letter-spacing-tight: -0.05em;\n$letter-spacing-normal: 0em;\n$letter-spacing-wide: 0.05em;\n$letter-spacing-wider: 0.1em;\n$letter-spacing-widest: 0.2em;\n\n// ============================================================\n// PARAGRAPH SPACING\n// ============================================================\n\n$ps-body: 24px; // Body paragraph spacing from spec\n$ps-default: 0;\n\n// ============================================================\n// TEXT TRANSFORM\n// — Per spec\n// ============================================================\n\n$transform-h1: uppercase; // H1 — ABOUT style\n$transform-h2: none; // H2 — Sentence case (CSS handles content)\n$transform-h3: none; // H3 — Sentence case\n$transform-h4: capitalize; // H4 — Title Case (capitalize each word)\n$transform-body: none; // Body — Sentence case\n$transform-caption: none; // Caption — Sentence case\n\n// ============================================================\n// HEADING STYLE MAP\n// — Single source of truth per heading level\n// ============================================================\n\n// H1 — TT Commons Pro Demibold\n// $h1-font-family: $font-tt-commons;\n$h1-font-weight: $font-weight-demibold; // 600\n$h1-font-size: $font-16; // 16px\n$h1-line-height: $lh-h1; // 20px\n$h1-letter-spacing: $ls-h1; // 0.15em\n$h1-text-transform: $transform-h1; // uppercase\n\n// H2 — FreightText Pro Book\n// $h2-font-family: $font-freight-text;\n$h2-font-weight: $font-weight-book; // 400\n$h2-font-size: $font-48; // 48px\n$h2-line-height: $lh-h2; // 58px\n$h2-letter-spacing: $ls-h2; // -0.01em\n$h2-text-transform: $transform-h2; // none\n\n// H3 — FreightText Pro Book\n// $h3-font-family: $font-freight-text;\n$h3-font-weight: $font-weight-book; // 400\n$h3-font-size: $font-40; // 40px\n$h3-line-height: $lh-h3; // 48px\n$h3-letter-spacing: $ls-h3; // -0.01em\n$h3-text-transform: $transform-h3; // none\n\n// H4 — TT Commons Pro Demibold\n// $h4-font-family: $font-tt-commons;\n$h4-font-weight: $font-weight-demibold; // 600\n$h4-font-size: $font-20; // 20px\n$h4-line-height: $lh-h4; // 25px\n$h4-letter-spacing: $ls-h4; // 0.02em\n$h4-text-transform: $transform-h4; // capitalize\n\n// Body — FreightText Pro Book\n// $body-font-family: $font-freight-text;\n$body-font-weight: $font-weight-book; // 400\n$body-font-size: $font-20; // 20px\n$body-line-height: $lh-body; // 30px\n$body-letter-spacing: $ls-body; // 0em\n$body-paragraph-space: $ps-body; // 24px\n\n// Caption — FreightText Pro Book\n// $caption-font-family: $font-freight-text;\n$caption-font-weight: $font-weight-book; // 400\n$caption-font-size: $font-12; // 12px\n$caption-line-height: $lh-caption; // 18px\n$caption-letter-spacing: $ls-caption; // 0em\n"]}
@import url("https://use.typekit.net/xxt1mhk.css");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: #f6f4f1;
  overflow: clip;
}

.container {
  width: calc(100% - 96px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 566px) {
  .container {
    width: calc(100% - 48px);
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
}

.grid-test {
  display: none;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 24px;
  width: calc(100% - 96px);
  margin: 0 auto;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 48px;
  z-index: 999;
}

.grid-test span {
  height: 100vh;
  background-color: rgba(255, 0, 0, 0.2);
}

[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate].is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-animate=fade-up] {
  transform: translateY(30px);
}

[data-animate=fade-down] {
  transform: translateY(-30px);
}

[data-animate=fade-left] {
  transform: translateX(-40px);
}

[data-animate=fade-right] {
  transform: translateX(40px);
}

[data-animate=fade] {
  transform: none;
}

[data-animate=scale-up] {
  transform: scale(0.95);
}

[data-animate-group] > *:not([data-animate]) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
[data-animate-group] > *:not([data-animate]).is-visible {
  opacity: 1;
  transform: translate(0);
}

[data-animate-group] > *:nth-child(1) {
  transition-delay: 0s;
}

[data-animate-group] > *:nth-child(2) {
  transition-delay: 0.15s;
}

[data-animate-group] > *:nth-child(3) {
  transition-delay: 0.3s;
}

[data-animate-group] > *:nth-child(4) {
  transition-delay: 0.45s;
}

[data-animate-group] > *:nth-child(5) {
  transition-delay: 0.6s;
}

[data-animate-group] > *:nth-child(6) {
  transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-animate-group] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.barba-wrapper,
[data-barba=wrapper] {
  position: relative;
  min-height: 100vh;
}

.is-transitioning [data-barba=container] {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #e8e4dd;
  transform: translateY(100%);
  pointer-events: none;
  will-change: transform, opacity;
  overflow: hidden;
}

.is-hidden-transition {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition {
    display: none;
  }
}
.visit-slider-section {
  margin-top: 48px;
}
.visit-slider-section .visit-slider {
  min-height: 840px;
  overflow: hidden;
}
.visit-slider-section .visit-slider .visit-slider__panel {
  background-color: #e8e4dd;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  grid-column: span 5;
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {
  color: #80512f;
  margin: 0;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 566px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__eyebrow {
    font-size: 14px;
    line-height: 16px;
  }
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {
  color: #80512f;
  margin: 0 0 24px 0;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  font-size: 36px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 566px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {
    font-size: 20px;
    line-height: 24px;
  }
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {
  display: flex;
  width: 100%;
  padding: 14px 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: #593887;
  color: #f6f4f1;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: tt-commons-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 566px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn {
    font-size: 14px;
    line-height: 18px;
  }
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn:hover {
  background: #864ad3;
  color: #ffffff;
}
@media (max-width: 566px) {
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn:hover {
    background: #593887;
    color: #f6f4f1;
  }
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn svg {
  flex-shrink: 0;
}
.visit-slider-section .visit-slider .visit-slider__panel .visit-slider__btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap {
  flex: 1;
  position: relative;
  overflow: hidden;
  grid-column: span 7;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track {
  display: flex;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track .visit-slider__slide {
  flex: 0 0 100%;
  height: 100%;
  overflow: hidden;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track .visit-slider__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow {
  width: 60px;
  height: 53px;
  background: transparent;
  border: 1px solid #f6f4f1;
  color: #f6f4f1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow:hover {
  background: rgba(255, 255, 255, 0.15);
}

@media (max-width: 1199px) {
  .visit-slider-section .visit-slider {
    min-height: 700px;
  }
  .visit-slider-section .visit-slider .visit-slider__panel {
    max-width: 446px;
  }
}
@media (max-width: 991px) {
  .visit-slider-section .visit-slider {
    min-height: 560px;
  }
  .visit-slider-section .visit-slider .visit-slider__panel {
    max-width: 346px;
  }
}
@media (max-width: 767px) {
  .visit-slider-section {
    margin-top: 30px;
  }
  .visit-slider-section .visit-slider {
    min-height: 560px;
    flex-direction: column-reverse;
    gap: 0;
  }
  .visit-slider-section .visit-slider .visit-slider__panel {
    max-width: 100%;
    height: 368px;
  }
}
@media (max-width: 566px) {
  .visit-slider-section {
    margin-top: 24px;
  }
  .visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__track {
    height: 368px;
  }
  .visit-slider-section .visit-slider .visit-slider__track-wrap .visit-slider__arrows .visit-slider__arrow:hover {
    background: none;
  }
  .visit-slider-section .visit-slider .visit-slider__panel {
    max-width: 100%;
    height: 368px;
    padding: 16px;
  }
  .visit-slider-section .visit-slider .visit-slider__panel .visit-slider__bottom .visit-slider__desc {
    margin: 0 0 16px 0;
  }
}
/*# sourceMappingURL=visit-showcase-block.css.map */