@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}.lang-sw{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;margin-top:10px}.lang-sw a{text-decoration:none;color:var(--grey)}.lang-sw b{font-weight:400;color:var(--ink);border-bottom:1px solid var(--ink)}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:"Bodoni Moda";src:url(/fonts/el-serif-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}@font-face{font-family:Caveat;src:url(/fonts/el-hand.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}:lang(el){text-rendering:geometricPrecision}

:root{--paper:#F4F1E9;--ink:#141413;--red:#7D1F22;--grey:#6E6A60;--rule:#D9D3C3;--card:#FCFBF7;
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--hand:"Caveat","Bradley Hand","Segoe Print",cursive;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--paper)}
body{color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--ink)}
.wrap{max-width:600px;margin:0 auto;padding:28px 20px 64px;display:flex;flex-direction:column;gap:44px}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:10px 12px;flex-wrap:wrap}.top .logo,.top .motto{white-space:nowrap}.top .nav{flex-basis:100%}
.logo{letter-spacing:.14em;font-size:15px;color:var(--ink);text-decoration:none}
.st{position:relative;display:inline-block}
.motto{font-family:var(--hand);color:var(--red);font-size:22px;line-height:1;text-decoration:none;margin-left:auto}.nav{display:flex;gap:18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.nav a,.nav a:visited{color:#141413!important;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.nav a:hover,.nav a:focus-visible{border-bottom-color:var(--red)}@media (max-width:520px){.top{flex-wrap:wrap}.nav{gap:14px;font-size:11px;width:100%}}
.label{font-size:12px;letter-spacing:.2em;color:var(--grey);text-transform:uppercase;margin:0 0 8px}
h1{font-weight:400;font-style:italic;font-size:clamp(38px,8vw,54px);line-height:1.04;margin:0}
h2{font-weight:400;font-size:24px;line-height:1.2;margin:0 0 10px}
p{margin:0 0 12px}
.lede{font-size:19px;max-width:32ch}
.hand{font-family:var(--hand);color:var(--red);font-weight:500}
.red-s{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.small{font-size:13px;color:var(--grey)}
.sw{position:relative;display:inline-block;line-height:1}
.sw svg{position:absolute;left:-4%;width:108%;top:.12em;height:.62em;overflow:visible}
.sw path{fill:none;stroke:var(--red);stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.95}
.rule{border:0;border-top:1px solid var(--rule);margin:0}
/* letter form */
form{display:flex;flex-direction:column;gap:22px}
fieldset{border:0;margin:0;padding:0}
legend{padding:0;margin:0 0 10px;font-size:13px;color:var(--grey)}
.chips{display:flex;flex-wrap:wrap;gap:8px 10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-block;padding:8px 14px 9px;border:1px solid var(--ink);font-size:15px;line-height:1.2;background:transparent;transition:background .2s,color .2s}
.chip input:checked + span{background:var(--ink);color:var(--paper)}
.chip input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
.chip .aside{font-family:var(--hand);color:var(--red);font-style:normal;font-size:18px;line-height:0}.chip input:checked + span .aside{color:#E9B8B9}
label.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--grey)}
input[type=text],input[type=email],input[type=url],textarea,select{font:inherit;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:8px 2px;width:100%}
textarea{border:1px solid var(--ink);padding:14px 16px;min-height:200px;line-height:1.6;resize:vertical;background:var(--card)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--red)}
input[type=file]{font:inherit;font-size:14px}
.row{display:flex;gap:20px;flex-wrap:wrap}.row>*{flex:1 1 220px}
.dear{font-style:italic;font-size:22px;margin:0 0 -12px}
.sign{font-style:italic;color:var(--grey)}
button.go{align-self:flex-start;font:inherit;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;background:var(--ink);color:var(--paper);border:0;border-radius:0;cursor:pointer}
button.go:hover{background:var(--red)}button.go:disabled{opacity:.6;cursor:wait}
button.go:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.hp{position:absolute;left:-5000px}
.extra{display:none;flex-direction:column;gap:18px;padding:16px 18px;border-left:2px solid var(--red);background:rgba(125,31,34,.04)}
.extra.on{display:flex}
.done{display:none;flex-direction:column;gap:10px}
.done{padding:26px 26px 22px;background:var(--card);border-top:3px solid var(--red);box-shadow:0 16px 26px -18px rgba(20,20,19,.45)}
.done .hand{font-size:48px;line-height:1;margin:0 0 6px;transform:rotate(-2deg);transform-origin:left}
.done:focus{outline:none}
.sent form{display:none}.sent .done{display:flex}
.err{color:var(--red);font-size:14px;margin:0}
/* reserve */
.lots{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.lots label{position:relative}
.lots input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lots span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--rule);font-family:var(--hand);font-size:22px;color:var(--ink);background:var(--card)}
.lots input:checked + span{border-color:var(--red);color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.lots input:checked + span::after{content:"";position:absolute;inset:14% 10%;border:1.5px solid var(--red);border-radius:50%;transform:rotate(-8deg)}
.lots input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
@media (max-width:480px){.lots{grid-template-columns:repeat(5,1fr)}}
.any{display:flex;gap:10px;align-items:center;font-size:15px}
.count{font-size:28px;margin:4px 0 10px;transform:rotate(-1.5deg);transform-origin:left}
.lots input:disabled{cursor:not-allowed}
.lots input:disabled + span{color:#B9B3A5;background:transparent;border-style:dashed;position:relative}
.lots input:disabled + span::before{content:"";position:absolute;left:12%;right:12%;top:calc(50% - 4px);height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.4C20 4.4 46 6.6 69 4.8S91 3.9 99 3.3' fill='none' stroke='%237D1F22' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
/* press */
.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;margin:0;font-size:15px}
.facts dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);padding-top:4px}
.facts dd{margin:0}
.dl{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.dl a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.dl a span:last-child{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);white-space:nowrap}
.dl a:hover span:first-child{color:var(--red)}
.covers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.covers img{width:100%;height:auto;display:block;box-shadow:0 18px 30px -18px rgba(20,20,19,.5)}
blockquote{margin:0;padding:0 0 0 18px;border-left:2px solid var(--red);font-style:italic;font-size:19px}
footer{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--grey);border-top:1px solid var(--rule);padding-top:20px}
footer a{color:var(--grey)}

