@charset "UTF-8";
/* Famously Said (famouslysaid.com). Built by make_site.py from the v11 mockups' stylesheet (look_v10.CSS), with the switches
   settled and unused rules left out, then the site's additions at the end. Bump FS_CSS_VERSION in fs/fs.php after changing
   this file (a new URL, so no purge is needed). */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-500-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/eb-garamond-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/eb-garamond-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jost-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jost-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cloth:#1d3a31;--cloth-dk:#12261f;--gilt:#c9a556;--gilt-hi:#f0d891;--gilt-lo:#8d6c2c;
--paper:#f2ecdc;--page:#fbf7ec;--ink:#2a2118;--ink-2:#5d5040;--ink-3:#857660;--ox:#7a2430;--rule:#d6c8a6;
--serif:"EB Garamond",Garamond,Georgia,serif;--sans:"Jost","Futura","Century Gothic",sans-serif;
--foil:linear-gradient(100deg,#9c7630 0%,#f3dea0 22%,#c49a45 42%,#f0d68e 62%,#a8823a 85%,#e8cd85 100%)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper) url(/img/tex/laid.png);color:var(--ink);font:19px/1.55 var(--serif);font-feature-settings:"kern","onum";-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:rgba(122,36,48,.4);text-underline-offset:3px}
a:hover{color:var(--ox)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ox);outline-offset:2px}
img{display:block;max-width:100%}
p,h1,h2,h3,blockquote,figure,ul{margin:0;padding:0}
ul{list-style:none}
cite{font-style:italic}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.srch{flex:1 1 auto;max-width:430px;margin-left:auto;position:relative}
.srch input{width:100%;height:42px;border:1px solid var(--gilt-lo);background:#f7f1e1;border-radius:3px;padding:0 44px 0 14px;font:17px var(--serif);color:var(--ink);box-shadow:inset 0 1px 3px rgba(0,0,0,.22)}
.srch input::placeholder{color:#8a7c66}
.srch button{position:absolute;right:3px;top:3px;width:36px;height:36px;border:0;background:none;color:var(--ink-2);cursor:pointer}
.nav{display:flex;gap:24px;flex:0 0 auto}
.nav a{font:500 15px/1 var(--sans);color:#efe6cf;text-decoration:none;letter-spacing:.03em}
.nav a:hover,.nav a[aria-current]{color:var(--gilt-hi)}
.sh{display:flex;align-items:baseline;gap:16px;margin:0 0 18px}
.sh h2{font:500 34px/1.1 var(--serif);letter-spacing:-.005em}
.sh .aside{margin-left:auto;font:500 14px var(--sans);color:var(--ink-2)}
.sh .aside a{text-decoration:none;border-bottom:1px solid var(--gilt)}
.lede{font-style:italic;color:var(--ink-2);margin:-10px 0 20px}
section{margin:56px 0}
.book{display:grid;grid-template-columns:1fr 1fr;background:var(--cloth) url(/img/tex/cloth.png);padding:12px 12px 20px;border-radius:8px;
  box-shadow:0 22px 40px -20px rgba(18,30,24,.65),0 2px 0 rgba(0,0,0,.25);position:relative;max-width:1060px;margin:0 auto}
.pg{background:var(--page) url(/img/tex/laid.png);position:relative;padding:46px 54px 52px;min-height:430px}
.pg-l{border-radius:5px 0 0 5px;box-shadow:inset -42px 0 38px -36px rgba(70,45,10,.55),0 3px 0 #e5dbc1,0 5px 0 #cdbf9f,0 7px 0 #e5dbc1,0 9px 0 #c7b996;display:flex;align-items:center;justify-content:center}
.pg-r{border-radius:0 5px 5px 0;box-shadow:inset 42px 0 38px -36px rgba(70,45,10,.55),0 3px 0 #e5dbc1,0 5px 0 #cdbf9f,0 7px 0 #e5dbc1,0 9px 0 #c7b996;display:flex;flex-direction:column;justify-content:center}
.pg-r .ribbon{position:absolute;top:-12px;right:46px;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3))}
.runhead{font:italic 500 17px/1 var(--serif);font-variant:small-caps;letter-spacing:.06em;color:var(--ox);margin-bottom:22px}
.big p{font:400 34px/1.3 var(--serif);text-indent:-.42em}
.big p::before{content:"\201c "}
.big p::after{content:"\201d "}
.big.xl p{font-size:38px}
.by{margin-top:24px;font:500 21px/1.3 var(--serif)}
.by a{text-decoration:none}
.by a::before{content:"\2014 \2009 "}
.src{font-size:17px;color:var(--ink-2);margin-top:4px}
.front{text-align:center}
.oval{display:block;width:220px;aspect-ratio:4/5;margin:0 auto;border-radius:50%;padding:6px;background:var(--foil);box-shadow:0 2px 6px rgba(40,25,5,.35)}
.oval>*{display:block;width:100%;height:100%;border-radius:50%;background:var(--page);box-shadow:inset 0 0 0 1px rgba(80,55,15,.5)}
.oval img{object-fit:cover}
.oval .mono{display:flex;align-items:center;justify-content:center;font:500 44px/1 var(--serif);color:var(--ink-2)}
.front figcaption{margin-top:16px}
.front .who{font:500 20px/1.2 var(--serif);font-variant:small-caps;letter-spacing:.05em;display:block}
.front .yrs{display:block;color:var(--ink-2);font-size:16px;margin-top:2px}
.credit{font:400 12px/1.4 var(--sans);color:var(--ink-3);margin-top:12px;max-width:260px;margin-left:auto;margin-right:auto}
.scale{text-align:center;font-style:italic;color:var(--ink-2);margin:26px auto 0;max-width:640px}
.scale strong{font-style:normal;font-weight:600;color:var(--ink)}
.qlist>li{padding:24px 0;border-top:1px solid var(--rule);position:relative}
.qlist>li:first-child{border-top:0;padding-top:4px}
.qlist blockquote p{font:400 23px/1.42 var(--serif);text-indent:-.4em}
.qlist blockquote p::before{content:"\201c "}
.qlist blockquote p::after{content:"\201d "}
.att{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
.who{display:flex;align-items:center;gap:10px;text-decoration:none}
.th{display:block;width:40px;height:50px;border-radius:50%;padding:2px;background:var(--foil);flex:0 0 auto}
.th>*{display:block;width:100%;height:100%;border-radius:50%;background:var(--page);object-fit:cover}
.th .mono{display:flex;align-items:center;justify-content:center;font:500 14px/1 var(--serif);color:var(--ink-2)}
.who .nm{font:500 18px/1.2 var(--serif);font-variant:small-caps;letter-spacing:.04em}
.who .yr{font-size:15px;color:var(--ink-3);margin-left:2px}
.att .src{font-size:16px;color:var(--ink-2)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.tags a{font:500 12.5px/1 var(--sans);text-decoration:none;color:var(--ink-2);padding:6px 10px;border:1px solid var(--rule);border-radius:2px;background:rgba(255,252,243,.6)}
.tags a:hover{border-color:var(--ox);color:var(--ox)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.cols>*{min-width:0}
.side>*+*{margin-top:30px}
.side h3{font:500 22px/1.2 var(--serif);margin-bottom:10px}
.mini{display:flex;flex-direction:column;gap:12px}
.mini a{display:flex;align-items:center;gap:12px;text-decoration:none}
.mini .th{width:36px;height:45px}
.mini b{font-weight:500}
.mini small{display:block;font:400 12.5px var(--sans);color:var(--ink-3)}
.chap{text-align:center;padding:52px 0 8px}
.crumbs{font:500 13px/1 var(--sans);color:var(--ink-2);letter-spacing:.03em}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--rule)}
.crumbs span{margin:0 6px;color:var(--ink-3)}
.chap h1{font:500 58px/1.05 var(--serif);margin:18px 0 10px;letter-spacing:-.01em}
.chap .sub{font-style:italic;color:var(--ink-2);font-size:20px}
.chap .fleuron{color:var(--gilt-lo);margin:20px auto 0;display:block}
.sortbar{display:flex;align-items:center;gap:8px;margin:34px 0 10px;font:500 14px var(--sans);color:var(--ink-2)}
.sortbar a,.sortbar b{padding:7px 12px;border-radius:2px;text-decoration:none}
.sortbar b{background:var(--cloth);color:var(--gilt-hi);font-weight:500}
.sortbar a{border:1px solid var(--rule)}
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;font:500 15px var(--sans)}
.pager a,.pager b{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule);text-decoration:none;border-radius:2px;padding:0 12px}
.pager b{background:var(--cloth);color:var(--gilt-hi);border-color:var(--cloth);font-weight:500}
.tp{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center;padding:52px 0 14px}
.tp .oval{width:260px}
.tp-text{text-align:center;border:1px solid #bfae86;outline:4px double #d2c29b;outline-offset:-12px;padding:42px 36px;background:rgba(251,247,236,.7)}
.tp .pre{font-style:italic;font-size:20px;color:var(--ink-2)}
.tp h1{font:500 64px/1.02 var(--serif);margin:8px 0 12px;letter-spacing:-.01em}
.tp .descr{font-size:21px}
.tp .yrs{font-size:20px;color:var(--ink-2);margin-top:2px}
.tp .fleuron{color:var(--gilt-lo);margin:20px auto;display:block}
.tp .facts{font-size:18px;color:var(--ink-2);max-width:520px;margin:0 auto}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 22px}
.filters a,.filters b{font:500 13.5px/1 var(--sans);padding:8px 12px;border:1px solid var(--rule);border-radius:2px;text-decoration:none;background:rgba(255,252,243,.6)}
.filters b{background:var(--cloth);color:var(--gilt-hi);border-color:var(--cloth);font-weight:500}
.filters span{color:var(--ink-3);margin-left:4px}
.qp{padding:40px 0 0}
.qp .crumbs{text-align:left;margin-bottom:18px}
.qp .pg-r{padding:56px 60px}
.qp .big p{font-size:40px}
.qp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.qp-tags a{font:500 13px/1 var(--sans);padding:7px 11px;border:1px solid var(--rule);text-decoration:none}
.actions{display:flex;gap:10px;margin-top:26px}
.btn{font:500 14px/1 var(--sans);padding:11px 16px;border-radius:2px;border:1px solid var(--cloth);background:var(--cloth);color:var(--gilt-hi);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn.ghost{background:transparent;color:var(--cloth)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.two h2{font:500 28px/1.15 var(--serif);margin-bottom:6px}
.two .qlist blockquote p{font-size:20px}
.two .who .nm{font-size:16px}
.sp li{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:12px 0;border-bottom:1px dotted #bfae86}
.sp a{font-size:20px;text-decoration:none}
.sp a:hover{color:var(--ox)}
.sp span{font:400 14px var(--sans);color:var(--ink-2);align-self:center;text-align:right}
.sp small{grid-column:1;color:var(--ink-2);font-size:16px;font-style:italic}
.split{display:grid;grid-template-columns:1.25fr 1fr;gap:56px}
@media (max-width:760px){
  body{font-size:18px}
  .wrap{padding:0 16px}
  .nav{gap:16px;margin-left:auto}
  .nav a{font-size:14px}
  .srch{order:3;flex-basis:100%;max-width:none;margin:0}
  section{margin:40px 0}
  .sh h2{font-size:28px}
  .book{grid-template-columns:1fr;padding:8px 8px 14px}
  .pg-l{display:none}
  .pg,.qp .pg-r{padding:30px 22px 34px;min-height:0;border-radius:4px}
  .pg-r .ribbon{right:20px}
  .big p,.big.xl p,.qp .big p{font-size:27px}
  .mobile-front{display:flex!important;align-items:center;gap:12px;margin-top:22px}
  .mobile-front .th{width:46px;height:58px}
  .mobile-front .who{font-size:18px}
  .mobile-front .yrs{display:block;font-size:15px;color:var(--ink-2)}
  .by{display:none}
  .src{font-size:16px}
  .qlist blockquote p{font-size:21px}
  .tags{margin-left:0;width:100%}
  .cols{grid-template-columns:1fr;gap:34px}
  .chap{padding-top:34px}
  .chap h1{font-size:40px}
  .tp{grid-template-columns:1fr;gap:20px;padding-top:30px}
  .tp .oval{width:190px}
  .tp-text{padding:30px 20px;outline-offset:-9px}
  .tp h1{font-size:44px}
  .two{grid-template-columns:1fr;gap:34px}
  .split{grid-template-columns:1fr;gap:40px}
}
:root{--oak:#6e4728;--oak-dk:#3e2715;--walnut:#4a2e1a;--brass-hi:#f1dda0;--brass:#c39b55;--brass-lo:#7f5f29;--brass-ink:#3a2810;--cubby:#24160c}
.oak{background-color:var(--oak);background-image:linear-gradient(180deg,rgba(255,220,170,.10),rgba(0,0,0,.20)),url(/img/tex/wood.png)}
.brass{background:linear-gradient(180deg,var(--brass-hi),var(--brass) 52%,#9c7a3e);color:var(--brass-ink);
  box-shadow:inset 0 1px 0 rgba(255,250,225,.65),inset 0 -1px 0 rgba(90,60,20,.45),0 1px 2px rgba(0,0,0,.5)}
.desk{position:relative;margin-top:34px;padding-bottom:30px}
.desk::before{content:"";position:absolute;left:0;right:0;bottom:0;height:128px;background-color:var(--walnut);
  background-image:linear-gradient(180deg,rgba(255,215,150,.16),rgba(0,0,0,.30)),url(/img/tex/wood.png);
  box-shadow:inset 0 2px 0 rgba(255,220,170,.28),inset 0 12px 16px -10px rgba(0,0,0,.55)}
.desk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(#2c1a0d,#1d1108)}
.desk-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 214px;align-items:end}
.desk .book{max-width:none;margin:0}
.lampwrap{align-self:end;margin:0 -14px 10px 16px;position:relative;z-index:2}
.lampwrap .lamp{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 6px rgba(30,15,5,.45))}
.desk .scale{position:relative;z-index:1}
main>div>.scale{margin-top:20px}
.case2{padding:14px;border-radius:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.28),inset 0 0 0 4px rgba(255,220,170,.12),0 16px 30px -16px rgba(40,22,8,.65)}
.bay{background:var(--cubby);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:22px 12px 0;min-height:330px;position:relative;
  box-shadow:inset 0 16px 22px -12px rgba(0,0,0,.75),inset 0 0 30px rgba(0,0,0,.35)}
.bay::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background-color:#7a5030;
  background-image:linear-gradient(180deg,#a4744a 0,#865733 3px,#6c4528 60%,#4e311b),url(/img/tex/wood.png);background-blend-mode:normal,overlay;box-shadow:0 -2px 6px rgba(0,0,0,.45)}
.stack{display:flex;flex-direction:column;align-items:center;gap:1px;position:relative;z-index:1;width:100%}
.bk{display:flex;align-items:center;gap:10px;width:min(var(--len),100%);height:var(--t);padding:0 16px 0 20px;transform:translateX(var(--dx,0));text-decoration:none;position:relative;
  border-radius:3px 2px 2px 3px;background-color:var(--c);
  background-image:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 34%,rgba(0,0,0,.04) 62%,rgba(0,0,0,.45)),url(/img/tex/cloth.png);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.45);transition:transform .16s ease,filter .16s ease}
.bk::before,.bk::after{content:"";position:absolute;top:5px;bottom:5px;width:3px;border-left:1px solid rgba(214,178,98,.9);border-right:1px solid rgba(214,178,98,.9)}
.bk::before{left:8px}
.bk::after{right:8px}
.bk .t{flex:1;text-align:center;font:600 16.5px/1 var(--serif);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.bk .n{font:500 11.5px/1 var(--sans);color:rgba(240,216,145,.85)}
.bk:hover,.bk:focus-visible{transform:translateX(calc(var(--dx,0px) + 14px));filter:brightness(1.12)}
.bk.cur{transform:translateX(calc(var(--dx,0px) + 22px));box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.6)}
.bk.all{background-color:var(--page);background-image:linear-gradient(180deg,rgba(255,255,255,.4),rgba(0,0,0,.08)),url(/img/tex/laid.png);box-shadow:inset 0 0 0 1px #b9a77f,0 1px 1px rgba(0,0,0,.45)}
.bk.all .t{background:none;color:var(--ox);-webkit-background-clip:border-box;background-clip:border-box}
.bk.all::before,.bk.all::after{border-color:rgba(122,36,48,.5)}
.tag{position:relative;z-index:2;margin:5px 0 5px;padding:6px 14px 5px;border-radius:2px;font:600 15px/1 var(--serif);letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.tag::before,.tag::after{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#7d5f2a;box-shadow:inset 0 1px 0 rgba(255,240,200,.6)}
.tag::before{left:5px}
.tag::after{right:5px}
.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:16px;border-radius:6px;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.28),inset 0 0 0 4px rgba(255,220,170,.12),0 16px 30px -16px rgba(40,22,8,.6)}
.pt{display:flex;flex-direction:column;align-items:center;padding:22px 8px 16px;text-decoration:none;border-radius:2px;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.16));
  box-shadow:inset 2px 2px 0 rgba(255,220,170,.18),inset -2px -2px 0 rgba(0,0,0,.32),inset 0 0 0 7px rgba(0,0,0,.05),inset 8px 8px 0 -6px rgba(255,220,170,.06)}
.pt .oval{width:118px;padding:4px}
.pt .oval .mono{font-size:30px}
.plaque{margin-top:14px;padding:6px 10px 5px;text-align:center;border-radius:2px;min-width:86%;max-width:100%}
.plaque b{display:block;font:600 15.5px/1.15 var(--serif);font-variant:small-caps;letter-spacing:.03em}
.plaque small{display:block;font:500 11.5px/1.3 var(--sans);opacity:.85;margin-top:2px}
.pt .cnt{margin-top:7px;font:500 12.5px var(--sans);color:#f3e6c8}
.pt:hover .plaque{filter:brightness(1.08)}
.drawers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px;border-radius:6px;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.28),0 16px 30px -16px rgba(40,22,8,.6)}
.dr{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 10px 12px;text-decoration:none;border-radius:3px;
  background-color:#7a5030;background-image:linear-gradient(180deg,rgba(255,225,180,.16),rgba(0,0,0,.14)),url(/img/tex/wood.png);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 2px 2px 0 rgba(255,220,170,.25),inset -2px -2px 0 rgba(0,0,0,.35)}
.dr .ico{color:var(--brass-hi);filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}
.dr .lbl{font:600 16px/1.1 var(--serif);font-variant:small-caps;letter-spacing:.02em;padding:6px 10px 5px;border-radius:2px;text-align:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.dr .sub{font:500 12.5px/1.35 var(--sans);color:#f3e6c8;text-align:center}
.dr .pull{width:48px;height:20px;background:url(/img/tex/pull.svg) center/contain no-repeat}
.dr:hover .lbl{filter:brightness(1.1)}
.minicase{padding:10px;border-radius:5px;box-shadow:inset 0 0 0 3px rgba(0,0,0,.28)}
.minicase .bay{min-height:0;padding-top:18px}
.minicase .bk{height:30px}
.minicase .bk .t{font-size:15.5px}
.frontis{padding:26px 22px 18px;border-radius:5px;text-align:center;box-shadow:inset 0 0 0 3px rgba(0,0,0,.28),inset 0 0 0 4px rgba(255,220,170,.12),0 14px 26px -14px rgba(40,22,8,.6)}
.frontis .panel{padding:24px 14px 18px;border-radius:2px;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.16));box-shadow:inset 2px 2px 0 rgba(255,220,170,.18),inset -2px -2px 0 rgba(0,0,0,.32)}
.frontis .oval{width:230px}
.frontis .plaque{margin:16px auto 0;display:inline-block;min-width:70%}
.frontis .plaque b{font-size:18px}
.tp2{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center;padding:44px 0 14px}
.tp2 .credit{color:var(--ink-3);margin-top:10px}
@media (max-width:760px){
  .desk{margin-top:20px;padding-bottom:22px}
  .desk::before{height:84px}
  .desk-in{grid-template-columns:1fr;padding:0 16px}
  .lampwrap{display:none}
  .case2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}
  .bay{min-height:0;padding:16px 6px 0}
  .bk{padding:0 12px 0 15px;height:calc(var(--t) - 3px);width:min(var(--len),calc(100% - 14px));transform:translateX(calc(var(--dx,0px) * .5))}
  .bk::before{left:6px}
  .bk::after{right:6px}
  .bk .t{font-size:15px}
  .bk .n{display:none}
  .tag{font-size:13.5px;padding:6px 12px 5px}
  .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}
  .pt{padding:14px 4px 12px}
  .pt .oval{width:84px}
  .plaque{padding:5px 4px 4px;min-width:0;width:100%}
  .plaque b{font-size:13.5px}
  .plaque small{font-size:10.5px}
  .pt .cnt{font-size:11.5px}
  .drawers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
  .dr .lbl{font-size:14.5px}
  .tp2{grid-template-columns:1fr;gap:20px;padding-top:24px}
  .frontis{max-width:300px;margin:0 auto;padding:16px}
  .frontis .oval{width:170px}
}
.f3{margin-top:72px}
.f3-in{max-width:1180px;margin:0 auto;padding:40px 28px 34px;display:grid;grid-template-columns:auto 1fr;gap:18px 44px;align-items:center}
.f3 .logo{gap:12px}
.f3 nav{display:flex;gap:22px;font:500 14px var(--sans)}
.f3 nav a{text-decoration:none}
.f3 p{grid-column:1 / -1;font:400 13.5px/1.6 var(--sans);max-width:760px}
@media (max-width:760px){
  .f3-in{grid-template-columns:1fr;padding:32px 16px 28px}
  .f3 nav{flex-wrap:wrap}
}
.h5{background:#f9f5ea;position:relative}
.h5-in{max-width:1180px;margin:0 auto;padding:22px 28px 0;display:flex;align-items:flex-end;gap:28px}
.h5::after{content:"";display:block;height:11px;background:linear-gradient(180deg,#c49a55 0 2px,#4a2e1a 2px)}
.h5 .srch,.h5 .nav{margin-bottom:10px}
.h5 .srch{max-width:400px}
.h5 .srch input{border:0;border-bottom:1.5px solid #8a6a45;background:transparent;border-radius:0;padding-left:2px;height:38px;box-shadow:none;font-size:16.5px}
.h5 .srch button{top:1px}
.h5 .nav{gap:26px}
.h5 .nav a{font:500 15px/1 var(--sans);letter-spacing:.02em;padding:6px 0;text-decoration:none;color:#5d5040}
.h5 .nav a:hover{color:var(--ink)}
.h5 .nav a[aria-current]{color:var(--ink);box-shadow:0 2px 0 #c49a55}
.lg5{display:flex;align-items:flex-end;gap:12px;text-decoration:none;flex:0 0 auto}
.lg5 svg{display:block}
.mkx{display:none}
.mk-row .m-row{display:block}
.lg5 .mkx svg{height:50px;width:auto}
.wm5{display:block;font:400 26px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#3b2616;padding-bottom:10px;white-space:nowrap}
.az5{background:#f9f5ea}
.az5-in{max-width:1180px;margin:0 auto;padding:16px 28px 0;display:flex;align-items:flex-end;gap:4px;overflow-x:auto;scrollbar-width:none}
.az5-in::-webkit-scrollbar{display:none}
.az5-l{font:400 13px/1 var(--sans);color:var(--ink-3);align-self:center;margin-right:14px;white-space:nowrap;letter-spacing:.02em}
.az5 a{flex:0 0 31px;height:var(--h);background:var(--c);color:var(--t);font:500 15px/1 var(--sans);display:flex;align-items:center;justify-content:center;
  text-decoration:none;border-radius:2px 2px 0 0;position:relative;transition:transform .15s ease}
.az5 a::before,.az5 a::after{content:"";position:absolute;left:5px;right:5px;border-top:1px solid var(--b)}
.az5 a::before{top:5px}
.az5 a::after{bottom:5px}
.var-more .az5 a{flex-basis:var(--wm);height:var(--hm);background:var(--cm);color:var(--tm)}
.var-more .az5 a::before,.var-more .az5 a::after{border-color:var(--bm)}
.az5 a:hover{transform:translateY(-3px)}
.az5 a[aria-current],.var-more .az5 a[aria-current]{transform:translateY(-9px);background:#c49a55;color:#2e1d10}
.az5 a[aria-current]::before,.az5 a[aria-current]::after{border-color:rgba(46,29,16,.45)}
.az5::after{content:"";display:block;height:11px;background:linear-gradient(180deg,#c49a55 0 2px,#4a2e1a 2px)}
.f5{background:linear-gradient(180deg,#c49a55 0 2px,#4a2e1a 2px 11px,#f9f5ea 11px);color:var(--ink-2);padding-top:11px}
.f5 nav a{color:var(--ink)}
.f5 .lg5{gap:10px}
.f5 .lg5 .mkx svg{height:34px}
.f5 .wm5{font-size:20px;padding-bottom:4px}
@media (max-width:760px){
  .h5-in{flex-wrap:wrap;padding:14px 16px 12px;align-items:center;gap:12px 16px}
  .h5::after{display:none}
  .lg5{flex-basis:calc(100% + 32px);margin:0 -16px;padding:0 16px;gap:9px;background:linear-gradient(0deg,#4a2e1a 0 8px,#c49a55 8px 10px,transparent 10px)}
  .lg5>*{margin-bottom:10px}
  .lg5 .mkx svg{height:36px}
  .wm5{font-size:21px;letter-spacing:.12em;padding-bottom:9px}
  .h5 .srch,.h5 .nav{margin-bottom:0}
  .h5 .nav{gap:18px;margin-left:auto}
  .h5 .nav a{font-size:14px}
  .h5 .srch{order:3;flex-basis:100%;max-width:none;margin:0}
  .az5-in{padding:16px 16px 0}
  .az5 a{flex:0 0 30px}
  .f5 .lg5{flex-basis:auto;margin:0;padding:0;background:none}
  .f5 .lg5>*{margin-bottom:0}
}
body{background:#f4efe2}
.case2,.case2.oak{background:none;padding:0;gap:40px 48px;box-shadow:none;border-radius:0}
.bay{background:none;box-shadow:none;padding:0;min-height:0}
.bay::after{display:none}
.stack{border-bottom:10px solid #4a2e1a}
.bk{background-image:none;box-shadow:none}
.bk .t{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f1e3bd;font:600 18px/1 var(--serif);letter-spacing:.015em}
.bk .n{font:500 12.5px/1 var(--sans);color:rgba(241,227,189,.75)}
.bk::before,.bk::after{border-color:rgba(241,227,189,.5)}
.var-more .bk{background-color:var(--cm,var(--c))}
.var-more .bk.lt .t{color:#2e1d10}
.var-more .bk.lt .n{color:rgba(46,29,16,.7)}
.var-more .bk.lt::before,.var-more .bk.lt::after{border-color:rgba(74,46,26,.5)}
.bk.cur{box-shadow:none;filter:brightness(1.18)}
.bk.all,.var-more .bk.all{background:var(--page);background-image:none;box-shadow:inset 0 0 0 1px #c9b58c}
.bk.all .t,.var-more .bk.all .t{color:var(--ox)}
.case2 .tag,.minicase .tag{background:#c49a55;color:#2e1d10;box-shadow:none;margin:0;padding:7px 12px 6px;border-radius:0 0 2px 2px;font:500 13px/1 var(--sans);letter-spacing:.02em}
.case2 .tag::before,.case2 .tag::after,.minicase .tag::before,.minicase .tag::after{display:none}
.minicase,.minicase.oak{background:none;padding:0;box-shadow:none;border-radius:0}
.minicase .bay{padding-top:0}
.minicase .bk .t{font-size:17px}
.tp-text{background:#f8f4e9}
@media (max-width:760px){
  .case2,.case2.oak{gap:30px 18px;padding:0}
  .bay{padding:0}
  .bk .t{font-size:16px}
}
.gallery{background:none;padding:0;column-gap:0;row-gap:34px;box-shadow:none;border-radius:0}
.pt{background:none;box-shadow:none;padding:0 8px 14px;border-bottom:6px solid #4a2e1a;border-radius:0}
.plaque,.plaque.brass{background:none;box-shadow:none;color:var(--ink);padding:0;margin-top:12px;min-width:0}
.plaque b{font:500 18px/1.15 var(--serif);font-variant:small-caps;letter-spacing:.03em}
.plaque small{font:400 12.5px/1.4 var(--sans);color:var(--ink-2);opacity:1;margin-top:3px}
.pt .cnt{color:var(--ink-3);margin-top:4px}
.pt:hover .plaque{filter:none;color:var(--ox)}
.gallery .oval,.frontis .oval,.th{background:#c49a55;box-shadow:none}
.gallery .oval>*,.frontis .oval>*{box-shadow:none}
.frontis{background:none;padding:0;box-shadow:none;border-radius:0}
.frontis .panel{background:none;box-shadow:none;padding:0 0 18px;border-bottom:6px solid #4a2e1a;border-radius:0}
.frontis .plaque b{font-size:21px}
.frontis .plaque small{font-size:14px}
@media (max-width:760px){
  .gallery{padding:0;column-gap:0;row-gap:24px}
  .pt{padding:0 4px 12px}
  .plaque b{font-size:15px}
  .frontis{padding:0}
}
.lampwrap>span{display:block}
.lamp-flat{display:none!important}
.desk-flat .lamp-flat{display:block!important}
.desk-flat .desk::before{background:#4a2e1a;background-image:none;box-shadow:inset 0 3px 0 #6b4429}
.desk-flat .desk::after{background:#352113}
.desk-flat .book{background:var(--cloth);box-shadow:none}
.desk-flat .pg{background:var(--page)}
.desk-flat .pg-l{box-shadow:inset -1px 0 0 #e0d3b4,0 3px 0 #ebe2cb,0 6px 0 #d6c7a3}
.desk-flat .pg-r{box-shadow:inset 1px 0 0 #e0d3b4,0 3px 0 #ebe2cb,0 6px 0 #d6c7a3}
.desk-flat .pg-r .ribbon{filter:none}
.desk-flat .ribbon path:first-of-type{fill:#7a2430}
.desk-flat .ribbon path+path{display:none}
.desk-flat .lampwrap .lamp{filter:none}
.desk-flat .desk .oval{background:#c49a55;box-shadow:none}
.desk-flat .desk .oval>*{box-shadow:none}
body{--hband:#f9f5ea;--azband:#f9f5ea;--hplank:linear-gradient(180deg,#c49a55 0 2px,#4a2e1a 2px);--bplank:#4a2e1a;--eplank:#4a2e1a;--shph:linear-gradient(0deg,#4a2e1a 0 8px,#c49a55 8px 10px,transparent 10px);--ftop:linear-gradient(180deg,#c49a55 0 2px,#4a2e1a 2px 11px,#f9f5ea 11px);--bk:none;--bkl:none;--azbk:none;--azcur:none;--bronze:#c49a55;--bronze2:#c49a55;--desk:#4a2e1a;--cover:#1d3a31}
.fin-grad{--hband:linear-gradient(180deg,#fcf9f2,#f5efe0);--azband:linear-gradient(180deg,#f8f3e7,#f2ebda);--hplank:linear-gradient(180deg,#dcb877 0,#b88c47 2px,#634129 2px,#4a2e1a 6px,#37210f);--bplank:linear-gradient(180deg,#634129,#4a2e1a 45%,#37210f);--eplank:linear-gradient(180deg,#5c3b24,#4a2e1a 45%,#3a2312);--shph:linear-gradient(0deg,#37210f 0,#4a2e1a 4px,#634129 8px,#b88c47 8px,#dcb877 10px,transparent 10px);--ftop:linear-gradient(180deg,#dcb877 0,#b88c47 2px,#634129 2px,#4a2e1a 6px,#37210f 11px,#f9f5ea 11px);--bk:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%,rgba(0,0,0,.16));--bkl:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%,rgba(0,0,0,.16));--azbk:linear-gradient(90deg,rgba(0,0,0,.14),rgba(255,255,255,.12) 32%,rgba(255,255,255,0) 62%,rgba(0,0,0,.16));--azcur:linear-gradient(90deg,#a7803f,#dcb877 35%,#c49a55 65%,#9c7a3e);--bronze:linear-gradient(180deg,#d8b371,#b88c47);--bronze2:linear-gradient(135deg,#e2c07f,#c49a55 45%,#9f7839);--desk:linear-gradient(180deg,#634129 0,#4a2e1a 36px,#3d2515);--cover:linear-gradient(180deg,#27493e,#1d3a31 42%,#16302a)}
.h5{background:var(--hband)}
.h5::after,.az5::after{background:var(--hplank)}
.az5{background:var(--azband)}
.az5 a,.var-more .az5 a{background-image:var(--azbk)}
.az5 a[aria-current],.var-more .az5 a[aria-current]{background-image:var(--azcur)}
.bk,.var-more .bk{background-image:var(--bk)}
.bk.all,.var-more .bk.all{background-image:none}
.case2 .tag,.minicase .tag{background:var(--bronze)}
.gallery .oval,.frontis .oval,.th,.desk-flat .desk .oval{background:var(--bronze2)}
.desk-flat .desk::before{background:var(--desk);box-shadow:inset 0 3px 0 rgba(255,220,170,.12)}
.desk-flat .book{background:var(--cover)}
.f5{background:var(--ftop)}
.og{display:none}
.fin-grad .og{display:inline}
.stack{border-bottom:0;padding-bottom:10px}
.stack::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--bplank)}
.pt{border-bottom:0;padding-bottom:20px;position:relative}
.pt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--bplank)}
.frontis .panel{border-bottom:0;padding-bottom:24px;position:relative}
.frontis .panel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--bplank)}
body.bg-light{background:radial-gradient(1500px 900px at 50% -260px,#fefcf6 0,rgba(254,252,246,0) 72%) no-repeat,#f1eadc}
.os{display:none;align-items:flex-end;flex:0 0 auto}
.p-end .os-out{display:flex}
.os-out{position:relative;z-index:2;margin-left:2px}
.ob{display:none}
.o-lamp .ob-lamp,.o-bust .ob-bust,.o-ivy .ob-ivy,.o-globe .ob-globe,.o-hglass .ob-hglass{display:block}
.ob svg{display:block;width:auto}
.ob-lamp svg{height:40px}
.ob-bust svg{height:50px}
.ob-ivy svg{height:46px}
.ob-ivy{position:relative;z-index:2}
.ob-globe svg{height:48px}
.ob-hglass svg{height:42px}
.p-end .ob-bust svg{transform:scaleX(-1)}
.p-end .ob-lamp svg{transform:scaleX(-1)}
.lg5,.os-out{cursor:pointer}
.wm5{transition:text-shadow .3s ease}
@media (max-width:760px){
  .lg5{background:var(--shph)}
  .p-end .os-out{display:none}
  .ob-lamp svg{height:30px}
  .ob-bust svg{height:37px}
  .ob-ivy svg{height:34px}
  .ob-globe svg{height:36px}
  .ob-hglass svg{height:31px}
  .pt{padding-bottom:18px}
}
.ob-lamp .lp-cone{opacity:0;transition:opacity .2s ease}
.ob-lamp .lp-bulb{opacity:0;transition:opacity .2s ease}
.ob-lamp .lp-halo{opacity:0;transition:opacity .3s ease}
.ob-lamp .lp-chain{transform-box:view-box;transform-origin:42px 27px}
@keyframes lpTug{0%{transform:translateY(0)}45%{transform:translateY(3.5px)}100%{transform:translateY(0)}}
@keyframes lpFlick{0%{opacity:0}18%{opacity:.5}30%{opacity:.06}48%{opacity:.55}62%{opacity:.22}100%{opacity:.55}}
.o-lamp .lg5:hover .wm5,.o-lamp .h5-in:has(.os-out:hover) .wm5,.o-lamp .h5-in:has(.os-out:focus-visible) .wm5{text-shadow:0 0 18px rgba(255,200,100,.75),0 0 3px rgba(255,226,160,.7);transition:text-shadow .35s ease .45s}
.ob-bust .bs-gleam{transform:translateX(0)}
.ob-bust .bs-glint{opacity:0;transform-box:fill-box;transform-origin:center}
@keyframes bsGleam{0%{transform:translateX(0)}100%{transform:translateX(150px)}}
@keyframes bsGlint{0%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.3) rotate(45deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}
.ob-ivy .iv-l,.ob-ivy .iv-s{transform-box:view-box}
@keyframes ivLeaf{0%,100%{transform:rotate(0)}18%{transform:rotate(-12deg)}40%{transform:rotate(9deg)}62%{transform:rotate(-5deg)}82%{transform:rotate(2deg)}}
@keyframes ivSway{0%,100%{transform:rotate(0)}25%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}
@keyframes glSpin{0%{transform:translateX(0)}100%{transform:translateX(58px)}}
.ob-hglass .hg{transform-box:view-box;transform-origin:15px 31px}
.ob-hglass .hg-st{transform-box:view-box;transform-origin:15px 10.9px;transform:scaleY(0)}
.ob-hglass .hg-sb{transform-box:view-box;transform-origin:15px 41.6px}
.ob-hglass .hg-sr{opacity:0}
@keyframes hgFlip{0%{transform:rotate(0)}22%,100%{transform:rotate(180deg)}}
@keyframes hgDrain{0%,24%{transform:scaleY(1)}95%,100%{transform:scaleY(0)}}
@keyframes hgFill{0%,24%{transform:scaleY(0)}95%,100%{transform:scaleY(1)}}
@keyframes hgStream{0%,25%{opacity:0}29%,91%{opacity:1}96%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ob *{animation:none!important;transition:none!important}
}
.os-out:hover .ob-lamp .lp-chain,.os-out:focus-visible .ob-lamp .lp-chain{animation:lpTug .32s ease-out}
.os-out:hover .ob-lamp .lp-cone,.os-out:focus-visible .ob-lamp .lp-cone{opacity:.55;animation:lpFlick .55s .26s both}
.os-out:hover .ob-lamp .lp-bulb,.os-out:focus-visible .ob-lamp .lp-bulb{opacity:1;transition-delay:.26s}
.os-out:hover .ob-lamp .lp-halo,.os-out:focus-visible .ob-lamp .lp-halo{opacity:.3;transition-delay:.4s}
.os-out:hover .ob-bust .bs-gleam,.os-out:focus-visible .ob-bust .bs-gleam{animation:bsGleam .9s ease-in-out}
.os-out:hover .ob-bust .bs-glint,.os-out:focus-visible .ob-bust .bs-glint{animation:bsGlint .6s .55s ease-out}
.os-out:hover .ob-ivy .iv-l,.os-out:focus-visible .ob-ivy .iv-l{animation:ivLeaf .9s ease-in-out both}
.os-out:hover .ob-ivy .iv-s,.os-out:focus-visible .ob-ivy .iv-s{animation:ivSway 1.3s ease-in-out both}
.os-out:hover .ob-globe .gl-spin,.os-out:focus-visible .ob-globe .gl-spin{animation:glSpin 1.6s cubic-bezier(.2,.75,.35,1)}
.os-out:hover .ob-hglass .hg,.os-out:focus-visible .ob-hglass .hg{animation:hgFlip 2.4s ease-in-out both}
.os-out:hover .ob-hglass .hg-sb,.os-out:focus-visible .ob-hglass .hg-sb{animation:hgDrain 2.4s linear both}
.os-out:hover .ob-hglass .hg-st,.os-out:focus-visible .ob-hglass .hg-st{animation:hgFill 2.4s linear both}
.os-out:hover .ob-hglass .hg-sr,.os-out:focus-visible .ob-hglass .hg-sr{animation:hgStream 2.4s linear both}
.lean{transform-box:view-box;transform-origin:58px 56px;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.lg5:hover .lean,.lg5:focus-visible .lean{transform:rotate(14deg)}
.shelfrow{display:contents}
.h5-in>.srch{order:1}
.h5-in>.nav{order:2}
.os-out{order:3}
a.os-out{text-decoration:none;color:inherit}
.os-out .oslabel{position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);width:max-content;white-space:nowrap;font:600 9px/1 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:#2e1d10;background:var(--bronze);padding:3px 7px;border-radius:1.5px;box-shadow:0 0 0 1px rgba(74,46,26,.22);transition:filter .2s ease}
.os-out:hover .oslabel{filter:brightness(1.12)}
body.bg-light{background:radial-gradient(ellipse 1150px 820px at 50% 60px,#fffdf8 0,rgba(255,253,248,.7) 40%,rgba(255,253,248,0) 74%) no-repeat,
  linear-gradient(90deg,rgba(110,80,40,.075),rgba(110,80,40,0) 16%,rgba(110,80,40,0) 84%,rgba(110,80,40,.075)),#ede4d1}
@media (max-width:760px){
  .shelfrow{display:flex;align-items:flex-end;flex-basis:calc(100% + 32px);margin:0 -16px;padding:0 16px;gap:9px;background:var(--shph)}
  .shelfrow .lg5{flex:0 1 auto;margin:0;padding:0;background:none}
  .p-end .os-out{display:flex;margin:0 0 10px auto}
  .h5-in>.nav{order:2}
  .h5-in>.srch{order:3}
  .p-end .h5 .nav{margin-top:10px}
  .os-out .oslabel{left:auto;right:0;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .lean{transition:none}
}
.bk{--g:.3;--w:.16;--sh:.62;--hl:1;--gilt:#d9b25c;--deco:linear-gradient(var(--gilt),var(--gilt)) 6px 4px/1px calc(100% - 8px) no-repeat,linear-gradient(var(--gilt),var(--gilt)) 9px 4px/1px calc(100% - 8px) no-repeat,linear-gradient(var(--gilt),var(--gilt)) calc(100% - 6px) 4px/1px calc(100% - 8px) no-repeat,linear-gradient(var(--gilt),var(--gilt)) calc(100% - 9px) 4px/1px calc(100% - 8px) no-repeat;--ttl:#f0d488;--tsh:0 -1px 0 rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.5);
  --spine:linear-gradient(180deg,rgba(0,0,0,calc(.42*var(--sh))) 0,rgba(0,0,0,0) 13%,rgba(255,248,230,calc(.2*var(--sh)*var(--hl))) 27%,
    rgba(255,248,230,calc(.05*var(--sh)*var(--hl))) 44%,rgba(0,0,0,0) 60%,rgba(0,0,0,calc(.22*var(--sh))) 85%,rgba(0,0,0,calc(.5*var(--sh))) 100%),
    linear-gradient(90deg,rgba(0,0,0,calc(.45*var(--sh))) 0,rgba(0,0,0,0) 7px,rgba(0,0,0,0) calc(100% - 7px),rgba(0,0,0,calc(.45*var(--sh))) 100%)}
.bk.t-max{--g:1;--w:1}
.bk.t-heavy{--g:0.74;--w:0.6}
.bk.t-med{--g:0.5;--w:0.34}
.bk.t-light{--g:0.3;--w:0.16}
.bk.kC{--tsh:0 -1px 0 rgba(0,0,0,.45),0 1px 1px rgba(0,0,0,.6)}
.bk.kV{--deco:linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) 7px 4px/1px calc(100% - 8px) no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) 10px 4px/1px calc(100% - 8px) no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) calc(100% - 7px) 4px/1px calc(100% - 8px) no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) calc(100% - 10px) 4px/1px calc(100% - 8px) no-repeat;--ttl:#3b2614;--tsh:0 1px 0 rgba(255,250,235,.25);--hl:.35}
.bk.bd{--deco:linear-gradient(var(--gilt),var(--gilt)) 3px 3px/1px calc(100% - 6px) no-repeat,linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.22) 1px,rgba(255,238,200,.45) 1.6px,rgba(255,238,200,.16) 3px,rgba(0,0,0,.1) 4.2px,rgba(0,0,0,.62)) 5px 0/6px 100% no-repeat,linear-gradient(var(--gilt),var(--gilt)) 13px 3px/1px calc(100% - 6px) no-repeat,repeating-linear-gradient(180deg,var(--gilt) 0 1.5px,transparent 1.5px 3.2px) 16px 4px/1.5px calc(100% - 8px) no-repeat,linear-gradient(var(--gilt),var(--gilt)) calc(100% - 3px) 3px/1px calc(100% - 6px) no-repeat,linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.22) 1px,rgba(255,238,200,.45) 1.6px,rgba(255,238,200,.16) 3px,rgba(0,0,0,.1) 4.2px,rgba(0,0,0,.62)) calc(100% - 5px) 0/6px 100% no-repeat,linear-gradient(var(--gilt),var(--gilt)) calc(100% - 13px) 3px/1px calc(100% - 6px) no-repeat,repeating-linear-gradient(180deg,var(--gilt) 0 1.5px,transparent 1.5px 3.2px) calc(100% - 16px) 4px/1.5px calc(100% - 8px) no-repeat;padding:0 21px}
.bk.kV.bd{--deco:linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) 3px 3px/1px calc(100% - 6px) no-repeat,linear-gradient(90deg,rgba(60,35,10,.45),rgba(60,35,10,.15) 1px,rgba(255,250,235,.35) 1.6px,rgba(255,250,235,.12) 3px,rgba(60,35,10,.08) 4.2px,rgba(60,35,10,.45)) 5px 0/6px 100% no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) 13px 3px/1px calc(100% - 6px) no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) calc(100% - 3px) 3px/1px calc(100% - 6px) no-repeat,linear-gradient(90deg,rgba(60,35,10,.45),rgba(60,35,10,.15) 1px,rgba(255,250,235,.35) 1.6px,rgba(255,250,235,.12) 3px,rgba(60,35,10,.08) 4.2px,rgba(60,35,10,.45)) calc(100% - 5px) 0/6px 100% no-repeat,linear-gradient(rgba(70,40,18,.55),rgba(70,40,18,.55)) calc(100% - 13px) 3px/1px calc(100% - 6px) no-repeat}
.var-more .bk.lt{--ttl:#24170b;--tsh:0 1px 0 rgba(255,240,210,.28)}
.bk.kV.all{--ttl:var(--ox)}
.bk,.var-more .bk{background-image:var(--spine);box-shadow:0 1px 1px rgba(0,0,0,.28)}
.var-more .bk.kV{background-color:#d5c39b}
.bk.all.kV,.var-more .bk.all.kV{background-color:#dccdab;background-image:var(--spine);box-shadow:0 1px 1px rgba(0,0,0,.24)}
.bk.cur{box-shadow:0 1px 1px rgba(0,0,0,.28)}
.bk::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:auto;border:0;border-radius:inherit;pointer-events:none;
  background:var(--sk,none) var(--kx,0) var(--ky,0)/var(--ks,128px 128px);mix-blend-mode:hard-light;opacity:var(--g)}
.bk .wr{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:calc(var(--w) * var(--wf,.85));
  background:url(/img/tex/wtop.webp) var(--wx,0) 0/512px 10px repeat-x,url(/img/tex/wbot.webp) var(--wx2,0) 100%/512px 10px repeat-x,
    url(/img/tex/wl.webp) 0 var(--wy,0)/12px 128px repeat-y,url(/img/tex/wr.webp) 100% var(--wy2,0)/12px 128px repeat-y,
    url(/img/tex/wsc.webp) var(--wx,0) var(--wy,0)/512px 80px}
.bk::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:auto;border:0;border-radius:inherit;pointer-events:none;background:var(--deco)}
.bk .t,.bk .n{position:relative;z-index:1}
.var-more .bk.bk .t,.bk.bk .t{color:var(--ttl);text-shadow:var(--tsh)}
.var-more .bk.bk .n,.bk.bk .n{color:var(--ttl);text-shadow:var(--tsh);opacity:.82}
@media (max-width:760px){
  .bk.bd{padding:0 19px}
}
.m-peb{--sk:url(/img/tex/sk-peb.webp);--ks:128px 128px}
.m-str{--sk:url(/img/tex/sk-str.webp);--ks:128px 128px}
.m-calf{--sk:url(/img/tex/sk-calf.webp);--ks:256px 96px}
.m-rus{--sk:url(/img/tex/sk-rus.webp);--ks:128px 128px}
.m-buck{--sk:url(/img/tex/sk-buck.webp);--ks:128px 128px}
.m-lin{--sk:url(/img/tex/sk-lin.webp);--ks:132px 132px}
.m-rib{--sk:url(/img/tex/sk-rib.webp);--ks:128px 128px}
.m-bead{--sk:url(/img/tex/sk-bead.webp);--ks:128px 128px}
.m-vel{--sk:url(/img/tex/sk-vel.webp);--ks:256px 96px}
.stack{gap:0}

/* ---------------- site additions (not in the mockups) ---------------- */
/* quotes link to their own pages; the quote of the day too */
.qlist blockquote a,.big a{color:inherit;text-decoration:none}
.qlist blockquote a:hover,.big a:hover{color:var(--ox)}
/* "Often credited to" and the Wikiquote credit */
.att .cred{font-size:16px;font-style:italic;color:var(--ink-2)}
.pg-r .cred{font-size:17px;font-style:italic;color:var(--ink-2);margin-top:6px}
.cred a{text-decoration-color:rgba(122,36,48,.35)}
.pg-r .wq,.pg-m .wq{font:400 12.5px/1.45 var(--sans);color:var(--ink-3);margin-top:12px}
.pg-r .wq a,.pg-m .wq a{color:inherit}
/* longer quotes in the open book: smaller type */
.big.mid p{font-size:29px}
.big.long p{font-size:24px;line-height:1.36}
.qdesk .big.mid p{font-size:31px}
.qdesk .big.long p{font-size:25px}
/* the quote page: the desk sits right under the crumbs */
.qcrumbs{padding-top:22px}
.desk.qdesk{margin-top:6px}
.qmain{padding-top:0}
.qmain .actions{justify-content:center;margin-top:22px}
/* ads */
.adbox{margin:28px 0;min-height:90px}
.qlist>li.adli{padding:14px 0}
.side .adbox{margin:0}
/* page numbers */
.pager .gap{border:0;min-width:0;padding:0 2px;color:var(--ink-3)}
.pager a.next{margin-left:auto}
.pager b[aria-current]{cursor:default}
.sortbar .pgof{margin-left:auto}
.filters b span{color:inherit;opacity:.75}
/* links under a list */
.more{margin-top:14px;font:500 14px var(--sans);color:var(--ink-2)}
.more a{text-decoration:none;border-bottom:1px solid var(--gilt)}
.note2{font-size:16px;color:var(--ink-2)}
.note2 a{color:inherit}
.chap .sub a{color:inherit}
section.first{margin-top:34px}
.nofilt{margin-top:34px}
.h2s{font:500 28px/1.15 var(--serif);margin:0 0 10px}
/* the person page: quotes often credited to them */
.credsec{margin:46px 0 0}
.credsec h2{font:500 28px/1.15 var(--serif);margin-bottom:6px}
.credsec .lede2{font-style:italic;color:var(--ink-2);margin-bottom:10px}
/* the Topics page: every topic A to Z, subtopics under each */
.tshelves{margin-top:34px}
.tindex{columns:3 240px;column-gap:44px}
.tindex>li{break-inside:avoid;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--rule)}
.tindex .tt{font:500 22px/1.2 var(--serif);text-decoration:none}
.tindex .tt:hover{color:var(--ox)}
.tindex .tn{font:400 12.5px var(--sans);color:var(--ink-3);margin-left:3px}
.tindex ul{margin-top:5px;font-size:17px;line-height:1.5}
.tindex ul li{display:inline}
.tindex ul li:not(:last-child)::after{content:" \00b7 ";color:var(--ink-3)}
.tindex ul a{text-decoration:none;border-bottom:1px solid var(--rule)}
.tindex ul a:hover{border-color:var(--ox)}
.tlinks{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:19px}
.tlinks a{text-decoration:none;border-bottom:1px solid var(--rule)}
.tlinks .tn{font:400 12.5px var(--sans);color:var(--ink-3)}
/* People: the letters */
.letters{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}
.letters a,.letters span{display:flex;flex-direction:column;align-items:center;padding:8px 2px 6px;border-radius:2px;text-decoration:none}
.letters b{font:600 24px/1.05 var(--serif)}
.letters small{font:500 11.5px var(--sans);opacity:.8}
.letters a:hover{filter:brightness(1.08)}
.letters span{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule)}
.letters span.on{background:#4a2e1a;color:#f1dda0;box-shadow:none}
/* search */
.bigsrch{display:flex;gap:10px;max-width:600px;margin:22px auto 0}
.bigsrch input{flex:1;min-width:0;height:46px;border:0;border-bottom:1.5px solid #8a6a45;background:transparent;padding:0 4px;font:19px var(--serif);color:var(--ink)}
.bigsrch input:focus-visible{outline:2px solid var(--ox);outline-offset:2px}
.bigsrch .btn{flex:none}
/* speeches */
.splist{margin-top:30px}
.splist li{border-bottom:1px dotted #bfae86}
.side-sp li{grid-template-columns:1fr auto;padding:8px 0}
.side-sp a{font-size:18px}
.stext{max-width:40em}
.stext p{font-size:19px;line-height:1.65;margin:0 0 1em}
section.speech{margin-top:40px}
.sp-note{margin-top:30px;font-style:italic}
/* about and privacy */
.prose{max-width:760px;margin:30px auto 0}
.prose h2{font:500 28px/1.15 var(--serif);margin:34px 0 8px}
.prose p{margin:0 0 12px}
/* counts */
.counts .cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:30px}
.ctable{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--sans);margin-bottom:26px}
.ctable th,.ctable td{text-align:left;padding:6px 8px 6px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
.ctable td{text-align:right;white-space:nowrap}
.ctable thead th{font-weight:500;color:var(--ink-3)}
@media (max-width:760px){
  .big.mid p,.qdesk .big.mid p{font-size:23px}
  .big.long p,.qdesk .big.long p{font-size:20px}
  .tindex{columns:1}
  .letters{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
  .letters b{font-size:21px}
  .counts .cgrid{grid-template-columns:1fr}
  .bigsrch input{font-size:17px}
  .h2s,.credsec h2,.prose h2{font-size:25px}
}
/* the quote page's crumbs and lists keep the page's side margins (.qp's padding shorthand set them to 0) */
.wrap.qp{padding-left:28px;padding-right:28px}
@media (max-width:760px){.wrap.qp{padding-left:16px;padding-right:16px}}
/* phones: a shorter ribbon, so it stays clear of the quote's first line */
@media (max-width:760px){.pg-r .ribbon{height:60px}.pg-r .runhead{padding-right:34px}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* mod_pagespeed puts its image beacon script inside a portrait's oval on the pages it instruments; .oval>* made it a visible block */
script{display:none!important}
/* the A to Z as books: a rounded spine, cloth grain, a gilt double band at head and tail, gilt lettering on the dark ones;
   the current letter is taken out of line: bronze, leaning on its neighbour */
.var-more .az5 a{isolation:isolate;border-radius:2px 2px 1px 1px;font-weight:600;text-shadow:0 -1px 0 rgba(0,0,0,.35);
  background-color:var(--cm);
  background-image:linear-gradient(var(--bm),var(--bm)),linear-gradient(var(--bm),var(--bm)),linear-gradient(var(--bm),var(--bm)),linear-gradient(var(--bm),var(--bm)),
    linear-gradient(90deg,rgba(0,0,0,.32) 0,rgba(0,0,0,0) 20%,rgba(255,248,230,.22) 36%,rgba(255,248,230,.05) 56%,rgba(0,0,0,0) 74%,rgba(0,0,0,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0) 12%,rgba(0,0,0,0) 86%,rgba(0,0,0,.26));
  background-position:0 5px,0 8px,0 calc(100% - 5px),0 calc(100% - 8px),0 0,0 0;
  background-size:100% 1px,100% 1px,100% 1px,100% 1px,100% 100%,100% 100%;background-repeat:no-repeat;
  box-shadow:1px 0 0 rgba(0,0,0,.18)}
.var-more .az5 a::after{display:none}
.var-more .az5 a::before{top:0;right:0;bottom:0;left:0;border:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:url(/img/tex/sk-lin.webp) 0 0/96px 96px;mix-blend-mode:hard-light;opacity:.38}
.var-more .az5 a:nth-child(3n)::before{background-image:url(/img/tex/sk-buck.webp);background-position:-37px -11px}
.var-more .az5 a:nth-child(3n+1)::before{background-image:url(/img/tex/sk-rib.webp);background-position:-61px -43px}
.var-more .az5 a:nth-child(4n)::before{background-position:-19px -70px}
.var-more .az5 a[aria-current].lean-l{transform:rotate(-11deg);transform-origin:0 100%;margin:0 0 0 8px}
.var-more .az5 a[aria-current].lean-l:hover{transform:rotate(-11deg)}
.var-more .az5 a[aria-current]{transform:rotate(11deg);transform-origin:100% 100%;margin-right:8px;z-index:2;color:#2e1d10;text-shadow:0 1px 0 rgba(255,244,210,.6);
  background-color:#d9b25c;--bm:rgba(46,29,16,.6);box-shadow:4px 3px 6px rgba(40,20,5,.45),inset 0 0 0 1px rgba(90,60,15,.5)}
.var-more .az5 a[aria-current]::before{opacity:.2}
.var-more .az5 a[aria-current]:hover{transform:rotate(11deg)}
/* portraits: a quick sheen across the oval when its link (or the frontispiece) is hovered */
.oval,.th{position:relative;overflow:hidden}
.oval::after,.th::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,250,232,0) 40%,rgba(255,250,232,.6) 50%,rgba(255,250,232,0) 60%) 100% 0/260% 100% no-repeat;opacity:0}
a:hover .oval::after,a:hover .th::after,.frontis:hover .oval::after,.front:hover .oval::after{animation:fsSheen .8s ease-out}
@keyframes fsSheen{0%{background-position:100% 0;opacity:1}100%{background-position:0 0;opacity:1}}
@media (prefers-reduced-motion:reduce){a:hover .oval::after,a:hover .th::after,.frontis:hover .oval::after,.front:hover .oval::after{animation:none}}
/* the quote page's open book: the left page holds the portrait and, below a gilt rule, the heading, source and topics;
   the right page holds only the quote. Quotes over 320 characters (.qwide) take the lamp's room and a wider right page */
.qbook{grid-template-columns:1fr 1fr;grid-template-areas:"front quote" "meta quote";grid-template-rows:auto auto}
.qbook .pg-l{grid-area:front;min-height:0;padding:44px 40px 0;border-radius:5px 0 0 0;align-items:flex-end}
.desk-flat .qbook .pg-l{box-shadow:inset -1px 0 0 #e0d3b4}
.qbook .pg-r{grid-area:quote;min-height:470px;padding-right:92px}
.qbook .pg-m{grid-area:meta;min-height:0;border-radius:0 0 0 5px;padding:0 44px 40px;text-align:center}
.desk-flat .qbook .pg-m{box-shadow:inset -1px 0 0 #e0d3b4,0 3px 0 #ebe2cb,0 6px 0 #d6c7a3}
.qbook .pg-m::before{content:"";display:block;width:84px;height:5px;margin:24px auto 20px;border-top:1px solid #c49a55;border-bottom:1px solid #c49a55}
.qbook .runhead{margin-bottom:10px;line-height:1.25}
.qbook .pg-m .src{font-size:16px}
.qbook .pg-m .cred{font-size:16px}
.qbook .qp-tags{justify-content:center;margin-top:14px}
.qbook .front .oval{width:200px}
.qbook .big p{text-indent:-.42em}
.qbook .big.mid p{font-size:32px}
.qbook .big.long p{font-size:26px;line-height:1.38}
.qbook .big.xlong p{font-size:23px;line-height:1.42}
.qwide .desk-in{grid-template-columns:minmax(0,1fr)}
.qwide .qbook{grid-template-columns:5fr 7fr;max-width:1060px;margin:0 auto}
.qwide .qbook .front .oval{width:180px}
@media (max-width:760px){
  .qbook,.qwide .qbook{grid-template-columns:1fr;grid-template-areas:"quote" "meta";grid-template-rows:auto}
  .qbook .pg-r{min-height:0;border-radius:4px 4px 0 0;padding:62px 22px 6px}
  .qbook .pg-m{border-radius:0 0 4px 4px;padding:0 22px 30px;text-align:left}
  .desk-flat .qbook .pg-m{box-shadow:0 3px 0 #ebe2cb,0 6px 0 #d6c7a3}
  .desk-flat .qbook .pg-r{box-shadow:none}
  .qbook .pg-m::before{margin:20px 0 16px}
  .qbook .qp-tags{justify-content:flex-start}
  .qbook .big.mid p{font-size:25px}
  .qbook .big.long p{font-size:21px}
  .qbook .big.xlong p{font-size:19px}
}
/* quotes up to 100 characters keep the original quote page (heading, quote, source and topics on the right page, the portrait
   alone on the left); short lines break evenly ("I came, I saw, / I conquered.") */
.big.xl p{text-wrap:balance}
.qbook .big.xl p{font-size:36px}
@media (max-width:760px){.qbook .big.xl p{font-size:27px}}
/* All people A to Z (/people/all): every name under its letter, in columns, with years and quote count */
.letters.jump{margin-top:30px}
.pall{margin-top:38px;scroll-margin-top:16px}
.pindex{columns:4 220px;column-gap:36px;font-size:17px;line-height:1.4}
.pindex li{break-inside:avoid;padding:3px 0}
.pindex a{text-decoration:none;border-bottom:1px solid var(--rule)}
.pindex a:hover{color:var(--ox);border-color:var(--ox)}
.pindex .yr{font:400 12.5px var(--sans);color:var(--ink-3);white-space:nowrap}
.pindex .tn{font:500 12px var(--sans);color:var(--ink-2)}
.pindex .tn::before{content:"\00b7\00a0";color:var(--ink-3)}
@media (max-width:760px){.pindex{columns:2 140px;column-gap:18px;font-size:16px}.pindex .yr{display:none}.pall{margin-top:30px}}
/* ---------------- literature (Oct 26): the Literature page, a work's page and its parts' reading pages ---------------- */
.litjump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:24px;font:500 14px var(--sans)}
.litjump a{text-decoration:none;border-bottom:1px solid var(--gilt)}
.litjump span{font-weight:400;color:var(--ink-3);margin-left:6px}
.litg{scroll-margin-top:16px}
.litg .h2s{margin-bottom:0}
.litlist{margin-top:10px}
.litcols{columns:2 300px;column-gap:40px}
.litcols li{break-inside:avoid}
.sh-lit{margin-top:40px}
.lede{font-size:21px;line-height:1.55;margin:34px 0 0;max-width:38em}
.chap .sub .tr{display:block;font-size:17px;margin-top:4px}
.readbar{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:24px}
.readbar span{font:400 14px var(--sans);color:var(--ink-2)}
.wtext .rtext{margin-top:6px}
/* contents */
.toc ol{list-style:none;margin:0;padding:0}
.toc li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:8px 0;border-bottom:1px dotted #bfae86;break-inside:avoid}
.toc li a{font-size:19px;text-decoration:none}
.toc li a:hover{color:var(--ox)}
.toc li span{font-style:italic;color:var(--ink-2);font-size:16px}
.toc h3{font:500 22px/1.2 var(--serif);margin:26px 0 2px}
.toc h3:first-child{margin-top:4px}
.toc-big ol{columns:2 260px;column-gap:36px}
.toc-s li{padding:6px 0}
.toc-s li a,.toc-s li b{font-size:17px;font-weight:400}
.toc-s li b{color:var(--ox)}
.toc-s h4{font:500 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:12px 0 2px}
.toc-s h4:first-child{margin-top:0}
.here li{padding:7px 0;border-bottom:1px dotted #bfae86;font-size:16.5px;line-height:1.4}
.here a{text-decoration:none}
.here a:hover{color:var(--ox)}
/* reading: previous / contents / next */
.rnav{display:flex;align-items:flex-end;gap:16px;margin:28px 0 0;padding-bottom:12px;border-bottom:1px solid var(--rule);font:500 15px/1.3 var(--sans)}
.rnav a{text-decoration:none}
.rnav a:hover{color:var(--ox)}
.rnav .prev,.rnav .next{flex:1 1 0;min-width:0}
.rnav .next{text-align:right}
.rnav .prev span,.rnav .next span{display:block;font:500 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.rnav .toc-l{flex:0 0 auto;border-bottom:1px solid var(--gilt)}
.rnav-b{margin:40px 0 0;padding:12px 0 0;border-bottom:0;border-top:1px solid var(--rule)}
/* the text */
.rtext{max-width:37em;font-size:19.5px;line-height:1.7}
.rtext p{margin:0 0 1em}
.rtext .ptitle{font:500 34px/1.15 var(--serif);text-align:center;margin:34px 0 8px}
.rtext .ptitle small{display:block;font:500 13px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.rtext .psub{text-align:center;font-style:italic;color:var(--ink-2);font-size:20px;margin:0 0 30px}
.rtext .txh{font:500 24px/1.25 var(--serif);text-align:center;margin:1.5em 0 .9em}
.rtext .vs{margin:0 0 1em;line-height:1.55}
.rtext .vs .l{display:block;padding-left:1.6em;text-indent:-1.6em}
.rtext .vs .i1{margin-left:1em}
.rtext .vs .i2{margin-left:2em}
.rtext .vs .i3{margin-left:3em}
.rtext .vs .i4{margin-left:4em}
.rtext .vs .i5{margin-left:5em}
.rtext .vs .i6{margin-left:6em}
.rtext .spk{font:600 13px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:1.5em 0 .35em}
.rtext .dir{font-style:italic;color:var(--ink-2)}
.rtext .adbox{margin:34px 0}
/* famous lines in the text: a gilt underlay; the one reached from its quote page lit up */
.rtext a.qm{color:inherit;text-decoration:none;background:linear-gradient(transparent 60%,rgba(196,154,85,.3) 60%)}
.rtext a.qm:hover{color:var(--ox);background:linear-gradient(transparent 60%,rgba(196,154,85,.55) 60%)}
.rtext a.qm.on{background:rgba(217,178,92,.42);box-shadow:0 0 0 2px rgba(217,178,92,.42)}
.qa{scroll-margin-top:120px}
/* "In context" under a quote, "Read it in context" on a quote's page */
.att .ctx{font:500 13px var(--sans);color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--gilt)}
.att .ctx:hover{color:var(--ox)}
.ctxl{font:500 14px var(--sans);margin-top:10px}
.ctxl a{text-decoration:none;border-bottom:1px solid var(--gilt)}
.ctxl a::after{content:" \2192"}
@media (max-width:760px){
  .lede{font-size:19px;margin-top:26px}
  .rtext{font-size:18px;line-height:1.65}
  .rtext .ptitle{font-size:28px;margin-top:26px}
  .rtext .psub{font-size:18px}
  .rnav{font-size:14px;gap:10px}
  .litcols{columns:1}
}

/* card catalog drawers: on hover the drawer pulls out toward the reader. Its front drops and comes forward (shadow below),
   and above it the open drawer shows: its wooden sides and the tops of the index cards inside, deepening as it slides out */
.drawers{overflow:visible}
.dr{position:relative;transition:transform .45s cubic-bezier(.3,1.35,.5,1),box-shadow .45s ease-out}
.dr::before{content:"";position:absolute;left:7%;right:7%;bottom:100%;height:0;border-radius:2px 2px 0 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,8,2,.85),rgba(15,8,2,.25) 45%,rgba(15,8,2,0) 75%),
             repeating-linear-gradient(180deg,#f1e6c9 0 2px,#d8c79f 2px 3px,#efe2c1 3px 5px,#bfae86 5px 6px);
  border:0 solid #5a3820;border-width:0 5px;box-shadow:inset 0 2px 3px rgba(0,0,0,.5),0 -1px 0 rgba(0,0,0,.4);
  transition:height .45s cubic-bezier(.3,1.35,.5,1)}
.dr .pull{transition:transform .45s cubic-bezier(.3,1.35,.5,1)}
.dr:hover,.dr:focus-visible{z-index:2;transform:translateY(8px) scale(1.035);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 2px 2px 0 rgba(255,220,170,.25),inset -2px -2px 0 rgba(0,0,0,.35),0 14px 18px -8px rgba(20,10,2,.8)}
.dr:hover::before,.dr:focus-visible::before{height:9px}
.dr:hover .pull,.dr:focus-visible .pull{transform:translateY(1px) scale(1.1)}
@media (prefers-reduced-motion:reduce){.dr,.dr::before,.dr .pull{transition:none}}

sup.vn{font-size:.6em;line-height:0;vertical-align:.55em;margin-right:.3em;font-variant-numeric:lining-nums;opacity:.75}