/*
Theme Name: BARCHON Home Scene
Template: barchon-b2b-v3
Version: 1.5.0
Author: BARCHON
Description: BARCHON lifestyle scene and procurement-focused catalog, supplier evaluation and inquiry experience.
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: barchon-home-scene
*/
.home-scene{position:relative;margin:0;background:#faf7ef;color:#2d1811;isolation:isolate}
.home-scene__image{display:block;width:100%;height:auto;aspect-ratio:2/1;margin:0}
.home-scene__stage{position:relative}
.home-scene__intro{position:absolute;left:44%;top:4%;width:42%;max-width:680px;z-index:1}
.home-scene__intro .eyebrow{margin:0 0 12px;font-size:12px;line-height:16px;color:#52623d}
.home-scene__intro h1{margin:0 0 16px;font-size:48px;line-height:1;font-weight:700;letter-spacing:-.035em;color:#2d1811;text-wrap:balance}
.home-scene__lead{max-width:480px;margin:0 0 16px;font-size:16px;line-height:24px;color:#49392f;text-wrap:pretty}
.home-scene__explore{display:none;font-size:14px;line-height:20px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-scene__explore:focus-visible{outline:3px solid #657a48;outline-offset:4px}
.home-life-note{padding:64px max(24px,calc((100vw - 1280px)/2));background:#e8eddc;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.home-life-note h2{margin:0;font-size:36px;line-height:40px;letter-spacing:-.03em;font-weight:650;text-wrap:balance}
.home-life-note p{margin:0;color:#5f504a;font-size:16px;line-height:24px;text-wrap:pretty}
#home-products-title{scroll-margin-top:120px}
@media(min-width:1101px) and (max-width:1535px){.home-scene__intro h1{font-size:36px;line-height:40px}.home-scene__lead{font-size:14px;line-height:20px}}
.home-scene__dot{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;border:0;background:transparent;display:grid;place-items:center;text-decoration:none;z-index:2}
.home-scene__dot::before{content:'';width:32px;height:32px;box-sizing:border-box;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.22)}
.home-scene__dot::after{content:'';position:absolute;inset:6px;box-sizing:border-box;border:1px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none;animation:scene-ripple 2.6s cubic-bezier(.22,1,.36,1) infinite}
.home-scene__dot:nth-of-type(2)::after{animation-delay:-.9s}
.home-scene__dot:nth-of-type(3)::after{animation-delay:-1.8s}
@keyframes scene-ripple{0%{transform:scale(1);opacity:.65}75%,100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.home-scene__dot::after{animation:none;opacity:0}}
.home-scene__dot:hover::before,.home-scene__dot[aria-expanded="true"]::before{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.75)}
.home-scene__dot:focus-visible{outline:3px solid #657a48;outline-offset:4px}
.home-scene__hint{position:absolute;right:32px;bottom:24px;margin:0;padding:8px 16px;background:rgba(250,247,239,.88);color:#2d1811;font-size:12px;line-height:16px;border-radius:4px}
.home-scene__card{position:absolute;left:var(--panel-x,40%);top:var(--panel-y,24%);z-index:3;width:288px;max-width:calc(100% - 32px);padding:24px;background:#faf7ef;border:1px solid rgba(45,24,17,.15);border-radius:4px;box-shadow:0 8px 32px rgba(45,24,17,.13)}
.home-scene__card[hidden]{display:none}
.home-scene__card .eyebrow{margin:0 32px 12px 0;font-size:12px;line-height:16px}
.home-scene__card h2{margin:0 16px 12px 0;font-size:24px;line-height:32px;letter-spacing:-.02em;text-wrap:balance}
.home-scene__card p:not(.eyebrow){font-size:14px;line-height:20px;margin:0 0 16px;color:#5f504a}
.home-scene__card a{display:inline-block;color:#2d1811;font-size:14px;line-height:20px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.home-scene__close{position:absolute;top:4px;right:4px;width:40px;height:40px;background:transparent;border:0;font:400 24px/1 sans-serif;color:#2d1811;cursor:pointer}
.home-scene__close:focus-visible,.home-scene__card a:focus-visible{outline:3px solid #657a48;outline-offset:2px}
.home-scene__hint-touch{display:none}
.contact-dock{right:max(16px,env(safe-area-inset-right,0px))}
@media(max-width:680px){.contact-dock{right:max(8px,env(safe-area-inset-right,0px))}}
@media(hover:none){.home-scene__hint-mouse{display:none}.home-scene__hint-touch{display:inline}}
@media(max-width:680px){.home-scene__dot{width:44px;height:44px}.home-scene__hint{position:static;text-align:center;background:#faf7ef;padding:12px 16px;border-radius:0}.home-scene__card{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:0;padding:24px;border-radius:0;box-shadow:none}.home-scene__image{aspect-ratio:2/1}.home-scene__stage{position:relative}.home-scene__card h2{font-size:20px;line-height:28px}}
@media(max-width:1100px){.home-scene__intro{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:40px 24px;background:#faf7ef}.home-scene__intro h1{font-size:36px;line-height:40px}.home-scene__lead{max-width:680px}.home-scene__explore{display:inline-block}.home-scene__hint{position:static;text-align:center}.home-scene__card{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:0;border-radius:0;box-shadow:none}.home-life-note{grid-template-columns:1fr;gap:24px;padding:40px 24px}.home-life-note h2{font-size:30px;line-height:36px}}