/* The original handwriting floats over one expansive, edge-to-edge indigo field. */
.goroku-page{overflow:clip}
.words-ocean{--ink-y:0px;--ink-turn:-3deg;position:relative;isolation:isolate;margin:0 calc(-1*var(--gutter)) 80px;min-height:clamp(720px,61vw,960px);overflow:clip;background:var(--paper)}
.words-ocean__definitions{position:absolute;pointer-events:none}
.words-ocean__cloth{position:absolute;inset:-40px 0 0;width:100%;height:calc(100% + 40px);z-index:0;pointer-events:none;scale:.9;transform-origin:right center}
.words-ocean__copy{position:relative;z-index:2;padding:70px 0 100px var(--gutter);width:49%;pointer-events:none}
.words-ocean__copy h1{font-size:clamp(76px,8.2vw,130px);line-height:1.65;letter-spacing:.055em;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:keep-all;-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0 0 32px}
.words-ocean__copy h1>span{display:block;white-space:nowrap}
.words-ocean__copy h1>span:nth-child(2){margin-left:.48em}
.words-ocean__period{color:var(--accent)}
.words-ocean__lead{font:clamp(18px,1.7vw,25px)/2 var(--serif);letter-spacing:.09em;margin-left:.2em}
.words-ocean__byline{font-size:13px;color:var(--muted);margin:22px 0 0 .3em;letter-spacing:.13em}
.words-ocean__read{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;width:152px;margin:44px 0 0 .3em;padding:11px 0;border-bottom:1px solid var(--ink);font-size:13px;letter-spacing:.1em}
.words-ocean__read>span:last-child{font-size:26px;line-height:1;transition:transform .3s}
.words-ocean__read:hover>span:last-child{transform:translateY(5px)}
.words-ocean__calligraphy{position:absolute;z-index:1;right:4%;top:0;width:52%;max-width:816px;margin:0;transform:translateY(var(--ink-y)) rotate(var(--ink-turn));transform-origin:70% 45%;pointer-events:none}
.words-ocean__calligraphy img{display:block;width:100%;height:auto;max-height:none;filter:url(#words-ink-only);mask-image:none;-webkit-mask-image:none;border:0;box-shadow:none;opacity:1}
#goroku-articles{scroll-margin-top:80px}
@media(min-width:1700px){.words-ocean__calligraphy{right:8%;top:-20px}.words-ocean__copy{padding-left:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(min-width:761px) and (max-width:1050px){.words-ocean{min-height:760px}.words-ocean__copy{padding-top:64px;width:50%}.words-ocean__copy h1{font-size:7.8vw;margin-bottom:30px}.words-ocean__lead{font-size:19px}.words-ocean__calligraphy{width:56%;right:0;top:40px}.words-ocean__cloth{width:103%;left:-3%}}
@media(max-width:760px){
 .words-ocean{min-height:0;padding:0 0 30px;margin-bottom:55px;--ink-y:0px!important;--ink-turn:-3deg!important}
 .words-ocean__copy{width:100%;padding:25px var(--gutter) 0}
 .words-ocean__copy h1{font-size:clamp(52px,13.5vw,92px);line-height:1.5;margin-bottom:24px}
 .words-ocean__copy h1>span:nth-child(2){margin-left:.65em}
 .words-ocean__lead{font-size:17px;line-height:1.9}
 .words-ocean__lead br{display:none}
 .words-ocean__byline{font-size:12px;margin-top:12px}
 .words-ocean__read{margin-top:25px;width:150px;font-size:12px}
 .words-ocean__cloth{top:370px;left:-75%;width:200%;height:calc(100% - 350px)}
 .words-ocean__calligraphy{position:relative;top:auto;right:auto;width:86%;max-width:516px;margin:30px auto -15px}
}
@media(prefers-reduced-motion:reduce){.words-ocean{--ink-y:0px!important;--ink-turn:-3deg!important}}