/* ========================================
   ADVENTURE EXPLORE DISCOVER
   THE JOURNALS OF MR. ADVENTURE
======================================== */


/* ========================================
   CUSTOM FONTS
======================================== */

@font-face {
    font-family: "Carter One";
    src: url("fonts/CarterOne.ttf");
}

/* Snake contains printable ASCII; extended characters use the existing serif fallback. */
@font-face {
    font-family: "Snake";
    src: url("fonts/Snake.ttf");
    unicode-range: U+0020-007E;
}

@font-face {
    font-family: "Typewriter";
    src: url("fonts/veteran-typewriter.ttf");
}


/* ========================================
   WEBSITE BACKGROUND
======================================== */

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    box-sizing: border-box;

    margin: 0;
    padding: 60px 20px;

    background-color: #30251d;

    color: #f0dfb9;
    font-family: Georgia, serif;
    text-align: center;

    position: relative;
    isolation: isolate;
}


/* Wooden desk background */

body::before {
    content: "";
    position: fixed;
    inset: -10px;

    background-image: url("Images/wood-background.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    filter: saturate(45%) blur(3px);

    z-index: -1;
    pointer-events: none;
}


/* ========================================
   MAIN WEBSITE HEADING
======================================== */

h1 {
    font-family: "Carter One", Georgia, serif;

    font-size: 96px;
    letter-spacing: 3px;

    margin-bottom: 10px;

    color: #e8b640;

    -webkit-text-stroke: 1px #000000;

    text-shadow:
        2px 3px 4px rgba(0, 0, 0, 0.5);
}

h2 {
    font-size: 25px;
    font-weight: normal;

    color: #d4b782;
}


/* General paragraph styling */

p {
    font-size: 8px;
    line-height: 1.7;
}


/* ========================================
   JOURNAL ARTWORK
======================================== */

.journal {
    width: 95%;
    max-width: 1500px;

    margin: 35px auto;

    position: relative;

    /* Allows text to scale with journal */
    container-type: inline-size;
}

.journal-image {
    display: block;

    width: 100%;
    height: auto;
}


/* ========================================
   LEFT JOURNAL PAGE
======================================== */

.journal-left-page {
    position: absolute;

    /* POSITION CONTROLS */
    top: 10%;
    left: 14%;

    /* WRITING AREA SIZE */
    width: 34%;
    height: 76%;

    /* HANDWRITING CONTROLS */
    font-family: "Snake", Georgia, serif;
    font-size: 2.7cqw;
    line-height: 0.8;

    /* INK APPEARANCE */
    color: rgba(48, 35, 23, 0.82);

    text-align: left;

    /* Keep writing inside page */
    overflow: hidden;
}


/* ========================================
   LEFT PAGE TITLE
======================================== */

.journal-left-page h3 {
    font-family: "Snake", Georgia, serif;

    /* Your preferred title size */
    font-size: 1.4em;

    line-height: 1.1;
    text-align: center;

    margin: 0 0 0.6em;
}


/* ========================================
   LEFT PAGE SUBTITLE
======================================== */

.journal-left-page .journal-subtitle {
    font-style: italic;
    text-align: center;
}


/* ========================================
   LEFT PAGE PARAGRAPHS
======================================== */

.journal-left-page p {
    font-size: inherit;
    line-height: inherit;

    margin: 0 0 12px;
}


/* ========================================
   LEFT PAGE SIGNATURE
======================================== */

.journal-left-page .journal-signature {
    text-align: right;

    margin-top: 18px;
}


/* ========================================
   RIGHT JOURNAL PAGE
======================================== */

.journal-right-page {
    position: absolute;

    /* POSITION CONTROLS */
    top: 10%;
    left: 52.5%;

    /* WRITING AREA SIZE */
    width: 34%;
    height: 76%;

    /* HANDWRITING CONTROLS */
    font-family: "Snake", Georgia, serif;
    font-size: 2.7cqw;
    line-height: 0.8;

    /* INK APPEARANCE */
    color: rgba(48, 35, 23, 0.82);

    text-align: left;

    /* Keep writing inside page */
    overflow: hidden;
}


/* ========================================
   RIGHT PAGE TITLE
======================================== */

.journal-right-page h3 {
    font-family: "Snake", Georgia, serif;

    font-size: 1.4em;

    line-height: 1.1;
    text-align: center;

    margin: 0 0 0.6em;
}


/* ========================================
   RIGHT PAGE PARAGRAPHS
======================================== */

.journal-right-page p {
    font-size: inherit;
    line-height: inherit;

    margin: 0 0 12px;
}


/* ========================================
   RIGHT PAGE NAVIGATION INSTRUCTIONS
======================================== */

.journal-right-page .journal-instructions {
    font-size: 1.15em;

    line-height: 1;

    text-align: center;

    margin-top: 1em;

    font-weight: bold;
}

/* ========================================
   JOURNAL WEBSITE SUBTITLE
======================================== */

header h2 {
    font-family: "Carter One", Georgia, serif;

    font-size: clamp(28px, 3.2vw, 48px);
    font-weight: normal;

    color: #f0d5a2;

    -webkit-text-stroke: 0.7px #000000;

    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);

    margin: 0 0 12px;
}


