/* Белореченский водопад: речная зелень, светлый камень, настоящие фотографии. */
.sheet {
    --sheet-limestone:#f4f1e8;
    --sheet-ink:#213b33;
    --sheet-river:#174e43;
    --sheet-foam:#fbf9f3;
    --sheet-copper:#aa8058;
    --sheet-line:#d6d8cc;
    --sheet-font-text:"Onest",system-ui,sans-serif;
    --sheet-font-title:"Spectral",Georgia,serif;
    margin:0;
    min-height:100vh;
    background:var(--sheet-limestone);
    color:var(--sheet-ink);
    font-family:var(--sheet-font-text);
    font-size:17px;
    line-height:1.75;
    color-scheme:light;
}

.sheet *,.sheet *::before,.sheet *::after {
    box-sizing:border-box;
}

.sheet :focus-visible {
    outline:3px solid #bd7c3d;
    outline-offset:5px;
}

.sheet a {
    color:var(--sheet-river);
    text-underline-offset:.2em;
}

.sheet img,.sheet video {
    max-width:100%;
    height:auto;
}

.sheet .sheet-skip {
    position:absolute;
    left:1rem;
    top:1rem;
    z-index:10;
    padding:.6rem 1rem;
    background:var(--sheet-foam);
    transform:translateY(-150%);
}

.sheet .sheet-skip:focus {
    transform:none;
}

.sheet-header {
    position:relative;
    z-index:5;
    border-bottom:1px solid var(--sheet-line);
    background:var(--sheet-foam);
}

.sheet-header-inner {
    width:calc(100% - 3rem);
    max-width:1200px;
    min-height:102px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:auto;
    padding:18px 0;
}

.sheet-brand {
    display:flex;
    align-items:center;
    gap:13px;
    text-decoration:none;
    min-width:0;
    color:var(--sheet-river);
}

.sheet-brand-mark {
    flex:none;
}

.sheet-brand-copy {
    display:flex;
    flex-direction:column;
    min-width:0;
    max-width:350px;
}

.sheet-brand-name {
    font-family:var(--sheet-font-title);
    font-weight:600;
    font-size:26px;
    letter-spacing:-.025em;
    line-height:1.12;
    color:var(--sheet-ink);
}

.sheet-brand-tagline {
    margin-top:6px;
    font-size:10px;
    letter-spacing:.015em;
    line-height:1.5;
    color:#52665b;
}

.sheet-menu-bar {
    display:none;
}

.sheet-header nav ul {
    padding:0;
    margin:0;
    list-style:none;
}

.sheet-header nav a {
    display:flex;
    align-items:center;
    min-height:44px;
    text-decoration:none;
    font-size:14px;
    color:var(--sheet-ink);
}

.sheet-header nav a:hover,.sheet-header nav a[aria-current=page] {
    color:var(--sheet-river);
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:8px;
}

.sheet-menu {
    margin-left:auto;
    flex:none;
}

.sheet-menu summary {
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    list-style:none;
    min-height:44px;
    min-width:60px;
    font-size:14px;
}

.sheet-menu summary::-webkit-details-marker {
    display:none;
}

.sheet-menu summary::after {
    content:"";
    width:8px;
    height:8px;
    border-right:1.5px solid;
    border-bottom:1.5px solid;
    transform:rotate(45deg) translateY(-3px);
}

.sheet-menu[open] summary::after {
    transform:rotate(225deg);
}

.sheet-menu:not([open]) nav {
    display:none;
}

.sheet-menu[open] nav {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--sheet-foam);
    padding:12px 24px 20px;
    border-bottom:1px solid var(--sheet-line);
    box-shadow:0 14px 24px #1a3b2910;
}

.sheet-menu[open] nav ul {
    max-width:1200px;
    margin:auto;
}

.sheet-menu nav li+li {
    border-top:1px solid var(--sheet-line);
}

.sheet-main {
    width:calc(100% - 3rem);
    max-width:1200px;
    margin:auto;
    padding:26px 0 76px;
}

.sheet-crumbs {
    margin:0 0 24px;
    font-size:12px;
    color:#52665b;
}

.sheet-crumbs ol {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:0;
}

.sheet-crumbs li:not(:last-child)::after {
    content:"/";
    margin-left:8px;
    color:#9a9f8e;
}

.sheet-crumbs [aria-current] {
    color:#52665b;
}

.sheet-reading-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:64px;
    align-items:start;
}

