.button.homepage-action { --action-rest:#850e14; --action-hover:#b12432; --action-pressed:#590910; --action-ink:#fff; --action-border:#9b3e30; --action-highlight:#d8b16c; width:auto; min-height:2.8rem; padding:.55rem .8rem; gap:.85rem; font-family:var(--serif); font-size:1.125rem; font-weight:400; line-height:1.15; text-align:center; text-decoration:none; color:var(--action-ink); background-color:var(--action-rest); background-image:linear-gradient(115deg,#ffffff09,#00000009); border:1px solid var(--action-border); border-radius:.15rem; box-shadow:inset 0 0 .2rem #e58d5c22; transition:background-color .26s ease, border-color .26s ease, box-shadow .26s ease; touch-action:manipulation; -webkit-tap-highlight-color:#b78b5050; } .button.homepage-action-secondary { --action-rest:#f8f0e2; --action-hover:#eadcc7; --action-pressed:#d8c6a9; --action-ink:var(--ink); --action-border:#b68a50; --action-highlight:#936a32; } .homepage-action > .button-label { display:block; } .homepage-action > .button-arrow { display:block; position:relative; width:1.2rem; height:.8rem; flex:0 0 1.2rem; font-size:0; transform:translateX(0); transition:transform .28s cubic-bezier(.22,1,.36,1); } .homepage-action > .button-arrow::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:1px solid currentColor; } .homepage-action > .button-arrow::after { content:""; position:absolute; right:0; top:calc(50% - .22rem); width:.45rem; height:.45rem; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); } @media (hover:hover) and (pointer:fine) { .button.homepage-action:hover { color:var(--action-ink); background-color:var(--action-hover); border-color:var(--action-highlight); text-decoration:none; box-shadow:0 3px 7px #24101940, inset 0 1px 0 #f1d08070; } .homepage-action:hover > .button-arrow { transform:translateX(5px); } } .button.homepage-action:focus-visible { outline:3px solid #173e57; outline-offset:4px; box-shadow:0 0 0 4px #fff2d8; } .navy-section .button.homepage-action:focus-visible { outline-color:#ffe3a0; box-shadow:0 0 0 4px #152e40; } .button.homepage-action:active, .button.homepage-action[data-touch-pressed="true"] { color:var(--action-ink); background-color:var(--action-pressed); border-color:var(--action-highlight); box-shadow:inset 0 2px 4px #26050950; transition-duration:0s; } .homepage-action:active > .button-arrow, .homepage-action[data-touch-pressed="true"] > .button-arrow { transform:translateX(3px); }  .button.homepage-action[data-touch-pressed="false"]:active { background-color:var(--action-rest); border-color:var(--action-border); box-shadow:inset 0 0 .2rem #e58d5c22; } .homepage-action[data-touch-pressed="false"]:active > .button-arrow { transform:translateX(0); } @media (prefers-reduced-motion:reduce) { .button.homepage-action,.homepage-action > .button-arrow { transition:none; } .homepage-action > .button-arrow, .homepage-action:hover > .button-arrow, .homepage-action:active > .button-arrow, .homepage-action[data-touch-pressed] > .button-arrow { transform:none; } }  @media (max-width:600px) and (orientation:portrait) { [data-pass146="home"] .hero-copy { padding-top:28px; padding-right:0; } [data-pass146="home"] .hero-copy .kicker { position:static; margin-bottom:14px; line-height:1.5; white-space:normal; text-wrap:balance; } [data-pass146="home"] .hero-copy .button-row { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; width:min(100%,280px); margin-inline:auto; } [data-pass146="home"] .hero-copy .homepage-action { display:grid; grid-template-columns:20px minmax(0,1fr) 20px; width:100%; min-height:48px; gap:8px; } [data-pass146="home"] .hero-copy .button-label { grid-column:2; } [data-pass146="home"] .hero-copy .button-arrow { grid-column:3; }  [data-pass146="home"] .gateway-card:is([href="/rare-documents/"],[href="/vintage-mobiles/"],[href="/great-designs/"]) { height:auto; min-height:0; align-items:center; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:12px; } [data-pass146="home"] .gateway-card:is([href="/rare-documents/"],[href="/vintage-mobiles/"],[href="/great-designs/"]) .gateway-image, [data-pass146="home"] .gateway-card:is([href="/rare-documents/"],[href="/vintage-mobiles/"],[href="/great-designs/"]) .gateway-image picture, [data-pass146="home"] .gateway-card:is([href="/rare-documents/"],[href="/vintage-mobiles/"],[href="/great-designs/"]) .gateway-image img { display:block; width:100%; height:auto; } [data-pass146="home"] .gateway-copy .gateway-arrow { flex-shrink:0; } [data-pass146="home"] .era-link { height:auto; min-height:0; padding-block:12px; } [data-pass146="home"] .era-arrow { margin-top:12px; } [data-pass146="home"] .books-four .book-edition { display:flex; flex-direction:column; } [data-pass146="home"] .books-four .book-edition > .button { align-self:center; margin-top:20px; } [data-pass146="home"] .document-identity { margin-top:24px; } [data-pass146="home"] .archive-actions { display:flex; justify-content:center; margin-top:20px; } [data-pass146="home"] .archive-collection { margin-top:36px; } [data-pass146="home"] .archive-collection-body > p { margin-block:24px; }  [data-pass146="home"] .archive-document-arrangement { width:100%; max-width:360px; margin-inline:auto; } [data-pass146="home"] .archive-document-sheets { position:relative; aspect-ratio:893 / 576; } [data-pass146="home"] .archive-sheet { position:absolute; display:block; height:auto; background:#fffdf7; border:1px solid #d2c6b3; box-shadow:.1rem .18rem .25rem #55402830; } [data-pass146="home"] .archive-sheet img { display:block; width:100%; height:auto; } [data-pass146="home"] .archive-sheet-spectrum { left:5%; top:6%; width:36%; transform:rotate(-8deg); } [data-pass146="home"] .archive-sheet-working { left:58%; top:7%; width:34%; transform:rotate(9deg); } [data-pass146="home"] .archive-sheet-declaration { left:31%; top:3%; width:37%; transform:rotate(-2deg); } [data-pass146="home"] .archive-document-arrangement figcaption { font:12px/1.5 var(--sans); text-align:center; } [data-pass146="home"] .about-photo { height:auto; align-self:start; } [data-pass146="home"] .about-photo :is(a,picture,img) { display:block; width:100%; height:auto; } [data-pass146="home"] .about-photo img { transform:none; } }  @media (max-width:900px) and (max-height:500px) and (orientation:landscape) { [data-pass146="home"] .hero .wrap.hero-grid, [data-pass146="home"] .books-section > .wrap, [data-pass146="home"] .story-grid, [data-pass146="home"] .archive-features, [data-pass146="home"] .about-grid { width:calc(100% - 40px); margin-inline:auto; } [data-pass146="home"] .hero-grid { grid-template-columns:minmax(0,1fr); } [data-pass146="home"] .hero #hero-title { display:flex; flex-wrap:nowrap; gap:.25em; font-size:clamp(28px,5vw,40px); white-space:nowrap; } [data-pass146="home"] #hero-title span { font-size:inherit; } [data-pass146="home"] .book-editions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 32px; } [data-pass146="home"] .books-four .book-edition { display:flex; flex-direction:column; min-width:0; } [data-pass146="home"] .books-four .book-edition .edition-cover { display:flex; align-items:center; justify-content:center; width:160px; height:255px; margin:0 auto 16px; } [data-pass146="home"] .books-four .book-edition .edition-cover img { width:100%; height:100%; object-fit:contain; } [data-pass146="home"] .books-four .edition-description { margin:12px 0 20px; line-height:1.5; } [data-pass146="home"] .books-four .book-edition > .button { align-self:center; margin-top:auto; } [data-pass146="home"] .story-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:center; } [data-pass146="home"] .story-reference-art { height:auto; min-height:0; max-height:none; overflow:visible; } [data-pass146="home"] .story-copy .title-serif { white-space:normal; font-size:28px; } [data-pass146="home"] .story-copy > p { line-height:1.4; }  [data-pass146="home"] .archive-feature { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:16px 24px; align-items:center; } [data-pass146="home"] .archive-feature > .section-heading { grid-column:1/-1; } [data-pass146="home"] .document-intro, [data-pass146="home"] .archive-collection-body { display:contents; } [data-pass146="home"] .document-facsimile { grid-column:1; grid-row:2/5; width:100%; max-width:240px; height:auto; margin:0; justify-self:center; } [data-pass146="home"] .document-facsimile :is(a,picture,img) { display:block; width:100%; height:auto; } [data-pass146="home"] .document-identity { grid-column:2; grid-row:2; } [data-pass146="home"] .document-summary { grid-column:2; grid-row:3; margin:0; font-size:18px; line-height:1.5; } [data-pass146="home"] .archive-actions { grid-column:2; grid-row:4; align-self:start; } [data-pass146="home"] .archive-collection { margin-top:32px; } [data-pass146="home"] .archive-collection-body > p { grid-column:2; grid-row:2; margin:0; font-size:18px; line-height:1.5; } [data-pass146="home"] .archive-collection > .archive-actions { grid-row:3; }  [data-pass146="home"] .archive-document-arrangement { grid-column:1; grid-row:2/4; width:100%; margin:0; } [data-pass146="home"] .archive-document-sheets { position:relative; aspect-ratio:893 / 576; } [data-pass146="home"] .archive-sheet { position:absolute; display:block; height:auto; background:#fffdf7; border:1px solid #d2c6b3; box-shadow:.1rem .18rem .25rem #55402830; } [data-pass146="home"] .archive-sheet img { display:block; width:100%; height:auto; } [data-pass146="home"] .archive-sheet-spectrum { left:5%; top:6%; width:36%; transform:rotate(-8deg); } [data-pass146="home"] .archive-sheet-working { left:58%; top:7%; width:34%; transform:rotate(9deg); } [data-pass146="home"] .archive-sheet-declaration { left:31%; top:3%; width:37%; transform:rotate(-2deg); } [data-pass146="home"] .archive-document-arrangement figcaption { font:12px/1.5 var(--sans); text-align:center; } [data-pass146="home"] .about-photo { height:auto; align-self:start; } [data-pass146="home"] .about-photo :is(a,picture,img) { display:block; width:100%; height:auto; } [data-pass146="home"] .about-photo img { transform:none; } }
.rare-archive main {max-width:1180px;margin:0 auto;padding:38px 30px 64px;} .rare-archive .archive-breadcrumb {font-size:15px;margin-bottom:24px;color:#746754;} .rare-archive .archive-breadcrumb a {color:#850e14;} .rare-archive .archive-heading {border-bottom:1px solid #bca16d;padding-bottom:25px;margin-bottom:34px;} .rare-archive .archive-heading h1 {font-family:Georgia,serif;font-size:44px;line-height:1.13;font-weight:400;margin:8px 0 14px;color:#78232a;max-width:1000px;} .rare-archive .archive-heading .kicker,.rare-archive .document-date {font-size:14px;letter-spacing:.07em;color:#806b48;margin:0 0 8px;} .rare-archive .archive-heading .archive-deck {font-size:20px;line-height:1.55;max-width:790px;margin:0;} .rare-archive .archive-entry {display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:center;padding:30px 0;border-bottom:1px solid #d7c9b0;} .rare-archive .archive-entry:first-child {padding-top:0;} .rare-archive .archive-entry h2 {font-size:27px;line-height:1.22;font-weight:400;margin:6px 0 14px;} .rare-archive .archive-entry h2 a {color:#78232a;text-decoration:none;} .rare-archive .archive-entry h2 a:hover {text-decoration:underline;text-underline-offset:4px;} .rare-archive .document-thumbnail {display:block;justify-self:center;max-width:230px;} .rare-archive .document-thumbnail img {display:block;width:100%;height:auto;max-height:320px;object-fit:contain;} .rare-archive .document-description {font:18px/1.65 Georgia,serif;margin:0 0 20px;} .rare-archive .button.homepage-action {font-size:18px;min-height:48px;padding:11px 20px;} .rare-archive .document-layout {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:38px;align-items:start;} .rare-archive .document-viewer {min-width:0;} .rare-archive .viewer-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:15px;} .rare-archive .viewer-controls button {border:1px solid #bba784;background:transparent;border-radius:2px;padding:9px 12px;font:16px Georgia,serif;color:#78232a;cursor:pointer;} .rare-archive .viewer-controls button:hover:not(:disabled) {background:#eee2cd;} .rare-archive .viewer-controls button:disabled {opacity:.45;cursor:default;} .rare-archive .viewer-controls button:focus-visible,.rare-archive main a:focus-visible {outline:3px solid #173e57;outline-offset:4px;} .rare-archive .pdf-surface {width:100%;background:#fff;min-height:240px;} .rare-archive .pdf-surface canvas {display:block;max-width:100%;height:auto;} .rare-archive .viewer-status {font:15px/1.5 Georgia,serif;color:#77664c;margin:10px 0;} .rare-archive .viewer-status:empty {display:none;} .rare-archive .viewer-fallback {font:15px/1.5 Georgia,serif;margin:14px 0 0;} .rare-archive .document-information {padding-top:2px;} .rare-archive .document-information .document-description {font-size:18px;} .rare-archive .document-download {padding:24px 0;margin:24px 0;border-block:1px solid #bca16d;} .rare-archive .document-download img {width:23px;height:28px;object-fit:contain;filter:brightness(0) invert(1);} .rare-archive .document-information h2 {font:24px/1.25 Georgia,serif;color:#78232a;margin:0 0 16px;} .rare-archive .document-references {padding-left:19px;margin:0;font:16px/1.55 Georgia,serif;} .rare-archive .document-references li {margin:0 0 13px;} .rare-archive .document-references a {color:#78232a;} .rare-archive .archive-return {margin-top:36px;font-size:17px;} @media(max-width:800px){.rare-archive main{padding:26px 22px 48px}.rare-archive .document-layout{grid-template-columns:1fr}.rare-archive .archive-heading h1{font-size:35px}.rare-archive .archive-entry{grid-template-columns:160px minmax(0,1fr);gap:22px}} @media(max-width:540px){.rare-archive .archive-entry{grid-template-columns:1fr}.rare-archive .document-thumbnail{max-width:200px}.rare-archive .archive-entry h2{font-size:25px}.rare-archive .archive-heading h1{font-size:31px}.rare-archive .viewer-controls{gap:5px}.rare-archive .viewer-controls button{padding:9px 8px}}  .document-page85 .viewer-controls, .document-page85 .archive-back-row {height:48px;margin:0 0 16px;display:flex;align-items:center;} .document-page85 .archive-back-row {justify-content:center;} .document-page85 .document-information {padding-top:0;} .document-page85 .archive-back > .button-arrow {transform:rotate(-90deg);} @media(hover:hover) and (pointer:fine){ .document-page85 .archive-back:hover > .button-arrow {transform:translateY(-4px) rotate(-90deg);} } .document-page85 .archive-back:active > .button-arrow, .document-page85 .archive-back[data-touch-pressed="true"] > .button-arrow {transform:translateY(-2px) rotate(-90deg);} @media(prefers-reduced-motion:reduce){ .document-page85 .archive-back > .button-arrow {transition:none;} }  .document-page85 .archive-back { --action-rest:transparent;--action-hover:#eee2cd;--action-pressed:#eee2cd;--action-ink:#78232a;--action-border:#bba784; color:#78232a;background:transparent;background-image:none;border:1px solid #bba784; border-radius:2px;box-shadow:none; } .document-page85 .archive-back:hover, .document-page85 .archive-back:active, .document-page85 .archive-back[data-touch-pressed="true"] { color:#78232a;background:#eee2cd;background-image:none;border-color:#bba784;box-shadow:none; } .document-page85 .archive-back:focus-visible {outline:3px solid #173e57;outline-offset:4px;}