/* ========================================
   WEBSITE TAGLINE
======================================== */

header .website-tagline {
    font-family: "Carter One", Georgia, serif;

    font-size: clamp(18px, 1.8vw, 27px);
    line-height: 1.4;

    color: #d69a63;

    -webkit-text-stroke: 0.5px #000000;

    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);

    margin: 0;
}

/* ========================================
   PINNED PARCHMENT NAVIGATION
======================================== */

.desk-navigation {
    width: 95%;
    max-width: 1500px;
    margin: 20px auto 5px;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 16px;
}

/* Each pinned parchment note */

.desk-note {
    position: relative;
    display: block;

    width: 100%;
    max-width: 220px;
    padding: 0;

    border: none;
    background: transparent;

    cursor: pointer;

    transition: transform 0.2s ease,
                filter 0.2s ease;
}

/* Parchment artwork */

.desk-note img {
    display: block;
    width: 100%;
    height: auto;

    pointer-events: none;
}

/* Text printed on parchment */

.desk-note span {
    position: absolute;

    top: 52%;
    left: 50%;

    width: 80%;

    transform: translate(-50%, -50%);

    font-family: "Carter One", Georgia, serif;
    font-size: clamp(20px, 2.7vw, 40px);
    line-height: 1.2;

    color: #49311f;
    text-align: center;

    -webkit-text-stroke: 0.3px rgba(0, 0, 0, 0.3);

    pointer-events: none;
}

/* Slightly different angles */

.note-cryptids {
    transform: rotate(-5deg);
}

.note-treasures {
    transform: rotate(3deg);
}

.note-phenomena {
    transform: rotate(-3deg);
}

.note-archives {
    transform: rotate(5deg);
}

/* Lift and straighten when hovered */

.desk-note:hover,
.desk-note:focus-visible {
    transform: translateY(-8px) rotate(0deg);
    filter: drop-shadow(0 9px 7px rgba(0, 0, 0, 0.35));
}

.desk-note:focus-visible {
    outline: 2px solid #e8b640;
    outline-offset: 5px;
}

/* Smaller screens */

