@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&family=Outfit:wght@400;500;600&display=swap");
:root{--ink:#28352b;--ink-soft:#516052;--sage:#73836c;--deep:#4d624f;--pale:#e7ece2;--cream:#fbfaf6;--sand:#efe9df;--mist:#f2f3ed;--line:rgba(66,81,65,.16);--serif:"Noto Serif JP",Georgia,serif;--sans:"Noto Sans JP",system-ui,sans-serif;--latin:"Outfit",Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}img{display:block;max-width:100%}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:900px}.center{text-align:center}.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;background:var(--ink);color:#fff}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:10;top:0;width:100%;padding:20px 0}.header-inner{display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font:600 21px/1 var(--serif)}.brand small{display:block;margin-top:5px;font:500 7px var(--sans);letter-spacing:.11em}.brand-mark{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--deep);border-radius:50%;font:15px var(--serif)}nav{display:flex;gap:24px;margin-left:auto;font:11px var(--sans);letter-spacing:.05em;color:var(--ink-soft)}.header-cta{padding:10px 14px;border:1px solid var(--deep);font-size:11px;color:var(--deep)}.header-cta:hover{background:var(--deep);color:#fff}
.hero{position:relative;min-height:min(770px,100svh);overflow:hidden;padding:120px 0 70px;background:linear-gradient(104deg,#f4f0e8 0%,#f7f6f0 54%,#e6ebdf 54%,#e1e8db 100%)}.hero-grain{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(47,60,46,.15) .45px,transparent .45px);background-size:7px 7px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.98fr) minmax(340px,1.02fr);align-items:center;gap:50px;min-height:580px}.hero-copy{padding-top:35px}.kicker,.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:var(--deep);font:500 10px/1.4 var(--latin);letter-spacing:.18em}.eyebrow:before,.eyebrow:after{content:"";width:27px;height:1px;background:currentColor;opacity:.7}.center.eyebrow,.eyebrow.center{justify-content:center}.hero-logo{margin-bottom:18px;color:#87907f;font:8px var(--latin);letter-spacing:.18em}.hero-logo strong{margin-left:8px;color:var(--deep);font:500 23px var(--serif);letter-spacing:.02em}.hero h1{margin-bottom:18px;font:500 clamp(38px,5.5vw,64px)/1.35 var(--serif);letter-spacing:.08em}.hero h1 em{color:var(--deep);font-style:normal}.hero-subtitle{margin-bottom:30px;color:var(--ink-soft);font-size:14px;line-height:2}.line-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 20px;background:var(--deep);box-shadow:0 10px 20px rgba(61,79,59,.16);color:#fff;font-size:13px;font-weight:600;transition:transform .18s var(--ease),background .18s var(--ease)}.line-button:hover{background:#3c4d3e;transform:translateY(-2px)}.line-button:active{transform:scale(.97)}.line-button.quiet{border:1px solid var(--deep);background:transparent;box-shadow:none;color:var(--deep)}.line-button.quiet:hover{background:var(--deep);color:#fff}.link-note,.edit-note{color:#798078;font-size:10px;line-height:1.8}.hero .link-note{margin-top:10px}.hero-visual{position:relative;width:min(100%,440px);justify-self:end}.photo{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#d8d9d3;background-image:linear-gradient(135deg,rgba(255,255,255,.28) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.16) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%);background-size:34px 34px;color:#656b63;text-align:center}.photo:before,.photo:after{position:absolute;z-index:-1;content:"";width:130%;height:1px;background:rgba(255,255,255,.42);transform:rotate(-32deg)}.photo:after{transform:rotate(32deg)}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:600}.photo small{font-size:10px;font-weight:400}.photo-tall{min-height:515px}.photo-wide{min-height:230px}.photo-square{aspect-ratio:1}.leaf-art{position:absolute;z-index:2;top:-25px;left:-45px;color:rgba(77,98,79,.48);font-size:100px;transform:rotate(-28deg)}.hero-caption{position:absolute;right:-40px;bottom:28px;margin:0;color:var(--deep);font:9px var(--latin);letter-spacing:.15em;writing-mode:vertical-rl}.scroll-cue{position:absolute;z-index:2;bottom:20px;left:max(20px,calc((100% - min(1120px,calc(100% - 40px)))/2));color:var(--deep);font:9px var(--latin);letter-spacing:.18em}
.section{position:relative;padding:116px 0}.split-grid{display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:clamp(48px,9vw,130px)}.section h2{margin:0;color:var(--ink);font:500 clamp(28px,4vw,43px)/1.6 var(--serif);letter-spacing:.04em}.copy{margin-top:25px;color:var(--ink-soft);font-size:14px;line-height:2.1}.copy p{margin-bottom:14px}.copy p:last-child{margin-bottom:0}.note{display:flex;gap:14px;margin-top:31px;padding:21px 23px;border-left:2px solid var(--sage);background:#f2f4ef;color:var(--ink-soft);font-size:12px;line-height:1.9}.visual-wrap{position:relative}.visual-tag,.profile-badge{position:absolute;right:-24px;bottom:-24px;padding:15px 17px;background:var(--deep);color:#fff;font:10px/1.7 var(--latin);letter-spacing:.12em;text-align:center}.concerns{background:var(--pale)}.intro{margin:25px auto 0;max-width:620px;color:var(--ink-soft);font-size:14px}.concerns-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:58px;align-items:center;max-width:875px;margin:52px auto 0}.orbit{position:relative;width:190px;height:190px;margin:auto;border:1px solid rgba(77,98,79,.4);border-radius:50%;color:var(--deep);font:10px var(--latin);letter-spacing:.12em}.orbit span{position:absolute;padding:3px 7px;background:var(--pale)}.orbit span:nth-child(1){top:-12px;left:22px}.orbit span:nth-child(2){right:-10px;bottom:36px}.orbit span:nth-child(3){bottom:10px;left:-4px}.orbit i{position:absolute;top:50%;left:50%;width:35px;height:35px;border:1px solid var(--deep);border-radius:50%;transform:translate(-50%,-50%)}.worry-list{margin:0;padding:0;list-style:none}.worry-list li{padding:14px 0;border-bottom:1px solid rgba(77,98,79,.18);color:var(--ink);font-size:14px}.concerns>.shell>p:last-child{margin-top:43px}.concept{background:#627664;color:#fff}.concept-grid{grid-template-columns:.92fr 1.08fr}.concept h2{color:#fff}.concept .eyebrow{color:#dfe8da}.concept .copy{color:#eef3eb}.quote{min-height:310px;padding:44px 30px;background:rgba(255,255,255,.08)}.quote>p:last-child{margin:40px 0 0;font:500 clamp(29px,3.4vw,39px)/1.75 var(--serif);letter-spacing:.08em}.steps{margin-top:28px;color:#e5eadf;font-size:11px;letter-spacing:.06em}.care{background:var(--sand)}.care-intro{display:grid;grid-template-columns:1fr .95fr;align-items:end;gap:80px}.care-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.care-cards article{min-height:205px;padding:25px;background:rgba(255,255,255,.72)}.care-cards .care-feature{grid-column:span 3;display:grid;grid-template-columns:.55fr .8fr 1.65fr;gap:20px;min-height:0;background:var(--deep);color:#fff}.care-cards small{display:block;margin-bottom:24px;color:var(--sage);font:11px var(--latin);letter-spacing:.12em}.care-cards h3{margin:0 0 15px;font:500 20px var(--serif);letter-spacing:.04em}.care-cards p{color:var(--ink-soft);font-size:12px;line-height:1.9}.care-feature p{color:#eef3ed}.care-steps{font-size:11px;line-height:2.2}.care-feature em{grid-column:2/-1;color:#d7dfd5;font-size:10px}.before-after{background:var(--mist)}.ba-grid{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:20px;margin-top:52px}.ba-grid figure{margin:0}.ba-grid figcaption{margin-top:10px;color:var(--deep);font:11px var(--latin);letter-spacing:.16em}.ba-arrow{color:var(--deep);font-size:24px;text-align:center}.menu-grid{grid-template-columns:.75fr 1.25fr;gap:clamp(55px,10vw,150px)}.english,.season{color:var(--sage);font:12px/1.8 var(--latin);letter-spacing:.12em}.english{margin-top:34px}.menu-list>div{display:grid;grid-template-columns:45px 1fr auto;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);color:var(--sage);font:11px var(--latin)}.menu-list strong{color:var(--ink);font:500 19px var(--serif)}.menu-list span{color:#7e837b;font:12px var(--sans)}.profile{background:#e8e9e2}.profile-name{margin-top:28px;color:var(--deep);font-size:13px}.profile-badge{right:-27px;bottom:-18px;width:105px;padding:14px}.profile-badge strong{display:block;margin-top:5px;font:20px/1.4 var(--serif)}.owner-notes{display:grid;gap:8px;margin-top:28px;color:#788078;font-size:11px}.values{background:var(--cream)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:45px}.values-grid article{padding:25px;background:var(--mist)}.values-grid small{color:var(--sage);font:11px var(--latin)}.values-grid h3{margin:12px 0 8px;font:500 18px var(--serif)}.values-grid p{margin:0;color:var(--ink-soft);font-size:12px}.workshop{background:var(--sand)}.workshop h2{margin-top:8px}.faq{background:#f2f3ed}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;color:var(--ink);font-size:14px}.faq details p{margin:12px 0 0;color:var(--ink-soft);font-size:13px}.access{background:var(--cream)}.access-info{margin-top:35px}.access-info p{display:grid;grid-template-columns:130px 1fr;margin:0;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px}.access-info b{color:var(--ink);font-weight:500}.access-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reservation{background:var(--deep);color:#fff}.reservation h2{color:#fff}.reservation .eyebrow{color:#dfe8da}.reservation .copy{color:#eef3eb}.instagram{display:inline-block;margin-top:28px;color:#dfe8da;font:12px var(--latin);letter-spacing:.08em}footer{padding:45px 0;background:#344636;color:#e5eadf}footer .shell{display:flex;align-items:baseline;gap:12px}footer strong{font:25px var(--serif)}footer span{font-size:10px}footer small{margin-left:auto;font:10px var(--latin)}
@media(max-width:800px){.shell{width:min(100% - 32px,620px)}.site-header{padding:14px 0}.site-header nav{display:none}.header-cta{margin-left:auto;padding:8px 10px;font-size:10px}.hero{min-height:auto;padding:105px 0 70px}.hero-grid,.split-grid,.concept-grid,.care-intro,.menu-grid{grid-template-columns:1fr;gap:48px}.hero-grid{min-height:0}.hero-copy{padding-top:20px}.hero-visual{width:min(100%,440px);justify-self:center}.hero-caption{right:-4px}.leaf-art{left:-15px}.scroll-cue{left:16px}.section{padding:82px 0}.about .photo-tall,.profile .photo-tall{min-height:400px}.concerns-grid{grid-template-columns:1fr;gap:38px}.worry-list{width:100%}.orbit{width:160px;height:160px}.care-cards{grid-template-columns:1fr 1fr}.care-cards .care-feature{grid-column:span 2;grid-template-columns:1fr;gap:4px}.care-feature em{grid-column:auto}.ba-grid{grid-template-columns:1fr;gap:18px}.ba-arrow{transform:rotate(90deg)}.values-grid{grid-template-columns:1fr}.access-photos{margin-top:0}.photo-square{aspect-ratio:4/3}.footer{} }
@media(max-width:480px){body{font-size:14px}.header-cta{max-width:130px;text-align:center}.hero h1{font-size:42px}.hero-subtitle{font-size:13px}.hero-visual{width:calc(100% - 20px)}.hero-caption{display:none}.photo-tall{min-height:360px!important}.care-cards{grid-template-columns:1fr}.care-cards .care-feature{grid-column:auto}.menu-list>div{grid-template-columns:38px 1fr;gap:8px}.menu-list span{grid-column:2}.access-info p{grid-template-columns:105px 1fr}.access-photos{grid-template-columns:1fr}.line-button{width:100%}}

/* STEP 3 minimal enhancements: JS is progressive only; content is visible by default. */
.menu-toggle,.mobile-menu{display:none}
@media (prefers-reduced-motion:no-preference){.reveal-ready .reveal-item{opacity:0;transform:translateY(12px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.reveal-ready .reveal-item.is-visible{opacity:1;transform:none}}
@media(max-width:800px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:8px 10px;border:1px solid var(--deep);background:transparent;color:var(--deep);font:10px var(--sans)}.header-cta{margin-left:0}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;z-index:30;inset:0;display:block;background:rgba(251,250,246,.98)}.mobile-menu-inner{display:flex;flex-direction:column;gap:0;width:min(100% - 32px,620px);margin:0 auto;padding:22px 0}.mobile-menu a,.menu-close{padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:14px var(--sans);text-align:left}.menu-close{align-self:flex-end;width:auto;padding:8px 0;border:0;color:var(--deep);font-size:11px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.values-grid article{min-height:0;padding:18px 14px}.values-grid h3{margin:10px 0 7px;font-size:15px;line-height:1.55}.values-grid p{font-size:11px;line-height:1.8}}
@media(max-width:480px){.site-header .header-inner{gap:8px}.brand{font-size:19px}.header-cta{display:none}.menu-toggle{margin-left:auto}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.values-grid article{padding:16px 12px}.values-grid h3{font-size:14px}.values-grid p{font-size:10px}}