:root{color-scheme:dark;--dark:#231a15;--cream:#f3eee4;--gold:#d9b184;--muted:#b6aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--cream);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit}.skip{position:absolute;top:-80px;left:12px;z-index:30;background:var(--cream);color:var(--dark);padding:10px}.skip:focus{top:8px}.site-header{height:70px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;background:var(--dark);border-bottom:1px solid #5b4336}.mark{font-family:"Yu Mincho",serif;font-size:1.17rem;letter-spacing:.13em;text-decoration:none}.mark small{font-family:sans-serif;font-size:.66rem;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:clamp(15px,3vw,40px)}nav a{font-size:.78rem;text-decoration:none}.hero{position:relative;min-height:min(810px,calc(100svh - 70px));display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,15,12,.82) 0%,rgba(21,15,12,.66) 26%,rgba(21,15,12,.08) 59%,transparent 100%)}.hero-content{position:relative;z-index:1;padding:55px clamp(22px,6vw,100px);max-width:780px}.eyebrow,.index{font-size:.68rem;letter-spacing:.22em;color:var(--gold)}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.09em;line-height:1.05;margin:24px 0 22px;font-size:clamp(5rem,10vw,10rem)}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:1.14em}.hero-line{font-family:"Yu Mincho",serif;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:.16em;margin:0 0 22px}.hero-body{font-size:.86rem;line-height:2.1;color:#f1e7da}.hero-link{display:inline-block;margin-top:25px;padding:0 0 11px;border-bottom:1px solid var(--gold);text-decoration:none;font-size:.82rem;letter-spacing:.13em}.hero-link span{margin-left:28px}.photo-label{position:absolute;right:24px;bottom:16px;font-size:.66rem;text-shadow:0 1px 5px #000;background:rgba(0,0,0,.28);padding:5px 8px}.hands{padding:clamp(85px,10vw,150px) clamp(20px,6vw,100px);background:var(--cream);color:var(--dark);display:grid;grid-template-columns:minmax(250px,37%) 1fr;gap:clamp(30px,6vw,90px)}.hands .index,.closing .index{color:#95663c}.hands h2,.closing h2{font-family:"Yu Mincho",serif;font-size:clamp(2.5rem,4.6vw,5.2rem);font-weight:500;line-height:1.35;letter-spacing:.08em;margin:20px 0 32px}.hands-heading p{max-width:330px;line-height:2.1;font-size:.86rem}.detail-photo{aspect-ratio:1.3;overflow:hidden;background:#584333}.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center;display:block;transition:transform .6s ease,object-position .6s ease}.detail-photo.is-close img{transform:scale(1.5);object-position:93% 47%}.detail-control{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ad9f8d;padding:16px 0}.detail-control p{font-family:"Yu Mincho",serif;font-size:.9rem;margin:0}.detail-control button{border:1px solid var(--dark);background:transparent;padding:12px 18px;cursor:pointer;white-space:nowrap;font:inherit;font-size:.78rem}.detail-control button:hover,.detail-control button:focus-visible{background:var(--dark);color:var(--cream)}.closing{padding:clamp(90px,12vw,170px) 22px;text-align:center}.closing h2{font-size:clamp(2.8rem,5vw,5.6rem)}.closing>p{max-width:620px;margin:0 auto 32px;line-height:2.2;color:#d6c9ba;font-size:.85rem}.closing a{display:inline-block;padding:9px;border-bottom:1px solid;text-decoration:none;font-size:.8rem}footer{padding:30px;text-align:center;border-top:1px solid #5b4336;font-size:.7rem;color:var(--muted)}@media(max-width:800px){.site-header{height:62px}.hero{display:block;min-height:0}.hero-photo{position:relative;height:auto;width:100%;aspect-ratio:1.28;object-position:68% center}.hero-shade{display:none}.hero-content{padding:28px 22px 42px;background:var(--dark)}.hero h1{font-size:clamp(3.7rem,11vw,6rem);margin:14px 0}.hero h1 span{display:inline}.hero h1 span:nth-child(2){margin-left:.12em}.hero-line{font-size:1.18rem;margin-bottom:8px}.hero-body{font-size:.8rem;margin:0}.hero-link{margin-top:16px}.photo-label{top:calc(100vw / 1.28 - 30px);bottom:auto;right:10px;font-size:.59rem}.hands{grid-template-columns:1fr}.hands h2{margin:15px 0}.hands-heading p{max-width:100%}}@media(max-width:480px){nav a:first-child{display:none}.mark{font-size:1rem}.hero-photo{aspect-ratio:1.16}.photo-label{top:calc(100vw / 1.16 - 30px)}.hero-content{padding:24px 18px 34px}.hero h1{font-size:3.45rem}.hero-body br{display:none}.hands{padding:80px 16px}.detail-photo{aspect-ratio:1}.detail-control{align-items:flex-start;flex-direction:column}.closing h2{font-size:2.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detail-photo img{transition:none}}