/* Comparatif typographique Savoy : specimens independants de la charte commune. */
.type-page{--ink:#292720;--rule:#d5cbb9;--paper:#f2eddf;color:var(--ink);padding-bottom:5rem}
.type-page *{box-sizing:border-box}
.type-page a:focus-visible{outline:3px solid #775620;outline-offset:4px}
.type-intro{padding:2rem 0 0;border-bottom:1px solid var(--rule)}
.type-rule{display:flex;justify-content:space-between;border-top:2px solid #423e33;padding:.85rem 0;gap:1rem;font-size:.65rem;font-weight:700;letter-spacing:.16em;color:#666054}
.type-intro-main{max-width:960px;padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,7vw,7rem)}
.type-label{font:600 .72rem/1.5 'Savoy Cabin',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#84663b}
.type-intro h1{font:400 clamp(3.6rem,7vw,7.5rem)/1.02 'Savoy EB Garamond',Georgia,serif;letter-spacing:-.055em;margin:1rem 0 2.4rem}
.type-intro h1 em,.type-section h2 em{font-weight:400;color:#9b7543}
.type-intro-main>p:last-child{font:400 clamp(1.13rem,1.55vw,1.35rem)/1.8 'Savoy Source Serif 4',Georgia,serif;max-width:690px}
.type-intro-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--rule);font:.75rem/1.5 'Savoy Cabin',Arial,sans-serif;color:#70695d}
.type-jump{position:sticky;top:0;z-index:5;background:#f5f2eb;display:flex;flex-wrap:wrap;gap:.2rem 2rem;padding:1rem 0;border-bottom:1px solid var(--rule)}
.type-jump a{font:600 .77rem/1.4 'Savoy Cabin',Arial,sans-serif;text-decoration:none;padding:.45rem 0}
.type-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.type-section{padding-top:clamp(5rem,8vw,8rem);scroll-margin-top:5rem}
.type-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:2.5rem;align-items:end;margin-bottom:2.4rem}
.type-section-heading .type-label{margin:0 0 1.15rem}
.type-section h2{font:400 clamp(2.9rem,5vw,5.2rem)/1.12 'Savoy EB Garamond',Georgia,serif;letter-spacing:-.036em;margin:0}
.type-section-heading>p{font:.99rem/1.8 'Savoy Source Sans 3',Arial,sans-serif;max-width:360px;color:#625d54;margin:0}
.type-gill-notice{border-left:3px solid #967443;background:#eae3d5;padding:1.1rem 1.5rem;margin:0 0 2rem}
.type-gill-notice strong{font:600 1rem 'Savoy Cabin',Arial,sans-serif}
.type-gill-notice p{margin:.5rem 0 0;font-size:.89rem;line-height:1.7;color:#504c45}
.type-specimens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}
.type-card{min-width:0;margin:0;background:#f8f5ec;border:1px solid #d2c7b7;display:flex;flex-direction:column}
.type-card-head{display:flex;align-items:center;gap:1.2rem;border-bottom:1px solid #d9d0c2;padding:1.05rem 1.4rem;font-family:'Savoy Cabin',Arial,sans-serif}
.type-no{font:400 1.4rem 'Savoy EB Garamond',Georgia,serif;color:#9b7648}
.type-card-head strong{display:block;font-size:1rem;font-weight:600}
.type-card-head small{display:block;font-size:.72rem;color:#746e63;margin-top:.15rem}
.type-sample{flex:1;padding:1.9rem clamp(1.1rem,3vw,2.4rem) 2rem;overflow-wrap:break-word}
.type-hero{font-size:clamp(4.3rem,7vw,8.1rem);line-height:1.05;letter-spacing:-.05em;color:#3c372f}
.type-hero i{font-weight:400;color:#aa8150}
.type-large{font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.18;margin:1.5rem 0 1rem;letter-spacing:-.025em}
.type-sentence{font-size:1.12rem;line-height:1.6;max-width:41ch;min-height:3.1em}
.type-alphabet{padding-top:1rem;border-top:1px solid #e0d7c9;margin:2rem 0 0;font-size:.87rem;line-height:1.8;letter-spacing:.02em;overflow-wrap:anywhere}
.type-card-foot{border-top:1px solid #d9d0c2;padding:.8rem 1.4rem;font:.72rem/1.5 'Savoy Source Sans 3',Arial,sans-serif;color:#746c60}
.type-cabin .type-sample{font-family:'Savoy Cabin',Arial,sans-serif}
.type-source-sans .type-sample{font-family:'Savoy Source Sans 3',Arial,sans-serif}
.type-garamond .type-sample{font-family:'Savoy EB Garamond',Georgia,serif}
.type-source-serif .type-sample{font-family:'Savoy Source Serif 4',Georgia,serif}
.type-caption{color:#696359;font:.82rem/1.7 'Savoy Source Sans 3',Arial,sans-serif;max-width:880px;margin-top:1.5rem}
.type-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.type-page-sample{min-width:0}
.type-paper{background:var(--paper);border:1px solid #cfc5b0;min-height:650px;padding:clamp(1.15rem,2.6vw,2.5rem);display:flex;flex-direction:column;box-shadow:5px 8px 0 rgba(69,59,39,.035)}
.type-page-top{display:flex;justify-content:space-between;gap:1rem;font:600 .58rem/1.4 'Savoy Cabin',Arial,sans-serif;letter-spacing:.13em;color:#807666;border-bottom:1px solid #a89c83;padding-bottom:.8rem}
.type-over{text-align:center;margin:3rem 0 .6rem!important;font:600 .64rem/1.5 'Savoy Cabin',Arial,sans-serif!important;letter-spacing:.15em}
.type-paper h3{text-align:center;font:400 clamp(2rem,3vw,3.3rem)/1.1 'Savoy EB Garamond',Georgia,serif;margin:.8rem 0 1.5rem}
.type-paper p:not(.type-over){font:400 1rem/1.68 'Savoy EB Garamond',Georgia,serif;margin:0 0 1rem;text-align:justify;hyphens:auto}
.type-ornament{font-size:1.3rem;text-align:center;color:#9e865d;margin:.4rem 0 2rem}
.type-note{border-top:1px solid #c2b9a8;padding-top:.8rem;margin-top:auto;font:400 .72rem/1.6 'Savoy Source Serif 4',Georgia,serif;color:#6e675e}
.type-note span{padding-right:.5rem}
.type-folio{text-align:center;margin-top:auto;padding-top:2rem;font:400 .95rem 'Savoy EB Garamond',Georgia,serif}
.type-inner-frame{border:1px solid #a48a65;outline:1px solid #e8d9bf;outline-offset:-8px;padding:1rem;flex:1;display:flex;flex-direction:column}
.type-bonnot .type-paper{background:#eee6d5;padding:1.1rem}
.type-bonnot .type-ornament{margin:2.5rem 0 .1rem;color:#9a7847}
.type-bonnot .type-big-ornament{font-size:2.8rem}
.type-bonnot .type-over{margin:1.5rem 0 .5rem!important}
.type-bonnot h3{font-size:clamp(2.2rem,3.25vw,3.7rem);margin-bottom:1.2rem}
.type-flourish{font:400 .8rem Georgia,serif;text-align:center;color:#9f8862;white-space:nowrap;margin:1rem 0 2rem}
.type-bonnot .type-paper p:not(.type-over){text-align:center}
.type-darby .type-paper{background:#f0eadc}
.type-darby h3{margin-bottom:3rem}
.type-darby .type-paper p:not(.type-over){font-family:'Savoy Source Serif 4',Georgia,serif;text-align:left;font-size:.97rem;line-height:1.84}
.type-dropcap,.type-verse{font:600 .72rem/1 'Savoy Cabin',Arial,sans-serif;color:#91754c;padding-right:.6rem}
.type-sample-meta{display:flex;flex-direction:column;gap:.3rem;margin-top:1rem}
.type-sample-meta strong{font:500 1.45rem/1.2 'Savoy EB Garamond',Georgia,serif}
.type-sample-meta span{font:.76rem/1.5 'Savoy Source Sans 3',Arial,sans-serif;color:#666258}
.type-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
.type-reading{background:#f4eee1;border:1px solid #d6cbb9;padding:clamp(1.4rem,4.5vw,4rem);color:#39352e}
.type-reading-head{display:flex;justify-content:space-between;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid #bdb09b;font:.62rem/1.5 'Savoy Cabin',Arial,sans-serif;letter-spacing:.1em;color:#6f6556}
.type-reading h3{font-size:2.4rem;font-weight:400;line-height:1.15;margin:2.5rem 0 1.7rem}
.type-reading>p{font-size:18px;line-height:1.7;hyphens:auto;text-align:left;max-width:60ch}
.type-reading-end{font:600 .6rem/1.5 'Savoy Cabin',Arial,sans-serif;letter-spacing:.13em;color:#80725f;margin-top:3rem;padding-top:1rem;border-top:1px solid #c4baa7}
.type-reading.type-garamond{font-family:'Savoy EB Garamond',Georgia,serif}
.type-reading.type-source-serif{font-family:'Savoy Source Serif 4',Georgia,serif}
.type-principles{border-top:1px solid var(--rule);margin-top:7rem}
.type-principles h2{font-size:clamp(3.4rem,6.5vw,6.8rem)}
.type-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:3rem 0 4rem}
.type-principle-grid>div{border-top:1px solid #b7a88e;padding-top:1rem}
.type-principle-grid strong{font:500 1.4rem 'Savoy EB Garamond',Georgia,serif}
.type-principle-grid p{font:.88rem/1.8 'Savoy Source Sans 3',Arial,sans-serif;color:#615a50}
.type-conclusion{border-top:1px solid var(--rule);display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:2rem 0}
.type-conclusion p{font:italic 1.6rem/1.3 'Savoy EB Garamond',Georgia,serif}
.type-conclusion a{font:600 .78rem/1.4 'Savoy Cabin',Arial,sans-serif;text-underline-offset:5px}
@media(max-width:1050px){.type-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.type-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.type-intro h1{font-size:clamp(3.05rem,11vw,5.2rem)}.type-section-heading{grid-template-columns:1fr;gap:1rem}.type-specimens,.type-pages,.type-reading-grid{grid-template-columns:1fr}.type-jump{gap:.3rem 1rem}.type-jump a{font-size:.69rem}.type-hero{font-size:clamp(4.7rem,18vw,7.4rem)}.type-card-head{padding:1rem}.type-sample{padding:1.4rem}.type-paper{min-height:610px;padding:2rem}.type-bonnot .type-paper{padding:1rem}.type-paper h3{font-size:2.8rem}.type-conclusion{display:block}.type-principle-grid{gap:1rem}.type-intro-line{flex-direction:column;gap:.4rem}}
@media(max-width:380px){.type-principle-grid{grid-template-columns:1fr}.type-intro h1{font-size:2.85rem}.type-rule{font-size:.57rem}.type-jump{position:static}}