.sheet-prose {
    min-width:0;
    overflow-wrap:break-word;
}

.sheet-prose h1,.sheet-prose h2,.sheet-prose h3 {
    font-family:var(--sheet-font-title);
    font-weight:600;
    line-height:1.18;
    letter-spacing:-.025em;
    color:var(--sheet-ink);
}

.sheet-prose h1 {
    font-size:clamp(32px,3.4vw,47px);
    margin:26px 0 22px;
}

.sheet-prose h2 {
    font-size:clamp(27px,2.8vw,35px);
    margin:46px 0 18px;
}

.sheet-prose h3 {
    font-size:23px;
    margin:25px 0 12px;
}

.sheet-prose p {
    margin:0 0 20px;
}

.sheet-prose ul,.sheet-prose ol {
    padding-left:22px;
    margin:0 0 22px;
}

.sheet-prose li+li {
    margin-top:10px;
}

.sheet-prose li::marker {
    color:var(--sheet-copper);
}

.sheet-prose [id] {
    scroll-margin-top:24px;
}

.sheet-prose figure {
    margin:30px 0;
}

.sheet-prose figure img,.sheet-hero img {
    display:block;
    width:100%;
}

.sheet-prose figure>a {
    display:block;
    cursor:zoom-in;
}

.sheet-prose figcaption {
    font-size:12px;
    color:#52665b;
    margin-top:10px;
    line-height:1.6;
}

.sheet-hero {
    display:block;
    margin:0 0 30px;
}

.sheet-hero img {
    aspect-ratio:16/9;
    object-fit:cover;
}

.sheet-prose blockquote {
    margin:24px 0;
    padding:6px 0 6px 20px;
    border-left:3px solid var(--sheet-copper);
    font-family:var(--sheet-font-title);
    font-size:21px;
}

.sheet-prose hr {
    border:0;
    border-top:1px solid var(--sheet-line);
    margin:32px 0;
}

.sheet-prose pre,.sheet-prose code {
    white-space:pre-wrap;
    overflow-wrap:anywhere;
}

.table-wrapper {
    max-width:100%;
    overflow-x:auto;
    margin:24px 0;
}

.sheet-prose table {
    border-collapse:collapse;
    width:100%;
    font-size:14px;
}

.sheet-prose td,.sheet-prose th {
    padding:12px 14px;
    border-bottom:1px solid var(--sheet-line);
    text-align:left;
    vertical-align:top;
    overflow-wrap:anywhere;
}

.sheet-prose th {
    background:#e9ecdf;
    font-weight:600;
}

.sheet-prose caption {
    font-size:12px;
    text-align:left;
    caption-side:bottom;
    margin-top:10px;
}

.sheet-prose details {
    border-top:1px solid var(--sheet-line);
    padding:15px 0;
}

.sheet-prose details:last-child {
    border-bottom:1px solid var(--sheet-line);
}

.sheet-prose summary {
    cursor:pointer;
    font-weight:500;
    min-height:44px;
    align-content:center;
    line-height:1.5;
    padding-right:12px;
}

.sheet-prose details p {
    margin:8px 0 10px;
    font-size:15px;
}

.sheet-faq {
    margin-top:60px;
}

.sheet-video video {
    width:100%;
    display:block;
    background:#18382e;
}

.water-eyebrow,.sheet-prose .water-eyebrow {
    font-family:var(--sheet-font-text);
    font-size:10px;
    line-height:1.5;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:600;
    margin:0 0 18px;
    color:#637b61;
}

.water-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.sheet .water-button {
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;
    min-height:48px;
    padding:11px 20px;
    background:var(--sheet-river);
    border:1px solid var(--sheet-river);
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-family:var(--sheet-font-text);
    font-weight:500;
    line-height:1.5;
    transition:background .18s ease;
}

.sheet .water-button:hover {
    background:#286452;
}

.sheet .water-button-quiet {
    background:transparent;
    color:var(--sheet-river);
    border-color:#8eaa92;
}

.sheet .water-text-link {
    display:inline-flex;
    align-items:center;
    gap:24px;
    min-height:44px;
    text-decoration:none;
    border-bottom:1px solid #9bb09b;
    font-size:13px;
    font-weight:500;
}

.sheet .water-text-link:hover {
    border-color:var(--sheet-river);
}

.sheet-trip-aside {
    position:sticky;
    top:28px;
    margin-top:0;
}

