.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; } }
.history-main {color:var(--ink)} .history-main .wrap {max-width:57rem} .history-breadcrumb {display:flex;justify-content:space-between;padding-block:.7rem;font:.68rem/1.4 var(--sans);color:#5a5145} .history-breadcrumb a {text-decoration:underline} .history-review {border-block:1px solid #c5b08d;padding:.45rem 0;font:.62rem/1.4 var(--sans);letter-spacing:.1em;color:#7d2029} .history-opening {padding-block:1.6rem 1.4rem} .history-opening>.eyebrow-heading {font-size:.62rem;letter-spacing:.14em} .history-opening h1 {font:400 2.7rem/1.12 Georgia,serif;letter-spacing:-.035em;margin:.65rem 0 1.25rem} .history-opening h1 em {font-weight:400;color:#702330} .opening-body {display:grid;grid-template-columns:1fr 1.35fr;gap:2.2rem;align-items:center} .opening-copy p {font:1.02rem/1.55 Georgia,serif;margin:0 0 .8rem} .opening-copy .button {margin-top:.35rem} .history-main figure {margin:0} .history-main img {display:block;max-width:100%;height:auto} .opening-photo img {width:100%;border:5px solid #e8ddc8;outline:1px solid #bca780} .history-main figcaption {font:.61rem/1.5 var(--sans);color:#615440;padding-top:.5rem} .story-jumps {border-block:1px solid #bcaa8a;display:flex;gap:1.4rem;align-items:center;padding-block:.65rem;font:.66rem/1.5 var(--sans)} .story-jumps>span {color:#6e614c;margin-right:auto} .story-jumps a {text-decoration:underline;text-underline-offset:3px} .story-sequence {padding-top:.5rem} .episode {display:grid;grid-template-columns:8.1rem 1fr;position:relative;padding:2.25rem 0;border-bottom:1px solid #cbbca1} .episode-date {padding-right:1.2rem;position:relative;color:#7e2430;font:.75rem/1.45 var(--sans)} .episode-date:after {content:"";position:absolute;left:.4rem;top:3.4rem;bottom:-2.2rem;border-left:1px solid #cbb696} .episode-number {display:block;font:italic 1.7rem Georgia,serif;color:#aa8d57;margin-bottom:.6rem} .episode-content {display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start} .episode-copy {max-width:35rem} .episode h2 {font:400 1.9rem/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 .8rem;max-width:32rem} .episode p {font: .94rem/1.6 Georgia,serif;margin:0 0 .75rem} .story-link {color:#7d2029;font: .83rem/1.45 Georgia,serif;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px} .story-link span {display:inline-block;transition:transform .2s ease} .story-link:hover {color:#a12f3d;text-decoration-thickness:2px} .story-link:hover span {transform:translate(2px,-2px)} .original-label {display:block;font:.55rem/1.5 var(--sans);letter-spacing:.035em;color:#665b49;margin-top:.2rem} .history-main a:focus-visible {outline:3px solid #173e57;outline-offset:4px} .episode-plain:first-child .episode-copy>p:first-of-type:first-letter {float:left;font:3.3rem/.8 Georgia,serif;color:#7d2029;padding:.2rem .35rem 0 0} #paris .episode-content {grid-template-columns:minmax(0,1fr) 12rem;gap:2.2rem} .paris-note {border-top:3px double #ab9060;border-bottom:1px solid #ab9060;padding:1.1rem 0;margin-top:2.8rem} .note-number {font:2rem Georgia,serif;color:#7d2029} .paris-note p {font:italic .88rem/1.5 Georgia,serif;margin:.65rem 0} .note-source {font:.58rem/1.5 var(--sans);color:#615440} .episode-portrait .episode-content {grid-template-columns:1fr 8rem;gap:2.2rem} .episode-portrait figure {padding-top:2.8rem} .episode-portrait img {border:.3rem solid #e4d8c0} .episode-technical {padding-bottom:2rem} .episode-technical .episode-content {grid-template-columns:1fr 10rem} .episode-technical .episode-copy {grid-column:1 / -1;max-width:39rem} .episode-technical .episode-copy p {max-width:36rem} .episode-technical .episode-content>figure img {width:100%;border:.3rem solid #e7dcc7} .working-paper {padding:.9rem;background:#e9dfcc;align-self:center} .working-paper img {box-shadow:0 2px 6px #3b291d30} .episode-document .episode-content {grid-template-columns:1fr 10rem;gap:2.5rem;align-items:center} .episode-document figure img {max-height:13rem;width:auto;margin:auto;box-shadow:0 2px 8px #3b291d30} .episode-mou {background:#142d3d;color:#f8f1df;padding:2rem 1.5rem;margin-inline:-1.5rem;border:0} .episode-mou .episode-content {grid-template-columns:1fr 11rem;gap:2.4rem;align-items:center} .episode-mou .episode-date {color:#e1c594} .episode-mou .episode-date:after {border-color:#786e58} .episode-mou h2 {color:#fff5df} .episode-mou .story-link {color:#f2d396} .episode-mou .original-label,.episode-mou figcaption {color:#d4c9ae} .episode-mou figure img {border:.3rem solid #c3b087} .episode-mou a:focus-visible {outline-color:#ffe3a0} .episode-phone .episode-content {grid-template-columns:1fr 14rem;gap:1.8rem;align-items:center} .episode-phone figure {border-block:1px solid #c4b08b;padding-block:1rem} .episode-phone .secondary-reading {margin-top:.7rem} .episode-expansion .episode-content {grid-template-columns:1fr 12rem;gap:2rem} .roaming-note {border-left:2px solid #b7985a;padding-left:1.2rem;margin-top:2.6rem} .roaming-note .eyebrow-heading {font-size:.6rem} .roaming-note blockquote {font:italic 1.25rem/1.35 Georgia,serif;margin:.8rem 0} .roaming-note p {font:.6rem/1.5 var(--sans)} .roaming-note a {text-decoration:underline} .episode-legacy {border-bottom:0;padding-bottom:2.5rem} .episode-legacy h2 {max-width:35rem;font-size:2.1rem} .episode-legacy .episode-date:after {bottom:0} .story-conclusion {background:#e9dfcb80;border-block:1px solid #bda47b;padding-block:2rem} .conclusion-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center} .story-conclusion .eyebrow-heading {font-size:.65rem} .story-conclusion h2 {font:400 2rem/1.15 Georgia,serif;margin:.5rem 0 .8rem} .story-conclusion p {font:.95rem/1.5 Georgia,serif;margin-bottom:.85rem;max-width:27rem} .conclusion-routes>p {padding-bottom:.75rem;border-bottom:1px solid #c7b597} .story-conclusion p.original-label {font:.6rem var(--sans);margin-top:.5rem} .history-endnote {padding-block:1.3rem 1.5rem;color:#5c513f} .history-endnote h2 {font:400 .95rem Georgia,serif;margin-bottom:.5rem} .history-endnote p {font:.65rem/1.6 var(--sans);margin:0 0 .5rem;max-width:49rem} .history-endnote a {text-decoration:underline} @media (prefers-reduced-motion:reduce) {.story-link span {transition:none}.story-link:hover span {transform:none}}  .episode-sms .episode-content {grid-template-columns:1fr 8rem;gap:1.4rem 2.2rem} .episode-sms figure {padding-top:2.8rem} .episode-sms figure img {border:.3rem solid #e4d8c0} .affordability-note {grid-column:1 / -1;border-block:1px solid #c7b493;padding:.8rem 1.1rem;background:#e9dfcb70} .affordability-note .eyebrow-heading {font:.62rem/1.4 var(--sans);margin-bottom:.4rem} .affordability-note p:not(.eyebrow-heading) {font-size:.88rem;max-width:36rem;margin-bottom:.4rem} .episode-third-generation .episode-content {grid-template-columns:17rem 1fr;gap:1.8rem;align-items:center} .episode-third-generation .episode-copy {grid-column:2;grid-row:1} .episode-third-generation figure {grid-column:1;grid-row:1} .episode-third-generation figure img {border:.3rem solid #e4d8c0} .episode-fourth-generation .episode-content {grid-template-columns:1fr 11rem;gap:2rem;align-items:center} .episode-fourth-generation figure {padding-block:.8rem;border-block:1px solid #c7b493} .episode-fifth-generation .episode-content {grid-template-columns:1fr 9.5rem;gap:2.5rem;align-items:center} .episode-fifth-generation figure img {border:.3rem solid #e4d8c0} .history-main figcaption a {display:inline-block;margin-top:.3rem;text-decoration:underline;text-underline-offset:.2em;color:#7d2029} .episode-mou figcaption a {color:#f2d396}  .episode-legacy .episode-number {font-size:.85rem;letter-spacing:.04em}  .episode-date {display:flex;flex-direction:column;align-items:flex-start} .episode-date > span {flex-shrink:0} .episode-date:after {position:static;display:block;flex:1;min-height:1.2rem;margin:.9rem 0 -2.2rem .4rem;align-self:flex-start} .episode-legacy .episode-date:after {margin-bottom:0} .episode-copy .network-illustration {margin:1.1rem 0 1.3rem} .network-illustration img {width:100%;height:auto} .network-illustration figcaption {max-width:34rem}  @media (max-width:900px) { .history-main .episode-content {min-width:0} .history-main .episode-copy {min-width:0} .story-jumps {flex-wrap:wrap;gap:.5rem 1rem} } @media (max-width:600px) { .opening-body {grid-template-columns:minmax(0,1fr);gap:1.4rem} .history-opening h1 {font-size:2.25rem} .episode {grid-template-columns:4rem minmax(0,1fr);column-gap:.8rem;padding-block:1.6rem} .episode-date {font-size:.65rem;padding-right:0;overflow-wrap:anywhere} .episode-number {font-size:1.5rem} .episode-date:after {margin-bottom:-1.5rem} .history-main .episode .episode-content {grid-template-columns:minmax(0,1fr);gap:1.1rem} .history-main .episode-content > * {grid-column:auto;grid-row:auto;min-width:0} .episode h2,.episode-legacy h2 {font-size:1.65rem} .episode-mou {margin-inline:0;padding-inline:.7rem;grid-template-columns:3.3rem minmax(0,1fr)} .episode-portrait figure,.episode-sms figure {padding-top:0;max-width:9rem} .episode-fifth-generation figure {max-width:10rem} .episode-document figure,.working-paper {max-width:10rem} .paris-note,.roaming-note {margin-top:0} .affordability-note {padding:.7rem} .conclusion-grid {grid-template-columns:minmax(0,1fr);gap:1rem} .episode-legacy .episode-content {grid-column:1 / -1} .episode-legacy .episode-date:after {min-height:0;flex:0;margin-top:.5rem} } @media (max-width:900px) { .episode-mou {margin-inline:0} } @media (max-width:600px) { #paris .episode-content {grid-template-columns:minmax(0,1fr)} .search-toggle > span,.search-toggle::before {display:none} .search-toggle {width:38px;flex-shrink:0} .episode-legacy .episode-date {grid-column:1 / -1;flex-direction:row;gap:.65rem;align-items:baseline} .episode-legacy .episode-date:after {display:none} } @media (max-width:600px) { .history-main .eyebrow-heading {white-space:normal} .header-inner {margin-inline:auto;gap:.8rem} }