.elementor-27 .elementor-element.elementor-element-218c1bf{--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-27 .elementor-element.elementor-element-218c1bf:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-218c1bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-74ad121{--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-27 .elementor-element.elementor-element-4ff2bf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-4ff2bf7 .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-27 .elementor-element.elementor-element-ef81310{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-ef81310 .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-27 .elementor-element.elementor-element-b0954a6{text-align:center;font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:1.75em;color:#55605A;}.elementor-27 .elementor-element.elementor-element-dd5829c{width:auto;max-width:auto;}.elementor-27 .elementor-element.elementor-element-6550ad7{--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-27 .elementor-element.elementor-element-26d2f2c{text-align:end;}.elementor-27 .elementor-element.elementor-element-26d2f2c .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-27 .elementor-element.elementor-element-59b4628{--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:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-59b4628:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-59b4628 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-6b241b9{--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-27 .elementor-element.elementor-element-8b9f570{--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-27 .elementor-element.elementor-element-95de067{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-95de067 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:300;line-height:1em;letter-spacing:4.1px;color:#A98B5D;}.elementor-27 .elementor-element.elementor-element-82553e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-27 .elementor-element.elementor-element-82553e2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:40px;font-weight:300;line-height:1.16em;}.elementor-27 .elementor-element.elementor-element-fbee6c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;line-height:1.85em;}.elementor-27 .elementor-element.elementor-element-f53fbe3{font-family:"Jost", Sans-serif;font-size:15px;font-weight:400;line-height:1.75em;color:#55605A;}.elementor-27 .elementor-element.elementor-element-a522291{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-20df9c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-3184618{--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:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-3184618:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-3184618 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-27 .elementor-element.elementor-element-43d4997{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-43d4997 .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:#7E6339;}.elementor-27 .elementor-element.elementor-element-2ce7b0e{padding:0px 0px 92px 0px;}.elementor-27 .elementor-element.elementor-element-2ce7b0e .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.14em;}.elementor-27 .elementor-element.elementor-element-9d1481f{--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:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-9d1481f:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-9d1481f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-27 .elementor-element.elementor-element-7ecd46c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-7ecd46c .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:#A98B5D;}.elementor-27 .elementor-element.elementor-element-ab755c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;}.elementor-27 .elementor-element.elementor-element-ab755c5 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.14em;color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-c5b9410{width:var( --container-widget-width, 40% );max-width:40%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 96px) 0px;--container-widget-width:40%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:#F7F4EFC7;}.elementor-27 .elementor-element.elementor-element-48ba486{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-27 .elementor-element.elementor-element-21a5fbd{--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:70px;}.elementor-27 .elementor-element.elementor-element-6081a7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-27 .elementor-element.elementor-element-6081a7d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:27px;font-weight:300;line-height:1em;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-86a7a62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 24px 0px;font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.6em;letter-spacing:2.5px;color:#F7F4EF6B;}.elementor-27 .elementor-element.elementor-element-703f981{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-4f8dd79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-27 .elementor-element.elementor-element-4f8dd79 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:27px;font-weight:300;line-height:1em;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-f65a1c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 24px 0px;font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.6em;letter-spacing:2.5px;color:#F7F4EF6B;}.elementor-27 .elementor-element.elementor-element-8da3e7b{--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-27 .elementor-element.elementor-element-8da3e7b:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-8da3e7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-3f7e6b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-3f7e6b1 .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:#7E6339;}.elementor-27 .elementor-element.elementor-element-2bf0c9a{padding:0px 0px 46px 0px;}.elementor-27 .elementor-element.elementor-element-2bf0c9a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.14em;}.elementor-27 .elementor-element.elementor-element-e16f66f{font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;}.elementor-27 .elementor-element.elementor-element-f1a94bf{--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:56px 56px;--row-gap:56px;--column-gap:56px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-13e31e6{--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;}.elementor-27 .elementor-element.elementor-element-59b5783{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-163b7d4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-aa79310{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-2ce9007{--divider-border-style:solid;--divider-color:#A98B5D;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-27 .elementor-element.elementor-element-2ce9007 .elementor-divider-separator{width:40px;margin:0 auto;margin-left:0;}.elementor-27 .elementor-element.elementor-element-2ce9007 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-27 .elementor-element.elementor-element-7d3bd52{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;}.elementor-27 .elementor-element.elementor-element-7d3bd52 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:400;line-height:1.2em;color:#1E2621;}.elementor-27 .elementor-element.elementor-element-e6af303{font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.7em;letter-spacing:2.5px;}.elementor-27 .elementor-element.elementor-element-98ba906{--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;}.elementor-27 .elementor-element.elementor-element-3fc89c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-7c7694b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-2cbaa89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-27 .elementor-element.elementor-element-ec9a63a{--divider-border-style:solid;--divider-color:#A98B5D;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-27 .elementor-element.elementor-element-ec9a63a .elementor-divider-separator{width:40px;margin:0 auto;margin-left:0;}.elementor-27 .elementor-element.elementor-element-ec9a63a .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-27 .elementor-element.elementor-element-8d9a7a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;}.elementor-27 .elementor-element.elementor-element-8d9a7a1 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:400;line-height:1.2em;color:#1E2621;}.elementor-27 .elementor-element.elementor-element-cfbeab3{font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.7em;letter-spacing:2.5px;}.elementor-27 .elementor-element.elementor-element-fee22ec{--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;}.elementor-27 .elementor-element.elementor-element-29a7b60{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-4405181{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-c56ce40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-27 .elementor-element.elementor-element-0bfbfc6{--divider-border-style:solid;--divider-color:#A98B5D;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-27 .elementor-element.elementor-element-0bfbfc6 .elementor-divider-separator{width:40px;margin:0 auto;margin-left:0;}.elementor-27 .elementor-element.elementor-element-0bfbfc6 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-27 .elementor-element.elementor-element-466e678{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;}.elementor-27 .elementor-element.elementor-element-466e678 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:400;line-height:1.2em;color:#1E2621;}.elementor-27 .elementor-element.elementor-element-72075ac{font-family:"Jost", Sans-serif;font-size:9.5px;font-weight:500;text-transform:uppercase;line-height:1.7em;letter-spacing:2.5px;}.elementor-27 .elementor-element.elementor-element-1db6e1a{--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:150px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-1db6e1a:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-1db6e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE4DA;}.elementor-27 .elementor-element.elementor-element-c20e271{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-c20e271 .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:#7E6339;}.elementor-27 .elementor-element.elementor-element-e12a028{padding:0px 0px 24px 0px;}.elementor-27 .elementor-element.elementor-element-e12a028 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:300;line-height:1.14em;}.elementor-27 .elementor-element.elementor-element-7326d73{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;}.elementor-27 .elementor-element.elementor-element-403c7af{--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:160px;--padding-bottom:160px;--padding-left:48px;--padding-right:48px;}.elementor-27 .elementor-element.elementor-element-403c7af:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-403c7af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-99fc51a{--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;--margin-top:0px;--margin-bottom:110px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-d443c62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-d443c62 .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-27 .elementor-element.elementor-element-1538751{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 38px) 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-1538751 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:300;line-height:1.16em;}.elementor-27 .elementor-element.elementor-element-5c17de1{text-align:center;font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;line-height:1.75em;color:#55605A;}.elementor-27 .elementor-element.elementor-element-8a8da89{--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-27 .elementor-element.elementor-element-5c2d77e{text-align:end;}.elementor-27 .elementor-element.elementor-element-5c2d77e .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-27 .elementor-element.elementor-element-a1a50e5{--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:56px 56px;--row-gap:56px;--column-gap:56px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D2C6;--border-color:#D9D2C6;--border-radius:0px 0px 0px 0px;--padding-top:52px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-a4b05b8{--display:flex;}.elementor-27 .elementor-element.elementor-element-0fdd0ea{--display:flex;}.elementor-27 .elementor-element.elementor-element-9708a72{--display:flex;}.elementor-27 .elementor-element.elementor-element-33b7f32{--display:flex;}.elementor-27 .elementor-element.elementor-element-2097c59{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-2097c59:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-2097c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A18;}.elementor-27 .elementor-element.elementor-element-28c65b7{--display:flex;--justify-content:center;--align-items:center;--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-27 .elementor-element.elementor-element-4860611{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-7836cc7{--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:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-aa2ec6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-27 .elementor-element.elementor-element-aa2ec6d .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:#A98B5D;}.elementor-27 .elementor-element.elementor-element-b323427{padding:0px 0px 26px 0px;text-align:center;}.elementor-27 .elementor-element.elementor-element-b323427 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:56px;font-weight:300;line-height:1.14em;color:#F7F4EF;}.elementor-27 .elementor-element.elementor-element-97bc21e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 46px) 0px;text-align:center;font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;line-height:1.8em;color:#F7F4EFC7;}.elementor-27 .elementor-element.elementor-element-944f5cb{--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:center;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;}.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-27 .elementor-element.elementor-element-00187fa .elementor-button:hover, .elementor-27 .elementor-element.elementor-element-00187fa .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-00187fa .elementor-button{font-family:"Jost", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2.4px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:0.45s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:18px 42px 18px 42px;}.elementor-27 .elementor-element.elementor-element-00187fa .elementor-button:hover svg, .elementor-27 .elementor-element.elementor-element-00187fa .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-150e7ab .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-27 .elementor-element.elementor-element-150e7ab .elementor-button:hover, .elementor-27 .elementor-element.elementor-element-150e7ab .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-150e7ab .elementor-button:hover svg, .elementor-27 .elementor-element.elementor-element-150e7ab .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-218c1bf{--padding-top:170px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-74ad121{--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-27 .elementor-element.elementor-element-4ff2bf7 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-ef81310 .elementor-heading-title{font-size:38px;}.elementor-27 .elementor-element.elementor-element-b0954a6{font-size:18px;}.elementor-27 .elementor-element.elementor-element-6550ad7{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-59b4628{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-6b241b9{--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-27 .elementor-element.elementor-element-95de067 .elementor-heading-title{font-size:30px;}.elementor-27 .elementor-element.elementor-element-82553e2 .elementor-heading-title{font-size:32px;}.elementor-27 .elementor-element.elementor-element-3184618{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-2ce7b0e{padding:0px 0px 64px 0px;}.elementor-27 .elementor-element.elementor-element-2ce7b0e .elementor-heading-title{font-size:36px;}.elementor-27 .elementor-element.elementor-element-9d1481f{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-7ecd46c .elementor-heading-title{font-size:10px;letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-ab755c5 .elementor-heading-title{font-size:36px;}.elementor-27 .elementor-element.elementor-element-c5b9410{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 64px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:15px;}.elementor-27 .elementor-element.elementor-element-48ba486{--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;}.elementor-27 .elementor-element.elementor-element-21a5fbd{--margin-top:0px;--margin-bottom:52px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-703f981{--margin-top:0px;--margin-bottom:52px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-8da3e7b{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-2bf0c9a{padding:0px 0px 36px 0px;}.elementor-27 .elementor-element.elementor-element-2bf0c9a .elementor-heading-title{font-size:36px;}.elementor-27 .elementor-element.elementor-element-f1a94bf{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-27 .elementor-element.elementor-element-13e31e6{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-98ba906{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-fee22ec{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-1db6e1a{--padding-top:100px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-e12a028{padding:0px 0px 24px 0px;}.elementor-27 .elementor-element.elementor-element-e12a028 .elementor-heading-title{font-size:36px;}.elementor-27 .elementor-element.elementor-element-7326d73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;}.elementor-27 .elementor-element.elementor-element-403c7af{--padding-top:110px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-99fc51a{--margin-top:0px;--margin-bottom:76px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-d443c62 .elementor-heading-title{font-size:11px;letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-1538751 .elementor-heading-title{font-size:38px;}.elementor-27 .elementor-element.elementor-element-5c17de1{font-size:18px;}.elementor-27 .elementor-element.elementor-element-8a8da89{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-a1a50e5{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-2097c59{--padding-top:96px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-b323427{padding:0px 0px 26px 0px;}.elementor-27 .elementor-element.elementor-element-b323427 .elementor-heading-title{font-size:42px;}.elementor-27 .elementor-element.elementor-element-97bc21e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 46px) 0px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-218c1bf{--padding-top:132px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-74ad121{--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-27 .elementor-element.elementor-element-4ff2bf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 022px) 0px;}.elementor-27 .elementor-element.elementor-element-ef81310{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-27 .elementor-element.elementor-element-ef81310 .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-b0954a6{font-size:17px;}.elementor-27 .elementor-element.elementor-element-dd5829c{text-align:center;}.elementor-27 .elementor-element.elementor-element-6550ad7{--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-59b4628{--padding-top:76px;--padding-bottom:80px;--padding-left:022px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-6b241b9{--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:56px 56px;--row-gap:56px;--column-gap:56px;}.elementor-27 .elementor-element.elementor-element-95de067{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-27 .elementor-element.elementor-element-82553e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-27 .elementor-element.elementor-element-82553e2 .elementor-heading-title{font-size:27px;}.elementor-27 .elementor-element.elementor-element-3184618{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-43d4997{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-27 .elementor-element.elementor-element-43d4997 .elementor-heading-title{letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-2ce7b0e{padding:0px 0px 44px 0px;}.elementor-27 .elementor-element.elementor-element-2ce7b0e .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-9d1481f{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-7ecd46c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-27 .elementor-element.elementor-element-ab755c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-27 .elementor-element.elementor-element-ab755c5 .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-c5b9410{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 46px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-27 .elementor-element.elementor-element-6081a7d .elementor-heading-title{font-size:25px;}.elementor-27 .elementor-element.elementor-element-86a7a62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 20px 0px;}.elementor-27 .elementor-element.elementor-element-4f8dd79 .elementor-heading-title{font-size:25px;}.elementor-27 .elementor-element.elementor-element-f65a1c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 20px 0px;}.elementor-27 .elementor-element.elementor-element-8da3e7b{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-3f7e6b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-27 .elementor-element.elementor-element-3f7e6b1 .elementor-heading-title{letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-2bf0c9a{padding:0px 0px 29px 0px;}.elementor-27 .elementor-element.elementor-element-2bf0c9a .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-e16f66f{font-size:17px;}.elementor-27 .elementor-element.elementor-element-13e31e6{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-aa79310{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-98ba906{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-2cbaa89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-fee22ec{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-c56ce40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-27 .elementor-element.elementor-element-1db6e1a{--padding-top:76px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-c20e271{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-27 .elementor-element.elementor-element-c20e271 .elementor-heading-title{letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-e12a028{padding:0px 0px 24px 0px;}.elementor-27 .elementor-element.elementor-element-e12a028 .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-7326d73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;font-size:17px;}.elementor-27 .elementor-element.elementor-element-403c7af{--padding-top:80px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}.elementor-27 .elementor-element.elementor-element-99fc51a{--margin-top:0px;--margin-bottom:52px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-d443c62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-27 .elementor-element.elementor-element-1538751{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-27 .elementor-element.elementor-element-1538751 .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-5c17de1{font-size:17px;}.elementor-27 .elementor-element.elementor-element-8a8da89{--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-a1a50e5{--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:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:36px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-a4b05b8{--width:100%;}.elementor-27 .elementor-element.elementor-element-0fdd0ea{--width:100%;}.elementor-27 .elementor-element.elementor-element-9708a72{--width:100%;}.elementor-27 .elementor-element.elementor-element-33b7f32{--width:100%;}.elementor-27 .elementor-element.elementor-element-2097c59{--padding-top:80px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-aa2ec6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-27 .elementor-element.elementor-element-aa2ec6d .elementor-heading-title{letter-spacing:2.8px;}.elementor-27 .elementor-element.elementor-element-b323427{padding:0px 0px 20px 0px;}.elementor-27 .elementor-element.elementor-element-b323427 .elementor-heading-title{font-size:30px;}.elementor-27 .elementor-element.elementor-element-97bc21e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 36px) 0px;font-size:16px;}.elementor-27 .elementor-element.elementor-element-944f5cb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-27 .elementor-element.elementor-element-00187fa .elementor-button .elementor-button-content-wrapper{justify-content:center;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-74ad121{--width:900px;}.elementor-27 .elementor-element.elementor-element-59b4628{--content-width:1500px;}.elementor-27 .elementor-element.elementor-element-8b9f570{--width:46%;}.elementor-27 .elementor-element.elementor-element-3184618{--content-width:1500px;}.elementor-27 .elementor-element.elementor-element-9d1481f{--content-width:1500px;}.elementor-27 .elementor-element.elementor-element-21a5fbd{--width:50%;}.elementor-27 .elementor-element.elementor-element-703f981{--width:50%;}.elementor-27 .elementor-element.elementor-element-8da3e7b{--content-width:1500px;}.elementor-27 .elementor-element.elementor-element-13e31e6{--width:33.33%;}.elementor-27 .elementor-element.elementor-element-98ba906{--width:33.33%;}.elementor-27 .elementor-element.elementor-element-fee22ec{--width:33.33%;}.elementor-27 .elementor-element.elementor-element-1db6e1a{--content-width:1500px;}.elementor-27 .elementor-element.elementor-element-403c7af{--width:1500px;}.elementor-27 .elementor-element.elementor-element-99fc51a{--width:940px;}.elementor-27 .elementor-element.elementor-element-a4b05b8{--width:25%;}.elementor-27 .elementor-element.elementor-element-0fdd0ea{--width:25%;}.elementor-27 .elementor-element.elementor-element-9708a72{--width:25%;}.elementor-27 .elementor-element.elementor-element-33b7f32{--width:25%;}.elementor-27 .elementor-element.elementor-element-7836cc7{--width:820px;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-74ad121{--width:100%;}.elementor-27 .elementor-element.elementor-element-8b9f570{--width:100%;}.elementor-27 .elementor-element.elementor-element-21a5fbd{--width:100%;}.elementor-27 .elementor-element.elementor-element-703f981{--width:100%;}.elementor-27 .elementor-element.elementor-element-13e31e6{--width:100%;}.elementor-27 .elementor-element.elementor-element-98ba906{--width:100%;}.elementor-27 .elementor-element.elementor-element-fee22ec{--width:100%;}.elementor-27 .elementor-element.elementor-element-99fc51a{--width:100%;}.elementor-27 .elementor-element.elementor-element-a4b05b8{--width:48%;}.elementor-27 .elementor-element.elementor-element-0fdd0ea{--width:48%;}.elementor-27 .elementor-element.elementor-element-9708a72{--width:48%;}.elementor-27 .elementor-element.elementor-element-33b7f32{--width:48%;}}/* Start custom CSS for container, class: .elementor-element-218c1bf *//* ============================================================================
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-59b4628 *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 2 · 1908
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-era
body row ............. ma-era__body
copy column .......... ma-era__copy
year eyebrow ......... ma-era__eyebrow
H2 ................... ma-era__title
narrative ............ ma-era__text
sidenote ............. ma-era__note
figure column ........ ma-era__figure
image frame .......... ma-era__frame
caption .............. ma-era__cap (one Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE OFFSET
The photograph starts lower than the text. Aligning both to
the same top edge would read as a grid; dropping one turns it
into a spread.
Set in CSS rather than as an Elementor margin so it can be
removed cleanly when the two stack — an offset on a stacked
column is just a gap.
============================================================ */
.ma-era__figure{
margin-top:96px;
}
@media (max-width:1400px){
.ma-era__figure{
margin-top:72px;
}
}
@media (max-width:1100px){
.ma-era__figure{
margin-top:0;
max-width:520px;
}
}
@media (max-width:600px){
.ma-era__figure{
max-width:none;
}
}
/* ============================================================
2. DROP CAP
The only one on the site. Every other page is a page; this one
is a story, and the drop cap is what says so before a word is
read.
::first-letter only takes a handful of properties — float,
font, line-height, colour and padding are all honoured.
============================================================ */
.ma-era__text > p:first-of-type::first-letter{
float:left;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:76px;
font-weight:300;
line-height:.78;
color:#1E2621;
padding:6px 14px 0 0;
}
@media (max-width:600px){
.ma-era__text > p:first-of-type::first-letter{
font-size:64px;
padding:5px 11px 0 0;
}
}
/* ============================================================
3. SIDENOTE
A hairline with its first 46px in brass. It marks the aside
without boxing it — a bordered callout would turn a quiet
footnote into an announcement.
============================================================ */
.ma-era__note{
position:relative;
margin-top:46px;
padding-top:24px;
border-top:1px solid #D9D2C6;
}
.ma-era__note::before{
content:"";
position:absolute;
top:-1px;
left:0;
width:46px;
height:1px;
background:#A98B5D;
}
.ma-era__note p{
max-width:38ch;
}
@media (max-width:1100px){
.ma-era__note p{
max-width:none;
}
}
@media (max-width:600px){
.ma-era__note{
margin-top:36px;
}
}
/* ============================================================
4. ARCHIVE FRAME
Fixed 4:5 crop so the offset above stays predictable whatever
is uploaded.
============================================================ */
.ma-era__frame{
position:relative;
aspect-ratio:4/5;
overflow:hidden;
background:#6B6455;
}
.ma-era__frame img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:0 !important;
}
/* ============================================================
5. CAPTION
One Text Editor widget. Paste into its "Text" (code) tab:
1911
Emilio and Giulia Ferrandi on the terrace, three years
after the house was finished
The year is set apart in brass so a reader skimming the page
picks up the date without reading the sentence.
============================================================ */
.ma-era__cap{
display:flex;
align-items:baseline;
gap:14px;
margin:20px 0 0;
/* Set on the container as well as the span, so the sentence
still takes the type if the is ever lost — the Visual
tab in WordPress can strip inline tags on save. */
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;
}
.ma-era__cap b{
flex:0 0 auto;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.26em;
line-height:1.7;
text-transform:uppercase;
color:#A98B5D;
}
.ma-era__cap 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;
}
@media (max-width:600px){
.ma-era__cap{
display:block;
}
.ma-era__cap b{
display:block;
margin-bottom:5px;
}
}
/* ============================================================
6. MEASURE
============================================================ */
.ma-era__title,
.ma-era__title .elementor-heading-title{
max-width:19ch;
}
@media (max-width:1100px){
.ma-era__title,
.ma-era__title .elementor-heading-title{
max-width:24ch;
}
}
@media (max-width:600px){
.ma-era__title,
.ma-era__title .elementor-heading-title{
max-width:none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ac225b */.ma-yrs__line.ma-pre::before{
transform:scaleY(0);
transform-origin:top center;
transition:transform 1.8s cubic-bezier(.33,0,.2,1);
}
.ma-yrs__line.ma-go::before{ transform:scaleY(1); }
.ma-yrs__line.ma-pre .yr{
opacity:0;
transform:translateY(24px);
transition:opacity .9s cubic-bezier(.19,1,.22,1),
transform .9s cubic-bezier(.19,1,.22,1);
}
.ma-yrs__line.ma-go .yr{ opacity:1; transform:none; }
.ma-yrs__line.ma-go .yr:nth-child(1){transition-delay:.10s;}
.ma-yrs__line.ma-go .yr:nth-child(2){transition-delay:.22s;}
.ma-yrs__line.ma-go .yr:nth-child(3){transition-delay:.34s;}
.ma-yrs__line.ma-go .yr:nth-child(4){transition-delay:.46s;}
.ma-yrs__line.ma-go .yr:nth-child(5){transition-delay:.58s;}
.ma-yrs__line.ma-go .yr:nth-child(6){transition-delay:.70s;}
@media (prefers-reduced-motion:reduce){
.ma-yrs__line.ma-pre::before{transform:scaleY(1);}
.ma-yrs__line.ma-pre .yr{opacity:1;transform:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3184618 *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 3 · THE YEARS
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-yrs
eyebrow .............. ma-yrs__eyebrow
H2 ................... ma-yrs__title
timeline ............. ma-yrs__line (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
----------------------------------------------------------------------------
The whole timeline is a single Text Editor. Six Elementor containers,
each with two widgets, would be twelve widgets carrying their own
spacing rules — and the spine has to run behind all of them as one
continuous line, which it cannot do across separate containers.
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
1908
The house is finished in eleven months.
Emilio and Giulia Ferrandi move in the following spring,
with a gardener, a cook and no electricity.
1943
Requisitioned. Forty-one men are billeted in
nine rooms for nineteen months. The terrazzo in the hall never
entirely recovers, and has been left that way.
1948
Giulia returns alone. Three of the east windows
have no glass in them, and stay that way for six years, because
glass costs more than she has.
1971
Her son Tomaso lets four rooms to summer
guests — mostly German, mostly the same four families, several of
whom came back for thirty years.
2016
Chiara Ferrandi, Emilio's
great-granddaughter, takes the house on. She is a structural
engineer and has never run a hotel in her life.
2019
Twenty-four rooms. The cellars reopen as a spa.
The east windows are glazed at last, in iron frames cast from the
1908 originals.
============================================================ */
/* ============================================================
2. THE SPINE
One rule running the full height, behind the nodes, fading out
at both ends so it does not stop dead.
Timeline plugins alternate rows left and right; that pattern
is recognisable on sight. Holding the years in one column and
the sentences in another reads as an index instead.
============================================================ */
.ma-yrs__line{
position:relative;
}
.ma-yrs__line::before{
content:"";
position:absolute;
left:262px;
top:16px;
bottom:26px;
width:1px;
background:linear-gradient(180deg,
rgba(169,139,93,0) 0%,
rgba(169,139,93,.42) 8%,
rgba(169,139,93,.42) 92%,
rgba(169,139,93,0) 100%);
}
/* ============================================================
3. ROWS
============================================================ */
.ma-yrs__line .yr{
position:relative;
display:flex;
align-items:flex-start;
padding:0 0 54px;
}
.ma-yrs__line .yr:last-child{
padding-bottom:0;
}
/* ============================================================
4. THE YEAR
============================================================ */
.ma-yrs__line .no{
flex:0 0 262px;
padding-right:56px;
text-align:right;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(34px,3.6vw,54px);
font-weight:300;
line-height:1;
letter-spacing:.02em;
color:#1E2621;
}
/* The node, sitting on the spine level with the numeral's cap.
Hollow through the middle years, solid at the first and last —
a beginning and a present, with the rest in between. */
.ma-yrs__line .no::after{
content:"";
position:absolute;
left:257px;
top:12px;
width:11px;
height:11px;
border-radius:50%;
background:#EAE4DA;
box-shadow:inset 0 0 0 1px #A98B5D;
}
.ma-yrs__line .yr:first-child .no::after,
.ma-yrs__line .yr:last-child .no::after{
background:#A98B5D;
box-shadow:none;
}
/* ============================================================
5. THE SENTENCE
============================================================ */
.ma-yrs__line .tx{
flex:1 1 auto;
min-width:0;
padding-left:56px;
padding-top:5px;
}
.ma-yrs__line .tx p{
margin:0;
font-family:"Jost",system-ui,sans-serif;
font-size:17px;
line-height:1.8;
color:#55605A;
max-width:52ch;
}
/* Names in ink rather than bold. Bold reads as a web page;
a shift in colour alone reads as print. */
.ma-yrs__line .tx b{
font-weight:400;
color:#1E2621;
}
/* ============================================================
6. MEASURE
============================================================ */
.ma-yrs__title,
.ma-yrs__title .elementor-heading-title{
max-width:20ch;
}
/* ============================================================
7. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-yrs__line::before{left:212px;}
.ma-yrs__line .no{
flex-basis:212px;
padding-right:44px;
}
.ma-yrs__line .no::after{left:207px;}
.ma-yrs__line .tx{padding-left:44px;}
}
/* ============================================================
8. TABLET
============================================================ */
@media (max-width:1100px){
.ma-yrs__title,
.ma-yrs__title .elementor-heading-title{
max-width:24ch;
}
.ma-yrs__line::before{left:164px;}
.ma-yrs__line .yr{padding-bottom:44px;}
.ma-yrs__line .no{
flex-basis:164px;
padding-right:34px;
}
.ma-yrs__line .no::after{left:159px;top:9px;}
.ma-yrs__line .tx{padding-left:34px;}
.ma-yrs__line .tx p{max-width:none;}
}
/* ============================================================
9. PHONE
The spine moves to the left edge and the year goes above the
sentence. Keeping a 164px year column at 320px would leave
about twelve characters a line.
============================================================ */
@media (max-width:600px){
.ma-yrs__title,
.ma-yrs__title .elementor-heading-title{
max-width:none;
}
.ma-yrs__line::before{
left:0;
top:12px;
bottom:8px;
}
.ma-yrs__line .yr{
flex-direction:column;
padding:0 0 34px 30px;
}
.ma-yrs__line .yr:last-child{padding-bottom:0;}
.ma-yrs__line .no{
flex:0 0 auto;
padding:0 0 12px;
text-align:left;
font-size:32px;
}
.ma-yrs__line .no::after{
left:-30px;
top:8px;
width:9px;
height:9px;
}
.ma-yrs__line .tx{padding:0;}
.ma-yrs__line .tx p{font-size:16px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d1481f *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 4 · WHAT WE KEPT
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-kept
eyebrow .............. ma-kept__eyebrow
H2 ................... ma-kept__title
the rule ............. ma-kept__rule
columns row .......... ma-kept__cols
each column .......... ma-kept__col
column H3 ............ ma-kept__colhead
column subhead ....... ma-kept__colsub
item list ............ ma-kept__items (one Text Editor per column)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE RULE
Set apart behind a brass border rather than in a box. It is
the argument the two columns are evidence for, so it wants to
read as a quoted line, not a callout panel.
============================================================ */
.ma-kept__rule{
padding-left:30px;
border-left:1px solid #A98B5D;
max-width:58ch;
}
.ma-kept__rule em{
font-style:normal;
color:#F7F4EF;
}
@media (max-width:600px){
.ma-kept__rule{
padding-left:22px;
max-width:none;
}
}
/* ============================================================
2. THE DIVIDE
A brass hairline between the columns, becoming a horizontal
one once they stack. Elementor's Border control can do either,
but not both responsively without the two settings fighting.
============================================================ */
.ma-kept__col:first-child{
border-right:1px solid rgba(169,139,93,.38);
}
@media (max-width:1100px){
.ma-kept__col:first-child{
border-right:0;
border-bottom:1px solid rgba(169,139,93,.38);
}
}
/* ============================================================
3. THE ITEMS
One Text Editor per column. Paste into its "Text" (code) tab:
The terrazzo
Chipped along the hall where the soldiers dragged
their kit. It stays chipped.
The iron windows
Reglazed in frames cast from the 1908 originals.
Not one was replaced.
...
Eight of these as separate containers would be sixteen
widgets, each carrying its own margins, for a list that is
really one block of prose.
============================================================ */
.ma-kept__items .item{
padding:0 0 30px;
margin:0 0 30px;
border-bottom:1px solid rgba(247,244,239,.10);
}
.ma-kept__items .item:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
.ma-kept__items 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-kept__items span{
display:block;
font-family:"Jost",system-ui,sans-serif;
font-size:15.5px;
font-weight:400;
line-height:1.7;
color:rgba(247,244,239,.58);
max-width:36ch;
}
@media (max-width:1100px){
.ma-kept__items span{
max-width:none;
}
}
@media (max-width:600px){
.ma-kept__items .item{
padding-bottom:24px;
margin-bottom:24px;
}
.ma-kept__items b{
font-size:21px;
}
.ma-kept__items span{
font-size:15px;
}
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-kept__title,
.ma-kept__title .elementor-heading-title{
max-width:20ch;
}
@media (max-width:1100px){
.ma-kept__title,
.ma-kept__title .elementor-heading-title{
max-width:24ch;
}
}
@media (max-width:600px){
.ma-kept__title,
.ma-kept__title .elementor-heading-title{
max-width:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8da3e7b *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 5 · THE FAMILY
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-fam
eyebrow .............. ma-fam__eyebrow
H2 ................... ma-fam__title
intro ................ ma-fam__intro
grid row ............. ma-fam__grid
each person .......... ma-who
image container ...... ma-who__frame
text container ....... ma-who__body
quote ................ ma-who__quote
brass rule ........... ma-who__rule
name ................. ma-who__name
role ................. ma-who__role
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE FRAME
Fixed 4:5 crop so three portraits shot at different distances
still line up. No hover — these are people, not products, and
a drifting portrait would read as a card.
============================================================ */
.ma-who__frame{
position:relative;
aspect-ratio:4/5;
overflow:hidden;
background:#141A18;
}
.ma-who__frame img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:0 !important;
}
/* ============================================================
2. THE QUOTE
Set in Cormorant at 23px — larger than body copy, smaller than
a heading. Nobody else on the site speaks, so the voice needs
a size of its own.
text-wrap:pretty stops a single word being left on the last
line, which a three-line pull quote is prone to.
============================================================ */
.ma-who__quote,
.ma-who__quote p{
font-family:"Cormorant Garamond",Georgia,serif;
font-size:23px;
font-weight:300;
line-height:1.42;
color:#1E2621;
text-wrap:pretty;
}
/* ============================================================
3. MEASURE
============================================================ */
.ma-fam__title,
.ma-fam__title .elementor-heading-title{
max-width:20ch;
}
.ma-fam__intro,
.ma-fam__intro p{
max-width:52ch;
}
/* ============================================================
4. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-who__quote,
.ma-who__quote p{
font-size:21px;
}
}
/* ============================================================
5. TABLET — three rows, not three columns
Three portraits across a 768px screen leaves each quote about
sixteen characters wide. A 220px portrait beside the words
keeps the section compact instead of turning it into a tower.
Set the grid Direction to Column and each person's Direction
to Row in Elementor; the rules below only add the divider and
the portrait's fixed width.
============================================================ */
@media (max-width:1100px){
.ma-fam__title,
.ma-fam__title .elementor-heading-title{
max-width:24ch;
}
.ma-fam__intro,
.ma-fam__intro p{
max-width:none;
}
.ma-who{
padding:0 0 46px;
margin:0 0 46px;
border-bottom:1px solid #D9D2C6;
}
.ma-who:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
.ma-who__frame{
flex:0 0 220px;
}
.ma-who__quote,
.ma-who__quote p{
font-size:22px;
max-width:34ch;
}
}
/* ============================================================
6. PHONE
============================================================ */
@media (max-width:600px){
.ma-fam__title,
.ma-fam__title .elementor-heading-title{
max-width:none;
}
.ma-who{
padding-bottom:38px;
margin-bottom:38px;
}
.ma-who__frame{
flex:0 0 auto;
width:100%;
max-width:280px;
}
.ma-who__quote,
.ma-who__quote p{
font-size:21px;
max-width:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1db6e1a *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 6 · THE HOUSE RULES
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-rules
eyebrow .............. ma-rules__eyebrow
H2 ................... ma-rules__title
intro ................ ma-rules__intro
the five ............. ma-rules__list (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
----------------------------------------------------------------------------
All five rules live in a single Text Editor. Five containers with two
widgets each would be ten widgets carrying their own margins, for what
is really one block — and the hairlines have to sit between the rules
rather than around each one.
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab:
I
Breakfast happens when you want it, not between
seven and ten.
II
The dog comes. No charge, no size limit, and there
is a bowl in the room already.
III
Nothing in the room has a price on it. Take what
you like and we will settle at the end.
IV
Nobody will ever ring your room to ask how
everything is.
V
If you would rather be left alone, say so once.
Everyone will know by lunchtime.
============================================================ */
/* ============================================================
2. THE LIST
Brass hairlines rather than the usual line grey — these are
the house speaking rather than a table of information, and the
warmer rule says so without a word.
============================================================ */
.ma-rules__list{
border-top:1px solid rgba(169,139,93,.36);
}
.ma-rules__list .rule{
display:flex;
align-items:flex-start;
padding:40px 0;
border-bottom:1px solid rgba(169,139,93,.36);
}
/* ============================================================
3. THE NUMERAL
Roman, so it reads as a principle rather than a step. The
timeline uses years and the rooms use 01, 02, 03 — three
numbering systems, three different kinds of list.
The padding-top lifts it onto the first line's cap height;
baseline alignment would drop it below a 35px sentence.
============================================================ */
.ma-rules__list .no{
flex:0 0 118px;
padding-right:44px;
padding-top:11px;
text-align:right;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:19px;
font-weight:400;
line-height:1;
letter-spacing:.16em;
color:#A98B5D;
}
/* ============================================================
4. THE RULE ITSELF
No gloss underneath. Explaining a rule is how you lose it —
the confidence is in stopping at the sentence.
============================================================ */
.ma-rules__list .say{
flex:1 1 auto;
min-width:0;
margin:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(23px,2.5vw,35px);
font-weight:300;
line-height:1.26;
color:#1E2621;
max-width:30ch;
text-wrap:pretty;
}
/* ============================================================
5. MEASURE
============================================================ */
.ma-rules__title,
.ma-rules__title .elementor-heading-title{
max-width:20ch;
}
.ma-rules__intro,
.ma-rules__intro p{
max-width:50ch;
}
/* ============================================================
6. NARROW DESKTOP
============================================================ */
@media (max-width:1400px){
.ma-rules__list .no{
flex-basis:96px;
padding-right:36px;
}
}
/* ============================================================
7. TABLET
============================================================ */
@media (max-width:1100px){
.ma-rules__title,
.ma-rules__title .elementor-heading-title{
max-width:24ch;
}
.ma-rules__intro,
.ma-rules__intro p{
max-width:none;
}
.ma-rules__list .rule{
padding:32px 0;
}
.ma-rules__list .no{
flex-basis:78px;
padding-right:28px;
padding-top:8px;
}
.ma-rules__list .say{
max-width:34ch;
}
}
/* ============================================================
8. PHONE
The numeral moves above. A 78px column at 320px would leave
the sentence about nine characters wide.
============================================================ */
@media (max-width:600px){
.ma-rules__title,
.ma-rules__title .elementor-heading-title{
max-width:none;
}
.ma-rules__list .rule{
flex-direction:column;
padding:28px 0;
}
.ma-rules__list .no{
flex:0 0 auto;
padding:0 0 12px;
text-align:left;
font-size:17px;
}
.ma-rules__list .say{
max-width:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403c7af *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 7 · IN PRINT
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-print
quote container ...... ma-print__lede
eyebrow .............. ma-print__eyebrow
the quote ............ ma-print__say
attribution .......... ma-print__by (one Text Editor, HTML below)
publications row ..... ma-print__papers
each publication ..... ma-paper (one Text Editor each)
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE BRASS STROKE
Third appearance — the home page's opening, this page's
opening, and here. At that point it has stopped being a
decoration and become the site's mark for "stop and read
this one".
Absolutely positioned, as always: a ::before on an Elementor
container becomes a flex item and lands beside the content.
Keep the lede container's Padding Top at 0.
============================================================ */
.ma-print__lede{
position:relative;
padding-top:98px !important;
}
.ma-print__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);
}
@media (max-width:1100px){
.ma-print__lede{
padding-top:84px !important;
}
}
@media (max-width:600px){
.ma-print__lede{
padding-top:68px !important;
}
.ma-print__lede::before{
height:48px;
}
}
/* ============================================================
2. THE QUOTE
The only section on the page with no heading. A title above a
compliment would be the site introducing praise about itself;
the sentence does that job alone.
Use a blockquote in the Text Editor so the markup says what
the type already does.
============================================================ */
.ma-print__say,
.ma-print__say blockquote,
.ma-print__say p{
margin:0;
padding:0;
border:0;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(26px,3.6vw,48px);
font-weight:300;
line-height:1.22;
color:#1E2621;
text-wrap:pretty;
font-style:normal;
}
/* WordPress and some themes indent and italicise blockquotes */
.ma-print__say blockquote{
quotes:none;
background:none;
}
/* ============================================================
3. ATTRIBUTION
One Text Editor. Paste into its "Text" (code) tab:
The Continental·
Autumn 2024
Set Width to Inline (auto) on the widget, or the hairline
above it runs the full column.
============================================================ */
.ma-print__by{
display:inline-flex;
align-items:center;
gap:14px;
margin:0;
padding-top:24px;
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-print__by b{
font-weight:500;
color:#1E2621;
}
.ma-print__by i{
font-style:normal;
color:#A98B5D;
}
@media (max-width:600px){
.ma-print__by{
display:block;
padding-top:20px;
font-size:9px;
letter-spacing:.22em;
}
.ma-print__by i{display:none;}
.ma-print__by span{display:block;}
}
/* ============================================================
4. THE PUBLICATIONS
One Text Editor per column. Paste into its "Text" (code) tab:
The Continental
Hotel of the Year
2024
Names, not logos. Inventing four wordmarks for four titles
that do not exist is where a press strip starts to look like
clip art — set in Cormorant they read as a printed award
list instead.
============================================================ */
.ma-paper b{
display:block;
margin:0 0 10px;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:23px;
font-weight:400;
line-height:1.25;
color:#1E2621;
}
.ma-paper span{
display:block;
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;
}
@media (max-width:600px){
.ma-paper b{
font-size:21px;
margin-bottom:8px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-150e7ab *//* ===== 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-2097c59 *//* ============================================================================
MAISON AURELLE — OUR STORY · SECTION 8 · CLOSING
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-close
image container ...... ma-close__plate
text container ....... ma-close__body
eyebrow .............. ma-close__eyebrow
H2 ................... ma-close__say
sub .................. ma-close__sub
actions row .......... ma-close__actions
primary button ....... ma-close__cta
text link ............ ma-close__link
WHERE: Site Settings → Custom CSS
============================================================================ */
/* ============================================================
1. THE SECTION
============================================================ */
.ma-close{
position:relative;
min-height:86svh;
overflow:hidden;
isolation:isolate;
background:#141A18;
}
@media (max-width:1100px){
.ma-close{min-height:72svh;}
}
@media (max-width:600px){
.ma-close{min-height:68svh;}
}
/* ============================================================
2. IMAGE PLATE
A 30-second drift. This is the last thing on the page and the
only frame that is meant to feel warm — a still photograph
here would read as an ending, which it is, but a dead one.
An Elementor container background cannot be transformed, so
the picture goes in as an Image widget and this fills it.
============================================================ */
.ma-close__plate{
position:absolute !important;
inset:0 !important;
z-index:0 !important;
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
pointer-events:none;
animation:maCloseDrift 30s ease-in-out infinite alternate;
will-change:transform;
}
@keyframes maCloseDrift{
from{ transform:scale(1) translate3d(0,0,0); }
to { transform:scale(1.06) translate3d(1%,-.8%,0); }
}
.ma-close__plate .elementor-widget-image,
.ma-close__plate .elementor-widget-image .elementor-widget-container,
.ma-close__plate figure,
.ma-close__plate .elementor-image{
width:100%;
height:100%;
margin:0 !important;
padding:0 !important;
line-height:0;
}
.ma-close__plate img{
display:block;
width:100% !important;
height:100% !important;
max-width:none !important;
object-fit:cover;
object-position:center;
border-radius:0 !important;
}
/* ============================================================
3. THE VEIL
Two layers. A linear gradient alone would either leave the
centre too bright to read on, or need to be dark enough to
kill the light the whole section is about — so a radial one
sits under the words and the linear one handles the edges.
Elementor's Background Overlay takes a single gradient and
would sit under the Image widget rather than over it.
============================================================ */
.ma-close::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
linear-gradient(180deg,
rgba(20,26,24,.46) 0%,
rgba(20,26,24,.22) 24%,
rgba(20,26,24,.22) 76%,
rgba(20,26,24,.62) 100%),
radial-gradient(60% 46% at 50% 52%,
rgba(20,26,24,.58) 0%,
rgba(20,26,24,.16) 70%,
rgba(20,26,24,0) 100%);
}
.ma-close__body{
position:relative;
z-index:2;
max-width:820px;
}
/* ============================================================
4. MEASURE
============================================================ */
.ma-close__sub,
.ma-close__sub p{
max-width:46ch;
margin-left:auto;
margin-right:auto;
}
@media (max-width:600px){
.ma-close__sub,
.ma-close__sub p{
max-width:none;
}
}
/* ============================================================
5. PRIMARY BUTTON
Brass filling to outline on hover, the reverse of the header's
button — this one is already solid, so it has somewhere to go.
============================================================ */
.ma-close__cta .elementor-button{
-webkit-tap-highlight-color:transparent;
transition:color .45s cubic-bezier(.19,1,.22,1),
background-color .45s cubic-bezier(.19,1,.22,1),
border-color .45s cubic-bezier(.19,1,.22,1),
transform .18s cubic-bezier(.19,1,.22,1) !important;
}
.ma-close__cta .elementor-button:active{
transform:scale(.985);
}
/* ============================================================
6. TEXT LINK
Hairline present, retracting on hover — the same behaviour as
every other secondary action on the site.
============================================================ */
.ma-close__link .elementor-button{
position:relative !important;
overflow:visible !important;
}
.ma-close__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-close__link .elementor-button:hover::after{
transform:scaleX(0);
transform-origin:right center;
}
}
/* ============================================================
7. PHONE
============================================================ */
@media (max-width:600px){
.ma-close__cta,
.ma-close__cta .elementor-button{
width:100% !important;
}
}
/* ============================================================
8. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-close__plate{
animation:none !important;
}
.ma-close__cta .elementor-button,
.ma-close__link .elementor-button::after{
transition-duration:.01ms !important;
}
.ma-close__cta .elementor-button:active{
transform:none;
}
}/* End custom CSS */