.journal{padding:70px 0 55px;margin-top:65px;background:radial-gradient(ellipse at 0 50%,#e3e9dc88,transparent 55%),#f5f5ed;border-top:1px solid #dce1d3;border-bottom:1px solid #dce1d3}
.journal-heading{text-align:center}.journal-heading .eyebrow{color:#6e795c;margin-bottom:10px}.journal-heading h2{font:28px/1.6 "Yu Mincho",serif;margin-bottom:13px}.journal-heading>p:last-child{font-size:12px;color:#66705f}
.journal-carousel{max-width:640px;margin:30px auto 0}.journal-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 2px 10px}.journal-track::-webkit-scrollbar{display:none}
.journal-card{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;position:relative;border:1px solid #a8b397;border-radius:150px 150px 65px 65px;background:#fffef8 url("assets/botanical.svg") center/100% 100% no-repeat;padding:38px 26px 36px;text-align:center;isolation:isolate;overflow:hidden}
.journal-card:before{content:"";position:absolute;inset:7px;border:1px solid #c4bb98;border-radius:inherit;pointer-events:none;z-index:-1}
.journal-photo{width:150px;height:166px;max-width:100%;margin:0 auto 19px;border:1px solid #d8ccac;border-radius:72px 72px 15px 15px;overflow:hidden;background:#eee8d8}.journal-photo img{width:100%;height:100%;object-fit:contain}
.journal-category{font:9px/1.7 Arial,sans-serif;letter-spacing:.15em;color:#6d775c}.journal-card h3{font:18px/1.8 "Yu Mincho",serif;margin:9px 0 12px}.journal-card>p{font-size:12px;line-height:1.9;margin:0;color:#65705f}.journal-sample{display:inline-block;font-size:9px;border-top:1px solid #cec6aa;margin-top:19px;padding:9px 13px 0;color:#7c765f}
.journal-controls{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:22px}.journal-controls button{width:42px;height:42px;border:1px solid #a8b397;border-radius:50%;background:transparent;color:#305b4c;font-size:18px;cursor:pointer}.journal-controls button:hover{background:#e4eadd}.journal-controls button:disabled{opacity:.3;cursor:default}.journal-controls button:focus-visible,.journal-track:focus-visible{outline:2px solid #8b6325;outline-offset:4px}.journal-position{font:11px/1.8 Arial,sans-serif;letter-spacing:.13em;min-width:76px;text-align:center}.journal-note{text-align:center;font-size:10px;color:#747965;margin:15px 0 0}
.reveal-pending{opacity:0;transform:translateY(12px)}.reveal-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.journal-photo-still img{object-fit:cover;object-position:48% center}.salon-detail{max-width:300px;margin:25px 0 0}.salon-detail img{aspect-ratio:655/490;height:auto;object-fit:cover;border-radius:55px 6px 55px 6px;border:1px solid #ccd9ce}.salon-detail figcaption{font-size:10px;color:var(--muted);margin-top:9px;letter-spacing:.05em}.access{align-items:start}
@media(max-width:650px){.journal{padding:50px 0 40px;margin-top:45px}.journal-heading h2{font-size:24px}.journal-carousel{max-width:300px}.journal-track{gap:22px}.journal-card{flex-basis:100%;padding:34px 25px 30px}.journal-photo{width:140px;height:155px}.journal-card h3{font-size:18px}.journal-card>p{font-size:12px}.journal-heading>p:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reveal-pending,.reveal-visible{opacity:1;transform:none;transition:none}.journal-track{scroll-behavior:auto}}
.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{content:"";position:absolute;inset:-24px -20px -24px;z-index:-2;background:linear-gradient(90deg,rgba(252,253,249,.88),rgba(252,253,249,.76)),url("assets/hero-collage.png") center/cover no-repeat;border-radius:12px;pointer-events:none}
@media(max-width:650px){.hero-copy{padding-top:8px;padding-bottom:4px}.hero-copy:before{inset:-24px -6.818182% -20px;border-radius:0;background-position:center;background-image:linear-gradient(90deg,rgba(252,253,249,.87),rgba(252,253,249,.72)),url("assets/hero-collage.png")}.hero{gap:50px}}