/* The Metanoia Project Community
   The site's own design: the painting fixed behind, dark glass over it,
   Garamond for anything you read and Mona Sans for anything you scan.
   A light setting is offered in the menu and remembered per reader. */

:root{
  --warm-black:#0F0C09;
  --parchment:#D9CEB6;
  --parchment-bright:#ede1c4;
  --parchment-dim:rgba(217,206,182,0.68);
  --parchment-faint:rgba(217,206,182,0.20);
  --parchment-line:rgba(217,206,182,0.30);
  --parchment-soft:rgba(217,206,182,0.85);
  --eden-ochre:#D5AE85;
  --animal-russet:#825222;
  --panel:rgba(9,11,7,0.70);
  --panel-lift:rgba(9,11,7,0.80);
  --panel-shadow:0 30px 60px -30px rgba(0,0,0,.9);
  --menu-ground:#12120C;
  --display:'EB Garamond',Georgia,serif;
  --body:'Crimson Pro',Georgia,serif;
  --sans:'Mona Sans',system-ui,-apple-system,sans-serif;
}

/* light: the Black Paper's paper, with the painting kept as a watermark */
html[data-theme="light"]{
  --parchment:#1C1914;
  --parchment-bright:#100E0A;
  --parchment-dim:rgba(28,25,20,.62);
  --parchment-faint:rgba(28,25,20,.14);
  --parchment-line:rgba(28,25,20,.26);
  --parchment-soft:rgba(28,25,20,.84);
  --eden-ochre:#8a5a2b;
  --panel:rgba(255,252,246,.78);
  --panel-lift:rgba(255,252,246,.95);
  --panel-shadow:0 26px 50px -30px rgba(28,25,20,.35);
  --menu-ground:#EFE7DA;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--warm-black);color:var(--parchment-soft);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-theme="light"] body{background:#EFE7DA}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* the painting */
.page-bg{position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center 65%;filter:brightness(.5) saturate(.84);pointer-events:none}
.page-veil{position:fixed;inset:0;z-index:-2;background:rgb(10,9,7);opacity:.72;pointer-events:none}
.page-dark{position:fixed;inset:0;z-index:-1;background:rgb(9,8,6);opacity:0;pointer-events:none}
html[data-theme="light"] .page-bg{opacity:.10;filter:saturate(.7)}
html[data-theme="light"] .page-veil,html[data-theme="light"] .page-dark{display:none}

/* masthead */
.top{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px 44px;background:linear-gradient(to bottom,rgba(12,10,8,0.95) 0%,rgba(12,10,8,0.86) 55%,rgba(12,10,8,0) 100%)}
html[data-theme="light"] .top{background:linear-gradient(to bottom,rgba(239,231,218,.96) 0%,rgba(239,231,218,.88) 55%,rgba(239,231,218,0) 100%)}
.mark{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:14px;line-height:1}
.mark-the{grid-column:1;font-family:var(--display);font-style:italic;font-size:15px;color:var(--parchment-dim);margin-bottom:2px}
.mark-n{grid-column:1;font-family:var(--display);font-size:16px;letter-spacing:.3em;text-transform:uppercase;color:var(--parchment)}
.mark-c{grid-column:2;grid-row:2 / span 2;align-self:center;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--eden-ochre);padding-left:14px;border-left:1px solid var(--parchment-faint)}
.top-links{display:flex;align-items:center;gap:10px;position:relative}
.icon-btn{width:36px;height:36px;padding:0;background:transparent;border:0;cursor:pointer;color:var(--parchment);display:inline-flex;align-items:center;justify-content:center}
.icon-btn svg{width:21px;height:21px;display:block}
.icon-btn:hover{color:var(--eden-ochre)}
.burger{width:36px;height:36px;padding:0;background:transparent;border:0;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.burger span{display:block;width:21px;height:1.5px;background:var(--parchment);transition:transform 260ms ease,opacity 200ms ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* menu and search */
.sitemenu,.searchpane{position:fixed;inset:0;z-index:200;background:rgba(10,9,7,0.975);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:110px 40px 60px;opacity:0;transition:opacity 300ms ease;overflow-y:auto}
html[data-theme="light"] .sitemenu,html[data-theme="light"] .searchpane{background:rgba(239,231,218,.975)}
.sitemenu[hidden],.searchpane[hidden]{display:none}
.sitemenu.is-on,.searchpane.is-on{opacity:1}
.sm-x{position:absolute;top:28px;right:38px;width:36px;height:36px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sm-x span{position:absolute;width:19px;height:1.5px;background:var(--parchment)}
.sm-x span:first-child{transform:rotate(45deg)}
.sm-x span:last-child{transform:rotate(-45deg)}
.sm-x:hover span{background:var(--eden-ochre)}
.sitemenu-inner{width:100%;max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px)}
.sm-head{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--eden-ochre);margin:0 0 20px;opacity:.9}
.sm-link{display:block;font-family:var(--display);font-size:22px;line-height:1.25;color:var(--parchment-soft);padding:9px 0;transition:color 200ms ease}
.sm-link:hover{color:var(--parchment-bright)}
.sm-quiet{font-size:17px;color:var(--parchment-dim);margin-top:14px;padding-top:16px;border-top:1px solid var(--parchment-faint)}
.sm-leave{font-size:17px;color:var(--parchment-dim);padding:6px 0}
.sm-leave:hover{color:var(--eden-ochre)}
.leaving .post-in{max-width:760px;margin:0 auto}
.leave-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.leave-acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:clamp(30px,4vw,44px);padding-top:24px;border-top:1px solid var(--parchment-faint)}
.leave-go{display:inline-block;padding:16px 26px;border:1px solid var(--animal-russet);background:rgba(130,82,34,.14);color:var(--parchment-bright);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.leave-go:hover{background:rgba(130,82,34,.24)}
.leave-stay{font-family:var(--display);font-size:19px;color:var(--parchment-soft);border-bottom:1px solid var(--parchment-line);padding-bottom:3px}
.leave-stay:hover{color:var(--parchment-bright)}
.leave-note{font-family:var(--sans);font-size:11px;line-height:1.7;letter-spacing:.06em;color:var(--parchment-dim);margin:18px 0 0}
.lightswitch{margin-top:34px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ls-btns{display:flex;border:1px solid var(--parchment-line);border-radius:2px;overflow:hidden}
.ls-btns button{border:0;background:none;color:var(--parchment-dim);font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;cursor:pointer}
.ls-btns button.on{background:var(--parchment);color:var(--warm-black)}
html[data-theme="light"] .ls-btns button.on{background:#1C1914;color:#EFE7DA}
.searchpane-in{width:100%;max-width:620px}
.search-inp{width:100%;background:transparent;border:0;border-bottom:1px solid var(--parchment-line);border-radius:0;color:var(--parchment-bright);font-family:var(--display);font-size:clamp(24px,3.4vw,32px);padding:10px 2px 14px;outline:none}
.search-inp::placeholder{color:rgba(217,206,182,.26)}
.search-inp:focus{border-bottom-color:var(--eden-ochre)}
.search-hint{font-family:var(--body);font-size:16px;color:var(--parchment-dim);margin:16px 0 0}
.search-out{margin-top:28px}
.search-out a{display:block;padding:12px 0;border-bottom:1px solid var(--parchment-faint);font-family:var(--display);font-size:20px;color:var(--parchment-soft)}
.search-out a:hover{color:var(--parchment-bright)}
.search-out span{display:block;font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--eden-ochre);margin-top:5px}
html.menu-open .top{opacity:0;pointer-events:none;transition:opacity 200ms ease}
@media (max-width:720px){
  .sitemenu-inner{grid-template-columns:1fr;gap:34px}
  .sitemenu,.searchpane{padding:96px 24px 50px;align-items:flex-start}
  .sm-x{top:18px;right:20px}
}
/* the door */
.door{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:70px 24px;overflow:hidden}
.door-in{position:relative;z-index:2;width:100%;max-width:460px}
.door-mark{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1;margin-bottom:clamp(40px,6vw,64px)}
.door-mark .mark-the{font-size:18px}
.door-mark .mark-n{font-size:20px;letter-spacing:.32em;margin-top:3px}
.door h1{font-family:var(--display);font-weight:400;font-size:clamp(42px,5.6vw,58px);line-height:1.04;color:var(--parchment-bright);margin:0 0 16px}
.door-p{font-family:var(--body);font-size:19px;line-height:1.6;color:var(--parchment-soft);margin:0 0 38px}
.door-lab{display:block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-dim);margin:0 0 10px}
.door-inp{width:100%;background:transparent;border:0;border-bottom:1px solid var(--parchment-line);color:var(--parchment-bright);font-family:var(--display);font-size:22px;padding:6px 2px 11px;outline:none}
.door-inp::placeholder{color:rgba(217,206,182,.30)}
.door-inp:focus{border-bottom-color:var(--eden-ochre)}
.door-go{margin-top:26px;width:100%;padding:16px 22px;border:1px solid var(--parchment-line);background:transparent;color:var(--parchment-bright);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.door-go:hover{background:rgba(213,174,133,.10);border-color:var(--eden-ochre)}
.door-msg{font-family:var(--body);font-size:17px;line-height:1.6;color:var(--eden-ochre);margin:22px 0 0}
.door-small{font-family:var(--body);font-size:17px;line-height:1.7;color:var(--parchment-dim);margin:34px 0 0;padding-top:20px;border-top:1px solid var(--parchment-faint)}
.door-small a{color:var(--parchment);border-bottom:1px solid var(--parchment-line)}

/* pinned block */
.start{position:relative;padding:clamp(130px,14vw,190px) 40px clamp(60px,7vw,96px)}
.start-in{position:relative;z-index:2;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,56px);align-items:center;background:var(--panel);border-radius:8px;box-shadow:var(--panel-shadow);padding:clamp(30px,3.6vw,46px)}
.start-x{position:absolute;top:14px;right:16px;width:30px;height:30px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity 200ms ease}
.start-x:hover{opacity:1}
.start-x span{position:absolute;width:13px;height:1.5px;background:var(--parchment)}
.start-x span:first-child{transform:rotate(45deg)}
.start-x span:last-child{transform:rotate(-45deg)}
.start[hidden]{display:none}
.k{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--eden-ochre);margin:0 0 16px}
.start h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.08;color:var(--parchment-bright);margin:0 0 16px}
.start p{font-family:var(--body);font-size:19px;line-height:1.62;color:var(--parchment-soft);margin:0 0 14px;max-width:46ch}
.start .go{display:inline-block;margin-top:12px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment);border-bottom:1px solid var(--parchment-line);padding-bottom:4px}
.film{position:relative;aspect-ratio:16/9;background:#12100C;display:flex;align-items:center;justify-content:center;overflow:hidden}
.film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.play{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;border:1px solid var(--parchment-line);background:rgba(15,12,9,.55);display:flex;align-items:center;justify-content:center}
.play svg{width:20px;height:20px;margin-left:3px;fill:var(--parchment-bright)}
.film-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);background:linear-gradient(to top,rgba(10,9,7,.9),rgba(10,9,7,0))}

