:root{--bg:#edd554;--ink:#292825;--accent:#ab5436;--body:Arial,sans-serif;--display:"Trebuchet MS",Arial,sans-serif;}
.oddment h1,.oddment h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em}.odd-hero{position:relative;min-height:850px;padding-top:20px}.odd-title{width:65%;margin-left:35%;position:relative;z-index:2}.odd-title p{margin-bottom:22px}.odd-title .action{margin-top:28px}.odd-hero .scene{width:66%;margin-top:-90px;margin-left:-2vw}.odd-foot{position:absolute;bottom:90px;right:8vw;max-width:20ch}.odd-find{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10vw}.creature-list article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px 20px;border-top:2px solid var(--ink);padding:25px 0}.creature-list article p{grid-column:2}.creature-list .icon{grid-row:1/3;width:44px;height:44px}.odd-day{background:var(--ink);color:var(--bg);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10vw}.day-notes p{padding:20px 0;border-bottom:1px solid currentColor}.oddment [data-card-form]{padding:35px;border:2px solid var(--ink);border-radius:24px}.oddment [data-card-form] label{margin-top:18px}.oddment [data-card-form] button{margin-top:24px;border-radius:30px}.oddment .action{border-radius:30px}.odd-end h2{font-size:clamp(42px,7vw,90px)}.auth.oddment .auth-art{align-self:end}.auth.oddment .auth-copy{align-self:start}.auth.oddment .auth-shell{min-height:75vh}@media(max-width:899px){.odd-hero{min-height:0}.odd-title{margin:0;width:100%}.odd-hero .scene{margin:0;width:100%}.odd-foot{position:static;margin-left:auto}.odd-find,.odd-day{grid-template-columns:minmax(0,1fr);gap:35px}}