:root{color-scheme:dark;--bg:#0c1114;--ink:#e3e1d8;--mist:#a9b0af;--dim:#829093;--line:#dde0d820;--gold:#c0b58e;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
.skip{position:absolute;top:-70px;left:15px;z-index:20;background:var(--ink);color:var(--bg);padding:15px}
.skip:focus{top:15px}
.hero{height:600px;position:relative;isolation:isolate}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;z-index:-3;filter:saturate(.75) brightness(.85)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c1114e8 0%,#0c1114b8 27%,transparent 70%),linear-gradient(0deg,#0c1114 0%,transparent 38%)}
.hero-inner{height:100%;display:flex;align-items:center;position:relative}
.hero-copy{padding-bottom:35px}
.overline{font:9px Arial;letter-spacing:.24em;color:var(--gold)}
h1{font:400 43px/1.8 var(--serif);letter-spacing:.12em;margin:24px 0 19px}
.hero-fragment{font:14px/2.5 var(--serif);letter-spacing:.12em;color:#c0c8c5;margin:0}
.poem{padding:95px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:850px}
.poem p{margin:0;font:19px/2.6 var(--serif);letter-spacing:.1em}
.poem .english{padding-top:5px}
.english h2{font:italic 14px Georgia,serif;font-weight:400;color:var(--dim);margin:0 0 23px}
.poem .english p{font:italic 17px/2.3 Georgia,serif;letter-spacing:.01em;color:var(--mist)}
.return{padding:18px 0;font:11px/1.8 Arial,sans-serif;letter-spacing:.12em;color:var(--mist);display:inline-block}
.return span{margin-right:18px;color:var(--gold)}
.end{border-top:1px solid var(--line);padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.neighbors{display:flex;gap:30px;font:12px Georgia,var(--serif);color:var(--mist)}
.neighbors a{padding:12px 0}
.footer{padding:40px 0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-name{font:23px Georgia,serif}
.footer-links{display:flex;gap:23px;font:9px Arial;letter-spacing:.12em;color:var(--mist)}
.copyright{font:8px Arial;color:var(--dim);padding:0 0 25px;letter-spacing:.08em}
@media(max-width:1000px){
.hero{height:550px}
.poem{gap:45px}
}
@media(max-width:700px){
.hero{height:570px}
.hero-img{object-position:52% center}
.hero:before{background:linear-gradient(0deg,#0c1114 0%,#0c1114ce 30%,transparent 80%)}
.hero-inner{align-items:end;padding-bottom:30px}
.hero-copy{padding-bottom:0}
h1{font-size:33px;margin:21px 0 12px}
.hero-fragment{font-size:12px}
.poem{padding:65px 0 75px;grid-template-columns:1fr;gap:52px}
.poem p{font-size:18px;line-height:2.5}
.poem .english p{font-size:16px}
.end{align-items:start;flex-direction:column;gap:12px}
.neighbors{width:100%;justify-content:space-between;font-size:11px}
.footer{padding:30px 0 25px}
.footer-name{font-size:21px}
.footer-links{gap:15px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}
.hero{margin-top:-100px;height:700px}
.hero-inner{padding-top:100px}
@media(max-width:1000px){
.hero{height:650px}
}
@media(max-width:700px){
.hero{margin-top:-82px;height:652px}
.hero-inner{padding-top:82px}
.poem.wrap{width:calc(100% - 80px);text-align:left}
}
.poem .pause{margin:27px 0;color:var(--dim);font-size:14px;line-height:1.6}
.poem .note{font-size:12px;color:var(--mist);margin:12px 0 30px;letter-spacing:0}
.poem strong{font-weight:400}
.poem p{overflow-wrap:anywhere}
.hero-img{object-position:50% center}
.flow,.poem.single{grid-template-columns:1fr;gap:0;max-width:850px}
.flow>div{margin-bottom:4px}
.vertical-poem{white-space:pre-line}
.page-prose{padding-block:65px 85px;max-width:850px}
.prose{font:17px/2.5 var(--serif);overflow-wrap:anywhere}
.prose img{max-width:100%;height:auto}
.prose a{text-decoration:underline;text-underline-offset:5px}
.page-prose h1{font:400 28px/1.6 var(--serif);letter-spacing:.04em;margin:0 0 32px}
.prose h2{font-size:23px}
.prose .has-huge-font-size{font-size:24px!important;line-height:2.2}
.prose .has-large-font-size{font-size:19px!important;line-height:2.3}
.prose .has-medium-font-size{font-size:17px!important}
.prose blockquote{border-left:1px solid var(--line);padding-left:25px;margin-inline:0}
.prose hr{border:0;border-top:1px solid var(--line);margin-block:45px}
.page-prose .return{margin-top:40px}
@media(max-width:700px){
.poem:not(.flow):not(.single){gap:72px}
.poem .pause{margin:25px 0}
.poem:not(.flow) .english{padding-top:42px;border-top:1px solid var(--line)}
.page-prose{width:calc(100% - 80px);padding-block:45px 65px}
.prose{font-size:16px}
.page-prose h1{font-size:23px;margin-bottom:24px}
.prose .has-huge-font-size{font-size:19px!important}
.prose .has-large-font-size{font-size:17px!important}
}
.article-sounds{max-width:850px;padding-bottom:75px;display:flex;flex-wrap:wrap;gap:25px}
.article-sounds audio{max-width:100%;height:38px}
.prose input:not([type=hidden]),.prose textarea{max-width:100%;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px;font:14px/1.8 inherit}
.prose textarea{width:100%}
.prose input[type=submit]{cursor:pointer}
.prose fieldset{border:0;padding:0;margin:0}
.prose .screen-reader-response{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
@media(max-width:700px){
.article-sounds{width:calc(100% - 80px);padding-bottom:55px}
}
.hero-img{object-position:var(--wn-position,50% center)}
@media(max-width:700px){
.hero-img{object-position:var(--wn-mobile-position,50% center)}
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Readability (2026-10-12): English a little brighter, end links larger. */
.poem .english p{color:#c8cdcb}
.english h2{color:#a9b0af}
.neighbors{font-size:15px;color:#e3e1d8}
.return{font-size:13px;color:#e3e1d8}
@media(max-width:700px){.neighbors{font-size:14px}}