/* LiArt offline reference v2 — scoped to the first two homepage sections only. */
body.home-liart-canvas{background:#f1dfca}
body.home-liart-canvas .liart-reference-v2{
  position:relative;width:100%;height:calc(100vh + 570px);min-height:1100px;overflow:hidden;isolation:isolate;
  background:#f8ecdf url('assets/liart-home-background-v2.png') center top/100% 100% no-repeat;
  font-family:'Cormorant Garamond',Georgia,serif;color:#5d342e
}
body.home-liart-canvas .liart-reference-v2::after{
  content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:clamp(140px,16vw,230px);
  background:linear-gradient(to bottom,rgba(241,223,202,0) 0%,rgba(241,223,202,.45) 48%,#f1dfca 100%);
  pointer-events:none
}
body.home-liart-canvas .liart-reference-v2 .liart-topbar{
  position:relative;z-index:10;width:min(92%,1120px);height:clamp(58px,7vw,82px);margin:0 auto;padding:0;
  display:flex;align-items:center;justify-content:space-between;background:transparent;border:0
}
body.home-liart-canvas .liart-reference-v2 .liart-brand{color:#873427;font-size:clamp(18px,1.65vw,26px);font-weight:600;text-decoration:none;white-space:nowrap}
body.home-liart-canvas .liart-reference-v2 .liart-brand span{color:#b77a22}
body.home-liart-canvas .liart-reference-v2 .liart-links{display:flex;align-items:center;gap:clamp(16px,2vw,30px);color:#50352f;font-size:clamp(14px,1.25vw,18px);font-weight:600}
body.home-liart-canvas .liart-reference-v2 .liart-links>a,body.home-liart-canvas .liart-reference-v2 .nav-drop-trigger{text-decoration:none}
body.home-liart-canvas .liart-reference-v2 .liart-links [aria-current="page"]{color:#9a4e2d;border-bottom:1px solid #b78a48}
body.home-liart-canvas .liart-reference-v2 .liart-en{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(80,53,47,.45);border-radius:50%}
body.home-liart-canvas .liart-mobile-actions{display:none;align-items:center;gap:14px}
body.home-liart-canvas .liart-mobile-lang{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(80,53,47,.45);border-radius:50%;color:#50352f;text-decoration:none;font-size:13px;font-weight:700}
body.home-liart-canvas .liart-mobile-menu{position:relative;z-index:30}
body.home-liart-canvas .liart-mobile-menu summary{cursor:pointer;list-style:none;color:#6b4a3c;font-weight:700}
body.home-liart-canvas .liart-mobile-menu summary::-webkit-details-marker{display:none}
body.home-liart-canvas .liart-mobile-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:10px;background:rgba(255,250,243,.98);border:1px solid rgba(175,132,77,.28);border-radius:14px;box-shadow:0 14px 34px rgba(91,61,40,.18)}
body.home-liart-canvas .liart-mobile-menu-panel a{display:block;padding:9px 11px;border-radius:9px;color:#50352f;text-decoration:none;font-weight:600}
body.home-liart-canvas .liart-mobile-menu-panel a:hover,body.home-liart-canvas .liart-mobile-menu-panel a:focus{background:#f1dfca}
body.home-liart-canvas .liart-hero-intro{position:relative;z-index:2;width:min(88%,1080px);height:clamp(430px,47vw,570px);margin:0 auto}
body.home-liart-canvas .liart-hero-copy{position:absolute;left:2.5%;top:8%;z-index:3;width:47%}
body.home-liart-canvas .liart-hero-copy h1{margin:0;color:#7f161b;font-size:clamp(42px,4.45vw,68px);line-height:1.04;letter-spacing:-.015em;font-weight:600}
body.home-liart-canvas .liart-hero-copy p{margin:clamp(14px,1.7vw,24px) 0 18px;color:#74635d;font-size:clamp(14px,1.35vw,19px);font-weight:600}
body.home-liart-canvas .liart-reference-v2 .liart-cta{position:static;display:inline-flex;align-items:center;min-height:44px;height:auto;padding:0 24px;border:0;border-radius:999px;background:#0c2d62;color:#fff9ef;box-shadow:0 10px 25px rgba(12,45,98,.28);font-size:clamp(14px,1.3vw,18px);font-weight:600;text-decoration:none}
body.home-liart-canvas .liart-reference-logo{position:absolute;z-index:2;top:1%;right:-2%;width:51%;height:auto;filter:drop-shadow(0 8px 8px rgba(91,50,30,.08))}

/* ID-level overrides intentionally neutralize old homepage experiments in site.css. */
body.home-liart-canvas #about.liart-about{
  position:absolute!important;left:50%!important;right:auto!important;top:calc(100vh + 80px)!important;transform:translateX(-50%);
  z-index:4!important;width:min(84%,1020px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important
}
body.home-liart-canvas #about.liart-about .liart-about-inner{
  position:relative!important;z-index:3!important;width:auto!important;min-height:clamp(270px,29vw,370px)!important;
  margin:0!important;padding:clamp(28px,3vw,42px) clamp(36px,4vw,58px) clamp(28px,3vw,42px) clamp(125px,12vw,165px)!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(175,132,77,.22)!important;border-radius:18px!important;background:rgba(255,250,243,.82)!important;
  box-shadow:0 15px 36px rgba(91,61,40,.11)!important;backdrop-filter:blur(2px)
}
body.home-liart-canvas #about.liart-about .liart-reference-brushes{
  position:absolute!important;z-index:5!important;left:clamp(-115px,-8vw,-72px)!important;top:clamp(2px,2vw,22px)!important;
  width:clamp(195px,19vw,260px)!important;height:clamp(300px,30vw,410px)!important;object-fit:contain!important;pointer-events:none
}
body.home-liart-canvas #about.liart-about .liart-kicker{margin:0 0 10px;color:#ae7b2b;font-size:clamp(12px,1vw,15px);font-weight:700;letter-spacing:.2em;text-transform:uppercase}
body.home-liart-canvas #about.liart-about h2{max-width:none;margin:0 0 18px;color:#7e3b39;font-size:clamp(28px,2.7vw,38px)!important;line-height:1.1;font-weight:600;white-space:nowrap}
body.home-liart-canvas #about.liart-about p{max-width:none;margin:0;color:#504037;font-size:clamp(15px,1.25vw,18px)!important;line-height:1.58;font-weight:500}
body.home-liart-canvas #about.liart-about p+p{margin-top:14px}
body.home-liart-canvas .liart-washes{display:none!important}
body.home-liart-canvas main.wrap,body.home-liart-canvas footer.wrap{position:relative;z-index:1;background:#f1dfca}

@media(max-width:900px){
  body.home-liart-canvas .liart-reference-v2{height:auto;min-height:0;background-size:min(1000px,195vw) auto;background-position:center top;padding-bottom:38px}
  body.home-liart-canvas .liart-reference-v2 .liart-topbar{width:90%;height:66px}
  body.home-liart-canvas .liart-reference-v2 .liart-links{display:none}
  body.home-liart-canvas .liart-mobile-actions{display:flex}
  body.home-liart-canvas .liart-reference-v2 .mobile-menu{display:block;color:#6b4a3c;font-weight:700}
  body.home-liart-canvas .liart-hero-intro{width:90%;height:700px;display:flex;flex-direction:column;padding-top:24px}
  body.home-liart-canvas .liart-hero-copy{position:relative;left:auto;top:auto;width:100%;z-index:4}
  body.home-liart-canvas .liart-hero-copy h1{font-size:clamp(40px,10.5vw,58px);max-width:590px}
  body.home-liart-canvas .liart-hero-copy p{max-width:520px;font-size:17px;line-height:1.4}
  body.home-liart-canvas .liart-reference-logo{top:auto;right:50%;bottom:10px;transform:translateX(50%);width:min(92%,560px)}
  body.home-liart-canvas #about.liart-about{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:86%!important;margin:0 auto!important}
  body.home-liart-canvas #about.liart-about .liart-about-inner{min-height:0!important;padding:36px 28px 32px!important}
  body.home-liart-canvas #about.liart-about .liart-reference-brushes{display:none!important;left:50%!important;top:-55px!important;transform:translateX(-50%);width:270px!important;height:350px!important}
  body.home-liart-canvas #about.liart-about h2{white-space:normal}
}
@media(max-width:520px){
  body.home-liart-canvas .liart-reference-v2{padding-bottom:28px}
  body.home-liart-canvas .liart-reference-v2 .liart-brand{font-size:17px}
  body.home-liart-canvas .liart-hero-intro{height:590px;padding-top:12px}
  body.home-liart-canvas .liart-hero-copy h1{font-size:39px;line-height:1.02}
  body.home-liart-canvas .liart-hero-copy p{font-size:14px;margin-top:14px;max-width:300px}
  body.home-liart-canvas .liart-reference-v2 .liart-cta{min-height:40px;padding:0 18px;font-size:14px}
  body.home-liart-canvas .liart-reference-logo{bottom:20px;width:105%;max-width:none}
  body.home-liart-canvas #about.liart-about{width:90%!important}
  body.home-liart-canvas #about.liart-about .liart-about-inner{padding:32px 22px 28px!important}
  body.home-liart-canvas #about.liart-about .liart-reference-brushes{display:none!important}
  body.home-liart-canvas #about.liart-about h2{font-size:30px!important}
  body.home-liart-canvas #about.liart-about p{font-size:15px!important;line-height:1.5}
}

/* Stable geometry for the two process video cards. */
body.home-liart-canvas #process .process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
body.home-liart-canvas #process .video-card{display:flex;flex-direction:column;overflow:hidden}
body.home-liart-canvas #process .process-video-preview{
  position:relative;display:block;width:100%;aspect-ratio:16/9;height:auto;
  margin:0;padding:0;border:0;border-radius:0;overflow:hidden;
  background:#e7ddd3;cursor:pointer;line-height:0
}
body.home-liart-canvas #process .process-video-preview img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center;display:block
}
body.home-liart-canvas #process .process-video-preview .play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:64px;height:64px;border-radius:50%;
  background:rgba(12,45,98,.90);color:#fff;font-size:24px;line-height:1;
  box-shadow:0 8px 24px rgba(12,45,98,.24)
}
body.home-liart-canvas #process .process-copy{display:flex;flex:1;flex-direction:column;padding:24px 26px 26px}
@media(max-width:700px){body.home-liart-canvas #process .process{grid-template-columns:1fr}}