.sheet-trip-note {
    padding:26px 24px;
    background:#e7eadc;
    border-top:3px solid var(--sheet-copper);
}

.sheet-trip-title {
    font-family:var(--sheet-font-title);
    font-size:27px;
    line-height:1.2;
    margin:0 0 24px;
}

.sheet-trip-coordinates {
    font-family:var(--sheet-font-text);
    font-size:23px;
    line-height:1.5;
    font-weight:400;
    letter-spacing:.02em;
    margin:0 0 22px;
}

.sheet-trip-note .water-button {
    width:100%;
    padding:11px 14px;
}

.sheet-trip-hint {
    font-size:11px;
    line-height:1.7;
    margin:16px 0 0;
    color:#52665b;
}

.sheet-trip-links {
    margin:18px 0;
}

.sheet-trip-links a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:50px;
    border-bottom:1px solid var(--sheet-line);
    text-decoration:none;
    font-size:13px;
}

.sheet-home .sheet-main {
    padding-top:24px;
}

.sheet-home .sheet-reading-layout {
    display:block;
}

.water-hero {
    display:grid;
    grid-template-columns:46% 54%;
    background:var(--sheet-river);
    color:var(--sheet-foam);
    min-height:540px;
}

.water-hero-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 42px;
}

.water-hero .water-eyebrow {
    color:#c3cfad;
    letter-spacing:.1em;
    font-size:10px;
}

.water-hero h1 {
    font-family:var(--sheet-font-title);
    font-weight:500;
    line-height:1.04;
    letter-spacing:-.035em;
    font-size:clamp(40px,4.3vw,64px);
    margin:0 0 22px;
}

.water-hero-lead {
    font-size:14px;
    line-height:1.85;
    color:#e0e8d7;
    max-width:36ch;
    margin:0 0 26px;
}

.water-hero .water-button {
    background:#ede8d6;
    border-color:#ede8d6;
    color:#153f35;
    padding-inline:17px;
}

.water-hero .water-button:hover {
    background:#fff7dc;
}

.water-hero .water-button-quiet {
    background:transparent;
    border-color:#80a18d;
    color:#f9f6e9;
}

.water-hero-coordinate {
    display:flex;
    gap:10px;
    align-items:center;
    color:#d9e4cd!important;
    text-decoration:none;
    font-size:10px;
    letter-spacing:.05em;
    margin-top:38px;
    min-height:32px;
}

.water-coordinate-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#c8aa75;
    box-shadow:0 0 0 4px #ffffff13;
}

.water-hero-visual {
    position:relative;
    min-width:0;
}

.water-hero-photo {
    display:block;
    height:100%;
    min-height:540px;
}

.water-hero-photo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:56% center;
}

.water-hero-caption {
    position:absolute;
    right:18px;
    bottom:15px;
    padding:8px 12px;
    margin:0;
    background:#173c32de;
    color:#fff;
    font-size:10px;
    line-height:1.6;
}

.water-hero-caption span {
    margin-left:18px;
    color:#ced7bd;
}

.water-quicknav {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    background:#e8eadf;
    border-bottom:1px solid #c4cbb8;
}

.water-quicknav a {
    display:flex;
    align-items:center;
    gap:15px;
    justify-content:space-between;
    min-height:104px;
    padding:20px;
    text-decoration:none;
    font-size:12px;
    line-height:1.55;
}

.water-quicknav a+a {
    border-left:1px solid #c4cbb8;
}

.water-quicknav a:hover {
    background:#f9f6ed;
}

.water-quicknav small {
    display:block;
    font-size:9px;
    color:#63735e;
    margin-top:5px;
}

.water-quicknav-number {
    font-size:11px;
    color:#88714f;
    align-self:flex-start;
    padding-top:4px;
}

.water-quicknav a>span:last-child {
    margin-left:auto;
    color:#738769;
}

.water-story {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:center;
    margin:82px 0;
}

.water-story-photo {
    position:relative;
    align-self:stretch;
    min-height:370px;
}

.water-story-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.water-photo-label {
    position:absolute;
    bottom:16px;
    left:16px;
    background:#f4f1e8ef;
    padding:7px 12px;
    font-size:10px;
    letter-spacing:.05em;
}

.sheet-prose .water-story h2 {
    font-size:clamp(34px,3.5vw,46px);
    margin:0 0 22px;
    line-height:1.1;
}

