.elementor-29 .elementor-element.elementor-element-65aee0e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:230px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-65aee0e:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-65aee0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-bcce534{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-e6c0bfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-e6c0bfa .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-c803f66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-c803f66 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:300;line-height:1.16em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-b0fedd5{text-align:center;font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:1.75em;color:#55605A;}.elementor-29 .elementor-element.elementor-element-941339d{width:auto;max-width:auto;}.elementor-29 .elementor-element.elementor-element-4fc8321{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-95e8ca4{text-align:end;}.elementor-29 .elementor-element.elementor-element-95e8ca4 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.6em;letter-spacing:2.7px;color:#F7F4EFB8;}.elementor-29 .elementor-element.elementor-element-72926e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-72926e9:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-72926e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-52429c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:104px 104px;--row-gap:104px;--column-gap:104px;}.elementor-29 .elementor-element.elementor-element-ec77e1a{--display:flex;}.elementor-29 .elementor-element.elementor-element-e33453c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-e33453c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-dfda763{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-29 .elementor-element.elementor-element-dfda763 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-18f986f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 88px) 0px;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-7a426ec{--display:flex;}.elementor-29 .elementor-element.elementor-element-24db5e7{--display:flex;--min-height:360px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-24db5e7:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-24db5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-29 .elementor-element.elementor-element-eae0b17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-ab0b966{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-182ece1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-182ece1 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-e539d10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-29 .elementor-element.elementor-element-e539d10 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-384755d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-f3a9eb6{margin:46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Jost", Sans-serif;font-size:15.5px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-211c00d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-211c00d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-211c00d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-29 .elementor-element.elementor-element-45aa0fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-45aa0fb .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-3dac68c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-3dac68c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-971790d{width:var( --container-widget-width, 450px );max-width:450px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 92px) 0px;--container-widget-width:450px;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:#F7F4EFB8;}.elementor-29 .elementor-element.elementor-element-72c423c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:84px 84px;--row-gap:84px;--column-gap:84px;}.elementor-29 .elementor-element.elementor-element-5904b35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-5904b35:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5904b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-c821507{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-c821507 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-961af7b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-961af7b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-149d93f{width:var( --container-widget-width, 450px );max-width:450px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 92px) 0px;--container-widget-width:450px;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-cc7aa75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:96px 96px;--row-gap:96px;--column-gap:96px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-ecaee9e{--display:flex;--min-height:360px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-ecaee9e:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-ecaee9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-29 .elementor-element.elementor-element-c3e0dec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-c3e0dec .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-60a20d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-60a20d6 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-d77c1fd{width:var( --container-widget-width, 450px );max-width:450px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 92px) 0px;--container-widget-width:450px;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-67eed43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#3C4742;--border-color:#3C4742;--padding-top:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-29 .elementor-element.elementor-element-67eed43:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-67eed43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-29 .elementor-element.elementor-element-d6efd16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-d6efd16 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:3.7px;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-ba2363b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-ba2363b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-ad3e5b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:84px 84px;--row-gap:84px;--column-gap:84px;}.elementor-29 .elementor-element.elementor-element-fed1175{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:90px 90px;--row-gap:90px;--column-gap:90px;}.elementor-29 .elementor-element.elementor-element-5b2c1fb{font-family:"Jost", Sans-serif;font-size:25px;font-weight:300;color:#F7F4EF;}.elementor-29 .elementor-element.elementor-element-b41a20a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-cfd9f3a .elementor-button{background-color:#A98B5D00;font-family:"Jost", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2.4px;fill:var( --e-global-color-3982115 );color:var( --e-global-color-3982115 );transition-duration:0.45s;border-radius:0px 0px 0px 0px;padding:6px 00px 6px 0px;}.elementor-29 .elementor-element.elementor-element-cfd9f3a .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-cfd9f3a .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-cfd9f3a .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-cfd9f3a .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-65aee0e{--padding-top:170px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-bcce534{--margin-top:0px;--margin-bottom:76px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-e6c0bfa .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-c803f66 .elementor-heading-title{font-size:38px;}.elementor-29 .elementor-element.elementor-element-b0fedd5{font-size:18px;}.elementor-29 .elementor-element.elementor-element-4fc8321{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-72926e9{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-52429c7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-29 .elementor-element.elementor-element-e33453c .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-dfda763 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-18f986f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-29 .elementor-element.elementor-element-24db5e7{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-eae0b17{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:56px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-182ece1 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-e539d10 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-384755d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-29 .elementor-element.elementor-element-211c00d{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-45aa0fb .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-3dac68c .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-971790d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-29 .elementor-element.elementor-element-72c423c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-5904b35{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-c821507 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-961af7b .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-149d93f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-29 .elementor-element.elementor-element-ecaee9e{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-c3e0dec .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-60a20d6 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-d77c1fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-29 .elementor-element.elementor-element-67eed43{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-d6efd16 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-29 .elementor-element.elementor-element-ba2363b .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-ad3e5b7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-fed1175{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-29 .elementor-element.elementor-element-b41a20a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-65aee0e{--padding-top:132px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-bcce534{--margin-top:0px;--margin-bottom:56px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-e6c0bfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 022px) 0px;}.elementor-29 .elementor-element.elementor-element-c803f66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-29 .elementor-element.elementor-element-c803f66 .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-b0fedd5{font-size:17px;}.elementor-29 .elementor-element.elementor-element-941339d{text-align:center;}.elementor-29 .elementor-element.elementor-element-4fc8321{--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-72926e9{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-e33453c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-29 .elementor-element.elementor-element-dfda763{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-29 .elementor-element.elementor-element-dfda763 .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-18f986f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;font-size:17px;}.elementor-29 .elementor-element.elementor-element-24db5e7{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-eae0b17{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-182ece1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-29 .elementor-element.elementor-element-e539d10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-29 .elementor-element.elementor-element-e539d10 .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-384755d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:17px;}.elementor-29 .elementor-element.elementor-element-f3a9eb6{margin:36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-211c00d{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-45aa0fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-3dac68c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-3dac68c .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-971790d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:17px;}.elementor-29 .elementor-element.elementor-element-5904b35{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-c821507{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-961af7b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-961af7b .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-149d93f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:17px;}.elementor-29 .elementor-element.elementor-element-cc7aa75{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-ecaee9e{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-c3e0dec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-60a20d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-60a20d6 .elementor-heading-title{font-size:29px;}.elementor-29 .elementor-element.elementor-element-d77c1fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:17px;}.elementor-29 .elementor-element.elementor-element-67eed43{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-29 .elementor-element.elementor-element-d6efd16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-ba2363b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29 .elementor-element.elementor-element-ba2363b .elementor-heading-title{font-size:29px;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-bcce534{--width:900px;}.elementor-29 .elementor-element.elementor-element-72926e9{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-24db5e7{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-211c00d{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-5904b35{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-ecaee9e{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-67eed43{--content-width:1500px;}.elementor-29 .elementor-element.elementor-element-b41a20a{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-bcce534{--width:100%;}.elementor-29 .elementor-element.elementor-element-b41a20a{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-65aee0e *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 1 · OPENING
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-open
lede container ....... ma-open__lede
eyebrow .............. ma-open__eyebrow
H1 ................... ma-open__title
standfirst ........... ma-open__stand
meta line ............ ma-open__meta (one Text Editor, HTML below)
image band ........... ma-open__band
band caption ......... ma-open__cap
WHERE: Site Settings → Custom CSS
----------------------------------------------------------------------------
This opening is the pattern for every inner page — Dining, Spa,
Experiences, Events. Only the words and the photograph change, which
is what stops fifteen pages reading as fifteen different sites.
============================================================================ */
/* ============================================================
1. THE BRASS STROKE
Absolutely positioned, exactly as on the home page's opening,
so both read as the same hand. A ::before on an Elementor
container becomes a flex item and lands beside the content
rather than above it — hence position, not margin.
Keep the lede container's Padding Top at 0; the padding here
reserves the room.
============================================================ */
.ma-open__lede{
position:relative;
padding-top:98px !important; /* 64 stroke + 34 gap */
}
.ma-open__lede::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:1px;
height:64px;
background:linear-gradient(180deg,rgba(169,139,93,0),#A98B5D);
}
/* ============================================================
2. MEASURE
============================================================ */
.ma-open__stand,
.ma-open__stand p{
max-width:60ch;
margin-left:auto;
margin-right:auto;
}
/* ============================================================
3. META LINE
One Text Editor widget. Paste into its "Text" (code) tab:
Tremezzina, Lake Como·
Established 1908·
Four generations
A byline, essentially. It is the detail that makes the page
read as an article rather than an About tab.
============================================================ */
.ma-open__meta{
display:inline-flex;
align-items:center;
gap:14px;
margin:0;
padding-top:26px;
border-top:1px solid #D9D2C6;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1.8;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-open__meta b{
font-weight:500;
color:#A98B5D;
}
/* ============================================================
4. IMAGE BAND
svh, not vh — on iOS Safari a vh band is taller than the
visible area and pushes the caption under the browser bar.
============================================================ */
.ma-open__band{
position:relative;
height:66svh;
min-height:440px;
overflow:hidden;
background:#141A18;
}
.ma-open__band .elementor-widget-image,
.ma-open__band .elementor-widget-image .elementor-widget-container,
.ma-open__band figure,
.ma-open__band .elementor-image{
position:absolute;
inset:0;
width:100%;
height:100%;
margin:0 !important;
padding:0 !important;
line-height:0;
}
.ma-open__band img{
display:block;
width:100% !important;
height:100% !important;
max-width:none !important;
object-fit:cover;
object-position:center;
border-radius:0 !important;
}
/* A short veil at the foot, only deep enough to carry the
caption. Elementor's Background Overlay would sit under the
Image widget rather than over it. */
.ma-open__band::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:linear-gradient(180deg,
rgba(20,26,24,0) 52%,
rgba(20,26,24,.52) 100%);
}
.ma-open__cap{
position:absolute !important;
right:48px;
bottom:30px;
z-index:2;
width:auto !important;
}
/* ============================================================
5. TABLET
============================================================ */
@media (max-width:1100px){
.ma-open__band{
height:52svh;
min-height:360px;
}
.ma-open__cap{
right:32px;
}
}
/* ============================================================
6. PHONE
Three items and two separators on one line becomes five
fragments at 320px. The bullets go and each item takes a line.
============================================================ */
@media (max-width:600px){
.ma-open__lede{
padding-top:68px !important;
}
.ma-open__lede::before{
height:48px;
}
.ma-open__stand,
.ma-open__stand p{
max-width:none;
}
.ma-open__meta{
display:block;
padding-top:22px;
font-size:9px;
letter-spacing:.22em;
}
.ma-open__meta b{
display:none;
}
.ma-open__meta span{
display:block;
}
.ma-open__band{
height:42svh;
min-height:280px;
}
.ma-open__cap{
right:22px;
bottom:22px;
}
}
/* ============================================================
7. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-open__band img{
transition-duration:.01ms !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72926e9 *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 2 · THE BUILDING ITSELF
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-bi
body row ............. ma-bi__body
copy column .......... ma-bi__copy
eyebrow .............. ma-bi__eyebrow
H2 ................... ma-bi__title
paragraphs ........... ma-bi__text
figure column ........ ma-bi__fig
the comparison ....... ma-bi__cmp (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE COLUMNS
flex rather than a width, so the 104px gap comes out of the
share instead of being added to it.
============================================================ */
.ma-bi__body > .ma-bi__copy{
flex:0 0 46%;
min-width:0;
}
.ma-bi__body > .ma-bi__fig{
flex:1 1 auto;
min-width:0;
padding-top:14px;
}
@media (max-width:1400px){
.ma-bi__body > .ma-bi__copy{flex-basis:48%;}
}
@media (max-width:1100px){
.ma-bi__body > .ma-bi__copy,
.ma-bi__body > .ma-bi__fig{
flex:0 0 auto;
width:100%;
}
.ma-bi__body > .ma-bi__fig{padding-top:0;}
}
/* ============================================================
2. THE COMPARISON
One Text Editor. Paste into the "Text" (code) tab:
A new building of the same size
1,400Tonnes CO₂e
Demolition, foundations, frame, envelope. Before the
doors open.
What the restoration actually cost
190Tonnes CO₂e
Chiefly the lift shaft, the plant room and the new
roof structure over the west wing.
Both figures are estimates from the same engineer,
using the same method, in 2019. Neither has been independently
audited, and we would not claim they are accurate to the
tonne.
190 ÷ 1400 is 13.57 per cent, which is the width the second
band gets. The short one is short because it is short — it
has not been nudged up to look better on the page.
============================================================ */
.ma-bi__cmp .bar{
margin:0 0 58px;
}
.ma-bi__cmp .bar:last-of-type{
margin-bottom:0;
}
.ma-bi__cmp .k{
margin:0 0 14px;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1.6;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-bi__cmp .n{
display:flex;
align-items:baseline;
gap:14px;
margin:0 0 20px;
}
.ma-bi__cmp .n b{
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(46px,5.4vw,76px);
font-weight:300;
line-height:.9;
color:#1E2621;
}
.ma-bi__cmp .n i{
font-style:normal;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1;
text-transform:uppercase;
color:#6E7A6B;
}
/* --- The bands ---------------------------------------------
Six pixels, where everything else on this site is one. That
reads as a measurement rather than as a chart, which is the
difference between showing a number and decorating it.
They start at full width and only collapse once the snippet
below has added .ma-armed. If the JS never runs, the bands
are simply there at the right lengths — a chart that stays
at zero because a script failed is worse than no animation.
---------------------------------------------------------- */
.ma-bi__cmp .r{
height:6px;
background:#1E2621;
transform-origin:left center;
}
.ma-bi__cmp .was .r{width:100%;}
.ma-bi__cmp .is .r{width:13.6%;background:#A98B5D;}
.ma-bi__cmp.ma-armed .r{
transform:scaleX(0);
transition:transform 1.4s cubic-bezier(.19,1,.22,1) .2s;
}
.ma-bi__cmp.ma-armed.ma-drawn .r{
transform:scaleX(1);
}
.ma-bi__cmp .s{
margin:16px 0 0;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.7;
color:#55605A;
max-width:46ch;
}
/* ============================================================
3. THE CAVEAT
Saying a figure has not been audited is the single line that
makes the rest of the page worth reading.
============================================================ */
.ma-bi__cmp .note{
margin:52px 0 0;
padding-top:26px;
border-top:1px solid #D9D2C6;
font-family:"Jost",system-ui,sans-serif;
font-size:15px;
line-height:1.7;
color:#6E7A6B;
max-width:50ch;
}
.ma-bi__cmp .note em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-bi__title,
.ma-bi__title .elementor-heading-title{
max-width:19ch;
}
.ma-bi__text,
.ma-bi__text p{
max-width:46ch;
}
.ma-bi__text em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
5. TABLET
============================================================ */
@media (max-width:1100px){
.ma-bi__title,
.ma-bi__title .elementor-heading-title{
max-width:24ch;
}
.ma-bi__text,
.ma-bi__text p,
.ma-bi__cmp .s,
.ma-bi__cmp .note{
max-width:none;
}
}
/* ============================================================
6. PHONE
============================================================ */
@media (max-width:600px){
.ma-bi__title,
.ma-bi__title .elementor-heading-title{
max-width:none;
}
.ma-bi__cmp .bar{margin-bottom:44px;}
.ma-bi__cmp .n{gap:10px;margin-bottom:16px;}
.ma-bi__cmp .s{font-size:15px;}
.ma-bi__cmp .note{margin-top:40px;padding-top:22px;}
}
/* ============================================================
7. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-bi__cmp.ma-armed .r{
transform:scaleX(1) !important;
transition-duration:.01ms !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24db5e7 *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 3 · WHAT WE MEASURE
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-wm
head row ............. ma-wm__head
head text column ..... ma-wm__headtext
eyebrow .............. ma-wm__eyebrow
H2 ................... ma-wm__title
aside note ........... ma-wm__aside
the table ............ ma-wm__tb (ONE Text Editor, HTML below)
footnote ............. ma-wm__note
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
The measure
2022
2023
2024
2025
Energy
Kilowatt hours per guest night
Down by a third since we started counting. The ground
loop did most of it and the new glazing did the rest.
41
34
29
27
… three more rows in the same shape …
The water row's last figure takes an extra class:
258
.mid marks the two middle years, which drop out on a phone.
Five columns cannot survive 320px, but the first year and the
last still tell the whole story.
============================================================ */
/* ============================================================
2. THE TABLE
Per guest night rather than totals. A total falls in a year
the house stood half empty, which is not an achievement — and
reporting it as one is the commonest trick on these pages.
============================================================ */
.ma-wm__tb{
border-top:1px solid #D9D2C6;
}
/* --- Year heads --- */
.ma-wm__tb .key{
display:flex;
align-items:baseline;
padding:0 0 16px;
border-bottom:1px solid #D9D2C6;
}
.ma-wm__tb .key span{
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-wm__tb .k0{flex:1 1 auto;min-width:0;}
.ma-wm__tb .yr{flex:0 0 118px;text-align:right;}
.ma-wm__tb .yr.now{color:#7E6339;}
/* --- Rows --- */
.ma-wm__tb .mr{
display:flex;
align-items:baseline;
padding:34px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-wm__tb .of{
flex:1 1 auto;
min-width:0;
padding-right:44px;
}
.ma-wm__tb .of b{
display:block;
margin:0 0 7px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:27px;
font-weight:300;
line-height:1.2;
color:#1E2621;
}
/* for the unit — no underline, just a convenient tag inside
a Text Editor that will survive the visual editor */
.ma-wm__tb .of u{
display:block;
margin:0 0 12px;
text-decoration:none;
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.26em;
line-height:1.6;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-wm__tb .of span{
display:block;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.7;
color:#55605A;
max-width:48ch;
}
.ma-wm__tb .of em{
font-style:normal;
color:#7E6339;
}
/* --- The figures ---
Only the current year gets full size and full colour. The
earlier three are there to show the direction, not to be
read one by one. */
.ma-wm__tb .v{
flex:0 0 118px;
text-align:right;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:23px;
font-weight:300;
line-height:1;
color:#6E7A6B;
}
.ma-wm__tb .v.now{
font-size:37px;
color:#1E2621;
}
/* The one that went the wrong way. Brass rather than red — it
is a fact being pointed at, not an alarm. */
.ma-wm__tb .v.up{
color:#7E6339;
}
/* ============================================================
3. ASIDE AND FOOTNOTE
============================================================ */
.ma-wm__aside{
max-width:34ch;
margin:0;
padding-left:26px;
border-left:1px solid #A98B5D;
}
.ma-wm__aside em,
.ma-wm__note em{
font-style:normal;
color:#1E2621;
}
.ma-wm__note,
.ma-wm__note p{
max-width:64ch;
margin:0;
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-wm__title,
.ma-wm__title .elementor-heading-title{
max-width:18ch;
}
/* ============================================================
5. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-wm__tb .yr,
.ma-wm__tb .v{flex-basis:96px;}
.ma-wm__tb .v.now{font-size:33px;}
}
/* ============================================================
6. TABLET
============================================================ */
@media (max-width:1100px){
.ma-wm__aside{max-width:54ch;}
.ma-wm__tb .yr,
.ma-wm__tb .v{flex-basis:76px;}
.ma-wm__tb .of{padding-right:26px;}
.ma-wm__tb .of span{max-width:none;}
.ma-wm__tb .v{font-size:20px;}
.ma-wm__tb .v.now{font-size:29px;}
}
/* ============================================================
7. PHONE — two years instead of four
============================================================ */
@media (max-width:600px){
.ma-wm__title,
.ma-wm__title .elementor-heading-title{
max-width:none;
}
.ma-wm__aside{
padding-left:20px;
font-size:15px;
}
.ma-wm__tb .key .mid,
.ma-wm__tb .v.mid{display:none;}
.ma-wm__tb .yr,
.ma-wm__tb .v{flex-basis:64px;}
.ma-wm__tb .key{padding-bottom:14px;}
.ma-wm__tb .k0{flex:1 0 100%;padding-bottom:14px;}
.ma-wm__tb .mr{
flex-wrap:wrap;
padding:28px 0;
gap:22px 0;
}
.ma-wm__tb .of{
flex:1 0 100%;
padding-right:0;
}
.ma-wm__tb .of b{font-size:24px;}
.ma-wm__tb .v{
flex:1 1 0;
text-align:left;
font-size:22px;
}
.ma-wm__tb .v.now{
text-align:right;
font-size:30px;
}
.ma-wm__note,
.ma-wm__note p{
max-width:none;
font-size:15px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-211c00d *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 4 · HEAT, WATER, LIGHT
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-sy
eyebrow .............. ma-sy__eyebrow
H2 ................... ma-sy__title
intro ................ ma-sy__intro
systems row .......... ma-sy__sys
each system .......... ma-sy__one (ONE Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
One Text Editor per system. Paste into the "Text" (code) tab:
Heat
Ground source · 2018
Was
An oil boiler dropped into the cellar in 1974, and about
eleven thousand litres of oil a year to feed it.
Is
Twelve closed loops under the lower lawn and one heat pump in
the plant room. Nothing burns on this site now except the pizza
oven.
Not yet
It runs on grid electricity, which in Italy is still around
forty per cent fossil. The roof is listed and we have been
refused solar twice.
Every system carries its own limit. Doing that three times
here is what makes the three larger admissions further down
read as the same voice, rather than a confession bolted on at
the end of the page.
============================================================ */
/* ============================================================
2. THE COLUMNS
flex rather than a width, so the 84px gaps come out of the
share instead of being added to it.
============================================================ */
.ma-sy__sys > .ma-sy__one{
flex:1 1 0;
min-width:0;
max-width:none;
width:auto;
}
/* ============================================================
3. THE HEAD
============================================================ */
.ma-sy__one .head{
margin:0 0 34px;
padding-bottom:22px;
border-bottom:1px solid #A98B5D;
}
.ma-sy__one .head b{
display:block;
margin:0 0 12px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:31px;
font-weight:300;
line-height:1.1;
color:#F7F4EF;
}
.ma-sy__one .head span{
display:block;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1.6;
text-transform:uppercase;
color:#A98B5D;
}
/* ============================================================
4. WAS · IS · NOT YET
============================================================ */
.ma-sy__one .s{
padding:0 0 26px;
margin:0 0 26px;
border-bottom:1px solid rgba(247,244,239,.11);
}
.ma-sy__one .s:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
/* for the label — no underline, just a tag that survives
the visual editor inside a Text Editor */
.ma-sy__one .s u{
display:block;
margin:0 0 11px;
text-decoration:none;
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:rgba(247,244,239,.42);
}
.ma-sy__one .s p{
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.75;
color:rgba(247,244,239,.68);
}
.ma-sy__one .s em{
font-style:normal;
color:#F7F4EF;
}
/* The limit, in brass. Not an apology — a fact given a colour,
the same one the water figure gets in the table above. */
.ma-sy__one .s.not u{
color:#A98B5D;
}
.ma-sy__one .s.not p{
color:rgba(247,244,239,.58);
}
/* ============================================================
5. MEASURE
============================================================ */
.ma-sy__title,
.ma-sy__title .elementor-heading-title{
max-width:20ch;
}
.ma-sy__intro,
.ma-sy__intro p{
max-width:56ch;
}
.ma-sy__intro em{
font-style:normal;
color:#F7F4EF;
}
/* ============================================================
6. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-sy__one .head b{font-size:28px;}
}
/* ============================================================
7. TABLET — stacked, with a rule where the gap was
Three columns across 768px leaves each about thirty
characters, which is not a paragraph.
============================================================ */
@media (max-width:1100px){
.ma-sy__title,
.ma-sy__title .elementor-heading-title{
max-width:24ch;
}
.ma-sy__intro,
.ma-sy__intro p{
max-width:none;
}
.ma-sy__sys > .ma-sy__one{
flex:0 0 auto;
width:100%;
}
.ma-sy__sys > .ma-sy__one:not(:last-child){
padding-bottom:52px;
margin-bottom:52px;
border-bottom:1px solid rgba(247,244,239,.14);
}
}
/* ============================================================
8. PHONE
============================================================ */
@media (max-width:600px){
.ma-sy__title,
.ma-sy__title .elementor-heading-title{
max-width:none;
}
.ma-sy__one .head{
margin-bottom:26px;
padding-bottom:18px;
}
.ma-sy__one .head b{font-size:26px;}
.ma-sy__one .s{
padding-bottom:22px;
margin-bottom:22px;
}
.ma-sy__one .s p{font-size:15px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5904b35 *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 5 · THE KITCHEN
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-kt
eyebrow .............. ma-kt__eyebrow
H2 ................... ma-kt__title
intro ................ ma-kt__intro
supplier list ........ ma-kt__src (ONE Text Editor, HTML below)
two blocks row ....... ma-kt__two
each block ........... ma-kt__b (ONE Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
What
From
Distance
Perch, lavarello, shad
Two boats out of Menaggio
6km
… six more rows in the same shape …
Flour, coffee, olive oil, salt
Not local, and never going to be
"Locally sourced" is a phrase anybody can print. A list with
named places, two entries at nought kilometres and four that
will never be on it cannot be written by somebody who is not
doing it.
============================================================ */
/* ============================================================
2. THE LIST
Full width, like the table in section 3. Two tables on one
page at different widths read as a mistake, and the distance
column wants to land on the same right edge as the year
figures above it.
============================================================ */
.ma-kt__src{
border-top:1px solid #D9D2C6;
}
/* --- Column heads --- */
.ma-kt__src .key{
display:flex;
align-items:baseline;
padding:0 0 15px;
border-bottom:1px solid #D9D2C6;
}
.ma-kt__src .key span{
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-kt__src .c1{flex:1 1 auto;min-width:0;}
.ma-kt__src .c2{flex:0 0 260px;}
.ma-kt__src .c3{flex:0 0 140px;text-align:right;}
/* --- Rows --- */
.ma-kt__src .sr{
display:flex;
align-items:baseline;
padding:21px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-kt__src .w{
flex:1 1 auto;
min-width:0;
padding-right:30px;
margin:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:21px;
font-weight:400;
line-height:1.35;
color:#1E2621;
}
.ma-kt__src .p{
flex:0 0 260px;
padding-right:24px;
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.6;
color:#55605A;
}
.ma-kt__src .d{
flex:0 0 140px;
text-align:right;
margin:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:23px;
font-weight:400;
line-height:1.2;
color:#7E6339;
}
.ma-kt__src .d small{
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.2em;
text-transform:uppercase;
color:#6E7A6B;
padding-left:6px;
}
/* --- The four that never will be ---
Below a brass rule, with no distance at all. Section 3 says
seventy-one per cent; this says who the other twenty-nine
are and that they are not going anywhere. */
.ma-kt__src .end{
border-top:1px solid #A98B5D;
}
.ma-kt__src .sr.never{
border-bottom:0;
padding-top:26px;
}
.ma-kt__src .sr.never .w{
color:#6E7A6B;
}
.ma-kt__src .sr.never .d{
flex:0 0 auto;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.24em;
line-height:1.7;
text-transform:uppercase;
color:#7E6339;
}
/* ============================================================
3. THE TWO BLOCKS
One Text Editor each. "Text" (code) tab:
The garden
Eleven hundred square metres, which sounds like a great deal
and feeds the house for roughly four months of the year. It
is not a farm and we would rather not describe it as one.
============================================================ */
.ma-kt__two > .ma-kt__b{
flex:1 1 0;
min-width:0;
max-width:none;
width:auto;
}
.ma-kt__b b{
display:block;
margin:0 0 16px;
padding-bottom:16px;
border-bottom:1px solid #D9D2C6;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#7E6339;
}
.ma-kt__b p{
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:16.5px;
line-height:1.8;
color:#55605A;
max-width:48ch;
}
.ma-kt__b em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-kt__title,
.ma-kt__title .elementor-heading-title{
max-width:20ch;
}
.ma-kt__intro,
.ma-kt__intro p{
max-width:58ch;
}
.ma-kt__intro em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
5. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-kt__src .c2,
.ma-kt__src .p{flex-basis:210px;}
.ma-kt__src .c3,
.ma-kt__src .d{flex-basis:118px;}
}
/* ============================================================
6. TABLET
============================================================ */
@media (max-width:1100px){
.ma-kt__title,
.ma-kt__title .elementor-heading-title{
max-width:24ch;
}
.ma-kt__intro,
.ma-kt__intro p{
max-width:none;
}
.ma-kt__src .c2,
.ma-kt__src .p{flex-basis:170px;}
.ma-kt__src .c3,
.ma-kt__src .d{flex-basis:104px;}
.ma-kt__src .w{padding-right:20px;font-size:20px;}
.ma-kt__src .p{font-size:15px;}
.ma-kt__two > .ma-kt__b{
flex:0 0 auto;
width:100%;
}
.ma-kt__b p{max-width:none;}
}
/* ============================================================
7. PHONE
Three columns will not fit. The place drops under the item
and the distance keeps the right edge, which is the column
that matters.
============================================================ */
@media (max-width:600px){
.ma-kt__title,
.ma-kt__title .elementor-heading-title{
max-width:none;
}
.ma-kt__src .key{display:none;}
.ma-kt__src .sr{
flex-wrap:wrap;
padding:19px 0;
gap:5px 0;
}
.ma-kt__src .w{
flex:1 1 auto;
padding-right:20px;
font-size:19px;
}
.ma-kt__src .d{
flex:0 0 auto;
font-size:21px;
}
.ma-kt__src .p{
flex:1 0 100%;
padding-right:0;
font-size:14.5px;
}
.ma-kt__src .sr.never .d{
flex:1 0 100%;
text-align:left;
padding-top:4px;
}
.ma-kt__b p{font-size:16px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecaee9e *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 6 · WHAT WE HAVE NOT FIXED
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-nf
eyebrow .............. ma-nf__eyebrow
H2 ................... ma-nf__title
intro ................ ma-nf__intro
the three ............ ma-nf__list (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
One
The pool is heated to thirty degrees in a building
that spends the rest of its energy trying to use less.
On its own it is about a fifth of the electricity
bill. We have discussed closing it from November to March three
times, and three times we have not done it, because people book
rooms here in February for the pool. That is the whole
reason. It is not a good one.
Two
Most guests still arrive by car, and we have not
solved that either.
There are two chargers behind the house and both are
slow — seven kilowatts, which is four hours for a useful amount.
A third and a faster one have been quoted for twice. The
quote is not the problem; the supply to the site is. We are
told 2027, and we have been told that before.
Three
Our guests fly here, and we do not offset it.
A return flight from London is roughly four times the
carbon of everything else about a two-night stay put together —
the room, the heat, the food, the laundry, all of it. We do not
buy offsets and we are not going to start, having read enough
about what most of them actually deliver. We would rather
give you the number than sell you a tree.
============================================================ */
/* ============================================================
2. THE THREE
Weight from space rather than decoration. Every other page on
this site earns its trust by admitting one thing in passing;
this section is nothing but the admissions, and it needs room
to be read slowly.
A brass rule above and between — the same rule that marks the
limits in section 4, at full width.
============================================================ */
.ma-nf__list{
border-top:1px solid #A98B5D;
}
.ma-nf__list .ad{
padding:56px 0 60px;
border-bottom:1px solid rgba(169,139,93,.34);
}
.ma-nf__list .ad:last-child{
border-bottom:0;
padding-bottom:0;
}
/* --- The count. Words, not numerals — three is a number you
can say out loud, and printing "01" would make this look
like a list of features. --- */
.ma-nf__list .k{
margin:0 0 20px;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#7E6339;
}
/* --- The admission itself --- */
.ma-nf__list .s{
margin:0 0 34px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(25px,2.9vw,38px);
font-weight:300;
line-height:1.22;
color:#1E2621;
max-width:30ch;
text-wrap:pretty;
}
/* --- The detail, set behind a rule. The statement is the part
anybody could write; this is the part that costs something,
so it gets marked as a separate act of speaking. --- */
.ma-nf__list .p{
margin:0;
padding-left:30px;
border-left:1px solid #D9D2C6;
max-width:64ch;
font-family:"Jost",system-ui,sans-serif;
font-size:16.5px;
line-height:1.85;
color:#55605A;
}
.ma-nf__list .p em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
3. MEASURE
============================================================ */
.ma-nf__title,
.ma-nf__title .elementor-heading-title{
max-width:20ch;
}
.ma-nf__intro,
.ma-nf__intro p{
max-width:54ch;
}
.ma-nf__intro em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
4. TABLET
============================================================ */
@media (max-width:1100px){
.ma-nf__title,
.ma-nf__title .elementor-heading-title{
max-width:24ch;
}
.ma-nf__intro,
.ma-nf__intro p{
max-width:none;
}
.ma-nf__list .ad{padding:44px 0 46px;}
.ma-nf__list .s{
max-width:34ch;
margin-bottom:28px;
}
.ma-nf__list .p{max-width:none;}
}
/* ============================================================
5. PHONE
============================================================ */
@media (max-width:600px){
.ma-nf__title,
.ma-nf__title .elementor-heading-title{
max-width:none;
}
.ma-nf__list .ad{padding:36px 0 38px;}
.ma-nf__list .k{margin-bottom:16px;}
.ma-nf__list .s{
max-width:none;
margin-bottom:24px;
line-height:1.26;
}
.ma-nf__list .p{
padding-left:22px;
font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cfd9f3a *//* ===== Hero link — brass hairline ===== */
.ma-hero__link .elementor-button{
position:relative !important;
overflow:visible !important;
}
.ma-hero__link .elementor-button::after{
content:"" !important;
display:block !important;
position:absolute;
left:0; right:0; bottom:0;
height:1px;
background:#A98B5D;
transform:scaleX(1);
transform-origin:left center;
transition:transform .5s cubic-bezier(.19,1,.22,1);
pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
.ma-hero__link .elementor-button:hover::after{
transform:scaleX(0);
transform-origin:right center;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67eed43 *//* ============================================================================
MAISON AURELLE — SUSTAINABILITY · SECTION 7 · NO CERTIFICATE
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-nc
eyebrow .............. ma-nc__eyebrow
H2 ................... ma-nc__title
two columns row ...... ma-nc__two
each column .......... ma-nc__c (ONE Text Editor each)
end row .............. ma-nc__end
last statement ....... ma-nc__say
meta column .......... ma-nc__meta
figures link ......... ma-nc__go
date line ............ ma-nc__when
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE TWO COLUMNS
One Text Editor each. Paste into the "Text" (code) tab:
Why there is no badge
We looked at three schemes in 2023. Two of them award points
for things this house cannot do — a new-build envelope, a fleet
of vehicles, a written policy on a subject the four of us
settle over lunch.
The third was a good deal better and costs eleven thousand
euros a year, which is roughly what the ground loop saves us. We
could not make that arithmetic work.
The two figures sitting next to each other — what the scheme
costs, what the loop saves — are the whole argument. Neither
needs a sentence explaining it.
============================================================ */
.ma-nc__two{
padding-bottom:74px;
border-bottom:1px solid rgba(247,244,239,.16);
}
.ma-nc__two > .ma-nc__c{
flex:1 1 0;
min-width:0;
max-width:none;
width:auto;
}
.ma-nc__c b{
display:block;
margin:0 0 22px;
padding-bottom:18px;
border-bottom:1px solid #A98B5D;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#A98B5D;
}
.ma-nc__c p{
margin:0 0 20px;
font-family:"Jost",system-ui,sans-serif;
font-size:16.5px;
line-height:1.85;
color:rgba(247,244,239,.7);
}
.ma-nc__c p:last-child{margin-bottom:0;}
.ma-nc__c em{
font-style:normal;
color:#F7F4EF;
}
/* ============================================================
2. THE END ROW
============================================================ */
.ma-nc__end{
padding-top:74px;
}
.ma-nc__end > .ma-nc__say{
flex:1 1 auto;
min-width:0;
}
.ma-nc__end > .ma-nc__meta{
flex:0 0 auto;
}
/* --- The last statement.
Not a refusal but a willingness: if a better scheme turns up
we take it. That is what stops the whole section reading as
self-congratulation about having no badge. --- */
.ma-nc__say,
.ma-nc__say p{
margin:0;
max-width:34ch;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(24px,2.6vw,34px);
font-weight:300;
line-height:1.26;
color:#F7F4EF;
text-wrap:pretty;
}
/* ============================================================
3. THE FIGURES LINK
============================================================ */
.ma-nc__go .elementor-button{
position:relative !important;
overflow:visible !important;
white-space:nowrap;
}
.ma-nc__go .elementor-button::after{
content:"" !important;
display:block !important;
position:absolute;
left:0; right:0; bottom:0;
height:1px;
background:#A98B5D;
transform:scaleX(1);
transform-origin:left center;
transition:transform .5s cubic-bezier(.19,1,.22,1);
pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
.ma-nc__go .elementor-button:hover::after{
transform:scaleX(0);
transform-origin:right center;
}
}
/* ============================================================
4. THE DATE
One Text Editor. "Text" (code) tab:
Last totalled · 4 February 2026
The most credible thing on a page like this one. It is also
the most dangerous: a date that goes two years stale turns
the page's greatest strength into its worst line. Tell whoever
owns the site that it changes every February.
============================================================ */
.ma-nc__when{
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1.8;
text-transform:uppercase;
color:rgba(247,244,239,.46);
}
.ma-nc__when b{
font-weight:500;
color:#A98B5D;
}
/* ============================================================
5. MEASURE
============================================================ */
.ma-nc__title,
.ma-nc__title .elementor-heading-title{
max-width:20ch;
}
/* ============================================================
6. TABLET
============================================================ */
@media (max-width:1100px){
.ma-nc__title,
.ma-nc__title .elementor-heading-title{
max-width:24ch;
}
.ma-nc__two{padding-bottom:52px;}
.ma-nc__two > .ma-nc__c{
flex:0 0 auto;
width:100%;
}
.ma-nc__end{padding-top:52px;}
.ma-nc__say,
.ma-nc__say p{max-width:none;}
}
/* ============================================================
7. PHONE
============================================================ */
@media (max-width:600px){
.ma-nc__title,
.ma-nc__title .elementor-heading-title{
max-width:none;
}
.ma-nc__two{padding-bottom:40px;}
.ma-nc__c p{font-size:16px;}
.ma-nc__end{padding-top:40px;}
.ma-nc__say,
.ma-nc__say p{line-height:1.3;}
.ma-nc__when{
font-size:9px;
letter-spacing:.22em;
}
}
/* ============================================================
8. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-nc__go .elementor-button::after{
transition-duration:.01ms !important;
}
}/* End custom CSS */