:root{
 --p-red:oklch(0.505 0.184 27);--p-ink:oklch(0.25 0.018 45);--p-paper:oklch(0.985 0.004 80);--p-white:oklch(0.99 0 0);--p-grey:oklch(0.65 0 0);
 --brand:var(--p-red);--ink:var(--p-ink);--paper:var(--p-paper);--white:var(--p-white);--panel:rgba(35,24,21,.76);
 --font-jp:"M PLUS 1p","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--font-en:"Marcellus",serif;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font:500 16px/1.7 var(--font-jp);letter-spacing:.04em;color:#333;background:var(--paper);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--white);outline-offset:4px}.wrap{width:min(100% - 32px,1120px);margin-inline:auto}.en{font-family:var(--font-en);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;inset:0 0 auto;z-index:20;height:80px;display:flex;align-items:center;justify-content:space-between;padding:16px;color:var(--white)}.brand{display:flex;align-items:center;gap:10px;min-height:48px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--white);color:#171310;font:700 15px/1 var(--font-jp);letter-spacing:-.04em}.brand-copy{font:14px/1.2 var(--font-en);letter-spacing:.1em}.menu-btn{width:48px;height:48px;display:grid;align-content:center;gap:7px;padding:10px}.menu-btn i{display:block;width:28px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}.menu-btn[aria-expanded=true] i:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-btn[aria-expanded=true] i:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.drawer{position:fixed;inset:0 0 0 auto;z-index:30;width:min(86vw,360px);padding:104px 32px 40px;background:#333;color:var(--white);transform:translateX(100%);transition:transform .24s ease-out}.drawer.open{transform:none}.drawer nav{display:grid}.drawer a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:15px;min-height:52px}.drawer-close{position:absolute;right:16px;top:16px;width:48px;height:48px;font-size:28px}.backdrop{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s}.backdrop.show{opacity:1;pointer-events:auto}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;color:var(--white);background:#231815}.hero-bg{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center;filter:saturate(.82)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,10,.3),rgba(20,12,10,.05) 40%,rgba(20,12,10,.82))}.hero-top{position:absolute;z-index:1;top:96px;left:16px;font:32px/1 var(--font-en);letter-spacing:.13em}.hero-content{position:relative;z-index:1;padding:0 20px max(52px,env(safe-area-inset-bottom));width:min(760px,100%)}.hero-kicker{display:inline-grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--brand);font:17px/1.25 var(--font-en);text-align:center;margin-bottom:24px}.hero h1{font-size:clamp(27px,7.8vw,34px);line-height:1.55;font-weight:500;letter-spacing:.05em}.hero-sub{margin-top:12px;font-size:15px}.scroll-cue{margin-top:28px;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:14px}
.find{padding:64px 0 72px}.section-head{margin-bottom:28px}.section-head .en{font-size:36px;line-height:1.2;color:var(--ink)}.section-head h2{font-size:24px;line-height:1.5;margin-top:8px;font-weight:500}.section-head p{font-size:15px;margin-top:8px;color:#554c48}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{position:relative;aspect-ratio:.83;overflow:hidden;border-radius:5px;background:#231815;color:var(--white);text-align:left;isolation:isolate}.category img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .25s ease-out;z-index:-2}.category::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(35,24,21,.9));z-index:-1}.category-label{position:absolute;inset:auto 12px 14px;font-size:17px;line-height:1.55;font-weight:500}.category small{display:block;font:12px/1.4 var(--font-en);letter-spacing:.1em;margin-bottom:5px}.category:active img{transform:scale(1.04)}.category.selected{outline:3px solid var(--white);outline-offset:-6px}
.videos{padding:56px 0 64px;background:#302723;color:var(--white)}.videos[hidden]{display:none}.video-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.video-top .en{font-size:30px}.video-top h2{font-size:23px;line-height:1.45;margin-top:8px}.back-btn{flex:0 0 auto;min-width:84px;min-height:44px;border:1px solid var(--white);border-radius:5px;padding:8px 12px;font-size:13px}.video-count{font-size:13px;margin-bottom:20px;color:#f4efec}.video-list{display:grid;gap:28px}.video-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;color:var(--white);width:100%}.video-card .thumb{flex:none}.video-open{display:block;width:100%;text-align:left}.thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#191310}.thumb img{height:100%;object-fit:contain}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(35,24,21,.82);border:1px solid var(--white)}.play::before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--white);margin-left:4px}.video-title{display:block;font-size:17px;line-height:1.6;margin-top:12px;font-weight:500}.video-meta{display:block;font-size:13px;line-height:1.7;margin-top:4px;color:#e3dad5}
.contact-band{padding:40px 0;background:#999}.contact-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-radius:5px;overflow:hidden}.contact-grid a{display:grid;place-items:center;min-height:88px;color:#333;font-size:18px}.contact-grid a+a{border-left:1px solid #b7b7b7}.map-link{display:block;width:fit-content;margin:20px auto 0;min-height:44px;padding:10px 16px;border:1px solid var(--white);border-radius:5px;color:var(--white);font-size:14px}
.more-btn{display:block;width:min(100%,360px);min-height:52px;margin:36px auto 0;border:1px solid var(--white);border-radius:5px;color:var(--white);font-size:15px}.more-btn[hidden]{display:none}
.page-top{display:grid;place-items:center;min-height:84px;background:#333;color:var(--white);font:15px var(--font-en)}footer{background:var(--brand);color:var(--white);padding:36px 20px max(24px,env(safe-area-inset-bottom));text-align:center}.footer-links{display:flex;align-items:flex-start;justify-content:center;gap:24px}.footer-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:64px;font-size:11px;letter-spacing:.02em}.footer-links svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.footer-links svg .fill{fill:currentColor;stroke:none}.copyright{margin-top:20px;font-size:11px}
.player-dialog{position:fixed;inset:0;z-index:50;width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(20,14,12,.97);color:var(--white);padding:0}.player-dialog::backdrop{background:rgba(20,14,12,.9)}.player-inner{height:100%;display:grid;align-content:center;gap:20px;width:min(100% - 32px,1000px);margin:auto}.player-frame{aspect-ratio:16/9;width:100%;background:#000}.player-frame iframe{display:block;width:100%;height:100%;border:0}.player-title{font-size:17px;line-height:1.6}.player-close{position:fixed;right:12px;top:max(12px,env(safe-area-inset-top));width:48px;height:48px;border:1px solid var(--white);border-radius:5px;color:var(--white);font-size:25px;z-index:2}
@media(min-width:700px){.site-header{padding:20px 36px;height:96px}.brand-mark{width:64px;height:64px;font-size:18px}.brand-copy{font-size:17px}.hero-top{left:36px;top:118px;font-size:44px}.hero-content{padding:0 7vw 72px}.hero-kicker{width:110px;height:110px;font-size:20px}.find{padding:88px 0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category{aspect-ratio:1.25}.category-label{font-size:20px;inset:auto 20px 20px}.video-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.contact-grid a{min-height:110px;font-size:22px}.hero h1{font-size:48px;line-height:1.5;letter-spacing:.06em}.hero-sub{font-size:16px}.section-head h2{font-size:28px}.category-label{line-height:1.6}footer{padding:40px max(40px,7vw)}.footer-links{gap:48px}.footer-links a{font-size:12px}.footer-links svg{width:30px;height:30px}.player-close{right:24px;top:24px}}
@media(hover:hover){.category:hover img{transform:scale(1.04)}a:hover,button:hover{opacity:.82}.contact-grid a:hover{background:#f0ebe8;opacity:1}.back-btn:hover,.map-link:hover,.more-btn:hover{background:var(--white);color:#231815;opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Keep hidden navigation out of keyboard interaction and preserve readable focus. */
:focus-visible{outline-color:var(--brand)}
.site-header :focus-visible,.drawer :focus-visible,.videos :focus-visible,.player-dialog :focus-visible{outline-color:var(--white)}
.brand-mark{object-fit:contain;padding:5px}
.player-external{font-size:14px;text-decoration:underline;text-underline-offset:5px;width:fit-content}