.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; } }