@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Nothing+You+Could+Do&display=swap');
:root{--black:#241819;--burgundy:#48282c;--paper:#d9c7a9;--ochre:#a48256;--red:#753b39}
body{background:var(--black);color:var(--paper)}.header{background:#201618;border-bottom:1px solid #85634f;padding:15px 0;position:relative;z-index:40}.brand{font:italic 1.9rem 'IM Fell English',serif}.brand small{font:.55rem 'Cormorant Garamond',serif;letter-spacing:.35em}.nav a{font:600 .85rem 'Cormorant Garamond',serif;letter-spacing:.08em}.nav a:last-child{border:1px solid #c5a57b;padding:7px 12px}footer{background:#1c1213;color:#d6c3a9}.odd{font-family:'Cormorant Garamond',serif}.odd a{color:inherit}.odd .hand{font-family:'Nothing You Could Do',cursive}.odd .smallprint{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600}.odd .serif{font-family:'IM Fell English',serif;font-weight:400}.odd .engraving{border:1px solid #ad8a64;box-shadow:inset 0 0 0 5px #2b1a1b,inset 0 0 0 6px #a1845f}.odd .grain{background-image:radial-gradient(#0003 .8px,transparent 1px),repeating-linear-gradient(10deg,#fff1 0 1px,transparent 1px 7px);background-size:7px 7px,auto}.odd .object{position:absolute;display:block}.odd .portrait-frame{padding:10px;background:#2a191b;border:10px ridge #987147;box-shadow:8px 17px 22px #0009}.odd .photograph{width:100%;height:100%;object-fit:cover;display:block}.odd .missing{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:18px;background:radial-gradient(ellipse at 50% 30%,#8d5748,#302127 70%);color:#e1c2a3;font:italic 1.7rem 'IM Fell English',serif;text-align:center}.odd .missing.night{background:radial-gradient(ellipse at 60% 35%,#673e58,#241b2b 70%)}.odd .missing.gold{background:radial-gradient(ellipse at 40% 25%,#9d764d,#382726 70%)}.odd .corner:before,.odd .corner:after{content:"❦";position:absolute;font-size:3rem;color:#aa845f;z-index:2}.odd .corner:before{top:6px;left:15px}.odd .corner:after{right:15px;bottom:6px;transform:rotate(180deg)}
/* An actual desk, not another hero and four cards */
.odd-desk{position:relative;min-height:1120px;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#56383b,#29191c 70%)}.odd-desk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(93deg,transparent 0 80px,#0f090a22 83px 85px),radial-gradient(#d9c1a40d .8px,transparent 1px);background-size:auto,5px 5px}.odd-desk .stage{position:relative;min-height:1120px;max-width:1440px;margin:auto}.odd-desk .mast{position:absolute;z-index:7;left:7%;top:65px;width:45%;transform:rotate(-8deg)}.odd-desk .mast .issue{color:#c5a27d;font-size:.8rem;letter-spacing:.25em}.odd-desk .mast h1{font:italic clamp(6rem,12vw,13rem)/.73 'IM Fell English',serif;letter-spacing:-.06em;margin:25px 0;color:#ead3b3;text-shadow:3px 7px 0 #160d0e}.odd-desk .mast h1 span{display:block;padding-left:18%;color:#c68c7c}.odd-desk .mast .subtitle{font-size:1.45rem;max-width:370px}.odd-desk .lead-photo{top:65px;right:9%;width:37%;height:650px;transform:rotate(9deg);z-index:2}.odd-desk .second-photo{top:520px;left:24%;width:26%;height:390px;transform:rotate(-13deg);z-index:4}.odd-desk .third-photo{top:675px;right:4%;width:27%;height:290px;transform:rotate(5deg);z-index:3}.odd-desk .envelope{top:660px;left:3%;width:300px;min-height:280px;background:#d3b995;color:#3c2824;transform:rotate(7deg);padding:28px;z-index:5;box-shadow:8px 12px 20px #0007;clip-path:polygon(0 0,100% 0,100% 94%,95% 100%,0 100%)}.odd-desk .envelope:before{content:"";position:absolute;top:0;left:0;right:0;height:75px;background:linear-gradient(153deg,transparent 49%,#b79d7b 50%,transparent 51%),linear-gradient(207deg,transparent 49%,#b79d7b 50%,transparent 51%);opacity:.7}.odd-desk .envelope p{position:relative;margin:45px 0 10px;font-size:1.7rem;line-height:1.1}.odd-desk .envelope a{font-size:1.1rem;text-decoration:underline}.odd-desk .doodle{top:460px;left:7%;font:3.4rem 'Nothing You Could Do',cursive;color:#b9987e;transform:rotate(-17deg);z-index:4}.odd-desk .seal{top:75px;right:3%;width:105px;height:105px;border-radius:50%;background:#743b3b;border:5px double #d0ad7c;display:grid;place-items:center;font:italic 2rem 'IM Fell English',serif;transform:rotate(14deg);z-index:5}.odd-desk .entry{bottom:30px;left:42%;font-size:1.5rem;border-bottom:1px solid #d6b78c;z-index:8}
.odd-ribbon{padding:28px 0;background:#ad8965;color:#2b1b1b;overflow:hidden;text-align:center;font:italic 1.8rem 'IM Fell English',serif;letter-spacing:.05em}
.odd-contents{position:relative;background:#d6c1a0;color:#2b1e1a;padding:110px 0 140px;overflow:hidden}.odd-contents:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 28px,#765a3d17 29px);pointer-events:none}.odd-contents .layout{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.odd-contents h2{font:italic clamp(5rem,9vw,10rem)/.9 'IM Fell English',serif;margin:20px 0 30px}.odd-contents .aside{transform:rotate(7deg);background:#e9d8bc;border:1px solid #9e7d5c;padding:40px 38px;box-shadow:12px 12px 0 #b39c79}.odd-contents .aside p{font-size:1.65rem;line-height:1.2}.odd-contents .aside .hand{font-size:1.25rem;color:#824e42}
.odd-drawer{padding:110px 0 150px;background:#281b1c}.odd-drawer .heading{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid #9e785d;padding-bottom:25px}.odd-drawer h2{font:italic clamp(4rem,8vw,8rem)/.9 'IM Fell English',serif;margin:0}.odd-drawer .drawer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:50px 35px;padding-top:90px}.odd-drawer .artifact{grid-column:span 6;position:relative;display:block;transform:rotate(-5deg)}.odd-drawer .artifact:nth-child(2){grid-column:span 5;transform:rotate(8deg);margin-top:110px}.odd-drawer .artifact:nth-child(3){grid-column:span 5;transform:rotate(5deg);margin-top:-70px}.odd-drawer .artifact:nth-child(4){grid-column:span 6;transform:rotate(-8deg);margin-top:120px}.odd-drawer .artifact .mat{background:#d8c2a2;padding:15px 15px 60px;box-shadow:10px 15px 22px #0009}.odd-drawer .artifact .image{height:430px;background:#54353a;overflow:hidden}.odd-drawer .artifact:nth-child(2) .image,.odd-drawer .artifact:nth-child(3) .image{height:350px}.odd-drawer .artifact .caption{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;color:#37251e;align-items:center;font:italic 1.7rem 'IM Fell English',serif}.odd-drawer .artifact .caption small{font:600 .65rem 'Cormorant Garamond',serif;letter-spacing:.12em}.odd-drawer .artifact:before{content:"✧";position:absolute;top:-32px;left:45%;font-size:2.5rem;color:#c7a17b}.odd-drawer .artifact:hover{transform:rotate(0deg) translateY(-8px);z-index:3;transition:transform .2s}
.odd-letter{padding:110px 0;background:#743e40;color:#ead8bf;text-align:center}.odd-letter h2{font:italic clamp(3.5rem,7vw,7rem)/1 'IM Fell English',serif;max-width:1000px;margin:20px auto}.odd-letter .hand{font-size:1.6rem;color:#f0c6a5}
.odd-person{background:#d6c1a0;color:#2d1f1b;padding:110px 0}.odd-person .layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.odd-person .portrait{height:560px;transform:rotate(-6deg)}.odd-person h2{font:italic clamp(4rem,8vw,8rem)/.95 'IM Fell English',serif}.odd-person p{font-size:1.5rem}.odd-person a{border-bottom:1px solid currentColor;font-size:1.4rem}
.odd-exit{padding:120px 0;text-align:center;background:radial-gradient(circle,#593236,#211719 80%)}.odd-exit h2{font:italic clamp(4rem,10vw,10rem)/.85 'IM Fell English',serif;margin:25px 0}.odd-exit a{display:inline-block;padding:15px 28px;border:1px solid #c4a07b;font-size:1.5rem}
.odd-page{min-height:75vh;background:radial-gradient(circle at 80% 10%,#543136,#26191b 65%);padding:85px 0 130px}.odd-page .page-title{font:italic clamp(5rem,10vw,10rem)/.85 'IM Fell English',serif;margin:15px 0 35px}.odd-page .sub{font-size:1.5rem;max-width:660px}.odd-page .divider{border-bottom:1px solid #a38463;margin:55px 0}.odd-page .paper-panel{background:#d8c5a5;color:#2f211e;padding:35px;box-shadow:12px 14px 0 #110c0c55}.odd-page .paper-panel h2{font:italic 3.3rem 'IM Fell English',serif;margin:5px 0 20px}.odd-page .folio{font-size:.75rem;letter-spacing:.2em}.odd-page .ledger{display:grid;grid-template-columns:1fr auto;gap:20px;border-bottom:1px solid #9e8366;padding:25px 0;align-items:center}.odd-page .ledger h3{font:italic 2rem 'IM Fell English',serif;margin:0}.odd-page .ledger .price{font:italic 2.4rem 'IM Fell English',serif}.odd-page .ledger p{margin:5px 0;font-size:1.2rem}.odd-page .page-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.odd-page .photo{min-height:480px}.odd-page .archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.odd-page .archive-item{background:#d3b998;padding:10px 10px 45px;transform:rotate(-3deg);position:relative;color:#2d201e}.odd-page .archive-item:nth-child(even){transform:rotate(4deg);margin-top:50px}.odd-page .archive-item .photo{height:340px;min-height:0}.odd-page .archive-item span{position:absolute;bottom:12px;left:15px;font:italic 1.4rem 'IM Fell English',serif}.odd-page .filter{background:none;border:1px solid #ab8b68;color:#e3cbaa;padding:10px 18px;font:1.1rem 'Cormorant Garamond',serif;cursor:pointer}.odd-page .filter.active{background:#d3b998;color:#281c1c}.odd-page .filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 60px}
@media(max-width:900px){.odd-desk,.odd-desk .stage{min-height:1000px}.odd-desk .mast h1{font-size:clamp(5rem,13vw,9rem)}.odd-desk .lead-photo{width:45%;height:520px}.odd-desk .second-photo{width:35%;height:330px}.odd-desk .third-photo{width:32%;height:250px}.odd-desk .envelope{width:245px;top:670px}.odd-contents .layout,.odd-person .layout,.odd-page .page-columns{grid-template-columns:1fr}.odd-drawer .artifact:nth-child(n){grid-column:span 6}.odd-page .archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.odd-desk,.odd-desk .stage{min-height:1000px}.odd-desk .mast{top:60px;left:5%;width:80%}.odd-desk .mast h1{font-size:clamp(5.5rem,19vw,8rem)}.odd-desk .mast .subtitle{font-size:1.2rem}.odd-desk .lead-photo{width:62%;height:390px;right:3%;top:295px}.odd-desk .second-photo{width:52%;height:260px;left:5%;top:550px}.odd-desk .third-photo{width:37%;height:190px;right:4%;top:760px}.odd-desk .envelope{width:190px;min-height:160px;top:800px;left:4%;padding:15px}.odd-desk .envelope p{font-size:1.2rem;margin:25px 0 5px}.odd-desk .envelope a{font-size:.9rem}.odd-desk .seal{width:70px;height:70px;font-size:1.3rem}.odd-desk .doodle{display:none}.odd-desk .entry{left:auto;right:5%;bottom:15px;font-size:1.2rem}.odd-contents,.odd-drawer,.odd-person,.odd-exit{padding:75px 0}.odd-contents h2{font-size:5rem}.odd-drawer .drawer-grid{display:block}.odd-drawer .artifact:nth-child(n){width:88%;margin:0 auto 70px;transform:rotate(-3deg)}.odd-drawer .artifact:nth-child(even){transform:rotate(4deg)}.odd-drawer .artifact .image,.odd-drawer .artifact:nth-child(n) .image{height:310px}.odd-person .portrait{height:390px}.odd-page{padding:65px 0}.odd-page .page-title{font-size:5rem}.odd-page .archive-grid{grid-template-columns:1fr}.odd-page .archive-item:nth-child(n){margin-top:0}.odd-page .paper-panel{padding:25px}}
@media(prefers-reduced-motion:reduce){.odd-drawer .artifact:hover{transition:none}}