*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f5f2eb;color:#292924;font:16px/1.85 Arial,'Microsoft YaHei',sans-serif}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #977d51;outline-offset:6px}figure,h1,h2,h3,p{margin:0}h1,h2{font-family:'Songti SC',SimSun,serif;font-weight:400;line-height:1.35}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 4%}.logo{font:34px/1 Georgia,serif;letter-spacing:.12em}nav{display:flex;gap:30px;font-size:13px}.back{font-size:12px}.opening{display:flex;flex-direction:column;padding:0 4%}.opening-photo{order:0}.opening-photo img{aspect-ratio:1.95;object-fit:cover;object-position:center 48%}.opening-photo figcaption{display:none}.opening-type{order:1;display:grid;grid-template-columns:1fr auto;gap:12px 25px;padding:32px 0 0;align-items:center}.opening-type>p{font-size:12px;color:#756751;grid-column:1}.opening h1{font-size:clamp(32px,3.7vw,56px);grid-column:1}.opening-type>a{grid-column:2;grid-row:1/3;font-size:13px;text-decoration:underline;text-underline-offset:8px}.attraction{padding:100px 10% 95px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:8%;align-items:start}.attraction-title{grid-column:1;grid-row:1;padding-top:22px}.attraction h2{font-size:clamp(30px,3.3vw,48px)}.attraction-title p{font-size:14px;margin-top:22px;color:#625d53}.portrait-spread{display:contents}.portrait-spread .man{grid-column:1;grid-row:2;width:75%;margin-top:38px}.portrait-spread .woman{grid-column:2;grid-row:1/3}.portrait-spread img{aspect-ratio:4/5;object-fit:cover}.portrait-spread figcaption{font-size:12px;color:#756751;margin-top:12px}.portrait-spread .woman figcaption{text-align:right}.details{padding:0 4% 65px;background:#ece5db}.details-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1320px;margin:auto;padding:65px 4% 60px}.product-scene{width:90%;aspect-ratio:4/5;object-fit:cover}.product-copy h2{font-size:clamp(32px,3.6vw,52px);margin:18px 0 25px}.product-copy>p{font-size:14px;line-height:2}.product-copy .family{font-size:12px;color:#756751}.product-end{margin-top:25px;color:#625d53}.ingredients{aspect-ratio:1.95;object-fit:cover;object-position:center;max-height:700px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0 22px}.notes>div{padding-left:8%}.notes span{font-size:12px;color:#756751}.notes h3{font-size:18px;font-weight:400;margin-top:8px}.fine{font-size:11px;color:#756f63;margin-left:2.7%}.friends{padding:90px 4% 65px;display:grid;grid-template-columns:1fr 3fr;gap:35px;align-items:start}.friends-top{grid-column:1;padding-top:25px}.friends-top h2{font-size:clamp(28px,3vw,44px);max-width:5em}.friends-top p{font-size:13px;line-height:2;margin-top:25px;max-width:15em;color:#625d53}.friends>img{grid-column:2;grid-row:1;aspect-ratio:4/3;object-fit:cover}.friends-bottom{grid-column:2;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#756751;margin-top:-20px}.refill{margin:15px 4% 0;background:#eee9df;display:flex;justify-content:center;align-items:center;gap:12%;padding:45px 6%}.refill img{width:160px;height:260px;object-fit:contain}.refill h2{font-size:30px}.refill p{font-size:13px;margin:20px 0}.refill a{font-size:13px;text-decoration:underline;text-underline-offset:7px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px 4%;background:#f5f2eb}footer .logo{color:#6f5a36}footer p{font-size:13px}footer small{font-size:10px;color:#756751;max-width:32em}
@media(min-width:1600px){header,main,footer{max-width:1800px;margin:auto}}
@media(max-width:760px){header{padding:20px 5%;gap:15px}.logo{font-size:27px}nav{gap:13px;font-size:11px}.back{display:none}.opening{padding:0 5%}.opening-photo img{aspect-ratio:1.14;object-position:53% center}.opening-type{display:block;padding-top:25px}.opening-type>p{font-size:11px}.opening h1{font-size:30px;margin:12px 0 18px}.opening-type>a{font-size:12px}.attraction{padding:55px 5%;gap:20px;grid-template-columns:1fr 1fr}.attraction-title{grid-column:1/-1;grid-row:1;padding:0 0 4px}.attraction h2{font-size:30px}.attraction-title p{font-size:13px;margin-top:15px}.portrait-spread .man{grid-column:1;grid-row:2;width:100%;margin-top:35px}.portrait-spread .woman{grid-column:2;grid-row:2}.portrait-spread figcaption{font-size:11px}.details{padding:0 5% 35px}.details-intro{padding:35px 0;gap:25px;grid-template-columns:1fr}.product-scene{width:78%;max-height:540px;margin:auto}.product-copy h2{font-size:32px;margin:12px 0 18px}.product-copy>p{font-size:13px}.product-end{margin-top:18px}.ingredients{aspect-ratio:1.5}.notes{gap:12px;margin:20px 0}.notes>div{padding:0}.notes span{font-size:11px}.notes h3{font-size:14px;line-height:1.7}.fine{margin:0;font-size:10px}.friends{padding:50px 5% 35px;display:flex;flex-direction:column;gap:23px}.friends-top{padding:0}.friends-top h2{max-width:none;font-size:30px}.friends-top p{max-width:none;font-size:13px;margin-top:15px}.friends-bottom{margin:0;font-size:10px;width:100%}.friends-bottom>span:last-child{display:none}.refill{margin:0 5%;gap:23px;padding:30px 5%}.refill img{width:30%;height:200px}.refill h2{font-size:24px}.refill p,.refill a{font-size:12px}footer{padding:35px 5%;flex-wrap:wrap;gap:20px}footer small{flex-basis:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Consistent reading scale; the refill service is a full content section. */
nav,.back{font-size:15px}
.opening h1{font-size:clamp(30px,2.3vw,38px)}
.attraction h2,.product-copy h2,.friends-top h2{font-size:clamp(28px,2.1vw,34px)}
.opening-type>p,.product-copy .family,.portrait-spread figcaption,.notes span,.friends-bottom{font-size:14px}
.opening-type>a,.attraction-title p,.product-copy>p,.friends-top p{font-size:17px;line-height:1.85}
.notes h3{font-size:20px}.fine{font-size:13px}
.friends-top h2{max-width:none}.friends-top p{max-width:18em}
.refill{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:8%;padding:48px 8%;align-items:center}
.refill img{width:100%;height:440px;object-fit:contain}
.refill h2{font-size:32px}.refill p{font-size:17px;margin:24px 0}.refill a{font-size:16px;display:inline-block;padding:8px 0}
footer p{font-size:15px}footer small{font-size:12px;max-width:36em}
@media(max-width:760px){nav{font-size:12px}.opening h1{font-size:29px}.attraction h2,.product-copy h2,.friends-top h2{font-size:27px}.opening-type>p,.product-copy .family,.portrait-spread figcaption,.notes span,.friends-bottom{font-size:13px}.opening-type>a,.attraction-title p,.product-copy>p,.friends-top p{font-size:16px}.notes h3{font-size:16px}.fine{font-size:12px}.refill{grid-template-columns:1fr;gap:28px;padding:32px 7%;text-align:left}.refill img{height:360px;width:100%}.refill h2{font-size:27px}.refill p{font-size:16px;margin:18px 0}.refill a{font-size:15px}footer small{font-size:12px}}