.co-in{display:flex;flex-direction:column;gap:14px}
.co-in textarea{min-height:150px;font-size:17px}
.co-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.co-row .small{margin:0}
button.ghost{font:inherit;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;cursor:pointer}
button.ghost:hover{border-color:var(--red);color:var(--red)}
button.ghost:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sheet{position:relative;background:var(--card);padding:30px 26px 26px;box-shadow:0 22px 36px -26px rgba(20,20,19,.55);border-top:3px solid var(--red)}
.sheet .label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.co-out{font-size:22px;line-height:2.55;margin:6px 0 0;word-wrap:break-word;overflow-wrap:break-word}
.fx{position:relative;display:inline;white-space:nowrap}
.fx .was{position:relative;display:inline-block;line-height:1.1}
.fx .was svg{position:absolute;left:-2%;width:104%;top:.2em;height:.55em;overflow:visible;clip-path:inset(-60% 104% -60% -4%)}
.fx .was path{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.fx .now{position:absolute;left:0;bottom:1.05em;font-family:var(--hand);color:var(--red);font-weight:500;font-size:.98em;line-height:1;white-space:nowrap;transform:rotate(-2deg);transform-origin:left bottom;clip-path:inset(-40% 104% -40% 0)}
.on .fx .was svg{animation:co-s .45s var(--d,0s) linear forwards}
.on .fx .now{animation:co-w .7s calc(var(--d,0s) + .45s) steps(14,end) forwards}
@keyframes co-s{to{clip-path:inset(-60% -6% -60% -4%)}}
@keyframes co-w{to{clip-path:inset(-40% -8% -40% 0)}}
@media (prefers-reduced-motion:reduce){.fx .was svg,.fx .now{clip-path:none!important;animation:none!important}}
.co-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid var(--rule);margin-top:18px;padding-top:14px}
.co-sum .hand{font-size:30px;line-height:1;transform:rotate(-1.5deg);transform-origin:left}
.co-none{font-family:var(--hand);color:var(--red);font-size:30px;line-height:1.1;margin:8px 0 0}
.co-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.co-img{display:none;margin-top:16px}
.co-img img{width:100%;max-width:300px;display:block;box-shadow:0 18px 30px -20px rgba(20,20,19,.5)}
.co-img.show{display:block}
.co-list{columns:2;column-gap:28px;font-size:14px;margin:0;padding:0;list-style:none}
.co-list li{break-inside:avoid;margin:0 0 6px}
.co-list s{text-decoration-color:var(--red);text-decoration-thickness:1.5px}
.co-list i{font-family:var(--hand);color:var(--red);font-style:normal;font-size:17px}
@media (max-width:480px){.co-out{font-size:19px}.co-list{columns:1}}
.co-tabs{display:flex;border:1px solid var(--ink);width:max-content;max-width:100%}
.co-tabs button{font:inherit;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;background:transparent;color:var(--ink);border:0;cursor:pointer}
.co-tabs button+button{border-left:1px solid var(--ink)}
.co-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.co-tabs button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.co-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;border:1px dashed var(--ink);background:var(--card);padding:20px;text-align:center;cursor:pointer}
.co-drop:hover,.co-drop.over{border-color:var(--red)}
.co-drop .hand{font-size:28px;line-height:1}
.co-drop input{position:absolute;width:1px;height:1px;opacity:0}
.co-legal{font-size:12.5px;line-height:1.5;color:var(--grey);border-left:2px solid var(--red);padding:2px 0 2px 12px;margin:0}
.co-status{font-family:var(--hand);color:var(--red);font-size:24px;margin:0;min-height:1.2em}
.co-canvas{width:100%;height:auto;display:block;background:var(--card);box-shadow:0 22px 36px -26px rgba(20,20,19,.55);touch-action:manipulation}#room-canvas{touch-action:none;cursor:pointer}
.co-notes{display:flex;flex-wrap:wrap;gap:6px 8px}
.co-notes button{font-family:var(--hand);font-size:19px;line-height:1.1;color:var(--red);background:transparent;border:1px solid var(--rule);padding:5px 10px 6px;cursor:pointer}
.co-notes button.lot{font-family:var(--serif);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-color:var(--ink);padding:8px 12px}
.co-notes button[aria-pressed="true"]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.co-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.co-edit .small{margin:0 2px 0 0!important}.co-edit button.ghost{padding:9px 14px}.co-edit button.ghost:disabled{opacity:.35;cursor:default}
.co-own{display:flex;gap:8px}.co-own input{flex:1;font-family:var(--hand)!important;font-size:21px!important;color:var(--red)!important}
.co-panel[hidden]{display:none!important}