.water-story-copy p {
    font-size:14px;
    line-height:1.9;
}

.water-section-heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:32px;
    margin:0 0 28px;
}

.sheet-prose .water-section-heading h2,.sheet-prose .water-visit h2,.sheet-prose .water-map-panel h2 {
    font-size:clamp(32px,3.5vw,44px);
    margin:0;
    line-height:1.12;
}

.water-section-heading>p {
    max-width:35ch;
    font-size:12px;
    margin:0;
    line-height:1.8;
    color:#63735e;
}

.water-routes {
    margin:0 0 76px;
}

.water-route-list {
    border-top:1px solid #b5c2aa;
}

.sheet .water-route {
    display:grid;
    grid-template-columns:1fr 170px 150px 25px;
    gap:20px;
    align-items:center;
    padding:24px 4px;
    border-bottom:1px solid #b5c2aa;
    text-decoration:none;
    color:var(--sheet-ink);
}

.water-route:hover {
    background:#ebeede;
}

.water-route-city {
    font-family:var(--sheet-font-title);
    font-size:25px;
    line-height:1.4;
}

.water-route-city small {
    display:block;
    font-family:var(--sheet-font-text);
    font-size:10px;
    color:#62735d;
    margin-top:4px;
}

.water-route-distance {
    font-size:35px;
    letter-spacing:-.035em;
    font-weight:400;
    line-height:1.2;
}

.water-route-distance small {
    font-size:13px;
    letter-spacing:0;
}

.water-route-time {
    font-size:12px;
    color:#526b59;
}

.water-route-arrow {
    font-size:25px;
}

.sheet-prose .water-smallprint {
    font-size:11px;
    line-height:1.8;
    color:#62705d;
    margin:15px 0;
}

.water-photo-section {
    margin:0 0 70px;
}

.water-photo-pair {
    display:grid;
    grid-template-columns:1.55fr 1fr;
    gap:24px;
}

.sheet-prose .water-photo-pair figure {
    margin:0;
}

.sheet-prose .water-photo-pair figure>a {
    cursor:pointer;
}

.water-photo-pair img {
    width:100%;
    height:320px!important;
    object-fit:cover;
}

.water-photo-pair figure:last-child img {
    object-position:center 65%;
}

.water-map-panel {
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:80px;
    padding:44px;
    background:#dfe6d5;
    margin:0 0 70px;
}

.water-map-panel>div:first-child p:not(.water-eyebrow) {
    font-size:13px;
    line-height:1.85;
    margin-top:20px;
    margin-bottom:0;
}

