@font-face{font-family:'Hinata Pencil';src:url('/assets/fonts/yomogi-notes.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* A single readable Gothic voice, with deliberate handwritten marginal notes. */
.layout-v3{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-kerning:normal}.layout-v3 button,.layout-v3 input,.layout-v3 textarea,.layout-v3 select{font-family:inherit;font-style:normal}.layout-v3 h1,.layout-v3 h2,.layout-v3 h3,.layout-v3 h4,.layout-v3 .hero-jp,.layout-v3 .rail-nav a,.layout-v3 svg text{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-style:normal}.layout-v3 .copy-heading{word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:balance}.layout-v3 p{word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:pretty}.layout-v3 .hand-note{font-family:'Hinata Pencil','Noto Sans JP',sans-serif!important;font-weight:400!important;letter-spacing:.025em;font-style:normal}.layout-v3 .hero-en,.layout-v3 .eyebrow,.layout-v3 .rail-nav small{font-style:normal;overflow-wrap:normal;word-break:normal}
/* Full-size hero photography, rather than small square images enlarged to fill a screen. */
.layout-v3 .mainVisualSwiper img{filter:saturate(.96);image-rendering:auto;object-position:50% 50%;backface-visibility:hidden}.layout-v3 .mainVisualSwiper .swiper-slide img{transition:transform 16s linear;transform:scale(1)}.layout-v3 .mainVisualSwiper .swiper-slide-active img{transform:scale(1.025)}.layout-v3 .mainVisualSwiper:after{background:linear-gradient(90deg,transparent 30%,rgba(39,27,31,.2))}.hero-hand-note{position:absolute;top:calc(100svh - 135px);left:7%;z-index:10;color:var(--paper);font-size:2.3rem;line-height:1.6;rotate:-4deg;text-shadow:0 1px 12px #30202540;pointer-events:none;margin:0}.inner-layout:has(.section-nav) .hero-hand-note{top:calc(100svh - 225px)}.layout-v3 .head .rl__title-m .hero-jp{font-size:clamp(3.6rem,3.7vw,5.2rem);letter-spacing:.1em;line-height:1.8}.layout-v3 .head .rl__title-m .hero-en{font-size:.85rem;letter-spacing:.18em}
/* Keep the photograph visible through a softly tinted sheet, as on the reference. */
.inner-layout .scroll-black-bg{background:rgba(69,51,60,.12)}.inner-layout .page-prologue{background:rgba(248,241,231,.94)}.inner-layout .editorial-panel{background:rgba(248,241,231,.87);isolation:isolate}.inner-layout .editorial-panel.rose-panel{background:rgba(234,215,209,.86)}.inner-layout .editorial-panel.sand-panel{background:rgba(230,215,189,.89)}.inner-layout .editorial-panel:before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px;background:inherit;mask:url('/assets/paper-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/paper-edge.svg') center/100% 100% no-repeat;pointer-events:none;z-index:-1}.inner-layout .editorial-panel.sheet-1,.inner-layout .editorial-panel.rose-panel,.inner-layout .editorial-panel.sand-panel{border-top-left-radius:0}.inner-layout .editorial-panel .story-copy p,.inner-layout .section-description{color:#493b32}.inner-layout .story-photo{position:relative}.photo-pencil{position:absolute;left:18px;bottom:17px;z-index:2;background:rgba(255,250,243,.92);color:var(--plum);padding:7px 12px 10px;border-radius:2px 12px 4px 9px;font-size:1.6rem;line-height:1.6;rotate:-3deg;box-shadow:0 2px 15px #493b3212}.home-editorial{background:rgba(248,241,231,.95)}.home-layout .journal-panel{background:rgba(248,241,231,.92)}.home-layout .home-feature-content{background:rgba(234,215,209,.86);color:var(--ink);border-radius:65px 0 70px 0}.home-layout .home-feature-intro>p{color:var(--ink)}.home-layout .organic-card{color:var(--paper)}.layout-v3 .photo-memo{font-size:1.7rem;padding:24px 20px;line-height:1.6;rotate:3deg;background:#f7e5d8}.layout-v3 .text-link{background:url('/assets/pencil-line.svg') left bottom/100% 9px no-repeat;border-bottom:0;padding-bottom:20px}
/* Hover states reinforce the action: lift, a close photograph, and a moving arrow. */
.layout-v3 .brand-button{position:relative;overflow:hidden;isolation:isolate;transition:translate .35s,box-shadow .35s,background .35s,color .35s}.layout-v3 .brand-button:before{content:'';position:absolute;inset:0;background:rgba(169,117,119,.28);transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:-1}.layout-v3 .brand-button>span{transition:translate .35s,rotate .35s}.layout-v3 .text-link>span{transition:translate .35s}.layout-v3 .rail-nav>a{transition:background .35s,color .35s,translate .35s}.layout-v3 .organic-card{translate:0 0;transition:translate .55s cubic-bezier(.2,.7,.2,1),border-radius .7s,box-shadow .55s}.layout-v3 .organic-card img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}.layout-v3 .organic-card>div{transition:translate .5s}.layout-v3 .organic-card>div>span{width:36px;height:36px;border:1px solid #fffaf380;border-radius:50%;display:grid;place-items:center;transition:background .35s,color .35s,translate .35s,rotate .35s}.layout-v3 .journal-card{translate:0 0;transition:translate .45s,color .45s}.layout-v3 .journal-card img{transition:scale .7s,border-radius .7s}.album-photo-open{position:relative}.album-photo-open img{transition:transform .7s,filter .7s}.album-photo-open:after{content:'ひらく ↗';position:absolute;right:17px;bottom:17px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ivory);color:var(--plum);font-size:1rem;opacity:0;translate:0 10px;transition:opacity .35s,translate .35s}
@media(hover:hover) and (pointer:fine){.layout-v3 .organic-card:hover,.layout-v3 .organic-card:focus-visible{translate:var(--hover-x,0px) calc(-7px + var(--hover-y,0px));box-shadow:0 20px 45px #3020252b;border-radius:35px 80px 45px 15px}.layout-v3 .organic-card:hover img,.layout-v3 .organic-card:focus-visible img{transform:scale(1.07);filter:saturate(1.08)}.layout-v3 .organic-card:hover>div{translate:0 -4px}.layout-v3 .journal-card:hover{translate:0 -6px;color:#815365}.layout-v3 .journal-card:hover img{scale:1.035;border-radius:15px 38px 15px 28px}.layout-v3 .brand-button:hover{translate:0 -3px;box-shadow:0 8px 20px #493b321c}.layout-v3 .brand-button:hover:before{transform:translateX(0)}.layout-v3 .brand-button:hover>span{translate:4px -3px}.layout-v3 .rail-nav>a:hover{translate:3px 0;background:linear-gradient(90deg,#ead7d159,transparent)}.layout-v3 .text-link:hover>span{translate:6px -2px}.album-photo-open:hover img{transform:scale(1.06);filter:saturate(1.07)}.album-photo-open:hover:after{opacity:1;translate:0 0}}
.layout-v3 a:focus-visible,.layout-v3 button:focus-visible{outline:2px solid var(--rose);outline-offset:5px}.layout-v3 .brand-button:focus-visible:before{transform:translateX(0)}.album-photo-open:focus-visible:after{opacity:1;translate:0 0}.source-notes{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.source-notes summary{cursor:pointer;font-size:1.4rem;line-height:1.8}.source-notes p,.source-notes cite{font-size:1.2rem;line-height:1.95}.source-notes>p{margin-top:20px}.source-notes blockquote{border-left:2px solid var(--rose);padding:8px 0 8px 20px;margin:22px 0}.source-notes cite{font-style:normal}.source-notes a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.layout-v3 .head .rl__title-m .hero-jp{font-size:clamp(2.8rem,8.5vw,3.5rem);line-height:1.75;letter-spacing:.075em}.layout-v3 .mainVisualSwiper img{object-position:35% 50%}.home-layout .mainVisualSwiper img{object-position:50% 50%}.hero-hand-note{left:8%;top:calc(100svh - 76px - 145px);font-size:1.65rem;rotate:-3deg;max-width:82%;line-height:1.6}.inner-layout:has(.section-nav) .hero-hand-note{top:calc(100svh - 76px - 220px)}.inner-layout .editorial-panel:before{top:-16px;height:16px}.inner-layout .editorial-panel{background:rgba(248,241,231,.9)}.inner-layout .editorial-panel.rose-panel{background:rgba(234,215,209,.89)}.inner-layout .editorial-panel.sand-panel{background:rgba(230,215,189,.91)}.photo-pencil{left:12px;bottom:12px;font-size:1.3rem;padding:5px 9px 7px}.layout-v3 .photo-memo{font-size:1.45rem;padding:18px 15px}.home-layout .home-feature-content{border-radius:35px 0 45px 0}.layout-v3 .home-feature-intro h2{font-size:2.8rem}.layout-v3 .visit-banner h2{font-size:2.5rem;line-height:1.7}.album-photo-open:after{width:50px;height:50px;font-size:.9rem}.source-notes summary{font-size:1.25rem}.source-notes p,.source-notes cite{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.layout-v3 .mainVisualSwiper .swiper-slide-active img{transform:none}.layout-v3 .organic-card,.layout-v3 .journal-card,.layout-v3 .brand-button,.layout-v3 .organic-card img,.album-photo-open img,.layout-v3 .rail-nav>a{transition:none;translate:none!important}.layout-v3 .organic-card:hover img,.album-photo-open:hover img{transform:none}.layout-v3 .journal-card:hover img{scale:1}.hero-hand-note{rotate:0deg}}
.hero-hand-note{width:max-content;max-width:80%;padding:4px 12px 7px;background:rgba(255,250,243,.9);color:var(--plum);text-shadow:none;border-radius:3px 12px 4px 8px;box-shadow:0 2px 20px #493b3212}.layout-v3 .mainVisualSwiper:after{background:linear-gradient(0deg,rgba(39,27,31,.3),transparent 35%),linear-gradient(90deg,transparent 30%,rgba(39,27,31,.2))}.layout-v3 .head .hero-jp{text-shadow:0 2px 16px #30202540}@media(max-width:900px){.inner-layout .md__head .head.rl.md-block{top:13%}.hero-hand-note{max-width:82%;padding:4px 9px 6px}}
@media(max-width:360px){.inner-layout .section-heading h2{font-size:2.25rem}.layout-v3 .editorial-opening h2{font-size:2.5rem}.layout-v3 .visit-banner h2{font-size:2.3rem}.hero-hand-note{font-size:1.4rem}.layout-v3 .hero-caption>span:first-child{font-size:.72rem}}