.coastal-books-page{background:var(--wl-paper);color:var(--wl-ink);min-height:85vh;padding:45px 4vw 60px}.coastal-books-intro{border-bottom:1px solid var(--wl-rule);grid-template-columns:1fr 1fr;align-items:end;gap:15px;padding-bottom:35px;display:grid}.coastal-books-intro h1{font:900 clamp(65px,10vw,160px)/.9 var(--font-edition-display),Georgia,serif;letter-spacing:-.06em;margin:0}.coastal-books-intro p{font:24px/1.6 var(--font-noto-serif),serif;max-width:22em;margin:0}.coastal-books-intro>span{font:10px var(--font-inter),sans-serif;letter-spacing:1px;grid-column:2}.coastal-books{overscroll-behavior-x:contain;scrollbar-width:thin;min-height:650px;padding-top:35px;display:flex;overflow:auto}.coastal-book{border:1px solid var(--wl-ink);background:#ebe9d9;border-right:0;flex-shrink:0;min-height:590px;display:flex}.coastal-book:nth-child(2n){background:#d4e3df}.coastal-book:last-child{border-right:1px solid var(--wl-ink)}.coastal-book>button{width:90px;color:var(--wl-ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:center;padding:22px 0;display:flex}.coastal-book>button>span,.coastal-book>button>small{font:12px var(--font-inter),sans-serif}.coastal-book>button>strong{writing-mode:vertical-rl;font:600 38px var(--font-noto-serif),Georgia,serif;letter-spacing:-1px;max-height:440px}.coastal-book-content{width:0;transition:width .5s cubic-bezier(.645,.045,.355,1);overflow:hidden}.coastal-book[data-open=true] .coastal-book-content{width:75vh}.coastal-book-content>div{width:75vh;padding:25px 25px 25px 10px}.coastal-book-content figure{aspect-ratio:3/2;border:1px solid var(--wl-ink);width:100%;margin:0 0 18px;position:relative;overflow:hidden}.coastal-book-content img{object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.coastal-book-content a:hover figure:not([data-cover-fit=contain]) img{transform:scale(1.025)}}.coastal-book-content a>span{font:11px var(--font-inter),sans-serif;color:#47616b}.coastal-book-content h2{font:600 37px/1.3 var(--font-noto-serif),Georgia,serif;letter-spacing:-1.5px;margin:12px 0}.coastal-book-content p{font:17px/1.8 var(--font-noto-serif),serif;max-width:30em;margin:0 0 20px}.coastal-book-content b{font:12px var(--font-inter),sans-serif;border-bottom:1px solid var(--wl-ink);padding-bottom:5px}.coastal-books-back{font:12px var(--font-inter),sans-serif;padding:28px 0 0;display:inline-block}@media (max-width:760px){.coastal-books-page{padding:30px 18px}.coastal-books-intro{grid-template-columns:1fr;padding-bottom:25px}.coastal-books-intro h1{font-size:65px}.coastal-books-intro p{font-size:18px}.coastal-books-intro>span{grid-column:1;font-size:9px}.coastal-books{min-height:0;padding-top:25px;display:block}.coastal-book{border-right:1px solid var(--wl-ink);border-bottom:0;min-height:0;display:block}.coastal-book:last-child{border-bottom:1px solid var(--wl-ink)}.coastal-book>button{text-align:left;flex-direction:row;gap:15px;width:100%;padding:20px 15px}.coastal-book>button>strong{writing-mode:horizontal-tb;margin-right:auto;font-size:25px}.coastal-book-content,.coastal-book[data-open=true] .coastal-book-content{width:100%;max-height:0;transition:max-height .5s cubic-bezier(.645,.045,.355,1)}.coastal-book[data-open=true] .coastal-book-content{max-height:760px}.coastal-book-content>div{width:100%;padding:0 15px 25px}.coastal-book-content figure{aspect-ratio:3/2;height:auto}.coastal-book-content h2{font-size:29px}.coastal-book-content p{font-size:16px}}@media (prefers-reduced-motion:reduce){.coastal-book-content,.coastal-book-content img{transition:none}}