.notation-intro{padding:24px 0 20px}
.original-oceans .notation-intro h1{font:400 clamp(40px,6vw,68px)/1.05 'Cormorant Garamond',Georgia,serif;color:#e4e1d9;margin:0 0 10px}
.notation-intro p{font:400 18px/1.6 Maru,serif;color:#b6aa8e;margin:0}
.notation-nav{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #33312b;border-bottom:1px solid #33312b;padding:14px 0;font-size:14px}
.notation-nav a{color:#d2cfc7;text-decoration:none}.notation-nav span{color:#998d74;font-size:12px;margin-right:6px}
.notation-nav a:hover{color:#fff}.notation-nav a:focus-visible{outline:1px solid #b6aa8e;outline-offset:5px}
.notation-series{padding:26px 0 12px;scroll-margin-top:100px}.notation-series+.notation-series{border-top:1px solid #33312b}
.notation-heading{display:flex;align-items:baseline;gap:16px}
.series-number{font-size:12px;color:#998d74}
.notation-heading h2{font:400 32px/1.2 'Cormorant Garamond',Georgia,serif;color:#e4e1d9;margin:0}
.notation-heading h2 span{font:400 14px/1.6 Maru,serif;color:#b6aa8e;margin-left:14px}
.notation-page .ocean-gallery{margin:16px 0 20px}
.notation-page .ocean-stage{aspect-ratio:16/10}
.notation-page .ocean-media{display:flex;align-items:center;justify-content:center}
.notation-page .ocean-media>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.notation-page .ocean-thumbnails img{object-fit:contain;background:#000}
@media(max-width:700px){.notation-nav{gap:12px 20px;font-size:14px}.notation-intro{padding-top:20px}.notation-heading h2{font-size:28px}.notation-series{padding-top:22px}.notation-heading h2 span{font-size:13px}.notation-page .ocean-stage{aspect-ratio:3/2}}