:root{--paper:#eee8de;--white:#f8f6f1;--ink:#26251f;--muted:#665f51;--black:#121410;--gold:#cfb47a;--serif:"Songti SC",SimSun,serif;--sans:Arial,"Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.9 var(--sans)}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.4}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--white);z-index:10}.skip:focus{top:10px}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;background:var(--black);color:var(--white)}.logo{font:36px/1 Georgia,serif;color:var(--gold);letter-spacing:.08em}header nav{display:flex;gap:30px;font-size:14px}
.hero{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:740px;overflow:hidden}.hero-copy{padding:65px 0 65px 14%}.page-name{font-size:16px;margin-bottom:22px;color:var(--muted)}h1{font-size:clamp(36px,4.1vw,64px)}.lead{font-size:22px;margin:30px 0 12px}.hero-copy>p:not(.lead):not(.page-name){color:var(--muted)}.action{display:inline-flex;gap:35px;align-items:center;min-height:48px;background:var(--black);color:var(--white);padding:10px 22px;margin-top:30px;font-size:16px}.equipment{padding:25px 4% 20px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.equipment>img{width:100%;height:680px;object-fit:contain}.equipment figcaption{text-align:center}.equipment button{border:0;background:transparent;color:var(--muted);padding:12px 20px;font-size:14px}
.service{display:grid;grid-template-columns:45% 55%;align-items:center;background:var(--black);color:var(--white);padding:80px 8%;gap:4%}.bottle{height:560px;display:grid;place-items:center}.bottle img{height:100%;width:80%;object-fit:contain}.service-copy{max-width:510px}h2{font-size:clamp(30px,3.1vw,46px)}.service-copy p{margin-top:26px;max-width:29em;color:#ddd5c5}.service-copy .service-note{color:var(--gold);font-size:15px;margin-top:40px}
.explore{padding:90px 8%;display:flex;justify-content:space-between;align-items:center;gap:50px;background:var(--white)}.explore p{margin-top:18px;color:var(--muted)}.explore nav{display:flex;flex-direction:column;min-width:210px;gap:10px}.explore a{display:flex;justify-content:space-between;gap:55px;padding:10px 0}.explore a:hover{color:#806d49}footer{padding:35px 5%;font-size:14px}
dialog{border:0;background:var(--paper);padding:20px;max-width:94vw;max-height:94svh}dialog::backdrop{background:#000c}dialog img{height:78svh;width:auto;object-fit:contain;margin:auto}dialog button{display:block;margin-left:auto;border:0;background:var(--black);color:var(--white);padding:10px 20px}body:has(dialog[open]){overflow:hidden}
@media(max-width:760px){header{padding:20px 6%;gap:12px}.logo{font-size:29px}header nav{gap:16px;font-size:13px}header nav a:last-child{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:40px 7% 15px;width:100%}h1{font-size:36px}.page-name{margin-bottom:14px}.lead{font-size:19px;margin-top:22px}.hero-copy p{font-size:16px}.equipment{width:100%;padding:0 5% 28px}.equipment>img{height:490px}.service{display:flex;flex-direction:column;padding:45px 7% 55px;gap:35px}.bottle{height:350px;width:100%}.service-copy p{font-size:16px}.explore{padding:55px 7%;display:block}.explore nav{margin-top:25px}.explore a{padding:13px 0}footer{flex-wrap:wrap;padding:28px 7%;gap:22px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}