html:has(.wr-page){background:var(--page)}body:has(.wr-page){background:var(--page);color:var(--page-text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}.wr-page{--pad:max(20px, 5vw);flex-direction:column;min-height:100vh;display:flex}.wr-page>main{flex:1}.wr-wrap{width:min(1080px, 100% - 2 * var(--pad));margin-inline:auto;position:relative}.wr-page a{color:var(--page-link);text-underline-offset:.18em;text-decoration-thickness:1px}.wr-page a:hover{color:var(--page-ink)}.wr-page :focus-visible{outline:2px solid var(--page-link);outline-offset:3px;border-radius:3px}.wr-bar{--p:0;z-index:5;background:color-mix(in oklab, var(--page) 94%, transparent);-webkit-backdrop-filter:blur(6px);border-bottom:3px solid color-mix(in oklab, var(--page-link) 20%, transparent);position:sticky;top:0}.wr-bar:after{content:"";height:3px;width:calc(var(--p) * 100%);background:var(--page-link);position:absolute;bottom:-3px;left:0}.wr-bar .wr-wrap{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--page-ink);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.wr-bar .ttl{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wr-bar .left{white-space:nowrap;color:var(--page-link)}.wr-sky{--ts:clamp(2.3rem, 6.4vw, 4.6rem);--bw:clamp(56px, 13vw, 160px);--room:calc(var(--bw) + 28px);--line:calc(var(--ts) * .56);--swell:9px;background:linear-gradient(var(--sky-1), var(--sky-2) 75%);position:relative;overflow:hidden}.wr-stage{padding:clamp(36px, 8vh, 80px) 0 calc(var(--ts) * .14)}.wr-title{z-index:1;max-width:13.5em;padding-right:var(--room);box-sizing:border-box;font:800 var(--ts)/1 var(--display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word;margin:0;position:relative}.wr-wet{height:calc(var(--line) + var(--swell) / 2);background:var(--surface);pointer-events:none;--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 9' preserveAspectRatio='none'%3E%3Cpath d='M0 9 V4.5 Q75 0 150 4.5 T300 4.5 T450 4.5 T600 4.5 V9 Z'/%3E%3C/svg%3E");-webkit-mask:var(--wave) 0 0 / 600px var(--swell) repeat-x, linear-gradient(#000, #000) 0 calc(var(--swell) - 1px) / 100% 100% no-repeat;mask:var(--wave) 0 0 / 600px var(--swell) repeat-x, linear-gradient(#000, #000) 0 calc(var(--swell) - 1px) / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wr-wet .wr-wrap{height:100%;padding-bottom:calc(var(--ts) * .14);box-sizing:border-box;flex-direction:column;justify-content:flex-end;display:flex}.wr-wet .wr-title{color:var(--sunk-ink);flex:none}.wr-sky .boat{right:0;bottom:calc(var(--line) - var(--bw) * 23 / 180);width:var(--bw);height:auto;color:var(--ink);--oar:var(--oar-ink);position:absolute}.wr-wet .boat{color:var(--sunk-ink);--oar:color-mix(in oklab, var(--oar-ink), #000 35%)}.wr-sea{background:var(--surface);margin-top:-1px;padding:clamp(18px,3vh,28px) 0 clamp(36px,7vh,60px);position:relative}.wr-lede{max-width:31em;font:500 clamp(1.15rem, 2.1vw, 1.5rem)/1.42 var(--body);color:var(--identity);text-wrap:pretty;margin:0}.wr-cols{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:56px;padding-top:clamp(40px,8vh,72px);display:grid}.wr-meta{font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.wr-meta dt{color:var(--page-link)}.wr-meta dd{color:var(--page-ink);margin:0 0 18px}.wr-meta dd span{display:block}.wr-text .sea-prose img{max-width:100%;height:auto}.wr-text .sea-prose blockquote{border-top:2px solid color-mix(in oklab, var(--page-ink) 16%, transparent);padding-top:18px}.wr-end{border-top:2px solid color-mix(in oklab, var(--page-ink) 16%, transparent);max-width:38em;margin:clamp(48px,9vh,80px) 0 0;padding:20px 0 12vh}.wr-next{text-decoration:none;display:block}.wr-next .lab{font:500 12px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--page-link);margin-bottom:10px;display:block}.wr-next b{font:800 clamp(1.25rem, 2.2vw, 1.6rem)/1.15 var(--display);letter-spacing:-.02em;color:var(--page-ink);text-wrap:balance;display:block}.wr-next:hover b{color:var(--page-link)}.wr-next .when{font:500 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--page-text);margin-top:10px;display:block}.wr-ways{flex-wrap:wrap;gap:12px 28px;margin:32px 0 0;display:flex}.wr-ways a{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.wr-foot{padding:0 var(--pad)}.wr-sky-index{--ts:clamp(3rem, 11vw, 7.5rem)}.wr-list{margin:0;padding:clamp(28px,6vh,56px) 0 0;list-style:none}.wr-list li{border-bottom:1px solid color-mix(in oklab, var(--page-ink) 14%, transparent);grid-template-columns:200px minmax(0,1fr);gap:56px;padding:30px 0 34px;display:grid}.wr-when{font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--page-link);padding-top:.5em}.wr-entry{max-width:40em;text-decoration:none;display:block}.wr-entry h2{font:800 clamp(1.35rem, 2.6vw, 2rem)/1.1 var(--display);letter-spacing:-.03em;color:var(--page-ink);text-wrap:balance;overflow-wrap:break-word;margin:0}.wr-entry p{font:400 clamp(1rem, 1.25vw, 1.09rem)/1.55 var(--body);color:var(--page-text);text-wrap:pretty;margin:12px 0}.wr-entry .sea-meta{display:block}.wr-entry:hover h2{color:var(--page-link)}.wr-list-ways{margin:36px 0 12vh}@media (width<=860px){.wr-list li{grid-template-columns:minmax(0,1fr);gap:8px;padding:24px 0 28px}.wr-when{padding-top:0}.wr-sky{--room:calc(var(--bw) + 8px)}.wr-cols{grid-template-columns:minmax(0,1fr);gap:0;padding-top:32px}.wr-meta{flex-wrap:wrap;gap:0 26px;margin-bottom:10px;display:flex}.wr-meta dd span{display:inline}.wr-meta dd span+span:before{content:" · "}}
