@import url("fonts/fonts.css"); 
:root{--night:#231915;--paper:#2c1f19;--fig:#120c09;--cream:#efe7d6;--cream-soft:rgba(239,231,214,.8);--cream-faint:rgba(239,231,214,.5);--line:rgba(239,231,214,.22);--ember:#e0a446;--ember-hi:#f4c774;--ember-dim:rgba(224,164,70,.55);--terra:#c97a5b;--skew:-11deg;--shadow-hard:.05em .05em 0 rgba(10,6,3,.9);--serif:'Fraunces',Georgia,serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--hand:'Architects Daughter',cursive}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--night)}
body{color:var(--cream-soft);font-family:var(--mono);font-size:14px;line-height:1.75;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPScyJy8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzE0MCcgaGVpZ2h0PScxNDAnIGZpbHRlcj0ndXJsKCNuKScvPjwvc3ZnPg==")}
a{color:var(--ember);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--ember-hi)}
::selection{background:var(--ember-dim);color:#1e1512}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.bar{display:flex;align-items:center;justify-content:space-between;padding:26px 44px;font-size:11px;letter-spacing:.22em}
.bar .crumb{color:var(--cream-faint);text-decoration:none}
.bar .crumb b{color:var(--cream);font-weight:400}
.bar nav{display:flex;gap:26px}
.bar nav a{text-decoration:none;color:var(--cream-soft)}
.bar nav a[aria-current]{color:var(--ember)}
.bar .burger{display:none;background:none;border:1px solid var(--line);color:var(--cream-soft);font-family:var(--mono);font-size:10px;letter-spacing:.22em;padding:8px 12px;cursor:pointer}
.bar .burger:hover{border-color:var(--ember);color:var(--ember)}
@media (max-width:760px){
  .bar.has-burger .burger{display:block}
  .bar.has-burger nav{display:none}
  .bar.has-burger nav.open{display:flex;position:fixed;inset:0;z-index:60;flex-direction:column;justify-content:center;gap:7vh;padding:0 10vw;background:rgba(18,11,8,.97)}
  .bar.has-burger nav.open a{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(28px,8vw,40px);color:var(--cream);text-shadow:var(--shadow-hard)}
  .bar.has-burger nav.open a[aria-current]{color:var(--ember)}
  .bar.has-burger nav.open .nav-close{position:absolute;right:6vw;top:5vh;font-family:var(--mono);font-style:normal;font-weight:400;font-size:12px!important;letter-spacing:.22em;color:var(--cream-faint)!important;text-shadow:none;border:1px solid var(--line);padding:8px 12px}
}
.plate{position:relative;background:var(--paper);border:1px solid rgba(239,231,214,.08);box-shadow:7px 7px 0 rgba(10,6,3,.5)}
.plate::before{content:"";position:absolute;left:-1px;top:-1px;width:64px;height:3px;background:var(--ember);transform:rotate(var(--skew));transform-origin:left center}
.plate.t2::before{background:var(--terra)}
.plate::after{content:"";position:absolute;right:-1px;bottom:-1px;width:44px;height:2px;background:var(--cream);opacity:.26;transform:rotate(var(--skew));transform-origin:right center}
.rolls.plate,.sheet.plate{padding:5vh 4vw 6vh}
.article.plate{width:min(94vw,1000px);margin:0 auto;padding:6vh 0 7vh}
.article.plate .pull{margin-left:0;padding-left:6%}
.article.plate .pull::before{left:6%}
.plate-wrap{padding:5vh 0 2vh} 
.moonrule{display:flex;align-items:center;gap:14px}
.moonrule .r{width:180px;height:2px;background:var(--cream);opacity:.6;transform:rotate(var(--skew));transform-origin:left center}
footer.ridge{position:relative;margin-top:14vh;padding:9vh 44px 5vh;font-size:11px;letter-spacing:.2em;color:rgba(239,231,214,.62)}
footer.ridge>span{display:block;text-wrap:balance}
footer.ridge::before{content:"";position:absolute;left:0;right:0;top:0;height:44px;background:#1d140f;clip-path:polygon(0 62%,11% 44%,23% 56%,40% 34%,57% 50%,74% 28%,86% 46%,100% 36%,100% 100%,0 100%)}
.article{display:grid;grid-template-columns:minmax(3vw,1fr) minmax(auto,66ch) minmax(3vw,1.35fr);row-gap:0}
.article>*{grid-column:2}
.kicker{font-size:11px;letter-spacing:.26em;color:var(--ember);margin:0;text-wrap:balance}
.kicker::before{content:"";display:inline-block;width:34px;height:2px;background:var(--ember);opacity:.7;transform:rotate(var(--skew)) translateY(-3px);margin-right:12px;vertical-align:middle}
.article h1{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.01em;color:var(--cream);text-shadow:var(--shadow-hard);text-wrap:balance;margin:26px 0 0}
.meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin:26px 0 0;font-size:11px;letter-spacing:.18em;color:var(--cream-faint);font-style:italic}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.tag{font-size:10.5px;letter-spacing:.16em;color:var(--cream-soft);border:1px solid var(--line);padding:4px 10px;text-decoration:none}
.tag:hover{border-color:var(--ember);color:var(--ember)}
.article .lede{font-style:italic;font-size:15.5px;line-height:1.85;color:var(--cream);margin:5.5vh 0 0}
.article p{font-style:italic;margin:1.5em 0 0}
.article{counter-reset:sec}
.article h2{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(26px,2.6vw,36px);line-height:1.05;color:var(--cream);text-shadow:var(--shadow-hard);margin:2.6em 0 0;transform:translateX(-2.2ch);counter-increment:sec;border-top:1px solid var(--line);padding-top:1.2em}
.article h2::before{content:"( " counter(sec,lower-roman) " )";display:block;font-family:var(--mono);font-style:normal;font-weight:400;font-size:11px;letter-spacing:.26em;color:var(--ember);margin-bottom:14px}
.article h2:nth-of-type(even)::before{color:var(--terra)}
.article h3{font-family:var(--mono);font-style:italic;font-size:13px;letter-spacing:.22em;color:var(--ember);font-weight:400;margin:2.4em 0 0}
.article hr{border:0;width:200px;height:2px;background:var(--cream);opacity:.4;transform:rotate(var(--skew));margin:3.5em 0 3em -1ch}
blockquote{margin:2.2em 0 0;padding:0 0 0 22px;border-left:2px solid var(--ember);font-style:italic;color:var(--cream)}
blockquote cite{display:block;margin-top:.8em;font-size:11px;letter-spacing:.2em;color:var(--cream-faint);font-style:normal}
.pull{grid-column:1/4;justify-self:start;max-width:56vw;margin:1.4em 0 .4em -4vw;padding-left:8vw;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(24px,2.4vw,34px);line-height:1.15;color:var(--cream);text-shadow:var(--shadow-hard);position:relative}
.pull::before{content:"";position:absolute;left:4vw;top:-14px;width:56px;height:3px;background:var(--terra);transform:rotate(var(--skew));transform-origin:left center}
.aside{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--cream-soft);display:inline-block}
.aside.script,.script{font-family:var(--hand);font-weight:400;color:var(--terra);transform:rotate(-1.2deg)}
.margin-note{grid-column:3;justify-self:start;align-self:start;max-width:200px;margin:2em 0 0 3vw;font-family:var(--mono);font-style:italic;font-size:12px;line-height:1.6;color:var(--cream-faint)}
.callout{margin:2.4em 0 0;border:1px solid var(--line);padding:20px 22px 22px;position:relative}
.callout::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:3px;background:var(--ember);transform-origin:left center;transform:rotate(var(--skew))}
.callout .co-label{display:block;font-size:10.5px;letter-spacing:.24em;color:var(--ember);margin-bottom:.7em}
.callout p{margin:0;font-style:italic}
code{font-family:var(--mono);font-style:normal;font-size:.92em;color:var(--ember-hi);background:rgba(239,231,214,.07);padding:2px 6px}
pre{margin:2.2em 0 0;padding:18px 20px;background:rgba(10,6,3,.5);border:1px solid var(--line);overflow-x:auto;font-size:12.5px;line-height:1.7}
pre code{background:none;padding:0;color:var(--cream-soft)}
.article table{border-collapse:collapse;margin:2.4em 0 0;width:100%;font-size:12.5px;font-style:normal}
.article th{font-weight:400;text-align:left;font-size:10.5px;letter-spacing:.22em;color:var(--ember);padding:10px 14px 10px 0;border-bottom:2px solid var(--cream);white-space:nowrap}
.article td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);color:var(--cream-soft);font-style:italic}
.article td:first-child{color:var(--cream)}
figure.block{grid-column:1/4;justify-self:center;width:min(88vw,900px);margin:3.5em 0 0}
figure.block.tilt{transform:rotate(-1deg)}
figure.block .ph{aspect-ratio:16/9;border:1px dashed rgba(239,231,214,.35);display:grid;place-items:center;color:var(--cream-faint);font-size:11px;letter-spacing:.22em;background:rgba(10,6,3,.35)}
figure.block figcaption{margin-top:12px;font-size:11px;letter-spacing:.16em;color:var(--cream-faint);font-style:italic}
.embed{margin:2.6em 0 0;border:1px solid var(--line);padding:18px 20px;display:flex;gap:16px;align-items:baseline}
.embed .em-ico{font-family:var(--serif);font-style:italic;color:var(--ember);font-size:20px}
.embed a{font-style:italic}
.embed-video{grid-column:1/4;justify-self:center;width:min(88vw,760px);margin:3em 0 0}
.embed-video .ev-slot{position:relative;aspect-ratio:16/9;border:1px solid var(--line);background:rgba(10,6,3,.5);display:grid;place-items:center}
.embed-video .ev-slot::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:3px;background:var(--ember);transform-origin:left center;transform:rotate(var(--skew))}
.embed-video .ev-slot>iframe,.embed-video .ev-slot>video{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-video .ev-empty{font-size:11px;letter-spacing:.22em;color:var(--cream-faint);padding:0 10%;text-align:center}
.embed-video figcaption{margin-top:12px;font-size:11px;letter-spacing:.16em;color:var(--cream-faint);font-style:italic}
.fn{font-style:normal;font-size:.72em;vertical-align:super;letter-spacing:.06em;color:var(--ember);text-decoration:none}
.fn:hover{color:var(--ember-hi)}
.footnotes{margin:4em 0 0;padding-top:1.6em;position:relative;font-size:12px;color:var(--cream-faint)}
.footnotes::before{content:"";position:absolute;left:0;top:0;width:150px;height:2px;background:var(--cream);opacity:.4;transform:rotate(var(--skew));transform-origin:left center}
.footnotes p{margin:.7em 0 0;font-style:italic}
.footnotes .fn-no{color:var(--ember);font-style:normal;margin-right:.8em}
mark{color:var(--cream);text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='20'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' seed='7'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='1.4'/%3E%3C/filter%3E%3Cg filter='url(%23r)'%3E%3Crect x='0' y='3' width='48' height='16' fill='%23e0a446' opacity='.12'/%3E%3Cg stroke='%23e0a446' stroke-width='1.1' stroke-linecap='round' opacity='.5'%3E%3Cpath d='M-8 19 L1.5 3'/%3E%3Cpath d='M-4 19 L5.5 3'/%3E%3Cpath d='M0 19 L9.5 3'/%3E%3Cpath d='M4 19 L13.5 3'/%3E%3Cpath d='M8 19 L17.5 3'/%3E%3Cpath d='M12 19 L21.5 3'/%3E%3Cpath d='M16 19 L25.5 3'/%3E%3Cpath d='M20 19 L29.5 3'/%3E%3Cpath d='M24 19 L33.5 3'/%3E%3Cpath d='M28 19 L37.5 3'/%3E%3Cpath d='M32 19 L41.5 3'/%3E%3Cpath d='M36 19 L45.5 3'/%3E%3Cpath d='M40 19 L49.5 3'/%3E%3Cpath d='M44 19 L53.5 3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat-x 0 60%/auto 1.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}
.article p a,.article li a,.footnotes a,.lede a,.hint a{text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='8'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='1.2'/%3E%3C/filter%3E%3Cpath d='M0 4.4 C 24 3.6, 52 5.2, 96 4.1' fill='none' stroke='%23e0a446' stroke-width='1.3' stroke-linecap='round' opacity='.75' filter='url(%23r)'/%3E%3C/svg%3E") repeat-x 0 100%/96px 8px;padding-bottom:3px}
.whisper{font-size:.85em;letter-spacing:.2em;color:var(--cream-faint)}
.loud{font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.35em;color:var(--cream);text-shadow:var(--shadow-hard)}
.foot-rule{display:flex;align-items:center;gap:14px;margin:4em 0 0}
.foot-rule .r{flex:1;max-width:220px;height:2px;background:var(--cream);opacity:.5;transform:rotate(var(--skew));transform-origin:left center}
.prevnext{display:flex;justify-content:space-between;gap:20px;margin:3em 0 0;font-size:12px;font-style:italic}
.sheet{max-width:640px;margin:0 auto;padding:0 3vw}
.field{margin-top:3.6vh;display:flex;flex-direction:column;gap:10px}
.field label,.field legend{font-size:11px;letter-spacing:.24em;color:var(--ember)}
fieldset.field{border:0;margin-left:0;margin-right:0;padding:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:10px}
.field .hint{font-size:11.5px;font-style:italic;color:rgba(239,231,214,.64);margin:-4px 0 0}
input[type=text],input[type=email],textarea{background:rgba(10,6,3,.4);border:1px solid var(--line);border-bottom:2px solid var(--cream-soft);color:var(--cream);font-family:var(--mono);font-style:italic;font-size:14px;padding:12px 14px;width:100%}
input:focus,textarea:focus{outline:none;border-bottom-color:var(--ember);background:rgba(10,6,3,.6)}
textarea{min-height:110px;resize:vertical}
@media (max-width:900px){input[type=text],input[type=email],textarea{font-size:16px}}
.chips{display:flex;flex-wrap:wrap;gap:12px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.send-err{margin:4vh 0 0;font-size:12px;letter-spacing:.14em;color:var(--terra)}
.cta[disabled]{opacity:.55;cursor:progress}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips label{cursor:pointer;border:1px solid var(--line);padding:9px 16px;font-size:12px;letter-spacing:.14em;color:var(--cream-soft)}
.chips input:checked+label{border-color:var(--ember);color:var(--ember-hi);box-shadow:3px 3px 0 var(--ember-dim)}
.chips input:focus-visible+label{outline:2px solid var(--ember);outline-offset:3px}
.cta{display:inline-block;padding:13px 26px;border:2px solid var(--cream);color:var(--cream);font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-decoration:none;box-shadow:4px 4px 0 var(--ember-dim);background:transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.cta:hover{color:#1e1512;background:var(--ember);border-color:var(--ember);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ember-dim)}
.confirm{display:none;text-align:left;padding:8vh 0 4vh}
.confirm.on{display:block;animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.confirm h2{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(30px,3.4vw,44px);color:var(--cream);text-shadow:var(--shadow-hard);margin:24px 0 0;line-height:1.05}
.confirm p{font-style:italic;margin:1.6em 0 0;max-width:52ch}
.confirm .hand{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--cream-soft);font-size:16px;display:inline-block;margin-top:3.5vh}
.rolls{max-width:820px;margin:0 auto;padding:0 3vw}
.roll-head{display:flex;align-items:center;gap:16px;margin:7.5vh 0 1vh}
.roll-head h2{font-family:var(--mono);font-style:normal;font-weight:400;font-size:11px;letter-spacing:.3em;color:var(--ember);margin:0}
.roll-head h2::before{content:"";display:inline-block;width:7px;height:7px;border:1px solid var(--ember);transform:rotate(45deg);margin-right:14px;vertical-align:1px}
.roll-head.alt h2{color:var(--terra)}
.roll-head.alt h2::before{border-color:var(--terra)}
.roll-head .r{flex:1;max-width:180px;height:2px;background:var(--cream);opacity:.35;transform:rotate(var(--skew));transform-origin:left center}
.entry{display:grid;grid-template-columns:110px 1fr auto;gap:6px 26px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}
.entry:hover .e-title{color:var(--terra)}
.entry .e-date{font-size:11px;letter-spacing:.18em;color:var(--terra);font-style:italic}
.entry .e-title{font-family:var(--mono);font-weight:500;font-style:normal;font-size:15.5px;letter-spacing:.02em;line-height:1.4;color:var(--cream);transition:color .3s}
.entry .e-sub{grid-column:2;font-size:12.5px;font-style:italic;color:var(--cream-faint);margin:0}
.entry .e-tags{display:flex;gap:8px;justify-self:end;align-self:start}
.book{display:grid;grid-template-columns:56px 1fr 112px;gap:4px 22px;padding:30px 0;border-bottom:1px solid var(--line)}
.book .b-no{font-size:11px;letter-spacing:.2em;color:var(--ember);font-style:italic}
.book .b-title{font-family:var(--serif);font-style:italic;font-weight:600;font-size:21px;color:var(--cream);margin:0;line-height:1.15}
.book .b-author{grid-column:2;font-size:11px;letter-spacing:.2em;color:var(--cream-faint);margin:2px 0 0}
.book .b-desc{grid-column:2;font-size:12.5px;font-style:italic;color:var(--cream-soft);margin:10px 0 0;max-width:58ch}
.book .b-tags{grid-column:2;display:flex;gap:8px;margin-top:12px}
.book .b-cover{grid-column:3;grid-row:1/span 4;justify-self:end;align-self:start;position:relative;width:96px;aspect-ratio:2/3;transform:rotate(-2deg);background:rgba(10,6,3,.4);border:1px solid var(--line);box-shadow:5px 5px 0 rgba(10,6,3,.55)}
.book .b-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.book .b-cover.empty::after{content:"( cover )";position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;letter-spacing:.2em;color:var(--cream-faint)}
.book .b-cover::before{content:"";position:absolute;left:6%;bottom:-14px;width:60%;height:2px;background:var(--terra);opacity:.7;transform:rotate(var(--skew));transform-origin:left center}
.book:nth-of-type(even) .b-cover{transform:rotate(1.4deg)}
.book:nth-of-type(even) .b-cover::before{background:var(--ember);left:auto;right:6%}
@media (max-width:760px){
.bar{padding:20px 6vw;flex-wrap:wrap;gap:12px}
.bar nav{gap:16px;flex-wrap:wrap}
.article{display:block;padding:0 6vw}
.article h2{transform:none}
.article.plate{width:auto;margin:0 4vw;padding:4vh 6vw 5vh}
.rolls.plate,.sheet.plate{margin:0 4vw;padding:4vh 6vw 5vh}
.pull{max-width:100%;margin-left:0;padding-left:0}
.pull::before{left:0}
.margin-note{max-width:100%;margin:1.6em 0 0}
figure.block{width:100%}
.embed-video{width:100%}
.entry{grid-template-columns:1fr;gap:6px}
.entry .e-tags{justify-self:start;grid-column:1}
.entry .e-sub{grid-column:1}
.book{grid-template-columns:1fr}
.book .b-author,.book .b-desc,.book .b-tags{grid-column:1}
.book .b-cover{grid-column:1;grid-row:auto;justify-self:start;width:84px;margin:12px 0 6px}
footer.ridge{padding:9vh 6vw 5vh}
footer.ridge>span{letter-spacing:.12em}   
html,body{overflow-x:clip}
}
.art-slot{position:absolute;top:18vh;left:64vw;width:min(20vw,320px);z-index:3;pointer-events:none}
.art-slot[data-slot=promise]{left:5vw;top:20vh;width:min(24vw,360px)}
.art-slot[data-slot=melody]{left:65vw;top:14vh;width:min(18vw,290px)}
.art-slot[data-slot=lamp]{left:4vw;top:22vh;width:min(22vw,330px)}
.art-slot[data-slot=claim]{left:3vw;top:20vh;width:min(20vw,310px)}
.art-slot img,.art-slot svg{display:block;width:100%;height:auto;opacity:.55}
@media (max-width:900px){
  .art-slot,.art-slot[data-slot]{position:relative;left:auto;top:auto;right:auto;
    width:min(84vw,420px);margin:0 auto -3vh;align-self:center;z-index:3}
  .art-slot img{opacity:.6;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);
    mask-image:linear-gradient(to bottom,#000 72%,transparent)}
}
.field{position:relative}
.field::after{content:"";position:absolute;left:2px;bottom:-6px;width:64px;height:3px;background:var(--ember);opacity:0;transform:skewX(var(--skew));transition:opacity .25s ease,width .25s ease;pointer-events:none}
.field:focus-within::after{opacity:.85;width:96px}
.lede em,.st-inner em,.text-zone em{font-style:normal;color:var(--cream)}
.address .lede,.address .lede p,.address .fit li,.address .cta{font-style:normal}
.address .st-inner em,.address .personal{font-style:italic;color:var(--cream)}