/* Three related landmarks pages. Shared brand assets and all other routes stay intact. */
.page-landmarks main [id]{scroll-margin-top:0}
.page-landmarks .page-lead br{display:initial}
.page-landmarks h1 .keep{max-width:100%}
.page-landmarks h1>span{display:block}
.page-highlights-index h1{max-width:1250px;text-wrap:initial}
.page-highlights-index h1>.hl-title-part{display:inline-block;max-width:100%}
.page-landmarks .hl-jumps{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:24px}
.hl-jumps a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:46px;padding:8px 0;border-bottom:1px solid #173f3b55;font-size:15px;font-weight:500;line-height:1.8;transition:color .2s,border-color .2s}
.hl-jumps a>span{font:20px/1 Arial,sans-serif}
.hl-jumps a:hover{color:#97513a;border-color:currentColor}
.hl-jumps a:active{opacity:.65}
.hl-jumps a:focus-visible{outline:3px solid #9c562c;outline-offset:5px}
.page-highlights-index .page-intro .page-photo img{aspect-ratio:2.34/1;object-position:center;border-top-right-radius:90px}
.page-highlights-index .page-intro .page-photo{margin-top:30px}
.page-dam-detail .page-intro .page-photo img,.page-bridge-detail .page-intro .page-photo img{aspect-ratio:4/3;max-height:none;object-position:center;border-top-right-radius:65px}
.hl-landmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px}
.hl-landmarks article{min-width:0;display:flex;flex-direction:column}
.hl-landmark-label{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}
.hl-number{font:42px/1.1 Georgia,serif;color:#956c4b}
.page-landmarks .hl-landmarks .page-photo img{aspect-ratio:4/3;object-fit:cover}
.hl-landmark-copy{margin-top:25px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.page-landmarks .hl-caption-label{font-size:14px;font-weight:600;line-height:1.8;color:#607267}
.page-landmarks .hl-landmark-copy h2{font-size:clamp(27px,2.5vw,36px);line-height:1.6;margin-top:12px}
.page-landmarks .hl-landmark-copy>p:not(.hl-caption-label){margin-top:17px;line-height:2}
.hl-landmark-copy .page-link{margin-top:21px}
.hl-heritage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
.page-landmarks .hl-heritage .page-heading{margin-bottom:21px}
.hl-years{display:flex;gap:42px;margin:0;padding-block:15px}
.hl-years>div{flex:1;border-top:1px solid #173f3b55;padding-top:18px}
.hl-years dt{font-size:14px;line-height:1.8;font-weight:600}
.hl-years dd{font:clamp(40px,4vw,58px)/1.35 Georgia,serif;margin:13px 0 0;color:#815b3d}
.hl-years dd>span{font:15px/1.5 KawachiPages,sans-serif;margin-left:5px}
.hl-material-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.hl-stone-window{position:relative;overflow:hidden;aspect-ratio:1.2/1;border-radius:3px 50px 3px 3px;background:#e1e8df}
.page-landmarks .hl-stone-window img{position:absolute;max-width:none;width:210%;height:auto;aspect-ratio:4/3;left:-55%;top:-32%;border-radius:0;object-fit:fill}
.hl-material-copy>div+div{border-top:1px solid #173f3b35;margin-top:26px;padding-top:26px}
.page-landmarks .hl-material-copy h3{font-size:23px;line-height:1.7;margin-bottom:14px}
.page-landmarks .hl-material-copy p{line-height:2}
.hl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 32px;border-block:1px solid #173f3b40;padding-block:22px}
.hl-metrics>div{padding-inline:28px}
.hl-metrics>div:first-child{padding-left:0}
.hl-metrics>div+div{border-left:1px solid #173f3b30}
.hl-metrics dt{font-size:14px;font-weight:600;line-height:1.8}
.hl-metrics dd{font:clamp(42px,4.6vw,66px)/1.35 Georgia,serif;margin:9px 0 0;color:#815b3d}
.hl-metrics dd>span{font:17px/1.5 KawachiPages,sans-serif;margin-left:7px}
.page-landmarks .page-facts{margin-block:0}
.page-landmarks .page-facts>div{padding-block:17px;grid-template-columns:minmax(125px,.26fr) minmax(0,1fr)}
.page-landmarks .page-facts dt{font-size:15px;line-height:1.9}
.page-landmarks .page-facts dd{font-size:16px;line-height:2}
.hl-visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.page-landmarks .hl-visit-grid .page-heading{margin-bottom:20px}
.page-landmarks .hl-visit-grid .page-notice{height:auto}
.page-landmarks .hl-visit-grid .page-notice h3{font-size:21px;line-height:1.7}
.hl-lens-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:64px;align-items:center}
.page-landmarks .hl-lens-story .page-heading{margin-bottom:22px}
.hl-outline{margin:0;background:linear-gradient(140deg,#f6e8d3a6,#e3eee8a6);border:1px solid #173f3b20;border-radius:3px 65px 3px 3px;padding:24px 24px 27px}
.hl-outline svg{display:block;width:100%;height:auto;overflow:visible}
.hl-outline figcaption{padding:0 12px;color:#52675e;font-size:13px;line-height:1.9}
.hl-outline figcaption strong{display:block;color:#173f3b;font-size:16px;line-height:1.8;font-weight:600;margin-bottom:8px}
.hl-outline figcaption span{display:block}
.page-landmarks .hl-bridge-side{margin-top:36px}
.page-landmarks .hl-bridge-side img{aspect-ratio:1.8/1;object-position:center 54%;border-radius:3px 60px 3px 3px}
.page-landmarks .page-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.page-landmarks .page-sources{margin-top:30px}
.page-landmarks #viewing,.page-landmarks #bridge-visit{padding-top:28px;padding-bottom:52px}
.page-landmarks #next .page-heading{max-width:100%}
.page-landmarks .page-related .page-link{gap:18px}
@media(min-width:701px){.hl-landmarks .page-photo figcaption{min-height:3.6em}}
@media(min-width:851px){
 .page-highlights-index .page-intro-copy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px 50px;max-width:none;align-items:start}
 .page-highlights-index .page-intro-copy>.page-kicker{grid-column:1/-1}
 .page-highlights-index .page-intro-copy h1{grid-column:1;grid-row:2/4;margin-top:6px}
 .page-highlights-index .page-intro-copy>.page-lead{grid-column:2;grid-row:2;margin-top:16px}
 .page-highlights-index .page-intro-copy>.hl-jumps{grid-column:2;grid-row:3;margin-top:8px}
}
@media(min-width:701px) and (max-width:1100px){
 .hl-landmarks{gap:30px}
 .hl-heritage,.hl-material-story,.hl-visit-grid,.hl-lens-story{gap:32px}
 .hl-years{gap:18px}
 .hl-years dd{font-size:42px}
 .hl-outline{padding:18px 14px 22px}
 .hl-outline figcaption{padding-inline:5px}
 .page-landmarks .hl-material-copy h3{font-size:21px}
 .page-landmarks .hl-visit-grid .page-notice{padding:24px 19px;gap:12px}
 .page-landmarks .hl-visit-grid .page-notice h3{font-size:19px}
 .page-landmarks .hl-jumps{gap:6px 20px}
 .hl-jumps a{font-size:14px;gap:15px}
 .hl-metrics>div{padding-inline:20px}
}
@media(max-width:850px) and (min-width:701px){
 .hl-heritage{grid-template-columns:1fr}
 .hl-years{max-width:500px;width:100%;gap:35px;padding-block:0}
 .hl-landmark-label{gap:12px}
 .hl-number{font-size:35px}
 .page-landmarks .hl-landmark-copy h2{font-size:28px}
 .hl-material-story{grid-template-columns:.95fr 1.05fr;align-items:start}
 .hl-material-story .hl-stone-photo{margin-top:6px}
 .hl-lens-story{grid-template-columns:1fr}
 .hl-outline{max-width:620px;width:100%;justify-self:center}
 .hl-outline svg{max-height:180px}
 .hl-visit-grid{grid-template-columns:1fr}
 .hl-visit-grid .page-notice{max-width:none}
 .page-landmarks .page-facts>div{grid-template-columns:125px minmax(0,1fr);gap:22px}
}
@media(max-width:700px){
 .page-landmarks .hl-jumps{gap:5px 24px;margin-top:19px}
 .hl-jumps a{font-size:14px;gap:20px;min-height:44px}
 .page-highlights-index .page-intro .page-photo{margin-top:25px}
 .page-highlights-index .page-intro .page-photo img{aspect-ratio:2.34/1;border-top-right-radius:45px;object-fit:cover}
 .page-dam-detail .page-intro .page-photo img,.page-bridge-detail .page-intro .page-photo img{aspect-ratio:4/3;border-top-right-radius:44px}
 .hl-landmarks{grid-template-columns:1fr;gap:39px}
 .hl-landmark-label{gap:14px;margin-bottom:15px}
 .hl-number{font-size:34px}
 .hl-landmark-copy{margin-top:19px}
 .page-landmarks .hl-landmark-copy h2{font-size:28px;margin-top:10px}
 .page-landmarks .hl-landmark-copy>p:not(.hl-caption-label){margin-top:14px}
 .hl-landmark-copy .page-link{margin-top:17px}
 .hl-heritage,.hl-material-story,.hl-visit-grid,.hl-lens-story{grid-template-columns:1fr;gap:27px}
 .hl-years{gap:25px;padding-block:0}
 .hl-years dd{font-size:43px;margin-top:9px}
 .hl-years dt{font-size:13px}
 .hl-material-story{display:flex;flex-direction:column-reverse;align-items:stretch}
 .hl-material-copy>div+div{margin-top:22px;padding-top:22px}
 .page-landmarks .hl-material-copy h3{font-size:21px;margin-bottom:11px}
 .hl-stone-window{aspect-ratio:1.35/1;border-top-right-radius:40px}
 .hl-metrics{padding-block:18px;margin-bottom:25px}
 .hl-metrics>div{padding-inline:13px}
 .hl-metrics dt{font-size:13px}
 .hl-metrics dd{font-size:35px;letter-spacing:-.01em}
 .hl-metrics dd>span{font-size:14px;margin-left:3px}
 .page-landmarks .page-facts>div{grid-template-columns:1fr;gap:8px;padding-block:17px}
 .page-landmarks .page-facts dt{font-size:14px}
 .page-landmarks .page-facts dd{font-size:15px;line-height:2}
 .page-landmarks .hl-visit-grid .page-notice h3{font-size:20px}
 .hl-outline{border-top-right-radius:42px;padding:18px 13px 22px}
 .hl-outline figcaption{padding-inline:6px}
 .page-landmarks .hl-bridge-side{margin-top:27px}
 .page-landmarks .hl-bridge-side img{aspect-ratio:4/3;border-top-right-radius:40px}
 .page-landmarks .page-sources{margin-top:25px}
 .page-landmarks #viewing,.page-landmarks #bridge-visit{padding-top:22px;padding-bottom:35px}
 .page-landmarks #next h2{text-wrap:initial}
}
@media(max-width:374px){
 .hl-metrics>div{padding-inline:9px}
 .hl-metrics dd{font-size:30px}
 .hl-years dd{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.hl-jumps a{transition:none}}

/* Highlights index: retain the approved hero and refine the reading flow. */
.page-highlights-index .hl-landmark-copy h3{font-size:clamp(27px,2.5vw,36px);line-height:1.6;margin-top:12px}
.page-highlights-index .hl-landmark-copy>p:not(.hl-caption-label){margin-bottom:24px}
.page-highlights-index .hl-landmark-copy>.page-link{align-self:stretch;margin-top:auto;min-height:54px;padding-block:13px}
.page-highlights-index .hl-number{color:#855a3d}
.page-highlights-index #two-landmarks .page-heading{position:relative;padding-left:20px}
.page-highlights-index #two-landmarks .page-heading::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(#9f6b44,#8ebaa7)}
.page-highlights-index #look-closer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#edf3e8,#dfede7 64%,#dce9e8)}
.page-highlights-index #look-closer::before{content:'';position:absolute;z-index:-1;inset:0 0 0 48%;background:linear-gradient(90deg,#e1eee7,transparent 60%),url('/assets/hl-dam-stone-1600.webp') center 45%/cover;opacity:.18;pointer-events:none}
.page-highlights-index .hl-years{gap:24px}
.page-highlights-index .hl-years>div{background:#f8fbf2db;border:1px solid #adc4b28c;border-radius:3px 28px 3px 3px;padding:22px;min-width:0}
.page-highlights-index #viewing .page-notice p+p{margin-top:9px}
.page-highlights-index .page-sources .page-link{min-height:44px}
.page-highlights-index #next{position:relative;isolation:isolate;overflow:hidden}
.page-highlights-index #next::after{content:'';position:absolute;z-index:-1;right:-70px;top:24px;width:280px;height:280px;border:1px solid #7eaa9d40;border-radius:50%;box-shadow:0 0 0 28px #7eaa9d0d,0 0 0 57px #7eaa9d08;pointer-events:none}
.page-highlights-index #next .page-related .page-link{box-sizing:border-box;gap:15px;padding:18px 20px;min-height:76px;border:1px solid #9bb6a6;border-radius:3px 26px 3px 3px;background:#fffdf8d9;transition:background .2s,border-color .2s,box-shadow .2s}
.page-highlights-index #next .page-related .page-link:hover{background:#fffdf8;border-color:#577a65;box-shadow:0 5px 15px #173f3b0c}
.page-highlights-index #next .page-related .page-link:active{background:#edf4ea;opacity:1}
@keyframes hl-enter{from{opacity:.72;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.page-highlights-index .hl-enter{animation:hl-enter .55s ease-out both}}
@media(min-width:701px) and (max-width:1100px){
 .page-highlights-index .hl-years{gap:15px}
 .page-highlights-index .hl-years>div{padding:20px 16px}
}
@media(max-width:850px){
 .page-highlights-index .hl-landmark-copy h3>.keep{display:block}
 .page-highlights-index #next .page-related{grid-template-columns:1fr;gap:12px}
 .page-highlights-index #next .page-related .page-link{min-height:65px}
}
@media(max-width:700px){
 .page-highlights-index .hl-landmark-copy h3{font-size:28px;margin-top:10px}
 .page-highlights-index .hl-landmark-copy>p:not(.hl-caption-label){margin-bottom:18px}
 .page-highlights-index #two-landmarks .page-heading{padding-left:15px}
 .page-highlights-index .hl-years{gap:14px}
 .page-highlights-index .hl-years>div{padding:17px 13px;border-top-right-radius:23px}
 .page-highlights-index .hl-years dd{font-size:40px}
 .page-highlights-index #look-closer::before{inset:32% 0 0 20%;opacity:.14}
 .page-highlights-index #next::after{width:190px;height:190px;top:10px;right:-105px}
 .page-highlights-index #next .page-related .page-link{padding:15px 18px}
}
@media(max-width:374px){.page-highlights-index .hl-years dd{font-size:35px}.page-highlights-index .hl-years>div{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.page-highlights-index .hl-enter{animation:none}.page-highlights-index #next .page-related .page-link{transition:none}}

/* Four discoveries keep the two-column rhythm of the approved guide. */
.page-highlights-index .hl-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;width:100%}
.page-highlights-index .hl-jumps a{gap:12px}
.page-highlights-index .hl-landmarks{row-gap:62px}
.page-highlights-index .hl-landmarks article{scroll-margin-top:24px}
.page-highlights-index .hl-landmark-copy>.hl-spot-note{font-size:13px;line-height:1.8;color:#52675e;margin-top:-9px;margin-bottom:20px}
.page-highlights-index .hl-garden-note{margin-top:28px;max-width:740px}
.page-highlights-index #intake-tower .hl-number{color:#4f755f}
.page-highlights-index #kawachi-fujien .hl-number{color:#806087}
.page-highlights-index .hl-fujien-photo img{object-position:50% 50%}
@media(max-width:700px){
 .page-highlights-index .hl-landmarks{row-gap:42px}
 .page-highlights-index .hl-jumps{gap:3px 22px}
 .page-highlights-index .hl-garden-note{margin-top:23px}
}
@media(min-width:701px) and (max-width:850px){
 .page-highlights-index .hl-landmarks .page-photo figcaption{min-height:5.4em}
}