/* the journal */
.stream{max-width:1060px;margin:0 auto;padding:clamp(48px,6vw,80px) 40px 40px}
/* with the pinned block dismissed, the stream is the top of the page and
   has to clear the masthead by itself */
.start[hidden] + .stream,.stream:first-of-type{padding-top:clamp(120px,13vw,170px)}
.stream-head{display:flex;align-items:baseline;justify-content:center;padding:0 clamp(24px,3vw,34px) 16px;margin-bottom:6px}
.stream-head p{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--parchment);margin:0}
.stream-head span{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-dim);white-space:nowrap}
.item{display:grid;grid-template-columns:150px 1fr 220px;gap:clamp(20px,3vw,40px);align-items:start;background:var(--panel);border-radius:8px;box-shadow:var(--panel-shadow);padding:clamp(26px,3vw,34px);margin:0 0 clamp(16px,2vw,22px);transition:background 200ms ease}
.item:hover{background:var(--panel-lift)}
.meta{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);line-height:1.9}
.meta b{display:block;font-weight:600;color:var(--eden-ochre)}
.item-t{font-family:var(--display);font-size:clamp(24px,2.5vw,30px);line-height:1.2;color:var(--parchment);margin:0 0 10px;transition:color 200ms ease}
.item:hover .item-t{color:var(--parchment-bright)}
.item-d{font-family:var(--body);font-size:18px;line-height:1.6;color:var(--parchment-dim);margin:0;max-width:52ch}
.thumb{position:relative;aspect-ratio:16/9;background:#14110D;overflow:hidden}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px}
.thumb .play svg{width:14px;height:14px}
.more{display:block;text-align:center;margin:44px auto 0;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment-dim);border:1px solid var(--parchment-line);padding:16px 24px;max-width:280px}
.more:hover{color:var(--parchment-bright);border-color:var(--eden-ochre)}

