:root{--bg:#fafaf7;--fg:#262a25;--muted:#73786f;--line:#dcdfd6;--accent:#3f6b47;--photo:#dfe4d9;--photo-ink:#5d6758;--font-jp:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--font-en:"Cormorant Garamond","Times New Roman",serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161816;--fg:#e6e8e2;--muted:#9da396;--line:#30352e;--accent:#93c49b;--photo:#262b25;--photo-ink:#a3ad9e;color-scheme:dark}}:root[data-theme=dark]{--bg:#161816;--fg:#e6e8e2;--muted:#9da396;--line:#30352e;--accent:#93c49b;--photo:#262b25;--photo-ink:#a3ad9e;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}img{max-width:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-jp);font-size:15px;line-height:2.1;letter-spacing:.04em}a{color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.in{max-width:680px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.photo{background:var(--photo);color:var(--photo-ink);display:grid;place-items:center;font-size:12px;letter-spacing:.1em;max-width:100%}.hero{position:relative;aspect-ratio:3/4;max-height:92vh;width:100%}@media(min-width:760px){.hero{aspect-ratio:16/9}}.hero .photo{position:absolute;inset:0}.hero-title{position:absolute;top:max(28px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.hero-title h1{margin:0;writing-mode:vertical-rl;font-size:clamp(30px,6vw,48px);font-weight:500;letter-spacing:.3em;line-height:1}.hero-title span{font-family:var(--font-en);font-size:13px;letter-spacing:.3em;color:var(--muted)}.intro{padding-block:80px 72px;display:grid;gap:28px;text-align:center}.intro .icons{justify-content:center}.intro h2{margin:0;font-size:22px;font-weight:500;letter-spacing:.2em}.intro p{margin:0;text-align:left}.intro .en{font-family:var(--font-en);font-size:17px;line-height:1.8;letter-spacing:.01em;color:var(--muted)}.cta{justify-self:center;display:inline-block;border:1px solid var(--fg);padding:12px 40px;text-decoration:none;font-size:15px;line-height:1.6;text-align:center}.cta small{display:block;font-family:var(--font-en);font-size:13px;color:var(--muted);letter-spacing:.08em}.cta:hover{background:var(--fg);color:var(--bg)}.cta:hover small{color:var(--bg)}.tiles{display:grid;gap:6px}.tile{position:relative;display:block;text-decoration:none;aspect-ratio:16/10;max-width:100%}@media(min-width:760px){.tile{aspect-ratio:21/8}}.tile .photo{position:absolute;inset:0;align-items:end;justify-items:end;padding:14px 18px}.tile .label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:grid;gap:2px;background:color-mix(in srgb,var(--bg) 82%,transparent);padding:14px 26px;min-width:min(78%,320px)}.tile .label b{font-weight:500;font-size:18px;letter-spacing:.14em}.tile .label span{font-family:var(--font-en);font-size:13px;letter-spacing:.14em;color:var(--muted)}.tile:hover .label{background:var(--bg)}main{padding-bottom:80px}footer{background:var(--fg);color:var(--bg)}footer .in{padding-block:56px 36px;display:grid;gap:28px}footer .name{font-size:20px;letter-spacing:.2em}footer nav{display:grid;gap:4px;font-family:var(--font-en);font-size:15px;letter-spacing:.16em}footer nav a{text-decoration:none;opacity:.85}footer nav a:hover{opacity:1;text-decoration:underline}footer .sns{display:flex;gap:18px;font-size:13px;flex-wrap:wrap}footer small{font-family:var(--font-en);font-size:12px;opacity:.6;letter-spacing:.1em}.icons{display:flex;flex-wrap:wrap;gap:22px}.icons a{display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--muted);font-size:11px;letter-spacing:.08em}.icons svg{width:46px;height:46px;padding:12px;border:1px solid var(--line);border-radius:50%;color:var(--fg);box-sizing:border-box}.icons a:hover svg{border-color:var(--accent);color:var(--accent)}.photo.has-img{padding:0;overflow:hidden}.photo.has-img img{width:100%;height:100%;object-fit:cover;display:block}.hero{background:#1c2430}.hero-img,.hero-img img{position:absolute;inset:0;width:100%;height:100%}.hero-img img{object-fit:cover;object-position:50% 40%;display:block}.hero-title h1{color:#f3f1ea}.hero-title span{color:#f3f1eabf}.page-head{padding-block:72px 32px;display:grid;gap:6px;text-align:center}.page-head h1{margin:0;font-size:26px;font-weight:500;letter-spacing:.2em}.page-head span{font-family:var(--font-en);font-size:13px;letter-spacing:.2em;color:var(--muted)}.page-photo{width:100%;max-height:70vh;object-fit:cover;display:block}.page-body{padding-block:56px;display:grid;gap:24px}.page-body p{margin:0}.top-link{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(20px,env(safe-area-inset-left,0px));text-decoration:none;font-size:15px;letter-spacing:.2em}.site-head{position:relative;height:56px}
