.elementor-19 .elementor-element.elementor-element-f07ea25{--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;--padding-top:230px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-f07ea25:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-f07ea25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-df867b9{--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-19 .elementor-element.elementor-element-a02b936{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-a02b936 .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-19 .elementor-element.elementor-element-e14e83a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-e14e83a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:58px;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-19 .elementor-element.elementor-element-b7c37e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-19 .elementor-element.elementor-element-a219f4e{--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;--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-19 .elementor-element.elementor-element-f0930a5{text-align:end;font-family:"Jost", Sans-serif;font-size:9px;font-weight:500;text-transform:uppercase;line-height:1.6em;letter-spacing:2.7px;color:#F7F4EFB8;}.elementor-19 .elementor-element.elementor-element-1a23328{--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-19 .elementor-element.elementor-element-1a23328:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-1a23328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-0a59edb{--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:96px 96px;--row-gap:96px;--column-gap:96px;--flex-wrap:nowrap;}.elementor-19 .elementor-element.elementor-element-9cf9ec4{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-0af5b92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-0af5b92 .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-19 .elementor-element.elementor-element-1663dd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-19 .elementor-element.elementor-element-1663dd9 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:44px;font-weight:300;line-height:1.16em;}.elementor-19 .elementor-element.elementor-element-379c399{font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;line-height:1.85em;}.elementor-19 .elementor-element.elementor-element-fb3729d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-8fe449b{--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-19 .elementor-element.elementor-element-8fe449b:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-8fe449b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-19 .elementor-element.elementor-element-af65006{--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-end;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:76px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-c42710e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-f9ede65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-f9ede65 .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-19 .elementor-element.elementor-element-e962fe4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 46px) 0px;}.elementor-19 .elementor-element.elementor-element-e962fe4 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:44px;font-weight:300;line-height:1.16em;}.elementor-19 .elementor-element.elementor-element-c7c0d62{font-family:"Jost", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.7em;}.elementor-19 .elementor-element.elementor-element-39c2a27{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Jost", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.7em;}.elementor-19 .elementor-element.elementor-element-d7775e4{--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-19 .elementor-element.elementor-element-d7775e4:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-d7775e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-19 .elementor-element.elementor-element-b3ea954{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-b3ea954 .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-19 .elementor-element.elementor-element-251ed69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-251ed69 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-166cbcd{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-19 .elementor-element.elementor-element-d67f234{--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:110px 110px;--row-gap:110px;--column-gap:110px;--flex-wrap:nowrap;}.elementor-19 .elementor-element.elementor-element-ae19f00{--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-19 .elementor-element.elementor-element-ae19f00:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-ae19f00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-3e23c19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-3e23c19 .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-19 .elementor-element.elementor-element-38a5218{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-38a5218 .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-19 .elementor-element.elementor-element-8b270b9{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-19 .elementor-element.elementor-element-f8a61c1{--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:110px 110px;--row-gap:110px;--column-gap:110px;}.elementor-19 .elementor-element.elementor-element-30c32e8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-ef50b3a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-18d7d1b{width:var( --container-widget-width, 550px );max-width:550px;--container-widget-width:550px;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.75em;}.elementor-19 .elementor-element.elementor-element-b27e912{--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-19 .elementor-element.elementor-element-b27e912:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-b27e912 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-19 .elementor-element.elementor-element-d93f4c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-d93f4c9 .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-19 .elementor-element.elementor-element-4d16ac4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-4d16ac4 .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-19 .elementor-element.elementor-element-4118b8f{width:var( --container-widget-width, 550px );max-width:550px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 88px) 0px;--container-widget-width:550px;--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-19 .elementor-element.elementor-element-85aca33{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-64a50f0{--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-19 .elementor-element.elementor-element-64a50f0:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-64a50f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-c5503f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-19 .elementor-element.elementor-element-c5503f2 .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-19 .elementor-element.elementor-element-ebd843b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-ebd843b .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-19 .elementor-element.elementor-element-965b7e2{width:var( --container-widget-width, 450px );max-width:450px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 88px) 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-19 .elementor-element.elementor-element-eb94d49{--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:70px 70px;--row-gap:70px;--column-gap:70px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9360a57{--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-19 .elementor-element.elementor-element-9360a57:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-9360a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-19 .elementor-element.elementor-element-477730e{--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:96px 96px;--row-gap:96px;--column-gap:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-b0fdb64{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-560d08d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Jost", Sans-serif;font-size:9px;font-weight:500;text-transform:uppercase;line-height:1.7em;letter-spacing:2.5px;color:#F7F4EF80;}.elementor-19 .elementor-element.elementor-element-2d1932c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-90bce27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-19 .elementor-element.elementor-element-90bce27 .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-19 .elementor-element.elementor-element-3bbf42a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 36px) 0px;}.elementor-19 .elementor-element.elementor-element-3bbf42a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.16em;color:#F7F4EF;}.elementor-19 .elementor-element.elementor-element-eb2ab34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:#F7F4EFB8;}.elementor-19 .elementor-element.elementor-element-eade014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 52px) 0px;font-family:"Jost", Sans-serif;font-weight:400;line-height:1.8em;color:#F7F4EFB8;}.elementor-19 .elementor-element.elementor-element-b680f04{font-family:"Jost", Sans-serif;font-weight:400;line-height:1.8em;color:#F7F4EFB8;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-f07ea25{--padding-top:170px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-df867b9{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:032px;}.elementor-19 .elementor-element.elementor-element-a02b936 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-e14e83a .elementor-heading-title{font-size:44px;}.elementor-19 .elementor-element.elementor-element-b7c37e7{font-size:18px;}.elementor-19 .elementor-element.elementor-element-a219f4e{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-1a23328{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-0a59edb{--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;}.elementor-19 .elementor-element.elementor-element-9cf9ec4{--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;}.elementor-19 .elementor-element.elementor-element-0af5b92 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-1663dd9 .elementor-heading-title{font-size:34px;}.elementor-19 .elementor-element.elementor-element-8fe449b{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-af65006{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:52px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-f9ede65 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-e962fe4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 36px) 0px;}.elementor-19 .elementor-element.elementor-element-e962fe4 .elementor-heading-title{font-size:34px;}.elementor-19 .elementor-element.elementor-element-d7775e4{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-b3ea954 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-251ed69 .elementor-heading-title{font-size:36px;}.elementor-19 .elementor-element.elementor-element-166cbcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-d67f234{--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:90px 90px;--row-gap:90px;--column-gap:90px;}.elementor-19 .elementor-element.elementor-element-ae19f00{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-3e23c19 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-38a5218 .elementor-heading-title{font-size:36px;}.elementor-19 .elementor-element.elementor-element-8b270b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-f8a61c1{--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-19 .elementor-element.elementor-element-18d7d1b{--container-widget-width:550px;--container-widget-flex-grow:0;width:var( --container-widget-width, 550px );max-width:550px;}.elementor-19 .elementor-element.elementor-element-b27e912{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-d93f4c9 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-4d16ac4 .elementor-heading-title{font-size:36px;}.elementor-19 .elementor-element.elementor-element-4118b8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-85aca33{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19 .elementor-element.elementor-element-64a50f0{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-c5503f2 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-ebd843b .elementor-heading-title{font-size:36px;}.elementor-19 .elementor-element.elementor-element-965b7e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-eb94d49{--gap:52px 52px;--row-gap:52px;--column-gap:52px;--flex-wrap:wrap;}.elementor-19 .elementor-element.elementor-element-9360a57{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-19 .elementor-element.elementor-element-477730e{--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:52px 52px;--row-gap:52px;--column-gap:52px;}.elementor-19 .elementor-element.elementor-element-90bce27 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-19 .elementor-element.elementor-element-3bbf42a .elementor-heading-title{font-size:36px;}.elementor-19 .elementor-element.elementor-element-eb2ab34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-eade014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-19 .elementor-element.elementor-element-b680f04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-f07ea25{--padding-top:132px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-df867b9{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-a02b936{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 022px) 0px;}.elementor-19 .elementor-element.elementor-element-e14e83a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-19 .elementor-element.elementor-element-e14e83a .elementor-heading-title{font-size:31px;}.elementor-19 .elementor-element.elementor-element-b7c37e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;font-size:17px;}.elementor-19 .elementor-element.elementor-element-a219f4e{--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-1a23328{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-0a59edb{--gap:56px 56px;--row-gap:56px;--column-gap:56px;--flex-wrap:nowrap;}.elementor-19 .elementor-element.elementor-element-9cf9ec4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-19 .elementor-element.elementor-element-0af5b92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-1663dd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-1663dd9 .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-379c399{font-size:16px;}.elementor-19 .elementor-element.elementor-element-8fe449b{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-af65006{--margin-top:0px;--margin-bottom:38px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-f9ede65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-e962fe4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;}.elementor-19 .elementor-element.elementor-element-e962fe4 .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-39c2a27{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-d7775e4{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-b3ea954{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-251ed69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-251ed69 .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-166cbcd{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-19 .elementor-element.elementor-element-ae19f00{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-3e23c19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-38a5218{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-38a5218 .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-8b270b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;font-size:17px;}.elementor-19 .elementor-element.elementor-element-18d7d1b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-19 .elementor-element.elementor-element-b27e912{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-d93f4c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-4d16ac4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-4d16ac4 .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-4118b8f{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-19 .elementor-element.elementor-element-64a50f0{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-c5503f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-19 .elementor-element.elementor-element-ebd843b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-19 .elementor-element.elementor-element-ebd843b .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-965b7e2{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-19 .elementor-element.elementor-element-eb94d49{--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:36px 36px;--row-gap:36px;--column-gap:36px;}.elementor-19 .elementor-element.elementor-element-9360a57{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-19 .elementor-element.elementor-element-90bce27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-19 .elementor-element.elementor-element-3bbf42a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;}.elementor-19 .elementor-element.elementor-element-3bbf42a .elementor-heading-title{font-size:29px;}.elementor-19 .elementor-element.elementor-element-eb2ab34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;font-size:17px;}.elementor-19 .elementor-element.elementor-element-eade014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;font-size:17px;}.elementor-19 .elementor-element.elementor-element-b680f04{font-size:17px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-df867b9{--content-width:900px;}.elementor-19 .elementor-element.elementor-element-1a23328{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-9cf9ec4{--width:42%;}.elementor-19 .elementor-element.elementor-element-8fe449b{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-d7775e4{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-ae19f00{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-30c32e8{--width:50%;}.elementor-19 .elementor-element.elementor-element-ef50b3a{--width:50%;}.elementor-19 .elementor-element.elementor-element-b27e912{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-64a50f0{--content-width:1500px;}.elementor-19 .elementor-element.elementor-element-9360a57{--content-width:1500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-9cf9ec4{--width:100%;}.elementor-19 .elementor-element.elementor-element-30c32e8{--width:100%;}.elementor-19 .elementor-element.elementor-element-ef50b3a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f07ea25 *//* ============================================================================
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-1a23328 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 2 · THE WHOLE HOUSE
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-whole
body row ............. ma-whole__body
copy column .......... ma-whole__copy
eyebrow .............. ma-whole__eyebrow
H2 ................... ma-whole__title
paragraphs ........... ma-whole__text
list column .......... ma-whole__list
the four ............. ma-whole__nos (ONE Text Editor, HTML below)
terms line ........... ma-whole__terms (one Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE FOUR THINGS THAT DO NOT HAPPEN
One Text Editor. Paste into its "Text" (code) tab:
No other guests
Nobody checks in while you are here and nobody
wheels a suitcase past you on the morning of the wedding.
No shared rooms
The terrace, the loggia, both dining rooms and the
cellars are yours from the hour you arrive. Nothing is held
back.
No supplier list
Bring your own florist, your own band, your own
celebrant. We will tell them where to park and what time the
light goes.
No minimum spend
Only a minimum stay, which is two nights. What
you spend after that is your business.
The site already talks this way — no music in the cellars, no
reception desk, no sign at the gate. Here the absences become
the structure, because every one of them is the thing a couple
is actually paying for.
============================================================ */
.ma-whole__nos{
border-top:1px solid #D9D2C6;
}
.ma-whole__nos .no{
display:flex;
align-items:flex-start;
padding:32px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-whole__nos .is{
flex:0 0 250px;
padding-right:44px;
margin:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:25px;
font-weight:300;
line-height:1.22;
color:#1E2621;
}
/* Only the "No" goes brass. The pattern becomes visible before
it is read. */
.ma-whole__nos .is b{
font-weight:300;
color:#A98B5D;
}
.ma-whole__nos .of{
flex:1 1 auto;
min-width:0;
margin:0;
padding-top:5px;
font-family:"Jost",system-ui,sans-serif;
font-size:16px;
line-height:1.75;
color:#55605A;
max-width:44ch;
}
.ma-whole__nos .of em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
2. THE TERMS LINE
One Text Editor. Paste into its "Text" (code) tab:
From €14,800
Two nights, the whole house
Up to 48 staying
90 at the table
Venues at this level usually hide the number. Printing it is
the more confident move, and it screens out the enquiries
that were never going to happen.
============================================================ */
.ma-whole__terms{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:10px 0;
margin:78px 0 0;
padding-top:34px;
border-top:1px solid #A98B5D;
}
.ma-whole__terms span{
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;
padding-right:26px;
margin-right:26px;
border-right:1px solid #D9D2C6;
}
.ma-whole__terms span:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
.ma-whole__terms b{
font-family:"Cormorant Garamond",Georgia,serif;
font-size:25px;
font-weight:400;
letter-spacing:0;
text-transform:none;
color:#1E2621;
}
/* ============================================================
3. MEASURE
============================================================ */
.ma-whole__title,
.ma-whole__title .elementor-heading-title{
max-width:17ch;
}
.ma-whole__text,
.ma-whole__text p{
max-width:44ch;
}
.ma-whole__text em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
4. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-whole__nos .is{
flex-basis:212px;
padding-right:34px;
}
}
/* ============================================================
5. TABLET
============================================================ */
@media (max-width:1100px){
.ma-whole__title,
.ma-whole__title .elementor-heading-title{
max-width:22ch;
}
.ma-whole__text,
.ma-whole__text p{
max-width:none;
}
.ma-whole__nos .is{
flex-basis:190px;
}
.ma-whole__nos .of{
max-width:none;
}
.ma-whole__terms{
margin-top:56px;
}
}
/* ============================================================
6. PHONE
The phrase goes above its explanation, and the terms line
stacks — four vertical dividers at 320px would leave about
four characters between each.
============================================================ */
@media (max-width:600px){
.ma-whole__title,
.ma-whole__title .elementor-heading-title{
max-width:none;
}
.ma-whole__nos .no{
flex-direction:column;
padding:26px 0;
}
.ma-whole__nos .is{
flex:0 0 auto;
padding:0 0 12px;
font-size:23px;
}
.ma-whole__nos .of{
padding-top:0;
font-size:15.5px;
}
.ma-whole__terms{
flex-direction:column;
gap:14px;
margin-top:44px;
padding-top:28px;
}
.ma-whole__terms span{
border-right:0;
padding-right:0;
margin-right:0;
}
.ma-whole__terms b{
font-size:23px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fe449b *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 3 · THE SPACES
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-sp
head row ............. ma-sp__head
head text column ..... ma-sp__headtext
eyebrow .............. ma-sp__eyebrow
H2 ................... ma-sp__title
aside note ........... ma-sp__aside
the table ............ ma-sp__cap (ONE Text Editor, HTML below)
footnote ............. ma-sp__note
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
The place
Seated
Standing
The terrace
One long table the width of the house, or nine round
ones. Covered if it rains, with two days' notice.
90Seated
140Standing
The dining room
The original room, iron windows down the lake side.
Where dinner goes when the weather has other ideas.
42Seated
70Standing
The east loggia
Five arches, open on one side. Ceremonies happen here,
and so does everything before dinner.
28Seated
50Standing
The cellars
Nine metres down, twelve degrees, one long table under
the vaults. The best room in the house after midnight.
16Seated
—Standing
Every carries a label the column head already gives. It is
invisible on desktop and becomes the only label on a phone,
where a three-column table cannot survive.
============================================================ */
/* ============================================================
2. THE TABLE
Numbers before pictures. A venue page that shows four
beautiful rooms and no figures under them has answered none
of the three questions anybody arrived with.
============================================================ */
.ma-sp__cap{
border-top:1px solid #D9D2C6;
}
/* --- Column heads --- */
.ma-sp__cap .key{
display:flex;
align-items:baseline;
padding:0 0 16px;
border-bottom:1px solid #D9D2C6;
}
.ma-sp__cap .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-sp__cap .k1{flex:1 1 auto;min-width:0;}
.ma-sp__cap .k2,
.ma-sp__cap .k3{flex:0 0 150px;text-align:right;}
/* --- Rows --- */
.ma-sp__cap .pl{
display:flex;
align-items:baseline;
padding:30px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-sp__cap .of{
flex:1 1 auto;
min-width:0;
padding-right:44px;
}
.ma-sp__cap .of b{
display:block;
margin:0 0 8px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:27px;
font-weight:300;
line-height:1.2;
color:#1E2621;
}
.ma-sp__cap .of span{
display:block;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.7;
color:#55605A;
max-width:46ch;
}
/* --- The figures --- */
.ma-sp__cap .n{
flex:0 0 150px;
text-align:right;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:34px;
font-weight:300;
line-height:1;
color:#1E2621;
}
/* Hidden on desktop, the only label on a phone */
.ma-sp__cap .n i{
display:block;
margin-top:8px;
font-style:normal;
font-family:"Jost",system-ui,sans-serif;
font-size:9px;
font-weight:500;
letter-spacing:.24em;
line-height:1;
text-transform:uppercase;
color:#6E7A6B;
}
/* An em dash rather than a nought. Not every cell has to be
filled — a blank says nobody stands in a vault. */
.ma-sp__cap .n.is-none{
color:#D9D2C6;
}
/* ============================================================
3. THE ASIDE
"They have not been rounded up for the website." Venue
capacities are always inflated; saying that one is not makes
every other figure on the page credible.
============================================================ */
.ma-sp__aside{
max-width:32ch;
margin:0;
padding-left:26px;
border-left:1px solid #A98B5D;
}
/* ============================================================
4. THE FOOTNOTE
============================================================ */
.ma-sp__note,
.ma-sp__note p{
max-width:62ch;
margin:0;
}
.ma-sp__note em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
5. MEASURE
============================================================ */
.ma-sp__title,
.ma-sp__title .elementor-heading-title{
max-width:18ch;
}
/* ============================================================
6. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-sp__cap .k2,
.ma-sp__cap .k3,
.ma-sp__cap .n{flex-basis:124px;}
.ma-sp__cap .n{font-size:31px;}
}
/* ============================================================
7. TABLET
============================================================ */
@media (max-width:1100px){
.ma-sp__aside{max-width:52ch;}
.ma-sp__cap .k2,
.ma-sp__cap .k3,
.ma-sp__cap .n{flex-basis:104px;}
.ma-sp__cap .of{padding-right:28px;}
.ma-sp__cap .of span{max-width:none;}
.ma-sp__cap .n{font-size:28px;}
}
/* ============================================================
8. PHONE
The column heads go and each figure picks up its own label.
A three-column table at 320px would leave about forty pixels
for a place name.
============================================================ */
@media (max-width:600px){
.ma-sp__title,
.ma-sp__title .elementor-heading-title{
max-width:none;
}
.ma-sp__aside{
padding-left:20px;
font-size:15px;
}
.ma-sp__cap .key{display:none;}
.ma-sp__cap .pl{
flex-wrap:wrap;
padding:26px 0;
gap:20px 0;
}
.ma-sp__cap .of{
flex:1 0 100%;
padding-right:0;
}
.ma-sp__cap .of b{font-size:24px;}
.ma-sp__cap .n{
flex:1 1 0;
text-align:left;
font-size:27px;
}
.ma-sp__cap .n:last-child{text-align:right;}
.ma-sp__note,
.ma-sp__note p{
max-width:none;
font-size:15px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7775e4 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 4 · A WEDDING HERE
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-wd
eyebrow .............. ma-wd__eyebrow
H2 ................... ma-wd__title
intro ................ ma-wd__intro
days row ............. ma-wd__days
each day ............. ma-wd__day (ONE Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE HTML
One Text Editor per day. Paste into the "Text" (code) tab —
day one:
Day one
Friday
15.00
The house becomes yours
Rooms ready, the gate code already working, and
nobody checking out behind you.
19.30
Dinner in the cellars
Sixteen at the long table under the vaults. Everybody
else eats on the terrace and swaps at pudding.
23.00
Nothing in particular
The bar stays open for as long as somebody is standing
at it.
Day two takes five entries in the same shape. The uneven
count is deliberate — a Friday and a Saturday are not the
same length, and matching them would be tidier than true.
============================================================ */
/* ============================================================
2. THE DAY
Our Story runs its timeline down one spine. Two nights want
two columns: the shape says how long it lasts before a word
of it is read.
============================================================ */
.ma-wd__day .head{
margin:0 0 40px;
padding-bottom:22px;
border-bottom:1px solid #A98B5D;
}
.ma-wd__day .head b{
display:block;
margin:0 0 12px;
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-wd__day .head span{
display:block;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:29px;
font-weight:300;
line-height:1.1;
color:#F7F4EF;
}
/* ============================================================
3. THE HOURS
============================================================ */
.ma-wd__day .hr{
display:flex;
align-items:flex-start;
padding:0 0 30px;
margin:0 0 30px;
border-bottom:1px solid rgba(247,244,239,.11);
}
.ma-wd__day .hr:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
.ma-wd__day .t{
flex:0 0 96px;
padding-top:6px;
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.24em;
line-height:1;
text-transform:uppercase;
color:#A98B5D;
}
.ma-wd__day .w{
flex:1 1 auto;
min-width:0;
}
.ma-wd__day .w b{
display:block;
margin:0 0 9px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:23px;
font-weight:400;
line-height:1.25;
color:#F7F4EF;
}
.ma-wd__day .w span{
display:block;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
line-height:1.72;
color:rgba(247,244,239,.62);
}
.ma-wd__day .w em{
font-style:normal;
color:rgba(247,244,239,.9);
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-wd__title,
.ma-wd__title .elementor-heading-title{
max-width:20ch;
}
.ma-wd__intro,
.ma-wd__intro p{
max-width:54ch;
}
.ma-wd__intro em{
font-style:normal;
color:#F7F4EF;
}
/* ============================================================
5. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-wd__day .t{flex-basis:84px;}
}
/* ============================================================
6. TABLET — stacked, with a rule where the gap was
============================================================ */
@media (max-width:1100px){
.ma-wd__title,
.ma-wd__title .elementor-heading-title{
max-width:24ch;
}
.ma-wd__intro,
.ma-wd__intro p{
max-width:none;
}
.ma-wd__day:first-child{
padding-bottom:56px;
margin-bottom:56px;
border-bottom:1px solid rgba(247,244,239,.14);
}
.ma-wd__day .t{flex-basis:92px;}
}
/* ============================================================
7. PHONE
The hour moves above what happens in it. A 92px column would
break "From 07.00" across two lines.
============================================================ */
@media (max-width:600px){
.ma-wd__title,
.ma-wd__title .elementor-heading-title{
max-width:none;
}
.ma-wd__day .head{
margin-bottom:30px;
padding-bottom:18px;
}
.ma-wd__day .head span{font-size:26px;}
.ma-wd__day .hr{
flex-direction:column;
padding-bottom:24px;
margin-bottom:24px;
}
.ma-wd__day .t{
flex:0 0 auto;
padding:0 0 12px;
}
.ma-wd__day .w b{font-size:21px;}
.ma-wd__day .w span{font-size:15px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae19f00 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 5 · WHAT IS INCLUDED
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-inc
eyebrow .............. ma-inc__eyebrow
H2 ................... ma-inc__title
intro ................ ma-inc__intro
columns row .......... ma-inc__cols
each column .......... ma-inc__col
column head .......... ma-inc__head (one Text Editor each)
the included list .... ma-inc__in (ONE Text Editor)
the priced list ...... ma-inc__ex (ONE Text Editor)
footnote ............. ma-inc__note
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. COLUMN HEADS
One Text Editor at the top of each column. "Text" (code) tab:
Inside the figure
Six things, no asterisks
============================================================ */
.ma-inc__head{
margin:0 0 34px;
padding-bottom:20px;
border-bottom:1px solid #A98B5D;
}
.ma-inc__head b{
display:block;
margin:0 0 11px;
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-inc__head span{
display:block;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:27px;
font-weight:300;
line-height:1.14;
color:#1E2621;
}
/* ============================================================
2. WHAT IS IN
One Text Editor. "Text" (code) tab:
Twenty-four rooms, both nights
Exclusive use of the entire house and
grounds
Breakfast for everybody staying, at any
hour
The spa and the pool, open all
night
Two car runs from any airport
Paolo, from your first email to your last
morning
No figures on this side, because none are needed. A tick icon
would be the obvious mark; a 16px brass rule belongs to this
site and says the same thing.
============================================================ */
.ma-inc__in .r{
display:flex;
align-items:baseline;
gap:20px;
padding:17px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-inc__in .r:last-child{
border-bottom:0;
}
.ma-inc__in i{
flex:0 0 auto;
width:16px;
height:1px;
margin-top:11px;
background:#A98B5D;
font-style:normal;
}
.ma-inc__in span{
flex:1 1 auto;
min-width:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:21px;
font-weight:400;
line-height:1.35;
color:#1E2621;
}
/* ============================================================
3. WHAT IS NOT, WITH THE FIGURE
One Text Editor. "Text" (code) tab:
Dinner, both evenings
From €95 a head
Wine
From €38 a bottle · corkage €25
A third night
€4,900
The launch, Como or Bellagio
€180 each way
Flowers, music, a celebrant
Whatever you agree with them
The two columns are deliberately unalike. Matching them would
be tidier and would say less — one side has no numbers because
it needs none, the other is nothing but numbers.
============================================================ */
.ma-inc__ex .r{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:30px;
padding:19px 0;
border-bottom:1px solid #D9D2C6;
}
.ma-inc__ex .r:last-child{
border-bottom:0;
}
.ma-inc__ex b{
flex:1 1 auto;
min-width:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:21px;
font-weight:400;
line-height:1.35;
color:#1E2621;
}
.ma-inc__ex span{
flex:0 0 auto;
text-align:right;
max-width:19ch;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.22em;
line-height:1.6;
text-transform:uppercase;
color:#6E7A6B;
}
.ma-inc__ex span em{
font-style:normal;
color:#7E6339;
}
/* ============================================================
4. FOOTNOTE
"Nothing at all called an administration fee" names the thing
everybody has been quoted at the end and nobody expected.
============================================================ */
.ma-inc__note{
margin:70px 0 0;
padding-top:30px;
border-top:1px solid #D9D2C6;
max-width:64ch;
}
.ma-inc__note em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
5. MEASURE
============================================================ */
.ma-inc__title,
.ma-inc__title .elementor-heading-title{
max-width:20ch;
}
.ma-inc__intro,
.ma-inc__intro p{
max-width:56ch;
}
.ma-inc__intro em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
6. TABLET — stacked, with a rule between
============================================================ */
@media (max-width:1100px){
.ma-inc__title,
.ma-inc__title .elementor-heading-title{
max-width:24ch;
}
.ma-inc__intro,
.ma-inc__intro p{
max-width:none;
}
.ma-inc__col:first-child{
padding-bottom:52px;
margin-bottom:52px;
border-bottom:1px solid #D9D2C6;
}
.ma-inc__note{
margin-top:56px;
max-width:none;
}
}
/* ============================================================
7. PHONE
The figure drops under the thing it belongs to. Nineteen
characters of price beside a line of Cormorant at 320px
leaves neither of them readable.
============================================================ */
@media (max-width:600px){
.ma-inc__title,
.ma-inc__title .elementor-heading-title{
max-width:none;
}
.ma-inc__head{
margin-bottom:26px;
padding-bottom:16px;
}
.ma-inc__head span{font-size:24px;}
.ma-inc__in span,
.ma-inc__ex b{font-size:19px;}
.ma-inc__ex .r{
flex-wrap:wrap;
gap:7px 0;
padding:17px 0;
}
.ma-inc__ex b{flex:1 0 100%;}
.ma-inc__ex span{
flex:1 0 100%;
text-align:left;
max-width:none;
}
.ma-inc__note{
margin-top:44px;
padding-top:26px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b27e912 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 6 · OTHER GATHERINGS
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-og
eyebrow .............. ma-og__eyebrow
H2 ................... ma-og__title
intro ................ ma-og__intro
grid row ............. ma-og__grid
the four ............. ma-og__g (ONE Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE GRID
flex-basis with the gap taken out of the share, not added to
it. Two cells at 50% with a 90px gap between them come to
100% plus 90px and the second one leaves the screen.
============================================================ */
.ma-og__grid{
display:flex;
flex-wrap:wrap;
gap:64px 90px;
}
.ma-og__grid > .ma-og__g{
flex:1 1 calc(50% - 45px);
min-width:0;
max-width:none;
width:auto;
}
/* ============================================================
2. EACH GATHERING
One Text Editor per cell. Paste into the "Text" (code) tab:
A wake
We have held four. There is no charge for the room the family
sits in, and the kitchen will cook whatever the person liked
best if somebody can tell us what it was.
At cost
Any notice
Telephone, please
A brass rule above each rather than a box around it. Four
boxes would make these read as products; four rules make them
read as four separate answers to four different questions.
============================================================ */
.ma-og__g{
padding-top:30px;
border-top:1px solid #A98B5D;
}
.ma-og__g h3{
margin:0 0 18px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(25px,2.4vw,32px);
font-weight:300;
line-height:1.16;
color:#1E2621;
}
.ma-og__g p{
margin:0 0 28px;
font-family:"Jost",system-ui,sans-serif;
font-size:16.5px;
line-height:1.78;
color:#55605A;
max-width:44ch;
}
.ma-og__g em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
3. THE TERMS
Same figure treatment as section 2's terms line, at cell
scale. "At cost" sits where a price goes and says more than
a number would.
============================================================ */
.ma-og__g .terms{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:6px 0;
padding-top:20px;
border-top:1px solid #D9D2C6;
}
.ma-og__g .terms span{
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:#6E7A6B;
padding-right:20px;
margin-right:20px;
border-right:1px solid #D9D2C6;
}
.ma-og__g .terms span:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
.ma-og__g .terms b{
font-family:"Cormorant Garamond",Georgia,serif;
font-size:21px;
font-weight:400;
letter-spacing:0;
text-transform:none;
color:#1E2621;
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-og__title,
.ma-og__title .elementor-heading-title{
max-width:20ch;
}
.ma-og__intro,
.ma-og__intro p{
max-width:56ch;
}
.ma-og__intro em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
5. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-og__grid{gap:56px 64px;}
.ma-og__grid > .ma-og__g{flex-basis:calc(50% - 32px);}
}
/* ============================================================
6. TABLET — one column
Two cells across 768px leaves each about 44 characters wide,
which is where a paragraph starts fighting its own measure.
============================================================ */
@media (max-width:1100px){
.ma-og__title,
.ma-og__title .elementor-heading-title{
max-width:24ch;
}
.ma-og__intro,
.ma-og__intro p{
max-width:none;
}
.ma-og__grid{gap:48px;}
.ma-og__grid > .ma-og__g{flex:1 1 100%;}
.ma-og__g p{max-width:none;}
}
/* ============================================================
7. PHONE
============================================================ */
@media (max-width:600px){
.ma-og__title,
.ma-og__title .elementor-heading-title{
max-width:none;
}
.ma-og__grid{gap:38px;}
.ma-og__g{padding-top:24px;}
.ma-og__g p{
font-size:16px;
margin-bottom:22px;
}
.ma-og__g .terms{
flex-direction:column;
gap:10px;
padding-top:16px;
}
.ma-og__g .terms span{
border-right:0;
padding-right:0;
margin-right:0;
}
.ma-og__g .terms b{font-size:20px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64a50f0 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 7 · HOW IT WORKS
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-hw
eyebrow .............. ma-hw__eyebrow
H2 ................... ma-hw__title
intro ................ ma-hw__intro
steps row ............ ma-hw__steps
each step ............ ma-hw__st (ONE Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE LINE
A brass rule running behind the four numerals. Our Story sends
its timeline down a spine; a process travels sideways, and the
line is what turns four blocks into one sequence.
Level with the middle of a 42px numeral — 23px down.
============================================================ */
.ma-hw__steps{
position:relative;
}
.ma-hw__steps::before{
content:"";
position:absolute;
left:0;
right:0;
top:23px;
height:1px;
background:#A98B5D;
opacity:.5;
}
/* ============================================================
2. THE STEPS
One Text Editor each. Paste into the "Text" (code) tab:
01
Write
One email to Paolo with the date you have in mind and roughly
how many people. He will tell you straight away whether it is
free.
Answered the same day
flex-basis rather than a width, so the 70px gaps come out of
the share instead of being added to it.
============================================================ */
.ma-hw__steps > .ma-hw__st{
flex:1 1 0;
min-width:0;
max-width:none;
width:auto;
}
/* The numeral sits on the section's own background, which is
what punches the hole in the line behind it */
.ma-hw__st .no{
position:relative;
z-index:1;
display:inline-block;
margin:0 0 30px;
padding-right:22px;
background:#F7F4EF;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:42px;
font-weight:300;
line-height:1;
color:#A98B5D;
}
.ma-hw__st h3{
margin:0 0 14px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:27px;
font-weight:300;
line-height:1.18;
color:#1E2621;
}
.ma-hw__st p{
margin:0 0 26px;
font-family:"Jost",system-ui,sans-serif;
font-size:16px;
line-height:1.75;
color:#55605A;
}
.ma-hw__st em{
font-style:normal;
color:#1E2621;
}
.ma-hw__st .when{
margin:0;
padding-top:18px;
border-top:1px solid #D9D2C6;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1.7;
text-transform:uppercase;
color:#6E7A6B;
}
/* ============================================================
3. MEASURE
============================================================ */
.ma-hw__title,
.ma-hw__title .elementor-heading-title{
max-width:20ch;
}
.ma-hw__intro,
.ma-hw__intro p{
max-width:56ch;
}
.ma-hw__intro em{
font-style:normal;
color:#1E2621;
}
/* ============================================================
4. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-hw__st .no{font-size:38px;}
.ma-hw__st h3{font-size:25px;}
}
/* ============================================================
5. TABLET — two by two, and the line goes
A single rule only reads as a sequence across one row. Once
the steps wrap it would connect 01 to 02 and then jump, so
each step takes its own brass rule above instead.
============================================================ */
@media (max-width:1100px){
.ma-hw__title,
.ma-hw__title .elementor-heading-title{
max-width:24ch;
}
.ma-hw__intro,
.ma-hw__intro p{
max-width:none;
}
.ma-hw__steps::before{
display:none;
}
.ma-hw__steps > .ma-hw__st{
flex:1 1 calc(50% - 22px);
padding-top:26px;
border-top:1px solid #A98B5D;
}
.ma-hw__st .no{
margin-bottom:20px;
padding-right:0;
background:none;
}
}
/* ============================================================
6. PHONE
============================================================ */
@media (max-width:600px){
.ma-hw__title,
.ma-hw__title .elementor-heading-title{
max-width:none;
}
.ma-hw__steps > .ma-hw__st{
flex:1 1 100%;
padding-top:22px;
}
.ma-hw__st .no{
font-size:34px;
margin-bottom:16px;
}
.ma-hw__st h3{font-size:24px;}
.ma-hw__st p{
font-size:15.5px;
margin-bottom:22px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9360a57 *//* ============================================================================
MAISON AURELLE — WEDDINGS & EVENTS · SECTION 8 · TALK TO PAOLO
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-tp
body row ............. ma-tp__body
figure column ........ ma-tp__fig
image container ...... ma-tp__frame
caption .............. ma-tp__cap
copy column .......... ma-tp__copy
eyebrow .............. ma-tp__eyebrow
H2 ................... ma-tp__title
the quote ............ ma-tp__say
attribution .......... ma-tp__by (one Text Editor, HTML below)
the two routes ....... ma-tp__go (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE COLUMNS
flex rather than a width, so the 96px gap comes out of the
share instead of being added to it.
============================================================ */
.ma-tp__body > .ma-tp__fig{
flex:0 0 34%;
min-width:0;
}
.ma-tp__body > .ma-tp__copy{
flex:1 1 auto;
min-width:0;
}
@media (max-width:1400px){
.ma-tp__body > .ma-tp__fig{flex-basis:38%;}
}
@media (max-width:1100px){
.ma-tp__body > .ma-tp__fig,
.ma-tp__body > .ma-tp__copy{
flex:0 0 auto;
width:100%;
}
.ma-tp__body > .ma-tp__fig{max-width:400px;}
}
@media (max-width:600px){
.ma-tp__body > .ma-tp__fig{max-width:none;}
}
/* ============================================================
2. THE FRAME
============================================================ */
.ma-tp__frame{
aspect-ratio:4/5;
overflow:hidden;
background:#0F1413;
}
.ma-tp__frame img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:0 !important;
}
/* ============================================================
3. THE QUOTE
Weather is the one thing every couple arrives frightened of.
A number — one Saturday in nine — answers it better than any
promise about the microclimate, and the site has spent seven
sections earning the right to be believed on numbers.
============================================================ */
.ma-tp__say,
.ma-tp__say blockquote,
.ma-tp__say p{
margin:0;
padding:0;
border:0;
background:none;
quotes:none;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(21px,2vw,26px);
font-weight:300;
font-style:normal;
line-height:1.36;
color:rgba(247,244,239,.92);
text-wrap:pretty;
}
.ma-tp__say{
padding-left:30px;
border-left:1px solid #A98B5D;
max-width:52ch;
}
@media (max-width:1100px){
.ma-tp__say{max-width:none;}
}
@media (max-width:600px){
.ma-tp__say{padding-left:22px;}
}
/* ============================================================
4. ATTRIBUTION
One Text Editor, "Text" (code) tab. Set the widget's Width to
Inline (auto):
Paolo Restelli·
Events, since 2019
============================================================ */
.ma-tp__by{
display:inline-flex;
align-items:center;
gap:14px;
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,.5);
}
.ma-tp__by b{font-weight:500;color:#F7F4EF;}
.ma-tp__by i{font-style:normal;color:#A98B5D;}
@media (max-width:600px){
.ma-tp__by{
display:block;
font-size:9px;
letter-spacing:.22em;
}
.ma-tp__by i{display:none;}
.ma-tp__by span{display:block;}
}
/* ============================================================
5. THE TWO ROUTES
One Text Editor. Paste into the "Text" (code) tab:
Section 7 promises there is no enquiry form on this page, so
the page has to end with an address and a number rather than
a field. Same address and number as Paolo's desk on the
contact page — two pages that disagree about a phone number
undo everything else.
============================================================ */
.ma-tp__go{
display:flex;
align-items:stretch;
gap:0;
padding-top:36px;
border-top:1px solid rgba(247,244,239,.16);
}
.ma-tp__go a{
flex:1 1 0;
min-width:0;
padding:0 32px;
border-left:1px solid rgba(247,244,239,.16);
transition:color .4s cubic-bezier(.19,1,.22,1);
}
.ma-tp__go a:first-child{padding-left:0;border-left:0;}
.ma-tp__go a:last-child{padding-right:0;}
.ma-tp__go b{
display:block;
margin:0 0 12px;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:rgba(247,244,239,.5);
transition:color .4s cubic-bezier(.19,1,.22,1);
}
.ma-tp__go span{
display:block;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(20px,1.9vw,25px);
font-weight:400;
line-height:1.25;
color:#F7F4EF;
word-break:break-word;
transition:color .4s cubic-bezier(.19,1,.22,1);
}
@media (hover:hover) and (pointer:fine){
.ma-tp__go a:hover span,
.ma-tp__go a:hover b{color:#A98B5D;}
}
@media (max-width:1400px){
.ma-tp__go a{padding:0 24px;}
}
/* Two full-width tap targets — a phone number is something you
press, and half of a 320px screen is not a target */
@media (max-width:600px){
.ma-tp__go{
flex-direction:column;
padding-top:0;
border-top:0;
}
.ma-tp__go a{
padding:26px 0;
border-left:0;
border-top:1px solid rgba(247,244,239,.16);
}
.ma-tp__go a:first-child{
padding-left:0;
border-top:1px solid rgba(247,244,239,.16);
}
}
/* ============================================================
6. MEASURE
============================================================ */
.ma-tp__title,
.ma-tp__title .elementor-heading-title{
max-width:19ch;
}
@media (max-width:1100px){
.ma-tp__title,
.ma-tp__title .elementor-heading-title{max-width:24ch;}
}
@media (max-width:600px){
.ma-tp__title,
.ma-tp__title .elementor-heading-title{max-width:none;}
}
/* ============================================================
7. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-tp__go a,
.ma-tp__go b,
.ma-tp__go span{transition-duration:.01ms !important;}
}/* End custom CSS */