:root{--paper:#f5f0e4;--ink:#191914;--accent:#e85d34;--muted:#6d6a61;--line:2px solid var(--ink);--sans-serif:Arial, Helvetica, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans-serif);background-image:radial-gradient(circle,#19191429 1px,#0000 1.5px),linear-gradient(135deg,#e85d3412 25%,#0000 25%),linear-gradient(315deg,#e85d3412 25%,#0000 25%);background-position:0 0,0 0,18px 18px;background-size:18px 18px,36px 36px,36px 36px;margin:0}body:has(dialog[open]){overflow:hidden}header,main{width:min(1240px,100% - 2rem);margin-inline:auto}header{border:var(--line);box-shadow:8px 8px 0 var(--ink);background:#fffdf7e0;margin-top:1rem;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,3rem) clamp(2.5rem,6vw,5rem)}.eyebrow,.card-action{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.4}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif)}h1{letter-spacing:-.07em;max-width:10ch;margin-bottom:1.25rem;font-size:clamp(4rem,13vw,9rem);font-weight:400;line-height:.82}.introduction{max-width:48rem;font-family:var(--serif);margin-bottom:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.25}.collection{margin-block:2rem 5rem;position:relative}.card{--image-ratio:4 / 3;--card-color:#fffdf7;border:var(--line);background:var(--card-color);width:auto;min-width:0;height:fit-content;box-shadow:6px 6px 0 var(--ink);padding:.9rem .9rem 1.25rem;transition:translate .12s,box-shadow .12s;display:block;position:absolute}.card--three{grid-column:span 3}.card--four{grid-column:span 4}.card--five{grid-column:span 5}.card--seven{grid-column:span 7}.card--aglet{--image-ratio:4 / 3}.card--ship{--image-ratio:5 / 4}.card--rivet{--image-ratio:3 / 4}.card--ampersand{--image-ratio:16 / 7}.card--buttons,.card--paradox{--image-ratio:4 / 5}.card--glovebox{--image-ratio:5 / 3}.card--pompom{--image-ratio:3 / 4}.card figure,.details-dialog figure{margin:0 0 1.25rem}.card figure>img,.details-dialog figure>img{width:100%;display:block}.card figure>img{border:1px solid var(--ink);height:auto}.card--ship figure>img,.card--ampersand figure>img,.card--paradox figure>img{object-fit:contain;background:#fff;padding:.75rem}.card--layout-gallery .card-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.card--layout-gallery .card-media img:first-child{grid-column:1/-1}.card--layout-gallery .card-media img:not(:first-child){aspect-ratio:4/3}.card h2{overflow-wrap:anywhere;letter-spacing:-.04em;margin-bottom:.65rem;font-size:clamp(2rem,4vw,3.8rem);font-weight:400;line-height:.92}.card p,.details-dialog h2,.details-dialog p,.details-dialog figcaption,.contributor strong{overflow-wrap:anywhere;word-break:break-word}.card>p:not(.card-action){max-width:38rem;font-size:.95rem;line-height:1.5}.card-action{color:#a62f13;margin-block:2rem 0}.card-trigger{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.card-trigger:focus-visible{outline:5px solid var(--accent);outline-offset:-5px}.card:hover{box-shadow:2px 2px 0 var(--ink);translate:4px 4px}.card:has(.card-trigger:focus-visible){box-shadow:2px 2px 0 var(--ink);translate:4px 4px}.details-dialog{overscroll-behavior:contain;border:var(--line);background:var(--card-color,#fffdf7);width:min(48rem,100% - 2rem);max-height:calc(100% - 2rem);color:var(--ink);box-shadow:12px 12px 0 var(--ink);padding:clamp(1rem,4vw,2rem);overflow:hidden auto}.details-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#191914c2}.details-dialog .dialog-media>img{border:1px solid var(--ink);width:auto;max-width:100%;height:auto;min-height:min(12rem,40vw);max-height:min(60vh,32rem)}.details-dialog .dialog-media{display:block}.details-dialog .dialog-media figcaption{justify-self:stretch}.details-dialog h2{letter-spacing:-.05em;margin-bottom:.75rem;font-size:clamp(2.7rem,8vw,5.5rem);font-weight:400;line-height:.9}.details-dialog>p:not(.eyebrow){font-family:var(--serif);font-size:1.15rem;line-height:1.55}.details-dialog figcaption{color:var(--muted);text-align:left;margin-top:.5rem;font-size:.8rem}.details-dialog--gallery .dialog-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.details-dialog--gallery .dialog-media img:first-child,.details-dialog--gallery .dialog-media figcaption{grid-column:1/-1}.details-dialog--split{width:min(64rem,100% - 2rem)}.details-dialog--split[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2rem;display:grid}.details-dialog--split .close-button{grid-column:1/-1;justify-self:end}.details-dialog--split .dialog-media{grid-row:2/span 5}.details-dialog--split .eyebrow,.details-dialog--split h2,.details-dialog--split>p,.details-dialog--split .reactions,.details-dialog--split .contributor{grid-column:2}.close-button{z-index:2;float:right;border:var(--line);background:var(--accent);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;font:2rem/1 var(--sans-serif);border-radius:0;position:sticky;top:0}.contributor{justify-items:start;gap:.45rem;margin-top:1.25rem;display:grid}.contributor small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:700}.contributor strong{max-width:100%;font-family:var(--serif);padding-bottom:.45rem;font-size:1.15rem;line-height:1.15;position:relative}.contributor strong:after{background-color:var(--card-accent,#7256a7);content:"";transform-origin:0;width:58%;height:.5rem;transition:width .18s,transform .18s;position:absolute;bottom:0;left:0;transform:skew(-8deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 1 12 4 T24 4' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 1 12 4 T24 4' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.card:hover .contributor strong:after{width:100%;transform:skew(0)}.card:has(.card-trigger:focus-visible) .contributor strong:after{width:100%;transform:skew(0)}.details-dialog[open] .contributor strong:after{animation:.32s ease-out both reveal-credit}@keyframes reveal-credit{0%{width:0;transform:skew(-8deg)}to{width:58%;transform:skew(-8deg)}}.press-button{box-shadow:4px 4px 0 var(--ink);transition:translate .1s,box-shadow .1s}.press-button:hover,.press-button:active{box-shadow:1px 1px 0 var(--ink);translate:3px 3px}.card-reactions,.reactions{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.card-reactions{z-index:2;margin-top:1rem;position:relative}.reaction-button{border:2px solid var(--ink);min-height:2.75rem;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font:700 .8rem/1 var(--sans-serif);border-radius:.7rem;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .4rem;transition:translate .1s,box-shadow .1s;display:inline-flex}.reaction-button--knew{--reaction-soft:#fff1ad;background:#ffdf57}.reaction-button--strange{--reaction-soft:#ead0ff;background:#cb8cff}.reaction-button:hover,.reaction-button.is-selected{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.reaction-button.is-compact{gap:.4rem;min-height:2.4rem;padding:.25rem .55rem .25rem .3rem;font-size:.7rem}.reaction-button.is-selected{outline:3px solid var(--reaction-soft);outline-offset:-5px}.reaction-button:disabled,.reaction-button:disabled:hover{cursor:default;box-shadow:3px 3px 0 var(--ink);translate:0}.reaction-button>strong:last-child{border-left:2px dashed var(--ink);min-width:2rem;color:var(--ink);font-variant-numeric:tabular-nums;background:#fffdf76b;border-radius:0 .55rem .55rem 0;align-self:stretch;place-items:center;margin:-.35rem -.7rem -.35rem 0;padding-inline:.5rem;font-size:.76rem;display:grid;position:relative}.reaction-button.is-compact>strong:last-child{min-width:1.75rem;margin:-.25rem -.55rem -.25rem 0;padding-inline:.4rem}.reaction-button.is-selected>strong:last-child{box-shadow:inset -3px 0 var(--reaction-soft), inset 0 3px var(--reaction-soft), inset 0 -3px var(--reaction-soft)}.reaction-icon{border:1px solid var(--ink);background:#ffffff8c;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.reaction-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem;height:1.2rem;overflow:visible}.reaction-button--strange .reaction-icon svg{fill:currentColor;stroke-width:1px}.add-card-button{z-index:5;border:var(--line);background:var(--accent);width:4rem;height:4rem;color:var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;font:2.6rem/1 var(--sans-serif);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.add-card-button:hover{box-shadow:2px 2px 0 var(--ink);translate:3px 3px}.add-dialog{width:min(56rem,100% - 2rem)}.details-dialog .composer-heading{font-family:var(--sans-serif);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;line-height:1.1}.composer{gap:1.5rem;display:grid}.composer-tabs{border-bottom:1px solid var(--ink);gap:.75rem;padding-bottom:.85rem;display:flex}.composer-tab{border:var(--line);color:var(--ink);cursor:pointer;font:700 .75rem/1 var(--sans-serif);letter-spacing:.06em;text-transform:uppercase;background:#def1e8;padding:.7rem 1rem}.composer-tab.is-selected{background:#cb8cff}.composer-tab[aria-disabled=true],.submit-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.composer-tab:disabled{cursor:wait;opacity:.65}.preview-tab-wrap{display:inline-flex;position:relative}.preview-tab-wrap[data-tooltip]:after{z-index:7;border:var(--line);width:min(18rem,70vw);box-shadow:4px 4px 0 var(--ink);color:var(--ink);content:attr(data-tooltip);font:700 .72rem/1.35 var(--sans-serif);opacity:0;pointer-events:none;background:#fff8d8;padding:.65rem .75rem;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + .75rem);left:0;transform:translateY(-.25rem)}.preview-tab-wrap[data-tooltip]:hover:after,.preview-tab-wrap[data-tooltip]:focus-within:after{opacity:1;transform:translateY(0)}.composer-fields{gap:1.5rem;display:grid}.composer-fields[hidden]{display:none}.curio-preview-panel{border:var(--line);background:var(--card-color);box-shadow:7px 7px 0 var(--ink);padding:clamp(1rem,4vw,2rem)}.curio-preview-panel>p:not(.eyebrow){font-family:var(--serif);font-size:1.15rem;line-height:1.55}.composer-title,.composer-summary,.composer-detail,.composer-caption{width:100%;color:var(--ink);resize:vertical;background:0 0;border:0;border-radius:0;outline:0;padding:0}.composer-title{font:400 clamp(2.4rem, 7vw, 5rem)/.95 var(--serif);letter-spacing:-.05em}.composer-title.is-missing,.composer-summary.is-missing,.composer-detail.is-missing{box-shadow:inset 0 -4px 0 var(--accent);background:#ffe1d9}.curio-image-input.is-missing{outline:4px solid var(--accent);outline-offset:3px}.composer-summary{resize:none;font:400 1.35rem/1.45 var(--serif);margin-bottom:0;display:block;overflow:hidden}.curio-image-input{border:var(--line);background:var(--paper);min-height:18rem;box-shadow:5px 5px 0 var(--ink);cursor:pointer;place-items:center;transition:translate .1s,box-shadow .1s;display:grid;position:relative;overflow:hidden}.curio-image-input:hover{box-shadow:2px 2px 0 var(--ink);translate:3px 3px}.curio-image-input>span{text-align:center;gap:.4rem;display:grid}.curio-image-input strong{font-family:var(--serif);font-size:2rem;font-weight:400}.curio-image-input small{color:var(--muted)}.curio-image-input img{object-fit:contain;width:100%;height:auto;max-height:30rem;display:block}.curio-image-input input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.crop-editor{gap:1.25rem;padding-block:.25rem 1.5rem;display:grid}.crop-editor-heading{width:100%;box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:0;display:flex}.crop-editor-heading>span{gap:.2rem;display:grid}.crop-editor-heading strong{font-family:var(--serif);font-size:1.4rem}.crop-editor-heading small{color:var(--muted)}.change-image-button{border:var(--line);color:var(--ink);cursor:pointer;font:700 .72rem/1 var(--sans-serif);text-transform:uppercase;background:#def1e8;flex:none;padding:.7rem .8rem}.crop-stage-shell{justify-items:start;display:grid}.crop-stage{-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin:0;line-height:0;position:relative;overflow:hidden}.crop-stage img{border:1px solid var(--ink);-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:32rem;display:block}.crop-selection{z-index:2;cursor:grab;box-shadow:0 0 0 2px var(--ink), 0 0 0 9999px #1919146b, inset 0 0 0 1px var(--ink);touch-action:none;border:3px dashed #fffdf7;line-height:normal;position:absolute}.crop-selection:active{cursor:grabbing}.crop-handle{border:2px solid var(--ink);touch-action:none;background:#ffdf57;width:1rem;height:1rem;position:absolute}.crop-handle--nw{cursor:nwse-resize;top:-.55rem;left:-.55rem}.crop-handle--ne{cursor:nesw-resize;top:-.55rem;right:-.55rem}.crop-handle--sw{cursor:nesw-resize;bottom:-.55rem;left:-.55rem}.crop-handle--se{cursor:nwse-resize;bottom:-.55rem;right:-.55rem}.crop-export-canvas{display:none}.composer-caption{width:min(30rem,100%);color:var(--muted);text-align:left;font:.85rem/1.4 var(--sans-serif);margin:-.4rem 0 0;padding:.5rem;display:block}.composer-caption:focus{box-shadow:inset 0 -2px 0 var(--accent);background:#fffdf7}.composer-eyebrow{margin:.5rem 0 -.75rem}.composer-detail{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:12rem;font:400 1.15rem/1.7 var(--serif);padding-block:1rem}.curio-story{gap:1.5rem;display:grid}.curio-story p{white-space:pre-line;font-family:var(--serif);margin:0;font-size:1.15rem;line-height:1.65}.curio-story figure{margin:0}.curio-story img{border:1px solid var(--ink);object-fit:contain;width:100%;max-height:34rem;display:block}.byline-editor span{color:var(--muted);font-size:.75rem}.byline-editor{grid-template-columns:minmax(0,28rem);gap:1rem;display:grid}.byline-editor label{gap:.5rem;display:grid}.byline-editor input{border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);font:1rem/1.4 var(--sans-serif);background:0 0;padding:.6rem 0}.byline-editor input:focus{border-bottom:3px solid var(--accent);outline:0}.composer-error{z-index:6;box-shadow:4px 4px 0 var(--ink);color:#7b170e;background:#ffe1d9;border:2px solid #9d1f13;margin:0;padding:.75rem;font-weight:700;position:sticky;top:3.5rem}.submit-button{border:var(--line);color:var(--ink);cursor:pointer;font:700 .8rem/1 var(--sans-serif);letter-spacing:.08em;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink);background:#ffdf57;border-radius:0;justify-self:end;padding:.8rem 1rem}.submit-button:disabled{cursor:wait;opacity:.65}a{color:currentColor}a:hover{color:#a62f13}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.card--three,.card--four,.card--five,.card--seven{grid-column:span 6}}@media (width<=620px){header,main{width:min(100% - 1rem,1240px)}.card--three,.card--four,.card--five,.card--seven{grid-column:1/-1}.details-dialog--split[open]{display:block}.byline-editor{grid-template-columns:1fr}.crop-editor-heading{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.card,.contributor strong:after{transition:none}.details-dialog[open] .contributor strong:after{animation:none}}