:root {
            --paper: #f7f2ea;
            --paper-soft: #fcfaf7;
            --ink: #181818;
            --muted: #63605b;
            --line: rgba(24, 24, 24, 0.12);
            --line-strong: rgba(24, 24, 24, 0.2);
            --accent: #8b3d2f;
            --accent-soft: rgba(139, 61, 47, 0.12);
            --card: rgba(255, 255, 255, 0.84);
            --shadow: 0 24px 60px rgba(35, 23, 13, 0.1);
            --radius-xl: 28px;
            --radius-lg: 20px;
            --radius-md: 14px;
            --max: 1260px;
            --motion-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
            --motion-ease-soft: cubic-bezier(0.25, 0.85, 0.25, 1);
            --motion-duration-xs: 220ms;
            --motion-duration-sm: 320ms;
            --motion-duration-md: 460ms;
            --motion-duration-lg: 620ms;
            --motion-duration-xl: 820ms;
            --press-ticker-speed: 56s;
        }

        .archive-update {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px 20px;
            margin: 18px 0;
            padding: 16px 20px;
            border-left: 3px solid #8b3d2f;
            background: var(--paper-soft);
            color: var(--ink);
            font-size: 14px;
        }

        .archive-update a {
            color: inherit;
            text-underline-offset: 4px;
            font-weight: 700;
        }

        body.theme-warm {
            --paper: #f5eadf;
            --paper-soft: #fff8ef;
            --accent: #9a4a32;
            --accent-soft: rgba(154, 74, 50, 0.14);
        }

        body.theme-sea {
            --paper: #eef5f6;
            --paper-soft: #f8fcfc;
            --accent: #2f6d7b;
            --accent-soft: rgba(47, 109, 123, 0.14);
        }

        body.theme-graphite {
            --paper: #ede8df;
            --paper-soft: #fffaf3;
            --ink: #171411;
            --muted: #6a6259;
            --accent: #6f3b2f;
            --accent-soft: rgba(111, 59, 47, 0.15);
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            min-height: 100%;
        }

        body {
            color: var(--ink);
            font-family: "Manrope", sans-serif;
            background:
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.08), transparent 24%),
                radial-gradient(circle at bottom left, rgba(108, 94, 78, 0.08), transparent 26%),
                linear-gradient(180deg, #f9f4ec 0%, #f4eee5 48%, #efe8dd 100%);
        }

        body.viewer-open,
        body.chronicle-open {
            overflow: hidden;
        }

        img {
            max-width: 100%;
            display: block;
        }

        button,
        input,
        textarea,
        select {
            font: inherit;
        }

        .page {
            width: min(calc(100% - 28px), var(--max));
            margin: 0 auto;
            padding: 28px 0 64px;
        }

        #pressArchiveApp { display: contents; }
        .press-brand-logos{display:flex;align-items:center;gap:clamp(20px,5vw,56px);min-width:0;padding:4px 4px 24px;margin:0 0 12px;border-bottom:1px solid var(--line)}
        .press-brand-logo{display:flex;align-items:center;justify-content:flex-start;max-width:calc(50% - 16px);min-height:44px;flex:0 1 auto;text-decoration:none;transition:opacity 400ms ease,transform 500ms cubic-bezier(.2,.7,.2,1)}
        .press-brand-logo img{display:block;width:100%;height:auto;object-fit:contain}
        .press-brand-logo:only-child{max-width:100%}
        .press-brand-logo:hover{opacity:.78;transform:translateY(-1px)}
        .press-brand-logo:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}
        @media(prefers-reduced-motion:reduce){.press-brand-logo{transition:none}.press-brand-logo:hover{transform:none}}
        #pressArchiveApp[hidden] { display: none; }
        a.hero__title { color: var(--ink); text-decoration: none; display: block; }
        .is-embedded-reader .hero { display: none; }
        .press-seo-page .year-tab, .press-seo-page .archive-detail__story { text-decoration: none; color: var(--ink); }
        .press-seo-page .year-tab.is-active { color: #fff; }
        .press-seo-page .archive-detail__story.is-active { color: var(--accent); }
        .public-archive-count { color: var(--muted); font-weight: 700; border-left: 3px solid var(--accent); padding-left: 14px; }
        .public-archive-selection { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: baseline; color: var(--muted); font-size: 0.82rem; }
        .public-archive-selection span { overflow-wrap: anywhere; }
        .results-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 14px 20px; margin: 0 0 20px; }
        .results-toolbar .archive-detail__sort { width: 220px; }
        .results-toolbar .archive-detail__view { width: 160px; }
        .results-toolbar .collection-actions__button { margin-left: auto; min-height: 44px; }
        .results-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 24px; }
        .results-pagination__info { color: var(--muted); font-size: 0.82rem; }
        .results-pagination button:disabled { opacity: 0.4; cursor: default; }
        .results-toolbar[hidden], .results-pagination[hidden], .results-toolbar button[hidden] { display: none; }
        .press-seo-pagination { margin-top: 28px; }
        a.archive-card { color: var(--ink); text-decoration: none; }
        .press-seo-page { padding: clamp(20px, 4vw, 60px) 0; min-width: 0; }
        .press-seo-breadcrumb, .press-seo-actions, .press-seo-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
        .press-seo-breadcrumb { margin-bottom: 32px; font-size: 0.82rem; }
        .press-seo-page a, .press-seo-directory a { color: var(--accent); text-underline-offset: 5px; }
        .press-seo-page h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.5rem, 6vw, 5.4rem); line-height: 1.02; max-width: 1000px; margin: 16px 0 22px; overflow-wrap: anywhere; }
        .press-seo-page h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.15; margin: 10px 0; }
        .press-seo-page p { line-height: 1.8; max-width: 78ch; }
        .press-seo-kicker { color: var(--muted); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }
        .press-seo-brand { color: var(--accent); font-weight: 800; }
        .press-seo-intro { font-size: 1.1rem; }
        .press-seo-preview { margin: 28px 0; width: min(100%, 840px); height: clamp(260px, 55vw, 560px); overflow: hidden; border-radius: 18px; background: var(--paper-soft); box-shadow: var(--shadow); }
        .press-seo-preview img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
        .press-seo-read { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 0; border-radius: 999px; background: var(--accent); color: #fff !important; font: 800 0.85rem 'Manrope', sans-serif; text-decoration: none; cursor: pointer; }
        .press-seo-text { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
        .press-seo-text p { white-space: pre-line; }
        .press-seo-list { margin: 36px 0; }
        .press-seo-list article { padding: 24px 0; border-bottom: 1px solid var(--line); }
        .press-seo-list h2 a { color: var(--ink); text-decoration: none; }
        .press-seo-list h2 a:hover { color: var(--accent); }
        .press-seo-directory { padding: 24px 0; border-top: 1px solid var(--line); }
        .press-seo-directory strong { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; }
        .press-seo-directory div { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
        .press-seo-directory a { font-size: 0.82rem; }

        .hero {
            position: relative;
            z-index: 40;
            padding: 8px 0 22px;
        }

        .hero__frame {
            position: relative;
            z-index: 1;
            isolation: isolate;
            display: grid;
            gap: 22px;
            padding: 28px 22px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 34px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.44)),
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.12), transparent 26%),
                radial-gradient(circle at bottom left, rgba(108, 94, 78, 0.1), transparent 28%);
            box-shadow: 0 32px 80px rgba(35, 23, 13, 0.1);
            overflow: visible;
        }

        .hero__frame::before {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px solid rgba(24, 24, 24, 0.07);
            border-radius: 28px;
            pointer-events: none;
        }

        .hero__content,
        .hero__aside {
            position: relative;
            z-index: 1;
            align-self: start;
        }

        .hero__content {
            display: grid;
            align-content: start;
        }

        .hero__eyebrow {
            margin: 0;
            color: var(--accent);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.24em;
            text-transform: uppercase;
        }

        .hero__brands {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 18px;
        }

        .hero__brand {
            display: inline-flex;
            align-items: center;
            min-height: 38px;
            padding: 0 14px;
            border-radius: 999px;
            border: 1px solid rgba(24, 24, 24, 0.12);
            background: rgba(255, 255, 255, 0.58);
            color: var(--ink);
            font-size: 0.84rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            box-shadow: 0 10px 24px rgba(28, 21, 18, 0.06);
        }

        .hero .hero__title {
            margin: 16px 0 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(3rem, 9vw, 5.7rem);
            line-height: 0.92;
            letter-spacing: -0.04em;
            max-width: 9ch;
        }

        .hero__intro {
            max-width: 760px;
            margin: 16px 0 0;
            color: var(--muted);
            font-size: clamp(1rem, 2vw, 1.12rem);
            line-height: 1.8;
        }

        .hero__aside {
            display: grid;
            gap: 14px;
            align-content: start;
            padding: 20px 18px;
            border-radius: 24px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.56)),
                linear-gradient(145deg, rgba(139, 61, 47, 0.08), rgba(139, 61, 47, 0));
        }

        .hero__aside-label {
            margin: 0;
            color: var(--accent);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .hero__aside-title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.8rem, 5vw, 2.55rem);
            line-height: 1;
        }

        .hero__aside-copy {
            margin: 0;
            color: var(--muted);
            line-height: 1.75;
        }

        .hero__highlights {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .hero__highlight {
            display: inline-flex;
            align-items: center;
            min-height: 36px;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(139, 61, 47, 0.1);
            color: var(--accent);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .hero__utility {
            position: relative;
            z-index: 70;
            display: grid;
            justify-items: start;
            gap: 0;
            width: 100%;
            max-width: 640px;
            margin-top: 18px;
            transition: gap var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .hero__utility.is-panel-open {
            gap: 12px;
        }

        .hero__tools {
            position: relative;
            z-index: 71;
            display: inline-flex;
            flex-wrap: wrap;
            gap: 12px;
            align-items: center;
            justify-content: flex-start;
            align-self: flex-start;
            width: fit-content;
            max-width: 100%;
            padding: 8px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.52);
            box-shadow: 0 18px 40px rgba(35, 23, 13, 0.06);
            backdrop-filter: blur(12px);
        }

        .hero-tool {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            min-height: 58px;
            padding: 0 18px 0 10px;
            border: 1px solid rgba(24, 24, 24, 0.12);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.74);
            color: var(--ink);
            cursor: pointer;
            box-shadow: 0 18px 40px rgba(35, 23, 13, 0.08);
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .hero-tool:hover,
        .hero-tool:focus-visible,
        .hero-tool.is-active {
            transform: translateY(-2px);
            border-color: rgba(139, 61, 47, 0.28);
            background: rgba(255, 255, 255, 0.92);
            box-shadow: 0 24px 50px rgba(35, 23, 13, 0.12);
            outline: none;
        }

        .hero-tool__icon {
            position: relative;
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.14), rgba(139, 61, 47, 0.08)),
                rgba(255, 255, 255, 0.7);
            color: var(--accent);
            overflow: hidden;
        }

        .hero-tool__icon::before {
            content: "";
            position: absolute;
            inset: 7px;
            border-radius: 999px;
            border: 1px solid rgba(139, 61, 47, 0.12);
        }

        .hero-tool__icon svg {
            width: 22px;
            height: 22px;
            overflow: visible;
        }

        .hero-tool__label {
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .tool-search__glass,
        .tool-search__handle,
        .tool-filter__line,
        .tool-filter__knob {
            transition: transform var(--motion-duration-md) var(--motion-ease-standard), opacity var(--motion-duration-md) var(--motion-ease-soft);
            transform-box: fill-box;
            transform-origin: center center;
        }

        .hero-tool:hover .tool-search__glass,
        .hero-tool:focus-visible .tool-search__glass,
        .hero-tool.is-active .tool-search__glass {
            transform: scale(1.08);
        }

        .hero-tool:hover .tool-search__handle,
        .hero-tool:focus-visible .tool-search__handle,
        .hero-tool.is-active .tool-search__handle {
            transform: translate(2px, -1px) rotate(-8deg);
        }

        .hero-tool:hover .tool-filter__line--a,
        .hero-tool:focus-visible .tool-filter__line--a,
        .hero-tool.is-active .tool-filter__line--a {
            transform: translateX(3px);
        }

        .hero-tool:hover .tool-filter__line--b,
        .hero-tool:focus-visible .tool-filter__line--b,
        .hero-tool.is-active .tool-filter__line--b {
            transform: translateX(-3px);
        }

        .hero-tool:hover .tool-filter__line--c,
        .hero-tool:focus-visible .tool-filter__line--c,
        .hero-tool.is-active .tool-filter__line--c {
            transform: translateX(4px);
        }

        .hero-tool[disabled] {
            opacity: 0.46;
            cursor: default;
            pointer-events: none;
            box-shadow: none;
        }

        .hero-tool--desktop-only {
            display: inline-flex;
        }

        .tool-chronicle__orbit,
        .tool-chronicle__pulse,
        .tool-chronicle__star {
            transform-box: fill-box;
            transform-origin: center center;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                stroke var(--motion-duration-md) var(--motion-ease-soft);
        }

        .tool-chronicle__star {
            animation: chronicleToolStar 2.8s ease-in-out infinite;
        }

        .hero-tool:hover .tool-chronicle__orbit,
        .hero-tool:focus-visible .tool-chronicle__orbit {
            transform: rotate(12deg) scale(1.05);
        }

        .hero-tool:hover .tool-chronicle__pulse,
        .hero-tool:focus-visible .tool-chronicle__pulse {
            transform: scale(1.08);
            opacity: 0.92;
        }

        .hero-tool:hover .tool-chronicle__star,
        .hero-tool:focus-visible .tool-chronicle__star {
            transform: translateY(-1px) scale(1.08);
        }

        .tool-collection__folder,
        .tool-collection__paper,
        .tool-collection__spark {
            transform-box: fill-box;
            transform-origin: center center;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .hero-tool:hover .tool-collection__folder,
        .hero-tool:focus-visible .tool-collection__folder,
        .hero-tool.is-filled .tool-collection__folder {
            transform: translateY(-1px) scale(1.04);
        }

        .hero-tool:hover .tool-collection__paper,
        .hero-tool:focus-visible .tool-collection__paper {
            transform: translateX(1px);
        }

        .hero-tool:hover .tool-collection__spark,
        .hero-tool:focus-visible .tool-collection__spark,
        .hero-tool.is-filled .tool-collection__spark {
            transform: translate(-1px, 1px) scale(1.18);
            opacity: 1;
        }

        @keyframes chronicleToolStar {
            0%,
            100% {
                opacity: 0.66;
                transform: scale(0.92);
            }

            50% {
                opacity: 1;
                transform: scale(1.06);
            }
        }

        .hero__panels {
            position: relative;
            z-index: 80;
            display: none;
            gap: 14px;
            width: 100%;
            max-width: 640px;
            overflow: visible;
        }

        .hero__utility.is-panel-open .hero__panels {
            display: grid;
        }

        .hero-panel {
            position: relative;
            z-index: 81;
            display: grid;
            width: 100%;
            gap: 14px;
            padding: 18px;
            border-radius: 24px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.72)),
                linear-gradient(145deg, rgba(139, 61, 47, 0.08), rgba(139, 61, 47, 0));
            box-shadow: 0 24px 60px rgba(35, 23, 13, 0.1);
            opacity: 0;
            transform: translateY(-10px) scale(0.985);
            transform-origin: top center;
        }

        .hero-panel[hidden] {
            display: none !important;
        }

        .hero-panel.is-open {
            animation: heroPanelIn var(--motion-duration-lg) var(--motion-ease-standard) forwards;
        }

        @keyframes heroPanelIn {
            from {
                opacity: 0;
                transform: translateY(-10px) scale(0.985);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .hero-panel__head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            justify-content: space-between;
            gap: 10px;
        }

        .hero-panel__eyebrow {
            margin: 0 0 4px;
            color: var(--accent);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .hero-panel__title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.7rem, 4vw, 2.55rem);
            line-height: 0.98;
        }

        .hero-panel__hint {
            margin: 0;
            color: var(--muted);
            line-height: 1.7;
        }

        .hero-panel__grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .hero-panel__modes {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .hero-panel__mode {
            position: relative;
            display: block;
            cursor: pointer;
        }

        .hero-panel__mode input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .hero-panel__mode span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 54px;
            padding: 0 18px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.76);
            color: var(--ink);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            text-align: center;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .hero-panel__mode:hover span,
        .hero-panel__mode:focus-within span {
            transform: translateY(-1px);
            border-color: rgba(139, 61, 47, 0.22);
            outline: none;
        }

        .hero-panel__mode input:checked + span {
            border-color: rgba(139, 61, 47, 0.26);
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.12), rgba(139, 61, 47, 0.05)),
                rgba(255, 255, 255, 0.9);
            color: var(--accent);
            box-shadow: 0 14px 30px rgba(35, 23, 13, 0.08);
        }

        .hero-panel__status {
            display: grid;
            gap: 10px;
            padding: 14px 16px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 18px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)),
                rgba(255, 255, 255, 0.76);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .hero-panel__status[hidden] {
            display: none !important;
        }

        .hero-panel__status-text {
            margin: 0;
            color: var(--ink);
            font-size: 0.94rem;
            font-weight: 700;
            line-height: 1.55;
        }

        .hero-panel__status-meta {
            color: var(--muted);
            font-size: 0.82rem;
            line-height: 1.65;
        }

        .hero-panel__status-bar {
            position: relative;
            height: 8px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.08);
            overflow: hidden;
        }

        .hero-panel__status-bar span {
            display: block;
            width: 0;
            height: 100%;
            border-radius: inherit;
            background:
                linear-gradient(90deg, rgba(139, 61, 47, 0.72), rgba(184, 118, 87, 0.92));
            box-shadow: 0 6px 14px rgba(139, 61, 47, 0.2);
            transition: width var(--motion-duration-lg) var(--motion-ease-standard);
        }

        .hero-panel__search,
        .hero-panel__select {
            width: 100%;
            min-height: 56px;
            padding: 0 18px;
            border: 1px solid rgba(24, 24, 24, 0.12);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--ink);
            outline: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
            transition: border-color var(--motion-duration-sm) var(--motion-ease-soft), box-shadow var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .hero-panel__search:focus,
        .hero-panel__select:focus {
            border-color: rgba(139, 61, 47, 0.34);
            box-shadow: 0 0 0 4px rgba(139, 61, 47, 0.08);
        }

        .hero-panel__field {
            display: grid;
            gap: 8px;
        }

        .hero-panel__field span {
            color: var(--ink);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .hero-panel__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .hero-panel__button,
        .hero-panel__reset {
            min-height: 54px;
            padding: 0 18px;
            border-radius: 16px;
            border: 1px solid rgba(24, 24, 24, 0.12);
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .hero-panel__button {
            background: var(--ink);
            border-color: var(--ink);
            color: #fff;
        }

        .hero-panel__reset {
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
        }

        .hero-panel__button:hover,
        .hero-panel__button:focus-visible,
        .hero-panel__reset:hover,
        .hero-panel__reset:focus-visible {
            transform: translateY(-1px);
            outline: none;
        }

        .hero__intro code,
        .debug code,
        .empty-box code {
            padding: 2px 6px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.06);
            font-size: 0.92em;
        }

        .stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
            gap: 12px;
            width: min(100%, 820px);
            margin-top: 24px;
        }

        .debug {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 22px;
        }

        .pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 42px;
            padding: 10px 14px;
            border-radius: 999px;
            border: 1px solid var(--line);
            background: rgba(255, 255, 255, 0.76);
            color: var(--ink);
            font-size: 0.92rem;
            box-shadow: 0 10px 30px rgba(28, 21, 18, 0.05);
        }

        .pill strong {
            font-weight: 800;
        }

        .hero-stat-card {
            --stat-accent: #8b3d2f;
            --stat-accent-soft: rgba(139, 61, 47, 0.12);
            --stat-accent-line: rgba(139, 61, 47, 0.74);
            --stat-accent-tint: rgba(139, 61, 47, 0.1);
            --stat-glow: rgba(139, 61, 47, 0.18);
            position: relative;
            display: grid;
            grid-template-columns: auto auto minmax(0, 1fr);
            align-items: center;
            gap: 12px;
            min-height: 86px;
            padding: 15px 18px 15px 15px;
            border-radius: 10px 24px 24px 10px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-left: 5px solid var(--stat-accent-line);
            background:
                radial-gradient(circle at 18% 20%, var(--stat-accent-soft), transparent 34%),
                linear-gradient(135deg, rgba(255, 250, 241, 0.96), rgba(238, 222, 203, 0.62)),
                rgba(255, 255, 255, 0.86);
            color: var(--ink);
            box-shadow:
                0 18px 42px rgba(35, 23, 13, 0.09),
                0 0 0 1px rgba(255, 255, 255, 0.42),
                inset 0 1px 0 rgba(255, 255, 255, 0.7);
            overflow: hidden;
            cursor: default;
            user-select: none;
            animation: heroStatFloat 7.5s var(--motion-ease-soft) infinite;
            animation-delay: var(--stat-delay, 0ms);
            transform: translateZ(0);
        }

        .hero-stat-card--years {
            --stat-accent: #6d5d4f;
            --stat-accent-soft: rgba(109, 93, 79, 0.13);
            --stat-accent-line: rgba(109, 93, 79, 0.72);
            --stat-accent-tint: rgba(109, 93, 79, 0.1);
            --stat-glow: rgba(109, 93, 79, 0.18);
            --stat-delay: 120ms;
        }

        .hero-stat-card--archive {
            --stat-accent: #8b3d2f;
            --stat-accent-soft: rgba(139, 61, 47, 0.13);
            --stat-accent-line: rgba(139, 61, 47, 0.74);
            --stat-accent-tint: rgba(139, 61, 47, 0.1);
            --stat-glow: rgba(139, 61, 47, 0.2);
            --stat-delay: 280ms;
        }

        .hero-stat-card--brands {
            --stat-accent: #2f6170;
            --stat-accent-soft: rgba(47, 97, 112, 0.13);
            --stat-accent-line: rgba(47, 97, 112, 0.72);
            --stat-accent-tint: rgba(47, 97, 112, 0.1);
            --stat-glow: rgba(47, 97, 112, 0.18);
            --stat-delay: 440ms;
        }

        .hero-stat-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(
                    110deg,
                    transparent 0%,
                    rgba(255, 255, 255, 0.48) 42%,
                    transparent 64%
                );
            transform: translateX(-120%);
            opacity: 0;
            pointer-events: none;
            animation: heroStatSheen 8.5s var(--motion-ease-soft) infinite;
            animation-delay: calc(var(--stat-delay, 0ms) + 900ms);
        }

        .hero-stat-card::after {
            content: "";
            position: absolute;
            inset: 10px 12px 10px auto;
            width: 52px;
            border-radius: 999px;
            background:
                repeating-linear-gradient(
                    180deg,
                    var(--stat-accent-soft) 0 1px,
                    transparent 1px 8px
                );
            opacity: 0.58;
            pointer-events: none;
        }

        .hero-stat-card__icon {
            position: relative;
            z-index: 1;
            display: inline-grid;
            place-items: center;
            width: 46px;
            height: 46px;
            border-radius: 16px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42)),
                var(--stat-accent-tint);
            color: var(--stat-accent);
            box-shadow:
                0 12px 24px var(--stat-glow),
                inset 0 1px 0 rgba(255, 255, 255, 0.76);
        }

        .hero-stat-card__icon::after {
            content: "";
            position: absolute;
            inset: 7px;
            border-radius: 12px;
            border: 1px solid var(--stat-accent-soft);
            opacity: 0.82;
        }

        .hero-stat-card__icon svg {
            position: relative;
            z-index: 1;
            width: 25px;
            height: 25px;
            overflow: visible;
            filter: drop-shadow(0 5px 9px var(--stat-glow));
        }

        .hero-stat-card__icon path,
        .hero-stat-card__icon rect,
        .hero-stat-card__icon circle {
            transform-box: fill-box;
            transform-origin: center center;
            transition:
                transform var(--motion-duration-lg) var(--motion-ease-standard),
                opacity var(--motion-duration-lg) var(--motion-ease-soft);
        }

        .hero-stat-card__number {
            position: relative;
            z-index: 1;
            min-width: 1.15em;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2.35rem, 5vw, 4.15rem);
            font-weight: 700;
            line-height: 0.82;
            letter-spacing: -0.05em;
            color: var(--stat-accent);
        }

        .hero-stat-card__copy {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 2px;
            padding-right: 42px;
        }

        .hero-stat-card__label {
            color: var(--stat-accent);
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .hero-stat-card__text {
            color: var(--ink);
            font-size: 0.94rem;
            font-weight: 750;
            line-height: 1.25;
        }

        .hero-stat-card:hover .hero-stat-card__icon path,
        .hero-stat-card:hover .hero-stat-card__icon rect,
        .hero-stat-card:hover .hero-stat-card__icon circle {
            transform: translateY(-1px) scale(1.035);
        }

        .hero-stat-card:hover .hero-stat-card__icon .stat-icon__page,
        .hero-stat-card:focus-within .hero-stat-card__icon .stat-icon__page {
            transform: translateX(2px) rotate(2deg);
        }

        .hero-stat-card:hover .hero-stat-card__icon .stat-icon__node,
        .hero-stat-card:focus-within .hero-stat-card__icon .stat-icon__node {
            transform: scale(1.08);
        }

        @keyframes heroStatFloat {
            0%,
            100% {
                transform: translate3d(0, 0, 0);
            }

            50% {
                transform: translate3d(0, -3px, 0);
            }
        }

        @keyframes heroStatSheen {
            0%,
            68% {
                opacity: 0;
                transform: translateX(-120%);
            }

            76% {
                opacity: 0.8;
            }

            92%,
            100% {
                opacity: 0;
                transform: translateX(120%);
            }
        }

        .pill--debug {
            align-items: flex-start;
            min-height: 0;
            border-radius: 18px;
            white-space: normal;
            max-width: 100%;
            line-height: 1.5;
        }

        .alert {
            margin-top: 18px;
            padding: 18px 20px;
            border: 1px solid rgba(139, 61, 47, 0.16);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.62);
            color: #5e2b22;
            line-height: 1.7;
            box-shadow: 0 18px 40px rgba(35, 23, 13, 0.06);
        }

        .site-footer {
            display: grid;
            gap: 24px;
            margin-top: 42px;
            padding: 28px 22px 30px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 30px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.62)),
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.1), transparent 28%),
                linear-gradient(145deg, rgba(139, 61, 47, 0.05), rgba(139, 61, 47, 0));
            box-shadow: 0 24px 60px rgba(35, 23, 13, 0.08);
        }

        .site-footer__label {
            margin: 0;
            color: var(--accent);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .site-footer__lead {
            display: grid;
            gap: 10px;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(24, 24, 24, 0.08);
        }

        .site-footer__heading {
            margin: 0;
            color: var(--ink);
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 5vw, 3.2rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
        }

        .site-footer__intro {
            margin: 0;
            max-width: 56ch;
            color: var(--muted);
            line-height: 1.85;
        }

        .site-footer__grid {
            display: grid;
            gap: 16px;
        }

        .site-footer__block {
            display: grid;
            gap: 10px;
            padding: 16px 0;
            border-top: 1px solid rgba(24, 24, 24, 0.06);
        }

        .site-footer__block:first-child {
            border-top: 0;
            padding-top: 0;
        }

        .site-footer__eyebrow {
            margin: 0;
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .site-footer__text,
        .site-footer__address {
            margin: 0;
            color: var(--muted);
            font-style: normal;
            line-height: 1.8;
        }

        .site-footer__made {
            color: var(--ink);
            font-size: 1rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .site-footer__contacts,
        .site-footer__meta {
            display: grid;
            gap: 8px;
        }

        .site-footer__link {
            color: var(--ink);
            text-decoration: none;
            font-weight: 700;
        }

        .site-footer__link:hover,
        .site-footer__link:focus-visible {
            color: var(--accent);
            outline: none;
        }

        .site-footer__line,
        .site-footer__company {
            color: var(--ink);
            font-weight: 700;
        }

        .archive-overview,
        .archive-detail,
        .archive-search {
            margin-top: 22px;
        }

        body.view-overview .archive-detail {
            display: none !important;
        }

        body.view-overview .archive-search {
            display: none !important;
        }

        body.view-detail .archive-overview {
            display: none !important;
        }

        body.view-detail .archive-search {
            display: none !important;
        }

        body.view-search .archive-overview,
        body.view-search .archive-detail {
            display: none !important;
        }

        .archive-detail[hidden],
        .archive-overview[hidden],
        .archive-search[hidden] {
            display: none !important;
        }

        .search-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 22px;
            padding-bottom: 14px;
            border-bottom: 1px solid rgba(24, 24, 24, 0.08);
        }

        .search-head__label {
            margin: 0 0 6px;
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .search-head h2 {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 5vw, 3.2rem);
            line-height: 0.98;
        }

        .search-head__meta {
            color: var(--muted);
            font-weight: 700;
        }

        .search-head__actions {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 12px;
        }

        .search-head__back {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 16px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .search-head__back:hover,
        .search-head__back:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(139, 61, 47, 0.28);
            box-shadow: 0 14px 30px rgba(35, 23, 13, 0.08);
            outline: none;
        }

        .search-query {
            color: var(--accent);
            font-style: italic;
        }

        .search-empty {
            padding: 28px;
            border: 1px dashed rgba(24, 24, 24, 0.16);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.58);
            color: var(--muted);
            line-height: 1.75;
        }

        .search-empty strong {
            color: var(--ink);
        }

        .search-progress {
            display: grid;
            gap: 14px;
            padding: 28px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 24px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.7)),
                rgba(255, 255, 255, 0.72);
            box-shadow: 0 22px 48px rgba(35, 23, 13, 0.08);
        }

        .search-progress strong {
            color: var(--ink);
            font-size: 1rem;
            line-height: 1.5;
        }

        .search-progress__meta {
            color: var(--muted);
            line-height: 1.72;
        }

        .search-progress__bar {
            position: relative;
            height: 10px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.08);
            overflow: hidden;
        }

        .search-progress__fill {
            display: block;
            width: 0;
            height: 100%;
            border-radius: inherit;
            background:
                linear-gradient(90deg, rgba(139, 61, 47, 0.78), rgba(184, 118, 87, 0.96));
            box-shadow: 0 8px 18px rgba(139, 61, 47, 0.18);
        }

        .overview-head {
            display: flex;
            flex-wrap: wrap;
            align-items: end;
            justify-content: space-between;
            gap: 18px;
            margin-bottom: 22px;
        }

        .overview-head__label {
            margin: 0 0 6px;
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .overview-head h2 {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2.15rem, 6vw, 3.65rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
        }

        .overview-head__copy {
            max-width: 520px;
            margin: 10px 0 0;
            color: var(--muted);
            line-height: 1.75;
        }

        .overview-head__meta {
            color: var(--muted);
            font-weight: 700;
        }

        .archive-overview {
            display: grid;
            gap: 0;
        }

        .year-directory-section {
            position: relative;
            margin: 0 0 26px;
            padding: 22px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 34px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84)),
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.12), transparent 42%);
            box-shadow: 0 28px 74px rgba(35, 23, 13, 0.09);
            overflow: hidden;
        }

        .year-directory-section::before {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 4px;
            background: linear-gradient(90deg, rgba(139, 61, 47, 0.94), rgba(194, 132, 88, 0.34));
        }

        .press-mini-head {
            display: flex;
            flex-wrap: wrap;
            align-items: end;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 18px;
        }

        .press-mini-head__label {
            margin: 0 0 6px;
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .press-mini-head h3 {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.9rem, 4.4vw, 2.8rem);
            line-height: 0.98;
            letter-spacing: -0.03em;
        }

        .press-mini-head__meta {
            color: var(--muted);
            font-size: 0.86rem;
            font-weight: 700;
        }

        .story-journeys {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            margin: 0 0 22px;
        }

        .story-journey {
            position: relative;
            width: 100%;
            display: grid;
            gap: 10px;
            text-align: left;
            padding: 22px 22px 24px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 26px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.8)),
                linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
            box-shadow: 0 22px 60px rgba(35, 23, 13, 0.08);
            overflow: hidden;
            cursor: pointer;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .story-journey::before {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 4px;
            background: linear-gradient(90deg, rgba(24, 24, 24, 0.14), rgba(24, 24, 24, 0.04));
        }

        .story-journey:hover,
        .story-journey:focus-visible {
            transform: translateY(-4px);
            box-shadow: 0 28px 70px rgba(35, 23, 13, 0.12);
            outline: none;
        }

        .story-journey--nautica {
            background:
                linear-gradient(180deg, rgba(247, 251, 255, 0.96), rgba(234, 243, 250, 0.86)),
                linear-gradient(135deg, rgba(57, 117, 160, 0.1), rgba(57, 117, 160, 0));
        }

        .story-journey--nautica::before {
            background: linear-gradient(90deg, rgba(36, 104, 153, 0.92), rgba(87, 152, 190, 0.42));
        }

        .story-journey--industria {
            background:
                linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(245, 235, 226, 0.86)),
                linear-gradient(135deg, rgba(139, 61, 47, 0.12), rgba(139, 61, 47, 0));
        }

        .story-journey--industria::before {
            background: linear-gradient(90deg, rgba(139, 61, 47, 0.92), rgba(194, 132, 88, 0.42));
        }

        .story-journey__eyebrow {
            position: relative;
            z-index: 1;
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .story-journey__title {
            position: relative;
            z-index: 1;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.8rem, 4vw, 2.6rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
        }

        .story-journey__copy {
            position: relative;
            z-index: 1;
            margin: 0;
            color: var(--muted);
            line-height: 1.72;
        }

        .story-journey__meta {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            min-height: 36px;
            padding: 0 14px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .press-featured,
        .press-publications,
        .press-editorial-timeline {
            position: relative;
            margin: 0 0 22px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 34px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.82)),
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.13), transparent 44%);
            box-shadow: 0 26px 72px rgba(35, 23, 13, 0.09);
            overflow: hidden;
        }

        .press-featured__button {
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
            gap: clamp(18px, 3vw, 32px);
            align-items: stretch;
            padding: clamp(18px, 3vw, 28px);
            border: 0;
            background: transparent;
            color: var(--ink);
            text-align: left;
            cursor: pointer;
        }

        .press-featured__button:hover .press-featured__visual,
        .press-featured__button:focus-visible .press-featured__visual {
            transform: translateY(-4px) rotate(-0.8deg) scale(1.015);
        }

        .press-featured__button:focus-visible {
            outline: none;
        }

        .press-featured__visual {
            position: relative;
            height: clamp(280px, 34vw, 420px);
            min-height: 0;
            max-height: 420px;
            border-radius: 28px;
            overflow: hidden;
            background:
                linear-gradient(135deg, #f4e8dc 0%, #ead8c8 100%);
            box-shadow:
                0 28px 60px rgba(35, 23, 13, 0.16),
                inset 0 1px 0 rgba(255, 255, 255, 0.54);
            transition: transform var(--motion-duration-lg) var(--motion-ease-standard);
        }

        .press-featured__visual img,
        .press-featured__visual canvas,
        .press-featured__visual .js-pdf-thumb {
            width: 100%;
            height: 100%;
            min-height: 0;
            display: block;
            object-fit: cover;
            object-position: center top;
        }

        .press-featured__visual::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(16, 12, 10, 0.24)),
                radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.42), transparent 34%);
            pointer-events: none;
        }

        .press-featured__content {
            display: grid;
            align-content: center;
            gap: 14px;
            padding: clamp(4px, 2vw, 18px) 0;
        }

        .press-featured__eyebrow,
        .press-section-kicker {
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .press-featured__title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2.2rem, 5.2vw, 4.4rem);
            line-height: 0.92;
            letter-spacing: -0.04em;
        }

        .press-featured__copy {
            max-width: 560px;
            margin: 0;
            color: var(--muted);
            font-size: 1rem;
            line-height: 1.75;
        }

        .press-featured__meta,
        .press-featured__action {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .press-featured__meta span,
        .press-featured__action {
            min-height: 34px;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.05);
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .press-featured__action {
            justify-content: center;
            width: max-content;
            background: var(--ink);
            color: #fff8f1;
        }

        .story-journey--design {
            background:
                linear-gradient(180deg, rgba(255, 253, 247, 0.96), rgba(244, 235, 222, 0.86)),
                linear-gradient(135deg, rgba(197, 139, 81, 0.14), rgba(197, 139, 81, 0));
        }

        .story-journey--territorio {
            background:
                linear-gradient(180deg, rgba(249, 252, 246, 0.96), rgba(232, 240, 226, 0.86)),
                linear-gradient(135deg, rgba(86, 126, 84, 0.13), rgba(86, 126, 84, 0));
        }

        .story-journey--eventi {
            background:
                linear-gradient(180deg, rgba(255, 248, 247, 0.96), rgba(244, 229, 229, 0.86)),
                linear-gradient(135deg, rgba(153, 72, 79, 0.13), rgba(153, 72, 79, 0));
        }

        .story-journey--innovazione {
            background:
                linear-gradient(180deg, rgba(247, 250, 255, 0.96), rgba(230, 234, 245, 0.86)),
                linear-gradient(135deg, rgba(73, 82, 137, 0.13), rgba(73, 82, 137, 0));
        }

        .story-journey--design::before {
            background: linear-gradient(90deg, rgba(197, 139, 81, 0.92), rgba(197, 139, 81, 0.36));
        }

        .story-journey--territorio::before {
            background: linear-gradient(90deg, rgba(86, 126, 84, 0.92), rgba(86, 126, 84, 0.36));
        }

        .story-journey--eventi::before {
            background: linear-gradient(90deg, rgba(153, 72, 79, 0.92), rgba(153, 72, 79, 0.36));
        }

        .story-journey--innovazione::before {
            background: linear-gradient(90deg, rgba(73, 82, 137, 0.92), rgba(73, 82, 137, 0.36));
        }

        .press-publications,
        .press-editorial-timeline {
            padding: 22px;
        }

        .press-publications__grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 12px;
            margin-top: 16px;
        }

        .publication-chip {
            position: relative;
            display: grid;
            gap: 8px;
            min-height: 116px;
            padding: 16px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 24px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.72)),
                radial-gradient(circle at top right, rgba(139, 61, 47, 0.09), transparent 42%);
            color: var(--ink);
            text-align: left;
            cursor: pointer;
            box-shadow: 0 16px 42px rgba(35, 23, 13, 0.07);
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                border-color var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .publication-chip:hover,
        .publication-chip:focus-visible {
            transform: translateY(-3px);
            border-color: rgba(139, 61, 47, 0.18);
            box-shadow: 0 22px 52px rgba(35, 23, 13, 0.1);
            outline: none;
        }

        .publication-chip__name {
            font-family: "Cormorant Garamond", serif;
            font-size: 1.5rem;
            line-height: 1;
            letter-spacing: -0.02em;
        }

        .publication-chip__meta,
        .publication-chip__latest {
            color: var(--muted);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .editorial-timeline__grid {
            display: grid;
            gap: 18px;
            margin-top: 16px;
        }

        .editorial-year {
            display: grid;
            grid-template-columns: 86px minmax(0, 1fr);
            gap: 16px;
            align-items: center;
        }

        .editorial-year__label {
            font-family: "Cormorant Garamond", serif;
            font-size: 2rem;
            line-height: 1;
            letter-spacing: -0.03em;
        }

        .editorial-year__months {
            display: grid;
            grid-template-columns: repeat(12, minmax(8px, 1fr));
            gap: 7px;
            align-items: end;
            min-height: 74px;
            padding: 12px;
            border-radius: 20px;
            background: rgba(24, 24, 24, 0.035);
        }

        .editorial-month {
            position: relative;
            height: max(12px, calc(var(--month-level, 0) * 1px));
            min-height: 12px;
            border: 0;
            border-radius: 999px 999px 8px 8px;
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.9), rgba(194, 132, 88, 0.72));
            box-shadow: 0 10px 20px rgba(139, 61, 47, 0.16);
            cursor: pointer;
            opacity: calc(0.28 + (var(--month-active, 0) * 0.72));
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .editorial-month:hover,
        .editorial-month:focus-visible {
            transform: translateY(-4px) scaleY(1.08);
            opacity: 1;
            outline: none;
        }

        .editorial-month[disabled] {
            cursor: default;
            box-shadow: none;
        }

        .editorial-month::after {
            content: attr(data-label);
            position: absolute;
            left: 50%;
            bottom: calc(100% + 10px);
            transform: translate(-50%, 6px);
            padding: 7px 10px;
            border-radius: 999px;
            background: rgba(24, 20, 17, 0.94);
            color: #fff8f1;
            font-size: 0.66rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition:
                opacity var(--motion-duration-sm) var(--motion-ease-soft),
                transform var(--motion-duration-sm) var(--motion-ease-standard);
            z-index: 4;
        }

        .editorial-month:hover::after,
        .editorial-month:focus-visible::after {
            opacity: 1;
            transform: translate(-50%, 0);
        }

        .press-resume,
        .press-desk,
        .press-shelf {
            margin: 0 0 18px;
        }

        .press-desk,
        .press-shelf {
            position: relative;
            padding: 18px 20px 20px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 30px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.8)),
                linear-gradient(145deg, rgba(139, 61, 47, 0.06), rgba(139, 61, 47, 0));
            box-shadow: 0 22px 58px rgba(35, 23, 13, 0.08);
            overflow: hidden;
        }

        .press-desk .overview-head,
        .press-shelf .overview-head {
            margin-bottom: 14px;
            gap: 12px;
        }

        .press-desk .overview-head h2,
        .press-shelf .overview-head h2 {
            font-size: clamp(1.6rem, 4vw, 2.2rem);
        }

        .press-desk .overview-head__copy,
        .press-shelf .overview-head__copy {
            max-width: 480px;
            margin-top: 8px;
            line-height: 1.6;
        }

        .press-shelf {
            order: -1;
            padding: 10px 14px 12px;
            border-radius: 24px;
        }

        .press-shelf .overview-head {
            align-items: center;
            margin-bottom: 8px;
            gap: 10px;
        }

        .press-shelf .overview-head > div:first-child {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .press-shelf .overview-head__label {
            margin: 0;
        }

        .press-shelf .overview-head h2,
        .press-shelf .overview-head__copy {
            display: none;
        }

        .press-shelf .overview-head__meta {
            font-size: 0.78rem;
            letter-spacing: 0.04em;
        }

        .press-resume__button {
            position: relative;
            width: 100%;
            display: grid;
            gap: 12px;
            text-align: left;
            padding: 24px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 30px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.82)),
                radial-gradient(circle at top right, rgba(193, 145, 109, 0.16), transparent 44%);
            box-shadow: 0 24px 64px rgba(35, 23, 13, 0.09);
            overflow: hidden;
            cursor: pointer;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .press-resume__button::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 4px;
            background: linear-gradient(180deg, rgba(139, 61, 47, 0.92), rgba(194, 132, 88, 0.42));
        }

        .press-resume__button:hover,
        .press-resume__button:focus-visible {
            transform: translateY(-3px);
            border-color: rgba(139, 61, 47, 0.18);
            box-shadow: 0 30px 72px rgba(35, 23, 13, 0.12);
            outline: none;
        }

        .press-resume__eyebrow,
        .press-spotlight__eyebrow {
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .press-resume__title,
        .press-spotlight__title {
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.8rem, 3vw, 2.6rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
        }

        .press-resume__meta,
        .press-spotlight__copy {
            color: var(--muted);
            line-height: 1.68;
        }

        .press-resume__action,
        .press-spotlight__action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            min-height: 38px;
            padding: 0 14px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.74);
            color: var(--ink);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
        }

        .collection-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 0 0 16px;
        }

        .collection-actions__button {
            min-height: 42px;
            padding: 0 16px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 999px;
            background: var(--ink);
            color: #fff8f1;
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .collection-actions__button:hover,
        .collection-actions__button:focus-visible {
            transform: translateY(-2px);
            box-shadow: 0 18px 36px rgba(35, 23, 13, 0.14);
            outline: none;
        }

        .collection-actions__button--muted {
            background: rgba(24, 24, 24, 0.05);
            color: var(--ink);
        }

        .press-desk__grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .press-spotlight {
            position: relative;
            width: 100%;
            display: grid;
            gap: 8px;
            text-align: left;
            padding: 16px 16px 17px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.8)),
                linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
            box-shadow: 0 16px 42px rgba(35, 23, 13, 0.07);
            overflow: hidden;
            cursor: pointer;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .press-spotlight::before {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 3px;
            background: linear-gradient(90deg, rgba(24, 24, 24, 0.14), rgba(24, 24, 24, 0.04));
        }

        .press-spotlight:hover,
        .press-spotlight:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(139, 61, 47, 0.18);
            box-shadow: 0 20px 52px rgba(35, 23, 13, 0.11);
            outline: none;
        }

        .press-spotlight--latest {
            background:
                linear-gradient(180deg, rgba(255, 250, 246, 0.98), rgba(246, 238, 230, 0.88)),
                linear-gradient(135deg, rgba(139, 61, 47, 0.12), rgba(139, 61, 47, 0));
        }

        .press-spotlight--latest::before {
            background: linear-gradient(90deg, rgba(139, 61, 47, 0.92), rgba(194, 132, 88, 0.4));
        }

        .press-spotlight--verga1958 {
            background:
                linear-gradient(180deg, rgba(246, 251, 255, 0.98), rgba(233, 243, 250, 0.88)),
                linear-gradient(135deg, rgba(36, 104, 153, 0.12), rgba(36, 104, 153, 0));
        }

        .press-spotlight--verga1958::before {
            background: linear-gradient(90deg, rgba(36, 104, 153, 0.92), rgba(87, 152, 190, 0.42));
        }

        .press-spotlight--vergaplast {
            background:
                linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(245, 235, 226, 0.88)),
                linear-gradient(135deg, rgba(139, 61, 47, 0.12), rgba(139, 61, 47, 0));
        }

        .press-spotlight--vergaplast::before {
            background: linear-gradient(90deg, rgba(139, 61, 47, 0.92), rgba(194, 132, 88, 0.42));
        }

        .press-spotlight--random {
            background:
                linear-gradient(180deg, rgba(249, 247, 244, 0.98), rgba(235, 229, 221, 0.88)),
                radial-gradient(circle at top right, rgba(80, 57, 37, 0.12), transparent 46%);
        }

        .press-spotlight--random::before {
            background: linear-gradient(90deg, rgba(49, 40, 34, 0.92), rgba(119, 101, 84, 0.4));
        }

        .press-spotlight__title {
            display: -webkit-box;
            overflow: hidden;
            font-size: clamp(1.24rem, 2.8vw, 1.78rem);
            line-height: 0.98;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
        }

        .press-spotlight__copy {
            overflow: hidden;
            font-size: 0.84rem;
            line-height: 1.45;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .press-spotlight__action {
            min-height: 32px;
            padding: 0 12px;
            font-size: 0.66rem;
        }

        .press-ticker {
            position: relative;
            overflow: hidden;
            padding: 4px 0;
            border-top: 1px solid rgba(24, 24, 24, 0.08);
            border-bottom: 1px solid rgba(24, 24, 24, 0.08);
        }

        .press-ticker::before,
        .press-ticker::after {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 40px;
            background: linear-gradient(90deg, rgba(255, 252, 248, 0.96), rgba(255, 252, 248, 0));
            pointer-events: none;
            z-index: 2;
        }

        .press-ticker::after {
            inset: 0 0 0 auto;
            background: linear-gradient(270deg, rgba(255, 252, 248, 0.96), rgba(255, 252, 248, 0));
        }

        .press-ticker__track {
            display: flex;
            align-items: center;
            width: max-content;
            min-width: 100%;
            animation: pressTickerMove var(--press-ticker-speed, 56s) linear infinite;
            will-change: transform;
        }

        .press-ticker:hover .press-ticker__track,
        .press-ticker:focus-within .press-ticker__track {
            animation-play-state: paused;
        }

        .press-ticker__group {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            padding-right: 10px;
        }

        .press-ticker__item {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 38px;
            padding: 0 12px;
            border: 0;
            background: transparent;
            color: var(--ink);
            text-align: left;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                color var(--motion-duration-sm) var(--motion-ease-soft),
                opacity var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .press-ticker__item:hover,
        .press-ticker__item:focus-visible {
            color: #7d392c;
            transform: translateY(-1px);
            outline: none;
        }

        .press-ticker__item::after {
            content: "";
            width: 1px;
            height: 18px;
            background: linear-gradient(180deg, rgba(24, 24, 24, 0.04), rgba(24, 24, 24, 0.14), rgba(24, 24, 24, 0.04));
            flex: 0 0 auto;
        }

        .press-ticker__dot {
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(139, 61, 47, 0.94), rgba(194, 132, 88, 0.7));
            box-shadow: 0 0 0 4px rgba(139, 61, 47, 0.08);
            flex: 0 0 auto;
        }

        .press-ticker__copy {
            display: inline-flex;
            align-items: baseline;
            gap: 8px;
            justify-items: start;
        }

        .press-ticker__kicker {
            color: var(--muted);
            font-size: 0.58rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .press-ticker__title {
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(0.98rem, 2.1vw, 1.26rem);
            line-height: 0.92;
            white-space: nowrap;
        }

        @keyframes pressTickerMove {
            from {
                transform: translate3d(0, 0, 0);
            }

            to {
                transform: translate3d(-50%, 0, 0);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .press-ticker__track,
            .hero-stat-card,
            .hero-stat-card::before {
                animation: none;
            }
        }

        .press-shelf[hidden],
        .press-desk[hidden],
        .press-resume[hidden] {
            display: none !important;
        }

        .year-directory-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .year-directory-card {
            width: 100%;
            text-align: left;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 28px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.72)),
                linear-gradient(145deg, rgba(139, 61, 47, 0.06), rgba(139, 61, 47, 0));
            box-shadow: 0 24px 70px rgba(35, 23, 13, 0.1);
            overflow: hidden;
            cursor: pointer;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                border-color var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .year-directory-card:hover,
        .year-directory-card:focus-visible {
            transform: translateY(-5px);
            border-color: rgba(139, 61, 47, 0.24);
            box-shadow: 0 34px 80px rgba(35, 23, 13, 0.14);
            outline: none;
        }

        .year-directory-card__visual {
            position: relative;
            aspect-ratio: 1 / 0.92;
            overflow: hidden;
            background:
                radial-gradient(circle at 20% 12%, rgba(255, 255, 255, 0.82), transparent 24%),
                radial-gradient(circle at 88% 18%, rgba(194, 132, 88, 0.24), transparent 34%),
                linear-gradient(135deg, #f7eadb 0%, #dfcaba 100%);
            perspective: 1100px;
        }

        .year-directory-card__visual::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 3;
            background:
                linear-gradient(180deg, rgba(18, 17, 16, 0.02), rgba(18, 17, 16, 0.02) 42%, rgba(18, 17, 16, 0.48)),
                radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.28), transparent 34%);
            pointer-events: none;
        }

        .year-directory-card__year {
            position: absolute;
            right: 18px;
            bottom: 16px;
            z-index: 5;
            color: #fff;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(3.3rem, 9vw, 5.2rem);
            line-height: 0.9;
            letter-spacing: -0.04em;
            text-shadow: 0 18px 34px rgba(0, 0, 0, 0.34);
        }

        .year-directory-card__badge {
            position: absolute;
            top: 16px;
            left: 16px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.58);
            color: #fff;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            backdrop-filter: blur(16px) saturate(1.08);
            -webkit-backdrop-filter: blur(16px) saturate(1.08);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.18),
                0 12px 26px rgba(0, 0, 0, 0.16);
        }

        .year-directory-card__newspaper {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 28px 30px 58px;
            color: #8b3d2f;
        }

        .year-directory-card__newspaper svg {
            width: min(86%, 320px);
            height: auto;
            overflow: visible;
            filter: drop-shadow(0 20px 34px rgba(64, 34, 22, 0.14));
        }

        .year-directory-card__newspaper .news-shadow {
            opacity: 0.36;
            transition: transform var(--motion-duration-lg) var(--motion-ease-soft), opacity var(--motion-duration-lg) var(--motion-ease-soft);
        }

        .year-directory-card__newspaper .news-back,
        .year-directory-card__newspaper .news-middle,
        .year-directory-card__newspaper .news-front,
        .year-directory-card__newspaper .news-flip {
            transform-box: fill-box;
            transform-origin: center center;
            transition: transform var(--motion-duration-xl) var(--motion-ease-standard), opacity var(--motion-duration-lg) var(--motion-ease-soft);
        }

        .year-directory-card__newspaper .news-back {
            transform: translate(-12px, 10px) rotate(-7deg);
            opacity: 0.45;
        }

        .year-directory-card__newspaper .news-middle {
            transform: translate(-2px, 4px) rotate(-2deg);
            opacity: 0.82;
        }

        .year-directory-card__newspaper .news-front {
            transform: translate(0, 0) rotate(0deg);
        }

        .year-directory-card__newspaper .news-flip {
            transform: translate(2px, 1px) rotate(0deg);
            transform-origin: 20% 50%;
            opacity: 0.98;
        }

        .year-directory-card:hover .year-directory-card__newspaper .news-shadow,
        .year-directory-card:focus-visible .year-directory-card__newspaper .news-shadow {
            transform: scaleX(1.08) translateY(2px);
            opacity: 0.48;
        }

        .year-directory-card:hover .year-directory-card__newspaper .news-back,
        .year-directory-card:focus-visible .year-directory-card__newspaper .news-back {
            transform: translate(-26px, 14px) rotate(-14deg);
            opacity: 0.35;
        }

        .year-directory-card:hover .year-directory-card__newspaper .news-middle,
        .year-directory-card:focus-visible .year-directory-card__newspaper .news-middle {
            transform: translate(-10px, 6px) rotate(-6deg);
        }

        .year-directory-card:hover .year-directory-card__newspaper .news-front,
        .year-directory-card:focus-visible .year-directory-card__newspaper .news-front {
            transform: translate(6px, -2px) rotate(2deg);
        }

        .year-directory-card:hover .year-directory-card__newspaper .news-flip,
        .year-directory-card:focus-visible .year-directory-card__newspaper .news-flip {
            transform: translate(28px, -10px) rotate(11deg);
            opacity: 1;
        }

        .year-directory-card__mosaic {
            position: absolute;
            inset: 12px 10px 18px;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: repeat(5, 1fr);
            gap: 9px;
            transform: rotateX(8deg) rotateZ(-1.6deg) translateY(4px);
            transform-style: preserve-3d;
            transition:
                transform var(--motion-duration-xl) var(--motion-ease-standard),
                filter var(--motion-duration-lg) var(--motion-ease-soft);
            filter: saturate(1.04) contrast(1.01);
        }

        .year-directory-card:hover .year-directory-card__mosaic,
        .year-directory-card:focus-visible .year-directory-card__mosaic {
            transform: rotateX(3deg) rotateZ(-0.4deg) translateY(-4px) scale(1.035);
            filter: saturate(1.12) contrast(1.04);
        }

        .year-directory-card__mosaic::before {
            content: "";
            position: absolute;
            inset: 12px 18px -16px;
            border-radius: 32px;
            background: radial-gradient(ellipse at center, rgba(56, 35, 22, 0.28), transparent 72%);
            filter: blur(10px);
            transform: translateY(22px) translateZ(-42px);
            pointer-events: none;
        }

        .year-directory-card__tile {
            position: relative;
            display: block;
            min-width: 0;
            min-height: 0;
            overflow: hidden;
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.2)),
                rgba(255, 255, 255, 0.46);
            box-shadow:
                0 22px 44px rgba(45, 28, 17, 0.18),
                0 0 0 1px rgba(255, 255, 255, 0.56),
                inset 0 1px 0 rgba(255, 255, 255, 0.58);
            transform: translateZ(0);
            transform-style: preserve-3d;
            transition:
                transform var(--motion-duration-xl) var(--motion-ease-standard),
                box-shadow var(--motion-duration-lg) var(--motion-ease-soft);
        }

        .year-directory-card__tile::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 42%),
                linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, 0.22));
            pointer-events: none;
        }

        .year-directory-card__tile--placeholder {
            background:
                radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.74), transparent 34%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.54), rgba(139, 61, 47, 0.12)),
                rgba(255, 255, 255, 0.42);
        }

        .year-directory-card__placeholder-lines {
            position: absolute;
            inset: 18%;
            display: grid;
            align-content: center;
            gap: 8px;
            opacity: 0.68;
        }

        .year-directory-card__placeholder-lines span {
            display: block;
            height: 7px;
            border-radius: 999px;
            background: rgba(90, 66, 50, 0.16);
        }

        .year-directory-card__placeholder-lines span:nth-child(2) {
            width: 76%;
        }

        .year-directory-card__placeholder-lines span:nth-child(3) {
            width: 54%;
        }

        .year-directory-card__tile--0 {
            grid-column: 1 / span 3;
            grid-row: 1 / span 3;
            border-radius: 28px;
            transform: translate3d(0, 9px, 42px) rotate(-4deg);
        }

        .year-directory-card__tile--1 {
            grid-column: 4 / span 3;
            grid-row: 1 / span 2;
            transform: translate3d(2px, 2px, 28px) rotate(3deg);
        }

        .year-directory-card__tile--2 {
            grid-column: 4 / span 2;
            grid-row: 3 / span 2;
            transform: translate3d(-4px, 1px, 22px) rotate(-2deg);
        }

        .year-directory-card__tile--3 {
            grid-column: 1 / span 2;
            grid-row: 4 / span 2;
            transform: translate3d(9px, -8px, 24px) rotate(3.6deg);
        }

        .year-directory-card__tile--4 {
            grid-column: 3 / span 2;
            grid-row: 4 / span 2;
            transform: translate3d(2px, -2px, 18px) rotate(-1.4deg);
        }

        .year-directory-card__tile--5 {
            grid-column: 5 / span 2;
            grid-row: 5 / span 1;
            border-radius: 18px;
            transform: translate3d(-8px, -13px, 12px) rotate(4deg);
        }

        .year-directory-card:hover .year-directory-card__tile--0,
        .year-directory-card:focus-visible .year-directory-card__tile--0 {
            transform: translate3d(-7px, 0, 58px) rotate(-6deg) scale(1.035);
        }

        .year-directory-card:hover .year-directory-card__tile--1,
        .year-directory-card:focus-visible .year-directory-card__tile--1 {
            transform: translate3d(8px, -8px, 42px) rotate(5deg) scale(1.028);
        }

        .year-directory-card:hover .year-directory-card__tile--2,
        .year-directory-card:focus-visible .year-directory-card__tile--2 {
            transform: translate3d(2px, -4px, 36px) rotate(-4deg) scale(1.036);
        }

        .year-directory-card:hover .year-directory-card__tile--3,
        .year-directory-card:focus-visible .year-directory-card__tile--3 {
            transform: translate3d(0, -14px, 34px) rotate(5deg) scale(1.03);
        }

        .year-directory-card:hover .year-directory-card__tile--4,
        .year-directory-card:focus-visible .year-directory-card__tile--4 {
            transform: translate3d(4px, -9px, 28px) rotate(-3deg) scale(1.032);
        }

        .year-directory-card:hover .year-directory-card__tile--5,
        .year-directory-card:focus-visible .year-directory-card__tile--5 {
            transform: translate3d(-2px, -18px, 24px) rotate(6deg) scale(1.04);
        }

        .year-directory-card__thumb,
        .year-directory-card__pdf {
            position: absolute;
            inset: 0;
            display: block;
            overflow: hidden;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(235, 222, 209, 0.8)),
                #f5eadf;
        }

        .year-directory-card__thumb img,
        .year-directory-card__pdf canvas {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
            object-fit: cover;
            object-position: center 34%;
            display: block;
            transform: scale(1.24);
            transform-origin: center 38%;
            transition:
                transform var(--motion-duration-xl) var(--motion-ease-standard),
                filter var(--motion-duration-lg) var(--motion-ease-soft);
            filter: saturate(1.03) contrast(1.02);
        }

        .year-directory-card__pdf canvas {
            height: auto;
            min-height: 118%;
            object-fit: cover;
            object-position: center 22%;
            transform: translateY(-9%) scale(1.34);
            transform-origin: center 20%;
        }

        .year-directory-card:hover .year-directory-card__thumb img,
        .year-directory-card:focus-visible .year-directory-card__thumb img {
            transform: scale(1.36);
            filter: saturate(1.1) contrast(1.04);
        }

        .year-directory-card:hover .year-directory-card__pdf canvas,
        .year-directory-card:focus-visible .year-directory-card__pdf canvas {
            transform: translateY(-13%) scale(1.46);
            filter: saturate(1.08) contrast(1.05);
        }

        .year-directory-card__thumb--pdf.is-rendering::before,
        .year-directory-card__thumb--pdf.is-error::before,
        .year-directory-card__thumb.is-rendering::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.62), transparent 34%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.44), rgba(139, 61, 47, 0.1));
            animation: yearMosaicLoading 2.8s var(--motion-ease-soft) infinite;
        }

        .year-directory-card__empty {
            position: absolute;
            inset: 14px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            gap: 10px;
            opacity: 0.72;
            transform: rotate(-2deg);
        }

        .year-directory-card__empty span {
            border-radius: 22px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.2)),
                rgba(139, 61, 47, 0.1);
            box-shadow:
                0 18px 36px rgba(45, 28, 17, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.55);
        }

        @keyframes yearMosaicLoading {
            0%,
            100% {
                opacity: 0.58;
                transform: scale(1);
            }

            50% {
                opacity: 0.86;
                transform: scale(1.04);
            }
        }

        .year-directory-card__body {
            display: grid;
            gap: 10px;
            padding: 20px 20px 22px;
        }

        .year-directory-card__kicker {
            color: var(--accent);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .year-directory-card__title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 4vw, 2.8rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
        }

        .year-directory-card__excerpt {
            margin: 0;
            color: var(--muted);
            line-height: 1.7;
        }

        .year-directory-card__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            color: var(--muted);
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .year-directory-card__action {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 4px;
            color: var(--ink);
            font-size: 0.82rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .archive-detail__top {
            display: grid;
            gap: 14px;
            margin-bottom: 18px;
        }

        .archive-detail__back {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            align-self: flex-start;
            min-height: 46px;
            padding: 0 18px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow: 0 12px 30px rgba(28, 21, 18, 0.06);
        }

        .year-nav {
            position: sticky;
            top: 12px;
            z-index: 20;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin: 26px 0 22px;
            padding: 12px;
            border: 1px solid rgba(24, 24, 24, 0.08);
            border-radius: 24px;
            background: rgba(249, 244, 236, 0.8);
            backdrop-filter: blur(16px);
            box-shadow: 0 18px 40px rgba(35, 23, 13, 0.07);
        }

        .year-tab {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 50px;
            padding: 0 18px;
            border: 1px solid var(--line);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.68);
            color: var(--ink);
            font-weight: 700;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .year-tab:hover,
        .year-tab:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(139, 61, 47, 0.35);
            outline: none;
        }

        .year-tab.is-active {
            background: var(--ink);
            border-color: var(--ink);
            color: #fff;
        }

        .year-tab__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 28px;
            height: 28px;
            padding: 0 8px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.12);
            font-size: 0.8rem;
        }

        .section-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            justify-content: space-between;
            gap: 14px;
            margin: 12px 0 24px;
            padding-bottom: 14px;
            border-bottom: 1px solid rgba(24, 24, 24, 0.08);
        }

        .section-head__label {
            margin: 0 0 4px;
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .section-head h2 {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 5vw, 3.25rem);
            line-height: 1;
        }

        .section-head__meta {
            color: var(--muted);
            font-weight: 700;
        }

        .archive-detail__filters {
            display: grid;
            gap: 14px;
            margin: 0 0 20px;
        }

        .archive-detail__stories {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .archive-detail__story {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            padding: 0 16px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-detail__story:hover,
        .archive-detail__story:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(139, 61, 47, 0.26);
            outline: none;
        }

        .archive-detail__story.is-active {
            border-color: rgba(139, 61, 47, 0.26);
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.12), rgba(139, 61, 47, 0.05)),
                rgba(255, 255, 255, 0.92);
            color: var(--accent);
            box-shadow: 0 14px 30px rgba(35, 23, 13, 0.08);
        }

        .archive-detail__sort {
            display: grid;
            gap: 8px;
            max-width: 280px;
        }

        .archive-detail__sort span {
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .archive-detail__view {
            display: grid;
            gap: 8px;
            max-width: 240px;
        }

        .archive-detail__view-label {
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .archive-view-switcher {
            display: inline-grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 4px;
            padding: 5px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 18px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(246, 237, 225, 0.68)),
                rgba(255, 255, 255, 0.82);
            box-shadow:
                0 14px 34px rgba(35, 23, 13, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.72);
        }

        .archive-view-switcher__button {
            position: relative;
            display: inline-grid;
            place-items: center;
            width: 48px;
            height: 44px;
            border: 0;
            border-radius: 14px;
            background: transparent;
            color: rgba(24, 24, 24, 0.62);
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-view-switcher__button svg {
            width: 24px;
            height: 24px;
            overflow: visible;
        }

        .archive-view-switcher__button:hover,
        .archive-view-switcher__button:focus-visible {
            transform: translateY(-1px);
            color: var(--accent);
            outline: none;
        }

        .archive-view-switcher__button.is-active {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 229, 214, 0.86));
            color: var(--accent);
            box-shadow:
                0 10px 24px rgba(35, 23, 13, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.84);
        }

        .archive-view-switcher__button path,
        .archive-view-switcher__button rect {
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
            transform-box: fill-box;
            transform-origin: center center;
        }

        .archive-view-switcher__button:hover rect,
        .archive-view-switcher__button:focus-visible rect,
        .archive-view-switcher__button.is-active rect {
            transform: translateY(-1px);
        }

        .year-panel {
            display: none;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity var(--motion-duration-md) var(--motion-ease-soft), transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .year-panel.is-active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .archive-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .archive-coverflow-shell {
            position: relative;
            display: grid;
            gap: 0;
        }

        .archive-coverflow {
            --cover-width: clamp(260px, 30vw, 382px);
            --cover-gap: clamp(20px, 3.2vw, 48px);
            position: relative;
            display: block;
            margin-inline: 0;
            padding: 52px max(18px, calc((100% - var(--cover-width)) / 2)) 92px;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-padding-inline: max(18px, calc((100% - var(--cover-width)) / 2));
            overscroll-behavior-x: contain;
            perspective: 1280px;
            transform-style: preserve-3d;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            background:
                radial-gradient(ellipse at 50% 82%, rgba(56, 36, 26, 0.24), transparent 58%),
                linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(33, 24, 19, 0.035) 62%, rgba(33, 24, 19, 0.08));
            border-radius: 30px;
        }

        .archive-coverflow::after {
            content: "";
            position: absolute;
            left: 4%;
            right: 4%;
            bottom: 22px;
            height: 38%;
            border-radius: 50%;
            background:
                radial-gradient(ellipse at center, rgba(255, 255, 255, 0.3), transparent 32%),
                radial-gradient(ellipse at center, rgba(43, 28, 20, 0.16), transparent 68%);
            opacity: 0.74;
            pointer-events: none;
            transform: perspective(620px) rotateX(58deg);
            transform-origin: center bottom;
        }

        .archive-coverflow__wrapper {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: stretch;
            gap: var(--cover-gap);
            transform-style: preserve-3d;
            padding-bottom: 62px;
            min-width: max-content;
        }

        .archive-coverflow::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }

        .archive-coverflow-scrollbar {
            position: relative;
            z-index: 5;
            width: min(620px, calc(100% - 44px));
            min-height: 44px;
            margin: -60px auto 30px;
            padding: 14px 18px;
            border: 1px solid rgba(139, 61, 47, 0.12);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(244, 234, 221, 0.58)),
                rgba(255, 255, 255, 0.66);
            box-shadow:
                0 20px 46px rgba(35, 23, 13, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.82);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            cursor: pointer;
            user-select: none;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-coverflow-scrollbar:hover,
        .archive-coverflow-scrollbar:focus-visible,
        .archive-coverflow-scrollbar.is-dragging {
            transform: translateY(-1px);
            border-color: rgba(139, 61, 47, 0.22);
            box-shadow:
                0 24px 54px rgba(35, 23, 13, 0.16),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
            outline: none;
        }

        .archive-coverflow-scrollbar.is-disabled {
            opacity: 0.38;
            pointer-events: none;
        }

        .archive-coverflow-scrollbar__track {
            position: relative;
            display: block;
            height: 16px;
            border-radius: 999px;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(139, 61, 47, 0.1), rgba(207, 159, 124, 0.18), rgba(139, 61, 47, 0.1)),
                rgba(48, 32, 22, 0.08);
            box-shadow:
                inset 0 2px 5px rgba(55, 35, 22, 0.12),
                inset 0 -1px 0 rgba(255, 255, 255, 0.56);
        }

        .archive-coverflow-scrollbar__track::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: inherit;
            background:
                linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.44), transparent);
            opacity: 0.64;
            pointer-events: none;
        }

        .archive-coverflow-scrollbar__thumb {
            position: absolute;
            top: 2px;
            left: 0;
            display: block;
            width: 72px;
            min-width: 54px;
            height: calc(100% - 4px);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 248, 241, 0.98), rgba(220, 185, 153, 0.94)),
                linear-gradient(90deg, rgba(139, 61, 47, 0.92), rgba(199, 122, 92, 0.92));
            box-shadow:
                0 8px 18px rgba(139, 61, 47, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.82),
                inset 0 -1px 0 rgba(104, 53, 34, 0.16);
            cursor: grab;
            transform: translate3d(0, 0, 0);
            transition:
                width var(--motion-duration-sm) var(--motion-ease-soft),
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
            will-change: transform, width;
        }

        .archive-coverflow-scrollbar__thumb::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30px;
            height: 4px;
            border-radius: 999px;
            background: rgba(112, 62, 41, 0.28);
            box-shadow:
                -8px 0 0 rgba(112, 62, 41, 0.18),
                8px 0 0 rgba(112, 62, 41, 0.18);
            transform: translate(-50%, -50%);
        }

        .archive-coverflow-scrollbar.is-dragging .archive-coverflow-scrollbar__thumb {
            cursor: grabbing;
            box-shadow:
                0 12px 24px rgba(139, 61, 47, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.92),
                inset 0 -1px 0 rgba(104, 53, 34, 0.18);
        }

        .archive-coverflow article {
            --cover-translate-x: 0px;
            --cover-translate-y: 0px;
            --cover-translate-z: 0px;
            --cover-rotate-y: 0deg;
            --cover-scale: 1;
            --cover-opacity: 1;
            --cover-reflection-opacity: 0.34;
            position: relative;
            z-index: 1;
            flex: 0 0 var(--cover-width);
            width: var(--cover-width);
            margin-inline: 0;
            scroll-snap-align: center;
            transform-style: preserve-3d;
            transition:
                filter var(--motion-duration-md) var(--motion-ease-soft),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-coverflow article::after {
            content: "";
            position: absolute;
            left: 10%;
            right: 10%;
            top: calc(100% - 2px);
            height: 30%;
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.045) 54%, transparent 78%),
                linear-gradient(180deg, rgba(139, 61, 47, 0.1), transparent 72%);
            opacity: var(--cover-reflection-opacity);
            transform:
                translate3d(var(--cover-translate-x), -4px, calc(var(--cover-translate-z) - 60px))
                rotateX(68deg)
                rotateY(var(--cover-rotate-y))
                scaleX(calc(var(--cover-scale) * 0.92));
            transform-origin: center top;
            pointer-events: none;
        }

        .archive-coverflow article .archive-card {
            height: 100%;
            min-height: 0;
            border-radius: 32px;
            cursor: pointer;
            backface-visibility: hidden;
            transform:
                translate3d(var(--cover-translate-x), var(--cover-translate-y), var(--cover-translate-z))
                rotateY(var(--cover-rotate-y))
                scale(var(--cover-scale));
            opacity: var(--cover-opacity);
            transform-style: preserve-3d;
            box-shadow:
                0 26px 58px rgba(34, 21, 14, 0.16),
                0 0 0 1px rgba(255, 255, 255, 0.55);
            transition:
                transform 460ms var(--motion-ease-standard),
                opacity 460ms var(--motion-ease-soft),
                border-color 360ms var(--motion-ease-soft),
                box-shadow 460ms var(--motion-ease-soft);
        }

        .archive-coverflow article:not(.is-cover-active) .archive-card {
            cursor: grab;
        }

        .archive-coverflow article .archive-card-save {
            opacity: 0;
            pointer-events: none;
            transform: translateY(-8px) scale(0.86);
            transition:
                opacity 360ms var(--motion-ease-soft),
                transform 460ms var(--motion-ease-standard);
        }

        .archive-coverflow article.is-cover-active .archive-card-save {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }

        .archive-coverflow article.is-cover-active .archive-card {
            cursor: pointer;
        }

        .archive-coverflow article .archive-card:hover,
        .archive-coverflow article .archive-card:focus-visible {
            border-color: rgba(139, 61, 47, 0.34);
            box-shadow:
                0 42px 96px rgba(34, 21, 14, 0.22),
                0 0 0 1px rgba(139, 61, 47, 0.18);
        }

        .archive-coverflow article.is-cover-active .archive-card {
            box-shadow:
                0 38px 86px rgba(34, 21, 14, 0.24),
                0 0 0 1px rgba(139, 61, 47, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.86);
        }

        .archive-coverflow article.is-cover-far {
            filter: saturate(0.78) brightness(0.88);
        }

        .archive-coverflow .archive-card__visual {
            aspect-ratio: 0.78;
            border-radius: 30px;
            min-height: 0;
        }

        .archive-coverflow .archive-card__body {
            position: absolute;
            inset: auto 14px 14px;
            z-index: 4;
            min-height: 0;
            gap: 6px;
            padding: 15px 16px 16px;
            border: 1px solid rgba(255, 255, 255, 0.48);
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 236, 224, 0.76)),
                rgba(255, 255, 255, 0.76);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            box-shadow: 0 14px 32px rgba(35, 23, 13, 0.14);
            transition:
                opacity 380ms var(--motion-ease-soft),
                transform 460ms var(--motion-ease-standard);
        }

        .archive-coverflow article:not(.is-cover-active) .archive-card__body {
            opacity: 0;
            transform: translateY(8px);
            pointer-events: none;
        }

        .archive-coverflow .archive-card__title {
            font-size: clamp(1.38rem, 3vw, 1.86rem);
        }

        .archive-coverflow .archive-card__details,
        .archive-coverflow .archive-card__excerpt,
        .archive-coverflow .archive-card__path,
        .archive-coverflow .archive-card__folder {
            display: none;
        }

        .archive-coverflow .archive-card__action {
            color: var(--accent);
            font-size: 0.72rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .archive-list {
            display: grid;
            gap: 12px;
        }

        .archive-list .archive-card {
            display: grid;
            grid-template-columns: 118px minmax(0, 1fr);
            min-height: 154px;
            border-radius: 24px;
        }

        .archive-list .archive-card:hover,
        .archive-list .archive-card:focus-visible {
            transform: translateY(-2px);
        }

        .archive-list .archive-card__visual {
            width: 108px;
            height: 134px;
            min-height: 134px;
            aspect-ratio: auto;
            border-radius: 22px;
            margin: 10px 0 10px 10px;
            overflow: hidden;
        }

        .archive-list .archive-card__visual img,
        .archive-list .archive-card__image img,
        .archive-list .archive-card__pdf-surface canvas {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
        }

        .archive-list .archive-card__body {
            gap: 7px;
            padding: 16px 18px 16px 16px;
        }

        .archive-list .archive-card__title {
            font-size: clamp(1.32rem, 3vw, 1.75rem);
        }

        .archive-list .archive-card__details,
        .archive-list .archive-card__excerpt,
        .archive-list .archive-card__path {
            display: none;
        }

        .archive-quicklook {
            position: fixed;
            inset: 0;
            z-index: 2600;
            display: grid;
            place-items: center;
            padding:
                max(14px, env(safe-area-inset-top))
                max(14px, env(safe-area-inset-right))
                max(14px, env(safe-area-inset-bottom))
                max(14px, env(safe-area-inset-left));
            background:
                radial-gradient(circle at 50% 20%, rgba(255, 244, 221, 0.26), transparent 32%),
                radial-gradient(circle at 16% 18%, rgba(139, 61, 47, 0.2), transparent 34%),
                rgba(14, 10, 9, 0.58);
            backdrop-filter: blur(28px) saturate(1.12);
            -webkit-backdrop-filter: blur(28px) saturate(1.12);
            opacity: 0;
            pointer-events: none;
            transition: opacity 560ms var(--motion-ease-soft);
        }

        .archive-quicklook.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .archive-quicklook__dialog {
            position: relative;
            display: grid;
            grid-template-rows: auto minmax(0, 1fr) auto;
            width: min(calc(100vw - 28px), 1180px);
            height: min(calc(100dvh - 28px), 900px);
            min-height: min(620px, calc(100dvh - 28px));
            overflow: hidden;
            isolation: isolate;
            border: 1px solid rgba(255, 255, 255, 0.38);
            border-radius: 30px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(236, 226, 214, 0.66)),
                rgba(248, 242, 233, 0.72);
            box-shadow:
                0 54px 150px rgba(8, 5, 4, 0.48),
                0 0 0 1px rgba(255, 255, 255, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.88);
            transform: translateY(26px) scale(0.965);
            transition:
                transform 640ms var(--motion-ease-standard),
                box-shadow 640ms var(--motion-ease-soft);
        }

        .archive-quicklook__dialog::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 24%),
                radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.34), transparent 42%);
            pointer-events: none;
        }

        .archive-quicklook.is-open .archive-quicklook__dialog {
            transform: translateY(0) scale(1);
        }

        .archive-quicklook__chrome {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 16px;
            min-height: 68px;
            padding: 10px 14px 10px 16px;
            border-bottom: 1px solid rgba(44, 36, 30, 0.1);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(239, 231, 220, 0.56)),
                rgba(255, 255, 255, 0.42);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
            backdrop-filter: blur(22px) saturate(1.08);
            -webkit-backdrop-filter: blur(22px) saturate(1.08);
        }

        .archive-quicklook__traffic {
            display: inline-flex;
            gap: 8px;
            align-items: center;
        }

        .archive-quicklook__traffic span {
            width: 12px;
            height: 12px;
            border-radius: 999px;
            border: 1px solid rgba(48, 38, 31, 0.14);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.58),
                0 1px 1px rgba(30, 20, 16, 0.08);
        }

        .archive-quicklook__traffic span:nth-child(1) {
            background: linear-gradient(180deg, #ff6a58, #d64c3d);
        }

        .archive-quicklook__traffic span:nth-child(2) {
            background: linear-gradient(180deg, #f6cf68, #d69f3d);
        }

        .archive-quicklook__traffic span:nth-child(3) {
            background: linear-gradient(180deg, #73d482, #49aa5c);
        }

        .archive-quicklook__chrome-title {
            min-width: 0;
            display: grid;
            justify-items: center;
            gap: 3px;
            text-align: center;
        }

        .archive-quicklook__chrome-title strong {
            max-width: min(62vw, 680px);
            overflow: hidden;
            color: rgba(29, 24, 20, 0.92);
            font-size: 0.86rem;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-overflow: ellipsis;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .archive-quicklook__chrome-title span {
            color: rgba(58, 49, 42, 0.58);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
        }

        .archive-quicklook__controls {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .archive-quicklook__nav-button,
        .archive-quicklook__close {
            display: inline-grid;
            place-items: center;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(38, 30, 25, 0.12);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.5)),
                rgba(255, 255, 255, 0.58);
            color: rgba(34, 26, 21, 0.86);
            cursor: pointer;
            box-shadow:
                0 12px 30px rgba(35, 23, 13, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.78);
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                background var(--motion-duration-md) var(--motion-ease-soft),
                color var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-quicklook__nav-button svg,
        .archive-quicklook__close svg {
            width: 18px;
            height: 18px;
        }

        .archive-quicklook__nav-button:hover,
        .archive-quicklook__nav-button:focus-visible,
        .archive-quicklook__close:hover,
        .archive-quicklook__close:focus-visible {
            transform: translateY(-1px) scale(1.04);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 244, 238, 0.74)),
                rgba(255, 255, 255, 0.8);
            color: var(--accent);
            outline: none;
            box-shadow:
                0 16px 36px rgba(35, 23, 13, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.88);
        }

        .archive-quicklook__nav-button:disabled {
            opacity: 0.38;
            cursor: default;
            transform: none;
            box-shadow:
                0 8px 18px rgba(35, 23, 13, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.62);
        }

        .archive-quicklook__media {
            position: relative;
            min-height: 0;
            display: grid;
            place-items: center;
            padding: clamp(14px, 2.5vw, 30px);
            background:
                radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.54), transparent 38%),
                linear-gradient(135deg, #ede3d6, #d8cabe);
            overflow: hidden;
        }

        .archive-quicklook__media::before {
            content: "";
            position: absolute;
            inset: 10px;
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.28);
            pointer-events: none;
        }

        .archive-quicklook__media img,
        .archive-quicklook__pdf-render canvas {
            display: block;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: calc(100dvh - 220px);
            object-fit: contain;
            object-position: center center;
            border-radius: 16px;
            background: #fff;
            box-shadow:
                0 28px 70px rgba(22, 14, 10, 0.24),
                0 0 0 1px rgba(80, 62, 50, 0.1);
            animation: quicklookMediaIn 560ms var(--motion-ease-standard) both;
        }

        .archive-quicklook__pdf {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            min-height: 0;
            display: grid;
            place-items: center;
        }

        .archive-quicklook__pdf-render {
            display: grid;
            width: 100%;
            height: 100%;
            place-items: center;
        }

        .archive-quicklook__pdf-loader {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            color: var(--accent);
            background: rgba(246, 237, 225, 0.72);
        }

        .archive-quicklook__bar {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 18px;
            padding: 18px clamp(18px, 3vw, 32px) 20px;
            border-top: 1px solid rgba(24, 24, 24, 0.08);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(246, 237, 225, 0.78)),
                rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px) saturate(1.08);
            -webkit-backdrop-filter: blur(20px) saturate(1.08);
        }

        .archive-quicklook__copy {
            min-width: 0;
            display: grid;
            gap: 8px;
        }

        .archive-quicklook__eyebrow {
            color: var(--accent);
            font-size: 0.72rem;
            font-weight: 900;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .archive-quicklook__title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.9rem, 3.5vw, 3.25rem);
            line-height: 0.96;
            letter-spacing: -0.035em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .archive-quicklook__meta {
            margin: 0;
            color: var(--muted);
            font-weight: 700;
            line-height: 1.6;
        }

        .archive-quicklook__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-end;
        }

        .archive-quicklook__button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            min-height: 46px;
            padding: 0 18px;
            border: 1px solid rgba(24, 24, 24, 0.1);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--ink);
            font-size: 0.78rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            cursor: pointer;
            transition:
                transform 420ms var(--motion-ease-standard),
                background 420ms var(--motion-ease-soft),
                box-shadow 520ms var(--motion-ease-soft);
        }

        .archive-quicklook__button svg {
            width: 17px;
            height: 17px;
            flex: 0 0 auto;
        }

        .archive-quicklook__button:hover,
        .archive-quicklook__button:focus-visible {
            transform: translateY(-2px);
            box-shadow: 0 16px 34px rgba(35, 23, 13, 0.12);
            outline: none;
        }

        .archive-quicklook__button--primary {
            border-color: rgba(139, 61, 47, 0.28);
            background:
                linear-gradient(180deg, rgba(155, 76, 58, 0.95), rgba(115, 48, 38, 0.96)),
                var(--accent);
            color: #fff8ee;
            box-shadow: 0 16px 34px rgba(139, 61, 47, 0.24);
        }

        .archive-quicklook__hint {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: rgba(75, 64, 55, 0.58);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
        }

        .archive-quicklook__key {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 24px;
            padding: 0 8px;
            border: 1px solid rgba(55, 42, 34, 0.12);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(238, 229, 218, 0.76)),
                rgba(255, 255, 255, 0.72);
            color: rgba(37, 30, 25, 0.72);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.82),
                0 4px 10px rgba(35, 23, 13, 0.06);
        }

        body.quicklook-open {
            overflow: hidden;
        }

        @keyframes quicklookMediaIn {
            from {
                opacity: 0;
                transform: translateY(10px) scale(0.985);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .archive-card {
            position: relative;
            /* Cards are links as well as buttons; inline anchors ignore size and 3D transforms. */
            display: block;
            width: 100%;
            min-width: 0;
            padding: 0;
            font: inherit;
            text-align: left;
            text-decoration: none;
            color: var(--ink);
            border: 1px solid var(--line);
            border-radius: var(--radius-lg);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.8)),
                var(--card);
            box-shadow: var(--shadow);
            overflow: hidden;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-grid > article,
        .archive-list__item,
        .archive-coverflow__item {
            position: relative;
        }

        .archive-card-save {
            position: absolute;
            z-index: 8;
            top: 14px;
            right: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(255, 255, 255, 0.46);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.62)),
                rgba(255, 255, 255, 0.7);
            color: var(--accent);
            box-shadow:
                0 14px 32px rgba(35, 23, 13, 0.16),
                inset 0 1px 0 rgba(255, 255, 255, 0.74);
            cursor: pointer;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                background var(--motion-duration-md) var(--motion-ease-soft),
                color var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-card-save:hover,
        .archive-card-save:focus-visible {
            transform: translateY(-2px) scale(1.06);
            box-shadow:
                0 18px 38px rgba(35, 23, 13, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.8);
            outline: none;
        }

        .archive-card-save.is-saved {
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.94), rgba(108, 44, 34, 0.94)),
                rgba(139, 61, 47, 0.9);
            color: #fff8f1;
            border-color: rgba(255, 230, 210, 0.28);
        }

        .archive-card-save svg {
            width: 19px;
            height: 19px;
        }

        .archive-card-save path {
            vector-effect: non-scaling-stroke;
        }

        .archive-card:hover,
        .archive-card:focus-visible {
            transform: translateY(-5px);
            border-color: rgba(139, 61, 47, 0.3);
            box-shadow: 0 30px 70px rgba(35, 23, 13, 0.14);
            outline: none;
        }

        .archive-card__visual {
            position: relative;
            aspect-ratio: 1 / 0.9;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, #f2e8da 0%, #ede0d1 100%);
        }

        .archive-card__visual > .archive-card__image,
        .archive-card__visual > .archive-card__pdf {
            /* A fixed inset avoids intrinsic media size shifting the preview frame on load. */
            position: absolute;
            inset: 0;
        }

        .archive-card__visual::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 46%;
            background: linear-gradient(180deg, rgba(16, 16, 16, 0), rgba(16, 16, 16, 0.26));
            pointer-events: none;
        }

        .archive-card[data-story-tone="nautica"] .archive-card__visual {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, #dbe9f4 0%, #d3e2ee 100%);
        }

        .archive-card[data-story-tone="industria"] .archive-card__visual {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, #f2e3d7 0%, #ead7ca 100%);
        }

        .archive-card[data-story-tone="trasversale"] .archive-card__visual {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, #ece4dc 0%, #e6dbd0 100%);
        }

        .archive-card__image {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(255, 252, 247, 0.92), rgba(246, 237, 225, 0.92)),
                linear-gradient(135deg, #f4e9db 0%, #efe1d2 100%);
        }

        .archive-card__visual img,
        .archive-card__image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
            display: block;
        }

        .archive-card__image img {
            opacity: 1;
            transform: scale(1);
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .archive-card__image.is-rendering img {
            opacity: 0;
            transform: scale(1.02);
        }

        .archive-card__image.is-ready img {
            opacity: 1;
            transform: scale(1);
        }

        .archive-card__pdf {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(246, 237, 225, 0.96)),
                linear-gradient(135deg, #f4e9db 0%, #efe1d2 100%);
        }

        .archive-card__pdf-surface {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .archive-card__pdf.is-ready .archive-card__pdf-surface {
            opacity: 1;
        }

        .archive-card__pdf-surface canvas {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            object-fit: cover;
            object-position: center top;
            box-shadow: 0 24px 44px rgba(40, 24, 16, 0.12);
        }

        .archive-card__pdf-loading,
        .archive-card__image-loading {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity var(--motion-duration-md) var(--motion-ease-soft), transform var(--motion-duration-md) var(--motion-ease-standard);
            background:
                radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.48), transparent 36%),
                linear-gradient(180deg, rgba(249, 241, 232, 0.78), rgba(239, 227, 212, 0.9));
        }

        .archive-card__pdf.is-rendering .archive-card__pdf-loading,
        .archive-card__image.is-rendering .archive-card__image-loading {
            opacity: 1;
        }

        .archive-card__pdf--preview-pending .archive-card__pdf-loading {
            opacity: 1;
        }

        .archive-card__pdf--preview-pending .archive-card__pdf-loader-label {
            color: rgba(83, 56, 39, 0.72);
        }

        .archive-card__image.is-ready .archive-card__image-loading,
        .archive-card__image.is-error .archive-card__image-loading {
            opacity: 0;
            transform: scale(0.96);
        }

        .archive-card__pdf-loader {
            position: relative;
            width: min(92%, 220px);
            height: min(78%, 168px);
            display: grid;
            place-items: center;
            overflow: visible;
            transform: translateY(-4px);
            filter: drop-shadow(0 24px 42px rgba(72, 46, 31, 0.15));
        }

        .archive-card__pdf-loader-ring,
        .archive-card__pdf-loader-ring::before,
        .archive-card__pdf-loader-ring::after {
            position: absolute;
            inset: auto;
            border-radius: 50%;
            content: "";
        }

        .archive-card__pdf-loader-ring {
            inset: 72px 8px 0;
            border: none;
            background:
                radial-gradient(ellipse at center, rgba(139, 61, 47, 0.2), rgba(139, 61, 47, 0.09) 54%, transparent 78%);
            animation: archiveCardLoaderHalo 3.6s var(--motion-ease-soft) infinite;
        }

        .archive-card__pdf-loader-ring::before {
            inset: -12px -18px -4px;
            background: radial-gradient(ellipse at center, rgba(139, 61, 47, 0.12), transparent 72%);
            opacity: 0.7;
        }

        .archive-card__pdf-loader-ring::after {
            inset: 6px 16px 4px;
            background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.42), transparent 70%);
            opacity: 0.66;
        }

        .archive-card__pdf-loader-sheet {
            position: relative;
            z-index: 1;
            width: min(100%, 208px);
            height: min(100%, 150px);
            color: var(--accent);
            overflow: visible;
            perspective: 1200px;
            transform-style: preserve-3d;
            animation: archiveCardLoaderFloat 3.6s var(--motion-ease-soft) infinite;
            transform-origin: center center;
        }

        .archive-card__pdf-loader-sheet svg {
            width: 100%;
            height: 100%;
            overflow: visible;
            filter: drop-shadow(0 18px 28px rgba(52, 30, 20, 0.12));
        }

        .archive-card__pdf-loader-sheet .news-shadow,
        .archive-card__pdf-loader-sheet .news-back,
        .archive-card__pdf-loader-sheet .news-middle,
        .archive-card__pdf-loader-sheet .news-front,
        .archive-card__pdf-loader-sheet .news-flip {
            transform-box: fill-box;
            transform-origin: center center;
        }

        .archive-card__pdf-loader-sheet .news-shadow {
            opacity: 0.28;
            animation: archiveCardLoaderShadow 3.2s var(--motion-ease-soft) infinite;
        }

        .archive-card__pdf-loader-sheet .news-back {
            transform: translate(-34px, 22px) rotate(-12deg) scale(0.9);
            opacity: 0.3;
            animation: archiveCardLoaderBack 3.2s var(--motion-ease-standard) infinite;
        }

        .archive-card__pdf-loader-sheet .news-middle {
            transform: translate(-14px, 10px) rotate(-5deg) scale(0.96);
            opacity: 0.72;
            animation: archiveCardLoaderMiddle 3.2s var(--motion-ease-standard) infinite;
        }

        .archive-card__pdf-loader-sheet .news-front {
            transform: translate(0, 0) rotate(-1deg);
            animation: archiveCardLoaderFront 3.2s var(--motion-ease-standard) infinite;
        }

        .archive-card__pdf-loader-sheet .news-flip {
            transform: translate(10px, 1px) rotate(0deg) skewY(0deg);
            transform-origin: 12% 52%;
            opacity: 0.99;
            animation: archiveCardLoaderFlip 3.2s var(--motion-ease-standard) infinite;
        }

        .archive-card__pdf-loader-sheet rect,
        .archive-card__pdf-loader-sheet path {
            vector-effect: non-scaling-stroke;
        }

        .archive-card__pdf-loader-label {
            display: none;
        }

        /* A transparent loading newspaper must not keep seven infinite animations alive. */
        :is(.archive-card__pdf,.archive-card__image):is(.is-ready,.is-error) .archive-card__pdf-loader,
        :is(.archive-card__pdf,.archive-card__image):is(.is-ready,.is-error) .archive-card__pdf-loader *,
        :is(.archive-card__pdf,.archive-card__image):is(.is-ready,.is-error) .archive-card__pdf-loader *::before,
        :is(.archive-card__pdf,.archive-card__image):is(.is-ready,.is-error) .archive-card__pdf-loader *::after {
            animation-play-state: paused !important;
        }

        .archive-card__pdf-fallback {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent);
            transition: opacity var(--motion-duration-md) var(--motion-ease-soft), transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .archive-card__pdf.is-rendering .archive-card__pdf-fallback {
            opacity: 0;
            transform: scale(0.92);
        }

        .archive-card__pdf.is-ready .archive-card__pdf-fallback {
            opacity: 0;
            transform: translateY(10px) scale(0.96);
        }

        .archive-card__pdf-fallback svg {
            width: 96px;
            height: 112px;
        }

        @keyframes archiveCardLoaderHalo {
            0%,
            100% {
                transform: scale(0.9);
                opacity: 0.28;
            }

            50% {
                transform: scale(1.08);
                opacity: 0.46;
            }
        }

        @keyframes archiveCardLoaderFloat {
            0%,
            100% {
                transform: translateY(0) rotate(-1.4deg) scale(1);
            }

            45% {
                transform: translateY(-5px) rotate(0.6deg) scale(1.02);
            }

            70% {
                transform: translateY(-2px) rotate(1deg) scale(1.01);
            }
        }

        @keyframes archiveCardLoaderShadow {
            0%,
            100% {
                transform: scaleX(0.9) translateY(3px);
                opacity: 0.22;
            }

            45% {
                transform: scaleX(1.08) translateY(8px);
                opacity: 0.34;
            }
        }

        @keyframes archiveCardLoaderBack {
            0%,
            100% {
                transform: translate(-34px, 22px) rotate(-12deg) scale(0.9);
                opacity: 0.3;
            }

            48% {
                transform: translate(-46px, 28px) rotate(-17deg) scale(0.86);
                opacity: 0.22;
            }
        }

        @keyframes archiveCardLoaderMiddle {
            0%,
            100% {
                transform: translate(-14px, 10px) rotate(-5deg) scale(0.96);
            }

            48% {
                transform: translate(-24px, 14px) rotate(-8deg) scale(0.94);
            }
        }

        @keyframes archiveCardLoaderFront {
            0%,
            100% {
                transform: translate(0, 0) rotate(-1deg);
            }

            48% {
                transform: translate(8px, -4px) rotate(1.8deg);
            }
        }

        @keyframes archiveCardLoaderFlip {
            0%,
            100% {
                transform: translate(10px, 1px) rotate(0deg) skewY(0deg) scaleX(1);
                opacity: 0.98;
            }

            28% {
                transform: translate(18px, -2px) rotate(2.5deg) skewY(-1deg) scaleX(1.01);
                opacity: 0.98;
            }

            52% {
                transform: translate(44px, -16px) rotate(10deg) skewY(-5deg) scaleX(1.03);
                opacity: 1;
            }

            68% {
                transform: translate(58px, -24px) rotate(16deg) skewY(-8deg) scaleX(0.98);
            }

            84% {
                transform: translate(26px, -8px) rotate(4deg) skewY(-2deg) scaleX(1.01);
            }
        }


        .archive-card__body {
            display: grid;
            min-width: 0;
            gap: 10px;
            padding: 18px 18px 20px;
        }

        .archive-card__eyebrow {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .archive-card__title {
            display: block;
            margin: 0;
            color: var(--ink);
            -webkit-text-fill-color: var(--ink);
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.55rem, 3vw, 2rem);
            line-height: 0.98;
            letter-spacing: -0.02em;
            overflow-wrap: anywhere;
        }

        .archive-card__publication {
            display: inline-flex;
            align-items: center;
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .archive-card__meta-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: -2px;
        }

        .archive-card__meta-pill {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.045);
            color: rgba(59, 49, 42, 0.76);
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .archive-card__story {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
        }

        .archive-card__story--nautica {
            background: rgba(36, 104, 153, 0.12);
            color: #245f87;
        }

        .archive-card__story--industria {
            background: rgba(139, 61, 47, 0.12);
            color: #8b3d2f;
        }

        .archive-card__story--trasversale {
            background: rgba(80, 68, 59, 0.1);
            color: #5c5148;
        }

        .archive-card__search-source {
            display: inline-flex;
            align-items: center;
            align-self: flex-start;
            justify-self: start;
            max-width: 100%;
            overflow-wrap: anywhere;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(139, 61, 47, 0.08);
            color: var(--accent);
            font-size: 0.7rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .archive-card__excerpt {
            margin: -2px 0 0;
            color: var(--muted);
            line-height: 1.72;
        }

        .archive-card__details {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .archive-card__detail {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 0 11px;
            border-radius: 999px;
            background: rgba(24, 24, 24, 0.05);
            color: var(--muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .archive-card__folder,
        .archive-card__path,
        .archive-card__action {
            display: block;
        }

        .archive-card__folder {
            display: inline-flex;
            align-items: center;
            align-self: flex-start;
            justify-self: start;
            max-width: 100%;
            overflow-wrap: anywhere;
            min-height: 32px;
            padding: 0 12px;
            border-radius: 999px;
            background: var(--accent-soft);
            color: var(--accent);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .archive-card__path {
            display: none;
        }

        .archive-card__action {
            margin-top: 6px;
            color: var(--ink);
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .empty-box {
            padding: 28px;
            border: 1px dashed rgba(24, 24, 24, 0.18);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.58);
            color: var(--muted);
            line-height: 1.7;
        }

        .empty-box strong {
            color: var(--ink);
        }

        .chronicle {
            position: fixed;
            inset: 0;
            z-index: 1600;
            display: none;
            overflow: hidden;
            color: #fdf4ee;
            background:
                radial-gradient(circle at 78% 14%, rgba(251, 184, 255, 0.34), transparent 14%),
                radial-gradient(circle at 64% 18%, rgba(174, 118, 255, 0.26), transparent 20%),
                radial-gradient(circle at 18% 34%, rgba(90, 147, 255, 0.26), transparent 24%),
                radial-gradient(circle at 66% 72%, rgba(255, 110, 196, 0.18), transparent 28%),
                linear-gradient(180deg, #040611 0%, #09081a 42%, #06050d 100%);
        }

        .chronicle.is-open {
            display: block;
        }

        .chronicle::before,
        .chronicle::after {
            content: "";
            position: absolute;
            inset: -12%;
            pointer-events: none;
            background-repeat: repeat;
            mix-blend-mode: screen;
        }

        .chronicle::before {
            opacity: 0.78;
            background-image:
                radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.92) 0 1.4px, transparent 1.8px),
                radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.76) 0 1.1px, transparent 1.6px),
                radial-gradient(circle at 84% 78%, rgba(160, 214, 255, 0.8) 0 1.2px, transparent 1.7px),
                radial-gradient(circle at 28% 68%, rgba(255, 210, 232, 0.7) 0 1.1px, transparent 1.6px);
            background-size: 280px 280px, 420px 420px, 360px 360px, 520px 520px;
            animation: chronicleStarsDrift 34s linear infinite;
        }

        .chronicle::after {
            opacity: 0.4;
            filter: blur(0.8px);
            background-image:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.92) 0 1px, transparent 1.4px),
                radial-gradient(circle at 62% 24%, rgba(255, 235, 214, 0.76) 0 0.9px, transparent 1.2px),
                radial-gradient(circle at 86% 62%, rgba(177, 212, 255, 0.76) 0 1px, transparent 1.35px);
            background-size: 220px 220px, 340px 340px, 420px 420px;
            animation: chronicleStarsDriftReverse 46s linear infinite;
        }

        .chronicle__nebula {
            position: absolute;
            border-radius: 999px;
            pointer-events: none;
            mix-blend-mode: screen;
            filter: blur(10px);
            opacity: 0.4;
        }

        .chronicle__nebula--a {
            top: 8%;
            left: 10%;
            width: 28vw;
            height: 28vw;
            min-width: 220px;
            min-height: 220px;
            background: radial-gradient(circle, rgba(92, 165, 255, 0.3), transparent 70%);
            animation: chronicleNebulaFloat 18s ease-in-out infinite;
        }

        .chronicle__nebula--b {
            top: 14%;
            right: 12%;
            width: 26vw;
            height: 26vw;
            min-width: 200px;
            min-height: 200px;
            background: radial-gradient(circle, rgba(255, 168, 229, 0.3), transparent 72%);
            animation: chronicleNebulaFloat 22s ease-in-out infinite reverse;
        }

        .chronicle__nebula--c {
            bottom: 6%;
            right: 28%;
            width: 24vw;
            height: 24vw;
            min-width: 180px;
            min-height: 180px;
            background: radial-gradient(circle, rgba(188, 133, 255, 0.24), transparent 72%);
            animation: chronicleNebulaFloat 20s ease-in-out infinite;
        }

        .chronicle__shell {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-rows: auto minmax(0, 1fr) auto;
            gap: 20px;
            height: 100%;
            padding: 28px 34px 24px;
        }

        .chronicle__top {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 18px;
            align-items: start;
        }

        .chronicle__eyebrow {
            margin: 0 0 8px;
            color: rgba(250, 233, 222, 0.74);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.22em;
            text-transform: uppercase;
        }

        .chronicle__title {
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 4.8vw, 4.2rem);
            line-height: 0.92;
            letter-spacing: -0.02em;
        }

        .chronicle__copy {
            max-width: 920px;
            margin: 10px 0 0;
            color: rgba(255, 242, 235, 0.78);
            font-size: 1rem;
            line-height: 1.6;
        }

        .chronicle__actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 10px;
        }

        .chronicle__button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 52px;
            padding: 0 18px;
            border: 1px solid rgba(255, 245, 240, 0.12);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)),
                rgba(12, 8, 19, 0.42);
            color: #fff7f2;
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.15),
                0 18px 36px rgba(0, 0, 0, 0.24);
            backdrop-filter: blur(12px);
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                background var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft),
                border-color var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .chronicle__button:hover,
        .chronicle__button:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(255, 233, 222, 0.32);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)),
                rgba(18, 11, 27, 0.56);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.18),
                0 24px 42px rgba(0, 0, 0, 0.28);
            outline: none;
        }

        .chronicle__button--accent {
            background:
                linear-gradient(180deg, rgba(255, 160, 130, 0.3), rgba(177, 77, 61, 0.14)),
                rgba(70, 27, 31, 0.54);
            border-color: rgba(255, 174, 154, 0.28);
        }

        .chronicle__scene {
            position: relative;
            min-height: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(180px, 250px);
            gap: 28px;
            align-items: stretch;
        }

        .chronicle__viewport {
            position: relative;
            min-height: 0;
            display: grid;
            place-items: center;
            perspective: 2600px;
        }

        .chronicle__stack {
            position: relative;
            width: min(74vw, 1040px);
            height: min(58vh, 700px);
            min-height: 360px;
            transform-style: preserve-3d;
        }

        .chronicle__layer {
            --chronicle-depth: 0;
            position: absolute;
            inset: 0;
            width: min(74vw, 960px);
            height: min(53vw, 600px);
            max-height: calc(100% - 12px);
            margin: auto;
            padding: 0;
            border: 0;
            background: transparent;
            color: inherit;
            cursor: pointer;
            transform-style: preserve-3d;
            transition:
                transform 820ms cubic-bezier(0.2, 0.95, 0.1, 1),
                opacity 620ms var(--motion-ease-soft),
                filter 620ms var(--motion-ease-soft);
            transform:
                translate3d(0, calc(var(--chronicle-depth) * -26px), calc(var(--chronicle-depth) * -205px))
                rotateX(calc(var(--chronicle-depth) * 0.68deg))
                scale(calc(1 - (var(--chronicle-depth) * 0.055)));
            opacity: calc(1 - (var(--chronicle-depth) * 0.085));
            filter: saturate(calc(1 - (var(--chronicle-depth) * 0.035)));
            z-index: calc(120 - var(--chronicle-depth));
        }

        .chronicle__layer::before {
            content: "";
            position: absolute;
            inset: auto 7% -5%;
            height: 14%;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(0, 0, 0, 0.55), transparent 72%);
            opacity: calc(0.46 - (var(--chronicle-depth) * 0.03));
            transform: translateZ(-50px) scaleX(calc(1 - (var(--chronicle-depth) * 0.03)));
            filter: blur(calc(10px + (var(--chronicle-depth) * 1.2px)));
            pointer-events: none;
        }

        .chronicle__layer:hover,
        .chronicle__layer:focus-visible {
            outline: none;
            transform:
                translate3d(0, calc((var(--chronicle-depth) * -26px) - 4px), calc((var(--chronicle-depth) * -205px) + 18px))
                rotateX(calc(var(--chronicle-depth) * 0.62deg))
                scale(calc(1 - (var(--chronicle-depth) * 0.052)));
        }

        .chronicle__layer.is-active {
            transform: translate3d(0, 0, 0) scale(1);
            opacity: 1;
            filter: none;
        }

        .chronicle__layer.is-active .chronicle__window {
            animation: chronicleWindowFloat 7s ease-in-out infinite;
        }

        .chronicle__window {
            position: relative;
            display: grid;
            grid-template-rows: 68px minmax(0, 1fr);
            width: 100%;
            height: 100%;
            border-radius: 24px;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(250, 249, 246, 0.98), rgba(228, 221, 214, 0.96));
            color: #1d1c1b;
            border: 1px solid rgba(255, 255, 255, 0.52);
            box-shadow:
                0 50px 100px rgba(1, 2, 8, 0.48),
                0 0 0 1px rgba(255, 255, 255, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.84);
        }

        .chronicle__window-top {
            display: grid;
            grid-template-columns: auto 1fr auto;
            align-items: center;
            gap: 16px;
            padding: 0 18px;
            background:
                linear-gradient(180deg, rgba(250, 250, 249, 0.98), rgba(203, 199, 196, 0.98));
            border-bottom: 1px solid rgba(74, 70, 66, 0.18);
            box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
        }

        .chronicle__window-dots {
            display: inline-flex;
            gap: 8px;
        }

        .chronicle__window-dots span {
            width: 11px;
            height: 11px;
            border-radius: 999px;
            background: linear-gradient(180deg, #ffffff, #d5d0ca);
            border: 1px solid rgba(62, 56, 52, 0.22);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .chronicle__window-nav {
            display: inline-flex;
            gap: 7px;
            justify-self: center;
        }

        .chronicle__window-nav span,
        .chronicle__window-search {
            height: 11px;
            border-radius: 999px;
            background: rgba(103, 97, 92, 0.16);
        }

        .chronicle__window-nav span {
            width: 34px;
        }

        .chronicle__window-search {
            width: 112px;
            justify-self: end;
        }

        .chronicle__window-body {
            display: grid;
            grid-template-columns: 180px minmax(0, 1fr);
            min-height: 0;
            background: linear-gradient(180deg, rgba(241, 237, 231, 0.98), rgba(232, 226, 220, 0.98));
        }

        .chronicle__sidebar {
            display: grid;
            align-content: start;
            gap: 14px;
            padding: 20px 16px;
            background: linear-gradient(180deg, rgba(233, 228, 223, 0.96), rgba(221, 214, 207, 0.98));
            border-right: 1px solid rgba(40, 34, 29, 0.08);
        }

        .chronicle__sidebar-title {
            color: rgba(58, 50, 44, 0.68);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .chronicle__sidebar-list {
            display: grid;
            gap: 8px;
        }

        .chronicle__sidebar-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.55);
            color: rgba(33, 30, 28, 0.8);
            font-size: 0.8rem;
            font-weight: 700;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
        }

        .chronicle__sidebar-item::before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(167, 148, 127, 0.85), rgba(109, 88, 67, 0.8));
            box-shadow: 0 0 0 1px rgba(95, 73, 55, 0.16);
        }

        .chronicle__stage-card {
            display: grid;
            align-content: start;
            gap: 14px;
            padding: 22px 24px 24px;
            min-height: 0;
        }

        .chronicle__preview {
            position: relative;
            min-height: 0;
            display: grid;
            place-items: center;
            border-radius: 20px;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(18, 19, 24, 0.92), rgba(26, 27, 34, 0.84)),
                radial-gradient(circle at top, rgba(255, 255, 255, 0.1), transparent 48%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 24px 48px rgba(10, 10, 14, 0.16);
        }

        .chronicle__preview-media {
            width: calc(100% - 56px);
            height: calc(100% - 56px);
            margin: 28px;
            border-radius: 18px;
            overflow: hidden;
            background: #ffffff;
            box-shadow:
                0 22px 44px rgba(0, 0, 0, 0.16),
                0 0 0 1px rgba(92, 81, 73, 0.08);
        }

        .chronicle__preview-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .chronicle__preview-paper {
            width: calc(100% - 60px);
            margin: 30px;
            padding: 28px 28px 30px;
            border-radius: 18px;
            background: linear-gradient(180deg, #fffefb, #f4eee4);
            box-shadow:
                0 22px 44px rgba(0, 0, 0, 0.16),
                0 0 0 1px rgba(92, 81, 73, 0.1);
        }

        .chronicle__preview-kicker {
            display: inline-flex;
            margin-bottom: 12px;
            color: rgba(100, 70, 51, 0.72);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .chronicle__preview-title {
            display: block;
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.8rem, 2.2vw, 2.6rem);
            line-height: 0.92;
            letter-spacing: -0.02em;
            color: #1a1715;
        }

        .chronicle__preview-meta {
            display: block;
            margin-top: 12px;
            color: rgba(64, 55, 48, 0.74);
            font-size: 0.94rem;
            line-height: 1.5;
        }

        .chronicle__preview-lines {
            display: grid;
            gap: 8px;
            margin-top: 22px;
        }

        .chronicle__preview-lines span {
            height: 7px;
            border-radius: 999px;
            background: rgba(32, 29, 27, 0.1);
        }

        .chronicle__preview-lines span:nth-child(1) {
            width: 92%;
        }

        .chronicle__preview-lines span:nth-child(2) {
            width: 84%;
        }

        .chronicle__preview-lines span:nth-child(3) {
            width: 76%;
        }

        .chronicle__meta {
            display: grid;
            gap: 6px;
        }

        .chronicle__meta-eyebrow {
            color: rgba(80, 69, 61, 0.64);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .chronicle__meta-title {
            display: block;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.3rem, 2vw, 1.9rem);
            line-height: 0.96;
            color: #221d1a;
        }

        .chronicle__meta-copy {
            color: rgba(47, 41, 37, 0.72);
            font-size: 0.95rem;
            line-height: 1.5;
        }

        .chronicle__rail {
            position: relative;
            min-height: 0;
            display: grid;
            justify-items: end;
        }

        .chronicle__rail-track {
            position: relative;
            width: 100%;
            height: min(72vh, 760px);
            padding: 24px 0 24px 28px;
            overflow: auto;
            mask-image: linear-gradient(180deg, transparent, #000 10%, #000 90%, transparent);
        }

        .chronicle__rail-track::before {
            content: "";
            position: absolute;
            top: 10px;
            bottom: 10px;
            left: 12px;
            width: 2px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.08));
        }

        .chronicle__tick {
            position: relative;
            display: grid;
            justify-items: start;
            gap: 5px;
            width: 100%;
            padding: 7px 0 7px 18px;
            border: 0;
            background: transparent;
            color: rgba(250, 235, 225, 0.74);
            text-align: left;
            cursor: pointer;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                opacity var(--motion-duration-sm) var(--motion-ease-soft);
        }

        .chronicle__tick:hover,
        .chronicle__tick:focus-visible {
            transform: translateX(-2px);
            outline: none;
        }

        .chronicle__tick-year {
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: rgba(255, 240, 232, 0.9);
        }

        .chronicle__tick-line {
            width: var(--chronicle-tick-length, 92px);
            height: 4px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(193, 151, 255, 0.72));
            box-shadow: 0 0 12px rgba(201, 154, 255, 0.26);
            opacity: 0.72;
            transition:
                width var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard),
                background var(--motion-duration-md) var(--motion-ease-soft);
        }

        .chronicle__tick-label {
            max-width: 170px;
            color: rgba(255, 240, 232, 0.68);
            font-size: 0.84rem;
            line-height: 1.35;
            opacity: 0;
            transform: translateX(8px);
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .chronicle__tick.is-active .chronicle__tick-line {
            width: min(144px, calc(var(--chronicle-tick-length, 92px) + 44px));
            opacity: 1;
            transform: scaleX(1.04);
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(255, 136, 173, 0.9));
            box-shadow:
                0 0 18px rgba(255, 146, 184, 0.32),
                0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .chronicle__tick.is-active .chronicle__tick-label,
        .chronicle__tick:hover .chronicle__tick-label,
        .chronicle__tick:focus-visible .chronicle__tick-label {
            opacity: 1;
            transform: translateX(0);
        }

        .chronicle__bottom {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
        }

        .chronicle__focus {
            appearance: none;
            width: 100%;
            display: grid;
            gap: 4px;
            min-height: 82px;
            padding: 15px 18px;
            border: 1px solid rgba(255, 244, 238, 0.12);
            border-radius: 24px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)),
                rgba(10, 6, 16, 0.36);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.12),
                0 22px 44px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(14px);
            color: inherit;
            text-align: left;
            cursor: pointer;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .chronicle__focus:hover,
        .chronicle__focus:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(255, 237, 228, 0.26);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08)),
                rgba(14, 8, 20, 0.46);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.16),
                0 26px 48px rgba(0, 0, 0, 0.24);
            outline: none;
        }

        .chronicle__focus[disabled] {
            opacity: 0.74;
            cursor: default;
            transform: none;
            pointer-events: none;
        }

        .chronicle__focus-eyebrow {
            color: rgba(255, 234, 222, 0.62);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .chronicle__focus-title {
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.3rem, 2.1vw, 2rem);
            line-height: 0.96;
        }

        .chronicle__focus-meta {
            color: rgba(255, 241, 235, 0.74);
            font-size: 0.92rem;
            line-height: 1.45;
        }

        .chronicle__button[disabled] {
            opacity: 0.42;
            cursor: default;
            transform: none;
            pointer-events: none;
        }

        @keyframes chronicleStarsDrift {
            from {
                transform: translate3d(0, 0, 0) scale(1);
            }

            to {
                transform: translate3d(-5%, 6%, 0) scale(1.08);
            }
        }

        @keyframes chronicleStarsDriftReverse {
            from {
                transform: translate3d(0, 0, 0) scale(1.02);
            }

            to {
                transform: translate3d(7%, -4%, 0) scale(1.12);
            }
        }

        @keyframes chronicleNebulaFloat {
            0%,
            100% {
                transform: translate3d(0, 0, 0) scale(1);
            }

            50% {
                transform: translate3d(18px, -14px, 0) scale(1.06);
            }
        }

        @keyframes chronicleWindowFloat {
            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-6px);
            }
        }

        @media (max-width: 1080px) {
            .hero-tool--desktop-only {
                display: none !important;
            }

            .chronicle__shell {
                padding: 24px 22px 20px;
            }

            .chronicle__scene {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .chronicle__stack {
                width: min(92vw, 920px);
                height: min(54vh, 620px);
            }

            .chronicle__layer {
                width: min(92vw, 860px);
                height: min(62vw, 540px);
            }

            .chronicle__rail {
                justify-items: stretch;
            }

            .chronicle__rail-track {
                display: flex;
                gap: 10px;
                height: auto;
                padding: 8px 0 10px;
                overflow-x: auto;
                overflow-y: hidden;
                mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            }

            .chronicle__rail-track::before {
                top: auto;
                bottom: 12px;
                left: 0;
                right: 0;
                width: auto;
                height: 2px;
            }

            .chronicle__tick {
                min-width: 118px;
                padding: 0 8px 18px;
            }

            .chronicle__tick-line {
                height: 5px;
            }

            .chronicle__tick-label {
                opacity: 1;
                transform: none;
                max-width: 132px;
            }
        }

        @media (max-width: 760px) {
            .chronicle__top,
            .chronicle__bottom {
                grid-template-columns: 1fr;
            }

            .chronicle__actions {
                justify-content: stretch;
            }

            .chronicle__actions .chronicle__button,
            .chronicle__bottom .chronicle__button {
                width: 100%;
            }

            .chronicle__stack {
                width: 100%;
                height: min(48vh, 500px);
                min-height: 320px;
            }

            .chronicle__layer {
                width: min(98vw, 680px);
                height: min(72vw, 450px);
                transform:
                    translate3d(0, calc(var(--chronicle-depth) * -16px), calc(var(--chronicle-depth) * -118px))
                    rotateX(calc(var(--chronicle-depth) * 0.42deg))
                    scale(calc(1 - (var(--chronicle-depth) * 0.04)));
            }

            .chronicle__window {
                border-radius: 20px;
            }

            .chronicle__window-top {
                grid-template-columns: auto 1fr;
                gap: 10px;
                padding: 0 14px;
            }

            .chronicle__window-search {
                display: none;
            }

            .chronicle__window-body {
                grid-template-columns: 1fr;
            }

            .chronicle__sidebar {
                display: none;
            }

            .chronicle__stage-card {
                padding: 14px;
            }

            .chronicle__preview-media,
            .chronicle__preview-paper {
                width: calc(100% - 24px);
                margin: 12px;
            }

            .chronicle__focus {
                min-height: 0;
            }
        }

        .chronicle__stack {
            width: min(72vw, 980px);
            height: min(56vh, 660px);
            min-height: 380px;
        }

        .chronicle__stack::before,
        .chronicle__stack::after {
            content: "";
            position: absolute;
            pointer-events: none;
        }

        .chronicle__stack::before {
            inset: 18% 10% 4% 20%;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(9, 7, 16, 0.62), transparent 72%);
            transform: translate3d(34px, 58px, -260px) rotateX(84deg);
            filter: blur(18px);
            opacity: 0.52;
        }

        .chronicle__stack::after {
            display: none;
        }

        .chronicle__layer {
            width: min(70vw, 900px);
            height: min(51vw, 560px);
            max-height: calc(100% - 18px);
            transition:
                transform 860ms cubic-bezier(0.18, 0.92, 0.12, 1),
                opacity 620ms var(--motion-ease-soft),
                filter 620ms var(--motion-ease-soft);
        }

        .chronicle__layer::before {
            inset: auto 12% -4%;
            height: 14%;
            opacity: 0.38;
            transform: translateZ(-60px);
            filter: blur(14px);
        }

        .chronicle__layer[data-chronicle-depth="0"] {
            transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
            opacity: 1;
            filter: none;
            z-index: 140;
        }

        .chronicle__layer[data-chronicle-depth="1"] {
            transform: translate3d(34px, -22px, -170px) rotateX(7deg) scale(0.958);
            opacity: 0.82;
            filter: saturate(0.72) brightness(0.88);
            z-index: 130;
        }

        .chronicle__layer[data-chronicle-depth="2"] {
            transform: translate3d(66px, -40px, -320px) rotateX(11deg) scale(0.918);
            opacity: 0.6;
            filter: saturate(0.55) brightness(0.74);
            z-index: 120;
        }

        .chronicle__layer[data-chronicle-depth="0"]:hover,
        .chronicle__layer[data-chronicle-depth="0"]:focus-visible {
            transform: translate3d(0, -5px, 0) rotateX(0deg) scale(1.006);
        }

        .chronicle__layer[data-chronicle-depth="1"]:hover,
        .chronicle__layer[data-chronicle-depth="1"]:focus-visible {
            transform: translate3d(36px, -26px, -150px) rotateX(6deg) scale(0.965);
        }

        .chronicle__layer[data-chronicle-depth="2"]:hover,
        .chronicle__layer[data-chronicle-depth="2"]:focus-visible {
            transform: translate3d(70px, -44px, -300px) rotateX(10deg) scale(0.924);
        }

        .chronicle__layer.is-active .chronicle__sheet {
            animation: chronicleWindowFloat 7s ease-in-out infinite;
        }

        .chronicle__sheet {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 30px;
            background:
                linear-gradient(180deg, rgba(255, 254, 250, 0.98), rgba(240, 234, 226, 0.98));
            color: #1f1a18;
            border: 1px solid rgba(255, 255, 255, 0.48);
            box-shadow:
                0 48px 96px rgba(1, 2, 8, 0.42),
                0 0 0 1px rgba(255, 255, 255, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.86);
            overflow: visible;
        }

        .chronicle__sheet::before {
            content: "";
            position: absolute;
            inset: 10px;
            border-radius: 24px;
            border: 1px solid rgba(101, 83, 70, 0.08);
            pointer-events: none;
        }

        .chronicle__sheet-hitbox {
            position: absolute;
            inset: 0;
            z-index: 6;
            display: block;
            border-radius: inherit;
            background: transparent;
            cursor: inherit;
            touch-action: manipulation;
        }

        .chronicle__sheet-face {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-rows: auto auto auto minmax(0, 1fr) auto;
            gap: 14px;
            height: 100%;
            padding: 28px 34px 28px;
            border-radius: 30px;
            overflow: hidden;
            background:
                radial-gradient(circle at top right, rgba(255, 255, 255, 0.56), transparent 26%),
                linear-gradient(180deg, rgba(255, 254, 252, 0.98), rgba(244, 237, 228, 0.98));
        }

        .chronicle__sheet-face::after {
            content: "";
            position: absolute;
            left: 26px;
            right: 26px;
            bottom: 24px;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(80, 64, 53, 0.18), transparent);
            pointer-events: none;
        }

        .chronicle__sheet-face--ghost {
            grid-template-rows: auto auto auto;
            align-content: end;
            gap: 12px;
            padding-top: 88px;
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.4), transparent 24%),
                linear-gradient(180deg, rgba(248, 244, 238, 0.96), rgba(231, 224, 215, 0.96));
        }

        .chronicle__sheet-face--ghost::before {
            content: "";
            position: absolute;
            inset: 24px 26px auto;
            height: 44%;
            border-radius: 20px;
            background:
                linear-gradient(180deg, rgba(40, 38, 39, 0.05), rgba(255, 255, 255, 0)),
                linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(239, 233, 224, 0.86));
            box-shadow:
                0 22px 40px rgba(0, 0, 0, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.58);
        }

        .chronicle__sheet-face--preview-only {
            display: block;
            padding: 0;
            background: transparent;
        }

        .chronicle__sheet-face--preview-only::before,
        .chronicle__sheet-face--preview-only::after {
            display: none;
        }

        .chronicle__sheet-face--preview-only .chronicle__sheet-preview {
            position: absolute;
            inset: 0;
            z-index: 0;
            border-radius: inherit;
            box-shadow: none;
        }

        .chronicle__sheet-kicker,
        .chronicle__sheet-ghost-mark {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-self: start;
            color: rgba(101, 70, 52, 0.72);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .chronicle__sheet-title,
        .chronicle__sheet-ghost-title {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(2rem, 2.8vw, 3.2rem);
            line-height: 0.9;
            letter-spacing: -0.024em;
            color: #1f1916;
            text-wrap: balance;
        }

        .chronicle__sheet-ghost-title {
            font-size: clamp(1.5rem, 2vw, 2.15rem);
            opacity: 0.86;
        }

        .chronicle__sheet-meta,
        .chronicle__sheet-ghost-meta {
            position: relative;
            z-index: 1;
            display: block;
            color: rgba(61, 50, 43, 0.76);
            font-size: 0.94rem;
            line-height: 1.5;
        }

        .chronicle__sheet-preview {
            position: relative;
            z-index: 1;
            min-height: 0;
            display: grid;
            place-items: center;
            border-radius: 24px;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(20, 19, 24, 0.94), rgba(33, 30, 35, 0.86)),
                radial-gradient(circle at top, rgba(255, 255, 255, 0.12), transparent 48%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 24px 44px rgba(8, 8, 11, 0.16);
        }

        .chronicle__sheet-footer {
            position: relative;
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .chronicle__sheet-tag {
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            background: rgba(53, 44, 38, 0.08);
            color: rgba(51, 41, 35, 0.78);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.54);
        }

        .chronicle__sheet-ghost-lines {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 8px;
            margin-top: 4px;
        }

        .chronicle__sheet-ghost-lines span {
            height: 7px;
            border-radius: 999px;
            background: rgba(43, 37, 33, 0.1);
        }

        .chronicle__sheet-ghost-lines span:nth-child(1) {
            width: 88%;
        }

        .chronicle__sheet-ghost-lines span:nth-child(2) {
            width: 80%;
        }

        .chronicle__sheet-ghost-lines span:nth-child(3) {
            width: 66%;
        }

        .chronicle__preview-media,
        .chronicle__preview-paper {
            width: calc(100% - 44px);
            margin: 22px;
            border-radius: 20px;
        }

        .chronicle__preview-media {
            height: calc(100% - 44px);
        }

        .chronicle__preview-paper {
            padding: 24px 24px 28px;
        }

        .chronicle__rail-track {
            overflow-x: visible;
        }

        .chronicle__tick {
            padding: 7px 0 7px 18px;
            overflow: visible;
        }

        .chronicle__tick-line {
            position: relative;
            z-index: 1;
        }

        .chronicle__tick-detail {
            position: absolute;
            top: 50%;
            right: calc(100% + 20px);
            display: grid;
            gap: 6px;
            width: min(260px, 42vw);
            padding: 14px 16px;
            border-radius: 18px;
            border: 1px solid rgba(255, 241, 235, 0.16);
            background:
                linear-gradient(180deg, rgba(28, 19, 32, 0.96), rgba(16, 11, 22, 0.96)),
                rgba(14, 10, 20, 0.94);
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
            backdrop-filter: blur(14px);
            transform: translate3d(12px, -50%, 0) scale(0.98);
            opacity: 0;
            pointer-events: none;
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
            z-index: 4;
        }

        .chronicle__tick-meta {
            color: rgba(255, 228, 216, 0.66);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .chronicle__tick-title {
            color: rgba(255, 245, 238, 0.96);
            font-family: "Cormorant Garamond", serif;
            font-size: 1.3rem;
            line-height: 0.94;
            letter-spacing: -0.02em;
        }

        .chronicle__tick.is-active .chronicle__tick-detail,
        .chronicle__tick:hover .chronicle__tick-detail,
        .chronicle__tick:focus-visible .chronicle__tick-detail {
            opacity: 1;
            transform: translate3d(0, -50%, 0) scale(1);
        }

        @media (max-width: 1080px) {
            .chronicle__stack {
                width: min(92vw, 920px);
                height: min(52vh, 580px);
            }

            .chronicle__layer {
                width: min(88vw, 820px);
                height: min(62vw, 500px);
            }

            .chronicle__rail-track {
                overflow-x: auto;
            }

            .chronicle__tick-detail {
                position: static;
                width: min(190px, 48vw);
                margin-top: 8px;
                padding: 10px 12px;
                transform: none;
                opacity: 1;
                background: transparent;
                border: 0;
                box-shadow: none;
                backdrop-filter: none;
            }

            .chronicle__tick-meta {
                font-size: 0.66rem;
            }

            .chronicle__tick-title {
                font-size: 1rem;
            }
        }

        @media (max-width: 760px) {
            .chronicle__stack {
                width: 100%;
                height: min(44vh, 440px);
                min-height: 280px;
            }

            .chronicle__stack::after {
                right: 2%;
                width: 18px;
            }

            .chronicle__layer {
                width: min(95vw, 620px);
                height: min(72vw, 390px);
            }

            .chronicle__layer[data-chronicle-depth="1"] {
                transform: translate3d(20px, -14px, -104px) rotateX(6deg) scale(0.965);
            }

            .chronicle__layer[data-chronicle-depth="2"] {
                transform: translate3d(38px, -24px, -188px) rotateX(9deg) scale(0.932);
            }

            .chronicle__sheet {
                border-radius: 24px;
            }

            .chronicle__sheet-face,
            .chronicle__sheet-face--ghost {
                padding: 18px 18px 18px;
                border-radius: 24px;
            }

            .chronicle__sheet-title,
            .chronicle__sheet-ghost-title {
                font-size: clamp(1.32rem, 6vw, 1.86rem);
            }

            .chronicle__sheet-meta,
            .chronicle__sheet-ghost-meta {
                font-size: 0.82rem;
            }

            .chronicle__sheet-tag {
                min-height: 30px;
                padding: 0 10px;
                font-size: 0.66rem;
            }

            .chronicle__preview-media,
            .chronicle__preview-paper {
                width: calc(100% - 20px);
                margin: 10px;
                border-radius: 16px;
            }

            .chronicle__preview-paper {
                padding: 16px 16px 18px;
            }
        }

        .chronicle__scene,
        .chronicle__viewport,
        .chronicle__rail {
            overflow: visible;
        }

        .chronicle__scene {
            isolation: isolate;
        }

        .chronicle__viewport {
            z-index: 1;
            perspective: 3600px;
            perspective-origin: 66% 42%;
        }

        .chronicle__stack {
            transform: rotateY(-15deg) rotateX(5deg) translateX(-18px);
            transform-origin: 56% 52%;
        }

        .chronicle__stack.is-transitioning {
            pointer-events: none;
        }

        .chronicle__stack.is-transitioning .chronicle__layer {
            transition-duration: 520ms;
        }

        .chronicle__stack.is-shifting-next .chronicle__layer[data-chronicle-depth="0"] {
            transform: translate3d(-210px, 32px, 120px) rotateY(-10deg) rotateX(-4deg) scale(0.92);
            opacity: 0;
            filter: blur(2px) saturate(0.62) brightness(0.88);
        }

        .chronicle__stack.is-shifting-next .chronicle__layer[data-chronicle-depth="1"] {
            transform: translate3d(-2px, 8px, -12px) rotateY(-3.4deg) rotateX(-0.4deg) scale(0.987);
            opacity: 0.96;
            filter: saturate(0.92) brightness(0.98);
        }

        .chronicle__stack.is-shifting-next .chronicle__layer[data-chronicle-depth="2"] {
            transform: translate3d(38px, -30px, -214px) rotateY(-5.6deg) rotateX(6deg) scale(0.946);
            opacity: 0.74;
            filter: saturate(0.68) brightness(0.82);
        }

        .chronicle__stack.is-shifting-prev .chronicle__layer[data-chronicle-depth="0"] {
            transform: translate3d(188px, -18px, -180px) rotateY(6deg) rotateX(4deg) scale(0.885);
            opacity: 0;
            filter: blur(2px) saturate(0.58) brightness(0.82);
        }

        .chronicle__stack.is-shifting-prev .chronicle__layer[data-chronicle-depth="1"] {
            transform: translate3d(48px, -30px, -228px) rotateY(-5.8deg) rotateX(6.5deg) scale(0.94);
            opacity: 0.72;
            filter: saturate(0.66) brightness(0.8);
        }

        .chronicle__stack.is-shifting-prev .chronicle__layer[data-chronicle-depth="2"] {
            transform: translate3d(88px, -60px, -406px) rotateY(-7.2deg) rotateX(10.5deg) scale(0.894);
            opacity: 0.52;
            filter: saturate(0.52) brightness(0.7);
        }

        .chronicle__stack::before {
            inset: 24% 6% 0 24%;
            transform: translate3d(24px, 86px, -260px) rotateX(86deg);
            filter: blur(24px);
        }

        .chronicle__stack::after {
            display: none;
        }

        .chronicle__layer[data-chronicle-depth="0"] {
            transform: translate3d(-8px, 8px, 0) rotateY(-3deg) rotateX(-1deg) scale(1);
        }

        .chronicle__layer[data-chronicle-depth="1"] {
            transform: translate3d(34px, -28px, -210px) rotateY(-5.5deg) rotateX(6deg) scale(0.948);
        }

        .chronicle__layer[data-chronicle-depth="2"] {
            transform: translate3d(72px, -58px, -390px) rotateY(-7deg) rotateX(10deg) scale(0.902);
        }

        .chronicle__layer[data-chronicle-depth="0"]:hover,
        .chronicle__layer[data-chronicle-depth="0"]:focus-visible {
            transform: translate3d(-10px, 2px, 10px) rotateY(-3deg) rotateX(-1deg) scale(1.008);
        }

        .chronicle__layer[data-chronicle-depth="1"]:hover,
        .chronicle__layer[data-chronicle-depth="1"]:focus-visible {
            transform: translate3d(36px, -32px, -190px) rotateY(-5deg) rotateX(5.5deg) scale(0.955);
        }

        .chronicle__layer[data-chronicle-depth="2"]:hover,
        .chronicle__layer[data-chronicle-depth="2"]:focus-visible {
            transform: translate3d(76px, -62px, -370px) rotateY(-6.5deg) rotateX(9.5deg) scale(0.908);
        }

        .chronicle__sheet {
            transform-origin: center center;
            backface-visibility: hidden;
        }

        .chronicle__layer.is-primary .chronicle__sheet {
            background: #0d0c10;
        }

        .chronicle__layer.is-primary {
            cursor: pointer;
            touch-action: manipulation;
        }

        .chronicle__layer.is-primary .chronicle__sheet,
        .chronicle__layer.is-primary .chronicle__sheet-hitbox,
        .chronicle__layer.is-primary .chronicle__sheet-face,
        .chronicle__layer.is-primary .chronicle__sheet-preview,
        .chronicle__layer.is-primary .chronicle__preview-media,
        .chronicle__layer.is-primary .chronicle__preview-pdf,
        .chronicle__layer.is-primary .chronicle__preview-pdf-render,
        .chronicle__layer.is-primary .chronicle__preview-media img,
        .chronicle__layer.is-primary .chronicle__preview-pdf canvas {
            cursor: pointer !important;
        }

        .chronicle__layer.is-primary .chronicle__sheet-preview,
        .chronicle__layer.is-primary .chronicle__sheet-preview * {
            pointer-events: none;
            user-select: none;
            -webkit-user-select: none;
        }

        .chronicle__layer.is-primary .chronicle__preview-media img {
            -webkit-user-drag: none;
        }

        .chronicle__layer.is-secondary .chronicle__sheet,
        .chronicle__layer.is-tertiary .chronicle__sheet {
            background:
                linear-gradient(180deg, rgba(17, 13, 22, 0.34), rgba(11, 9, 16, 0.18)),
                rgba(10, 8, 14, 0.12);
            border-color: rgba(255, 255, 255, 0.05);
            box-shadow:
                0 36px 74px rgba(0, 0, 0, 0.22),
                inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        .chronicle__layer.is-secondary .chronicle__preview-media img,
        .chronicle__layer.is-tertiary .chronicle__preview-media img,
        .chronicle__layer.is-secondary .chronicle__preview-pdf canvas,
        .chronicle__layer.is-tertiary .chronicle__preview-pdf canvas {
            filter: saturate(0.72) brightness(0.78) contrast(0.88) blur(0.7px);
            transform: scale(1.018);
            transform-origin: center center;
        }

        .chronicle__layer.is-secondary .chronicle__preview-pdf-render,
        .chronicle__layer.is-tertiary .chronicle__preview-pdf-render {
            background: #0f0d12;
        }

        .chronicle__rail {
            position: relative;
            z-index: 80;
            isolation: isolate;
            min-height: 0;
            align-self: stretch;
        }

        .chronicle__rail-frame {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 0;
            max-height: min(72vh, 760px);
            overflow: visible;
            z-index: 40;
        }

        .chronicle__rail-track {
            width: 100%;
            height: 100%;
            min-height: 0;
            padding: 24px 18px 24px 28px;
            overflow-y: auto;
            overflow-x: visible;
            mask-image: none;
            -webkit-mask-image: none;
            scrollbar-width: none;
            scrollbar-color: transparent transparent;
        }

        .chronicle__rail-track::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .chronicle__rail-track::before {
            left: 12px;
            top: 12px;
            bottom: 12px;
        }

        .chronicle__rail-scrollbar {
            position: absolute;
            top: 16px;
            right: 2px;
            bottom: 16px;
            width: 11px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.06);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 8px 18px rgba(0, 0, 0, 0.12);
            backdrop-filter: blur(8px);
            opacity: 0;
            transform: scaleX(0.86);
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
            pointer-events: none;
            touch-action: none;
            user-select: none;
            cursor: ns-resize;
        }

        .chronicle__rail.is-scrollable .chronicle__rail-scrollbar {
            pointer-events: auto;
        }

        .chronicle__rail.is-scrollable:hover .chronicle__rail-scrollbar,
        .chronicle__rail.is-scrollable.is-scrolling .chronicle__rail-scrollbar,
        .chronicle__rail.is-scrollable.is-dragging .chronicle__rail-scrollbar {
            opacity: 1;
            transform: scaleX(1);
        }

        .chronicle__rail-thumb {
            position: absolute;
            left: 1px;
            right: 1px;
            top: 0;
            min-height: 38px;
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(246, 245, 255, 0.92), rgba(201, 185, 255, 0.62)),
                rgba(255, 255, 255, 0.72);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.8),
                0 10px 18px rgba(72, 44, 107, 0.22);
            transform: translate3d(0, 0, 0);
            cursor: grab;
            touch-action: none;
        }

        .chronicle__rail.is-dragging .chronicle__rail-thumb {
            cursor: grabbing;
        }

        .chronicle__tick {
            --chronicle-magnify: 0;
            --chronicle-active-boost: 0;
            z-index: 1;
            overflow: visible;
        }

        .chronicle__tick.is-active {
            --chronicle-active-boost: 0.34;
            z-index: 12;
        }

        .chronicle__tick:hover,
        .chronicle__tick:focus-visible {
            z-index: 28;
        }

        .chronicle__tick-line {
            width: calc(var(--chronicle-tick-length, 92px) + ((var(--chronicle-magnify, 0) + var(--chronicle-active-boost, 0)) * 56px));
            height: calc(4px + ((var(--chronicle-magnify, 0) + var(--chronicle-active-boost, 0)) * 9px));
            opacity: calc(0.56 + ((var(--chronicle-magnify, 0) + var(--chronicle-active-boost, 0)) * 0.42));
            transform-origin: left center;
        }

        .chronicle__tick.is-active .chronicle__tick-line {
            transform: scaleX(1.04);
        }

        .chronicle__tick-detail {
            right: calc(100% + 28px);
            width: min(320px, 44vw);
            z-index: 500;
            box-shadow:
                0 28px 56px rgba(0, 0, 0, 0.38),
                0 0 0 1px rgba(255, 255, 255, 0.06);
        }

        .chronicle__tick-detail::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -10px;
            width: 18px;
            height: 18px;
            background: linear-gradient(135deg, rgba(18, 12, 24, 0.96), rgba(27, 18, 32, 0.96));
            border-right: 1px solid rgba(255, 241, 235, 0.1);
            border-bottom: 1px solid rgba(255, 241, 235, 0.1);
            transform: translateY(-50%) rotate(-45deg);
        }

        .chronicle__hovercard {
            position: absolute;
            z-index: 260;
            display: grid;
            gap: 6px;
            width: min(320px, 44vw);
            padding: 14px 16px;
            border-radius: 18px;
            border: 1px solid rgba(255, 241, 235, 0.16);
            background:
                linear-gradient(180deg, rgba(28, 19, 32, 0.96), rgba(16, 11, 22, 0.96)),
                rgba(14, 10, 20, 0.94);
            box-shadow:
                0 28px 56px rgba(0, 0, 0, 0.38),
                0 0 0 1px rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(14px);
            opacity: 0;
            transform: translate3d(8px, 0, 0) scale(0.985);
            pointer-events: none;
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .chronicle__hovercard.is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        .chronicle__hovercard::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -10px;
            width: 18px;
            height: 18px;
            background: linear-gradient(135deg, rgba(18, 12, 24, 0.96), rgba(27, 18, 32, 0.96));
            border-right: 1px solid rgba(255, 241, 235, 0.1);
            border-bottom: 1px solid rgba(255, 241, 235, 0.1);
            transform: translateY(-50%) rotate(-45deg);
        }

        .chronicle__hovercard-meta {
            color: rgba(255, 228, 216, 0.66);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .chronicle__hovercard-title {
            color: rgba(255, 245, 238, 0.96);
            font-family: "Cormorant Garamond", serif;
            font-size: 1.3rem;
            line-height: 0.94;
            letter-spacing: -0.02em;
        }

        .chronicle__sheet-face {
            isolation: isolate;
        }

        .chronicle__sheet-face::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                linear-gradient(180deg, rgba(9, 8, 12, 0.74) 0%, rgba(9, 8, 12, 0.3) 22%, rgba(9, 8, 12, 0.08) 46%, rgba(9, 8, 12, 0.5) 100%);
            pointer-events: none;
        }

        .chronicle__sheet-kicker,
        .chronicle__sheet-title,
        .chronicle__sheet-meta,
        .chronicle__sheet-footer {
            z-index: 2;
        }

        .chronicle__sheet-kicker {
            padding: 10px 14px;
            border-radius: 999px;
            background: rgba(9, 8, 12, 0.34);
            color: rgba(255, 242, 235, 0.88);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(12px);
        }

        .chronicle__sheet-title {
            max-width: min(76%, 620px);
            color: #fff9f4;
            text-shadow: 0 6px 20px rgba(0, 0, 0, 0.36);
        }

        .chronicle__sheet-meta {
            max-width: min(68%, 500px);
            color: rgba(255, 238, 228, 0.82);
            text-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
        }

        .chronicle__sheet-preview {
            position: absolute;
            inset: 0;
            z-index: 0;
            border-radius: 0;
            background:
                radial-gradient(circle at center, rgba(255, 255, 255, 0.06), transparent 56%),
                #0d0c10;
            box-shadow: none;
        }

        .chronicle__sheet-footer {
            align-self: end;
        }

        .chronicle__sheet-tag {
            background: rgba(9, 8, 12, 0.34);
            color: rgba(255, 241, 234, 0.9);
            border: 1px solid rgba(255, 248, 242, 0.08);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.14),
                0 12px 24px rgba(0, 0, 0, 0.16);
            backdrop-filter: blur(10px);
        }

        .chronicle__preview-media,
        .chronicle__preview-pdf {
            width: 100%;
            height: 100%;
            margin: 0;
            border-radius: 0;
            display: grid;
            place-items: center;
            background:
                linear-gradient(180deg, rgba(17, 15, 21, 0.98), rgba(10, 10, 14, 0.98)),
                #0d0c10;
        }

        .chronicle__preview-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
            background: #ffffff;
        }

        .chronicle__preview-pdf-render {
            width: 100%;
            height: 100%;
            display: grid;
            align-items: start;
            justify-items: stretch;
            padding: 0;
            overflow: hidden;
            background: #ffffff;
        }

        .chronicle__preview-pdf canvas {
            display: block;
            width: 100%;
            height: auto;
            max-width: none;
            max-height: none;
            background: #ffffff;
            box-shadow:
                0 24px 46px rgba(0, 0, 0, 0.24),
                0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .chronicle__preview-pdf-loader {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .chronicle__preview-pdf-loader-core {
            position: relative;
            width: 148px;
            height: 148px;
            display: grid;
            place-items: center;
            color: rgba(255, 244, 236, 0.82);
            filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.28));
        }

        .chronicle__preview-pdf-loader .archive-card__pdf-loader-ring {
            transform: scale(1.12);
        }

        .chronicle__preview-pdf.is-ready .chronicle__preview-pdf-loader {
            opacity: 0;
            transform: scale(0.96);
        }

        .chronicle__preview-pdf.is-error::after {
            content: "Anteprima in preparazione";
            position: absolute;
            inset: auto 18px 18px;
            display: inline-flex;
            justify-content: center;
            padding: 10px 14px;
            border-radius: 999px;
            background: rgba(10, 8, 12, 0.46);
            color: rgba(255, 244, 236, 0.8);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
        }

        @media (max-width: 1080px) {
            .chronicle__viewport {
                perspective-origin: 54% 42%;
            }

            .chronicle__stack {
                transform: rotateY(-8deg) rotateX(3deg) translateX(-8px);
            }

            .chronicle__rail-frame {
                height: auto;
            }

            .chronicle__rail-track {
                height: auto;
                padding: 8px 0 10px;
                overflow-x: auto;
                overflow-y: hidden;
            }

            .chronicle__rail-scrollbar {
                display: none;
            }

            .chronicle__hovercard {
                display: none;
            }
        }

        @media (max-width: 760px) {
            .chronicle__stack {
                transform: rotateY(-5deg) rotateX(2deg) translateX(-4px);
            }

            .chronicle__layer[data-chronicle-depth="0"] {
                transform: translate3d(-4px, 6px, 0) rotateY(-2deg) rotateX(-1deg) scale(1);
            }

            .chronicle__layer[data-chronicle-depth="1"] {
                transform: translate3d(20px, -18px, -118px) rotateY(-3deg) rotateX(5deg) scale(0.962);
            }

            .chronicle__layer[data-chronicle-depth="2"] {
                transform: translate3d(42px, -32px, -214px) rotateY(-4deg) rotateX(8deg) scale(0.926);
            }
        }

        @media (min-width: 1081px) {
            .chronicle__tick-detail {
                display: none;
            }
        }

        @media (min-width: 1081px) {
            .chronicle__shell {
                gap: clamp(14px, 1.5vw, 20px);
                padding:
                    clamp(18px, 2vw, 28px)
                    clamp(20px, 2.4vw, 34px)
                    clamp(18px, 2vw, 24px);
            }

            .chronicle__top {
                grid-template-columns: minmax(0, 1.42fr) auto;
                gap: clamp(18px, 2vw, 28px);
            }

            .chronicle__title {
                max-width: min(25ch, 100%);
                font-size: clamp(1.82rem, min(3vw, 5.4vh), 3.12rem);
                text-wrap: pretty;
            }

            .chronicle__copy {
                max-width: min(1120px, 100%);
                font-size: clamp(0.92rem, 1vw, 1rem);
                text-wrap: pretty;
            }

            .chronicle__button {
                min-height: clamp(46px, 4vw, 52px);
                padding: 0 clamp(14px, 1.35vw, 18px);
                font-size: clamp(0.72rem, 0.82vw, 0.78rem);
            }

            .chronicle__scene {
                grid-template-columns: minmax(0, 1fr) minmax(156px, 210px);
                gap: clamp(18px, 1.8vw, 28px);
            }

            .chronicle__stack {
                width: auto;
                height: min(61vh, 760px);
                max-width: min(64vw, 980px);
                min-height: clamp(360px, 42vh, 440px);
                aspect-ratio: 1.18 / 1;
            }

            .chronicle__layer {
                width: auto;
                height: calc(100% - 18px);
                max-width: calc(100% - 18px);
                max-height: calc(100% - 18px);
                aspect-ratio: 1.18 / 1;
            }

            .chronicle__rail-frame {
                max-height: min(68vh, 700px);
            }

            .chronicle__bottom {
                grid-template-columns: minmax(126px, auto) minmax(0, 1fr) minmax(126px, auto);
                gap: clamp(10px, 1vw, 14px);
            }

            .chronicle__focus {
                min-height: clamp(70px, 8vh, 82px);
                padding: clamp(12px, 1.4vh, 15px) clamp(14px, 1.2vw, 18px);
            }

            .chronicle__focus-title {
                display: -webkit-box;
                overflow: hidden;
                font-size: clamp(1.08rem, min(1.75vw, 2.55vh), 1.72rem);
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .chronicle__focus-meta {
                font-size: clamp(0.8rem, 0.92vw, 0.92rem);
            }
        }

        @media (min-width: 1081px) and (max-width: 1520px), (min-width: 1081px) and (max-height: 980px) {
            .chronicle__top {
                gap: 14px;
            }

            .chronicle__title {
                max-width: min(23ch, 100%);
                font-size: clamp(1.58rem, min(2.76vw, 4.82vh), 2.72rem);
            }

            .chronicle__copy {
                max-width: min(980px, 100%);
                margin-top: 8px;
                font-size: 0.94rem;
                line-height: 1.52;
            }

            .chronicle__actions {
                gap: 8px;
            }

            .chronicle__scene {
                grid-template-columns: minmax(0, 1fr) minmax(148px, 196px);
                gap: 18px;
            }

            .chronicle__stack {
                width: auto;
                height: min(58vh, 660px);
                max-width: min(62vw, 860px);
                min-height: 340px;
                aspect-ratio: 1.17 / 1;
                transform: rotateY(-13deg) rotateX(4deg) translateX(-12px);
            }

            .chronicle__layer {
                width: auto;
                height: calc(100% - 16px);
                max-width: calc(100% - 16px);
                max-height: calc(100% - 16px);
                aspect-ratio: 1.17 / 1;
            }

            .chronicle__sheet-face,
            .chronicle__sheet-face--ghost {
                gap: 12px;
                padding: 22px 26px 22px;
            }

            .chronicle__sheet-title,
            .chronicle__sheet-ghost-title {
                font-size: clamp(1.52rem, 2.18vw, 2.58rem);
            }

            .chronicle__sheet-meta,
            .chronicle__sheet-ghost-meta {
                font-size: 0.88rem;
            }

            .chronicle__preview-media,
            .chronicle__preview-paper {
                width: calc(100% - 32px);
                margin: 16px;
            }

            .chronicle__preview-paper {
                padding: 18px 18px 20px;
            }

            .chronicle__rail-frame {
                max-height: min(62vh, 640px);
            }

            .chronicle__rail-track {
                padding: 18px 14px 18px 24px;
            }

            .chronicle__focus {
                min-height: 66px;
                gap: 3px;
            }

            .chronicle__focus-title {
                font-size: clamp(1rem, min(1.36vw, 2.1vh), 1.46rem);
            }

            .chronicle__focus-meta {
                font-size: 0.82rem;
            }
        }

        @media (min-width: 1081px) and (max-width: 1320px), (min-width: 1081px) and (max-height: 860px) {
            .chronicle__shell {
                gap: 12px;
                padding: 18px 20px 16px;
            }

            .chronicle__title {
                max-width: min(21ch, 100%);
                font-size: clamp(1.42rem, min(2.36vw, 4.02vh), 2.22rem);
            }

            .chronicle__copy {
                max-width: min(860px, 100%);
                font-size: 0.9rem;
                line-height: 1.46;
            }

            .chronicle__button {
                min-height: 44px;
                padding: 0 14px;
                font-size: 0.7rem;
            }

            .chronicle__scene {
                grid-template-columns: minmax(0, 1fr) minmax(138px, 180px);
                gap: 14px;
            }

            .chronicle__stack {
                width: auto;
                height: min(54vh, 560px);
                max-width: min(60vw, 740px);
                min-height: 314px;
                aspect-ratio: 1.16 / 1;
                transform: rotateY(-11deg) rotateX(3deg) translateX(-8px);
            }

            .chronicle__layer {
                width: auto;
                height: calc(100% - 14px);
                max-width: calc(100% - 14px);
                max-height: calc(100% - 14px);
                aspect-ratio: 1.16 / 1;
            }

            .chronicle__layer[data-chronicle-depth="1"] {
                transform: translate3d(28px, -22px, -176px) rotateY(-4.7deg) rotateX(5deg) scale(0.95);
            }

            .chronicle__layer[data-chronicle-depth="2"] {
                transform: translate3d(56px, -42px, -316px) rotateY(-5.8deg) rotateX(8deg) scale(0.91);
            }

            .chronicle__sheet {
                border-radius: 24px;
            }

            .chronicle__sheet::before {
                inset: 8px;
                border-radius: 18px;
            }

            .chronicle__sheet-face,
            .chronicle__sheet-face--ghost {
                gap: 10px;
                padding: 18px 20px 18px;
                border-radius: 24px;
            }

            .chronicle__sheet-title,
            .chronicle__sheet-ghost-title {
                font-size: clamp(1.34rem, 1.9vw, 2.12rem);
            }

            .chronicle__sheet-meta,
            .chronicle__sheet-ghost-meta {
                font-size: 0.8rem;
            }

            .chronicle__sheet-tag {
                min-height: 30px;
                padding: 0 10px;
                font-size: 0.66rem;
            }

            .chronicle__preview-media,
            .chronicle__preview-paper {
                width: calc(100% - 22px);
                margin: 11px;
                border-radius: 16px;
            }

            .chronicle__preview-paper {
                padding: 14px 14px 16px;
            }

            .chronicle__bottom {
                gap: 8px;
            }

            .chronicle__focus {
                min-height: 62px;
                padding: 10px 12px;
            }

            .chronicle__focus-title {
                font-size: clamp(0.94rem, min(1.18vw, 1.86vh), 1.28rem);
            }

            .chronicle__focus-meta {
                font-size: 0.76rem;
            }
        }

        .viewer {
            position: fixed;
            inset: 0;
            z-index: 2000;
            display: none;
        }

        .viewer.is-open {
            display: block;
        }

        .viewer__backdrop {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at top, rgba(255, 240, 224, 0.12), transparent 30%),
                rgba(11, 9, 8, 0.84);
        }

        .viewer__dialog {
            --viewer-top-offset: 118px;
            position: relative;
            z-index: 1;
            isolation: isolate;
            width: min(calc(100% - 20px), 1460px);
            height: min(calc(100vh - 20px), 980px);
            margin: 10px auto;
            display: flex;
            flex-direction: column;
            border-radius: 24px;
            overflow: visible;
            border: 1px solid rgba(255, 245, 232, 0.08);
            background:
                linear-gradient(180deg, rgba(41, 29, 22, 0.96), rgba(19, 16, 13, 0.98)),
                #171311;
            color: #fff;
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
        }

        .viewer__top,
        .viewer__bottom {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.08), rgba(255, 247, 238, 0.03)),
                rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .viewer__top {
            position: absolute;
            inset: 0 0 auto 0;
            z-index: 40;
            overflow: visible;
            background:
                linear-gradient(180deg, rgba(54, 38, 29, 0.56), rgba(30, 23, 18, 0.34)),
                rgba(16, 12, 10, 0.28);
            backdrop-filter: blur(22px) saturate(1.12);
            -webkit-backdrop-filter: blur(22px) saturate(1.12);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 16px 34px rgba(0, 0, 0, 0.14);
            border-radius: 24px 24px 0 0;
            border-bottom: 1px solid rgba(255, 245, 232, 0.08);
        }

        .viewer__bottom {
            z-index: 30;
            overflow: visible;
            border-radius: 0 0 24px 24px;
            border-top: 1px solid rgba(255, 245, 232, 0.08);
        }

        .viewer__meta {
            min-width: 0;
        }

        .viewer__meta span,
        .viewer__status,
        .viewer__page-info {
            color: rgba(255, 236, 214, 0.74);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .viewer__meta strong {
            display: block;
            margin-top: 8px;
            color: #fff8f1;
            font-family: "Cormorant Garamond", serif;
            font-size: clamp(1.5rem, 3vw, 2.35rem);
            line-height: 0.98;
            letter-spacing: -0.02em;
            font-weight: 600;
        }

        .viewer__meta em {
            display: block;
            margin-top: 8px;
            color: rgba(255, 240, 228, 0.62);
            font-style: normal;
            font-size: 0.88rem;
            line-height: 1.6;
            max-width: 72ch;
        }

        .viewer__controls,
        .viewer__page-controls {
            position: relative;
            z-index: 41;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            overflow: visible;
        }

        .viewer__controls {
            justify-content: flex-end;
        }

        .viewer__control-group {
            position: relative;
            z-index: 42;
            display: inline-flex;
            flex-wrap: wrap;
            gap: 8px;
            padding: 4px;
            border: 1px solid rgba(255, 245, 232, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.03);
            overflow: visible;
        }

        .viewer__share-wrap,
        .viewer__search-wrap {
            position: relative;
            z-index: 220;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 12px;
            min-width: 0;
        }

        .viewer__share-wrap.is-open,
        .viewer__search-wrap.is-open {
            z-index: 280;
        }

        .viewer__share-panel,
        .viewer__search-panel {
            position: absolute;
            top: calc(100% + 12px);
            right: 0;
            width: min(360px, calc(100vw - 44px));
            padding: 16px;
            border-radius: 22px;
            border: 1px solid rgba(255, 241, 229, 0.12);
            background:
                linear-gradient(180deg, rgba(53, 39, 31, 0.96), rgba(23, 18, 15, 0.98)),
                rgba(19, 15, 13, 0.96);
            box-shadow: 0 24px 50px rgba(0, 0, 0, 0.34);
            backdrop-filter: blur(18px);
            opacity: 0;
            transform: translateY(-10px) scale(0.98);
            transform-origin: top right;
            pointer-events: none;
            transition:
                opacity var(--motion-duration-md) var(--motion-ease-soft),
                transform var(--motion-duration-md) var(--motion-ease-standard);
            z-index: 260;
        }

        .viewer__search-panel {
            width: min(410px, calc(100vw - 44px));
        }

        .viewer__share-wrap.is-open .viewer__share-panel,
        .viewer__search-wrap.is-open .viewer__search-panel {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        .viewer__share-intro,
        .viewer__search-intro {
            display: grid;
            gap: 6px;
            margin-bottom: 12px;
        }

        .viewer__share-kicker,
        .viewer__search-kicker {
            color: rgba(255, 236, 214, 0.74);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .viewer__share-feedback,
        .viewer__search-feedback {
            color: rgba(255, 241, 229, 0.72);
            font-size: 0.85rem;
            line-height: 1.5;
        }

        .viewer__search-field {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px;
            padding: 5px;
            border-radius: 999px;
            border: 1px solid rgba(255, 241, 229, 0.1);
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.08), rgba(255, 247, 238, 0.03)),
                rgba(255, 255, 255, 0.03);
        }

        .viewer__search-input {
            width: 100%;
            min-width: 0;
            border: 0;
            border-radius: 999px;
            padding: 0 10px 0 14px;
            background: transparent;
            color: #fff8f1;
            font: inherit;
            font-size: 0.92rem;
            outline: none;
        }

        .viewer__search-input::placeholder {
            color: rgba(255, 241, 229, 0.42);
        }

        .viewer__search-submit {
            min-height: 38px;
            min-width: 42px;
        }

        .viewer__search-result {
            margin-top: 12px;
            padding: 13px;
            border-radius: 18px;
            border: 1px solid rgba(255, 241, 229, 0.1);
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.1), rgba(255, 247, 238, 0.04)),
                rgba(255, 255, 255, 0.03);
            color: rgba(255, 241, 229, 0.78);
            font-size: 0.86rem;
            line-height: 1.48;
        }

        .viewer__search-result strong {
            display: block;
            margin-bottom: 5px;
            color: #fff8f1;
            font-family: "Cormorant Garamond", serif;
            font-size: 1.18rem;
            line-height: 1.05;
            font-weight: 700;
        }

        .viewer__search-result mark {
            border-radius: 0.32em;
            padding: 0.04em 0.22em;
            background: rgba(255, 214, 154, 0.26);
            color: #fff5e5;
        }

        .viewer__search-go {
            margin-top: 12px;
            min-height: 36px;
            padding-inline: 14px;
        }

        .viewer__share-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .viewer__share-link {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 54px;
            padding: 0 14px;
            border: 1px solid rgba(255, 241, 229, 0.1);
            border-radius: 18px;
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.09), rgba(255, 247, 238, 0.03)),
                rgba(255, 255, 255, 0.02);
            color: #fff8f1;
            text-decoration: none;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .viewer__share-link:hover,
        .viewer__share-link:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(255, 241, 229, 0.18);
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.14), rgba(255, 247, 238, 0.06)),
                rgba(255, 255, 255, 0.03);
            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
            outline: none;
        }

        .viewer__share-link--native {
            grid-column: 1 / -1;
        }

        .viewer__share-link-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
        }

        .viewer__share-link-icon svg {
            width: 18px;
            height: 18px;
        }

        .viewer__share-link-label {
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .viewer__button {
            position: relative;
            display: inline-flex;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 15px;
            border: 1px solid rgba(255, 247, 238, 0.12);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.12), rgba(255, 247, 238, 0.06)),
                rgba(255, 255, 255, 0.03);
            color: #fff8f1;
            cursor: pointer;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            transition:
                transform var(--motion-duration-sm) var(--motion-ease-standard),
                border-color var(--motion-duration-sm) var(--motion-ease-soft),
                background var(--motion-duration-sm) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .viewer__button:hover,
        .viewer__button:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(255, 247, 238, 0.22);
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.16), rgba(255, 247, 238, 0.08)),
                rgba(255, 255, 255, 0.04);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
            outline: none;
        }

        .viewer__button[disabled] {
            opacity: 0.35;
            cursor: not-allowed;
        }

        .viewer__button--close {
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.92), rgba(112, 46, 35, 0.92)),
                rgba(139, 61, 47, 0.9);
            border-color: rgba(255, 219, 204, 0.18);
        }

        .viewer__button--icon {
            justify-content: center;
            min-width: 44px;
            padding: 0;
        }

        .viewer__button--enhance {
            color: #fff8f1;
        }

        .viewer__button--enhance .enhance-focus,
        .viewer__button--enhance .enhance-spark,
        .viewer__button--enhance .enhance-ray {
            transform-box: fill-box;
            transform-origin: center;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .viewer__button--enhance:hover .enhance-focus,
        .viewer__button--enhance:focus-visible .enhance-focus,
        .viewer__button--enhance.is-active .enhance-focus {
            transform: scale(1.1);
        }

        .viewer__button--enhance:hover .enhance-spark,
        .viewer__button--enhance:focus-visible .enhance-spark,
        .viewer__button--enhance.is-active .enhance-spark {
            transform: translate(-1px, 1px) scale(1.14);
        }

        .viewer__button--enhance.is-suggested {
            border-color: rgba(255, 218, 166, 0.4);
            background:
                radial-gradient(circle at 30% 15%, rgba(255, 233, 190, 0.3), transparent 42%),
                linear-gradient(180deg, rgba(255, 203, 145, 0.2), rgba(255, 247, 238, 0.07)),
                rgba(255, 255, 255, 0.04);
            box-shadow:
                0 0 0 1px rgba(255, 226, 186, 0.1),
                0 0 28px rgba(255, 193, 117, 0.2),
                0 14px 30px rgba(0, 0, 0, 0.16);
            animation: viewerEnhanceBreath 2600ms var(--motion-ease-soft) infinite;
        }

        .viewer__button--enhance.is-suggested .enhance-spark {
            animation: viewerEnhanceSpark 2200ms var(--motion-ease-standard) infinite;
        }

        .viewer__button--enhance.is-active {
            border-color: rgba(255, 222, 180, 0.46);
            background:
                linear-gradient(180deg, rgba(176, 83, 58, 0.82), rgba(124, 54, 39, 0.88)),
                rgba(176, 83, 58, 0.84);
            box-shadow:
                0 0 0 1px rgba(255, 238, 216, 0.1),
                0 14px 34px rgba(89, 38, 25, 0.28);
        }

        .viewer__button--reading.is-active {
            border-color: rgba(255, 241, 229, 0.28);
            background:
                linear-gradient(180deg, rgba(255, 247, 238, 0.2), rgba(255, 247, 238, 0.08)),
                rgba(255, 255, 255, 0.08);
            box-shadow:
                0 0 0 1px rgba(255, 238, 216, 0.08),
                0 14px 34px rgba(0, 0, 0, 0.22);
        }

        .viewer__button.is-saved {
            border-color: rgba(255, 222, 180, 0.44);
            background:
                linear-gradient(180deg, rgba(139, 61, 47, 0.92), rgba(102, 42, 32, 0.92)),
                rgba(139, 61, 47, 0.88);
            color: #fff8f1;
        }

        .viewer__button--reading .reading-room-book,
        .viewer__button--reading .reading-room-line,
        .viewer__button--reading .reading-room-glow {
            transform-box: fill-box;
            transform-origin: center;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .viewer__button--reading:hover .reading-room-book,
        .viewer__button--reading:focus-visible .reading-room-book,
        .viewer__button--reading.is-active .reading-room-book {
            transform: translateY(-1px) scale(1.04);
        }

        .viewer__button--reading.is-active .reading-room-glow {
            transform: translateY(-1px);
            opacity: 0.9;
        }

        .viewer.is-reading-room .viewer__dialog {
            background:
                radial-gradient(circle at 50% 0%, rgba(255, 236, 214, 0.1), transparent 42%),
                linear-gradient(180deg, rgba(28, 21, 17, 0.98), rgba(12, 10, 9, 0.98));
        }

        .viewer.is-reading-room .viewer__top,
        .viewer.is-reading-room .viewer__bottom {
            background:
                linear-gradient(180deg, rgba(33, 25, 20, 0.62), rgba(20, 16, 14, 0.46)),
                rgba(18, 14, 12, 0.52);
            backdrop-filter: blur(28px) saturate(1.16);
            -webkit-backdrop-filter: blur(28px) saturate(1.16);
        }

        @media (hover: hover) and (pointer: fine) {
            .viewer.is-reading-room:not(:hover) .viewer__controls,
            .viewer.is-reading-room:not(:hover) .viewer__page-controls {
                opacity: 0.26;
                transform: translateY(-1px);
            }

            .viewer.is-reading-room .viewer__controls,
            .viewer.is-reading-room .viewer__page-controls {
                transition:
                    opacity var(--motion-duration-lg) var(--motion-ease-soft),
                    transform var(--motion-duration-lg) var(--motion-ease-standard);
            }
        }

        .viewer__button[data-tooltip]::after {
            content: attr(data-tooltip);
            position: absolute;
            left: 50%;
            bottom: calc(100% + 12px);
            transform: translate(-50%, 8px);
            opacity: 0;
            pointer-events: none;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(16, 13, 11, 0.96);
            border: 1px solid rgba(255, 241, 229, 0.14);
            color: #fff6ee;
            font-size: 0.67rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
            transition: opacity var(--motion-duration-sm) var(--motion-ease-soft), transform var(--motion-duration-sm) var(--motion-ease-standard);
            z-index: 180;
        }

        .viewer__button[data-tooltip]::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: calc(100% + 5px);
            width: 10px;
            height: 10px;
            background: rgba(16, 13, 11, 0.96);
            border-right: 1px solid rgba(255, 241, 229, 0.14);
            border-bottom: 1px solid rgba(255, 241, 229, 0.14);
            transform: translate(-50%, 8px) rotate(45deg);
            opacity: 0;
            pointer-events: none;
            transition: opacity var(--motion-duration-sm) var(--motion-ease-soft), transform var(--motion-duration-sm) var(--motion-ease-standard);
            z-index: 179;
        }

        .viewer__button[data-tooltip]:hover::after,
        .viewer__button[data-tooltip]:focus-visible::after {
            opacity: 1;
            transform: translate(-50%, 0);
        }

        .viewer__button[data-tooltip]:hover::before,
        .viewer__button[data-tooltip]:focus-visible::before {
            opacity: 1;
            transform: translate(-50%, 0) rotate(45deg);
        }

        .viewer__top .viewer__button[data-tooltip]::after {
            top: calc(100% + 12px);
            bottom: auto;
            transform: translate(-50%, -8px);
        }

        .viewer__top .viewer__button[data-tooltip]::before {
            top: calc(100% + 5px);
            bottom: auto;
            border-right: none;
            border-bottom: none;
            border-left: 1px solid rgba(255, 241, 229, 0.14);
            border-top: 1px solid rgba(255, 241, 229, 0.14);
            transform: translate(-50%, -8px) rotate(45deg);
        }

        .viewer__top .viewer__button[data-tooltip]:hover::after,
        .viewer__top .viewer__button[data-tooltip]:focus-visible::after {
            transform: translate(-50%, 0);
        }

        .viewer__top .viewer__button[data-tooltip]:hover::before,
        .viewer__top .viewer__button[data-tooltip]:focus-visible::before {
            transform: translate(-50%, 0) rotate(45deg);
        }

        .viewer__button-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
        }

        .viewer__button-icon svg {
            width: 20px;
            height: 20px;
            overflow: visible;
        }

        .viewer__button-icon svg * {
            vector-effect: non-scaling-stroke;
        }

        .viewer__button-icon .zoom-glass,
        .viewer__button-icon .zoom-handle,
        .viewer__button-icon .zoom-symbol {
            transform-box: fill-box;
            transform-origin: center center;
            transition: transform var(--motion-duration-md) var(--motion-ease-standard), opacity var(--motion-duration-md) var(--motion-ease-soft);
        }

        .viewer__button--icon:hover .zoom-glass,
        .viewer__button--icon:focus-visible .zoom-glass {
            transform: scale(1.08);
        }

        .viewer__button--icon:hover .zoom-handle,
        .viewer__button--icon:focus-visible .zoom-handle {
            transform: translate(1px, -1px) rotate(-8deg);
        }

        .viewer__button--icon:hover .zoom-symbol,
        .viewer__button--icon:focus-visible .zoom-symbol {
            transform: scale(1.12);
        }

        .viewer__body {
            position: relative;
            z-index: 1;
            flex: 1;
            min-height: 0;
            border-radius: 24px 24px 0 0;
            clip-path: inset(0 round 24px 24px 0 0);
            background:
                radial-gradient(circle at top, rgba(255, 239, 223, 0.08), transparent 28%),
                radial-gradient(circle at center, rgba(255, 255, 255, 0.04), transparent 36%),
                linear-gradient(180deg, #171310 0%, #110f0d 100%);
            overflow: hidden;
        }

        .viewer__stage {
            display: block;
            width: 100%;
            height: 100%;
            overflow: auto;
            overscroll-behavior: contain;
            padding:
                calc(var(--viewer-top-offset) + 14px)
                clamp(6px, 0.95vw, 12px)
                24px;
            scroll-padding-top: calc(var(--viewer-top-offset) + 18px);
            scrollbar-width: none;
            -ms-overflow-style: none;
            touch-action: pan-x pan-y;
            -webkit-overflow-scrolling: touch;
            position: relative;
        }

        .viewer__stage::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .viewer__stage.is-zoom-active {
            overflow: auto;
            touch-action: pan-x pan-y;
        }

        .viewer__scrollbar {
            position: absolute;
            top: calc(var(--viewer-top-offset) + 10px);
            right: 8px;
            bottom: 12px;
            width: 8px;
            pointer-events: none;
            opacity: 0;
            transform: translateX(4px);
            transition:
                opacity var(--motion-duration-sm) var(--motion-ease-soft),
                transform var(--motion-duration-sm) var(--motion-ease-standard);
            z-index: 12;
        }

        .viewer__scrollbar.is-visible {
            opacity: 0.64;
            transform: translateX(0);
        }

        .viewer__scrollbar.is-active {
            opacity: 0.92;
        }

        .viewer__scrollbar-thumb {
            position: absolute;
            top: 0;
            right: 0;
            width: 4px;
            min-height: 36px;
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 251, 245, 0.94), rgba(223, 206, 193, 0.92)),
                rgba(255, 255, 255, 0.84);
            box-shadow:
                0 8px 18px rgba(0, 0, 0, 0.18),
                0 0 0 1px rgba(255, 255, 255, 0.16);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .viewer__stage.is-desktop-pan-ready {
            cursor: grab;
        }

        .viewer__stage.is-desktop-panning {
            cursor: grabbing;
            user-select: none;
        }

        .viewer__stage.is-desktop-panning .viewer__surface,
        .viewer__stage.is-desktop-panning .viewer__surface * {
            user-select: none;
        }

        .viewer__surface {
            position: relative;
            display: block;
            width: 100%;
            min-width: 100%;
            max-width: none;
            height: auto;
            margin: 0 auto;
            transform: none;
            transform-origin: center top;
            will-change: width, min-height;
        }

        .viewer__surface.is-document-column {
            display: block;
            width: auto;
            max-width: none;
        }

        .viewer__surface.is-fit-width {
            transform-origin: center top;
        }

        .viewer__document {
            position: relative;
            display: block;
            margin: 0 auto;
            background: #fff;
            box-shadow:
                0 28px 72px rgba(0, 0, 0, 0.28),
                0 0 0 1px rgba(115, 90, 67, 0.12);
            border-radius: 12px;
            overflow: hidden;
            transition: opacity var(--motion-duration-md) var(--motion-ease-standard);
        }

        .viewer__document--image {
            line-height: 0;
        }

        .viewer__pdf-page {
            position: relative;
            width: auto;
            max-width: none;
            margin: 0 auto;
            display: block;
            background: #fff;
            box-shadow:
                0 28px 72px rgba(0, 0, 0, 0.28),
                0 0 0 1px rgba(115, 90, 67, 0.12);
            border-radius: 12px;
            overflow: hidden;
        }

        .viewer__pdf-highlight-layer,
        .viewer__image-highlight-layer {
            position: absolute;
            inset: 0;
            z-index: 6;
            pointer-events: none;
            overflow: hidden;
            border-radius: inherit;
        }

        .viewer__image-highlight-layer {
            border-radius: 12px;
        }

        .viewer__search-highlight {
            position: absolute;
            min-width: 18px;
            min-height: 16px;
            border-radius: 7px;
            border: 2px solid rgba(255, 165, 62, 0.92);
            background:
                linear-gradient(180deg, rgba(255, 239, 126, 0.58), rgba(255, 197, 77, 0.38)),
                rgba(255, 221, 80, 0.42);
            box-shadow:
                0 0 0 0 rgba(255, 190, 73, 0.34),
                0 0 28px rgba(255, 187, 69, 0.42),
                inset 0 1px 0 rgba(255, 255, 255, 0.54);
            opacity: 0;
            transform: scale(0.88);
            transform-origin: center;
            mix-blend-mode: multiply;
        }

        .viewer__search-highlight.is-visible {
            animation:
                viewerSearchReveal 920ms cubic-bezier(0.22, 1, 0.36, 1) forwards,
                viewerSearchPulse 1850ms cubic-bezier(0.22, 1, 0.36, 1) 680ms 2;
        }

        .viewer__search-highlight::after {
            content: "";
            position: absolute;
            inset: -10px;
            border-radius: 12px;
            border: 1px solid rgba(255, 185, 71, 0.52);
            opacity: 0;
            animation: viewerSearchHalo 1850ms cubic-bezier(0.22, 1, 0.36, 1) 520ms 2;
        }

        .viewer__pdf-page.is-search-soft-highlight,
        .viewer__surface img.is-search-soft-highlight {
            animation: viewerSearchDocumentPulse 1450ms cubic-bezier(0.22, 1, 0.36, 1) 1;
        }

        .viewer__pdf-page[data-motion="forward"] {
            animation: viewerPdfPageForward var(--motion-duration-lg) var(--motion-ease-standard);
        }

        .viewer__pdf-page[data-motion="backward"] {
            animation: viewerPdfPageBackward var(--motion-duration-lg) var(--motion-ease-standard);
        }

        .viewer__pdf-sheet {
            display: block;
            width: 100%;
            background: #fff;
            line-height: 0;
        }

        .viewer__surface .viewer__pdf-page canvas {
            width: 100%;
            max-width: none;
            margin: 0;
            display: block;
            background: #fff;
            box-shadow: none;
            border-radius: 0;
        }

        .viewer__surface .viewer__pdf-page canvas + canvas {
            margin-top: 0;
        }

        .viewer__pdf-raster-layer { position: absolute; inset: 0; pointer-events: none; }
        .viewer__pdf-tile { position: absolute; left: 0; width: 100%; overflow: hidden; background: #fff; }
        .viewer__pdf-tile canvas { height: 100%; }

        .viewer__surface img,
        .viewer__surface canvas {
            display: block;
            width: 100%;
            height: auto;
            margin: 0 auto;
            max-width: none;
            max-height: none;
            object-fit: contain;
            background: #fff;
            box-shadow: none;
            border-radius: 0;
            touch-action: auto;
        }



        .viewer__reading {
            display: grid;
            gap: 6px;
            min-width: 0;
        }

        .viewer__status {
            letter-spacing: 0.04em;
            text-transform: none;
        }

        .viewer__page-info {
            letter-spacing: 0.12em;
        }

        .viewer__pdf-controls {
            display: none;
        }

        .viewer__pdf-controls.is-visible {
            display: flex;
        }

        .viewer-filter-defs {
            position: absolute;
            width: 0;
            height: 0;
            overflow: hidden;
            pointer-events: none;
        }

        @media (hover: none) {
            .viewer__button[data-tooltip]::before,
            .viewer__button[data-tooltip]::after {
                display: none;
            }
        }

        @media (max-width: 760px) {
            .viewer__dialog {
                width: min(calc(100% - 8px), 1460px);
                height: min(calc(100dvh - 8px), 980px);
                margin: 4px auto;
                border-radius: 20px;
                --viewer-top-offset: 136px;
            }

            .viewer__top,
            .viewer__bottom {
                gap: 8px;
                padding: 10px;
            }

            .viewer__top {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                align-items: start;
                padding-right: 54px;
                border-radius: 20px 20px 0 0;
            }

            .viewer__bottom {
                align-items: end;
                border-radius: 0 0 20px 20px;
                padding-bottom: max(10px, env(safe-area-inset-bottom));
            }

            .viewer__body {
                border-radius: 20px 20px 0 0;
                clip-path: inset(0 round 20px 20px 0 0);
            }

            .viewer__meta {
                min-width: 0;
            }

            .viewer__meta span,
            .viewer__status,
            .viewer__page-info {
                font-size: 0.66rem;
                letter-spacing: 0.13em;
            }

            .viewer__meta strong {
                margin-top: 4px;
                font-size: clamp(1.28rem, 5.8vw, 1.7rem);
                line-height: 0.96;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: calc(100vw - 84px);
            }

            .viewer__meta em {
                margin-top: 5px;
                font-size: 0.75rem;
                line-height: 1.34;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .viewer__controls {
                width: 100%;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
                gap: 6px;
                overflow: visible;
                overflow-y: visible;
                padding-top: 4px;
                padding-bottom: 2px;
                padding-right: 46px;
            }

            .viewer__control-group,
            .viewer__share-wrap,
            .viewer__search-wrap {
                flex: 0 0 auto;
                max-width: 100%;
            }

            .viewer__control-group {
                gap: 5px;
                padding: 3px;
                flex-wrap: nowrap;
                border-radius: 999px;
            }

            .viewer__control-group--close {
                position: absolute;
                top: 10px;
                right: 10px;
                z-index: 170;
            }

            .viewer__share-wrap,
            .viewer__search-wrap {
                position: static;
                gap: 8px;
                align-items: flex-start;
            }

            .viewer__share-panel,
            .viewer__search-panel {
                position: fixed;
                top: auto;
                right: 12px;
                bottom: calc(env(safe-area-inset-bottom) + 10px);
                left: 12px;
                width: auto;
                max-width: none;
                max-height: min(58vh, 430px);
                padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
                border-radius: 22px;
                overflow: auto;
                overscroll-behavior: contain;
                -webkit-overflow-scrolling: touch;
                transform: translateY(18px) scale(0.98);
                transform-origin: center bottom;
            }

            .viewer__search-panel {
                max-height: min(52vh, 360px);
            }

            .viewer__share-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            .viewer__share-link {
                min-height: 50px;
            }

            .viewer__button {
                min-height: 36px;
                padding: 0 11px;
                font-size: 0.62rem;
                letter-spacing: 0.08em;
            }

            .viewer__button--icon {
                min-width: 36px;
            }

            .viewer__button-icon {
                width: 17px;
                height: 17px;
            }

            .viewer__button-icon svg {
                width: 17px;
                height: 17px;
            }

            .viewer__stage {
                padding:
                    calc(var(--viewer-top-offset) + 8px)
                    8px
                    14px;
            }

            .viewer__surface img,
            .viewer__surface canvas {
                border-radius: 10px;
            }

            .viewer__pdf-page {
                border-radius: 10px;
            }

            .viewer__reading {
                gap: 3px;
                flex: 1 1 150px;
            }

            .viewer__status {
                line-height: 1.32;
                letter-spacing: 0.02em;
                text-transform: none;
            }

            .viewer__page-info {
                letter-spacing: 0.1em;
            }

            .viewer__page-controls {
                gap: 6px;
                flex-wrap: nowrap;
                margin-left: auto;
            }
        }

        @media (max-width: 560px) {
            .viewer__dialog {
                width: 100%;
                height: 100dvh;
                margin: 0;
                border-radius: 0;
                border-left: 0;
                border-right: 0;
                --viewer-top-offset: 130px;
            }

            .viewer__top,
            .viewer__bottom {
                gap: 6px;
                padding: 8px;
            }

            .viewer__top {
                padding-right: 48px;
                border-radius: 0;
            }

            .viewer__bottom {
                border-radius: 0;
            }

            .viewer__body {
                border-radius: 0;
                clip-path: inset(0 round 0);
            }

            .viewer__controls {
                gap: 5px;
                padding-top: 4px;
                padding-right: 42px;
            }

            .viewer__control-group--close {
                top: 8px;
                right: 8px;
            }

            .viewer__meta span,
            .viewer__status,
            .viewer__page-info {
                font-size: 0.62rem;
                letter-spacing: 0.11em;
            }

            .viewer__meta strong {
                font-size: clamp(1.18rem, 6vw, 1.45rem);
                max-width: calc(100vw - 70px);
            }

            .viewer__meta em {
                display: none;
            }

            .viewer__control-group {
                padding: 2px;
                gap: 4px;
            }

            .viewer__button {
                min-height: 34px;
                padding: 0 9px;
            }

            .viewer__button--icon {
                min-width: 34px;
            }

            .viewer__button-icon {
                width: 16px;
                height: 16px;
            }

            .viewer__button-icon svg {
                width: 16px;
                height: 16px;
            }

            .viewer__share-panel,
            .viewer__search-panel {
                right: 8px;
                bottom: calc(env(safe-area-inset-bottom) + 8px);
                left: 8px;
                max-height: min(60vh, 400px);
                padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
                border-radius: 20px;
            }

            .viewer__share-link {
                min-height: 46px;
                padding: 0 12px;
                border-radius: 16px;
            }

            .viewer__share-link-label {
                font-size: 0.68rem;
            }

            .viewer__stage {
                padding: 8px 6px 12px;
            }
        }

        @media (max-width: 380px) {
            .viewer__controls {
                gap: 4px;
                padding-right: 40px;
            }

            .viewer__share-grid {
                grid-template-columns: minmax(0, 1fr);
            }
        }

        @keyframes viewerEnhanceBreath {
            0%,
            100% {
                transform: translateY(0) scale(1);
                box-shadow:
                    0 0 0 1px rgba(255, 226, 186, 0.1),
                    0 0 22px rgba(255, 193, 117, 0.16),
                    0 14px 30px rgba(0, 0, 0, 0.16);
            }

            50% {
                transform: translateY(-1px) scale(1.035);
                box-shadow:
                    0 0 0 1px rgba(255, 226, 186, 0.18),
                    0 0 36px rgba(255, 193, 117, 0.3),
                    0 18px 38px rgba(0, 0, 0, 0.2);
            }
        }

        @keyframes viewerEnhanceSpark {
            0%,
            100% {
                opacity: 0.66;
                transform: translate(0, 0) scale(1);
            }

            42% {
                opacity: 1;
                transform: translate(-1px, 1px) scale(1.2) rotate(-8deg);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .viewer__button--enhance.is-suggested,
            .viewer__button--enhance.is-suggested .enhance-spark {
                animation: none;
            }
        }

        @keyframes viewerPdfPageForward {
            from {
                opacity: 0;
                transform: translate3d(38px, 0, 0) scale(0.988);
                filter: blur(1.5px);
            }

            to {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes viewerPdfPageBackward {
            from {
                opacity: 0;
                transform: translate3d(-38px, 0, 0) scale(0.988);
                filter: blur(1.5px);
            }

            to {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes viewerSearchReveal {
            0% {
                opacity: 0;
                transform: scale(0.78);
                box-shadow:
                    0 0 0 0 rgba(255, 190, 73, 0),
                    0 0 0 rgba(255, 187, 69, 0);
            }

            48% {
                opacity: 1;
                transform: scale(1.12);
                box-shadow:
                    0 0 0 13px rgba(255, 190, 73, 0.26),
                    0 0 38px rgba(255, 187, 69, 0.58);
            }

            100% {
                opacity: 0.88;
                transform: scale(1);
                box-shadow:
                    0 0 0 3px rgba(255, 190, 73, 0.12),
                    0 0 30px rgba(255, 187, 69, 0.42);
            }
        }

        @keyframes viewerSearchPulse {
            0% {
                box-shadow:
                    0 0 0 2px rgba(255, 190, 73, 0.18),
                    0 0 28px rgba(255, 187, 69, 0.42);
            }

            46% {
                box-shadow:
                    0 0 0 15px rgba(255, 190, 73, 0.18),
                    0 0 44px rgba(255, 187, 69, 0.5);
            }

            100% {
                box-shadow:
                    0 0 0 3px rgba(255, 190, 73, 0.1),
                    0 0 30px rgba(255, 187, 69, 0.38);
            }
        }

        @keyframes viewerSearchHalo {
            0% {
                opacity: 0.6;
                transform: scale(0.94);
            }

            100% {
                opacity: 0;
                transform: scale(1.55);
            }
        }

        @keyframes viewerSearchDocumentPulse {
            0% {
                filter: none;
                box-shadow:
                    0 28px 72px rgba(0, 0, 0, 0.28),
                    0 0 0 1px rgba(115, 90, 67, 0.12);
            }

            45% {
                filter: saturate(1.06);
                box-shadow:
                    0 28px 72px rgba(0, 0, 0, 0.28),
                    0 0 0 7px rgba(255, 199, 91, 0.34),
                    0 0 46px rgba(255, 190, 73, 0.42);
            }

            100% {
                filter: none;
                box-shadow:
                    0 28px 72px rgba(0, 0, 0, 0.28),
                    0 0 0 1px rgba(115, 90, 67, 0.12);
            }
        }

        .press-back-button {
            --press-back-color: var(--ink);
            --press-back-border: rgba(24, 24, 24, 0.1);
            --press-back-bg: rgba(255, 255, 255, 0.72);
            --press-back-icon-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 238, 226, 0.76));
            --press-back-shadow: 0 14px 34px rgba(35, 23, 13, 0.08);
            display: inline-flex;
            justify-self: start;
            width: fit-content;
            max-width: 100%;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 48px;
            padding: 4px 16px 4px 4px;
            border: 1px solid var(--press-back-border);
            border-radius: 999px;
            background: var(--press-back-bg);
            color: var(--press-back-color);
            font: inherit;
            font-size: 0.76rem;
            font-weight: 900;
            letter-spacing: 0.1em;
            line-height: 1;
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow:
                var(--press-back-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.68);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            appearance: none;
            -webkit-appearance: none;
            transition:
                transform var(--motion-duration-md) var(--motion-ease-standard),
                border-color var(--motion-duration-md) var(--motion-ease-soft),
                background var(--motion-duration-md) var(--motion-ease-soft),
                box-shadow var(--motion-duration-md) var(--motion-ease-soft);
        }

        .press-back-button:hover,
        .press-back-button:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(139, 61, 47, 0.28);
            outline: none;
            box-shadow:
                0 20px 44px rgba(35, 23, 13, 0.14),
                inset 0 1px 0 rgba(255, 255, 255, 0.78);
        }

        .press-back-button__icon {
            position: relative;
            display: inline-grid;
            place-items: center;
            flex: 0 0 auto;
            width: 40px;
            height: 40px;
            border-radius: 999px;
            background: var(--press-back-icon-bg);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.78),
                0 8px 18px rgba(35, 23, 13, 0.08);
            overflow: hidden;
        }

        .press-back-button__icon::after {
            content: "";
            position: absolute;
            inset: 7px;
            border-radius: inherit;
            border: 1px solid currentColor;
            opacity: 0.1;
            pointer-events: none;
        }

        .press-back-button__icon svg {
            position: relative;
            z-index: 1;
            width: 19px;
            height: 19px;
            overflow: visible;
            transition: transform var(--motion-duration-md) var(--motion-ease-standard);
        }

        .press-back-button:hover .press-back-button__icon svg,
        .press-back-button:focus-visible .press-back-button__icon svg {
            transform: translateX(-2px);
        }

        .press-back-button__label {
            white-space: nowrap;
        }

        .press-back-button.press-back-button--icon-only {
            width: 44px;
            height: 44px;
            min-width: 44px;
            min-height: 44px;
            padding: 0;
            gap: 0;
        }

        .press-back-button--icon-only .press-back-button__icon {
            width: 100%;
            height: 100%;
            background: transparent;
            box-shadow: none;
        }

        .press-back-button--icon-only .press-back-button__label {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
        }

        @media (max-width: 699px) {
            .press-featured__button {
                grid-template-columns: 1fr;
                padding: 16px;
            }

            .press-featured__visual,
            .press-featured__visual img,
            .press-featured__visual canvas,
            .press-featured__visual .js-pdf-thumb {
                height: 240px;
                min-height: 0;
                max-height: 240px;
                border-radius: 24px;
            }

            .press-publications,
            .press-editorial-timeline {
                padding: 16px;
                border-radius: 26px;
            }

            .press-publications__grid {
                grid-template-columns: 1fr;
            }

            .editorial-year {
                grid-template-columns: 1fr;
                gap: 8px;
            }

            .editorial-year__months {
                gap: 5px;
                padding: 10px;
            }

            .archive-card-save {
                top: 10px;
                right: 10px;
                width: 38px;
                height: 38px;
            }

            .archive-coverflow {
                --cover-width: min(74vw, 292px);
                --cover-gap: clamp(14px, 4vw, 26px);
                margin-inline: 0;
                padding: 38px max(20px, calc((100% - var(--cover-width)) / 2)) 66px;
                scroll-padding-inline: max(20px, calc((100% - var(--cover-width)) / 2));
            }

            .archive-coverflow-scrollbar {
                width: min(420px, calc(100% - 26px));
                min-height: 38px;
                margin: -42px auto 24px;
                padding: 12px 14px;
            }

            .archive-coverflow-scrollbar__track {
                height: 13px;
            }

            .archive-coverflow article {
                flex-basis: var(--cover-width);
                width: var(--cover-width);
                margin-inline: 0;
            }

            .archive-coverflow .archive-card__body {
                inset: auto 10px 10px;
                padding: 12px;
                border-radius: 18px;
            }

            .archive-coverflow .archive-card__title {
                font-size: clamp(1.24rem, 7vw, 1.55rem);
            }

            .archive-coverflow .archive-card__publication,
            .archive-coverflow .archive-card__story {
                font-size: 0.62rem;
            }

            .archive-list .archive-card {
                grid-template-columns: 94px minmax(0, 1fr);
                min-height: 124px;
                border-radius: 20px;
            }

            .archive-list .archive-card__visual {
                width: 82px;
                height: 104px;
                min-height: 104px;
                margin: 10px 0 10px 10px;
                border-radius: 18px;
            }

            .archive-list .archive-card__body {
                padding: 13px 14px 13px 12px;
            }

            .archive-list .archive-card__title {
                font-size: clamp(1.2rem, 6vw, 1.42rem);
            }

            .archive-quicklook {
                padding:
                    max(8px, env(safe-area-inset-top))
                    max(8px, env(safe-area-inset-right))
                    max(8px, env(safe-area-inset-bottom))
                    max(8px, env(safe-area-inset-left));
            }

            .archive-quicklook__dialog {
                width: calc(100vw - 16px);
                height: calc(100dvh - 16px);
                min-height: 0;
                border-radius: 24px;
            }

            .archive-quicklook__chrome {
                min-height: 58px;
                gap: 10px;
                padding: 8px 10px;
            }

            .archive-quicklook__traffic {
                gap: 6px;
            }

            .archive-quicklook__traffic span {
                width: 10px;
                height: 10px;
            }

            .archive-quicklook__chrome-title strong {
                max-width: 54vw;
                font-size: 0.68rem;
                letter-spacing: 0.06em;
            }

            .archive-quicklook__chrome-title span {
                display: none;
            }

            .archive-quicklook__controls {
                gap: 6px;
            }

            .archive-quicklook__nav-button,
            .archive-quicklook__close {
                width: 38px;
                height: 38px;
            }

            .archive-quicklook__media {
                padding: 10px;
            }

            .archive-quicklook__media img,
            .archive-quicklook__pdf-render canvas {
                max-height: calc(100dvh - 230px);
                border-radius: 14px;
            }

            .archive-quicklook__bar {
                grid-template-columns: 1fr;
                gap: 12px;
                padding: 14px;
            }

            .archive-quicklook__title {
                font-size: clamp(1.55rem, 7.5vw, 2.15rem);
            }

            .archive-quicklook__meta {
                font-size: 0.86rem;
                line-height: 1.45;
            }

            .archive-quicklook__actions {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

            .archive-quicklook__button {
                min-height: 44px;
                padding: 0 12px;
                font-size: 0.66rem;
                letter-spacing: 0.08em;
            }

            .archive-quicklook__hint {
                justify-content: center;
                font-size: 0.66rem;
            }
        }

        @media (max-width: 699px) {
            .page {
                width: 100%;
                padding: 10px 10px 42px;
            }

            .hero {
                padding: 0 0 14px;
            }

            .hero__frame {
                gap: 16px;
                padding: 18px 14px 16px;
                border-radius: 26px;
            }

            .hero__frame::before {
                inset: 10px;
                border-radius: 22px;
            }

            .hero .hero__title {
                max-width: 9ch;
                margin-top: 14px;
                font-size: clamp(3.15rem, 16.5vw, 4.65rem);
                line-height: 0.86;
            }

            .hero__intro {
                margin-top: 12px;
                font-size: 0.98rem;
                line-height: 1.62;
            }

            .hero__brands {
                gap: 8px;
                margin-top: 14px;
            }

            .hero__brand {
                min-height: 32px;
                padding: 0 10px;
                font-size: 0.68rem;
                letter-spacing: 0.07em;
            }

            .hero__aside {
                gap: 10px;
                padding: 16px;
                border-radius: 20px;
            }

            .hero__aside-title {
                font-size: clamp(1.75rem, 8vw, 2.35rem);
            }

            .hero__aside-copy {
                font-size: 0.94rem;
                line-height: 1.6;
            }

            .stats {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 7px;
                margin-top: 16px;
            }

            .hero-stat-card {
                grid-template-columns: 24px minmax(0, 1fr);
                gap: 8px;
                min-height: 94px;
                padding: 10px 8px;
                border-radius: 14px;
                border-left-width: 3px;
            }

            .hero-stat-card__icon {
                width: 24px;
                height: 24px;
                border-radius: 8px;
            }

            .hero-stat-card__number {
                font-size: clamp(1.7rem, 7vw, 2.2rem);
            }

            .hero-stat-card__copy { grid-column: 1 / -1; }
            .hero-stat-card__label { font-size: 0.58rem; letter-spacing: 0.06em; }

            .hero-stat-card__text {
                display: none;
            }

            .hero__utility {
                max-width: none;
                margin-top: 14px;
            }

            .hero__utility.is-panel-open {
                gap: 8px;
            }

            .hero__tools {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                width: 100%;
                padding: 7px;
                border-radius: 22px;
            }

            .hero-tool--desktop-only {
                display: none !important;
            }

            .hero-tool {
                justify-content: center;
                gap: 7px;
                min-height: 54px;
                padding: 0 8px;
                border-radius: 18px;
            }

            .hero-tool__icon {
                width: 32px;
                height: 32px;
            }

            .hero-tool__icon::before {
                inset: 6px;
            }

            .hero-tool__icon svg {
                width: 18px;
                height: 18px;
            }

            .hero-tool__label {
                font-size: 0.62rem;
                letter-spacing: 0.08em;
            }

            .hero__panels {
                max-width: none;
            }

            .hero-panel {
                gap: 12px;
                max-height: min(74vh, 620px);
                padding: 16px;
                border-radius: 22px;
                overflow: auto;
                overscroll-behavior: contain;
                -webkit-overflow-scrolling: touch;
            }

            .hero-panel__head {
                gap: 8px;
            }

            .hero-panel__title {
                font-size: clamp(1.55rem, 8vw, 2.25rem);
            }

            .hero-panel__hint {
                font-size: 0.9rem;
                line-height: 1.55;
            }

            .hero-panel__grid,
            .hero-panel__modes {
                gap: 10px;
            }

            .hero-panel__field span {
                font-size: 0.68rem;
            }

            .hero-panel__search,
            .hero-panel__select {
                min-height: 48px;
            }

            .hero-panel__actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .hero-panel__button,
            .hero-panel__reset {
                width: 100%;
                min-height: 48px;
            }

            .press-ticker {
                min-height: 42px;
                margin: 0 -2px 16px;
                border-radius: 18px;
            }

            .press-ticker__item {
                min-height: 42px;
                padding: 0 12px;
            }

            .press-ticker__kicker {
                display: none;
            }

            .press-ticker__title {
                font-size: 0.8rem;
            }

            .overview-head {
                margin-bottom: 14px;
            }

            .overview-head h2 {
                font-size: clamp(2.05rem, 10vw, 3rem);
            }

            .overview-head__copy {
                font-size: 0.92rem;
                line-height: 1.6;
            }

            .year-directory-section,
            .press-featured,
            .press-publications,
            .press-editorial-timeline {
                border-radius: 26px;
            }

            .year-directory-section {
                margin-bottom: 18px;
                padding: 16px 12px 14px;
            }

            .year-directory-grid {
                gap: 14px;
            }

            .year-directory-card {
                border-radius: 24px;
            }

            .year-directory-card__visual {
                min-height: 230px;
                border-radius: 22px;
            }

            .year-directory-card__year {
                font-size: clamp(3.4rem, 20vw, 5rem);
            }

            .year-directory-card__mosaic {
                inset: 46px 14px 18px;
                transform: scale(0.92);
            }

            .year-directory-card__body {
                padding: 16px;
            }

            .year-directory-card__excerpt {
                display: none;
            }

            .year-directory-card__meta {
                gap: 6px;
            }

            .archive-detail__top {
                gap: 10px;
                margin-bottom: 14px;
            }

            .archive-detail__back {
                justify-content: center;
                width: fit-content;
                min-height: 46px;
            }

            .year-nav {
                top: 8px;
                flex-wrap: nowrap;
                gap: 8px;
                margin: 12px 0 14px;
                padding: 8px;
                overflow-x: auto;
                border-radius: 18px;
                scroll-padding-inline: 8px;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
            }

            .year-nav::-webkit-scrollbar {
                display: none;
            }

            .year-tab {
                flex: 0 0 auto;
                min-height: 42px;
                padding: 0 14px;
            }

            .year-tab__count {
                min-width: 24px;
                height: 24px;
                font-size: 0.72rem;
            }

            .section-head {
                gap: 10px;
                margin: 8px 0 16px;
                padding-bottom: 12px;
            }

            .section-head h2 {
                font-size: clamp(1.95rem, 9.5vw, 2.75rem);
            }

            .section-head__meta {
                font-size: 0.88rem;
            }

            .archive-detail__filters {
                gap: 10px;
                margin-bottom: 14px;
                padding: 12px;
                border: 1px solid rgba(24, 24, 24, 0.08);
                border-radius: 22px;
                background: rgba(255, 255, 255, 0.58);
                box-shadow: 0 14px 34px rgba(35, 23, 13, 0.06);
            }

            .archive-detail__stories {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            .archive-detail__story {
                min-height: 42px;
                padding: 0 10px;
                font-size: 0.68rem;
                letter-spacing: 0.06em;
            }

            .archive-detail__sort,
            .archive-detail__view {
                width: 100%;
                max-width: none;
            }

            .archive-view-switcher {
                width: 100%;
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .archive-view-switcher__button {
                width: auto;
                min-height: 42px;
            }

            .archive-grid {
                gap: 14px;
            }

            .archive-card {
                border-radius: 24px;
            }

            .archive-card__visual {
                min-height: 270px;
                border-radius: 22px;
            }

            .archive-card__body {
                gap: 10px;
                padding: 16px;
            }

            .archive-card__title {
                font-size: clamp(1.42rem, 7.2vw, 1.9rem);
                line-height: 0.98;
            }

            .archive-card__meta-grid,
            .archive-card__details {
                gap: 6px;
            }

            .archive-card__meta-pill,
            .archive-card__story,
            .archive-card__publication,
            .archive-card__detail {
                min-height: 26px;
                padding: 0 8px;
                font-size: 0.62rem;
            }

            .archive-card__folder {
                display: none;
            }

            .archive-card__action {
                margin-top: 2px;
            }

            .archive-card__pdf-loader {
                width: 132px;
                height: 132px;
            }

            .archive-list .archive-card {
                grid-template-columns: 86px minmax(0, 1fr);
                min-height: 112px;
            }

            .archive-list .archive-card__visual {
                width: 72px;
                height: 96px;
                min-height: 96px;
                margin: 8px 0 8px 8px;
            }

            .archive-list .archive-card__body {
                padding: 12px 12px 12px 10px;
            }

            .archive-list .archive-card__title {
                font-size: clamp(1.05rem, 5.4vw, 1.32rem);
            }

            .archive-coverflow {
                --cover-width: min(78vw, 310px);
                --cover-gap: 18px;
                padding-bottom: 58px;
            }

            .archive-coverflow-scrollbar {
                width: calc(100% - 20px);
                margin-top: -38px;
                margin-bottom: 20px;
            }

            .site-footer {
                margin-top: 28px;
                padding: 22px 16px;
                border-radius: 26px;
            }

            .site-footer__heading {
                font-size: clamp(2rem, 10vw, 2.8rem);
            }

            .site-footer__block {
                padding: 12px 0;
            }
        }

        @media (max-width: 760px) {
            .viewer__dialog {
                --viewer-top-offset: 112px;
            }

            .viewer__top {
                gap: 6px;
                padding: 8px 48px 8px 8px;
            }

            .viewer__meta strong {
                margin-top: 3px;
                max-width: calc(100vw - 78px);
                font-size: clamp(1.08rem, 5vw, 1.42rem);
                -webkit-line-clamp: 1;
            }

            .viewer__meta span {
                font-size: 0.58rem;
                letter-spacing: 0.1em;
            }

            .viewer__meta em {
                margin-top: 3px;
                font-size: 0.68rem;
            }

            .viewer__controls {
                width: auto;
                max-width: calc(100vw - 58px);
                flex-wrap: nowrap;
                gap: 5px;
                padding: 3px 0 0;
                overflow-x: auto;
                overflow-y: visible;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
            }

            .viewer__controls::-webkit-scrollbar {
                display: none;
            }

            .viewer__control-group {
                gap: 4px;
                padding: 2px;
                flex-wrap: nowrap;
            }

            .viewer__button {
                min-width: 34px;
                min-height: 34px;
                padding: 0 9px;
            }

            .viewer__button:not(.viewer__button--icon):not(.viewer__button--close) {
                padding-inline: 10px;
            }

            .viewer__button--close {
                min-width: 40px;
            }

            .viewer__bottom {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 8px;
                padding:
                    8px
                    max(8px, env(safe-area-inset-right))
                    max(8px, env(safe-area-inset-bottom))
                    max(8px, env(safe-area-inset-left));
            }

            .viewer__status {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .viewer__page-controls {
                gap: 5px;
            }

            .viewer__stage {
                padding:
                    calc(var(--viewer-top-offset) + 8px)
                    4px
                    10px;
            }

            .viewer__surface img,
            .viewer__surface canvas,
            .viewer__pdf-page {
                border-radius: 8px;
            }

            .viewer__share-panel,
            .viewer__search-panel {
                z-index: 3200;
                max-height: min(68dvh, 520px);
                bottom: max(8px, env(safe-area-inset-bottom));
            }
        }

        @media (max-width: 560px) {
            .viewer__dialog {
                --viewer-top-offset: 104px;
            }

            .viewer__controls {
                max-width: calc(100vw - 52px);
            }

            .viewer__stage {
                padding:
                    calc(var(--viewer-top-offset) + 6px)
                    3px
                    8px;
            }
        }

        @media (min-width: 700px) {
            .page {
                width: min(calc(100% - 34px), var(--max));
            }

            .hero__frame {
                padding: 34px 28px;
            }

            .hero__utility {
                max-width: 680px;
            }

            .hero-panel__modes {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .hero-panel__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .story-journeys {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .press-desk__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .press-ticker::before,
            .press-ticker::after {
                width: 72px;
            }

            .year-directory-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .archive-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .archive-detail__filters {
                grid-template-columns: minmax(0, 1fr) 240px;
                align-items: end;
            }

            .site-footer {
                padding: 32px 28px 34px;
            }

            .site-footer__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
            }

            .site-footer__block {
                padding: 0;
                border-top: 0;
            }
        }

        @media (min-width: 980px) {
            .hero__frame {
                grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
                align-items: start;
            }
        }

        @media (min-width: 1080px) {
            .hero-panel__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .archive-detail__filters {
                grid-template-columns: minmax(0, 1fr) 240px auto;
                align-items: end;
            }

            .press-desk__grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .year-directory-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .archive-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        [hidden] { display: none !important; }
        body > .viewer__share-panel, body > .viewer__search-panel { position: fixed; z-index: 2600; max-width: none; overflow: auto; overscroll-behavior: contain; }
        body > .viewer__share-panel.is-open, body > .viewer__search-panel.is-open { opacity: 1; transform: none; pointer-events: auto; }
        .viewer__share-extra { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
        .viewer__share-extra-label { display: none; }
        .viewer__share-extra .viewer__share-extra-label { display: inline; font-size: .75rem; }
        .viewer__share-extra .viewer__button { min-height: 44px; gap: 8px; padding: 0 14px; flex: 1; }
        a.viewer__button--download{text-decoration:none}
        .viewer__zoom-slider{display:flex;align-items:center;gap:10px;width:240px;max-width:100%;min-height:32px;color:#fff8f1;font-size:.72rem;letter-spacing:.04em;text-transform:none}
        .viewer__zoom-slider input{appearance:none;-webkit-appearance:none;min-width:40px;flex:1;width:100%;height:32px;padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:ew-resize;touch-action:pan-y;accent-color:#ead5bd}
        .viewer__zoom-slider input::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,#ead5bd var(--zoom-progress,13%),rgba(255,248,241,.22) var(--zoom-progress,13%))}
        .viewer__zoom-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#fff8f1;box-shadow:0 2px 8px rgba(0,0,0,.3)}
        .viewer__zoom-slider input::-moz-range-track{height:4px;border-radius:99px;background:rgba(255,248,241,.22)}
        .viewer__zoom-slider input::-moz-range-progress{height:4px;border-radius:99px;background:#ead5bd}
        .viewer__zoom-slider input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#fff8f1}
        .viewer__zoom-slider input:focus-visible{outline:2px solid #ead5bd;outline-offset:2px;border-radius:6px}
        .viewer__zoom-slider input:disabled{opacity:.4;cursor:default}
        .viewer__zoom-slider output{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}
        .viewer__button--download:hover .download-arrow,.viewer__button--download:focus-visible .download-arrow{transform:translateY(2px)}
        .download-arrow{transition:transform 500ms cubic-bezier(.22,1,.36,1)}
        @media(prefers-reduced-motion:reduce){.download-arrow{transition:none}.viewer__button--download:hover .download-arrow,.viewer__button--download:focus-visible .download-arrow{transform:none}}
        @media (max-width: 760px) {
            .viewer__top { padding: 8px; }
            .viewer__button[data-tooltip]::before, .viewer__button[data-tooltip]::after { display: none; }
            .viewer__meta { padding-right: 52px; }
            .viewer__controls { width: 100%; max-width: 100%; flex-wrap: wrap; overflow: visible; padding-right: 0; gap: 4px; justify-content: flex-start; }
            .viewer__controls .viewer__control-group { padding: 2px; gap: 3px; }
            .viewer__controls .viewer__button { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; }
            .viewer__top > .viewer__control-group--close { position: absolute; top: 8px; right: 8px; z-index: 300; }
            .viewer__top > .viewer__control-group--close .viewer__button { min-width: 38px; min-height: 38px; }
        }

        /* Keep every control reachable; only the surrounding reading chrome recedes. */
        .viewer__dialog {
            --viewer-chrome-duration: 720ms;
            --viewer-chrome-ease: cubic-bezier(0.22, 1, 0.36, 1);
        }

        .viewer__top,
        .viewer__bottom {
            transition:
                padding var(--viewer-chrome-duration) var(--viewer-chrome-ease),
                gap var(--viewer-chrome-duration) var(--viewer-chrome-ease);
        }

        .viewer__top { align-items: flex-start; }
        .viewer__meta { flex: 1 1 220px; max-width: 100%; }
        .viewer__meta span { display: block; max-height: 24px; }
        .viewer__meta em { max-height: 60px; }
        .viewer__status { max-height: 44px; }
        .viewer__meta span,
        .viewer__meta em,
        .viewer__status {
            overflow: hidden;
            transition:
                max-height var(--viewer-chrome-duration) var(--viewer-chrome-ease),
                margin var(--viewer-chrome-duration) var(--viewer-chrome-ease),
                opacity 420ms ease;
        }

        .viewer__meta strong {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.12;
            transition:
                font-size var(--viewer-chrome-duration) var(--viewer-chrome-ease),
                margin var(--viewer-chrome-duration) var(--viewer-chrome-ease);
        }

        .viewer__reading {
            transition: gap var(--viewer-chrome-duration) var(--viewer-chrome-ease);
        }

        .viewer__stage { overflow-anchor: none; }

        .viewer.is-chrome-compact .viewer__top {
            padding-top: 8px;
            padding-bottom: 8px;
            gap: 8px;
        }

        .viewer.is-chrome-compact .viewer__meta span,
        .viewer.is-chrome-compact .viewer__meta em,
        .viewer.is-chrome-compact .viewer__status {
            max-height: 0;
            margin-top: 0;
            margin-bottom: 0;
            opacity: 0;
        }

        .viewer.is-chrome-compact .viewer__meta strong {
            margin-top: 0;
            font-size: 1.3rem;
        }

        .viewer.is-chrome-compact .viewer__bottom {
            padding-top: 5px;
            padding-bottom: 5px;
            gap: 6px;
        }

        .viewer.is-chrome-compact .viewer__reading { gap: 0; }

        @media (max-width: 760px) {
            .viewer.is-chrome-compact .viewer__top {
                gap: 3px;
                padding-top: 6px;
                padding-bottom: 6px;
            }
            .viewer.is-chrome-compact .viewer__meta strong { font-size: 0.95rem; }
            .viewer.is-chrome-compact .viewer__bottom {
                padding-bottom: max(5px, env(safe-area-inset-bottom));
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .viewer__dialog { --viewer-chrome-duration: 0ms; }
            .viewer__meta span,
            .viewer__meta em,
            .viewer__status { transition: none; }
        }
        .is-embedded-reader { margin: 0; overflow: hidden; background: #171311; }
        .is-embedded-reader:not(.is-embedded-missing) main.page { display: none; }
        .is-embedded-reader .site-footer { display: none; }
        .is-embedded-reader .viewer__dialog { width: 100%; height: 100vh; height: 100dvh; max-height: none; margin: 0; border: 0; border-radius: 0; }
        .is-embedded-reader .viewer__backdrop { display: none; }
        .is-embedded-reader #viewerPrevDoc, .is-embedded-reader #viewerNextDoc,
        .is-embedded-reader #viewerShareWrap, .is-embedded-reader #viewerReadingMode { display: none; }
        .is-embedded-reader .viewer__controls > .viewer__control-group:first-child { display: none; }
        .is-embedded-missing { overflow: auto; background: #f7f2ea; }
        .is-embedded-missing .press-seo-breadcrumb, .is-embedded-missing .press-seo-read { display: none; }

        /* Direct editorial pages share the tools without repeating the home masthead. */
        .hero--compact .hero__frame { grid-template-columns: 1fr; padding: 20px 24px; gap: 0; }
        .hero--compact .hero__content { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; }
        .hero--compact .hero__eyebrow, .hero--compact .hero__brands { grid-column: 1; margin: 0; }
        .hero.hero--compact .hero__title { grid-column: 1; margin: 0; font-size: clamp(1.8rem, 3vw, 2.6rem); max-width: none; line-height: 1.05; }
        .hero--compact .hero__intro, .hero--compact .stats, .hero--compact .hero__aside { display: none; }
        .hero--compact .hero__utility { grid-column: 2; grid-row: 1 / span 3; margin: 0; max-width: 100%; }
        .hero--compact .hero__utility.is-panel-open { grid-column: 1 / -1; grid-row: 4; justify-self: stretch; width: 100%; }
        .press-seo-page[data-page-kind="archive"] { padding-top: 20px; }
        .press-seo-page[data-page-kind="archive"] .press-seo-breadcrumb { margin-bottom: 18px; }
        .press-seo-page .public-archive-intro { line-height: 1.55; }
        @media (max-width: 699px) {
            .hero--compact .hero__frame { padding: 16px; }
            .hero--compact .hero__content { display: block; }
            .hero--compact .hero__brands { margin: 8px 0; }
            .hero--compact .hero__utility { margin-top: 12px; }
            .press-seo-page[data-page-kind="archive"] h1 { font-size: clamp(2.1rem, 9vw, 3rem); margin: 12px 0; }
            #publicArchiveForm { grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); align-items: end; }
            #publicArchiveForm .archive-detail__stories { grid-column: 1 / -1; }
            #publicArchiveSort { min-width: 0; padding-inline: 10px; }
            .results-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); gap: 12px; }
            .results-toolbar .archive-detail__sort, .results-toolbar .archive-detail__view { width: auto; }
            .results-toolbar .collection-actions__button { grid-column: 1 / -1; margin-left: 0; justify-self: start; }
            #resultsSortSelect { min-width: 0; padding-inline: 10px; }
        }
        .press-scriptless-probe { max-width: var(--max); margin: 18px auto; padding: 20px 24px; border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: 16px; background: var(--paper-soft); color: var(--ink); }
        .press-scriptless-probe strong { display: block; font-size: 1.1rem; line-height: 1.4; }
        .press-scriptless-probe p { margin: 8px 0 12px; font-size: .85rem; line-height: 1.6; color: var(--muted); }
        .press-scriptless-probe a { color: var(--accent); font-size: .85rem; font-weight: 700; }
        @media(max-width: 700px) { .press-scriptless-probe { margin: 12px; padding: 18px; } }
/* Uploaded publication identities keep their aspect ratio in every archive view. */
.press-publication{display:inline-flex;align-items:center;gap:10px;max-width:100%;vertical-align:middle}
.press-publication>span{min-width:0;overflow-wrap:anywhere;white-space:normal}
.press-publication__logo{display:inline-block;width:86px!important;height:32px!important;max-width:28vw;object-fit:contain;object-position:center;background:#fffdf8;border-radius:5px;padding:4px;box-sizing:border-box;vertical-align:middle;margin-right:8px;flex-shrink:0}
.press-publication>.press-publication__logo{margin-right:0}
#viewerPath .press-publication__logo,.chronicle__focus-meta .press-publication__logo,#chronicleHovercardMeta .press-publication__logo{width:72px!important;height:26px!important}
.press-ticker__kicker .press-publication__logo{width:54px!important;height:18px!important;padding:2px}
@media(max-width:600px){.press-publication__logo{width:68px!important;height:26px!important}.press-publication{gap:7px}#viewerPath .press-publication__logo{width:52px!important;height:20px!important}}