/* a post */
.post{max-width:1060px;margin:0 auto;padding:clamp(120px,13vw,170px) 40px clamp(60px,7vw,90px)}
.post-in{background:var(--panel);border-radius:8px;box-shadow:var(--panel-shadow);padding:clamp(30px,4vw,54px)}
.post-meta{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);margin:0 0 16px}
.post-meta b{font-weight:600;color:var(--eden-ochre)}
.post-t{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.08;color:var(--parchment-bright);margin:0 0 clamp(26px,3vw,36px);max-width:22ch}
.post-lead{position:relative;margin-bottom:clamp(28px,3.4vw,40px);aspect-ratio:16/9;overflow:hidden;background:#14110D}
.post-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post-lead .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.post-template .post-lead img{filter:brightness(.92)}
.post-body{max-width:62ch}
.post-body p,.post-body li{font-family:var(--body);font-size:20px;line-height:1.68;color:var(--parchment-soft);margin:0 0 26px}
.post-body h2,.post-body h3{font-family:var(--display);font-weight:400;color:var(--parchment-bright);line-height:1.15;margin:clamp(34px,4vw,48px) 0 14px}
.post-body h2{font-size:clamp(26px,3vw,34px)}
.post-body h3{font-size:clamp(22px,2.4vw,26px)}
.post-body a{color:var(--parchment-bright);border-bottom:1px solid var(--parchment-line)}
.post-body blockquote{margin:0 0 26px;padding-left:18px;border-left:1px solid var(--parchment-line);font-family:var(--display);font-size:22px;line-height:1.5;color:var(--parchment)}
.post-body figure{margin:0 0 26px}
.post-body figcaption{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-dim);margin-top:10px}
.post-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.post-foot{display:flex;align-items:baseline;gap:16px;margin-top:clamp(36px,4vw,52px);padding-top:20px;border-top:1px solid var(--parchment-faint)}
.post-k{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--parchment);margin:0}
.thread{margin-top:26px;max-width:62ch}

