.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; } }
.vintage-collection main {max-width:1080px;margin:0 auto;padding:38px 30px 64px;font:18px/1.65 Georgia,serif;} .vintage-collection h1 {font:normal 48px/1.1 Georgia,serif;color:#78232a;margin:0 0 26px;} .vintage-collection .collection-intro {max-width:900px;font-size:19px;} .vintage-collection main p {margin:0 0 20px;} .vintage-collection main a {color:#78232a;text-underline-offset:3px;} .vintage-collection main a:focus-visible,.vintage-collection summary:focus-visible {outline:3px solid #173e57;outline-offset:4px;} .vintage-collection .era-navigation {display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #b69c6a;margin:25px 0 20px;padding:15px 0;gap:20px;} .vintage-collection .era-navigation a {text-decoration:none;font:15px/1.45 Georgia,serif;} .vintage-collection .era-navigation strong {display:block;font:normal 25px/1.2 Georgia,serif;margin-bottom:7px;} .vintage-collection .era-navigation a:hover {text-decoration:underline;} .vintage-collection .phone-index {border-bottom:1px solid #d1c0a0;padding:0 0 18px;margin:0 0 24px;} .vintage-collection .phone-index summary {cursor:pointer;color:#78232a;font-size:20px;} .vintage-collection .phone-index-columns {columns:2;column-gap:35px;padding-top:20px;font-size:15px;line-height:1.5;} .vintage-collection .phone-index p {break-inside:avoid;margin-bottom:12px;} .vintage-collection .handset-entry {display:flow-root;} .vintage-collection .handset-title {display:block;clear:both;border-top:1px solid #d1c0a0;padding-top:25px;margin:22px 0 20px;font:normal 26px/1.3 Georgia,serif;color:#78232a;} .vintage-collection .era-heading {display:block;clear:both;padding:20px 0;margin:35px 0 24px;border-block:1px solid #b69c6a;font:normal 28px/1.35 Georgia,serif;color:#78232a;background:linear-gradient(90deg,#eee3cf66,transparent);} .vintage-collection [id] {scroll-margin-top:24px;} .vintage-collection .phone-figure {float:right;clear:right;width:var(--figure-width);max-width:36%;margin:0 0 22px 32px;} .vintage-collection .phone-figure img {display:block;width:var(--image-width);max-width:100%;height:auto;margin:0 auto;} .vintage-collection .phone-figure p {margin:0;} .vintage-collection figcaption {font:15px/1.5 Georgia,serif;color:#75634f;margin-top:10px;text-align:center;} .vintage-collection .wide-figure {float:none;clear:both;max-width:100%;margin:22px auto;} .vintage-collection .handset-entry:after {content:"";display:block;clear:both;} @media(max-width:740px){.vintage-collection main{padding:28px 22px}.vintage-collection .era-navigation{grid-template-columns:repeat(2,1fr)}.vintage-collection .phone-index-columns{columns:1}.vintage-collection .phone-figure{float:none;max-width:100%;margin:20px auto}.vintage-collection h1{font-size:38px}.vintage-collection .handset-title{font-size:24px}} .vintage-collection .handset-entry p:has(.handset-title) br {display:none;}