/* The landscape surrounds the books; pink remains the channel's accent. */
html{background:#e9eddf;}
body{position:relative;isolation:isolate;background:none;color:#204969;}
body:before,body:after{content:'';position:fixed;inset:0;pointer-events:none;}
body:before{z-index:-2;background:url('assets/nasu-komadome-falls.jpg') center 55%/cover no-repeat;}
body:after{z-index:-1;background:linear-gradient(90deg,#faf8ea88,#faf9ed80 48%,#faf8ea88);}
.header{background:#fffaf0eb;border-radius:0 0 14px 14px;padding-inline:18px;}.topline{background:#fff0cbef;border-color:#c7c8a6;color:#284b5f;}
.library-hero:before{background:linear-gradient(90deg,#fff8e9f2 0%,#fff8e9d9 32%,#fff8e966 65%,#fff8e912 100%);}
.zukan-overview-copy{background:#fffaf0ed;padding:27px 28px 29px;border:1px solid #d0ceb3;border-radius:14px;box-shadow:0 6px 22px #35463812;}
.zukan-overview-copy .zukan-heading{margin-top:0;}.zukan-overview-copy>p{color:#36576b;}
.zukan-chapters,.new-arrivals,.encounter-section,.reading-shelf{background:#fffaf0ed;border:1px solid #d0ceb3;border-radius:17px;padding:35px 30px;margin-top:42px;box-shadow:0 6px 24px #35463815;}
.people-section{background:#f9fbf0e8;border-color:#b2c4aa;}.collection-section{background:#f7faf0eb;border-color:#b2c4aa;}
.channel-strip{background:#e0f0e4ed;border-color:#adc7b5;}.zukan-spread{background:#fff6d9f5;}
.recent-openings{background:#fffaf0ed;border:1px solid #d0ceb3;border-radius:16px;padding:30px;margin-top:40px;margin-bottom:35px;}
.hero-place>span{background:#ffdeec;border-color:#d68aad;}.stage-note{background:#fff9e9f2;border-color:#cfb8a6;}
@media(max-width:760px){.library-hero:before{background:linear-gradient(180deg,#fff8e9f0 0%,#fff8e9e3 36%,#fff8e98c 62%,#fff8e91a 100%);}}
@media(max-width:600px){body:after{background:#faf9ed99;}.header{padding-inline:8px;}.zukan-overview-copy{padding:22px 19px;}.zukan-chapters,.new-arrivals,.encounter-section,.reading-shelf{padding:27px 19px;margin-top:30px;border-radius:13px;}.recent-openings{padding:24px 19px;margin-top:30px;}.zukan-overview{gap:28px;}.chapters-grid{column-gap:18px;}}
@media print{body:before,body:after{display:none;}body{background:#fff;}}

/* A daily arrival, then gentle changes as visitors move through the library. */
body:before{z-index:-3;}.landscape-stage{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;transform:translateZ(0);}.landscape-layer{position:absolute;inset:-30px;opacity:0;transition:opacity 2.2s ease-in-out;transform:translateY(var(--landscape-drift,0px));}.landscape-layer.is-visible{opacity:1;}.landscape-layer>div{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;animation:landscape-breathe 28s ease-in-out infinite alternate;}.landscape-layer:nth-child(2)>div{animation-direction:alternate-reverse;}.landscapes-ready:before{background:none;}
@keyframes landscape-breathe{from{transform:scale(1.025) translateX(-5px)}to{transform:scale(1.085) translateX(5px)}}
.landscape-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;margin-top:15px;background:#fff8edee;border:1px solid #cdbda5;border-radius:8px 22px 8px 22px;box-shadow:0 4px 15px #244d5d16;}.landscape-guide>div:first-child{display:flex;flex-wrap:wrap;gap:4px 15px;align-items:center;}.landscape-kicker{font-size:12px;font-weight:700;color:#a11a62;}.landscape-place{font-size:11px;color:#254d63;}.landscape-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;}.landscape-count{font-size:10px;color:#7a5566;}.landscape-next,.landscape-motion{font:inherit;font-size:11px;padding:8px 12px;border-radius:20px;border:1px solid #b27194;background:#ffe4ef;color:#812157;}.landscape-motion{background:#fff8ed;color:#34586e;border-color:#9aaeb5;}.landscape-next:hover,.landscape-next:focus-visible{background:#ffc9e2;}.landscape-motion:hover,.landscape-motion:focus-visible{background:#dfedf2;}
.header .brand strong{display:flex;flex-direction:column;gap:4px;}.header .brand strong em{display:block;font-size:29px;font-style:normal;font-weight:700;line-height:1.35;letter-spacing:.035em;color:#b51a70;}.header .brand strong>span{font-size:19px;line-height:1.5;letter-spacing:.08em;color:#235d7e;}.header .brand small{font-size:10px;}.header .channel-brand-icon{width:64px;height:64px;}.header{column-gap:18px;}.daily-heading h2{font-size:clamp(22px,3vw,32px);color:#a51b67;line-height:1.6;}.daily-intro{color:#294d63;}.daily-desk{background:#fff8e9f7;}.daily-journal label{color:#8d235e;}
.motion-paused .landscape-layer>div{animation-play-state:paused;}.motion-paused .landscape-layer{transition:none;}
@media(max-width:1100px){.header .brand strong em{font-size:25px;}.header .brand strong>span{font-size:17px;}.landscape-guide>div:first-child{flex-direction:column;align-items:flex-start;}}
@media(max-width:600px){.header .brand strong em{font-size:22px;}.header .brand strong>span{font-size:16px;}.header .brand small{font-size:8px;}.header .channel-brand-icon{width:48px;height:48px;}.header .brand{gap:9px;}.header{padding-top:19px;padding-bottom:19px;gap:10px;}.header .header-actions{gap:9px;}.landscape-guide{align-items:flex-start;flex-direction:column;gap:10px;padding:13px 16px;margin-top:13px;}.landscape-controls{width:100%;gap:7px;}.landscape-count{margin-right:auto;}.landscape-kicker{font-size:11px;}.landscape-place{font-size:10px;}.landscape-next,.landscape-motion{font-size:10px;padding:7px 11px;}.daily-heading{gap:9px;}.daily-heading h2{font-size:22px;}.daily-stamp{width:46px;height:46px;}.daily-intro{font-size:12px;}.landscape-layer{inset:-25px;}}
@media(prefers-reduced-motion:reduce){.landscape-layer{transition:none;transform:none;}.landscape-layer>div{animation:none;}}
@media print{.landscape-stage,.landscape-guide{display:none;}}

@media(max-width:600px){.header{column-gap:8px;}.header .brand{gap:6px;}.header .brand strong em{font-size:20px;}.header .brand strong>span{font-size:15px;}.header .channel-brand-icon{width:40px;height:40px;}.header .header-actions{gap:5px;}.header .youtube-link,.header .instagram-link{width:32px;min-width:32px;height:34px;padding:7px;}.header .menu-button{width:28px;min-width:28px;}.header .brand small{font-size:7px;}}
@media(max-width:350px){.header{column-gap:5px;}.header .brand{gap:5px;}.header .brand strong em{font-size:17px;}.header .brand strong>span{font-size:13px;}.header .channel-brand-icon{width:28px;height:28px;}.header .header-actions{gap:4px;}.header .youtube-link,.header .instagram-link{width:26px;min-width:26px;height:30px;padding:5px;}.header .menu-button{width:26px;min-width:26px;}.header .brand small{font-size:6px;}}

@media(max-width:400px){.header{column-gap:5px;}.header .brand{gap:5px;}.header .brand strong em{font-size:18px;}.header .channel-brand-icon{width:32px;height:32px;}.header .header-actions{gap:4px;}.header .youtube-link,.header .instagram-link{width:28px;min-width:28px;height:32px;padding:6px;}.header .menu-button{width:26px;min-width:26px;}}
@media(max-width:350px){.header .brand strong em{font-size:17px;}.header .channel-brand-icon{width:28px;height:28px;}.header .youtube-link,.header .instagram-link{width:26px;min-width:26px;height:30px;padding:5px;}}
@media(max-width:320px){.header{flex-wrap:wrap;row-gap:12px;}.header .header-actions{margin-left:auto;}.landscape-count{display:none;}.landscape-controls{flex-wrap:wrap;}.daily-heading{align-items:flex-start;}.daily-heading .daily-stamp{display:none;}}