@media (max-width: 700px) {
    .desk-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .desk-note {
        max-width: 180px;
    }

    .desk-note span {
        font-size: clamp(12px, 3vw, 18px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .desk-note {
        transition: none;
    }
}

/* ========================================
   BOTTOM DESK NAVIGATION
======================================== */

.desk-bottom-navigation {
    width: 95%;
    max-width: 1500px;

    margin: 10px auto 60px;

    display: flex;
    justify-content: space-around;
    align-items: center;

    gap: 30px;
}


/* ABOUT ME PINNED NOTE */

.note-about {
    transform: rotate(-5deg);
}

.note-about:hover,
.note-about:focus-visible {
    transform: translateY(-8px) rotate(0deg);
}


/* ========================================
   WAX-SEALED ENVELOPE
======================================== */

.story-envelope {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 320px;

    padding: 0;
    border: none;
    background: transparent;

    cursor: pointer;

    transform: rotate(4deg);

    transition:
        transform 0.2s ease,
        filter 0.2s ease;
}


/* Envelope artwork */

.story-envelope img {
    display: block;

    width: 100%;
    height: auto;

    pointer-events: none;
}


/* Text underneath envelope */

.story-envelope span {
    display: block;

    margin-top: 6px;

    font-family: "Carter One", Georgia, serif;
    font-size: clamp(20px, 2.4vw, 34px);

    color: #f0d5a2;

    -webkit-text-stroke: 0.7px #000000;

    text-shadow:
        2px 3px 4px rgba(0, 0, 0, 0.5);

    text-align: center;
}


/* Envelope hover effect */

.story-envelope:hover,
.story-envelope:focus-visible {
    transform: translateY(-8px) rotate(0deg);

    filter: drop-shadow(
        0 9px 7px rgba(0, 0, 0, 0.35)
    );
}

.story-envelope:focus-visible {
    outline: 2px solid #e8b640;
    outline-offset: 5px;
}


/* Smaller screens */

@media (max-width: 700px) {
    .desk-bottom-navigation {
        gap: 15px;
    }

    .story-envelope {
        max-width: 220px;
    }

    .story-envelope span {
        font-size: clamp(16px, 3vw, 24px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .story-envelope {
        transition: none;
    }
}

/* =========================================
   PATREON SECTION - SITE WIDE
========================================= */

.patreon-section {
    max-width: 850px;
    margin: 70px auto 50px;
    padding: 25px 20px;
    text-align: center;
}

.patreon-section h2 {
    font-family: "Carter One", Georgia, serif;
    font-size: clamp(28px, 3vw, 42px);
    color: #e5b84f;
    margin-bottom: 15px;
}

.patreon-section p {
    font-family: Georgia, serif;
    font-size: 19px;
    line-height: 1.6;
    color: #f0dfbd;
    margin: 0 auto 30px;
    max-width: 650px;
}

.patreon-button {
    display: inline-block;
    padding: 18px 38px;
    background: #634326;
    border: 2px solid #d5a84d;
    border-radius: 7px;

    color: #ffe5a0 !important;
    font-family: Georgia, serif;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none !important;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
    transition: background 0.2s ease, transform 0.2s ease;
}

.patreon-button:hover {
    background: #8b6031;
    transform: translateY(-3px);
}

@media (max-width: 600px) {
    .patreon-button {
        font-size: 18px;
        padding: 15px 25px;
    }
}

/* Official journal header, shared with the original Dover Demon markup. */
.dover-heading,
body .case-heading {
    text-align: center;
    padding: 35px 20px 25px;
    margin: 25px auto 45px;
    color: #f5ddb0;
}
.dover-heading .dover-category,
.case-heading .case-category {
    font-family: Georgia, serif;
    font-size: clamp(22px, 2.5vw, 34px);
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #e0b76b;
    line-height: 1.2;
    margin: 1em 0;
    text-shadow: 2px 3px 5px rgba(0,0,0,.9);
}
.dover-heading :is(h1,h2),
.case-heading .case-subject {
    font-family: "Carter One", Georgia, serif;
    font-size: clamp(48px, 6vw, 90px);
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #e8b640;
    margin: 15px 0 20px;
    -webkit-text-stroke: 2px #000;
    paint-order: stroke fill;
    text-shadow: 3px 5px 7px rgba(0,0,0,.65);
    overflow-wrap: break-word;
}
.dover-heading .dover-subtitle,
.case-heading .case-hook {
    font-family: Georgia, serif;
    font-size: clamp(23px, 2.8vw, 38px);
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #f5ddb0;
    margin: 10px 0 15px;
    text-shadow: 2px 3px 5px rgba(0,0,0,.9);
}
.dover-heading .dover-location,
.case-heading .case-location {
    font-family: Georgia, serif;
    font-size: clamp(20px, 2.2vw, 30px);
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #e8c995;
    margin: 12px 0 1em;
    text-shadow: 2px 3px 5px rgba(0,0,0,.9);
}
@media(max-width:700px) {
    .dover-heading,
    body .case-heading { margin-bottom: 25px; }
}

/* Author's closing signature, shared by original and data-driven journals. */
@font-face {font-family:"Arty Signature";src:url("fonts/Arty-Signature.otf") format("opentype");font-display:swap}
:is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) p:is(.journal-signature,.bigfoot-signature,.dover-signature,.loveland-signature,.vanmeter-signature) {font-family:"Arty Signature",cursive !important;font-size:clamp(16px,3cqw,42px) !important;font-weight:400;line-height:1.2 !important;text-align:right;margin:5px 0 0 !important;white-space:nowrap}

/* Research prose: a small first-line indent and clear paragraph breaks. */
.research-paper-content p {text-indent:1em;margin-bottom:.5em !important}
.research-paper-content {overflow:auto;scrollbar-width:thin}

/* Cards are edited to fit their parchment; no internal scrolling. */
.research-paper-content {overflow:hidden !important}

/* Phone reading: one full-width vertical leaf, with desktop spreads unchanged. */
@media(max-width:600px) {
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) {width:100% !important;aspect-ratio:auto !important;height:auto !important;min-height:0;margin:28px auto 24px !important;container-type:normal;isolation:auto}
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) > img {display:none !important}
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) > div:is([class*="-left-page"],[class*="-right-page"],.vanmeter-drawing-page) {position:relative !important;inset:auto !important;width:100% !important;height:auto !important;min-height:115vw;padding:38px 30px 42px !important;box-sizing:border-box;overflow:visible !important;background:url('Images/Parchment-Sheet.png') center / 100% 100% no-repeat;mix-blend-mode:normal;z-index:1}
 .archive-journal .archive-right-page,.mobile-leaf-hidden {display:none !important}
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) :is(h3) {font-size:32px !important;line-height:1.15 !important;margin-bottom:18px !important}
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) p {font-size:28px !important;line-height:1.2 !important;margin-bottom:14px !important}
 :is(.archive-journal,.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) p:is(.journal-signature,.bigfoot-signature,.dover-signature,.loveland-signature,.vanmeter-signature) {font-size:32px !important;white-space:normal}
 .vanmeter-drawing-page .vanmeter-journal-drawing {flex:none;height:85vw;width:100%;object-fit:contain}
 .cryptid-divider-tabs {position:relative !important;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;z-index:2}
 .cryptid-divider-tab {position:relative !important;inset:auto !important;width:48% !important;aspect-ratio:1.5;transform:none !important}
 .cryptid-divider-tab .cryptid-neighbor-cover {height:100%;object-fit:contain;transform:none !important}
 .cryptid-cover-label-art {top:50%;left:18% !important;right:auto !important;width:64%;height:44%;object-fit:fill;transform:translateY(-50%)}
 .cryptid-divider-tab span {writing-mode:horizontal-tb;left:50% !important;top:50%;font-size:12px !important;white-space:normal;text-align:center;width:64%;line-height:1.2}
 nav:is(.journal-controls,.journal-page-controls,.aed-page-controls) {margin:12px auto 40px !important;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between}
 nav.aed-page-controls .aed-page-turn {min-width:0;flex:1;padding:6px 2px;font-size:17px}
 nav.aed-page-controls output {flex:none;white-space:nowrap;font-size:13px}
 .aed-arrow-frame {width:100%;height:76px}
 .aed-page-label {white-space:nowrap}
 .content-warnings {display:none !important}
}