.water-map-coordinate {
    padding:12px 0 10px 40px;
    border-left:1px solid #aebea2;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.water-map-coordinate>span {
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.water-map-coordinate strong {
    font-size:clamp(27px,3.2vw,40px);
    font-weight:400;
    line-height:1.35;
    letter-spacing:.01em;
    display:block;
    margin:18px 0 24px;
}

.water-map-more {
    font-size:11px;
    display:inline-block;
    margin-top:20px;
}

.water-visit {
    margin:0 0 50px;
}

.sheet-prose .water-visit-list {
    padding:0;
    margin:28px 0 18px;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:36px;
}

.sheet-prose .water-visit-list li {
    margin:0;
    border-top:1px solid #b6c2ac;
    padding:18px 0 0;
}

.water-visit-list li>span {
    font-size:11px;
    line-height:1;
    color:#88714f;
}

.sheet-prose .water-visit-list h3 {
    font-size:24px;
    line-height:1.25;
    margin:14px 0;
}

.sheet-prose .water-visit-list p {
    font-size:12px;
    line-height:1.9;
}

.sheet-home .sheet-faq {
    max-width:840px;
    margin:64px 0 0;
}

.sheet-footer {
    background:#173e34;
    color:#e5e8d8;
    padding:48px 0 30px;
}

.sheet-footer-inner {
    width:calc(100% - 3rem);
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:16px 70px;
}

.sheet-footer a,.sheet-footer a:visited {
    color:#f3f0e4;
}

.sheet-footer-brand>a {
    font-family:var(--sheet-font-title);
    font-size:29px;
    line-height:1.2;
    text-decoration:none;
}

.sheet-footer-brand p {
    font-size:11px;
    margin:9px 0 0;
    color:#b7cab1;
}

.sheet-footer-note {
    grid-column:1;
    font-size:11px;
    max-width:48ch;
    margin:0;
    color:#b7cab1;
}

.sheet-footer-nav {
    grid-column:2;
    grid-row:1 / 3;
    justify-self:end;
}

.sheet-footer-nav ul {
    display:flex;
    gap:26px;
    padding:0;
    margin:0;
    list-style:none;
    font-size:12px;
}

.sheet-footer-nav a {
    display:flex;
    align-items:center;
    min-height:44px;
}

.sheet-footer-year {
    grid-column:1 / -1;
    border-top:1px solid #63816b66;
    padding-top:22px;
    font-size:10px;
    color:#b7cab1;
    margin:14px 0 0;
}

@media(min-width:1100px) {
    .sheet-menu {
        display:none;
    }
    .sheet-menu-bar {
        display:block;
    }
    .sheet-menu-bar ul {
        display:flex;
        gap:23px;
    }
    .sheet-header nav a {
        white-space:nowrap;
    }
}

@media(max-width:1100px) {
    .sheet-reading-layout {
        grid-template-columns:minmax(0,1fr) 230px;
        gap:34px;
    }
    .water-hero-copy {
        padding:36px 28px;
    }
    .water-hero h1 {
        font-size:46px;
    }
    .water-hero-photo {
        min-height:510px;
    }
    .water-hero {
        min-height:510px;
    }
    .water-quicknav a {
        padding:16px 12px;
        gap:10px;
    }
    .water-story {
        gap:36px;
    }
    .water-map-panel {
        gap:34px;
        padding:32px;
    }
    .water-map-coordinate {
        padding-left:28px;
    }
    .water-photo-pair img {
        height:280px!important;
    }
}

@media(max-width:760px) {
    .sheet-header-inner,.sheet-main,.sheet-footer-inner {
        width:calc(100% - 2.3rem);
    }
    .sheet-header-inner {
        gap:12px;
        min-height:90px;
        padding:15px 0;
    }
    .sheet-brand {
        gap:10px;
        max-width:calc(100% - 62px);
    }
    .sheet-brand-mark {
        width:34px;
        height:34px;
    }
    .sheet-brand-name {
        font-size:21px;
        line-height:1.1;
    }
    .sheet-brand-tagline {
        font-size:9px;
        line-height:1.45;
        max-width:30ch;
        margin-top:5px;
    }
    .sheet-menu summary {
        min-width:50px;
        font-size:12px;
    }
    .sheet-main {
        padding-top:20px;
        padding-bottom:48px;
    }
    .sheet-reading-layout {
        display:block;
    }
    .sheet-crumbs {
        font-size:11px;
        margin-bottom:18px;
    }
    .sheet-prose h1 {
        font-size:34px;
        line-height:1.12;
    }
    .sheet-prose {
        font-size:15px;
    }
    .sheet-prose h2 {
        font-size:29px;
    }
    .sheet-prose figure {
        margin:24px 0;
    }
    .sheet-hero {
        margin-bottom:24px;
    }
    .sheet-trip-aside {
        position:static;
        margin:44px 0 0;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:24px;
    }
    .sheet-trip-note {
        padding:22px;
    }
    .sheet-trip-title {
        font-size:25px;
    }
    .sheet-trip-coordinates {
        font-size:20px;
    }
    .sheet-trip-links {
        margin:0;
    }
    .sheet-home .sheet-main {
        padding-top:16px;
    }
    .water-hero {
        grid-template-columns:minmax(0,1fr);
    }
    .water-hero-copy {
        padding:36px 26px 28px;
    }
    .water-hero h1 {
        font-size:48px;
        max-width:14ch;
    }
    .water-hero-lead {
        font-size:13px;
        max-width:45ch;
        margin-bottom:22px;
    }
    .water-hero-coordinate {
        margin-top:22px;
    }
    .water-hero-photo {
        min-height:0;
        height:300px;
    }
    .water-hero-photo img {
        height:300px;
        object-position:center 55%;
    }
    .water-hero-caption {
        font-size:9px;
        right:12px;
        bottom:12px;
    }
    .water-quicknav {
        grid-template-columns:1fr 1fr;
    }
    .water-quicknav a {
        min-height:94px;
        padding:16px 13px;
        font-size:11px;
    }
    .water-quicknav a:nth-child(3) {
        border-left:0;
    }
    .water-quicknav a:nth-child(n+3) {
        border-top:1px solid #c4cbb8;
    }
    .water-quicknav small {
        font-size:9px;
    }
    .water-story {
        grid-template-columns:1fr;
        margin:48px 0;
        gap:26px;
    }
    .water-story-photo {
        min-height:0;
        height:300px;
    }
    .sheet-prose .water-story h2 {
        font-size:36px;
    }
    .water-story-copy p {
        font-size:14px;
    }
    .water-section-heading {
        display:block;
        margin-bottom:24px;
    }
    .water-section-heading>p {
        margin-top:18px;
        max-width:48ch;
    }
    .water-section-heading>.water-text-link {
        margin-top:16px;
    }
    .sheet-prose .water-section-heading h2,.sheet-prose .water-visit h2,.sheet-prose .water-map-panel h2 {
        font-size:33px;
    }
    .water-routes {
        margin-bottom:48px;
    }
    .sheet .water-route {
        grid-template-columns:1fr auto 20px;
        gap:12px;
        padding:22px 0;
    }
    .water-route-city {
        font-size:22px;
    }
    .water-route-distance {
        font-size:30px;
    }
    .water-route-time {
        grid-column:2;
        grid-row:2;
        font-size:10px;
        justify-self:end;
    }
    .water-route-arrow {
        grid-column:3;
        grid-row:1 / 3;
        font-size:23px;
    }
    .water-route-city {
        grid-row:1 / 3;
    }
    .water-photo-section {
        margin-bottom:44px;
    }
    .water-photo-pair {
        gap:16px;
        grid-template-columns:1fr;
    }
    .water-photo-pair img {
        height:260px!important;
    }
    .water-photo-pair figure:last-child img {
        height:220px!important;
    }
    .water-map-panel {
        grid-template-columns:1fr;
        gap:28px;
        padding:27px 24px;
        margin-bottom:44px;
    }
    .water-map-coordinate {
        border-left:0;
        border-top:1px solid #aebea2;
        padding:26px 0 0;
    }
    .water-map-coordinate strong {
        font-size:34px;
        margin:16px 0 22px;
    }
    .sheet-prose .water-visit-list {
        display:block;
        margin-top:24px;
    }
    .sheet-prose .water-visit-list li {
        display:flex;
        gap:20px;
        padding-top:20px;
        margin-top:20px;
    }
    .water-visit-list li>span {
        padding-top:8px;
    }
    .sheet-prose .water-visit-list h3 {
        margin:0 0 12px;
        font-size:24px;
    }
    .sheet-prose .water-visit-list p {
        font-size:13px;
        margin-bottom:8px;
    }
    .sheet-home .sheet-faq {
        margin-top:44px;
    }
    .sheet-footer {
        padding:34px 0 24px;
    }
    .sheet-footer-inner {
        display:block;
    }
    .sheet-footer-brand>a {
        font-size:27px;
    }
    .sheet-footer-note {
        margin:16px 0;
        max-width:48ch;
    }
    .sheet-footer-nav {
        margin:20px 0;
    }
    .sheet-footer-year {
        margin-top:22px;
        font-size:9px;
    }
}

@media(max-width:400px) {
    .sheet-brand-name {
        font-size:19px;
    }
    .sheet-brand-tagline {
        font-size:8px;
    }
    .sheet-brand-mark {
        width:30px;
        height:30px;
    }
    .water-hero-copy {
        padding:30px 22px 24px;
    }
    .water-hero h1 {
        font-size:clamp(34px,10vw,40px);
    }
    .water-hero-photo,.water-hero-photo img {
        height:230px;
    }
    .water-hero .water-actions {
        gap:10px;
    }
    .water-hero .water-button {
        width:100%;
        font-size:12px;
    }
    .water-hero-coordinate {
        font-size:9px;
        letter-spacing:0;
    }
    .water-quicknav a {
        gap:9px;
    }
    .water-quicknav a>span:last-child {
        display:none;
    }
    .water-story-photo {
        height:240px;
    }
    .water-route-city {
        font-size:20px;
    }
    .water-route-distance {
        font-size:28px;
    }
    .sheet-trip-aside {
        grid-template-columns:1fr;
    }
    .water-map-panel {
        padding:24px 20px;
    }
    .sheet .water-map-panel .water-button {
        width:100%;
    }
    .water-map-coordinate strong {
        font-size:30px;
    }
    .water-photo-pair img {
        height:210px!important;
    }
}

@media(prefers-reduced-motion:reduce) {
    .sheet *,.sheet *::before,.sheet *::after {
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
}