.section-landing .collection-image-link{display:block;background:none} .section-landing .collection-image-link img{transition:filter .2s ease} .section-landing .collection-image-link:hover img{filter:brightness(1.04)} .section-landing .collection-card .homepage-action{margin-top:8px;min-height:48px;max-width:100%;white-space:normal} .section-landing .collection-card .button-label{white-space:normal} .section-landing a:focus-visible{outline:3px solid var(--wine);outline-offset:5px} .biography-prose{font:20px/1.7 Georgia,serif;max-width:980px;display:flow-root} .biography-prose p{margin:0 0 1.2em} .biography-portrait{float:right;width:320px;max-width:40%;margin:4px 0 24px 36px} .biography-portrait img{display:block;width:100%;height:auto} .memorable-section{border-top:2px solid var(--ink);margin-top:68px;padding-top:28px} .memorable-section>h2{font:normal 42px/1.2 Georgia,serif;margin:0 0 32px} .memorable-stories{display:grid;gap:36px;max-width:960px;margin-inline:auto} .memory-story{display:flow-root;background:#fcfaf4;border:1px solid var(--rule);padding:32px 40px;font:20px/1.65 Georgia,serif} .memory-story h3{font:normal 34px/1.2 Georgia,serif;margin:0 0 20px;color:var(--wine)} .memory-story h4{font:normal 22px/1.5 Georgia,serif;margin:0 0 22px} .memory-story h4 strong{font-weight:normal} .memory-story p{margin:0 0 1.1em} .memory-story p:last-child{margin-bottom:0} .memory-figure{float:right;clear:right;width:min(var(--image-width),42%);margin:6px 0 24px 28px} .memory-figure img{display:block;width:100%;height:auto;margin:auto} .memory-figure figcaption{font:16px/1.5 Georgia,serif;margin-top:10px;color:var(--ink-soft)} @media(max-width:800px){.memory-story{padding:26px;font-size:19px}.biography-portrait{width:260px;margin-left:24px}} @media(max-width:600px){.memory-story{padding:22px 18px;font-size:18px;line-height:1.65}.memory-story h3{font-size:29px}.memory-story h4{font-size:21px}.memory-figure{float:none;clear:both;width:min(var(--image-width),100%);max-width:100%;margin:24px auto}.biography-portrait{float:none;max-width:100%;width:320px;margin:0 auto 28px}.biography-prose{font-size:19px}.memorable-section>h2{font-size:34px}.memorable-section{margin-top:46px}.section-landing .collection-card .homepage-action{font-size:16px}} @media(prefers-reduced-motion:reduce){.collection-image-link img{transition:none}}
.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; } }
#memorable-mobiles{margin-top:68px;padding-top:28px} #memorable-mobiles .memorable-stories{max-width:none;gap:0} #memorable-mobiles .memory-story{border:0;border-top:1px solid var(--rule);background:none;padding:40px 0 48px;display:flow-root;font:20px/1.65 Georgia,serif} #memorable-mobiles .memory-story:first-child{border-top:0;padding-top:10px} #memorable-mobiles .memory-story h3{max-width:1000px;font:normal 36px/1.22 Georgia,serif;letter-spacing:-.5px;margin:0 0 30px;color:var(--ink)} #memorable-mobiles .memory-story h3 strong{font-weight:normal} #memorable-mobiles .exhibit-composition{display:flow-root} #memorable-mobiles .exhibit-gallery{float:right;width:43%;margin:0 0 22px 36px;padding:20px;background:#eee8dc;border-top:3px solid var(--wine)} #memorable-mobiles .memory-figure{float:none;clear:none;width:100%;max-width:none;margin:0} #memorable-mobiles .memory-figure img{width:auto;max-width:100%;height:auto;margin:0 auto} #memorable-mobiles .memory-figure figcaption{font:16px/1.5 Georgia,serif;color:var(--ink-soft);margin:16px 0 0} #memorable-mobiles .memory-figure+.memory-figure{border-top:1px solid #c9bca8;margin-top:26px;padding-top:24px} #memorable-mobiles .memory-story p{margin:0 0 1.1em} #memorable-mobiles .memory-story p:last-child{margin-bottom:0} #memorable-mobiles #excell-pc105t .exhibit-gallery{float:left;width:230px;margin:0 36px 22px 0;padding:20px} #memorable-mobiles #nokia-n92 .exhibit-gallery{float:left;margin:0 36px 22px 0} #memorable-mobiles #samsung-sch-r900 .exhibit-gallery{width:40%} @media(max-width:1000px){#memorable-mobiles .memory-story{font-size:19px}#memorable-mobiles .memory-story h3{font-size:32px}#memorable-mobiles .exhibit-gallery{padding:16px;margin-left:26px}#memorable-mobiles #nokia-n92 .exhibit-gallery{margin-right:26px}#memorable-mobiles #excell-pc105t .exhibit-gallery{margin-right:26px}} @media(max-width:800px){#memorable-mobiles .exhibit-gallery,#memorable-mobiles #excell-pc105t .exhibit-gallery,#memorable-mobiles #nokia-n92 .exhibit-gallery,#memorable-mobiles #samsung-sch-r900 .exhibit-gallery{float:none;width:100%;max-width:520px;margin:0 auto 28px;padding:20px}#memorable-mobiles #excell-pc105t .exhibit-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}#memorable-mobiles .memory-figure+.memory-figure{border:0;margin:0;padding:0}#memorable-mobiles .memory-story{padding:30px 0 36px}#memorable-mobiles .memory-story h3{font-size:30px;margin-bottom:24px}} @media(max-width:540px){#memorable-mobiles{margin-top:46px}#memorable-mobiles .memory-story{font-size:18px;line-height:1.65}#memorable-mobiles .memory-story h3{font-size:28px;letter-spacing:-.3px}#memorable-mobiles #excell-pc105t .exhibit-gallery{display:block;max-width:270px}#memorable-mobiles #excell-pc105t .memory-figure+.memory-figure{border-top:1px solid #c9bca8;margin-top:24px;padding-top:24px}#memorable-mobiles .memory-figure figcaption{font-size:15px}}  #memorable-mobiles .memory-story h3.exhibit-headline{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 32px;max-width:none;margin-bottom:28px;padding:8px 0 20px;border-bottom:3px double #bca47e;letter-spacing:normal;background:none} #memorable-mobiles .memory-story h3.exhibit-headline::after{content:"";position:absolute;left:0;bottom:-5px;width:7px;height:7px;border-radius:50%;background:var(--wine);outline:4px solid var(--paper);pointer-events:none} #memorable-mobiles .exhibit-phone-name{display:block;font:normal 31px/1.2 Georgia,serif;letter-spacing:-.4px;color:var(--ink)} #memorable-mobiles .exhibit-innovation{display:block;font:italic 24px/1.3 Georgia,serif;letter-spacing:0;color:var(--wine)} @media(max-width:1000px){#memorable-mobiles .exhibit-phone-name{font-size:29px}#memorable-mobiles .exhibit-innovation{font-size:23px}} @media(max-width:800px){#memorable-mobiles .memory-story h3.exhibit-headline{flex-direction:column;align-items:flex-start;gap:7px;padding-bottom:18px;margin-bottom:25px}} @media(max-width:540px){#memorable-mobiles .exhibit-phone-name{font-size:27px}#memorable-mobiles .exhibit-innovation{font-size:22px}} @media(max-width:360px){#memorable-mobiles .exhibit-phone-name{font-size:25px}#memorable-mobiles .exhibit-innovation{font-size:21px}}
.mobile-landing100 .collection-grid{row-gap:32px} .mobile-landing100 .collection-card img, .mobile-landing100 #memorable-mobiles .exhibit-gallery{background:transparent} @media (orientation:landscape) and (max-width:900px) and (max-height:500px){ .mobile-landing100 #memorable-mobiles{width:100%;max-width:560px;margin-inline:auto} } .mobile-landing100 .collection-card{display:flex;flex-direction:column} .mobile-landing100 .collection-card>div{display:flex;flex-direction:column;flex:1;align-items:flex-start} .mobile-landing100 .collection-card .homepage-action{margin-top:auto} .mobile-landing100 .collection-card p:last-of-type{margin-bottom:24px} .mobile-landing100 .collection-image-link:focus-visible,.world-firsts100 a:focus-visible{outline:3px solid #78232a;outline-offset:5px} .world-firsts100 .section-opening{max-width:900px;margin-bottom:32px} .world-firsts100 .firsts-grid100{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} .world-firsts100 .first-card100{display:flex;flex-direction:column;padding:26px;background:#f2ecdf;border-block:1px solid #c7b898;min-width:0} .world-firsts100 .first-card100 header{min-height:156px} .world-firsts100 .first-card100 h2{font:normal 29px/1.2 Georgia,serif;color:#78232a;margin:0 0 12px} .world-firsts100 .first-model100{font:italic 21px/1.35 Georgia,serif;margin:0 0 6px} .world-firsts100 .first-date100{font:14px/1.5 Georgia,serif;color:#705c45;margin:0 0 18px} .world-firsts100 .first-image100{display:flex;height:250px;align-items:center;justify-content:center;background:#eee7dc;margin:0 0 20px} .world-firsts100 .first-image100 img{max-width:100%;width:auto;height:auto;max-height:230px;object-fit:contain} .world-firsts100 .first-copy100{font:19px/1.55 Georgia,serif;margin:0 0 20px} .world-firsts100 .first-read100{font:700 18px/1.4 Georgia,serif;color:#78232a;margin-top:auto;text-underline-offset:5px;align-self:flex-start} .world-firsts100 .first-read100:hover{color:#3f3026} @media(max-width:650px){.world-firsts100 .firsts-grid100{grid-template-columns:1fr}.world-firsts100 .first-card100 header{min-height:0}.world-firsts100 .first-card100{padding:20px}}