:root{--ink:#202922;--paper:#faf8f2;--cream:#f1ede4;--green:#263f32;--red:#c6533b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Mincho","Hiragino Mincho ProN",serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:40px;padding-left:4vw;background:#29342e;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.topbar button{height:40px;padding:0 28px;border:0;background:#fff;cursor:pointer}header{position:sticky;top:0;z-index:30;height:92px;padding:0 4vw;background:#fffc;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:12px}.brand i{display:grid;place-items:center;width:45px;height:45px;background:var(--green);color:#fff;border-radius:50%;font-style:normal;font-size:23px}.brand b,.brand small{display:block}.brand small{font:9px Arial;letter-spacing:.22em;margin-top:4px}nav{display:flex}header nav a{padding:36px 2vw;border-left:1px solid #ddd;font-size:13px}.hero{height:min(830px,calc(100vh - 40px));min-height:650px;position:relative;background:#111;color:#fff;overflow:hidden}.hero>figure{margin:0;width:100%;height:100%}.hero>figure img{width:100%;height:100%;object-fit:cover;object-position:18% center}.hero>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b 0,#0005 48%,transparent)}.hero figcaption{display:none}.hero-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);max-width:720px}.eyebrow{font:10px Arial;letter-spacing:.2em;color:#e5795f}.hero h2{font-size:clamp(48px,6vw,88px);line-height:1.25;margin:25px 0;font-weight:400}.body{font-size:15px;line-height:2;max-width:720px}.hero-copy>a,.hq a,.access a{display:inline-block;border:1px solid #ffffff88;padding:17px 22px;margin-top:25px}.seal{position:absolute;right:3vw;bottom:3vw;background:var(--red);padding:25px;font-size:24px}.seal small{display:block;font:9px Arial;margin-top:7px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.split>.visual{margin:0;min-width:0}.visual img{display:block;width:100%;height:100%;min-height:600px;object-fit:cover}.visual figcaption{position:absolute}.copy{padding:75px 7vw;align-self:center}.split h2,.plain h2,.support h2,.gallery h2,.retreat h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.45}.light{background:var(--paper)}.dark{background:#222c28;color:#fff}.green,.hq{background:var(--green);color:#fff}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid #bbb}.values b{padding:25px 0;font-size:22px}.values small{display:block;font:9px Arial;margin-top:8px}.plain{padding:90px max(6vw,calc((100vw - 1200px)/2))}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px}.cards article{background:var(--green);color:#fff;min-height:230px;padding:30px}.cards h3{font-size:28px;margin-top:75px}.history ol{list-style:none;padding:0;border-top:1px solid #ccc}.history li{display:grid;grid-template-columns:180px 1fr;padding:22px 0;border-bottom:1px solid #ccc}.history time{font:11px Arial;color:var(--red)}.portrait img{object-position:center 18%}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px}.song-grid article{background:#eee9df;padding:25px;min-height:170px}.song-grid article>span{font:11px Arial;color:var(--red)}.song-grid h3{font-size:19px}.song-grid p{line-height:1.7}.videos{display:grid;gap:2px;background:#111}.videos iframe{width:100%;height:200px;border:0}.english ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:10px}.english li{background:#eee9df;padding:20px}.retreat{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;padding:80px max(5vw,calc((100vw - 1320px)/2));background:var(--green);color:#fff}.mosaic{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(4,130px);gap:8px}.mosaic figure{position:relative;overflow:hidden;margin:0}.mosaic .featured{grid-row:1/5}.mosaic img{width:100%;height:100%;object-fit:cover}.mosaic figcaption{position:absolute;inset:auto 0 0;padding:25px 12px 10px;background:linear-gradient(transparent,#000b);font-size:12px}.support{padding:100px 10vw;background:#18211e;color:#fff;text-align:center}.support .body{margin:auto}.contact{display:flex;justify-content:center;gap:15px;margin-top:40px}.contact a{border:1px solid #ffffff77;padding:22px;min-width:260px}.contact small{display:block;margin-top:7px}.access iframe{width:100%;min-height:600px;border:0}.access a{border-color:#333}.gallery{padding:90px 5vw}.gallery>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery figure{margin:0;background:#eee}.gallery img{display:block;width:100%;height:270px;object-fit:cover}.gallery figcaption{display:flex;justify-content:space-between;padding:14px;gap:10px}.gallery time{font:10px Arial}footer{padding:50px 5vw;background:#131b17;color:#fff;display:flex;justify-content:space-between}.mobile{display:none}[data-lang="en"]{display:none}
@media(max-width:900px){header{height:72px}header nav{display:none}.hero{min-height:680px}.hero-copy{left:6vw;right:6vw;top:auto;bottom:90px;transform:none}.hero h2{font-size:clamp(40px,11vw,61px)}.split{grid-template-columns:1fr}.copy{padding:60px 6vw}.visual img{min-height:360px;height:420px}.song-grid{grid-template-columns:repeat(2,1fr)}.hq .videos iframe{height:220px}.english ul{grid-template-columns:1fr 1fr}.retreat{grid-template-columns:1fr;padding:60px 6vw}.gallery>div{grid-template-columns:1fr 1fr}.gallery img{height:190px}.mobile{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid #ddd;justify-content:space-around}.mobile a{display:grid;place-items:center;font-size:11px}body{padding-bottom:58px}}
@media(max-width:500px){.topbar{padding-left:3vw}.topbar button{padding:0 15px}.brand b{font-size:12px}.hero>figure img{object-position:22% center}.cards{grid-template-columns:1fr}.song-grid{grid-template-columns:1fr}.mosaic{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-inline:-6vw;padding-inline:6vw}.mosaic figure,.mosaic .featured{min-width:82vw;height:330px;scroll-snap-align:center}.contact{flex-direction:column}.contact a{min-width:0}.gallery>div{grid-template-columns:1fr}.gallery img{height:260px}.history li{grid-template-columns:1fr;gap:8px}}