/* v9.0 */
.nav{flex-wrap:wrap;row-gap:8px}
.nav a.home,.nav a.home:visited{color:#7D1F22!important;border-bottom:1px solid rgba(125,31,34,.35)!important}
.nav a.home:hover{border-bottom-color:#7D1F22!important}
@media (min-width:1100px){
  .wrap{max-width:1244px;padding-inline:32px}
  .wrap>*:not(.top):not(footer){max-width:720px}
}
@media (hover:hover) and (pointer:fine){body,a,button,label{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%2845%2016%2016%29%22%3E%3Crect%20x%3D%2213.2%22%20y%3D%22-2%22%20width%3D%225.6%22%20height%3D%2222%22%20rx%3D%221.2%22%20fill%3D%22%237D1F22%22%20stroke%3D%22%23F4F1E9%22%20stroke-width%3D%221%22/%3E%3Crect%20x%3D%2213.2%22%20y%3D%224%22%20width%3D%225.6%22%20height%3D%221.6%22%20fill%3D%22%23141413%22/%3E%3Cpath%20d%3D%22M13.2%2020%20L18.8%2020%20L16%2027.5%20Z%22%20fill%3D%22%23E9E3D1%22%20stroke%3D%22%23141413%22%20stroke-width%3D%220.8%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.1%2025%20L16.9%2025%20L16%2027.6%20Z%22%20fill%3D%22%237D1F22%22/%3E%3C/g%3E%3C/svg%3E") 8 24,auto}input,textarea{cursor:text}}
@media (hover:hover) and (pointer:fine){label,select,button,input[type=radio],input[type=checkbox],.rz .lots input,.chips button{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%2845%2016%2016%29%22%3E%3Crect%20x%3D%2213.2%22%20y%3D%22-2%22%20width%3D%225.6%22%20height%3D%2222%22%20rx%3D%221.2%22%20fill%3D%22%237D1F22%22%20stroke%3D%22%23F4F1E9%22%20stroke-width%3D%221%22/%3E%3Crect%20x%3D%2213.2%22%20y%3D%224%22%20width%3D%225.6%22%20height%3D%221.6%22%20fill%3D%22%23141413%22/%3E%3Cpath%20d%3D%22M13.2%2020%20L18.8%2020%20L16%2027.5%20Z%22%20fill%3D%22%23E9E3D1%22%20stroke%3D%22%23141413%22%20stroke-width%3D%220.8%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15.1%2025%20L16.9%2025%20L16%2027.6%20Z%22%20fill%3D%22%237D1F22%22/%3E%3C/g%3E%3C/svg%3E") 8 24,pointer!important}}

/* phones: the way home on its own line, the four sections on the next */
.nav .br{display:none}
@media (max-width:700px){.nav .br{display:block;flex-basis:100%;height:0}.nav{row-gap:12px}}

/* v10.7 the menu: plain words, centred on a phone */
.nav.nav2 a[aria-current="page"]{color:var(--red,#7D1F22)!important;border-bottom-color:var(--red,#7D1F22)!important}
.nav.nav2 .ext{font-size:.9em;margin-left:2px}
@media (max-width:760px){
  .top{justify-content:space-between}
  .nav.nav2{justify-content:center!important;text-align:center;gap:10px 16px!important;margin-top:16px;padding:12px 0 10px;border-top:1px solid #141413;border-bottom:1px solid rgba(20,20,19,.18);font-size:11px!important;letter-spacing:.18em!important}
  .nav.nav2 .home{order:9;flex-basis:100%;font-size:10px;border:0!important;margin-top:4px;opacity:.9}
  .nav.nav2 .br{display:none!important}
  /* v10.19 one row on a phone */
  .nav.nav2{flex-wrap:nowrap!important;justify-content:space-between!important;gap:0 6px!important;font-size:9.3px!important;letter-spacing:.06em!important;white-space:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:12px!important;padding:11px 0 9px!important}
  .nav.nav2::-webkit-scrollbar{display:none}
  .nav.nav2 a{flex:0 0 auto}
}
/* v10.23 Reserve stands out in the menu */
.nav.nav2 a[href="/#reserve"]{color:#7D1F22!important;border-bottom:1px solid transparent!important}
.nav.nav2 a[href="/#reserve"]:hover{border-bottom-color:#7D1F22!important}
/* v10.15 the logo says it is a way out */
.top a.logo::after{content:"the archive \2197\FE0E";display:inline-block;font-family:var(--hand,'Caveat',cursive);font-size:.78em;letter-spacing:0;text-transform:none;vertical-align:.1em;margin-left:.5em;color:#7D1F22;border-bottom:1.2px solid rgba(125,31,34,.45);line-height:1.1;transform:rotate(-3deg);transition:transform .2s,border-color .2s}
.top a.logo:hover::after{border-bottom-color:#7D1F22;transform:rotate(-3deg) translate(2px,-2px)}

/* v10.7 privacy: the small print, printed large, on one taped sheet */
.pv-sheet{grid-column:1/-1;position:relative;max-width:820px;width:100%;margin:10px auto 0;background:#FDFBF6;padding:46px 54px 50px;display:flex;flex-direction:column;gap:38px;box-shadow:0 22px 40px -22px rgba(60,45,20,.35),0 2px 6px rgba(60,45,20,.06)}
.pv-sheet::before,.pv-sheet::after{content:"";position:absolute;top:-12px;width:110px;height:28px;background:rgba(246,238,206,.78);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pv-sheet::before{left:-24px;transform:rotate(-30deg)}.pv-sheet::after{right:-24px;transform:rotate(28deg)}
.pv-sheet .pv-x{position:absolute;right:26px;top:14px;font-size:40px;color:#7D1F22;transform:rotate(8deg);line-height:1}
.pv-sheet .pv-note{font-size:22px;color:#7D1F22;display:inline-block;transform:rotate(-3deg);margin-left:6px}
.pv-sheet s.pv{text-decoration:none;position:relative}.pv-sheet s.pv::after{content:"";position:absolute;left:-3%;right:-3%;top:55%;height:2px;background:#7D1F22;transform:rotate(-3deg)}
.pv-sheet .pv-circ{display:inline-block;padding:0 6px;border:1.7px solid #7D1F22;border-radius:50%;transform:rotate(-2deg)}
@media (max-width:640px){.pv-sheet{padding:40px 20px 40px;margin:6px -8px 0;width:auto}.pv-sheet::before{left:-10px;width:80px}.pv-sheet::after{right:-10px;width:80px}}

/* v10.24 FAQ */
.fq{width:min(720px,100%);margin:0 auto}
.fq h2{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:#6E6A60;margin:40px 0 8px}
.fq details{border-top:1px solid #d8cfba}.fq details:last-of-type{border-bottom:1px solid #d8cfba}
.fq summary{list-style:none;cursor:pointer;padding:15px 34px 15px 0;font-size:19px;position:relative}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";position:absolute;right:4px;top:9px;font-size:26px;color:#7D1F22;font-weight:600;transition:transform .2s}
.fq details[open] summary::after{transform:rotate(45deg)}
.fq details p{margin:0 0 16px;font-size:16.5px;line-height:1.6;color:#3b3a35;max-width:60ch}
.fq .hand{color:#7D1F22;font-size:1.25em}
.fq-end{text-align:center;margin:44px 0 0;font-size:17px}
@media (max-width:760px){.fq summary{font-size:17px}.fq details p{font-size:15.5px}}

/* v10.28 the Corrector tab */
.sfr-drawer{position:fixed;right:0;top:50%;z-index:9990;width:min(430px,calc(100vw - 52px));transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);margin-top:-170px;font-family:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif;color:#141413}
.sfr-drawer.open{transform:translateX(0)}
.sfr-drawer.drag{transition:none}
.sfr-drawer.nudge:not(.open){animation:sfrNudge 1.5s ease}
@keyframes sfrNudge{0%,100%{transform:translateX(100%)}25%{transform:translateX(calc(100% - 22px))}50%{transform:translateX(100%)}70%{transform:translateX(calc(100% - 10px))}}
.sfr-tab{position:absolute;right:100%;top:34px;width:40px;padding:14px 0 18px;background:#7D1F22;border:0;border-radius:2px 0 0 2px;box-shadow:-6px 8px 18px -10px rgba(20,20,19,.45);cursor:grab;touch-action:none;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;color:#FFFEFA;font:inherit}
.sfr-tab:hover,.sfr-drawer.open .sfr-tab{background:#141413}
.sfr-tab .tb-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}
.sfr-tab .tb-p{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Caveat,'Bradley Hand',cursive;font-size:20px;line-height:1}
.sfr-tab::before{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:1.5px;background:#FFFEFA;opacity:.8;transform:rotate(-8deg)}
.sfr-try{position:relative;box-sizing:border-box;padding:24px 26px 22px;background:#FFFEFA;box-shadow:-14px 18px 34px -20px rgba(20,20,19,.5),0 0 0 1px rgba(20,20,19,.06);text-align:left;max-height:calc(100vh - 40px);overflow:auto;transition:visibility 0s .4s,box-shadow 0s .4s}
.sfr-drawer:not(.open):not(.drag):not(.nudge) .sfr-try{visibility:hidden;box-shadow:none}
.sfr-drawer.open .sfr-try,.sfr-drawer.drag .sfr-try{transition:none}
.sfr-try p{margin:0}
.sfr-try .tr-x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:26px;line-height:1;color:#6E6A60;cursor:pointer;padding:4px 8px}
.sfr-try .tr-lab{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#6E6A60}
.sfr-try .tr-h{font-size:26px;line-height:1.08;margin-top:10px}
.sfr-try .tr-hand{font-family:Caveat,'Bradley Hand',cursive;color:#7D1F22;font-size:28px;display:inline-block;transform:rotate(-2deg);transform-origin:left;margin-top:4px}
.sfr-try .tr-how{font-size:14.5px;line-height:1.45;margin-top:10px;color:#3a3935}
.sfr-try .tr-ex{margin-top:14px;font-size:17px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.sfr-try .tr-today{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#6E6A60}
.sfr-try .tr-ex s{text-decoration:none;background:linear-gradient(#7D1F22,#7D1F22) 0 58%/100% 2px no-repeat}
.sfr-try .tr-now{font-family:Caveat,'Bradley Hand',cursive;color:#7D1F22;font-size:23px}
.sfr-try .tr-f{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.sfr-try .tr-in{font:inherit;font-size:16px;padding:10px 2px;border:0;border-bottom:1.5px solid #141413;background:transparent;color:#141413;border-radius:0;-webkit-appearance:none;outline:none}
.sfr-try .tr-in:focus{border-bottom-color:#7D1F22}
.sfr-try .tr-go{font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 16px;background:#141413;color:#FFFEFA;border:0;border-radius:0;cursor:pointer}
.sfr-try .tr-go:hover{background:#7D1F22}
.sfr-try .tr-more{display:block;margin-top:12px;font-size:13px;color:#6E6A60!important;text-decoration:none!important;border:0!important}
.sfr-try .tr-more:hover{color:#7D1F22!important}
@media (max-width:760px){.sfr-drawer{top:auto;bottom:150px;margin-top:0}.sfr-tab{top:auto;bottom:0;width:34px}.sfr-try{padding:22px 18px 18px;max-height:calc(100vh - 200px)}.sfr-try .tr-h{font-size:23px}.sfr-try .tr-hand{font-size:25px}}
@media print{.sfr-drawer{display:none}}
.sfr-tab .tb-s{display:none}
@media (max-width:760px){.sfr-tab{width:24px!important;padding:10px 0 12px!important;gap:0!important;opacity:.94;box-shadow:-3px 4px 10px -6px rgba(20,20,19,.45)!important}.sfr-tab .tb-t,.sfr-tab .tb-p,.sfr-tab::before{display:none!important}.sfr-tab .tb-s{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Caveat,var(--sfr-hand,cursive),cursive;font-size:16px;line-height:1;color:#FFFEFA}}


/* v10.24 one footer everywhere */
footer.ft2{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
footer.ft2 .ft-l{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}
footer.ft2 .ft-l a{white-space:nowrap}
@media (max-width:760px){footer.ft2 .ft-l{gap:6px 16px}}
.motto{text-align:right;line-height:1.05!important}
/* v10.30 phones: "the archive" sits under the logo, the motto beside them */
@media (max-width:760px){.top{flex-wrap:wrap!important;align-items:center!important}.top a.logo{display:inline-block!important}.top a.logo::after{display:block!important;width:max-content;margin:7px 0 0 0!important;vertical-align:0!important;font-size:max(15px,.62em)!important}.top .motto{margin-left:auto}}
@media (max-width:360px){.top .motto{font-size:16.5px!important}}
.faq-more{text-align:center;margin:14px 0 0;font-size:15px}
.faq-more a,.faq a,.fq a{color:#141413!important;text-decoration:none!important;border-bottom:1px solid #7D1F22}
.faq-more a:hover,.faq a:hover,.fq a:hover{color:#7D1F22!important}

/*nav2*/.nav.nav2{align-items:center!important}
.nav.nav2 a[href^="/press"]{background:var(--red,#7D1F22)!important;color:#F4F1E9!important;border:0!important;padding:7px 12px 6px!important;line-height:1!important;margin:-7px 0!important}
.nav.nav2 a[href^="/press"]:hover{background:#141413!important}
/* word pages */
.wd-h1{font-size:clamp(34px,9vw,52px);line-height:1.15;margin:0;font-weight:400}
.wd-h1 .st::after{content:"";position:absolute;left:-4%;right:-4%;top:54%;height:.09em;min-height:2px;background:var(--red);border-radius:2px;transform:rotate(-2deg)}
.wd-fix{font-family:var(--hand);color:var(--red);font-size:clamp(38px,10vw,56px);line-height:1;margin:10px 0 0;transform:rotate(-1.5deg);transform-origin:left;display:inline-block;font-weight:500}
.wd-what{margin:18px 0 0;font-size:18px;max-width:34ch;text-wrap:balance}
.wd-wild{font-size:22px;font-style:italic;line-height:1.5;margin:8px 0 0;color:var(--ink)}
.wd-wild .st::after{content:"";position:absolute;left:-3%;right:-3%;top:55%;height:.08em;min-height:1.5px;background:var(--red);border-radius:2px;transform:rotate(-2deg)}
.wd-wild .rp-in{display:inline-block;margin:0 .1em 0 .3em;font-family:var(--hand);font-style:normal;font-size:1.05em;line-height:1;color:var(--red);transform:rotate(-5deg) translateY(-.15em);white-space:nowrap}
.wd-ask{font-size:21px;margin:8px 0 0;line-height:1.4}
.wd-btns{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:8px}
.wd-btn,.wd-btn:visited{position:relative;display:inline-block;color:var(--red)!important;border:2px solid var(--red);border-radius:255px 15px 225px 15px / 15px 225px 15px 255px;padding:6px 18px 8px;text-decoration:none;font-family:var(--hand);font-weight:600;font-size:24px;line-height:1.1;transform:rotate(-1.1deg);background:transparent}
.wd-btn::after{content:"";position:absolute;left:-3px;right:-2px;top:-2px;bottom:-4px;pointer-events:none;border:1.5px solid rgba(125,31,34,.42);border-radius:15px 255px 15px 225px / 225px 15px 255px 15px;transform:rotate(1.6deg)}
.wd-btn:hover{background:var(--red);color:var(--paper)!important}
.wd-btn.ink{color:var(--ink)!important;border-color:var(--ink)}.wd-btn.ink::after{border-color:rgba(20,20,19,.35)}.wd-btn.ink:hover{background:var(--ink);color:var(--paper)!important}
.wd-also a,.wd-also a:visited{color:var(--ink)!important;text-decoration:none;border-bottom:1px solid var(--red)}
.wd-list{columns:2;column-gap:40px;margin:0;padding:0;list-style:none}.wd-list li{break-inside:avoid;padding:7px 0;border-top:1px solid var(--rule);font-size:18px}.wd-list a,.wd-list a:visited{color:var(--ink)!important;text-decoration:none}.wd-list a:hover{color:var(--red)!important}
@media (max-width:360px){.wd-list{columns:1}}
.wd-sec{display:flex;flex-direction:column;gap:6px}
/* v2 (Paris 26 Oct): centred, as a card on the desk, like the Corrector's slip */
.wd-card{position:relative;align-self:center;width:100%;max-width:600px;box-sizing:border-box;margin:8px auto 0;padding:34px 40px 40px;background:#FCFBF7;border:1px solid var(--rule);box-shadow:0 1px 0 rgba(20,20,19,.04),0 18px 40px -22px rgba(20,20,19,.28);transform:rotate(-.6deg);display:flex;flex-direction:column;gap:30px;text-align:center}
.wd-card .wd-sec{align-items:center}
.wd-head{display:flex;justify-content:space-between;margin:0 0 -6px;padding-bottom:10px;border-bottom:1px solid var(--rule);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--grey)}
.wd-clip{position:absolute;top:-14px;left:50%;width:46px;height:26px;margin-left:-23px;border:2px solid #9a948a;border-bottom:0;border-radius:12px 12px 0 0;transform:rotate(2deg)}
.wd-card .wd-fix{transform:rotate(-2deg);transform-origin:center}
.wd-card .wd-what{margin-inline:auto}
.wd-card .wd-wild{max-width:30ch;font-size:20px}
.wd-card .wd-ask{max-width:28ch}
.wd-card .wd-btns{justify-content:center}
.wd-after{align-items:center;text-align:center;max-width:600px;margin:0 auto;width:100%}
@media (max-width:760px){html body .nav,html body .nav.nav2{flex-wrap:wrap!important;row-gap:10px!important;overflow:visible!important;white-space:normal!important;justify-content:center!important;gap:10px 14px!important}}
.wd-pn{display:flex;justify-content:space-between;gap:16px;max-width:600px;width:100%;margin:-10px auto 0}
.wd-pn a,.wd-pn a:visited{display:flex;flex-direction:column;gap:2px;color:var(--ink)!important;text-decoration:none;max-width:48%}
.wd-pn .hand{font-size:22px;color:var(--red)}.wd-pn .wd-pnw{font-size:17px;border-bottom:1px solid var(--rule)}
.wd-next{text-align:right;align-items:flex-end}.wd-pn a:hover .wd-pnw{color:var(--red)}
.wd-az{max-width:640px;margin:0 auto;width:100%}
.wd-jump{text-align:center;font-family:var(--hand);color:var(--red);font-size:24px;line-height:1.6;margin:0 0 10px;word-spacing:.35em}.wd-jump a,.wd-jump a:visited{color:var(--red)!important;text-decoration:none}
.wd-grp{margin-top:22px;scroll-margin-top:20px}.wd-let{font-family:var(--hand);color:var(--red);font-weight:500;font-size:40px;line-height:1;margin:0 0 6px;transform:rotate(-3deg);display:inline-block}
.wd-ihead{text-align:center;max-width:640px;margin:0 auto;width:100%}
.wd-ihead .wd-btns{justify-content:center}
.wd-ihead .hand{transform-origin:center!important}
.wd-list{max-width:640px;margin:0 auto!important;width:100%}
.wd-share{padding-top:4px}.wd-shb{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}
.wd-sb{font-family:var(--hand);font-weight:600;font-size:20px;line-height:1.1;color:var(--ink);background:transparent;border:1.5px solid rgba(20,20,19,.55);border-radius:255px 15px 225px 15px / 15px 225px 15px 255px;padding:5px 14px 7px;cursor:pointer;transform:rotate(-1deg)}
.wd-sb:nth-child(2){transform:rotate(1.2deg)}.wd-sb:nth-child(3){transform:rotate(-.6deg)}
.wd-sb:hover,.wd-sb:focus-visible{color:var(--red);border-color:var(--red)}
.wd-sb.is-busy{opacity:.5;cursor:progress}
.wd-toast{min-height:1.4em;margin:10px 0 0;font-family:var(--hand);color:var(--red);font-size:20px;opacity:0;transition:opacity .3s}.wd-toast.on{opacity:1}
@media (max-width:560px){.wd-card{padding:28px 18px 32px;transform:none}.wd-head{font-size:10px}.wd-btn{font-size:20px;padding:6px 14px 8px;white-space:nowrap}}
