/*
LAVI Brand Visual System 1.4
Priority: black -> burgundy -> warm ivory -> greige
Source palette: official LAVI visual guide.
*/
:root{
  --lavi-black:#000000;
  --lavi-burgundy:#701d20;
  --lavi-ivory:#e1dccd;
  --lavi-greige:#beb4aa;
  --lavi-paper:#f8f6f1;
  --lavi-soft:#f3efe7;
  --lavi-line:#d8d0c6;
}
::selection{background:var(--lavi-burgundy);color:#fff}
body{background:#fff;color:var(--lavi-black)}
.site-header{background:rgba(255,255,255,.94)}
.site-header.scrolled{border-color:var(--lavi-greige);box-shadow:0 8px 30px rgba(0,0,0,.035)}
.main-nav a:after{background:var(--lavi-burgundy)}
.eyebrow{color:var(--lavi-burgundy)}
.button{background:var(--lavi-black);border-color:var(--lavi-black)}
.button:hover{background:var(--lavi-burgundy);border-color:var(--lavi-burgundy);color:#fff}
.button-ghost{background:transparent;color:var(--lavi-black)}
.button-ghost:hover{background:var(--lavi-black);border-color:var(--lavi-black);color:#fff}
.text-link,.category-card strong{border-bottom-color:var(--lavi-burgundy)}
.text-link:hover,.category-card:hover strong{color:var(--lavi-burgundy)}
.header-call{background:var(--lavi-burgundy)!important;border-color:var(--lavi-burgundy)!important;color:#fff!important}
.header-call:hover{background:var(--lavi-black)!important;border-color:var(--lavi-black)!important}
.header-catalog{border-color:var(--lavi-greige)!important}
.header-catalog:hover{background:var(--lavi-ivory)!important;border-color:var(--lavi-greige)!important;color:var(--lavi-black)!important}
.hero{border-bottom-color:var(--lavi-line)}
.hero-visual{background:var(--lavi-paper)}
.hero-meta{color:#655e57}
.hero-meta span+span:before{color:var(--lavi-burgundy)}
.hero-dot.active{background:var(--lavi-burgundy)!important;border-color:var(--lavi-burgundy)!important}
.hero-arrow:hover{border-color:var(--lavi-burgundy)!important;color:var(--lavi-burgundy)!important}
.section-soft{background:var(--lavi-paper)}
.section-dark{background:var(--lavi-black);color:#fff}
.feature-row{border-color:var(--lavi-line)}
.feature-row article{border-color:var(--lavi-line);position:relative}
.feature-row article:before{content:"";position:absolute;top:-1px;right:34px;width:34px;height:2px;background:var(--lavi-burgundy)}
.feature-row span,.process-grid span,.values-grid span{color:var(--lavi-burgundy)}
.category-card,.product-card{border-color:var(--lavi-line)}
.category-card:hover,.product-card:hover{border-color:var(--lavi-burgundy)}
.category-card span,.product-info>div>span{color:var(--lavi-burgundy)}
.category-visual,.product-visual,.product-stage{background:var(--lavi-paper)}
.product-visual>span,.product-stage>span{background:var(--lavi-burgundy);color:#fff;padding:5px 10px;letter-spacing:.13em;z-index:4}
.product-card{transition:border-color .25s,transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(112,29,32,.06)}
.tabs a{border-color:var(--lavi-line)}
.tabs a:hover{background:var(--lavi-ivory)}
.tabs a.active{background:var(--lavi-black);border-color:var(--lavi-black)}
.specs{border-color:var(--lavi-line)}
.specs div{border-color:var(--lavi-line)}
.specs dt{color:var(--lavi-burgundy)}
.process-grid,.values-grid{background:var(--lavi-line)}
.process-grid article,.values-grid article{background:var(--lavi-paper)}
.contact-panel{background:var(--lavi-black);border-top:5px solid var(--lavi-burgundy)}
.inquiry-form,.configuration-form input,.configuration-form textarea,.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border-color:var(--lavi-line)}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus,.configuration-form input:focus,.configuration-form textarea:focus{border-color:var(--lavi-burgundy);box-shadow:0 0 0 2px rgba(112,29,32,.08)}
.catalog-request-note{background:var(--lavi-paper)!important;border-color:var(--lavi-burgundy)!important}
.cta-box{position:relative;overflow:hidden;background:var(--lavi-black);border-right:7px solid var(--lavi-burgundy)}
.cta-box>*{position:relative;z-index:2}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 72%,var(--lavi-paper) 100%)}
.page-hero>.container{position:relative;z-index:2}
.page-hero:after,.cta-box:after,.site-footer:before,.hero-visual.is-abstract:after,.door-configurator-section .configurator-heading:after{
  content:"";position:absolute;background:url('../img/lavi-pattern.png') center/contain no-repeat;pointer-events:none;z-index:1
}
.page-hero:after{left:3.5%;bottom:24px;width:190px;height:74px;opacity:.22}
.cta-box:after{left:22px;bottom:16px;width:220px;height:82px;opacity:.11;filter:brightness(2.8)}
.hero-visual.is-abstract:after{left:22px;top:22px;width:150px;height:56px;opacity:.25}
.site-footer{position:relative;overflow:hidden;background:var(--lavi-paper);border-top-color:var(--lavi-greige)}
.site-footer:before{left:4%;top:24px;width:230px;height:88px;opacity:.22}
.footer-grid,.footer-bottom{position:relative;z-index:2}
.footer-grid h2{color:var(--lavi-burgundy)}
.footer-grid a:hover{color:var(--lavi-burgundy)}
.footer-bottom{border-top-color:var(--lavi-line)}
.footer-catalog{border-color:var(--lavi-burgundy);color:var(--lavi-burgundy)}
.footer-catalog:hover{background:var(--lavi-burgundy);border-color:var(--lavi-burgundy);color:#fff}
/* Configurator: color is concentrated on active and instructional micro-elements. */
.door-configurator-section{border-top-color:var(--lavi-line)}
.door-configurator-section .configurator-heading{position:relative}
.door-configurator-section .configurator-heading:after{left:0;top:2px;width:180px;height:64px;opacity:.2}
.configurator-step,.configurator-preview-card,.configurator-palette-card,.configuration-result{border-color:var(--lavi-line)}
.step-title>span{background:var(--lavi-burgundy);border-color:var(--lavi-burgundy);color:#fff}
.pattern-option{border-color:var(--lavi-line);background:var(--lavi-paper)}
.pattern-option:hover,.pattern-option.active{border-color:var(--lavi-burgundy);box-shadow:0 0 0 1px var(--lavi-burgundy),0 10px 30px rgba(112,29,32,.06)}
.pattern-option.active b{color:var(--lavi-burgundy)}
.config-panel.active{outline-color:var(--lavi-ivory);box-shadow:inset 0 0 0 9px var(--lavi-burgundy)}
.active-panel-status{border-color:var(--lavi-line)}
.active-panel-status span{color:var(--lavi-burgundy)}
.text-tool{border-bottom-color:var(--lavi-burgundy);color:var(--lavi-burgundy)}
.door-color{border-color:var(--lavi-line)}
.door-color:hover,.door-color.active{border-color:var(--lavi-burgundy);box-shadow:0 0 0 1px var(--lavi-burgundy)}
.door-color.active b{color:var(--lavi-burgundy)}
.palette-note{background:var(--lavi-paper);border-right-color:var(--lavi-burgundy)}
.configuration-summary{border-color:var(--lavi-line)}
.summary-head{background:var(--lavi-paper)}
.summary-head>div,.summary-doors article{border-color:var(--lavi-line)}
.flash-success{border-right:4px solid var(--lavi-burgundy);background:var(--lavi-paper)}
@media(max-width:800px){
  .page-hero:after{width:125px;height:48px;left:18px;bottom:14px;opacity:.16}
  .site-footer:before{width:150px;height:58px;left:18px;top:18px;opacity:.16}
  .door-configurator-section .configurator-heading:after{display:none}
  .feature-row article:before{right:20px}
}