@media(max-width:600px) {body :is(.bigfoot-journal,.dover-journal,.loveland-journal,.vanmeter-journal) > div[hidden] {display:none !important}}

/* Phones: one parchment strip with two independently clickable destinations. */
@media(max-width:600px) {
 .cryptid-divider-tabs {display:grid !important;grid-template-columns:1fr 1fr;gap:0 !important;min-height:96px;background:url('Images/Parchment-Sheet.png') center / 100% 100% no-repeat;padding:12px 10px;box-sizing:border-box}
 .cryptid-divider-tabs .cryptid-divider-tab {display:flex;align-items:center;justify-content:center;width:100% !important;aspect-ratio:auto;min-height:72px;padding:8px;box-sizing:border-box;transform:none !important}
 .cryptid-divider-tabs .cryptid-divider-tab + .cryptid-divider-tab {border-left:1px solid rgba(73,49,31,.35)}
 .cryptid-divider-tabs .cryptid-divider-tab img {display:none !important}
 .cryptid-divider-tabs .cryptid-divider-tab span {position:static;transform:none;display:block;width:100%;font-size:15px !important;line-height:1.3;writing-mode:horizontal-tb;text-align:center;white-space:normal;-webkit-text-stroke:0;color:#382415}
 .cryptid-divider-tabs .tab-previous span::before {content:'← ';font-size:23px}
 .cryptid-divider-tabs .tab-next span::after {content:' →';font-size:23px}
 .cryptid-divider-tabs .cryptid-divider-tab:is(:hover,:focus-visible) span {text-decoration:underline;text-underline-offset:3px}
}

@media(max-width:600px) {
 .cryptid-divider-tabs {width:94%;margin-left:auto;margin-right:auto;min-height:82px;padding:8px}
 .cryptid-divider-tabs .cryptid-divider-tab {min-height:64px;padding:5px 8px}
 .cryptid-divider-tabs .cryptid-divider-tab span {font-size:14px !important}
 .cryptid-divider-tabs .tab-previous span::before {content:none}
 .cryptid-divider-tabs .tab-previous span::after {content:'←';display:block;font-size:22px;line-height:1;margin-top:4px}
 .cryptid-divider-tabs .tab-next span::after {content:'→';display:block;font-size:22px;line-height:1;margin-top:4px}
}

/* Quiet document link in normal page flow, outside the reading controls. */
.site-legal-link {display:block;clear:both;text-align:center;margin:22px auto 12px;padding:8px 12px;font:16px/1.5 Georgia,serif}
.site-legal-link a,.archive-footer .site-legal-link a {font:16px/1.5 Georgia,serif;color:#f3dfb5;text-decoration:underline;text-underline-offset:4px;text-shadow:none}
.site-legal-link a:focus-visible {outline:2px solid #e8b640;outline-offset:4px}
.site-legal-footer {position:static;display:block;width:100%;box-sizing:border-box;margin:25px auto 15px;padding:0 12px}

.mobile-about-break{display:none}
/* Phone layout: compact headings, readable desk pages, and contained navigation. */
@media(max-width:600px){
 html,body{max-width:100%;overflow-x:clip}
 body{padding:20px 12px!important}
 body>header h1,body .case-heading h1,body .dover-heading h1,body .letters-header h1{font-size:clamp(27px,7.6vw,34px)!important;line-height:1.12!important;letter-spacing:.3px!important;margin:10px 0 12px!important;overflow-wrap:break-word;-webkit-text-stroke-width:.7px}
 body>header h2{font-size:20px;line-height:1.2;margin:10px 0}
 body>header .website-tagline{font-size:16px;line-height:1.3}
 body .case-heading,body .dover-heading{padding:15px 4px;margin:10px auto 25px}
 body .case-heading .case-category,body .dover-heading .dover-category{font-size:16px;line-height:1.25;letter-spacing:1.5px}
 body .case-heading .case-hook,body .dover-heading .dover-subtitle{font-size:20px;line-height:1.3}
 body .case-heading .case-location,body .dover-heading .dover-location{font-size:17px;line-height:1.3}
 body .cryptids-heading h2{font-size:34px;line-height:1.15}
 .home-page .desk-navigation{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:24px auto}
 .home-page .desk-navigation .desk-note{width:auto;max-width:100%;transform:none;padding:10px 4px;text-decoration:none;min-height:44px;box-sizing:border-box}
 .home-page .desk-navigation .desk-note img{display:none}
 .home-page .desk-navigation .desk-note span{position:static;display:block;width:auto;transform:none;font-size:24px;line-height:1.2;color:#f0d5a2;-webkit-text-stroke:.6px #000;text-shadow:2px 3px 4px #0009}
 .home-page .desk-navigation .desk-note:is(:hover,:focus-visible){filter:brightness(1.12)}
 .home-page .desk-bottom-navigation{width:100%;gap:12px}
 .home-page .note-about{width:44%;max-width:160px;flex:none}
 .home-page .note-about span{font-size:32px;line-height:1.05}
 .mobile-about-break{display:block}
 .home-page .story-envelope{max-width:48%}
 .home-page .story-envelope span{font-size:18px;line-height:1.25}
 .home-page .journal{width:100%;display:grid;gap:20px;container-type:normal;margin:20px auto}
 .home-page .journal-image{display:none}
 .home-page .journal :is(.journal-left-page,.journal-right-page){position:relative;inset:auto;width:100%;height:auto;box-sizing:border-box;padding:34px 30px;background:url('Images/Parchment-Sheet.png') center/100% 100% no-repeat;overflow:visible;font-size:26px;line-height:1.25;color:#382b1d}
 .home-page .journal h3{font-size:30px;line-height:1.15}
 .home-page .journal p{font-size:26px;line-height:1.25}
 .home-page .journal .journal-signature{font-family:'Arty Signature',cursive;font-size:34px;line-height:1.2}
 body :is(.cryptids-breadcrumb,.letters-navigation,.archive-navigation,.bigfoot-navigation,.dover-navigation,.loveland-navigation,.vanmeter-navigation,.about-navigation,.legal-desk){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
 body :is(.archive-footer,.bigfoot-footer,.dover-footer,.loveland-footer,.vanmeter-footer,.cryptids-footer){text-align:center}
 body :is(.journal-controls,.journal-page-controls).aed-page-controls .aed-page-turn{min-width:0;font-size:16px;padding:6px 2px;flex:1}
 body .aed-page-controls .aed-arrow-frame{width:100%;max-width:110px;height:76px}
 body .aed-page-controls output{font-size:12px}
 body [class$='-video-embed']{min-height:200px;max-width:100%}
 body [class$='-video-embed'] iframe{min-height:200px;max-width:100%}
 body .patreon-button{max-width:100%;box-sizing:border-box}
}
/* Let phone research sheets grow with their text instead of cropping it. */
@media(max-width:600px){
 body .research-paper-stack{height:auto!important;aspect-ratio:auto!important;min-height:0;margin:30px auto}
 body .research-paper{position:relative;inset:auto;height:auto!important;padding:34px 28px;transform:none!important;box-sizing:border-box}
 body .research-paper:not(.is-active){display:none!important}
 body .research-paper-content{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;overflow:visible!important}
 body .research-paper-content h3{font-size:30px!important;line-height:1.15!important;margin-bottom:18px}
 body .research-paper-content p{font-size:26px!important;line-height:1.25!important}
 body .research-page-controls button{min-height:44px;max-width:100%;box-sizing:border-box;white-space:normal}
}

/* The shop note joins About Me; the envelope keeps its own space. */
.home-page .desk-bottom-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr);max-width:1000px;justify-content:center;justify-items:center;gap:clamp(18px,4vw,60px)}
.note-shop{transform:rotate(4deg)}.note-shop:is(:hover,:focus-visible){transform:translateY(-8px) rotate(0deg)}
.note-shop:focus-visible,.note-about:focus-visible{outline:2px solid #e8b640;outline-offset:5px}
@media(max-width:600px){.home-page .desk-bottom-navigation{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;gap:20px;justify-items:center}.home-page .desk-bottom-navigation :is(.note-about,.note-shop){width:100%;max-width:160px}.home-page .note-shop span{font-size:32px}.home-page .desk-bottom-navigation .story-envelope{grid-column:1 / -1;width:65%;max-width:230px}}
/* Match the homepage sign-off to the Archive's journal signatures. */
.home-page .journal .journal-signature{font-family:"Arty Signature",cursive;font-size:clamp(16px,3cqw,42px);font-weight:400;line-height:1.2;text-align:right;white-space:nowrap}
@media(max-width:600px){.home-page .journal .journal-signature{font-size:34px;white-space:normal}}