/* foot */
.foot{padding:56px 40px 70px;text-align:center}
.foot p{font-family:var(--display);font-style:italic;font-size:15px;color:var(--parchment-dim);margin:0}

@media (max-width:860px){
  .start-in{grid-template-columns:1fr}
  .item{grid-template-columns:1fr;gap:14px}
  .item .thumb{order:-1}
  .meta{display:flex;gap:14px;line-height:1.4}
  .meta b{display:inline}
}
@media (max-width:620px){
  .stream-head span{white-space:normal;text-align:center;line-height:1.7}
  .top{padding:14px 20px 36px}
  .start,.stream,.post{padding-left:20px;padding-right:20px}
  .stream-head{padding-left:0;padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  .sitemenu,.searchpane,.burger span,.item{transition:none}
}

/* Ghost's editor cards: wide and full-width images inside a post */
.post-body .kg-width-wide{margin-left:-6%;margin-right:-6%;max-width:112%;width:112%}
.post-body .kg-width-full{margin-left:calc(50% - 50vw + 20px);margin-right:calc(50% - 50vw + 20px);max-width:100vw;width:auto}
.post-body .kg-image-card,.post-body .kg-gallery-card,.post-body .kg-embed-card,.post-body .kg-video-card{margin:0 0 26px}
.post-body .kg-image{width:100%;height:auto}
.post-body .kg-gallery-row{display:flex;gap:10px}
.post-body .kg-gallery-image img{width:100%;height:auto;display:block}
.post-body .kg-card-hascaption figcaption,.post-body .kg-image-card figcaption{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-dim);margin-top:10px;text-align:center}
.post-body .kg-callout-card{background:rgba(217,206,182,.06);border-radius:6px;padding:18px 20px;margin:0 0 26px}
.post-body .kg-toggle-card{border-top:1px solid var(--parchment-faint);border-bottom:1px solid var(--parchment-faint);padding:14px 0;margin:0 0 26px}
.post-body .kg-bookmark-card a{display:block;border:1px solid var(--parchment-line);border-radius:6px;padding:18px 20px;margin:0 0 26px}
.post-body .kg-button-card a{display:inline-block;border:1px solid var(--parchment-line);padding:14px 24px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
@media (max-width:860px){.post-body .kg-width-wide{margin-left:0;margin-right:0;max-width:100%;width:100%}}

/* The paper, read inside the community. It brings its own world with it —
   its own bar, contents column and switches — so the community's masthead
   and painting stand aside on that page, and one small link leads back. */
body.page-paper .top,body.page-paper .page-bg,body.page-paper .page-veil,body.page-paper .page-dark,body.page-paper .foot{display:none}
.paper-back{position:fixed;left:14px;bottom:14px;z-index:70;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(28,25,20,.6);background:rgba(244,234,226,.9);border:1px solid rgba(28,25,20,.18);border-radius:3px;padding:9px 13px}
.paper-back:hover{color:#1C1914;border-color:rgba(28,25,20,.4)}
html[data-dark="on"] .paper-back{color:rgba(232,220,200,.65);background:rgba(18,17,13,.9);border-color:rgba(232,220,200,.22)}

/* the rules, before anything else */
.gate{position:fixed;inset:0;z-index:400;background:rgba(8,7,5,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:clamp(70px,9vw,120px) 24px 60px}
html[data-theme="light"] .gate{background:rgba(239,231,218,.99)}
.gate[hidden]{display:none}
html.gate-open,body.gate-open{overflow:hidden}
.gate-in{max-width:640px;margin:0 auto}
.gate-t{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,46px);line-height:1.06;color:var(--parchment-bright);margin:0 0 14px}
.gate-lede{font-family:var(--display);font-style:italic;font-size:20px;line-height:1.45;color:var(--parchment);margin:0 0 32px}
.gate-doc{max-height:46vh;overflow-y:auto;padding:26px 28px;background:var(--panel);border-radius:8px;box-shadow:var(--panel-shadow)}
.gate-doc p,.gate-doc li{font-family:var(--body);font-size:17px;line-height:1.6;color:var(--parchment-soft);margin:0 0 16px}
.gate-doc h2{font-family:var(--display);font-weight:400;font-size:22px;color:var(--parchment-bright);margin:26px 0 10px}
.gate-doc h2:first-child{margin-top:0}
.gate-doc strong{color:var(--parchment-bright);font-weight:500}
.gate-loading{color:var(--parchment-dim) !important}
.gate-acts{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px}
.gate-go{padding:17px 28px;border:1px solid var(--parchment-line);background:transparent;color:var(--parchment-bright);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.gate-go:hover:not(:disabled){background:rgba(213,174,133,.10);border-color:var(--eden-ochre)}
.gate-go:disabled{opacity:.5;cursor:default}
.gate-out{font-family:var(--display);font-size:18px;color:var(--parchment-dim);border-bottom:1px solid var(--parchment-faint);padding-bottom:3px}
.gate-out:hover{color:var(--parchment)}
.gate-note{font-family:var(--sans);font-size:11px;line-height:1.7;letter-spacing:.06em;color:var(--parchment-dim);margin:20px 0 0}