.elementor-kit-8{--e-global-color-primary:#0A0A0A;--e-global-color-secondary:#3A3A38;--e-global-color-text:#D8D2C4;--e-global-color-accent:#B08D57;--e-global-color-5e36c9a:#9A958A;--e-global-color-04e5652:#D8D2C4;--e-global-color-8ee8238:#9A958A2E;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.7em;--e-global-typography-secondary-font-family:"Oswald";--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.7em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Cormorant Garamond";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;--e-global-typography-accent-line-height:1.7em;background-color:var( --e-global-color-primary );color:var( --e-global-color-04e5652 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-04e5652 );}.elementor-kit-8 h1{color:var( --e-global-color-04e5652 );font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:600;line-height:1.04px;letter-spacing:0.01em;}.elementor-kit-8 h2{color:var( --e-global-color-04e5652 );font-family:"Cormorant Garamond", Sans-serif;font-size:50px;font-weight:600;font-style:normal;line-height:1.1em;}.elementor-kit-8 h3{color:var( --e-global-color-04e5652 );font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;}.elementor-kit-8 h4{color:var( --e-global-color-04e5652 );font-family:"Oswald", Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;letter-spacing:2px;}.elementor-kit-8 h5{color:var( --e-global-color-04e5652 );font-family:"Oswald", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-kit-8 h6{color:var( --e-global-color-04e5652 );font-family:"Oswald", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1080px;}.e-con{--container-max-width:1080px;--container-default-padding-top:28px;--container-default-padding-right:28px;--container-default-padding-bottom:28px;--container-default-padding-left:28px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:70px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:56px;}.elementor-kit-8 h2{font-size:70px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
 HOUSE OF HAUS STUDIOS — DESIGN SYSTEM
 Elementor → Site Settings → Custom CSS
 ============================================================ */
:root{
 --ink:#0A0A0A;
 --gunmetal:#3A3A38;
 --pewter:#9A958A;
 --bone:#D8D2C4;
 --brass:#B08D57;
 --brass-hover:#C6A370;
 --panel:#141210;
 --hairline:#9A958A2E; /* Pewter @ 18% */
}
html{scroll-behavior:smooth}
/* Stop the sticky header covering anchor targets */
.elementor-element[id]{scroll-margin-top:90px}
/* --- Section rule --- */
.hh-section{border-top:1px solid var(--hairline)}
/* --- Accent label (Oswald condensed caps) --- */
.hh-label{
 font-family:'Oswald','Arial Narrow',sans-serif;
 text-transform:uppercase;letter-spacing:2.6px;
 font-size:12px;font-weight:400;color:var(--pewter);
}
/* --- Rim text (hero eyebrow + footer strapline) --- */
.hh-rim{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:4px;font-size:11.5px;color:var(--pewter);
}
.hh-rim-text{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:3.4px;font-size:10.5px;color:var(--pewter);text-align:center;
}
/* --- Lede --- */
.hh-lede{
 font-family:'Cormorant Garamond',Georgia,serif;
 font-style:italic;font-weight:500;font-size:27px;line-height:1.42;
 color:var(--bone);max-width:56ch;
}
/* --- Body measure --- */
.hh-measure p{max-width:66ch}
/* --- Hairline grid. Apply to the PARENT container. --- */
.hh-grid{background:var(--hairline)}
.hh-grid > .e-con,
.hh-grid > .elementor-element{background:var(--panel)}
/* --- Service card --- */
.hh-card{transition:background .2s}
.hh-card:hover{background:#191918}
.hh-svc-url a,
a.hh-svc-url{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:1.6px;font-size:11px;color:var(--brass);text-decoration:none;
}
.hh-svc-url a:hover{text-decoration:underline}
.hh-tbd{color:var(--pewter)}
/* --- Photo / placeholder slots --- */
.hh-photo{
 border:1px solid var(--hairline);background:var(--panel);
 display:flex;align-items:center;justify-content:center;text-align:center;
}
.hh-4-5 img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}
.hh-4-3 img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.hh-21-9 img{aspect-ratio:21/9;object-fit:cover;width:100%;display:block}
.hh-9-16 img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}
/* --- The Duel --- */
.hh-duel{
 border:1px solid var(--hairline);
 border-top:2px solid var(--brass);
 background:var(--panel);
}
.hh-pill{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:2px;font-size:10.5px;color:var(--brass);
 border:1px solid var(--brass);padding:5px 12px;border-radius:2px;
 display:inline-block;
}
.hh-duel-diagram{
 padding:22px 0;
 border-top:1px solid #B08D5747;
 border-bottom:1px solid #B08D5747;
}
.hh-duel-diagram svg{width:100%;height:auto;max-height:250px}
/* SVG palette — required if the diagram is pasted inline */
.d-back{fill:var(--pewter);stroke:none;opacity:.8}
.d-cam{fill:none;stroke:var(--brass);stroke-width:1.1}
.d-arrow{fill:var(--brass);stroke:none}
.d-tv{fill:#B08D571F;stroke:var(--brass);stroke-width:1.1}
.d-wire{fill:none;stroke:var(--brass);stroke-width:1;stroke-dasharray:2 4;opacity:.7}
.d-actor{fill:none;stroke:var(--bone);stroke-width:1.2}
.d-class{fill:#9A958A24;stroke:var(--pewter);stroke-width:1}
.d-lbl{font-family:'Oswald',sans-serif;font-size:9px;letter-spacing:1.8px;fill:var(--pewter);textanchor:middle;text-transform:uppercase}
.d-lbl-in{fill:var(--bone);font-size:10px;letter-spacing:2.4px}
/* --- Credits (The Work) --- */
.hh-stat{
 font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
 font-size:32px;line-height:1.4;padding:28px 0 6px;
 border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
}
.hh-stat b{color:var(--brass);font-weight:400}
.hh-credits ul{list-style:none;margin:0;padding:0}
.hh-credits li{
 display:grid;grid-template-columns:190px 1fr;gap:26px;
 padding:20px 0;border-bottom:1px solid var(--hairline);align-items:start;
}
.hh-credits li:first-child{border-top:1px solid var(--hairline)}
.hh-credits .cat{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:2px;font-size:11.5px;color:var(--pewter);padding-top:5px;
}
.hh-credits .body{font-size:16.5px;line-height:1.62;color:var(--bone)}
.hh-closer{
 font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-style:italic;
 font-size:23px;color:var(--bone);
}
/* --- Testimonials --- */
.hh-quote .qm{
 font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;line-height:.6;
 color:var(--brass);opacity:.55;
}
.hh-quote .qbody{
 font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;
 font-size:21px;line-height:1.5;color:var(--pewter);
}
.hh-quote .qattr{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:2px;font-size:10.5px;color:var(--brass);
}
/* --- Rates / Policies panels --- */
.hh-list ul{list-style:none;margin:0;padding:0}
.hh-list li{
 padding:12px 0;border-bottom:1px solid var(--hairline);
 font-size:16px;line-height:1.6;color:var(--bone);
}
.hh-list li:last-child{border-bottom:none}
.hh-list li strong{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:1.6px;font-size:11.5px;color:var(--pewter);
 display:block;margin-bottom:3px;font-weight:400;
}
.hh-rate-lead{
 font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
 font-size:28px;color:var(--bone);padding-bottom:16px;
}
.hh-rate-lead b{color:var(--brass);font-weight:400}
/* --- Text link (underlined brass) --- */
.hh-textlink a,a.hh-textlink{
 font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;
 letter-spacing:2.2px;font-size:12px;color:var(--brass);text-decoration:none;
 border-bottom:1px solid #B08D5766;padding-bottom:4px;
}
.hh-textlink a:hover{border-color:var(--brass)}
/* --- Dev note --- */
.hh-devnote{
 border-left:2px solid var(--brass);padding:14px 18px;
 background:#B08D570D;
 font-size:13.5px;color:var(--pewter);line-height:1.7;
}
.hh-devnote b{
 font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.8px;
 font-size:10.5px;color:var(--brass);font-weight:400;display:block;margin-bottom:5px;
}
/* --- Map: force the Google embed dark --- */
.hh-map iframe{
 filter:invert(92%) hue-rotate(180deg) saturate(.35) contrast(.92);
 border:0;width:100%;min-height:300px;display:block;
}
/* --- FAQ accordion --- */
.hh-faq .e-n-accordion-item-title{
 font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:25px;
 line-height:1.3;color:var(--bone);
}
.hh-faq .e-n-accordion-item-title:hover{color:var(--brass)}
.hh-faq details{border-bottom:1px solid var(--hairline);padding:26px 0}
/* --- Placeholder text --- */
.hh-ph{color:var(--pewter);border-bottom:1px dotted var(--pewter)}
/* --- Responsive --- */
@media(max-width:860px){
 .hh-credits li{grid-template-columns:1fr;gap:6px}
 .hh-lede{font-size:23px}
 .hh-stat{font-size:26px}
}/* End custom CSS */