/* Generated by scripts/build-homepage-css.mjs. Do not edit directly. */
/* ..\src\homepage-fonts.css */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("./fonts/cormorant-garamond-latin-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 300 400;
  font-display: swap;
  src: url("./fonts/cormorant-garamond-latin-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("./fonts/dm-sans-latin-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tailwind.css */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-6{left:1.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.h-16{height:4rem}.h-4{height:1rem}.h-\[1px\]{height:1px}.h-\[58px\]{height:58px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[150px\]{min-height:150px}.min-h-\[55vh\]{min-height:55vh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-24{width:6rem}.w-4{width:1rem}.w-\[58px\]{width:58px}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[1140px\]{max-width:1140px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.max-w-xl{max-width:36rem}.flex-grow{flex-grow:1}.origin-left{transform-origin:left}.scale-x-0{--tw-scale-x:0}.scale-x-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-20{row-gap:5rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-brand-dark\/10{border-color:rgba(26,26,24,.1)}.border-brand-dark\/20{border-color:rgba(26,26,24,.2)}.border-brand-light{--tw-border-opacity:1;border-color:rgb(249 247 244/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-\[\#1a1a18\]{--tw-bg-opacity:1;background-color:rgb(26 26 24/var(--tw-bg-opacity,1))}.bg-\[\#25d366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#b8a48a\]{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.bg-\[\#f4f2ee\]{--tw-bg-opacity:1;background-color:rgb(244 242 238/var(--tw-bg-opacity,1))}.bg-brand-dark{--tw-bg-opacity:1;background-color:rgb(26 26 24/var(--tw-bg-opacity,1))}.bg-brand-dark\/20{background-color:rgba(26,26,24,.2)}.bg-brand-dark\/40{background-color:rgba(26,26,24,.4)}.bg-brand-light{--tw-bg-opacity:1;background-color:rgb(249 247 244/var(--tw-bg-opacity,1))}.bg-brand-light\/30{background-color:hsla(36,29%,97%,.3)}.bg-brand-surface{--tw-bg-opacity:1;background-color:rgb(242 239 233/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-brand-dark\/60{--tw-gradient-from:rgba(26,26,24,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,26,24,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-dark\/80{--tw-gradient-from:rgba(26,26,24,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,26,24,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-brand-dark\/40{--tw-gradient-to:rgba(26,26,24,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(26,26,24,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-brand-dark\/80{--tw-gradient-to:rgba(26,26,24,.8) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-sans{font-family:DM Sans,sans-serif}.font-serif{font-family:Cormorant Garamond,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[8rem\]{font-size:8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.8\]{line-height:.8}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.75\]{line-height:1.75}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#1a1a18\]{--tw-text-opacity:1;color:rgb(26 26 24/var(--tw-text-opacity,1))}.text-\[\#6d6b65\]{--tw-text-opacity:1;color:rgb(109 107 101/var(--tw-text-opacity,1))}.text-\[\#947d61\]{--tw-text-opacity:1;color:rgb(148 125 97/var(--tw-text-opacity,1))}.text-\[\#b8a48a\]{--tw-text-opacity:1;color:rgb(184 164 138/var(--tw-text-opacity,1))}.text-\[\#d7c5ad\]{--tw-text-opacity:1;color:rgb(215 197 173/var(--tw-text-opacity,1))}.text-\[\#f9f7f4\]{--tw-text-opacity:1;color:rgb(249 247 244/var(--tw-text-opacity,1))}.text-brand-accent{--tw-text-opacity:1;color:rgb(184 164 138/var(--tw-text-opacity,1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(26 26 24/var(--tw-text-opacity,1))}.text-brand-dark\/5{color:rgba(26,26,24,.05)}.text-brand-gray{--tw-text-opacity:1;color:rgb(50 55 60/var(--tw-text-opacity,1))}.text-brand-light{--tw-text-opacity:1;color:rgb(249 247 244/var(--tw-text-opacity,1))}.text-brand-light\/60{color:hsla(36,29%,97%,.6)}.text-brand-light\/70{color:hsla(36,29%,97%,.7)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:hsla(0,0%,100%,.9)}.underline{text-decoration-line:underline}.decoration-\[\#b8a48a\]\/60{text-decoration-color:hsla(34,24%,63%,.6)}.decoration-brand-accent{text-decoration-color:#b8a48a}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-\[0\.03\]{opacity:.03}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{--tw-shadow:0 4px 20px rgba(0,0,0,.15);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-md,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.will-change-transform{will-change:transform}.selection\:bg-\[\#b8a48a\] ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-\[\#b8a48a\] ::selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-brand-accent ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-brand-accent ::selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-\[\#b8a48a\]::-moz-selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-\[\#b8a48a\]::selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-brand-accent::-moz-selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:bg-brand-accent::selection{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-brand-accent:hover{--tw-border-opacity:1;border-color:rgb(184 164 138/var(--tw-border-opacity,1))}.hover\:bg-brand-accent:hover{--tw-bg-opacity:1;background-color:rgb(184 164 138/var(--tw-bg-opacity,1))}.hover\:text-\[\#1a1a18\]:hover{--tw-text-opacity:1;color:rgb(26 26 24/var(--tw-text-opacity,1))}.hover\:text-\[\#b8a48a\]:hover,.hover\:text-brand-accent:hover{--tw-text-opacity:1;color:rgb(184 164 138/var(--tw-text-opacity,1))}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:-translate-x-2{--tw-translate-x:-0.5rem}.group:hover .group-hover\:-translate-x-2,.group:hover .group-hover\:translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-2{--tw-translate-x:0.5rem}.group:hover .group-hover\:text-brand-accent{--tw-text-opacity:1;color:rgb(184 164 138/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:w-auto{width:auto}}@media (min-width:768px){.md\:bottom-8{bottom:2rem}.md\:left-12{left:3rem}.md\:right-8{right:2rem}.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-24{margin-top:6rem}.md\:mt-8{margin-top:2rem}.md\:w-32{width:8rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[16rem\]{font-size:16rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:opacity-\[0\.05\]{opacity:.05}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-12{top:3rem}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-24{gap:6rem}.lg\:gap-8{gap:2rem}.lg\:pt-8{padding-top:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[20rem\]{font-size:20rem}.lg\:text-\[58px\]{font-size:58px}.lg\:text-\[5rem\]{font-size:5rem}.lg\:text-\[82px\]{font-size:82px}}
/* navigation.css */
/* Base Variables */
        :root {
            --mdl-ink: #1a1a18;
            --mdl-paper: #f9f7f4;
            --mdl-sand: #b8a48a;
            --mdl-muted: #6d6b65;
            --mdl-nav-height: 100px;
            --mdl-nav-height-mobile: 80px;
            
            /* Custom Easings for Premium Feel */
            --ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
            --ease-circ: cubic-bezier(0.85, 0, 0.15, 1);
            --ease-power: cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Prevent scrolling when overlay is active */
        body.mdl-menu-active {
            overflow: hidden;
            touch-action: none;
        }

        /* --- Main Header Architecture --- */
        .mdl-header-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: var(--mdl-nav-height);
            z-index: 999;
            transition: transform 0.6s var(--ease-power), 
                        background-color 0.5s var(--ease-power),
                        border-color 0.5s var(--ease-power),
                        color 0.5s var(--ease-power);
            border-bottom: 1px solid transparent;
            font-family: "DM Sans", sans-serif;
            color: var(--mdl-paper);
        }

        /* Glassmorphism state on scroll */
        .mdl-header-wrapper.is-scrolled {
            background-color: rgba(249, 247, 244, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(26, 26, 24, 0.06);
            height: calc(var(--mdl-nav-height) - 15px); /* Shrink slightly on scroll */
            color: var(--mdl-ink);
        }

        /* Hide header on scroll down, show on scroll up (optional UX enhancement, currently disabled for simplicity, but foundation is here) */
        .mdl-header-wrapper.is-hidden {
            transform: translateY(-100%);
        }

        .mdl-nav-container {
            width: min(1440px, calc(100% - 64px));
            height: 100%;
            margin: auto;
            display: grid;
            grid-template-columns: 1fr auto 1fr; /* Centered brand */
            align-items: center;
            position: relative;
            z-index: 1001; /* Must sit above the overlay curtain */
            transition: color 0.5s var(--ease-power);
        }

        /* Brand Logo */
        .mdl-brand-link {
            grid-column: 2;
            font-family: "Cormorant Garamond", serif;
            font-weight: 500;
            font-size: clamp(16px, 1.5vw, 18px);
            letter-spacing: 0.25em;
            text-transform: uppercase;
            text-decoration: none;
            color: inherit;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        /* Brand Hover effect (Reveals italicized 'MDL' on hover) */
        .mdl-brand-link .full-text {
            display: inline-block;
            transition: transform 0.6s var(--ease-expo), opacity 0.6s var(--ease-expo);
        }
        
        .mdl-brand-link .short-text {
            position: absolute;
            font-style: italic;
            font-weight: 300;
            transform: translateY(100%);
            opacity: 0;
            transition: transform 0.6s var(--ease-expo), opacity 0.6s var(--ease-expo);
        }

        .mdl-brand-link:hover .full-text {
            transform: translateY(-100%);
            opacity: 0;
        }
        
        .mdl-brand-link:hover .short-text {
            transform: translateY(0);
            opacity: 1;
        }

        /* Desktop Navigation (Left side) */
        .mdl-nav-left {
            grid-column: 1;
            display: flex;
            align-items: center;
            gap: 40px;
        }

        /* Desktop Navigation (Right side) */
        .mdl-nav-right {
            grid-column: 3;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 40px;
        }

        .mdl-nav-item {
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: inherit;
            text-decoration: none;
            position: relative;
            padding: 8px 0;
            overflow: hidden;
        }

        /* Magnetic Hover Line Effect */
        .mdl-nav-item::after {
            content: '';
            position: absolute;
            bottom: 4px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: currentColor;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.6s var(--ease-expo);
        }
        
        .mdl-nav-item:hover::after {
            transform: scaleX(1);
            transform-origin: left;
        }

        /* Distinctive Contact Button */
        .mdl-contact-btn {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: inherit;
            text-decoration: none;
            position: relative;
            padding: 12px 24px;
            border-radius: 40px; /* Pill shape for contrast */
            border: 1px solid rgba(249, 247, 244, 0.3);
            overflow: hidden;
            transition: border-color 0.4s ease, color 0.4s ease;
        }

        .mdl-contact-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--mdl-paper);
            border-radius: 40px;
            transform: scale(0);
            transition: transform 0.6s var(--ease-expo), background-color 0.4s ease;
            z-index: -1;
        }

        .mdl-contact-btn:hover {
            border-color: var(--mdl-paper);
            color: var(--mdl-ink);
        }

        .mdl-contact-btn:hover::before {
            transform: scale(1.05); /* Slight overscale to fill border */
        }
        
        /* Scrolled state overrides for contact button */
        .mdl-header-wrapper.is-scrolled .mdl-contact-btn {
            border-color: rgba(26, 26, 24, 0.2);
        }
        .mdl-header-wrapper.is-scrolled .mdl-contact-btn::before {
            background-color: var(--mdl-ink);
        }
        .mdl-header-wrapper.is-scrolled .mdl-contact-btn:hover {
            border-color: var(--mdl-ink);
            color: var(--mdl-paper);
        }

        /* Dot indicator in button */
        .mdl-contact-dot {
            width: 6px;
            height: 6px;
            background-color: var(--mdl-sand);
            border-radius: 50%;
            position: relative;
        }
        
        /* Pulsing effect for the dot */
        .mdl-contact-dot::after {
            content: '';
            position: absolute;
            top: -3px;
            left: -3px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid var(--mdl-sand);
            animation: pulse-dot 2s infinite var(--ease-power);
        }

        @keyframes pulse-dot {
            0% { transform: scale(0.5); opacity: 1; }
            100% { transform: scale(2); opacity: 0; }
        }

        /* Mobile Hamburger Toggle */
        .mdl-burger-wrapper {
            display: none;
            grid-column: 3;
            justify-self: end;
            background: none;
            border: none;
            width: 48px;
            height: 48px;
            position: relative;
            cursor: pointer;
            color: inherit;
            padding: 0;
            z-index: 1002; /* Topmost element */
            outline: none;
        }

        .mdl-burger-line {
            position: absolute;
            left: 12px;
            width: 24px;
            height: 1px;
            background-color: currentColor;
            transition: transform 0.6s var(--ease-expo), background-color 0.4s ease;
        }

        .mdl-burger-line-1 { top: 20px; }
        .mdl-burger-line-2 { bottom: 20px; }

        /* Fullscreen Overlay Curtain */
        .mdl-menu-curtain {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            height: 100dvh;
            background-color: var(--mdl-ink);
            color: var(--mdl-paper);
            z-index: 1000;
            clip-path: inset(0 0 100% 0); /* Bottom-to-top reveal */
            transition: clip-path 0.8s var(--ease-expo);
            visibility: hidden;
            display: flex;
            align-items: center;
        }

        .mdl-menu-content {
            width: min(1440px, calc(100% - 64px));
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            height: 100%;
            padding: 18vh 0 10vh;
        }

        /* Overlay Left - Large Links */
        .mdl-menu-primary-nav {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: clamp(10px, 2vh, 20px);
        }

        .mdl-huge-link {
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(48px, 8vw, 110px);
            font-weight: 400;
            line-height: 1;
            color: var(--mdl-paper);
            text-decoration: none;
            display: block;
            width: max-content;
            letter-spacing: -0.02em;
            
            /* Initial Animation State */
            transform: translateY(100%);
            opacity: 0;
            clip-path: inset(0 0 100% 0);
            transition: transform 0.8s var(--ease-expo), 
                        opacity 0.6s ease,
                        clip-path 0.8s var(--ease-expo),
                        color 0.4s ease;
        }

        .mdl-huge-link em {
            font-style: italic;
            font-weight: 300;
            color: var(--mdl-sand);
            display: inline-block;
            transition: transform 0.6s var(--ease-expo);
        }

        .mdl-huge-link:hover {
            color: var(--mdl-sand);
        }

        .mdl-huge-link:hover em {
            transform: translateX(15px);
        }

        /* Overlay Right - Secondary Links & Contact */
        .mdl-menu-secondary-info {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding-bottom: 2vh;
            font-size: 12px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            
            /* Initial Animation State */
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.8s var(--ease-expo);
        }

        .mdl-info-block {
            margin-top: 40px;
        }
        
        .mdl-info-label {
            color: rgba(249, 247, 244, 0.4);
            display: block;
            margin-bottom: 16px;
            font-size: 10px;
        }

        .mdl-info-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .mdl-info-list a {
            color: var(--mdl-paper);
            text-decoration: none;
            position: relative;
            display: inline-block;
            width: max-content;
        }

        .mdl-info-list a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: var(--mdl-sand);
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.4s var(--ease-expo);
        }

        .mdl-info-list a:hover::after {
            transform: scaleX(1);
            transform-origin: left;
        }

        /* ======================================================= */
        /* --- ACTIVE STATE TRIGGERS --- */
        /* ======================================================= */
        
        /* Change Header Colors */
        body.mdl-menu-active .mdl-header-wrapper {
            background-color: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-color: transparent !important;
            color: var(--mdl-paper) !important;
        }
        
        body.mdl-menu-active .mdl-nav-container {
            color: var(--mdl-paper);
        }

        body.mdl-menu-active .mdl-header-wrapper .mdl-contact-btn {
            border-color: rgba(249, 247, 244, 0.3);
        }
        
        body.mdl-menu-active .mdl-header-wrapper .mdl-contact-btn::before {
            background-color: var(--mdl-paper);
        }
        
        body.mdl-menu-active .mdl-header-wrapper .mdl-contact-btn:hover {
            border-color: var(--mdl-paper);
            color: var(--mdl-ink);
        }

        /* Animate Hamburger to 'Close' */
        body.mdl-menu-active .mdl-burger-line-1 {
            transform: translateY(4.5px) rotate(45deg);
        }
        body.mdl-menu-active .mdl-burger-line-2 {
            transform: translateY(-4.5px) rotate(-45deg);
        }

        /* Reveal Curtain */
        body.mdl-menu-active .mdl-menu-curtain {
            visibility: visible;
            clip-path: inset(0 0 0 0); /* Pull curtain up */
        }

        /* Staggered Entrance Animations */
        body.mdl-menu-active .mdl-huge-link {
            transform: translateY(0);
            opacity: 1;
            clip-path: inset(0 0 -20% 0);
        }

        body.mdl-menu-active .mdl-huge-link:nth-child(1) { transition-delay: 0.3s; }
        body.mdl-menu-active .mdl-huge-link:nth-child(2) { transition-delay: 0.4s; }
        body.mdl-menu-active .mdl-huge-link:nth-child(3) { transition-delay: 0.5s; }
        body.mdl-menu-active .mdl-huge-link:nth-child(4) { transition-delay: 0.6s; }

        body.mdl-menu-active .mdl-menu-secondary-info {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.6s;
        }

        /* ======================================================= */
        /* --- RESPONSIVENESS --- */
        /* ======================================================= */
        @media (max-width: 1024px) {
            .mdl-nav-left { gap: 24px; }
            .mdl-nav-right { gap: 24px; }
        }

        @media (max-width: 900px) {
            .mdl-header-wrapper {
                height: var(--mdl-nav-height-mobile);
            }
            .mdl-header-wrapper.is-scrolled {
                height: var(--mdl-nav-height-mobile);
            }
            .mdl-nav-container {
                grid-template-columns: 1fr auto; /* Just logo and burger */
                width: min(100% - 32px, 1140px);
            }
            
            .mdl-brand-link {
                grid-column: 1;
                justify-self: start;
            }

            .mdl-nav-left, .mdl-contact-btn {
                display: none; /* Hide standard links and CTA */
            }

            .mdl-burger-wrapper {
                display: block; /* Show hamburger */
            }

            .mdl-menu-content {
                grid-template-columns: 1fr;
                grid-template-rows: auto 1fr;
                gap: 20px;
                padding-top: 15vh;
                width: min(100% - 32px, 1140px);
            }

            .mdl-menu-secondary-info {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                gap: 40px;
                padding-bottom: 5vh;
            }

            .mdl-info-block {
                margin-top: 0;
            }
        }
        
        @media (max-width: 480px) {
            .mdl-menu-secondary-info {
                flex-direction: column;
                gap: 24px;
            }
        }
.mdl-header-wrapper,.mdl-header-wrapper *,.mdl-menu-curtain,.mdl-menu-curtain *{box-sizing:border-box}
        .mdl-header-wrapper::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:rgba(249,247,244,.9);box-shadow:0 12px 45px rgba(26,26,24,.045);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);transition:opacity .45s ease}
        .mdl-header-wrapper.is-scrolled{background:transparent}.mdl-header-wrapper.is-scrolled::before{opacity:1}
        .mdl-header-wrapper.is-on-light:not(.is-scrolled){color:var(--mdl-ink)}
        .mdl-header-wrapper.is-on-light:not(.is-scrolled) .mdl-contact-btn{border-color:rgba(26,26,24,.28)}
        .mdl-header-wrapper.is-on-light:not(.is-scrolled) .mdl-contact-btn::before{background-color:var(--mdl-ink)}
        .mdl-header-wrapper.is-on-light:not(.is-scrolled) .mdl-contact-btn:hover{border-color:var(--mdl-ink);color:var(--mdl-paper)}
        .mdl-brand-link{min-width:255px;min-height:44px}.mdl-contact-btn{min-height:44px;isolation:isolate}.mdl-contact-btn::before{z-index:-1}
        .mdl-nav-item:focus-visible,.mdl-brand-link:focus-visible,.mdl-contact-btn:focus-visible,.mdl-burger-wrapper:focus-visible,.mdl-menu-curtain a:focus-visible{outline:1px solid var(--mdl-sand);outline-offset:5px}
        .mdl-menu-curtain{align-items:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 88% 82%,rgba(184,164,138,.15),transparent 32rem),var(--mdl-ink);transition:visibility 0s linear .82s,clip-path .8s var(--ease-circ)}
        .mdl-menu-curtain::before{content:'M';position:fixed;right:-.06em;bottom:-.28em;color:rgba(249,247,244,.025);font:400 clamp(26rem,70vw,66rem)/.72 "Cormorant Garamond",serif;pointer-events:none}
        .mdl-menu-content{position:relative;min-height:100vh;min-height:100dvh;height:auto}
        .mdl-menu-primary-nav{--mdl-link-hover-shift:15px;padding-right:calc(var(--mdl-link-hover-shift) + .1em)}
        .mdl-huge-link{max-width:100%;line-height:.88;letter-spacing:-.035em}
        .mdl-huge-link:hover em{transform:translateX(var(--mdl-link-hover-shift))}
        body.mdl-menu-active .mdl-header-wrapper::before{opacity:0}body.mdl-menu-active .mdl-menu-curtain{transition-delay:0s}
        @media(max-width:1180px) and (min-width:901px){.mdl-nav-container{width:min(100% - 40px,1440px)}.mdl-nav-left,.mdl-nav-right{gap:22px}.mdl-brand-link{min-width:218px;font-size:15px}.mdl-contact-btn{padding-inline:18px}}
        @media(max-width:900px){
            :root{--mdl-nav-height-mobile:78px}
            .mdl-header-wrapper,.mdl-header-wrapper.is-scrolled{height:calc(var(--mdl-nav-height-mobile) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
            .mdl-nav-container{width:min(calc(100% - 40px),1140px)}.mdl-nav-left,.mdl-nav-right{display:none}
            .mdl-brand-link{min-width:0;max-width:calc(100vw - 100px);justify-content:flex-start;font-size:clamp(13px,3.5vw,16px);letter-spacing:.2em;white-space:nowrap}
            .mdl-brand-link:hover .full-text,.mdl-brand-link:focus-visible .full-text{opacity:1;transform:none}.mdl-brand-link .short-text{display:none}
            .mdl-burger-wrapper{display:block;width:48px;height:48px;border-radius:50%;-webkit-tap-highlight-color:transparent}
            .mdl-menu-content{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:clamp(46px,8vh,76px);width:min(calc(100% - 40px),1140px);padding:calc(var(--mdl-nav-height-mobile) + env(safe-area-inset-top) + clamp(46px,8vh,76px)) 0 calc(34px + env(safe-area-inset-bottom))}
            .mdl-menu-primary-nav{--mdl-link-hover-shift:8px;justify-content:flex-start;gap:clamp(2px,.5vh,7px);overflow:visible}
            .mdl-huge-link{
                width:max-content;
                max-width:calc(100% - 2px);
                padding:.06em .12em .15em .02em;
                overflow:visible;
                font-size:clamp(43px,10.8vw,72px);
                line-height:.94;
                clip-path:none;
            }
            .mdl-menu-secondary-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding:28px 0 0;border-top:1px solid rgba(249,247,244,.18)}
            .mdl-info-list a{max-width:100%;overflow-wrap:anywhere;line-height:1.5}
        }
        @media(max-width:600px){
            .mdl-huge-link{font-size:clamp(38px,10.4vw,52px)}
        }
        @media(max-width:520px){
            .mdl-nav-container,.mdl-menu-content{width:calc(100% - 40px)}
            .mdl-huge-link{max-width:100%;padding-right:.16em;font-size:clamp(36px,10.4vw,52px);line-height:.98}
            .mdl-menu-secondary-info{grid-template-columns:1fr;gap:25px}
            .mdl-info-block{min-width:0}
        }
        @media(max-width:370px){.mdl-brand-link{font-size:12px;letter-spacing:.16em}.mdl-huge-link{font-size:39px}}
        @media(max-height:700px) and (max-width:900px){
            .mdl-menu-content{gap:36px;padding-top:calc(var(--mdl-nav-height-mobile) + env(safe-area-inset-top) + 26px)}
            .mdl-huge-link{font-size:clamp(36px,8.6vh,52px);line-height:.96}
        }
        @media(prefers-reduced-motion:reduce){.mdl-header-wrapper,.mdl-header-wrapper::before,.mdl-nav-item::after,.mdl-brand-link span,.mdl-contact-btn,.mdl-contact-btn::before,.mdl-burger-line,.mdl-menu-curtain,.mdl-huge-link,.mdl-huge-link em,.mdl-menu-secondary-info,.mdl-info-list a::after{transition-duration:.01ms!important;transition-delay:0s!important}.mdl-contact-dot::after{animation:none}}

/* Adaptive contrast: sample the surface beneath the fixed header at every scroll position. */
.mdl-header-wrapper.is-on-light { color: var(--mdl-ink); }
.mdl-header-wrapper.is-on-dark { color: var(--mdl-paper); }
.mdl-header-wrapper.is-scrolled::before { background: rgba(26, 26, 24, .72); }
.mdl-header-wrapper.is-scrolled.is-on-light::before { background: rgba(249, 247, 244, .88); }
.mdl-header-wrapper.is-scrolled.is-on-dark::before { background: rgba(26, 26, 24, .72); }
.mdl-header-wrapper.is-on-light .mdl-contact-btn { border-color: rgba(26, 26, 24, .28); }
.mdl-header-wrapper.is-on-light .mdl-contact-btn::before { background-color: var(--mdl-ink); }
.mdl-header-wrapper.is-on-light .mdl-contact-btn:hover { border-color: var(--mdl-ink); color: var(--mdl-paper); }
.mdl-header-wrapper.is-on-dark .mdl-contact-btn { border-color: rgba(249, 247, 244, .32); }
.mdl-header-wrapper.is-on-dark .mdl-contact-btn::before { background-color: var(--mdl-paper); }
.mdl-header-wrapper.is-on-dark .mdl-contact-btn:hover { border-color: var(--mdl-paper); color: var(--mdl-ink); }
body.mdl-menu-active .mdl-header-wrapper { color: var(--mdl-paper); }
/* footer.css */
#shared-footer, #shared-footer * { box-sizing: border-box; }
#shared-footer { position: relative; isolation: isolate; overflow: hidden; color: #f7f3ec; background: radial-gradient(circle at 82% 12%, rgba(184,164,138,.13), transparent 30rem), #151613; font-family: 'DM Sans', Arial, sans-serif; }
#shared-footer::before { content: 'M'; position: absolute; z-index: -1; right: -.04em; bottom: -.3em; color: rgba(255,255,255,.018); font: 400 clamp(22rem,55vw,58rem)/.75 'Cormorant Garamond',Georgia,serif; pointer-events: none; }
.rb-footer__frame { width: min(calc(100% - 2.5rem),1440px); margin: 0 auto; padding: clamp(5rem,9vw,9rem) 0 1.5rem; }
.rb-footer__eyebrow { display: flex; align-items: center; gap: .85rem; margin: 0 0 1.4rem; color: #b8a48a; font-size: .65rem; letter-spacing: .24em; text-transform: uppercase; }
.rb-footer__eyebrow::before { content: ''; width: 2.5rem; height: 1px; background: currentColor; }
.rb-footer__cta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 2rem; min-width: 0; padding-bottom: clamp(4rem,8vw,7rem); border-bottom: 1px solid rgba(247,243,236,.16); }
.rb-footer__title { max-width: 1050px; min-width: 0; margin: 0; font: 400 clamp(3.4rem,8.2vw,8.6rem)/.82 'Cormorant Garamond',Georgia,serif; letter-spacing: -.035em; }
.rb-footer__title em { color: #b8a48a; font-weight: 300; }
.rb-footer__project-link { display: grid; place-items: center; width: clamp(5rem,9vw,8rem); aspect-ratio: 1; color: #151613; background: #b8a48a; border-radius: 50%; text-decoration: none; transition: transform .45s cubic-bezier(.16,1,.3,1), background-color .3s ease; }
.rb-footer__project-link svg { width: 30%; transition: transform .45s cubic-bezier(.16,1,.3,1); }
.rb-footer__project-link:hover { background: #f7f3ec; transform: scale(1.06); }
.rb-footer__project-link:hover svg { transform: translate(15%,-15%); }
.rb-footer__content { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.25fr; gap: clamp(2rem,5vw,6rem); padding: clamp(3.5rem,6vw,6rem) 0; }
.rb-footer__brand { margin: 0; font: 500 1.05rem/1.2 'Cormorant Garamond',Georgia,serif; letter-spacing: .2em; text-transform: uppercase; }
.rb-footer__note { max-width: 22rem; margin: 1.25rem 0 0; color: rgba(247,243,236,.55); font-size: .78rem; line-height: 1.7; }
.rb-footer__label { display: block; margin-bottom: 1.25rem; color: rgba(247,243,236,.42); font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; }
.rb-footer__list { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.rb-footer__list a, .rb-footer__contact a { position: relative; width: fit-content; color: rgba(247,243,236,.82); font-size: .77rem; line-height: 1.4; text-decoration: none; }
.rb-footer__contact { display: grid; align-content: start; gap: .8rem; font-style: normal; }
.rb-footer__socials { display: flex; flex-wrap: wrap; gap: .65rem 1.1rem; margin-top: 1.4rem; }
.rb-footer__socials a { color: #b8a48a; font-size: .6rem; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.rb-footer__bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(247,243,236,.16); color: rgba(247,243,236,.42); font-size: .61rem; letter-spacing: .08em; text-transform: uppercase; }
.rb-footer__credit { text-align: center; }
.rb-footer__credit a, .rb-footer__legal a { position: relative; color: rgba(247,243,236,.72); text-decoration: none; }
.rb-footer__legal { display: flex; justify-content: flex-end; gap: 1.25rem; }
.rb-footer__list a::after, .rb-footer__contact>a::after, .rb-footer__legal a::after, .rb-footer__credit a::after { content: ''; position: absolute; right: 0; bottom: -.22rem; left: 0; height: 1px; background: #b8a48a; transform: scaleX(0); transform-origin: right; transition: transform .35s cubic-bezier(.16,1,.3,1); }
.rb-footer__list a:hover::after, .rb-footer__contact>a:hover::after, .rb-footer__legal a:hover::after, .rb-footer__credit a:hover::after { transform: scaleX(1); transform-origin: left; }
@media (max-width: 900px) { .rb-footer__cta { grid-template-columns: 1fr; } .rb-footer__project-link { margin-left: auto; } .rb-footer__content { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .rb-footer__frame { width: min(calc(100% - 2rem),1440px); padding-top: 4.5rem; } .rb-footer__title { font-size: clamp(2.8rem,13vw,4rem); line-height: .9; } .rb-footer__project-link { justify-self: start; width: 4.75rem; height: 4.75rem; margin: .75rem 0 0; } .rb-footer__content { grid-template-columns: 1fr; gap: 2.5rem; } .rb-footer__bottom { grid-template-columns: 1fr; text-align: center; } .rb-footer__legal { justify-content: center; } .rb-footer__credit { grid-row: 3; } }
/* animations.css */
:root {
    --mdl-animation-ink: #1a1a18;
    --mdl-animation-paper: #f9f7f4;
    --mdl-animation-sand: #b8a48a;
    --mdl-animation-ease: cubic-bezier(.85, 0, .15, 1);
}

html { scrollbar-gutter: stable; }
body.mdl-loading { overflow: hidden; }

.mdl-loader,
.mdl-page-transition {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    font-family: "DM Sans", Arial, sans-serif;
}

.mdl-loader {
    z-index: 12000;
    display: grid;
    place-items: center;
    color: var(--mdl-animation-paper);
}

.mdl-loader__half {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    background: var(--mdl-animation-ink);
    transition: transform .65s var(--mdl-animation-ease);
    will-change: transform;
}

.mdl-loader__half--top { top: 0; border-bottom: 1px solid rgba(184, 164, 138, .1); }
.mdl-loader__half--bottom { bottom: 0; }

.mdl-loader__content {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(300px, calc(100% - 48px));
    flex-direction: column;
    align-items: center;
    transition: opacity .3s ease, transform .3s ease;
}

.mdl-loader__icon,
.mdl-page-transition__icon {
    width: 78px;
    height: 78px;
    color: var(--mdl-animation-sand);
}

.mdl-loader__icon svg,
.mdl-page-transition__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mdl-loader__icon {
    margin-bottom: 1.5rem;
    animation: mdl-icon-draw .72s var(--mdl-animation-ease) both;
}

.mdl-loader__title {
    margin: 0 0 .45rem;
    font: 600 .78rem/1.2 "Cormorant Garamond", Georgia, serif;
    letter-spacing: .3em;
    text-transform: uppercase;
}

.mdl-loader__status {
    margin: 0;
    color: rgba(249, 247, 244, .5);
    font-size: .63rem;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.mdl-loader__progress { position: relative; width: 100%; margin-top: 2.8rem; }

.mdl-loader__numbers {
    position: absolute;
    bottom: calc(100% + .65rem);
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: var(--mdl-animation-sand);
    font-size: .63rem;
    letter-spacing: .15em;
}

.mdl-loader__track { height: 1px; background: rgba(249, 247, 244, .12); }

.mdl-loader__bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--mdl-animation-sand);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .14s linear;
    will-change: transform;
}

.mdl-loader__bar::before,
.mdl-loader__bar::after {
    position: absolute;
    top: -3.5px;
    width: 1px;
    height: 8px;
    background: currentColor;
    content: "";
}

.mdl-loader__bar::before { left: 0; }
.mdl-loader__bar::after { right: 0; }
.mdl-loader.is-finished { pointer-events: none; }
.mdl-loader.is-finished .mdl-loader__half--top { transform: translateY(-102%); }
.mdl-loader.is-finished .mdl-loader__half--bottom { transform: translateY(102%); }
.mdl-loader.is-finished .mdl-loader__content { opacity: 0; transform: scale(.96); }

.mdl-page-transition {
    z-index: 11000;
    display: grid;
    place-items: center;
    pointer-events: none;
}

.mdl-page-transition.is-active { pointer-events: auto; }

.mdl-page-transition__layer {
    position: absolute;
    inset: 0;
    transform: translateY(101%);
    transition: transform .72s var(--mdl-animation-ease);
    will-change: transform;
}

.mdl-page-transition__layer--accent { z-index: 1; background: var(--mdl-animation-sand); }
.mdl-page-transition__layer--main { z-index: 2; background: var(--mdl-animation-ink); transition-delay: .045s; }

.mdl-page-transition__icon {
    position: relative;
    z-index: 3;
    opacity: 0;
    transform: translateY(18px);
    clip-path: inset(100% 0 0);
    transition: opacity .3s ease, transform .38s var(--mdl-animation-ease), clip-path .42s var(--mdl-animation-ease);
}

.mdl-page-transition.is-entering .mdl-page-transition__layer { transform: translateY(0); }
.mdl-page-transition.is-entering .mdl-page-transition__icon {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(0);
    transition-delay: .26s;
}

.mdl-page-transition.is-covered .mdl-page-transition__layer { transform: translateY(0); transition: none; }
.mdl-page-transition.is-covered .mdl-page-transition__icon {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(0);
    transition: none;
}

.mdl-page-transition.is-leaving .mdl-page-transition__layer { transform: translateY(-101%); }
.mdl-page-transition.is-leaving .mdl-page-transition__layer--accent { transition-delay: .045s; }
.mdl-page-transition.is-leaving .mdl-page-transition__layer--main { transition-delay: 0s; }
.mdl-page-transition.is-leaving .mdl-page-transition__icon {
    opacity: 0;
    transform: translateY(-18px);
    clip-path: inset(0 0 100%);
    transition-delay: 0s;
    transition-duration: .2s;
}

@keyframes mdl-icon-draw {
    from { opacity: 0; transform: translateY(12px); clip-path: inset(100% 0 0); }
    to { opacity: 1; transform: translateY(0); clip-path: inset(0); }
}

@media (prefers-reduced-motion: reduce) {
    .mdl-loader__half,
    .mdl-loader__content,
    .mdl-page-transition__layer,
    .mdl-page-transition__icon {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
/* Transition v2: immediate arrival cover and GPU-stable, seam-free panels. */
html.mdl-transition-arriving { background: var(--mdl-animation-ink); }
html.mdl-transition-arriving::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 10999;
    background: var(--mdl-animation-ink);
    pointer-events: auto;
}

.mdl-page-transition {
    isolation: isolate;
    contain: strict;
    overflow: hidden;
    transform: translateZ(0);
}

.mdl-page-transition__layer {
    inset: -1px;
    transform: translate3d(0, 102%, 0);
    transition: transform .68s var(--mdl-animation-ease);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.mdl-page-transition__layer--main { transition-delay: .055s; }
.mdl-page-transition.is-entering .mdl-page-transition__layer { transform: translate3d(0, 0, 0); }
.mdl-page-transition.is-covered .mdl-page-transition__layer { transform: translate3d(0, 0, 0); }
.mdl-page-transition.is-leaving .mdl-page-transition__layer { transform: translate3d(0, -102%, 0); }
.mdl-page-transition.is-leaving .mdl-page-transition__layer--main { transition-delay: 0s; }
.mdl-page-transition.is-leaving .mdl-page-transition__layer--accent { transition-delay: .055s; }
.mdl-page-transition__icon { will-change: transform, opacity, clip-path; backface-visibility: hidden; }
/* Transition v3: upward-only motion, invisible reset, stable scrollbar. */
.mdl-page-transition__layer {
    transition-duration: var(--mdl-transition-duration, .44s);
}
.mdl-page-transition__icon {
    transition-duration: .24s, .32s, .32s;
}
.mdl-page-transition.is-entering .mdl-page-transition__icon { transition-delay: .14s; }
.mdl-page-transition.is-leaving .mdl-page-transition__icon { transition-duration: .16s; }
.mdl-page-transition.is-resetting {
    visibility: hidden;
    pointer-events: none;
}
.mdl-page-transition.is-resetting .mdl-page-transition__layer,
.mdl-page-transition.is-resetting .mdl-page-transition__icon {
    transition: none !important;
}
.mdl-page-transition.is-resetting .mdl-page-transition__layer {
    transform: translate3d(0, 102%, 0);
}
/* Keep one scrollbar width across every page to prevent horizontal layout jumps. */
html { scrollbar-width: thin; scrollbar-color: var(--mdl-animation-sand) transparent; }
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb { background: var(--mdl-animation-sand); border-radius: 999px; }
/* media-enhancements.css */
/* Light-touch editorial media pass: preserves the original layout and brand system. */
.mdl-motion-story {
  position: relative;
  overflow: hidden;
  padding: clamp(5rem, 10vw, 10rem) 1.5rem;
  background: #1a1a18;
  color: #f9f7f4;
}
.mdl-motion-story__frame { max-width: 1536px; margin: 0 auto; }
.mdl-motion-story__head { display: grid; grid-template-columns: minmax(180px, .65fr) 1.35fr; gap: 3rem; align-items: end; margin-bottom: clamp(3rem, 7vw, 7rem); }
.mdl-motion-story__eyebrow { margin: 0; color: #b8a48a; font: 500 .68rem/1.3 "DM Sans", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.mdl-motion-story h2 { max-width: 900px; margin: 0; font: 300 clamp(3rem, 6.3vw, 6.8rem)/.92 "Cormorant Garamond", serif; letter-spacing: -.035em; }
.mdl-motion-story h2 em { color: #b8a48a; font-weight: 300; }
.mdl-motion-story__grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(1rem, 2.5vw, 2.5rem); align-items: start; }
.mdl-motion-card { position: relative; overflow: hidden; background: #252522; }
.mdl-motion-card:first-child { aspect-ratio: 16 / 10; }
.mdl-motion-card:last-child { aspect-ratio: 4 / 5; margin-top: clamp(3rem, 9vw, 9rem); }
.mdl-motion-card video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: transform 1.4s cubic-bezier(.16,1,.3,1), filter .5s; }
.mdl-motion-card:hover video { transform: scale(1.045); }
.mdl-motion-card::after { content: ""; position: absolute; inset: auto 0 0; height: 42%; pointer-events: none; background: linear-gradient(transparent, rgba(10,10,9,.58)); }
.mdl-motion-card__caption { position: absolute; z-index: 2; left: 1.25rem; right: 1.25rem; bottom: 1.25rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.mdl-motion-card__caption span { font: 500 .64rem/1.4 "DM Sans", sans-serif; letter-spacing: .16em; text-transform: uppercase; }

/* Crisper image rendering and a quieter, more tactile hover. */
.img-hover-zoom { background: #dedad2; }
.img-hover-zoom img { transform: scale(1.002); filter: saturate(.94) contrast(1.015); }
.img-hover-zoom:hover img { transform: scale(1.035); filter: saturate(1) contrast(1.02); }

/* New full-resolution sources on the existing portfolio cards. */
.elementor-317 .elementor-element.elementor-element-c01fb2e:not(.elementor-motion-effects-element-type-background) { background-image: url("./Markou%20Projects/Fitted%20Wardrobes,%20Bedroom/Fitted%20Wardrobe,%20Bedroom,%20Arnos%20Grove,London.jpg") !important; }
.elementor-317 .elementor-element.elementor-element-7eb0d79:not(.elementor-motion-effects-element-type-background) { background-image: url("./Markou%20Projects/Wall%20Furniture%20in%20Chelsea%20Creek%20London/Wall%20furniture%20in%20Chelsea%20London%202.jpg") !important; }
.elementor-317 .elementor-element.elementor-element-56ae23a:not(.elementor-motion-effects-element-type-background) { background-image: url("./Markou%20Projects/Bathroom%20Vanity%20Units/Vanity%20Unit,%20Bathroom%202.png") !important; }
.elementor-317 .elementor-element.elementor-element-3835e78:not(.elementor-motion-effects-element-type-background) { background-image: url("./Markou%20Projects/Wall%20Panelling/WhatsApp%20Image%202026-04-30%20at%2014.28.30.jpeg") !important; }
.elementor-317 :is(.elementor-element-c01fb2e,.elementor-element-7eb0d79,.elementor-element-56ae23a,.elementor-element-3835e78) { transition: background-size 1.2s cubic-bezier(.16,1,.3,1), filter .5s; background-size: 100.5% auto !important; }
.elementor-317 :is(.elementor-element-e939915,.elementor-element-3626788,.elementor-element-d389e15,.elementor-element-efe38dc):hover :is(.elementor-element-c01fb2e,.elementor-element-7eb0d79,.elementor-element-56ae23a,.elementor-element-3835e78) { background-size: 104% auto !important; }

@media (max-width: 767px) {
  .mdl-motion-story { padding-inline: 1rem; }
  .mdl-motion-story__head { grid-template-columns: 1fr; gap: 1.25rem; }
  .mdl-motion-story__grid { grid-template-columns: 1fr; }
  .mdl-motion-card:first-child { aspect-ratio: 4 / 5; }
  .mdl-motion-card:last-child { aspect-ratio: 4 / 5; width: 82%; margin: 1rem 0 0 auto; }
  .elementor-317 :is(.elementor-element-c01fb2e,.elementor-element-7eb0d79,.elementor-element-56ae23a,.elementor-element-3835e78) { background-size: cover !important; }
}

@media (prefers-reduced-motion: reduce) {
  .mdl-motion-card video { transform: none !important; transition: none; }
}


/* Hero film triptych */
.mdl-hero-films { display: grid; grid-template-columns: 1.04fr .88fr 1.08fr; gap: 2px; background: #171714; }
.mdl-hero-film { position: relative; min-width: 0; height: 100%; margin: 0; overflow: hidden; background: #252522; }
.mdl-hero-film video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: saturate(.86) contrast(1.035); transform: scale(1.025); animation: mdl-film-breathe 16s ease-in-out infinite alternate; }
.mdl-hero-film:nth-child(2) video { object-position: 48% 50%; animation-delay: -5s; }
.mdl-hero-film:nth-child(3) video { object-position: 55% 50%; animation-delay: -9s; }
.mdl-hero-film figcaption { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; margin: 0; color: rgba(249,247,244,.72); font: 500 .58rem/1.3 "DM Sans", sans-serif; letter-spacing: .15em; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,.7); }
.mdl-hero-film::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.055); }
@keyframes mdl-film-breathe { to { transform: scale(1.075); } }

@media (max-width: 767px) {
  .mdl-hero-films { display: block; }
  .mdl-hero-film { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.4s cubic-bezier(.16,1,.3,1), visibility 1.4s; }
  .mdl-hero-film.is-active { opacity: 1; visibility: visible; }
  .mdl-hero-film video { object-position: center; transform: scale(1.025); animation: none; }
  .mdl-hero-film:nth-child(2) video { object-position: 50% center; }
  .mdl-hero-film:nth-child(3) video { object-position: 52% center; }
  .mdl-hero-film figcaption { left: auto; right: 1rem; bottom: 1.2rem; max-width: 48%; text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  .mdl-hero-film video { animation: none; transform: none; }
}


/* Mobile film copy refinement */
@media (max-width: 767px) {
  #hero-slider ~ .relative.z-20 h1 {
    max-width: 22rem;
    color: #f9f7f4;
    font-size: clamp(2.8rem, 12.4vw, 3.45rem);
    line-height: 1.02;
    letter-spacing: -.025em;
    text-wrap: balance;
    text-shadow: 0 3px 24px rgba(0,0,0,.82), 0 1px 5px rgba(0,0,0,.9);
  }
  #hero-slider ~ .relative.z-20 h1 span { margin-top: .18em; color: #c7b398; }
  #hero-slider ~ .relative.z-20 p { max-width: 19rem; font-size: 1rem; line-height: 1.48; }
}


/* Three-frame hero compositions */
.mdl-hero-frame { display: grid; grid-template-columns: 1.03fr .9fr 1.07fr; gap: 2px; width: 100%; height: 100%; background: #171714; }
.mdl-hero-frame--reverse { grid-template-columns: .88fr 1.18fr .94fr; }
.mdl-hero-frame--third { grid-template-columns: 1.12fr .82fr 1.06fr; }
.mdl-hero-panel { position: relative; min-width: 0; height: 100%; margin: 0; overflow: hidden; background: #22221f; }
.mdl-hero-panel :is(img, video) { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.88) contrast(1.025); transform: scale(1.015); transition: transform 7s linear, filter 1s; }
.hero-slide.active .mdl-hero-panel :is(img, video) { transform: scale(1.065); }
.mdl-hero-panel:nth-child(2) :is(img, video) { object-position: 52% center; }
.mdl-hero-panel figcaption { position: absolute; z-index: 2; right: 1rem; bottom: 1rem; margin: 0; color: rgba(249,247,244,.7); font: 500 .57rem/1.3 "DM Sans",sans-serif; letter-spacing: .14em; text-align: right; text-transform: uppercase; text-shadow: 0 2px 10px #000; }
.mdl-hero-panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }

/* Ensure portfolio imagery survives Elementor lazy-background states. */
.elementor-317 .elementor-element.elementor-element-c01fb2e,
.elementor-317 .elementor-element.elementor-element-c01fb2e > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: url("./Markou%20Projects/Fitted%20Wardrobes,%20Bedroom/Fitted%20Wardrobe,%20Bedroom,%20Arnos%20Grove,London.jpg") !important; background-position: center !important; background-size: cover !important; }
.elementor-317 .elementor-element.elementor-element-7eb0d79,
.elementor-317 .elementor-element.elementor-element-7eb0d79 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: url("./Markou%20Projects/Wall%20Furniture%20in%20Chelsea%20Creek%20London/Wall%20furniture%20in%20Chelsea%20London%202.jpg") !important; background-position: center !important; background-size: cover !important; }
.elementor-317 .elementor-element.elementor-element-56ae23a,
.elementor-317 .elementor-element.elementor-element-56ae23a > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: url("./Markou%20Projects/Bathroom%20Vanity%20Units/Vanity%20Unit,%20Bathroom%202.png") !important; background-position: center !important; background-size: cover !important; }
.elementor-317 .elementor-element.elementor-element-3835e78,
.elementor-317 .elementor-element.elementor-element-3835e78 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: url("./Markou%20Projects/Wall%20Panelling/WhatsApp%20Image%202026-04-30%20at%2014.28.30.jpeg") !important; background-position: center !important; background-size: cover !important; }
.elementor-317 :is(.elementor-element-c01fb2e,.elementor-element-7eb0d79,.elementor-element-56ae23a,.elementor-element-3835e78) { opacity: 1 !important; visibility: visible !important; }

@media (max-width: 767px) {
  .mdl-hero-frame, .mdl-hero-frame--reverse, .mdl-hero-frame--third { display: block; }
  .mdl-hero-panel { display: none; position: absolute; inset: 0; }
  .mdl-hero-panel.is-mobile-featured { display: block; }
  .mdl-hero-panel :is(img, video), .hero-slide.active .mdl-hero-panel :is(img, video) { transform: scale(1.025); transition: transform 8s linear; }
  .hero-slide.active .mdl-hero-panel.is-mobile-featured :is(img, video) { transform: scale(1.075); }
}


/* Preserve the warm brand tone while meeting WCAG contrast on light surfaces. */
main > section:not(:first-child):not(.mdl-reviews-host) .text-brand-accent {
  color: #765f46;
}

/* Keep below-the-fold layout out of the critical rendering path. */
main > section:nth-child(n+3) {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}


/* Mobile-only first-slide fallback when its film misses the loader deadline. */
.mdl-hero-timeout-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 767px) {
  .hero-slide.uses-image-fallback .mdl-hero-timeout-fallback {
    opacity: 1;
    visibility: visible;
    transform: scale(1.025);
    animation: mdl-fallback-drift 8s linear forwards;
  }
  .hero-slide.uses-image-fallback .mdl-hero-panel.is-mobile-featured video {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes mdl-fallback-drift {
  to { transform: scale(1.075); }
}