@font-face{font-family:Sans;src:url(assets/sans-261005.woff);font-display:swap}@font-face{font-family:Serif;src:url(assets/serif-261005.woff);font-display:swap}
:root{--white:#fff;--ink:#292420;--sub:#655f59;--red:#eb0020;--pale:#faf8f5;--line:#dedbd7;--soft:#f0ede8;--body:1rem;--note:.875rem;--s1:.5rem;--s2:.8125rem;--s3:1.3125rem;--s4:2.125rem;--s5:3.4375rem;--wide:75rem;--section:8.5rem;--serif:Serif,'Yu Mincho',serif;--sans:Sans,sans-serif;--ease:cubic-bezier(.2,.65,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:var(--body);line-height:1.95}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}p+p{margin-top:var(--s3)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.65}h2{font-size:2.25rem;letter-spacing:.12em}h3{font-size:1.625rem;letter-spacing:.07em}.header{height:6.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--white);position:relative;z-index:10}.brand{width:12rem}.brand img{width:100%}.nav{display:flex;gap:2rem;font-size:var(--note)}.nav a{position:relative;padding:.75rem 0}.nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .3s}.nav a:hover:after{width:100%}.menu{display:none}.skip{position:absolute;top:-10rem;background:white;z-index:100}.skip:focus{top:0}.hero{max-width:100rem;margin:auto;padding:4rem 4% 0}.hero-top{position:relative;min-height:31rem;display:flex;justify-content:center;align-items:center}.hero-mark{width:22rem;display:grid;justify-items:center;gap:1rem}.hero-boat{width:15rem}.hero-wordmark{width:21rem}.hero-caption{position:absolute;left:13%;top:10%;writing-mode:vertical-rl;letter-spacing:.2em;font-family:var(--serif);font-size:2.3rem;line-height:1.8}.hero-caption span{color:var(--red)}.vertical-note{position:absolute;right:16%;top:29%;writing-mode:vertical-rl;letter-spacing:.28em;font-family:var(--serif);font-size:1rem}.hero-procession{display:flex;align-items:flex-end;justify-content:space-between;max-width:68rem;margin:-1rem auto 0;padding:0 2rem;border-bottom:1px solid var(--line)}.traveler{width:11%;padding-bottom:1rem}.traveler img{height:9rem;width:100%;object-fit:contain;object-position:bottom}.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:var(--note);padding:1.5rem 0;color:var(--sub)}.hero-bottom a{display:flex;gap:2rem}.section{max-width:var(--wide);width:calc(100% - 8rem);margin:var(--section) auto}.section-heading{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s4)}.index{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;font-family:var(--serif);font-size:1rem}.eyebrow{font-size:var(--note);letter-spacing:.16em;line-height:1.5;margin-bottom:var(--s1);color:var(--sub)}.section-lead{margin-bottom:var(--s5)}.about{display:grid;grid-template-columns:1fr 1.13fr;gap:6rem;align-items:center}.about-title{margin:var(--s5) 0 var(--s4)}.about p{max-width:28rem}.about-photo img{width:100%;height:32rem;object-fit:cover}.note,figcaption{font-size:var(--note);line-height:1.85;color:var(--ink)}figcaption{margin-top:var(--s2)}.temple-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4.5rem 2.25rem}.temple-card{grid-column:span 2}.temple-card:nth-child(5){grid-column:2 / span 2}.portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;height:18rem;border-bottom:1px solid var(--line);padding:2rem}.portrait img{height:100%;width:100%;object-fit:contain;object-position:bottom;transition:transform .6s var(--ease)}.card-number{position:absolute;top:0;left:0;font-size:var(--note);letter-spacing:.12em}.card-copy{padding-top:var(--s3)}.area{font-size:var(--note);color:var(--sub)}.card-copy h3{font-size:1.5rem;margin:var(--s1) 0}.temple-name{font-size:1rem;margin:0}.blessing{font-size:var(--note);color:var(--sub);margin-top:var(--s2)}.text-link{display:inline-flex;gap:var(--s5);align-items:center;font-size:var(--note);border-bottom:1px solid var(--line);padding:.6rem 0;margin-top:var(--s3)}.temple-card:hover .portrait img{transform:translateY(-.2rem)}.temple-card:hover .text-link{color:var(--red)}.supervision{margin-top:var(--s5)}.course-facts{display:flex;align-items:center;gap:4rem;margin:var(--s5) 0}.course-facts p{font-size:var(--note);margin:0;min-width:12rem}.course-facts p+p{border-left:1px solid var(--line);padding-left:4rem}.course-facts p>span{display:block;font-size:1rem}.course-facts strong{font-size:2.9rem;font-weight:500;letter-spacing:.02em}.course-facts>div{font-size:var(--note);margin-left:auto}.route{display:flex;list-style:none;padding:0;margin:3rem 0;gap:1rem;justify-content:space-between}.route li{flex:1;position:relative}.route li>span{display:block;font-family:var(--serif);font-size:1.25rem;margin-bottom:var(--s2)}.route li:after{content:'→';position:absolute;right:0;top:0;color:var(--sub)}.route li:last-child:after{content:''}.route a{font-size:var(--note)}.route small{display:block;font-size:var(--note);color:var(--sub)}.map{height:32rem;position:relative;background:var(--pale);overflow:hidden}.map-lines{position:absolute;inset:0;width:100%;height:100%}.river{fill:none;stroke:var(--line);stroke-width:13}.journey{fill:none;stroke:var(--sub);stroke-width:1;stroke-dasharray:5 6}.map-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);white-space:nowrap;font-size:var(--note);display:flex;align-items:center;gap:.5rem;background:var(--pale)}.map-pin span{background:var(--white);border:1px solid var(--line);border-radius:50%;height:2rem;width:2rem;text-align:center}.map-pin:hover span{background:var(--red);color:var(--white)}.map-region{position:absolute;font-family:var(--serif);font-size:1.6rem;letter-spacing:.35em;color:var(--sub)}.region-one{top:9%;left:40%}.region-two{top:19%;left:9%}.region-three{top:55%;left:54%}.region-four{top:67%;left:86%}.map-label{position:absolute;left:2rem;bottom:2rem;font-size:var(--note)}.map-station{position:absolute;bottom:1rem;right:2rem;font-size:var(--note)}.course>.note{margin-top:1rem}.course-note{padding:var(--s4) 0;margin-top:var(--s4);display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s3);border-top:1px solid var(--line)}.course-note p{margin:0}.course-note>.note{grid-column:2}.goshuin{border-top:1px solid var(--line);padding-top:var(--section)}.goshuin-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem}.goshuin-grid h3{font-size:1.875rem;margin-bottom:var(--s4)}.goshuin-art{background:var(--pale);padding:3rem 2rem 1rem}.paper{border:1px solid var(--line);background:var(--white);max-width:20rem;margin:auto;aspect-ratio:1/1.08;padding:1.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.7rem}.paper-title{font-family:var(--serif);font-size:var(--note);letter-spacing:.3em}.paper img:first-of-type{width:55%;min-height:0;flex:1;object-fit:contain}.paper img:last-of-type{width:70%}.goshuin-art figcaption{text-align:center}.info-table{margin:var(--s4) 0}.info-table>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}dt{color:var(--sub)}dd{margin:0;text-align:right}dd strong{font-size:1.6rem;font-weight:500}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.access-grid>div{border-top:1px solid var(--line);padding-top:var(--s4)}.access-no{font-size:var(--note);color:var(--sub)}.access-grid h3{margin:var(--s2) 0 var(--s3)}footer{border-top:1px solid var(--line);padding:4rem;background:var(--pale)}.footer-top{max-width:var(--wide);margin:auto;display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:3rem;font-size:var(--note)}.footer-top nav{display:flex;flex-direction:column;gap:.7rem}.footer-top p+p{margin-top:.5rem}.footer-logo{max-width:10rem}.footer-logo img:first-child{height:7rem;width:100%;margin-bottom:1rem}.footer-bottom{max-width:var(--wide);margin:3rem auto 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.5rem;font-size:var(--note)}.motion-control{position:fixed;right:1rem;bottom:1rem;z-index:20;background:var(--white);border:1px solid var(--line);padding:.5rem .8rem;font-size:var(--note)}.breadcrumb{display:flex;flex-wrap:wrap;gap:1rem;font-size:var(--note);margin-bottom:5rem}.detail{margin-top:2rem}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.detail-portrait{height:35rem;position:relative}.detail-portrait img{width:100%;height:90%;object-fit:contain}.detail-number{position:absolute;bottom:0;left:0;font-family:var(--serif);font-size:2rem;color:var(--sub)}.detail-hero h1{font-size:2.7rem}.reading{font-size:var(--note);margin:.5rem 0 2rem}.detail-hero h2{font-size:2rem}.detail-blessing{margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-blessing h3{font-size:1.4rem}.detail-story{margin-top:8rem}.detail-story>p{max-width:46rem}.photo-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:1rem;margin:3rem 0 1rem}.photo-placeholder{min-height:10rem;background:var(--pale);display:grid;place-items:center;font-size:var(--note);color:var(--sub);border:1px solid var(--line)}.photo-placeholder.large{grid-row:span 2;min-height:24rem}.photo-layout.three{grid-template-columns:repeat(3,1fr)}.detail-info{margin-top:8rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.temple-pager{margin-top:6rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.temple-pager a{border-top:1px solid var(--line);padding:2rem 0;font-family:var(--serif);font-size:1.6rem}.temple-pager small{font-family:var(--sans);display:block;font-size:var(--note)}.temple-pager a:last-child{text-align:right}.back-list{display:table;margin:2rem auto 0}
@media(max-width:1000px){.nav{gap:1rem}.section{width:calc(100% - 4rem)}.about,.goshuin-grid,.detail-hero{gap:3rem}.hero-caption{left:7%}.vertical-note{right:8%}.temple-grid{gap:3rem 1.25rem}.portrait{height:15rem;padding:1.5rem}.course-facts{gap:2rem}.course-facts p+p{padding-left:2rem}.course-facts>div{display:none}.route{flex-wrap:wrap}.route li{min-width:21%}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:680px){:root{--section:5.5rem}.header{height:5rem;padding:0 1.4rem}.brand{width:9rem}.menu{display:flex;align-items:center;gap:1rem;border:0;background:none;padding:.6rem 0;font-size:var(--note)}.menu span{font-size:1.5rem}.nav{display:none;position:absolute;left:0;top:5rem;background:var(--white);width:100%;padding:2rem;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding:2.25rem 1.5rem 0}.hero-top{min-height:31rem}.hero-caption{font-size:1.6rem;left:0;top:0}.hero-mark{width:14rem;margin:2rem 0 0 1.5rem}.hero-boat{width:11rem}.hero-wordmark{width:14rem}.vertical-note{right:0;top:6%;font-size:var(--note)}.hero-procession{margin:1rem -1rem 0;padding:0}.traveler{width:13%;padding-bottom:1rem}.traveler img{height:5.3rem}.hero-bottom{font-size:var(--note);gap:.7rem;padding-top:1rem}.hero-bottom a{gap:.6rem}.hero-bottom>span{max-width:11rem}.section{width:calc(100% - 3rem)}h2{font-size:1.875rem}.section-heading{gap:1rem}.about{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.about-title{margin-top:2rem}.about-photo img{height:22rem}.temple-grid{display:flex;flex-direction:column;gap:2.5rem}.temple-card{display:grid;grid-template-columns:40% 1fr;gap:1.5rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:2.5rem}.portrait{height:15rem;border:0;padding:1.75rem .4rem 0}.card-copy{padding:0}.card-copy h3{font-size:1.375rem}.card-copy .text-link{gap:2rem}.course-facts{gap:1.5rem;align-items:flex-start}.course-facts p{min-width:0}.course-facts p+p{padding-left:1.5rem}.course-facts strong{font-size:2rem}.course-facts p>span{font-size:var(--note)}.route{display:grid;grid-template-columns:1fr;gap:0;margin:2rem 0}.route li{display:flex;gap:1rem;align-items:center;border-top:1px solid var(--line);padding:.8rem 0}.route li>span{margin:0;font-size:1rem}.route li:after{content:'↓';right:0;top:.7rem}.route a{display:flex;flex-wrap:wrap;gap:.5rem}.map{height:28rem}.map-region{font-size:1.15rem;letter-spacing:.05em}.map-pin{font-size:var(--note);flex-direction:column;gap:0;background:transparent;line-height:1.6}.map-pin span{background:var(--white)}.map-station{right:1rem;bottom:.7rem;left:1rem;text-align:right}.map-label{left:1rem;bottom:3rem}.region-four{left:82%;top:59%}.course-note{display:block}.course-note p{margin-top:1.3rem}.goshuin-grid,.access-grid{grid-template-columns:1fr;gap:2.5rem}.goshuin-art{padding:2rem 1rem 1rem}.goshuin-grid h3{font-size:1.625rem}.access-grid{gap:2rem}footer{padding:3rem 1.5rem 5rem}.footer-top{gap:2rem 1rem;grid-template-columns:1fr 1fr}.footer-top>div{grid-column:span 2}.footer-bottom{flex-direction:column;gap:1rem}.detail-hero{grid-template-columns:1fr;gap:2rem}.detail-portrait{height:23rem}.detail-hero h1{font-size:2.1rem}.breadcrumb{gap:.5rem;margin-bottom:2rem}.detail-story,.detail-info{margin-top:5rem}.detail-info{grid-template-columns:1fr;gap:3rem}.photo-layout{grid-template-columns:1fr 1fr}.photo-placeholder.large{grid-column:span 2;grid-row:auto;min-height:15rem}.photo-layout.three{grid-template-columns:1fr}.photo-placeholder{min-height:8rem}.temple-pager{gap:1.5rem}.temple-pager a{font-size:1.3rem}.detail-blessing h3{font-size:1.25rem}}

/* Graphic review: a printed frontispiece, an exhibition rhythm, one quiet journey. */
.hero-caption{white-space:nowrap;top:9%;font-weight:400;font-size:2.3rem;line-height:1.9;letter-spacing:.18em}
.hero-caption span{color:inherit}.hero-caption .caption-line{display:block}.hero-caption .seven{color:var(--red)}
.hero-procession{border-bottom:0;padding-bottom:1rem}.traveler{--shift:0px;transform:translateY(var(--shift))}.traveler:nth-child(2){--shift:8px}.traveler:nth-child(3){--shift:2px}.traveler:nth-child(4){--shift:14px}.traveler:nth-child(5){--shift:4px}.traveler:nth-child(6){--shift:10px}.traveler:nth-child(4){margin-left:1.5rem}
.hero-bottom{border-top:1px solid var(--line)}
.portrait{border-bottom:0}.temple-card:nth-child(even){position:relative;top:2rem}.temple-grid{row-gap:5.5rem}.index{border:0;color:var(--red);font-size:1.4rem;border-radius:0}
.motion-enabled .hero-boat{animation:ink-arrive .85s var(--ease) both}.motion-enabled .hero-wordmark{animation:ink-arrive .7s .2s var(--ease) both}.motion-enabled .hero-caption,.motion-enabled .vertical-note{animation:ink-arrive .8s .35s var(--ease) both}.motion-enabled .traveler img{animation:ink-arrive .7s var(--delay,.45s) var(--ease) both}.traveler:nth-child(2){--delay:.55s}.traveler:nth-child(3){--delay:.65s}.traveler:nth-child(4){--delay:.75s}.traveler:nth-child(5){--delay:.85s}.traveler:nth-child(6){--delay:.95s}.traveler:nth-child(7){--delay:1.05s}
@keyframes ink-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.motion-enabled .reveal.seen{animation:ink-arrive .85s var(--ease) both}
.journey{stroke-dasharray:none;stroke:var(--sub);stroke-width:1.2}
.map.route-prepared .journey{stroke-dasharray:1;stroke-dashoffset:1}.map.route-drawn .journey{animation:draw-route 1.6s var(--ease) forwards}
@keyframes draw-route{to{stroke-dashoffset:0}}
.route-end{position:absolute;right:20%;bottom:7%;width:.45rem;height:.45rem;border-radius:50%;background:var(--red)}.route-prepared .route-end{opacity:0}.route-drawn .route-end{animation:arrive-dot .3s 1.6s forwards}@keyframes arrive-dot{to{opacity:1}}
.motion-paused *, .motion-paused *:before, .motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .journey{stroke-dashoffset:0!important}.motion-paused .route-end{opacity:1!important}html:has(.motion-paused){scroll-behavior:auto}
@media(max-width:680px){.hero-caption{font-size:1.6rem;line-height:1.65;top:0;left:0;letter-spacing:.13em}.hero-mark{margin-left:2.4rem}.hero-procession{padding-bottom:.5rem}.traveler:nth-child(2){--shift:3px}.traveler:nth-child(3){--shift:1px}.traveler:nth-child(4){--shift:5px;margin-left:0}.traveler:nth-child(5){--shift:2px}.traveler:nth-child(6){--shift:4px}.temple-card:nth-child(even){top:0}.temple-grid{gap:2.5rem}.route-end{bottom:9%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{stroke-dashoffset:0!important}.route-end{opacity:1!important}}
@media(max-width:680px){.detail-story .section-heading h2{font-size:1.625rem;letter-spacing:.05em;text-wrap:balance}.section-heading .index{flex-shrink:0}}
.motion-control:disabled{cursor:default}
@media(max-width:680px){.map-label{top:.25rem;bottom:auto}}

/* Round two: oversized asymmetric poster and a photo / illustration montage. */
:root{--poster-height:57rem;--thumb-height:13.5rem;--art-height:10rem;--art-width:6.75rem;--poster-copy:3.45rem;--boat-width:28rem;--mark-width:32rem;--ribbon-progress:0}
.hero{max-width:110rem;padding-top:5rem;overflow:hidden}
.hero-top{min-height:var(--poster-height);align-items:center}
.hero-mark{width:var(--mark-width);margin-left:29%;gap:2rem}
.hero-boat{width:var(--boat-width)}.hero-wordmark{width:var(--mark-width)}
.hero-caption{left:8%;top:12%;font-size:var(--poster-copy);line-height:1.8;letter-spacing:.17em}
.hero-caption .caption-line:last-child{padding-top:3.3em}
.vertical-note{right:1.5%;top:21%;font-size:1.05rem;letter-spacing:.32em}
.procession-wrap{position:relative;margin:3rem -5% 0;padding:4rem 5% 2rem;isolation:isolate}
.procession-line{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.procession-line path{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:0}
.hero-procession{max-width:none;gap:1.6rem;margin:0;padding:0 1.8rem 1.8rem;transform:translateX(calc(var(--ribbon-progress) * 32px));will-change:transform}
.traveler{width:12%;flex:0 0 12%;padding-bottom:0}.traveler img{height:12rem}.traveler:nth-child(4){margin-left:0}
.hero-bottom{border-top:0;padding-top:3rem;padding-bottom:3rem;letter-spacing:.06em}
.temple-grid{gap:5.5rem 2.5rem;align-items:start}.temple-card,.temple-card:nth-child(even){top:0;position:relative;min-width:0}
.temple-visual{position:relative;height:var(--thumb-height);margin-bottom:1.4rem}
.thumbnail{height:100%;width:100%;overflow:hidden;background:var(--pale)}.thumbnail>img{height:100%;width:100%;object-fit:cover;transition:transform .9s var(--ease)}
.card-illustration{position:absolute;right:-.5rem;bottom:-2.8rem;height:var(--art-height);width:var(--art-width);padding:.5rem;background:var(--white);display:block;transition:transform .7s var(--ease)}
.card-illustration img{width:100%;height:100%;object-fit:contain;object-position:bottom}
.temple-visual .card-number{left:0;top:0;padding:.3rem .7rem;background:var(--white);font-family:var(--serif);font-size:1.2rem}
.card-copy{padding-top:var(--s3)}.card-copy .area{padding-right:var(--art-width)}.card-copy h3{margin-top:1rem}.temple-card .text-link{width:100%;justify-content:space-between;gap:1rem}.supervision a{text-decoration:underline;text-underline-offset:.2em}
.temple-card:hover .thumbnail>img,.temple-card:focus-visible .thumbnail>img{transform:scale(1.025)}.temple-card:hover .card-illustration,.temple-card:focus-visible .card-illustration{transform:translateY(-4px)}
.motion-enabled .hero-boat{animation:poster-arrive 1.2s var(--ease) both}.motion-enabled .hero-wordmark{animation:poster-arrive .95s .25s var(--ease) both}.motion-enabled .hero-caption,.motion-enabled .vertical-note{animation:poster-arrive 1s .45s var(--ease) both}
@keyframes poster-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.motion-enabled .procession-wrap.ink-prepared .procession-line path{stroke-dashoffset:1}.motion-enabled .procession-wrap.ink-drawn .procession-line path{animation:draw-route 2.1s var(--ease) forwards}
.motion-paused .hero-procession{transform:none!important}.motion-paused .procession-line path{stroke-dashoffset:0!important}
@media(min-width:1600px){:root{--poster-height:64rem;--boat-width:32rem;--mark-width:37rem;--poster-copy:4rem}.traveler img{height:14rem}}
@media(min-width:681px) and (max-width:1000px){:root{--poster-height:46rem;--boat-width:23rem;--mark-width:26rem;--poster-copy:2.55rem;--thumb-height:15rem}.hero-caption{left:3%}.vertical-note{right:0}.hero{padding-top:3rem}.temple-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.temple-card{grid-column:span 2}.temple-card:nth-child(5){grid-column:span 2}.temple-card:last-child{grid-column:2/span 2}.hero-procession{gap:.8rem;padding-inline:0}.traveler img{height:10rem}}
@media(max-width:680px){:root{--poster-height:47rem;--boat-width:15.6rem;--mark-width:19rem;--poster-copy:2.12rem;--thumb-height:15.5rem;--art-height:11rem;--art-width:7rem}.hero{padding-top:3rem;padding-inline:1.5rem}.hero-top{align-items:flex-start;display:block}.hero-caption{left:0;top:0;line-height:1.7;letter-spacing:.1em;font-size:var(--poster-copy)}.hero-caption .caption-line:last-child{padding-top:2.9em}.hero-mark{position:absolute;right:0;top:17rem;margin:0;width:min(100%,var(--mark-width));gap:1.5rem}.hero-boat{width:var(--boat-width);max-width:85%}.hero-wordmark{width:var(--mark-width);max-width:100%}.vertical-note{right:0;top:2rem;font-size:var(--note)}.procession-wrap{margin:0 -1.5rem;padding:1.5rem 1rem 0}.hero-procession{padding:0;gap:.5rem;justify-content:space-between;transform:translateX(calc(var(--ribbon-progress) * 12px))}.traveler{width:12%;flex-basis:12%}.traveler img{height:6rem}.hero-bottom{padding:2.5rem 0 1.5rem;font-size:var(--note);letter-spacing:0}.temple-grid{display:flex;flex-direction:column;gap:3.7rem}.temple-card{display:block;width:100%;border-bottom:0;padding:0}.temple-visual{margin-bottom:1rem}.card-illustration{right:-.45rem}.card-copy h3{font-size:1.5rem}.card-copy .area{padding-right:var(--art-width)}.card-copy .temple-name{font-size:1rem}.card-copy .text-link{margin-top:1rem}.temple-visual .card-number{font-size:1.2rem}.section.temples{margin-top:6rem}}
@media(prefers-reduced-motion:reduce){.hero-procession{transform:none!important}.procession-line path{stroke-dashoffset:0!important}}
@media(max-width:680px){.hero-top{min-height:49rem}.hero-mark{top:19rem}}

.secret-logo{display:block;position:relative;line-height:0}.secret-logo>img{width:100%}.header-secret{width:10rem;flex-shrink:0}.header-secret .brand{width:100%;display:block}.secret-gate{position:absolute;left:40.881%;top:5.934%;width:19.402%;height:64.221%;padding:0;border:0;border-radius:50%;background:transparent;perspective:600px;z-index:3;line-height:1}.secret-coin{display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.secret-gate.armed .secret-coin{transform:rotateY(540deg)}.coin-front,.coin-back{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;backface-visibility:hidden}.coin-front img{width:100%;height:100%}.coin-back{background:#f2007f;color:white;transform:rotateY(180deg);font:900 clamp(22px,4.8vw,76px)/1 Arial,sans-serif}.header-secret .coin-back{font-size:26px}.secret-hint{position:absolute;left:50%;top:115%;transform:translateX(-50%) translateY(-5px);opacity:0;pointer-events:none;background:#17151c;color:white;padding:9px 14px;white-space:nowrap;font:700 14px/1.3 var(--sans);transition:.2s}.secret-gate.armed .secret-hint{opacity:1;transform:translateX(-50%)}.secret-gate:before{content:'';position:absolute;inset:-7px;border-radius:50%}.motion-paused .secret-coin{transition:none}@media(prefers-reduced-motion:reduce){.secret-coin,.secret-hint{transition:none}}@media(max-width:680px){.header-secret{width:8rem}.secret-logo.hero-wordmark{width:100%}.coin-back{font-size:48px}.header-secret .coin-back{font-size:22px}}

/* 既存資料の反映版。写真と長文原稿の表示調整。 */
:root { --review-bg: #fff9e5; --review-ink: #58471b; }
.review-notice { padding: 1rem max(1.25rem,calc((100vw - 1240px)/2)); margin:0; background:var(--review-bg); color:var(--review-ink); font-size:.875rem; line-height:1.8; }
.review-notice strong { margin-right:.75rem; }
.field-note { display:block; font-size:.875rem; line-height:1.8; font-weight:400; margin-top:.4rem; }
.temple-reference { margin:2rem 0 0; max-width:34rem; }
.temple-reference img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.temple-reference figcaption,.source-note p { font-size:.875rem; line-height:1.8; }
.source-note { border-top:1px solid var(--rule); padding-top:1rem; margin-top:1.5rem; }
.source-note p { margin:0; }
.supplied-shikishi>img { width:100%; height:auto; display:block; }
.route-distances { margin:1.5rem 0 2rem; }
.route-distances summary { cursor:pointer; font-weight:700; padding:1rem 0; }
.route-distances .info-table { max-width:52rem; }
.route-distances .info-table>div { grid-template-columns:minmax(0,1fr) auto; }
.detail-story>p { max-width:48rem; overflow-wrap:anywhere; }
.detail-info .info-table dd {text-align:left;}
.detail-info>div,.info-table dd { min-width:0; overflow-wrap:anywhere; }
@media(max-width:600px) { .review-notice {padding:1rem 1.25rem;} .route-distances dt {font-size:.875rem;} }